【SSG】静的サイトジェネレーター【Hugo,Jekyll】

1 ：Name_Not_Found：2018/08/28(火) 16:27:33.09 ID:???.net

なかったので。
情報交換しましょう

https://www.staticgen.com

2 ：Name_Not_Found：2018/08/28(火) 16:32:57.32 ID:???.net

Hexoでブログやってるけど、一般人は扱えそうにないし、アフィリエイトもやりづらいね
エンジニアが本当に個人的なブログをやるためのものという感じ

3 ：Name_Not_Found：2018/08/28(火) 17:47:37.88 ID:???.net

>>2
俺はWordPressから
Hugoに移行しようと情報集め中なんだが
そんなニッチな感じなのか…
どうりでスレがなかったわけだ…

4 ：Name_Not_Found：2018/08/28(火) 17:53:35.87 ID:???.net

エンジニアのおもちゃみたいなイメージ
普通のサイトを作るのには向いてなさげ
もっと一般向けのだったらそれなりに需要はありそう

5 ：Name_Not_Found：2018/08/28(火) 17:58:37.82 ID:???.net

>>4
Hugoくらいしかわからんけど
確かにGUIで管理できたら利用者増えそう

6 ：Name_Not_Found：2018/08/28(火) 18:02:02.12 ID:???.net

>>5
hugoはかなりいい線いってると思うよ
shotcodeみたいなのも使えるっぽいし
wpから移行しやすいのかもしれない

7 ：Name_Not_Found：2018/08/28(火) 18:03:40.03 ID:???.net

>>6
おぉ。移行ツールもあるっぽいしね
Go言語分からなくてもある程度使えるし
実はPythonのSSGと迷ってる

8 ：Name_Not_Found：2018/08/28(火) 18:09:10.13 ID:???.net

>>7
ペリカンだっけ？
速度だけならhugoの圧勝なんだろうけど
pythonベースだと自分で拡張するのが楽そうではある
まあ自分の使ってる言語に合わせてみんな使いわけてんだろね

そういう感じだから
技術者のおもちゃにしかみえないんだよなぁ・・・

9 ：Name_Not_Found：2018/08/28(火) 18:16:06.31 ID:???.net

>>8
そうそう

なるほど…(´・ω・｀)
プログラム板のが良かったかなぁ

10 ：Name_Not_Found：2018/08/28(火) 18:25:15.13 ID:???.net

>>9
それだと各言語の宗教戦争になりそうだし
ここでいいんじゃね？

というかこのスレで
普通のサイトで使う為のノウハウ蓄積できたらかなりいいかも
技術者じゃなくて普通の人の使い方も聞いてみたい

11 ：Name_Not_Found：2018/08/29(水) 01:20:10.03 ID:???.net

>>10
ありがと

ただプログラマ以外がこのスレタイで来てくれるかなぁ
>>2
今更だけどHexoスレタイから抜いちゃってごめん
字数制限キツすぎ

12 ：Name_Not_Found：2018/08/29(水) 16:30:56.34 ID:???.net

ほしゅ

13 ：Name_Not_Found：2018/08/29(水) 18:50:05.41 ID:???.net

保守

14 ：Name_Not_Found：2018/09/04(火) 08:05:55.88 ID:???.net

静的サイトジェネレータ使ってるのってプログラマでmacな人が大半ですか？

15 ：Name_Not_Found：2018/09/04(火) 09:12:58.67 ID:???.net

>>14
俺はmacは個人的に嫌いなのでwinとlinux使ってる

16 ：Name_Not_Found：2018/09/04(火) 17:52:49.70 ID:???.net

>>15
やっぱwinだと環境作るの面倒？

17 ：Name_Not_Found：2018/09/04(火) 23:49:05.16 ID:???.net

>>16
Hugoしかわからんけどそんなことない
ってかOSの違いってコマンドが違うくらいでやることは変わらんでしょ

