【SSG】静的サイトジェネレーター【Hugo,Jekyll】
Hexoでブログやってるけど、一般人は扱えそうにないし、アフィリエイトもやりづらいね
エンジニアが本当に個人的なブログをやるためのものという感じ >>2
俺はWordPressから
Hugoに移行しようと情報集め中なんだが
そんなニッチな感じなのか…
どうりでスレがなかったわけだ… エンジニアのおもちゃみたいなイメージ
普通のサイトを作るのには向いてなさげ
もっと一般向けのだったらそれなりに需要はありそう >>4
Hugoくらいしかわからんけど
確かにGUIで管理できたら利用者増えそう >>5
hugoはかなりいい線いってると思うよ
shotcodeみたいなのも使えるっぽいし
wpから移行しやすいのかもしれない >>6
おぉ。移行ツールもあるっぽいしね
Go言語分からなくてもある程度使えるし
実はPythonのSSGと迷ってる >>7
ペリカンだっけ?
速度だけならhugoの圧勝なんだろうけど
pythonベースだと自分で拡張するのが楽そうではある
まあ自分の使ってる言語に合わせてみんな使いわけてんだろね
そういう感じだから
技術者のおもちゃにしかみえないんだよなぁ・・・ >>8
そうそう
なるほど…(´・ω・`)
プログラム板のが良かったかなぁ >>9
それだと各言語の宗教戦争になりそうだし
ここでいいんじゃね?
というかこのスレで
普通のサイトで使う為のノウハウ蓄積できたらかなりいいかも
技術者じゃなくて普通の人の使い方も聞いてみたい >>10
ありがと
ただプログラマ以外がこのスレタイで来てくれるかなぁ
>>2
今更だけどHexoスレタイから抜いちゃってごめん
字数制限キツすぎ 静的サイトジェネレータ使ってるのってプログラマでmacな人が大半ですか? >>14
俺はmacは個人的に嫌いなのでwinとlinux使ってる >>16
Hugoしかわからんけどそんなことない
ってかOSの違いってコマンドが違うくらいでやることは変わらんでしょ wordpressをローカルにインストールしておいて
プラグインで静的ファイル書き出すのが楽だし出来ることも多くね? >>20
それだと動的コンテンツはどうなるの?
結局調整し直し? 俺は東大法学部卒だがこのスレで書かれていることの大半が理解できない
もっと誰でも参加できるような話題にしろ 俺は現役東大生だが大半理解できる。
あんたみたいなのが先輩で恥ずいよ。 ぜんぜんわからない
俺たちは雰囲気でコマンドを打っている 何がわからないのかわからない
そもそもSSGは中級以上向け SSG自作したんで試してくれる人いない?こんな感じのです。
https://youtube.com/watch?v=KWFUBZ8pdX8
もしいたらどっかにzipでアップしますんで。
windows でしか動きませんが。 hugo + RStudio + blogdownで試しにブログ作ってみた。
markdownで書くだけなので楽は楽だけどThemeに脆弱性が残ってたりと細かい所は色々と厄介そう。
Gitとかと連携してソース管理できるのは便利かな。 >>28
脆弱性って具体的にどんな?
静的サイトなら攻撃されようがなくない? 「themeのjsonで指定されてるパッケージのいくつかに脆弱性あるよ」というようなアラートをGitHubが出してくれてる。
静的と言ってもthemeでjavascriptライブラリとか使ってるから、そのあたりに脆弱性があるっぽい。 >>30
なるほどjsか…
確かに完全に静的にするにはhtml/cssだけで書くしかないわな hugoで公開されてるテーマをいくつか弄ってみたが、どれも帯に短し襷に長しという感じ。
一番好みなのに手を入れて見てるが、テーマは基本的に自分でつくるものなんかな? そういうもんじゃない
そういうのはなんか専用のがあったろ
星の名前のやつ SIRIUSだ
Web収入に専用のスレあったと思うよ サンクス
wpてなんか古臭いし新しいもの無いかと思ったけどあんまりかな WordPressの保守がほとほと嫌になってHugo始めたいけど
ターミナルの扱い方に不安があって踏み出せないわ
やさしく解説してくれているサイトもあって勉強してみるが
やはりプログラマーじゃない人間にはハードル高い
もっと一般人向けに簡単にしてくれたら助かるんだけどな 私たち日本人の、日本国憲法を改正しましょう。
総ム省の、『憲法改正國民投票法』、でググって
みてください。拡散も含め、お願い致します。 >>37
ググって出てきたサイトめちゃくちゃ胡散臭いんだが
一日X分で高収入!とかの情報商材()みたい Hugo+Netlify使ってるが慣れると快適だな
よく使うコマンドはbat書いとけばいいし
ときにNetlifyって複数アカウントとかエロサイト運営って大丈夫なのかね?
規約読んでみてるがよくわからん サーバ側に要求するものが低いssgを探してるんだけど
gitでコミットしてデプロイみたいなんじゃなくて
単純にhtmlを生成するだけでその後は手動でftpを使ってサイトにアップロードみたいな
そういうssgはないの Markdown+bootstrap+pandocとかか? >>47
大体そうじゃないか?
Hugo使ってるが生成したあとgit連携させるかは任意たぞ >>51 ローカルでひらくとcssが未適用になるからダメかと思ってた
試してみたらうまくいったのでhugo使うわありがと >>52
ちなHugoならローカルで開くときはhugo serverコマンドでローカルホストウェブサーバ立ち上げて確認な
CSSとかが直開きで反映されないのは、htmlに記述してある参照先が、settingとかに設定してるデプロイ先のアドレスになってるからだと思う Hugoのフロントマターの書式ってテーマごとに微妙に違うのな
---
title:タイトル
---
と
+++
title = "タイトル"
+++
みたいな >>41
遅レスだけどよく使うコマンドをbatなりshなりにまとめておくと便利だしミスもないよ。
開発サーバー起動.bat
開発サーバー起動(下書き込み).bat
ビルド.bat
みたいに Hugoで、新しいファイルを作成したときに、1日前の日付を作成したファイルに記入しとくには、どうやって書いたら良いんだろう…具体的にはタイトルに前の日の日付を入れたい、ってだけなんだけど。 hu
>>57
hugo new post/hoge.md
とかすると、テンプレートの内容がコピーされるじゃないですか。そのときに、
{{ .Date "Monday 15, Jan" }}
とかしてあると、作った日付に展開されますよね。その、展開される文字列を作った日付の1日前にしたいんです。イメージとしては、
{{ .Date-1 "Monday 15, Jan" }}
とかできたらいいなぁ、って感じなんですが。日本語下手くそすぎて申し訳ない…。 >>58
どうしてもコマンドで記事生成やりたいならだめだけど、
フォルダ、ファイル名、md内のフロントマターは全部手動で直接新規作成、編集して大丈夫だよ。
テーマにもよるかもだけどビルドするタイミングでpost以下のmdファイルが自動で全て記事になる感じ。
コマンドは開発用ローカルサーバー起動とビルド以外使わなくてOK。
どうしてもコマンドで生成したいならhugoコマンド使わずに別途日付置換してmd生成するスクリプト組んだほうがいいと思う。
ということで解決できそう…?? >>59
あー、そうか。hugo newじゃなくて、単純にフロントマターの書式でテキスト吐くようなのを、awkとかで書けばよいのか!なんか全部 hugo で完結させるべきな気がしてたw
めちゃめちゃ良いヒントいただいた。ありがとう! >>61
めちゃめちゃダサいスクリプトだけど、意図するものがかけました。良いアドバイス、ありがとうございましたー! せっかくSSGだからPage Speed Insghtsで高スコアだしたいんだけどなかなか難しいね
画像遅延表示とかそのままjQuery Lazy Loadでいいんだろうか >>66
軽くてサクサク書けるならメモ帳いらないよねって >>65
どういうこと?
ビルドの環境は多分PCじゃないと無理だけど記事書くだけなら普通のテキストエディタで書けるよ
それを転送して自動デプロイ作っとけば更新はスマホだけで出来る hugoだとバージョン上がると通らないテーマ、よくある気がする。 まじ?まさにHugoでなってたわ
よくみたらテーマの最終更新2、3年前だわ
つれえ 更新時期のバージョン使うか更新新しいテーマ使うしかないな >>73
最新が必要なければ、前のバージョン落とせるから、戻しちゃえば良いかと。 >>75
そういう手があったか
ローカルで動くんだし別に最新版で無くても良いんだよね >>76
gitの方に過去のリリース全部あるから、ダウングレードも簡単です。 SSGのテーマってさ、なんか日本人向けじゃないんだよな
wordpressで海外のテーマを見てるときのこれじゃない感そのもの いつの間にかSSG用のCMSがたくさん出てきてた
ただもうブログアフィリエイト自体が下火だし、非エンジニアに広がることはなさそうだね
https://headlesscms.org/ WP、Hugoときて勉強がてらGatsbyに移行してるんだが
html吐き出しはHugoが最速ぽいけどReactの恩恵でページ遷移速度はGatsbyが早いね 絶対SSGじゃないとだめだという場面がないからな
まだまだエンジニアのおもちゃ エロサイト大量に作って運営したいんだけどいい性的サイトジェネレーターってある? カテゴリーとタグに強いHexo一択
デフォルトで階層カテゴリーが使えるのはこいつだけ
テーマはicarusでほぼ決まり HugoがシンプルでSSG入門に最適だな
言語のインストールも不要だし 以前ある案件でHugo使ってみて、このたびまた別案件でWebサイトのリニューアル案件があって、SSGをいくつか検討しているけどやっぱりHugoかな
豊富なテーマと独自テーマの導入の容易さ、そしてコマンド1つだけで検証サーバもビルドも何もかもできるのがいい 客が納得するなら良いんじゃない
SSGのサイトを納品できるって良いお客さん持ってんね エビスコム
Webサイト高速化のための 静的サイトジェネレーター活用入門 (Compass Booksシリーズ)
https://www.a
mazon.co.jp/dp/4839973008
ついに一般流通書籍でSSG本が出ちゃった >>90
結構良さそうな本だな
取り上げてるのGatsbyか html/cssがわかる程度の非エンジニアだけど普通のサイト制作でSSG使ってみたい。
phpとcsv使ってhtmlの複製を大量出力みたいなことSSGでもできますかね? 高度なことやりだしたらキリがないけど、基本SSGでやってるのって、ローカルで
html = template(data)
やって、できたhtmlを静的ホスティングサービスにペタっと置くだけだからな。
これが分かってればできるであろうこととできそうもないものの判別はつくだろう。
で、上の質問の答えはできる(はずである)。
>>1のサイトでphp製のものを探せ。 言語は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つのファイルにまとめるとなるとできなくて悩んでた、、言ってることわからんかったらすまん その程度の仕事だと流行りのSSGツールではオーバーキルだな。
逆にめんどくさいまである。
おそらく自分でスクリプト書いた方が早い。
10行から多くて20行程度で作れるだろう。 >>96
そうなんですね…
"自分でスクリプト書く"というのが非エンジニアの自分にはハードルが高いかも、、
とにかく話聞いてくれてありがとう! jsでもphpでもpythonでもrubyでもなんとなく気になったものの入門一冊買ってみて終わる頃には自分でスクリプト書けるくらいにはなりそうな内容だぞ
がんばれ >>99
お前が知識ある言語で人気があるやつがおすすめ
ないならHugo
そこまで難易度に差はないけど、まだまだメジャーじゃないから人気かないと困ったときにリファレンス探せない
個人的にはGatsbyが最先端技術を導入しやすいと思う CMSの方も考えておかないと非エンジニアから更新できないって言われそう なんか全然書き込みないけど
Hugoめっちゃ良くね
Javascriptも書けない俺でもテーマ改造できるレベルだし >>104
めっちゃいいのにぜんぜん流行らないんよ 非技術者からしたら概念すら理解しにくいんだよな
色々調べたけど結局こんな感じかね
まずウェブサイトのデータを作成(ヘッドレスCMS等で作るも良し)
次にHTMLを生成(Hugo,Hexo,jekyll,Next.js等)
最後にそれらに対応したサーバーに上げる(Github,Netlify等)
これらを総称したアーキテクチャをJamstackという ブログ作りたい初心者がワードプレス少し触ってみたら動作が遅くてなんだか気に入らない
Hexoに手を出してみたら動作軽くていいと思った
勉強したいんだがどこか良いサイトある? Hugo始めようと思ってスレ覗いたら過疎過ぎて草
他の板にHugo関連のスレッドあったりする? 上司や他部署から送られてくるクソみたいなメールを整えてmdにするジェネレーターなら作ったことある ちょっとSSGの話題とはずれるんだけどさ
NetlifyとGitHubを連携させる場合って、同じGitHubのアカウントにあるサイト構築に関係のないレポジトリもNetlifyは覗こうと思えば覗けるん?
見られたくなかったらGitHubのアカウントを専用にもう1つ作るしかないの? アカウント単位の認証だった気がするからおそらく可能ではある(するかどうかは別として)
プライベートリポジトリを覗かれるか?ってことだよね? 盛り上がってなさすぎないか
使ってる人そんなに少数派なのか? 一般人はアフィサイトしか作らないからSSGなんて使わない アフィサイトもSSGで作った方が安上がりなのにね、わざわざ高いレン鯖代払って保守が面倒なWordPress使ってるの本当に滑稽 >>112
html/CSSのテーマからSSGまで全てフルスクラッチで作ってるよ >>119
まあ技術者と商売人じゃ視点も違うだろ
費用の安さや保守のしやすさはどうでも良く、早く1円稼げる方が良いという判断かもしれん >>121
非エンジニアが手っ取り早くサイト作るとなったらレン鯖代払ってWordPressなんかねえ、自分にはレン鯖借りてWordPress入れてセキュリティ設定して…の方が煩わしかったのでどうにも理解し難いところはあるけど
まぁアフィブログ始める人向けのアフィ情報が沢山あるのも確かか
慣れてくればアフィブログ程度なら>>120みたいに自分好みの静的サイトをフルスクラッチで組むのが一番早いし楽だと分かるんだけどね SSGでブログ作ってる方、コメント欄ってどうしてます? 自分も付けてないな
Googleフォームとか使えばいけるんだろうけど上に同じくめんどくさいw ホスティングってどこが良いんですかね?よく見かけるのはnetlifyってとこですけど >>128
netlifyかgithub pages使ってる >>128
Cloudflare pages良いよ 後発だから差別化のために他より機能を良くしてるから無料でもかなり使える >>129
横からですまないがディスカスって使用感どんな感じ?広告とか出るって聞いたんだけど レン鯖板にnetlifyのスレあると思ったら4レスしかなくて草
2chと利用者層が全然被ってないのかな >>133
設置ページには広告は特に出ないと思う
ただWordPressでよくあるコメ欄と比べて書き込みのハードルは高くなってしまってそうな気はする
一応記事に対しての問い合わせメッセージはちゃんとあったけど >>135
ほうほう、無料だと広告出ちゃうとか聞いて尻込みしてたが出ないなら利用もアリだなあ(自作も考えたが面倒なので…)
確かに見た目の異物感は拭えないよなぁ >>136
調べたら無料プランでも過疎サイトには広告出稿しないぽいよ… >>137
草
広告出たら1つのステータスってことかw ここの住民(いるのか?)はどのSSGを使ってるのかな >>125
Commento とか、Coral 使ってる。 >>139
Lume
HTMLを書く喜びを思い出させてくれた >>139
pelicanです…pythonしかわからないので… 一時期使ってたなぁ
だけど静的にこだわるメリットが今の時代ではいまいち低いのと
少し使ってLiquid覚えたらFC2の内部タグも同種のものだと気づいていつの間にかFC2に帰還してた JAMstackも静的サイトのうちだしメリットに関しては捉え方じゃね?
まぁJSも使わない完全静的ってのは最近なかなか見ないかもだが クライアント側だけでウゴウゴする動的ページならjsなしで作れるようにはなってんだけどね
達人デザイナー以外にcssでそんなの書けないからコスト的に無理みたいな WordPress大嫌いなのでSSG使ってます
SSG大好きです 大嫌いというかアップデートが手間かな。本体は自動アップデートされてもプラグインとかまでは面倒見てくれないし。 バージョン問題、面倒だよね本当に。
あっちを上げたらこっちが動かなくなる、でも下げると今度はこっちが…みたいな。
結局SSGでローカルでhtml生成→GitHubにpush→Cloudflare Pagesに自動デプロイ というフローにした。レン鯖なんていらんかったんや! >>147,149
ほんとそれ
WPでなんちゃってHP制作するゴミ会社は滅べ WordPressはアフィカスがこぞって使ってるのも印象悪いよね👎 自作 ブログ 作り方 みたいに検索したら
自作はデメリットが多いからWordPress使いましょうみたいな記事が1番にきて草生えた >>153
これ見たわ、ホンマきしょい
こいつの能力低いだけやん WordPress元々嫌い
+
ユーザーがキモい
=死んでも使わない 相変わらず過疎っておる
他のスレは割と盛り上がってるのに… >>153
逆の記事書いて検索上位にもってこれないもんかね
WordPressはデメリットが多いから自作しましょうみたいな >>157
WP使う製作会社はSEOだけは優秀だったりするからなあ SEO云々よりもドメインの評価が大事だよね
全く同じ内容でも企業のドメインの方が上に来る 一般人に普及させるにはどうすればいいのか
メンテが楽というのも結局エンジニア視点だから一般人に響かない
HTML/CSSのフルスクラッチはWordPressのGUIポチポチに勝てない 日本人向けのテーマが充実してないのがだめだ
SSGのテーマはみんな海外のセンスでデザインされてるから日本人の需要とズレてる WordPressで有料テーマを使えばすぐできるオウンドメディアがSSGでは工数かかるから、企業やアフィは使わない
個人はJimdo、Wix、STUDIOに流れていてSSGには見向きもしない
詰んでるのでは? 元からテーマを自分で作ったり、Markdown が書ける程度には知識がある人、というかギーク向けだから、別に詰んでるとかないのでは? エンジニアのオモチャの域を出るためにはどうすればいいのか… 趣味サイトやるにしてもそういうのがありふれてた時代にhtml触ったことあるくらいの人にはWPのほうが圧倒的に入りやすい
エンジニアやある程度知識のある人が突然ドカッと増えない限りこのままでは というかアフィカスのせいだろ
SSGじゃ金取れないからな
金につなげたいがためにレン鯖契約+WordPressが最強みたいな大嘘をつく
ああいう奴らは全員滅べ >>171
それもそうだ
.co.jpドメイン使ってて検索結果はちゃんとした会社に見えるのに、中身は嘘まみれのWordPressブログみたいなパターンが多すぎる
もう開いてWordPressだなって分かるサイトに拒否反応出てきたよw WordPressで作られたサイトをブロックできるChrome拡張とかないかな >>174
js適用させるやつでhead監視してやればいけそう Nucleus CMSの保守が鬱陶しくなってきたからやめて、
WordPressも鬱陶しくなってきたからやめるつもりで、
簡単なフラットファイルCMSかSSGへの移行を画策中
前のデータは放っておくとして、それでもPHPのSSGかなあ
Jekyll、Sculpin、Jigsaw、うーん… 自作のssg作ったからguiにして売ってみるかな
日本にssg広めようぜ hugoでブログ作るのすげぇ簡単だな
そこそこに日本語の情報あるし知識0でも行けて感動 CMSはStrapiで
NuxtでSSGのフロントエンド作って
Strapiを更新したら、Nuxtのgenerateを走らせる
みたいなことやってますが
同じような人いますか?