VuePress × Netlifyでブログを作りました
静的ページジェネレータの「VuePress」と静的サイトホスティングサービス「Netlify」を使ってこのブログを作りました。
VuePress?
Vue.jsの作者さんが作った静的ページジェネレータです。Markdownで記述したファイルを静的ページに変換してくれます。
運用方法を具体的かつざっくり（？）言うと、
- 「abc.md」というファイルを作って
- Markdown記法で記事を書くだけ
- 「npm run dev」でプレビューできて
- 「npm run build」すればabcのページが完成
- /dist内をアップロードすれば更新完了
Netlifyと相性がいい。
そして、Vue.jsが粗方分かっているならとても扱いやすい。
デメリット・所感
- VuePress単体利用の場合、ほぼエンジニア用
開発ブログやVue.jsと仲良くなるステップとして利用されることが多そう。
元々デフォルトテーマが技術系文書に適したものなので、サクッと良い感じの入れ物を作ってさっさと書き始めたい場合にオススメ。
- 納品する仕事への利用は…管理画面を作るならアリかも
開発者以外の圧倒的多くはterminalを触らない。Markdownにも馴染みがない。なので別途管理画面作成は必須かと。
VuePressを採用した理由
- 1人株式会社なので、他に更新する人はいないし委託もしない
- もし増えてくれても多分開発リテラシーのある人だろう
- そうでなくても管理画面を作ろう
- パソコンでの作業がメイン
- Markdownで書きたい
- 入れ物作りに時間をかけられない
- WordPress以外がいい
以上です。
ヘッドレスCMSと迷ったけれど
ガワを作る時間が惜しかった。候補に出ていたのは推しのContentful。
ひとこと
「デザインも扱う会社なんだからもっとカスタマイズしたらいいのに」などと言われそう…いつかやります。きっと。