18 ：Name_Not_Found：2018/09/10(月) 04:26:31.86 ID:???.net

https://getpublii.com/
GUI付き

19 ：Name_Not_Found：2018/09/11(火) 07:58:53.03 ID:???.net

こんなのあるんだ

20 ：Name_Not_Found：2018/09/16(日) 02:22:12.73 ID:su4tnZS4.net

wordpressをローカルにインストールしておいて
プラグインで静的ファイル書き出すのが楽だし出来ることも多くね？

21 ：Name_Not_Found：2018/09/16(日) 11:12:54.66 ID:???.net

>>20
それだと動的コンテンツはどうなるの？
結局調整し直し？

22 ：Name_Not_Found：2018/09/19(水) 00:59:49.21 ID:ydCYO8Wx.net

俺は東大法学部卒だがこのスレで書かれていることの大半が理解できない
もっと誰でも参加できるような話題にしろ

23 ：Name_Not_Found：2018/09/19(水) 09:10:31.99 ID:???.net

俺は現役東大生だが大半理解できる。
あんたみたいなのが先輩で恥ずいよ。

24 ：Name_Not_Found：2018/09/19(水) 18:17:56.72 ID:???.net

ぜんぜんわからない
俺たちは雰囲気でコマンドを打っている

25 ：Name_Not_Found：2018/09/19(水) 18:24:04.51 ID:???.net

何がわからないのかわからない
そもそもSSGは中級以上向け

26 ：Name_Not_Found：2018/09/25(火) 08:42:59.25 ID:???.net

SSG自作したんで試してくれる人いない？こんな感じのです。
https://youtube.com/watch?v=KWFUBZ8pdX8
もしいたらどっかにzipでアップしますんで。
windows でしか動きませんが。

27 ：Name_Not_Found：2018/09/25(火) 09:05:13.06 ID:???.net

残念
Macだわ

28 ：Name_Not_Found：2018/09/25(火) 09:58:26.61 ID:???.net

hugo + RStudio + blogdownで試しにブログ作ってみた。
markdownで書くだけなので楽は楽だけどThemeに脆弱性が残ってたりと細かい所は色々と厄介そう。
Gitとかと連携してソース管理できるのは便利かな。

29 ：Name_Not_Found：2018/09/25(火) 18:14:35.50 ID:???.net

>>28
脆弱性って具体的にどんな？
静的サイトなら攻撃されようがなくない？

30 ：Name_Not_Found：2018/09/25(火) 18:40:53.74 ID:???.net

「themeのjsonで指定されてるパッケージのいくつかに脆弱性あるよ」というようなアラートをGitHubが出してくれてる。
静的と言ってもthemeでjavascriptライブラリとか使ってるから、そのあたりに脆弱性があるっぽい。

31 ：Name_Not_Found：2018/09/25(火) 18:53:50.44 ID:???.net

>>30
なるほどjsか…
確かに完全に静的にするにはhtml/cssだけで書くしかないわな

32 ：Name_Not_Found：2018/10/02(火) 20:46:49.26 ID:x0gKZze6.net

【アフィ】元宇宙人のスピリチュアルブログ【詐欺】
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12193781232

33 ：Name_Not_Found：2018/10/02(火) 21:42:13.62 ID:???.net

hugoで公開されてるテーマをいくつか弄ってみたが、どれも帯に短し襷に長しという感じ。
一番好みなのに手を入れて見てるが、テーマは基本的に自分でつくるものなんかな？

34 ：Name_Not_Found：2018/10/03(水) 18:12:54.11 ID:???.net

一番理想に近いやつをカスタマイズで良いと思う

35 ：Name_Not_Found：2018/10/07(日) 15:29:03.60 ID:???.net

これでアフィリエイトできる？

36 ：Name_Not_Found：2018/10/07(日) 16:35:45.88 ID:???.net

そういうもんじゃない
そういうのはなんか専用のがあったろ
星の名前のやつ

