この記事では、JavaScriptを使用せずにCSSだけを使って「TOPへ戻るボタン」を実装する方法を詳しく解説しています。Scroll-driven Animationsという新しいAPIを活用し、スクロール途中でのボタン表示やトップへの滑らかなスクロールを実現します。初心者にも…

この記事では、HTMLとCSSを使って、ウェブページ上でテキスト要素を特定のデザインに配置する方法について解説します。 具体的には、2つのテキスト要素を中央に配置し、左側要素の文字は右寄せに、もう一方はまた要素と逆寄せにする方法です。

この記事では、基本的なウェブサイトのトップページのデザインを紹介します。ヘッダー、セクション、フッターなどの要素を使ったシンプルなレイアウトの例を掲載し、各セクションの役割やコンテンツについても解説します。

1日1優。ポチっ、が支えです 小さなひとこと、お待ちしてます(≧◡≦)❤️ 読者登録もいただけますとうれしいです～ class「r-fuki piyo」のなぞ 捜査は難航 事件の全貌 気を取りなおして ここで問題が 強引に解決 今回のコード HTML CSS こんばんは、暑さもすこ…

寄せたい画像の位置と書き方 真ん中 上のコード [f:id:画像:plain:h240] の解説 右寄せ（さらに左側に文字を回り込ませる） 左寄せ（さらに右側に文字を回り込ませる） 横並び 寄せたい画像の位置と書き方 真ん中 <center>[f:id:画像:plain:h240]</center> 上のコード [f:id:…

Syntax Highlighting of Source Code with Hatena Notation スーパーpre記法 html css javascript python sh ruby hatena おまけ 表組 項目名ありの表 引用記法 Syntax Highlighting of Source Code with Hatena Notation スーパーpre記法 >|| ～～ || 整形…

AIでブログ記事は書けるか？ キーワードを決める ✖「はてなブログ aboutページ」 競合ページの調査をChatGPTにお願いする 参考にする見出しを意味のあるものに絞る いよいよChatGPTの出番！ 出力した記事の検証 AIでブログ記事は書けるか？ 最近、aboutペー…

aboutページの見直し 定期的な見直しが必要です汗 画像の遅延読み込み aboutページの見直し ブログ開設当初、いろいろとブログカスタマイズについて調べていくなかで、「ごあいさつ」や「自己紹介」ページというのがブログには大抵存在するな、と気づき、は…

無料版はてなブログで、Googleアドセンスの審査に合格することができました。 合格時のブログ状況や、合格までにやったことをまとめました。

検索結果で上位に表示されるブログの記事タイトルの決めかたについて、考えてみました。 記事本文中で使っているワードごとの出現回数をPythonで抽出してタイトルとの整合性をとり、UbersuggestでSEO対策に有利なキーワードを選出。 また、最適な文字数は「3…

Googleアナリティクスのデフォルト設定では、外部サイトへのリンクは計測できません。 計測するにはイベントトラッキングの設定が必要となりますが、Googleタグマネージャを使えばかんたんに設定ができます。

Googleタグマネージャを使えば、イベントトラッキングをかんたんに設定できます。 イベントトラッキングを設定することで、Googleアナリティクスのデフォルト設定では見ることができないデータの計測が可能になり、アクセス解析の幅が広がります。

スマートニュースに自分のブログ記事が初めて載りました。 「スマニュー砲」の効果、掲載された理由、自分の記事の見つけ方・探す方法、掲載期間についてなど。

はてなブログ無料版でGoogle アドセンスの審査に申請しました。 が、結果は不合格。理由と対策について、まとめました。 PageSpeed Insights（ページスピードインサイト）、IntersectionObserver（インターセクションオブザーバー）でのブログ改善のことなど…

Googleの無料ブログサービス、Bloggerの紹介です。始め方、おすすめのテンプレート、ワードプレスからの移転、使い方など。

削除・消えてしまった記事の復元方法について、Googleのキャッシュを利用するやり方の解説です／ブログ初心者

SEO対策として検索順位・クリック率を上げるため、Ubersuggestという無料ツールを使うやり方を実践します。 検索結果ページの分析も、行います。

WordPressのプラグイン「All in one SEO Pack」でSEO対策。 私と同様、SEOってなに？って方は、よかったら、一緒に設定してみましょう！

Google Chromeの高速化について。 flagsの設定、拡張機能Fastrの使い方やメリット・デメリットなど。 ページ表示速度測定、1クリックキャッシュ削除の拡張機能の紹介

Pythonプログラム入門の1回目です。 Webスクレイピングにより、指定したURLから画像ファイルのみを抽出して自分のパソコンにダウンロードします。

はてなブログテーマ「Innocent」をカスタマイズして、前回の投稿で設置したグローバルメニューの色を変更しました。 背景・文字の色の変更と、背景色の透過、マウスオーバー時に色を変化させるやりかたについて。

はてなブログのカスタマイズぺージです。 人気テーマ「Innocent」に変更して、ブログ画面の上にグローバルメニューを設定してみました。 作業はカンタンです。5分ほどで終わりました♪

ワードプレスで投稿にGoogleマップを表示する方法です。 また、Twitterカードのかんたん設定などを、無料テーマ yStandardで行います。

はてなブログで文字に背景色をつける方法を初心者向けに解説。さらに、見たまま編集でかんたんにシェル表記をする方法も紹介します。

はてなブログを使い始めて、いらない画像を削除したいと思ったけど、どうやって消すのかわかりませんでした。 WordPressのように、ライブラリがあるのかと思ったけど管理画面とか、ダッシュボードのどこにもない・・ いろいろ調べると、どうやらはてなブログ…