JavaScriptなしでブログを作る / Buildding blog system without JavaScript

//localboast Tokyoでお話しさせていただいた内容です

https://localboast-tokyo.connpass.com/event/406024/

Transcript

1. ヲクラ @3l4i5 JavaScriptなしでブログを作る Slide Deck Title Buildding blog system without JavaScript 2026/11/05(木) @ //localboast Tokyo
2. 3l4l5 3l4i5 往蔵隆成(ヲクラ) 🧳 クロスマート株式会社 👥 埼京.dev 共催 conf-note 作ってます 🎉 localboast Tokyo 第一回開催おめでとうございます！
3. 作っているもの https://srkr.dev/
4. 簡単に仕組み紹介
5. 仕組み紹介
6. ポイント markdownファイルをGitHub にpushするだけで記事の追加 が完了！ Just push a Markdown file to GitHub to publish a new article!
7. ポイント Pushされたことをトリガーとして 記事を含めたnginxコンテナのbuildと S3へ画像のアップロードが行われる A push triggers the build of an Nginx container containing the articles and the upload of images to S3.
8. ポイント ブログの訪問者には buildされたhtmlが返却される The built HTML is served to blog visitors.
9. ポイント Depoy先は お家のkubernetes cluster ホスティング代は無料！ （電気代のぞく） Deployed to my home Kubernetes cluster!
 Zero hosting costs! (Excluding electricity)
10. 大変だったポイント
11. ポイント 画像をS3にアップロードして 記事に含まれる画像pathを S3のurlに差し替える必要がある
12. 1  画像のアップロード後 htmlの画像部分の pathを入れ替え 1 <img src="https://example.com/image/path" alt="画 像">
13. 今後やりたいこと①
14. これを
15. こうしたい
16. 今はhtmlはcontainerに imageはS3に という構成にしているが 記事も全てS3に入れてしまいたい そうすればコンテナのbuildが不要になる Currently, HTML files are stored in the container, while images are stored in S3. I'd like to move all the articles to S3 as well, eliminating the need to rebuild the container.
17. 今後やりたいこと②
18. OGPを出せるようにしたい
19. 1 [何かのリンク](https://example.com) https://example.comのmetaタグかOGP情報を抽出 OGP情報からhtmlを生成 生成したhtmlを、ブログhtmlに埋め込む
20. 1 [何かのリンク](https://example.com) めんどくさい！ https://example.comのmetaタグかOGP情報を抽出 OGP情報からhtmlを生成 生成したhtmlを、ブログhtmlに埋め込む
21. なんでこんなことするの？
22. A.面白いから
23. できそう！ 作れそう！ と思ったものを実現するのが面白い
24. 久しぶりに手を動かして プログラムを書くのも 結構良い
25. A2.ちょっと勉強になる
26. 今回も、OGPの作り方や goで非同期処理を書く勉強になった
27. フレームワークやライブラリが 隠蔽してくれていた部分を 知ることができる
28. まとめ
29. 仕事ではAIを並列させて 休みの日に、盆栽に水をあげるような 生活も結構楽しい
30. エンジョイ！ エンジニアスローライフ！