個人開発者は Jamstackでブログを書こう！〜WordPressもいいけどJamstackもね〜

LTイベント「ジャムスタックチョットデキル」にて登壇した資料です。

Transcript

1. 個人開発者は Jamstackでブログ を書こう！ WordPressもいいけどJamstackもね
2. Shunpei ちょっと株式会社 フロントエンドエンジニア 個人でブログや好きな漫画のファンサイトを作ったりし ています。 過去、hexo / Nuxt.js / Next.js で Jamstack サイトを 構築して運用していました。 先日入社エントリーを書きました！ https://note.com/chot_inc/n/nb7b386a5d1b1 自己紹介
3. 今回の話の対象者 • Jamstackが気になり始めた方 • 駆け出しフロントエンド方 • Reactで何かつくりたいけど思いつかない方
4. 言いたいこと モダンフロントエンドを始めるなら Next.jsでブログ(CMS)を作ろう！ そしてそれを使って外部発信しよう！
5. 理由 • Next.jsはバージョンが13になり、日本語の記事も増えた • 書籍も何冊か出てきたので勉強を始めやすい モダンフロントエンド FW、とりあえずReact(Next.js)かVue(Nuxt.js)で 素振りとしてTODOアプリを作ってもいいけど、 「もう少しボリュームがあるものを」となったときに Jamstackでのブログ(CMS)開発がおすすめ
6. メリット • モダンフロントエンド FWでの基本的なサイトの作り方がわかる • ブログを更新することで名刺がわりになる （実際転職活動時は話がスムーズに進んだ体験がある） とりあえずやってみる。という気持ちが大事。 Next.jsやNuxt.jsはサイト制作・アプリ開発どちらも選択できる FWなので、これを機に始めてみよう！
7. メリット • モダンフロントエンド FWでの基本的なサイトの作り方がわかる • ブログを更新することで名刺がわりになる （実際転職活動時は話がスムーズに進んだ体験がある） とりあえずやってみる。という気持ちが大事。 Next.jsやNuxt.jsはサイト制作・アプリ開発どちらも選択できる FWなので、これを機に始めてみよう！ ただ、次のような落とし穴もあります ...
8. エンジニア、 何でも自分で作りたい問題
9. 何でも自分で作りたい問題 そして、だいたい途中で頓挫しがち。
10. 何でも自分で作りたい問題 • 自分でCMSを組みたい！ そして、だいたい途中で頓挫しがち。
11. 何でも自分で作りたい問題 • 自分でCMSを組みたい！ • 組んだCMSでブログを書きたい！ そして、だいたい途中で頓挫しがち。
12. 何でも自分で作りたい問題 • 自分でCMSを組みたい！ • 組んだCMSでブログを書きたい！ そして、だいたい途中で頓挫しがち。 どっちもやりたい！
13. 何でも自分で作りたい問題 • 自分でCMSを組みたい！ • 組んだCMSでブログを書きたい！ そして、だいたい途中で頓挫しがち。 一気に作りきれればよいが、開発期間が伸びると頓挫の確率があがる。 確率が高まりきった状態で、なにかの理由で詰まった瞬間、 このプロジェクトが終了する。ターンエンド。 どっちもやりたい！
14. そんなときの保険 あります。 Next.jsにはソースコード込みで、 たくさんのサンプル(ボイラープレート)が存在します。 なので、そのサンプルを横においておくなり、 改造するなりして自分で組み上げてみると ブレも少なくゴールしやすいです。 Vercel https://vercel.com/templates
15. まとめ 保険を用意するからダレにくい！ 結果的にリリースできる！ 運用してサイトを育てることができる！ あとは煮るなり焼くなり、自分の実験場として使い倒せる