つぶやき Web拍手を送る

Tsubuyaki つぶや記

ひとこと

主に落書きを載せたり創作の設定について語ったりするページです
たまに絵とか3DCGとかの進捗を載せたりもします

ギャラリー

2023年2月5日の投稿［3件］

SSG導入についてのつぶやきが増えてきたのでハッシュタグを作りました→#SSG導入日記
無事に導入に成功して改装できた暁には作業中につぶやいたこととかつぶやいてないこととかまとめた記録的なもの作って公開してみようかな～(他人のそういうの読むの好きなので)と思わなくもないんですがそうするとこのサイトが何のサイトなのか分からなくなる可能性が
ちなみに使っているのはEleventyというSSGです　今まで作ってきたページのhtmlが割とそのまま流用できそうだったのが導入のきっかけ

ひとりごと2023/02/05(日)

今日できたこと：画像の自動生成の仕組み＆リンクカード関連#SSG導入日記
  • 変換したい画像リストを別ファイルに切り離してそこから読み込む
  • 静的サイトジェネレータ(SSG)の機能でページごとに設定されているOGP画像のパスをリストにまとめて出力
  • ↑のリストから小さい画像を生成
  • リンクカードの画像を挿入するところに生成された画像 or 画像が設定されていないときはデフォルトの画像を表示
  • SSGでページを生成→画像を生成　の順でプログラムが動くようにコマンドラインのコマンドを設定→SSGの設定で「ページ生成後にプログラムを動かす」ことができるのを発見したのでそっちに組み込み

これで画像付きのリンクカードがショートコード1個で作れる＆サイトに必要なhtml,css,javascriptと画像の生成がコマンド1個でできる仕組みができました
そういえば小さい画像を作るのに使っているモジュール(sharp)に、画像を切り取るときにいい感じのところを真ん中に持ってきてくれる設定(よくわからないけど多分そう)があるのを発見しました　おおむねいい感じに切り取ってくれている気がするけど、デカい文字があるとそこを切り取っちゃうぽいのでやっぱり手動で設定する何らかも欲しいかもしれない
あとは…今はページごとにOGP画像を手入力で設定するしかできないので、イラストとか落書きまとめのページは中身から自動で設定できるようにもしたい　でもどうしたらいいか皆目見当もつかないなあ～

ひとりごと2023/02/05(日)

今日は画像の自動生成…元画像のパスを入力したら出力先を勝手に決めてくれるように＆変換してほしい画像をリストで与えたら全部処理してくれるようにできました#SSG導入日記
あとは変換してほしい画像リストを自動で作れるようになればサムネイル自動生成機能は大体完成って感じです　出来れば画像の切り取りたい位置も指定できるようにしたいかも…と縦長画像を横長サムネイル生成のテストに使ってて思いました
↓テストで生成したサムネイル
20230205020456-yo46ra.webp

ひとりごと2023/02/05(日)

つぶや記トップに戻る

Log

Search

  • 投稿年月：
  • カテゴリ：
  • ＃タグ：

Calendar

2023年2月
SUNMONTUEWEDTHUFRISAT
1234
567891011
12131415161718
19202122232425
262728

つぶや記トップに戻る

Powered by てがろぐ Ver 4.2.0