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
950
TypeScriptの型表現
honda
10
2.8k
Web Componentsの今
honda
1
370
これまでのReact、これからのReact
honda
0
240
styled-components or emotion?
honda
0
610
Web ComponentsとAngular
honda
0
130
Atomic Design周りについての私見
honda
1
540
え、まだWeb Componentsを未来の技術だと思ってるの?
honda
2
680
Web Componentsの動向とPolymer
honda
4
2.2k
Other Decks in Programming
See All in Programming
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
340
Git Rebase
bkuhlmann
11
1.6k
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
210
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
Java 22 Overview
kishida
1
180
Code Reviews
bkuhlmann
4
890
Rethinking UI building strategies @ SFI 2024
letelete
0
270
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
270
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
新宿ダンジョンを可視化してみた
satoshi7190
2
260
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
430
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
422
63k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Unsuck your backbone
ammeep
663
57k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Ruby is Unlike a Banana
tanoku
96
10k
Code Review Best Practice
trishagee
55
15k
Practical Orchestrator
shlominoach
182
9.7k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Done Done
chrislema
178
15k
In The Pink: A Labor of Love
frogandcode
138
21k
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 !!