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
Gatsbyお試し
Search
ponday
January 25, 2019
Programming
0
110
Gatsbyお試し
React勉強会@福岡 vol.1(2019/01/25)の発表資料2つめです。
ponday
January 25, 2019
Tweet
Share
More Decks by ponday
See All by ponday
関数型でGoFのデザインパターンやってみる
honda
0
1k
TypeScriptの型表現
honda
10
2.9k
Web Componentsの今
honda
1
370
これまでのReact、これからのReact
honda
0
260
styled-components or emotion?
honda
0
620
Web ComponentsとAngular
honda
0
130
Atomic Design周りについての私見
honda
1
570
え、まだWeb Componentsを未来の技術だと思ってるの?
honda
2
710
Web Componentsの動向とPolymer
honda
4
2.3k
Other Decks in Programming
See All in Programming
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
しくじり先生 Image Matching Challenge 2024 編
goosehaaan
0
810
Folding Cheat Sheet #7
philipschwarz
PRO
0
150
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Berlin
prof18
0
110
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
Advanced App Shrinking Techniques
cbeyls
2
150
Architectures with Lightweight Stores: New Rules and Options
manfredsteyer
PRO
0
100
CSC307 Lecture 06
javiergs
PRO
0
360
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1026
450k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
The World Runs on Bad Software
bkeepers
PRO
63
11k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
How to Ace a Technical Interview
jacobian
274
23k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Thoughts on Productivity
jonyablonski
64
4.1k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
Transcript
Gatsbyお試し React勉強会@福岡 vol.1 / Jan 25th, 2019 ponday (@ponday_dev)
Profile - ponday (Honda, Yusuke) - 株式会社ベガコーポレーション エンジニア - Like
: TypeScript / Elixir / Python etc… - 日曜フロントエンドエンジニア - 副業もやってます
突然ですが
福岡市、 インフルエンザ 流行ってますね
Gatsbyの発表がキャンセルになってしまったので Gatsbyの話します
Gatsby
Gatsby - React製の静的サイトジェネレータ - 豊富なプラグインによる高い拡張性 - 組み込みでGraphQL - ReactのHPもGatsbyを使ってるらしい -
ググラビリティ△
チュートリアルやりなおした
触ってみた感想 - (標準から外れないかぎり)簡単 - ルーティングの面倒を見なくて良いのはすごく楽 - JSファイル名 = URL -
コンポーネント部分は普通のReact - 普通のReactなので結構好き勝手やれる - Reactのバージョンを上げてしまえばHooksも動いた
気になった点 - Markdown配信までが意外と面倒 - そもそもチュートリアルがMarkdown配信するまでの道のり - まだ日本語情報少ない(古いバージョンとか) - プラグインの選択が重要になりそう -
すごい数ある - 手作業でもやれるけど、手数がまったく違う
おまけ
無意識でTypeScript用テンプレート作ってた
TypeScript化の手順 - gatsby-plugin-typescriptを入れる - gatsby-config.jsでプラグインを読み込む - TypeScript関連のモジュールを入れる - @types/{node,react,react-dom} -
typescript - tsconfig.jsonを書く
これだけ
動くの確認用にまたチュートリアルやった
これでGatsbyもTypeScriptで作れる!!
だけど......
None
Thank you !!