最近 Blogger のテンプレートをちまちまと修正していたので、どこを修正したのかをメモしておくことに...(*˘ω˘)φ_
ヘッダー画像
- 読み込んだ後、スクロールして表示するようにした。
- ランダムで画像を表示するようにした。
フォント
- Google Fonts からWebフォントを取得して表示するようにした。
その他
JavaScript の document.write() が現在は非推奨らしいので、document.write() で記述しているところをすべて修正した...(*˘ω˘)φ_
ちなみに…
上記の処理は、基本的に Gemini さんに作ってもらった...(*˘ω˘)φ_.oO(便利すぎる)
Blogger のテンプレートを修正してもらうなら、同じ Google のサービスである Gemini にやってもらうのが一番かな？って思ったんだけど、Gemini 自体が Blogger の仕様をいまいち理解してない感じがあって、歯痒いところはあった...w(*˘ω˘)φ_
その他、細かい補足は以下にて...(*˘ω˘)φ_
ヘッダー画像のスクロール処理について
タブ非表示時や、ページをスクロールしてヘッダー画像が表示されなくなったら、スクロール処理が止まるようにしてあるので、バックグラウンドでずっと動作し続けるということはありません...(*˘ω˘)φ_
それと、画像が切り替わった後にスクロールしない不具合を確認してるんだけど、修正を頼んだらどんどん不具合を起こすコードを提案してくる有様だったのと、止まっててもこれはこれでいいかって思ったので、そのままにした...w(*˘ω˘)φ_
ヘッダー画像のランダム表示について
以前は、Googleサイト(旧)
にファイル名が連番の画像を置いて、取得するファイル名を Math.random()
で生成して取得する、という処理をしていたんだけど、Googleサイト(旧)
が廃止されて連番のファイルを置けなくなったので、１枚ずつ指定してみた。
１枚ずつファイル名を指定しているから、あまり大量に画像を指定するとコードが無駄に長くなっちゃうので１０枚程度に抑えたけど、できれば連番で指定したい...(*˘ω˘)φ_
ヘッダー画像に表示している画像は何の画像…？
実は、これもＡＩに生成してもらった画像だったり...w(*˘ω˘)φ_.oO(つまりヘッダー周りを全部ＡＩに処理してもらった感)
ちなみに、ＡＩで生成してみた画像は DeviantArt に投稿しているので、大きいサイズで見たい人はこっちで見てください...♪(*˘ω˘)φ_
フォントについて
Google Fonts が、知らない間に日本語フォントもけっこう使えるようになっていたので、Webフォントを指定してみた。
ただ、顔文字がちょっとしっくりこない感じだから、いいフォントが追加されたら変更するカモしれない...(*˘ω˘)φ_
