自動生成アイキャッチ

はてなブログで、自動生成アイキャッチを記事サムネイルにする方法の備忘録です。 はじめに 自動生成アイキャッチを記事サムネイルにする おわりに 参考 はじめに 以前からではありますが、はてなブログで自動生成アイキャッチ機能がリリースされてました。 しかし、はてなブログ管理画面の"アイキャッチ"タブの説明を読むと、この自動生成アイキャッチはSNSシェアされた時の画像として使われるものの、記事サムネイルの画像としては使えない、というように読めます↓ はてなブログのアイキャッチ設定画面での説明 この自動生成アイキャッチを、記事サムネイルとして使いたいときの方法を備忘録に残します。 自動生成アイキャッチ…

1日の記事数と、1記事あたりのコメント数の制限を緩和しました - はてなブログ開発ブログ 新規登録 または ログイン はてなブログ開発ブログ はてなブログからの公式のお知らせを発信します。 2012-01-24 1日の記事数と、1記事あたりのコメント数の制限を緩和しました 機能修正・改善 本日、はてなブログの「1日に書ける記事数」と「1記事あたりに投稿できるコメント数」の制限を緩和しました。 1日に書ける記事数を、これまでの10件から、100件に変更しました 1記事あたりに投稿できるコメント数を、これまでの10件から、100件に変更しました フィードバックにてご要望をいただき、ありがとうござい…

どうもこんにちは。しゃんぼ☺︎です。 先週改名させてもらって、名前の後ろに☺︎を入れているんですが、はてなブログが自動で生成してくれるSNS用アイキャッチ画像の方は何故か☺️になっちゃうんですよ。これが大変気に食わないので、自分で自動生成アイキャッチ画像を作れないかな…と思い、ChatGPTの力を借りながら簡単なプログラミングに挑戦しました。まだ完成形ではないので今回は採用しませんでしたが、試作品がこちら。 まだまだ改善の余地だらけですが、正式に完成したらそちらをアイキャッチ画像として使っていくつもりです。来週には完成させたいと思っています（果たして間に合うのか…？！）。 今週のお題「秋服」 …

Proになった

はてなブログの自動生成アイキャッチをカスタマイズしてみました。気に入った配色にできるのでおすすめ（有料プランに入っている状態であれば）！ 参考にしたサイト spica-mic.hatenablog.jp 配色で参考にしたサイト www.webdesignrankings.com ヘルプ help.hatenablog.com

すべてはこれを見てくれ spica-mic.hatenablog.jp「HTML/CSSわからなくてOK」とある通り、読んでその通りにいろいろ変えていったらできた。めでたい。大変ありがたい。すぴさんありがとうございました。 どんなコンセプトでデコったか 大昔のドラマ「Trap-TV」に多大なる影響を受けているので、あんまりカラフルという感じにはしなかった。ベースはブルーグレー、それにあわせてぽちぽち色を付けていった感じ*1。faviconをがんばってSVGファイルにしたところが一番大変だった（フォトショで扱えないのね……知らなかった）。あとfaviconは50％（丸）じゃなくて25％（ちょっと…

ワクワクしよう。 2024W36 (2024-09-02 / 2024-09-08) 国立科学博物館の天体観望に参加して、星を見た。でかい天体望遠鏡を覗くという行為が非日常的でとてもワクワクした。季節的に土星が見やすい時期で、望遠鏡を覗くと土星の輪が確認できし、しばらく眺めていると望遠鏡で見えている範囲を土星が移動する。土星が太陽の周りを周回し、同じように地球も回転しながら周回している、というイメージが頭の中にぱーっと広がっていく。 ストレスを打ち消す方法はいくつか持っておいた方がいい。過去には「建築探訪」も効果があったし、もちろん「写真を撮り歩く」というのもそう。家でできることは「大袋のお菓…

はてなのサマーインターンシップ2024に参加しました！ 3週間非常に濃密で貴重な経験をすることができたので、その旨を書こうと思います。 成果 作成した機能ははてなブログの「自動生成アイキャッチのカスタマイズ」です！ staff.hatenablog.com （id:chym といっしょに作りました） はてなブログではアイキャッチが手動で設定されていないときは、アイキャッチをタイトルなどに合わせて自動生成する機能があります。 月間はてなブックマーク数ランキング（2024年8月） - はてなブックマーク開発ブログ https://t.co/6qp98n4W5W— はてな (@hatenapr) 2…

staff.hatenablog.com 先週公開された新機能を試してみたのでメモしておく。 設定方法 「すべての人に公開」が必須 動作確認テクニック 画像生成部分の仕様 ブラウザはたぶんChromium JavaScriptは無効化されている 感想 設定方法 公式のヘルプが大変よくできていて助かる。 help.hatenablog.com 「すべての人に公開」が必須 ブログの公開設定を「すべての人に公開」にしておく必要がある。「カスタム」や「自分のみ」にすると、<meta property="og:image">などのアイキャッチ画像のタグ自体は出力されるが、画像のURLにアクセスすると40…

はてなブログで、自動生成アイキャッチをカスタムする機能がリリースされましたね。 staff.hatenablog.com はてなブログのインターンによる機能開発であり、ディレクターとして開発に関わっていたわけですが(関係性の明示)、なかなか面白い、というか上等で実用的なおもちゃという感じでいじってると時間が溶ける。プレビューがキビキビ反映されるのはとても気持ちいいですね。 さて変数とHTMLとCSSがかけると様々なことが可能になります。実際に見てみましょう。 タイトルを設定していない記事でいい感じにする SVGで背景をつける カテゴリに応じてデザインを変更する もう全部ChatGPTに作っても…