Hugoで静的サイト制作体験がとても良かったという話

108 Views

July 11, 26

スライド概要

アイビースクエアビアガーデン駆動合同勉強会 in 大都会岡山 -2026 Summer-
https://gbdaitokai.connpass.com/event/395082/

profile-image

岡山県在住。小売店、飲食業を経て2000年よりウェブ制作に従事し、2023年6月からClassiに所属。 業務外の活動として、セミナーイベント・勉強会への登壇、書籍の執筆・寄稿など執筆活動、技術系ドキュメントの翻訳などを行う。 ウェブクリエイターズニュース管理人。okayama-js主宰。Okayama WordPress Meetup オーガナイザー。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

各ページのテキスト
1.

Hugoで静的サイト制作体験がとても良かったという話 前川昌幸 2026/07/11

2.

Hugo • Go言語で作られたスタティック・サイト・ジェネレーター • https://gohugo.io

3.

こういうサイトを作った

4.

作成したサイト • SmartRelease Uというサービスの外部サイト • ユーザーサイトとして利用方法など情報を発信 • ちなみにSmartRelease Uは無料で機能制限版使えます • 今のところ静的サイトの管理がやりやすい • 下記の手順でやりたいな • SSGでビルド→テストサーバー(SRU)→公開サーバー(さくら)

5.

Hugo • Goで動くので、GitHub Actionsこねくり回さなくても動きそう… • npmとかpipとか依存あまり考えなくても良さそう • マークダウン書いて置くだけ • blosxom思い出す! • 結果こうなりました

6.

GitHub Actions サイトのビルド SFTP転送 SmartRelease U 転送機能 テストサーバー (SRU) 内容確認 マークダウン 書いてPR 公開サーバー (さくら)

7.

GitHub Actions • 結構さくりとできます • https://github.com/maepon/smartrelease-users-site/blob/ main/.github/work ows/deploy.yml fl • SFTPまわりがやや冗長なので、SRU専用のActionを別途作成

8.

まとめ • ドキュメント系サイトならファーストチョイスになるのでは? • ウェブの管理インターフェースがマストで無ければ • ビルドを気軽にGitHubに任せられるのが良い

9.

ありがとうございました