37 ：Name_Not_Found：2018/10/07(日) 16:37:29.21 ID:???.net

SIRIUSだ
Web収入に専用のスレあったと思うよ

38 ：Name_Not_Found：2018/10/07(日) 16:41:48.53 ID:???.net

githubって広告貼っていいんだっけ？

39 ：Name_Not_Found：2018/10/07(日) 18:00:55.56 ID:???.net

>>35
できるけどやること多いよ

40 ：Name_Not_Found：2018/10/08(月) 16:02:19.24 ID:???.net

サンクス
wpてなんか古臭いし新しいもの無いかと思ったけどあんまりかな

41 ：Name_Not_Found：2018/10/15(月) 00:20:33.54 ID:???.net

WordPressの保守がほとほと嫌になってHugo始めたいけど
ターミナルの扱い方に不安があって踏み出せないわ
やさしく解説してくれているサイトもあって勉強してみるが
やはりプログラマーじゃない人間にはハードル高い
もっと一般人向けに簡単にしてくれたら助かるんだけどな

42 ：Name_Not_Found：2018/10/18(木) 02:25:31.69 ID:???.net

　私たち日本人の、日本国憲法を改正しましょう。
総ム省の、『憲法改正國民投票法』、でググって
みてください。拡散も含め、お願い致します。

43 ：Name_Not_Found：2018/10/18(木) 11:36:42.01 ID:???.net

>>37
ググって出てきたサイトめちゃくちゃ胡散臭いんだが
一日X分で高収入！とかの情報商材（）みたい

44 ：Name_Not_Found：2018/10/18(木) 11:41:27.99 ID:???.net

そらアフィリエイト専用なんだからそうなるわ

45 ：Name_Not_Found：2018/11/08(木) 09:35:04.85 ID:???.net

Hugo+Netlify使ってるが慣れると快適だな
よく使うコマンドはbat書いとけばいいし

ときにNetlifyって複数アカウントとかエロサイト運営って大丈夫なのかね？
規約読んでみてるがよくわからん

46 ：Name_Not_Found：2018/11/10(土) 21:39:29.48 ID:sysZOBce.net

http://r2.upup.be/wV2qsULdHm

47 ：Name_Not_Found：2018/11/24(土) 09:52:13.40 ID:zGyRVuWP.net

サーバ側に要求するものが低いssgを探してるんだけど
gitでコミットしてデプロイみたいなんじゃなくて
単純にhtmlを生成するだけでその後は手動でftpを使ってサイトにアップロードみたいな
そういうssgはないの

48 ：Name_Not_Found：2018/11/24(土) 11:58:07.40 ID:???.net

ssgってのは静的サイトジェネレーター？

49 ：Name_Not_Found：2018/11/24(土) 12:32:14.17 ID:???.net

Static Site Generators

50 ：Name_Not_Found：2018/11/25(日) 20:46:33.28 ID:???.net

Markdown+bootstrap+pandocとかか？

51 ：Name_Not_Found：2018/11/26(月) 01:20:46.98 ID:???.net

>>47
大体そうじゃないか？
Hugo使ってるが生成したあとgit連携させるかは任意たぞ

52 ：Name_Not_Found：2018/11/26(月) 14:55:31.92 ID:???.net

>>51 ローカルでひらくとcssが未適用になるからダメかと思ってた
試してみたらうまくいったのでhugo使うわありがと

53 ：Name_Not_Found：2018/11/27(火) 10:08:33.29 ID:???.net

>>52
ちなHugoならローカルで開くときはhugo serverコマンドでローカルホストウェブサーバ立ち上げて確認な

CSSとかが直開きで反映されないのは、htmlに記述してある参照先が、settingとかに設定してるデプロイ先のアドレスになってるからだと思う

54 ：Name_Not_Found：2018/11/29(木) 02:35:27.24 ID:???.net

Hugoのフロントマターの書式ってテーマごとに微妙に違うのな
---
title:タイトル
---
と
+++
title = "タイトル"
+++
みたいな

