Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Shumpei O.

August 20, 2023
Tweet

More Decks by Shumpei O.

Other Decks in Programming

Transcript

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

    View full-size slide

  2. Shunpei
    ちょっと株式会社
    フロントエンドエンジニア
    個人でブログや好きな漫画のファンサイトを作ったりし
    ています。
    過去、hexo / Nuxt.js / Next.js で Jamstack サイトを
    構築して運用していました。
    先日入社エントリーを書きました!
    https://note.com/chot_inc/n/nb7b386a5d1b1
    自己紹介

    View full-size slide

  3. 今回の話の対象者
    ● Jamstackが気になり始めた方
    ● 駆け出しフロントエンド方
    ● Reactで何かつくりたいけど思いつかない方

    View full-size slide

  4. 言いたいこと
    モダンフロントエンドを始めるなら
    Next.jsでブログ(CMS)を作ろう!
    そしてそれを使って外部発信しよう!

    View full-size slide

  5. 理由
    ● Next.jsはバージョンが13になり、日本語の記事も増えた
    ● 書籍も何冊か出てきたので勉強を始めやすい
    モダンフロントエンド FW、とりあえずReact(Next.js)かVue(Nuxt.js)で
    素振りとしてTODOアプリを作ってもいいけど、
    「もう少しボリュームがあるものを」となったときに
    Jamstackでのブログ(CMS)開発がおすすめ

    View full-size slide

  6. メリット
    ● モダンフロントエンド FWでの基本的なサイトの作り方がわかる
    ● ブログを更新することで名刺がわりになる
    (実際転職活動時は話がスムーズに進んだ体験がある)
    とりあえずやってみる。という気持ちが大事。
    Next.jsやNuxt.jsはサイト制作・アプリ開発どちらも選択できる
    FWなので、これを機に始めてみよう!

    View full-size slide

  7. メリット
    ● モダンフロントエンド FWでの基本的なサイトの作り方がわかる
    ● ブログを更新することで名刺がわりになる
    (実際転職活動時は話がスムーズに進んだ体験がある)
    とりあえずやってみる。という気持ちが大事。
    Next.jsやNuxt.jsはサイト制作・アプリ開発どちらも選択できる
    FWなので、これを機に始めてみよう!
    ただ、次のような落とし穴もあります
    ...

    View full-size slide

  8. エンジニア、
    何でも自分で作りたい問題

    View full-size slide

  9. 何でも自分で作りたい問題
    そして、だいたい途中で頓挫しがち。

    View full-size slide

  10. 何でも自分で作りたい問題
    ● 自分でCMSを組みたい!
    そして、だいたい途中で頓挫しがち。

    View full-size slide

  11. 何でも自分で作りたい問題
    ● 自分でCMSを組みたい!
    ● 組んだCMSでブログを書きたい!
    そして、だいたい途中で頓挫しがち。

    View full-size slide

  12. 何でも自分で作りたい問題
    ● 自分でCMSを組みたい!
    ● 組んだCMSでブログを書きたい!
    そして、だいたい途中で頓挫しがち。
    どっちもやりたい!

    View full-size slide

  13. 何でも自分で作りたい問題
    ● 自分でCMSを組みたい!
    ● 組んだCMSでブログを書きたい!
    そして、だいたい途中で頓挫しがち。
    一気に作りきれればよいが、開発期間が伸びると頓挫の確率があがる。
    確率が高まりきった状態で、なにかの理由で詰まった瞬間、
    このプロジェクトが終了する。ターンエンド。
    どっちもやりたい!

    View full-size slide

  14. そんなときの保険
    あります。
    Next.jsにはソースコード込みで、
    たくさんのサンプル(ボイラープレート)が存在します。
    なので、そのサンプルを横においておくなり、
    改造するなりして自分で組み上げてみると
    ブレも少なくゴールしやすいです。
    Vercel
    https://vercel.com/templates

    View full-size slide

  15. まとめ
    保険を用意するからダレにくい!
    結果的にリリースできる!
    運用してサイトを育てることができる!
    あとは煮るなり焼くなり、自分の実験場として使い倒せる

    View full-size slide