Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
個人開発者は Jamstackでブログを書こう!〜WordPressもいいけどJamstackもね〜
Search
Shumpei O.
August 20, 2023
Programming
0
89
個人開発者は Jamstackでブログを書こう!〜WordPressもいいけどJamstackもね〜
LTイベント「ジャムスタックチョットデキル」にて登壇した資料です。
Shumpei O.
August 20, 2023
Tweet
Share
More Decks by Shumpei O.
See All by Shumpei O.
例外処理について考える
shumpei0111
0
100
Reactで汎用的なinputコンポーネントを考える
shumpei0111
0
20
複数人での 大規模サイト移植のテクニック
shumpei0111
1
760
Other Decks in Programming
See All in Programming
Software Architecture
hschwentner
6
2.1k
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
『品質』という言葉が嫌いな理由
korimu
0
160
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
240
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
300
Grafana Cloudとソラカメ
devoc
0
140
Open source software: how to live long and go far
gaelvaroquaux
0
620
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
SwiftUI Viewの責務分離
elmetal
PRO
0
140
Featured
See All Featured
Docker and Python
trallard
44
3.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
4 Signs Your Business is Dying
shpigford
182
22k
Speed Design
sergeychernyshev
25
780
The Art of Programming - Codeland 2020
erikaheidi
53
13k
How STYLIGHT went responsive
nonsquared
98
5.3k
Transcript
個人開発者は Jamstackでブログ を書こう! WordPressもいいけどJamstackもね
Shunpei ちょっと株式会社 フロントエンドエンジニア 個人でブログや好きな漫画のファンサイトを作ったりし ています。 過去、hexo / Nuxt.js / Next.js
で Jamstack サイトを 構築して運用していました。 先日入社エントリーを書きました! https://note.com/chot_inc/n/nb7b386a5d1b1 自己紹介
今回の話の対象者 • Jamstackが気になり始めた方 • 駆け出しフロントエンド方 • Reactで何かつくりたいけど思いつかない方
言いたいこと モダンフロントエンドを始めるなら Next.jsでブログ(CMS)を作ろう! そしてそれを使って外部発信しよう!
理由 • Next.jsはバージョンが13になり、日本語の記事も増えた • 書籍も何冊か出てきたので勉強を始めやすい モダンフロントエンド FW、とりあえずReact(Next.js)かVue(Nuxt.js)で 素振りとしてTODOアプリを作ってもいいけど、 「もう少しボリュームがあるものを」となったときに Jamstackでのブログ(CMS)開発がおすすめ
メリット • モダンフロントエンド FWでの基本的なサイトの作り方がわかる • ブログを更新することで名刺がわりになる (実際転職活動時は話がスムーズに進んだ体験がある) とりあえずやってみる。という気持ちが大事。 Next.jsやNuxt.jsはサイト制作・アプリ開発どちらも選択できる FWなので、これを機に始めてみよう!
メリット • モダンフロントエンド FWでの基本的なサイトの作り方がわかる • ブログを更新することで名刺がわりになる (実際転職活動時は話がスムーズに進んだ体験がある) とりあえずやってみる。という気持ちが大事。 Next.jsやNuxt.jsはサイト制作・アプリ開発どちらも選択できる FWなので、これを機に始めてみよう!
ただ、次のような落とし穴もあります ...
エンジニア、 何でも自分で作りたい問題
何でも自分で作りたい問題 そして、だいたい途中で頓挫しがち。
何でも自分で作りたい問題 • 自分でCMSを組みたい! そして、だいたい途中で頓挫しがち。
何でも自分で作りたい問題 • 自分でCMSを組みたい! • 組んだCMSでブログを書きたい! そして、だいたい途中で頓挫しがち。
何でも自分で作りたい問題 • 自分でCMSを組みたい! • 組んだCMSでブログを書きたい! そして、だいたい途中で頓挫しがち。 どっちもやりたい!
何でも自分で作りたい問題 • 自分でCMSを組みたい! • 組んだCMSでブログを書きたい! そして、だいたい途中で頓挫しがち。 一気に作りきれればよいが、開発期間が伸びると頓挫の確率があがる。 確率が高まりきった状態で、なにかの理由で詰まった瞬間、 このプロジェクトが終了する。ターンエンド。 どっちもやりたい!
そんなときの保険 あります。 Next.jsにはソースコード込みで、 たくさんのサンプル(ボイラープレート)が存在します。 なので、そのサンプルを横においておくなり、 改造するなりして自分で組み上げてみると ブレも少なくゴールしやすいです。 Vercel https://vercel.com/templates
まとめ 保険を用意するからダレにくい! 結果的にリリースできる! 運用してサイトを育てることができる! あとは煮るなり焼くなり、自分の実験場として使い倒せる