Bloggerの記事一覧をカード型に変更しました【F-light】
記事一覧はリスト型にしていましたが、スマホでは少し物足りなく感じていました。そこで、 スマホだけカード型に変更 してみました。
Bloggerの戻る位置問題をJavaScriptで解決しました
内部リンクから「戻る」を押すと、PCでは元の位置に戻るのに、スマホはページの先頭に戻ってしまう。これ、地味にストレスです。AIと試行錯誤しながら、JavaScriptの追加で解決できました。
Bloggerの記事一覧を自分好みに整えました【F-lightをFlexbox化】
これまでと変わらなく見える記事一覧ですが、内部のレイアウトを大きく作り直しました。目的は、 「ブラウザの幅を変えた時に画像が切れないようにすること」 です。
FirebaseのAPIキー制限を設定しました【Gemini悪用リスクへの安全対策】
最近、「Googleが公開してもOKと言っていたAPIキーが、実はGeminiの認証キーにもなっていて、悪用されるリスクがある」というニュースが話題になりました。 「FirebaseのAPIキーは公開が前提」と言われて、「 いいねボタン 」にも使っています。 ...
Bloggerの「いいねボタン」に通知機能を付けました【GASでメール通知】
無事に 「いいねボタン」を設置 することができましたが、欲が止まらず、「いいね」されたら通知が来るようにしました。今回もGeminiとChatGPTに大活躍してもらいます。
Bloggerに「いいねボタン」を自作しました【Firebaseでカウント機能を実装】
テーマをF-lightに変更 したのを機に、ブログに「いいねボタン」を付けました。F-lightに変更した理由のひとつに「いいねボタン」を付けたいというのがありました。真似をすれば付けられるのかと思ったけどダメだった。またGemini頼りになってしまいました。
BloggerテーマをF-lightに変更しました【二重枠の調整とフォントの速度設定】
F-lightにテーマを変更したかったのですが、 写真の枠に枠 がついてしまうこと、変更しても Noto sans jpを使うと遅く なってしまうことで躊躇していました。でも、知識がなくてもAIの力を借りて解決できました。画像の二重枠はテーブルCSS修正で解決、Noto ...
新しい投稿はありません
前の投稿