比べてJekyllHexoNext.jsGatsby.jsVuePressおわりにこんにちは!今日は前回の続き、ブログをNuxt.js+ContentfulからHugoに移行した話です。前回はNuxtとContentfulの悪口課題を書いたので、今回はHugoにしてみた良かったことと悪かったこと、特徴などを書きますわ。良かったことテンプレートが出来上がっている基本Webアプリ用のNuxtと違って、Hugoは最初からブログ用。テンプレートが出来上がってる。デザイン度外視でブログとして成り立たせるだけなら30分かからんとです。このブログが移行した時も、とりあえず記事だけ持ってきてスタイルを後から変更...みたいな手順がとれました。ビルド爆速ビルド時間なんて別に重視してなかったけど、いやHugo早すぎ。1秒かかる処理が皆無。実際Nuxtで20秒くらいかかる時と比べて、コード書く→画面で確認、とかのスピードが爆上げになった。MPAなのに早いHugoはMPAです。ページ遷移で再描画します...が、懸念されていたレンダリングの遅さは皆無。Siteだからこんなもんでしょうか?初回読み込み時はNuxtより早いかも。AndsenseとOGPに関しては一瞬で終了。これらは完全にMPAを意識した技術だからまあ当たり前ね。AMPにできるAMP化が比較的楽。AMP化のテーマが揃ってて一番早くできたのがHugoでした。ちなみにテーマはhugo_robustってのを使ってます。最初からAMP対応:)安くなったSSRとかPrerenderingとか考えなくてよくなったので、Netlifyで普通にホスティングできるようになったぶん安くなりました。悪かったこと小回りが利かない一番はこれかも。本当に細かいところを調整しようとするとHugoとGolangの知識がないときつい。タグが全部表示になっているのを最初の1つだけ表示...みたいなのはNuxtなら3秒だけどHugoだとわかんない。技術的な制約かもしれません...現在は記事数が知れてるから大丈夫だけど、後々大変かも。モダンフロントエンドと相性悪い具体的にはPugやCSSプリプロセッサーの導入がむずい。この辺りもNuxtなら3秒。これはでも色々いじればできるかもしれん。46億年ぶりにバニラCSSを書いた。ベターなチョイスだと思います。全体的にレガシーっぽかったのと他ブログとかでJekyll→Hugoの移行勢がたくさんいたのと遅いって意見が散見されたので今回は不採用でした。あとAMP対応がさっと見つけられなかった。HexoHexoも選択肢にあった。一時はHexo使う予定でした。HexoにもAMP対応化プラグインはこういうのがあります。一方で、Hexoは非AMPのテーマ+AMP化プラグインっていう構成が主っぽく単体テーマでAMPは難しそうだったのがちょっと引っかかった。中身がNode.jsなのでHugoよりは小回り利きそうだったけど最終的にはシンプルさを取ってHugoを選択。Next.jsNuxt.jsで抱えてた問題が直に来そうだったので除外。OGPとかブログ雛形ないとか。Gatsby.js多分作っちゃえばGatsbyがベストチョイス。学習コストがヤバそうだった。このブログがめっちゃ盛り上がったら移行するかも。VuePressNuxt.jsから移行するなら正直こっちの方が良かったかもと思い始めてる。NuxtはWebアプリ、VuePressはWebサイトと棲み分けができてるみたい。新しすぎるし資料少ないと思って敬遠したけど全然ありそう。VuePressもブログ専用ってわけじゃないのね。「ドキュメント用」みたいな。おわりにしばらくHugoにお世話になります。Others2019-09-17WordPressが嫌でNuxt.js+Contentfulでブログを作ったけどHugoに移行した話-前編JavaScript2019-09-08【JS】ユーザーエージェントでiPadを判別(iPadOS対応版)Others2019-09-04ブログリニューアルTAGSタグjavascriptcssothersmathpythonhtml当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。このトラフィックデータは匿名で収集されており、個人を特定するものではありません。この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。