55 ：Name_Not_Found：2019/01/16(水) 15:25:37.89 ID:???.net

>>41
遅レスだけどよく使うコマンドをbatなりshなりにまとめておくと便利だしミスもないよ。
開発サーバー起動.bat
開発サーバー起動(下書き込み).bat
ビルド.bat
みたいに

56 ：Name_Not_Found：2019/01/21(月) 20:42:17.58 ID:???.net

Hugoで、新しいファイルを作成したときに、1日前の日付を作成したファイルに記入しとくには、どうやって書いたら良いんだろう…具体的にはタイトルに前の日の日付を入れたい、ってだけなんだけど。

57 ：Name_Not_Found：2019/01/21(月) 23:06:01.80 ID:???.net

>>56
すまん、どういうこと？

58 ：Name_Not_Found：2019/01/21(月) 23:42:39.67 ID:???.net

hu
>>57

hugo new post/hoge.md

とかすると、テンプレートの内容がコピーされるじゃないですか。そのときに、

{{ .Date "Monday 15, Jan" }}

とかしてあると、作った日付に展開されますよね。その、展開される文字列を作った日付の1日前にしたいんです。イメージとしては、

{{ .Date-1 "Monday 15, Jan" }}

とかできたらいいなぁ、って感じなんですが。日本語下手くそすぎて申し訳ない…。

59 ：Name_Not_Found：2019/01/22(火) 19:07:52.18 ID:???.net

>>58
どうしてもコマンドで記事生成やりたいならだめだけど、
フォルダ、ファイル名、md内のフロントマターは全部手動で直接新規作成、編集して大丈夫だよ。
テーマにもよるかもだけどビルドするタイミングでpost以下のmdファイルが自動で全て記事になる感じ。
コマンドは開発用ローカルサーバー起動とビルド以外使わなくてOK。
どうしてもコマンドで生成したいならhugoコマンド使わずに別途日付置換してmd生成するスクリプト組んだほうがいいと思う。
ということで解決できそう…？？

60 ：Name_Not_Found：2019/01/22(火) 23:21:39.75 ID:???.net

>>59
あー、そうか。hugo newじゃなくて、単純にフロントマターの書式でテキスト吐くようなのを、awkとかで書けばよいのか！なんか全部 hugo で完結させるべきな気がしてたw
めちゃめちゃ良いヒントいただいた。ありがとう！

61 ：Name_Not_Found：2019/01/25(金) 21:06:12.62 ID:???.net

>>60
よかったよかった

62 ：Name_Not_Found：2019/01/26(土) 20:40:41.05 ID:???.net

>>61
めちゃめちゃダサいスクリプトだけど、意図するものがかけました。良いアドバイス、ありがとうございましたー！

63 ：Name_Not_Found：2019/01/31(木) 23:33:05.46 ID:???.net

せっかくSSGだからPage Speed Insghtsで高スコアだしたいんだけどなかなか難しいね
画像遅延表示とかそのままjQuery Lazy Loadでいいんだろうか

64 ：Name_Not_Found：2019/03/04(月) 17:52:22.11 ID:???.net

あとは、タームのパーマリンク設定が出来るようになれば完璧なのに
ほんと英語圏向けだよなぁ・・・
https://gohugo.io/content-management/taxonomies/#preserve-taxonomy-values

これ来たらCMSなんていらねーになる

65 ：Name_Not_Found：2019/04/06(土) 21:54:25.59 ID:???.net

androidで出来ないの??

66 ：Name_Not_Found：2019/04/09(火) 11:10:27.88 ID:???.net

>>64 そんなに必要？どんな風に使うの？

67 ：Name_Not_Found：2019/04/09(火) 20:01:52.22 ID:???.net

>>66
軽くてサクサク書けるならメモ帳いらないよねって

68 ：Name_Not_Found：2019/04/11(木) 04:09:29.42 ID:???.net

>>65
どういうこと？
ビルドの環境は多分PCじゃないと無理だけど記事書くだけなら普通のテキストエディタで書けるよ
それを転送して自動デプロイ作っとけば更新はスマホだけで出来る

69 ：Name_Not_Found：2019/04/23(火) 11:28:46.59 ID:???.net

>>67
メモ帳でかけるから軽いんだよ

70 ：Name_Not_Found：2019/04/25(木) 23:41:08.18 ID:???.net

過疎

71 ：Name_Not_Found：2019/04/26(金) 00:13:12.11 ID:???.net

テーマ変えたらエラーなる…

72 ：Name_Not_Found：2019/04/26(金) 19:06:15.71 ID:???.net

hugoだとバージョン上がると通らないテーマ、よくある気がする。

73 ：Name_Not_Found：2019/04/26(金) 22:27:23.70 ID:???.net

まじ？まさにHugoでなってたわ
よくみたらテーマの最終更新２、３年前だわ
つれえ

74 ：Name_Not_Found：2019/04/30(火) 00:13:00.03 ID:???.net

更新時期のバージョン使うか更新新しいテーマ使うしかないな

75 ：Name_Not_Found：2019/04/30(火) 10:18:27.14 ID:???.net

>>73
最新が必要なければ、前のバージョン落とせるから、戻しちゃえば良いかと。

76 ：Name_Not_Found：2019/04/30(火) 10:47:01.25 ID:???.net

>>75
そういう手があったか
ローカルで動くんだし別に最新版で無くても良いんだよね

77 ：Name_Not_Found：2019/04/30(火) 23:12:14.34 ID:???.net

>>76
gitの方に過去のリリース全部あるから、ダウングレードも簡単です。

78 ：Name_Not_Found：2019/08/13(火) 02:43:16.91 ID:???.net

テスト

79 ：Name_Not_Found：2019/08/17(土) 00:13:56.31 ID:???.net

SSGのテーマってさ、なんか日本人向けじゃないんだよな
wordpressで海外のテーマを見てるときのこれじゃない感そのもの

80 ：Name_Not_Found：2019/08/29(木) 09:34:18.48 ID:???.net

いつの間にかSSG用のCMSがたくさん出てきてた
ただもうブログアフィリエイト自体が下火だし、非エンジニアに広がることはなさそうだね
https://headlesscms.org/

81 ：Name_Not_Found：2019/09/02(月) 17:46:14.79 ID:???.net

WP、Hugoときて勉強がてらGatsbyに移行してるんだが
html吐き出しはHugoが最速ぽいけどReactの恩恵でページ遷移速度はGatsbyが早いね

82 ：Name_Not_Found：2019/09/14(土) 14:49:04.28 ID:???.net

流行らんなぁ

83 ：Name_Not_Found：2019/09/18(水) 20:52:13.89 ID:???.net

絶対SSGじゃないとだめだという場面がないからな
まだまだエンジニアのおもちゃ

84 ：：2019/10/15(Tue) 00:42:33 ID:???.net

エロサイト大量に作って運営したいんだけどいい性的サイトジェネレーターってある？

85 ：Name_Not_Found：2019/10/15(火) 08:36:05.90 ID:???.net

カテゴリーとタグに強いHexo一択
デフォルトで階層カテゴリーが使えるのはこいつだけ
テーマはicarusでほぼ決まり

86 ：Name_Not_Found：2020/01/15(水) 23:50:14 ID:???.net

HugoがシンプルでSSG入門に最適だな
言語のインストールも不要だし

87 ：Name_Not_Found：2020/03/15(日) 12:07:13 ID:???.net

以前ある案件でHugo使ってみて、このたびまた別案件でWebサイトのリニューアル案件があって、SSGをいくつか検討しているけどやっぱりHugoかな
豊富なテーマと独自テーマの導入の容易さ、そしてコマンド1つだけで検証サーバもビルドも何もかもできるのがいい

88 ：Name_Not_Found：2020/03/15(日) 20:00:48.40 ID:???.net

客が納得するなら良いんじゃない
SSGのサイトを納品できるって良いお客さん持ってんね

89 ：Name_Not_Found：2020/03/16(月) 00:22:27.62 ID:???.net

WordPress信仰が強いしなぁ

90 ：Name_Not_Found：2020/04/20(月) 04:08:44.45 ID:TDa6eXuk.net

エビスコム
Webサイト高速化のための 静的サイトジェネレーター活用入門 (Compass Booksシリーズ)
https://www.a
mazon.co.jp/dp/4839973008

ついに一般流通書籍でSSG本が出ちゃった

91 ：Name_Not_Found：2020/07/16(木) 17:54:11.85 ID:???.net

>>90
結構良さそうな本だな
取り上げてるのGatsbyか

92 ：Name_Not_Found：2020/08/24(月) 07:32:25.02 ID:???.net

SSGとwordpress連携プレーが最適解

93 ：Name_Not_Found：2020/10/29(木) 00:48:33.31 ID:WZsITG/G.net

html/cssがわかる程度の非エンジニアだけど普通のサイト制作でSSG使ってみたい。
phpとcsv使ってhtmlの複製を大量出力みたいなことSSGでもできますかね？

94 ：Name_Not_Found：2020/10/29(木) 01:09:16.93 ID:???.net

高度なことやりだしたらキリがないけど、基本SSGでやってるのって、ローカルで
html = template(data)
やって、できたhtmlを静的ホスティングサービスにペタっと置くだけだからな。
これが分かってればできるであろうこととできそうもないものの判別はつくだろう。
で、上の質問の答えはできる（はずである）。
>>1のサイトでphp製のものを探せ。

95 ：Name_Not_Found：2020/10/29(木) 01:46:35.07 ID:WZsITG/G.net

言語はphpじゃなくても良くて、調べた感じだとGatsbyとHugoが気になってる。html生成で調べてたらphpとcsvのやり方がよく出てくるから例に挙げただけなんだ
具体的には、{ id:りんご, id:みかん, id:いちご }という1つのdataを使って、りんご.html / みかん.html / いちご.htmlを出力したい
templateの中身は<p>{ id }</p>で、出力された りんご.htmlの中身が<p>りんご</p>みたいな感じ
dataを{ id:りんご } { id:みかん }…みたいに別々のファイルだとできるんだけどdataを1つのファイルにまとめるとなるとできなくて悩んでた、、言ってることわからんかったらすまん

96 ：Name_Not_Found：2020/10/29(木) 04:50:58.46 ID:???.net

その程度の仕事だと流行りのSSGツールではオーバーキルだな。
逆にめんどくさいまである。
おそらく自分でスクリプト書いた方が早い。
10行から多くて20行程度で作れるだろう。

97 ：Name_Not_Found：2020/10/29(木) 08:34:08.08 ID:TTL7gmFp.net

>>96
そうなんですね…
"自分でスクリプト書く"というのが非エンジニアの自分にはハードルが高いかも、、
とにかく話聞いてくれてありがとう！

98 ：Name_Not_Found：2020/11/07(土) 05:47:02.40 ID:???.net

jsでもphpでもpythonでもrubyでもなんとなく気になったものの入門一冊買ってみて終わる頃には自分でスクリプト書けるくらいにはなりそうな内容だぞ
がんばれ

99 ：Name_Not_Found：2021/04/20(火) 16:38:27.22 ID:???.net

個人でブログ始めるのに簡単なのはどれ？

100 ：Name_Not_Found：2021/04/21(水) 03:57:06.64 ID:???.net

>>99
お前が知識ある言語で人気があるやつがおすすめ
ないならHugo
そこまで難易度に差はないけど、まだまだメジャーじゃないから人気かないと困ったときにリファレンス探せない
個人的にはGatsbyが最先端技術を導入しやすいと思う