Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
さぁ!Reactを始めよう!
Search
Takuya Fujimoto
January 11, 2018
Programming
180
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
さぁ!Reactを始めよう!
- Mix Leap
- React
Takuya Fujimoto
January 11, 2018
More Decks by Takuya Fujimoto
See All by Takuya Fujimoto
React + GraphQLで社内の負債を解決した話
tfrcm
0
670
AppSyncで負債を解決した話
tfrcm
1
500
なぜ社内でGoを採用したのか
tfrcm
0
100
さよならRecompose, こんにちはReact Hooks!
tfrcm
0
440
Facebookに行ってきたの秋
tfrcm
0
91
ReactNativeでモバイル開発を始めよう!
tfrcm
0
86
My favorite Morisawa's fonts
tfrcm
0
87
React勉強会② ハンズオン編
tfrcm
0
120
ReactNativeの開発環境を5分で作る
tfrcm
1
390
Other Decks in Programming
See All in Programming
全ての永続トークンを、生まれる前に消し去りたい!
sylph01
3
1.7k
小さなアプリを作って公開するまで
onozaty
0
140
Materialが消えた日 〜真っ白なFlutterキャンバスにRenderObjectで絵を描く〜
umigishiaoi
0
150
Event is what happens
moro
2
3.8k
當我們開始不讀 Code - AI Agent 時代,Code Review 與 Clean Code 還剩下什麼?
jame2408
1
360
AI時代のFlutter品質設計 — アプリ品質を守るQuality Layers
omatty198
0
360
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
timakin
5
5.2k
AmebaブログはKMPから卒業します
kmars0605
0
330
AI時代のシニアエンジニアとは
yosuke_furukawa
PRO
15
11k
[JA] Domain Modeling with Vanilla Rails: 「操作」から再考するRailsの設計論
yasaichi
4
1.8k
クラウドゲーミングのパフォーマンス最適化に挑む / Cloud Gaming Performance Tuning
vivion
0
330
Coding with AI: How to trust the storyteller (AWS Community Day Adria, Ljubljana 2026)
slobodan
0
140
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
85
9.7k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
2
430
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Making the Leap to Tech Lead
cromwellryan
135
10k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
WCS-LA-2024
lcolladotor
0
980
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
5.6k
Building Flexible Design Systems
yeseniaperezcruz
330
41k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
670
Transcript
͊͞ʂ3FBDUΛ࢝ΊΑ͏ʂ 0TBLB.JY-FBQ4UVEZ3FBDU
1SPpMF
None
(FNDPPL Ϛείοτͷ͐͡Ή͓
1FUSFF
-*/&ελϯϓϦϦʔε͠·ͨ͠ɻ
NJYMFBQ
ࠓ͢͜ͱ w3FBDUͱ w3FBDUͷϥΠόϧ wͳͥ3FBDU͕(FNDPPLͷࠢΛΘͤͨͷ͔
ΰʔϧ ʮ3FBDUͰ։ൃͯ͠Έ͍ͨʯͱࢥͬͯΒ͏
3FBDUͱ
6*Λߏங͢Δҝͷ+BWB4DSJQUϥΠϒϥϦ
'BDFCPPLϥΠϒϥϦ
3FBDUΛ͍ͬͯΔαʔϏε w 'BDFCPPL w *OTUBHSBN w "JSCOC w 4LZQF w
6CFS w 1JOUFSFTU w /FUqJY w #JUCVDLFU w 4USJQF w $JSDMF$* w "CTUSBDU w 8BOUFEMZ FUDʜ
3FBDUͷઃܭࢥ
%FDMBSBUJWF w+4 K2VFSZ ʮ໋ྩతʯ w3FBDUʮએݴతʯʹ͢ΔࣄͰɺอकੑ্͕
໋ྩత
એݴత
$PNQPOFOU#BTFE wෳͷ$PNQPOFOUΛΈ߹Θͤͯɺ7JFXΛߏங w%0. +4ϩδοΫ ঢ়ଶ6*ίϯϙʔωϯτ wԾ%0.Λϑϧ׆༻Ͱແବͷͳ͍ϨϯμϦϯά
-FBSO0ODF 8SJUF"OZXIFSF ҰֶΜͰ͠·͑ɺͲ͜Ͱॻ͚Δ
'BDFCPPLͷࣦഊ ~ Mark Elliot Zuckerberg CEO, Facebook, Inc. ~ “
When I’m introspective about the last few years I think the biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native… because it just wasn’t there. “
βοΧʔόʔάࢯఘΊͯͳ͔ͬͨ “ And it’s not that HTML5 is bad. I’m
actually, on long-term, really excited about it. “ ~ Mark Elliot Zuckerberg CEO, Facebook, Inc. ~
༷ʑͳϓϥοτϑΥʔϜʹରԠ 8FC ϑϩϯτ 3FBDU αʔόαΠυ /PEFKT 3FBDU J04"OESPJE 3FBDU/BUJWF 8JOEPXT.BD
&MFDUSPO 3FBDU 73 3FBDU73
3FBDUͷઃܭࢥ
Ծ%0. ैདྷͷ%0.
Ծ%0. Ծ%0.
3FBDUͷϥΠόϧ
ओཁͳϥΠόϧͨͪ 74
"OHVMBSd֓ཁ w(PPHMFࣾ։ൃ w+BWB4DSJQUϑϨʔϜϫʔΫ %0.पลͷղܾ wίϯϙʔωϯτࢤ w5ZQF4DSJQUਪ wϑϨʔϜϫʔΫͱ͍͏͚ͩ͋ͬͯɺ"OHVMBS͚ͩͰ͍͍ͩͨἧ͏ w!BOHVMBSSPVUFSʹΑΔϧʔςΟϯά w!BOHVMBSIUUQʹΑΔ"KBYϦΫΤετ
w!BOHVMBSGPSNʹΑΔϑΥʔϜ࡞ w୯ମςετͷϢʔςΟϦςΟ
3FBDUWT"OHVMBS w྆ऀ%0.पΓͷύϑΥʔϚϯεΛͳΜͱ͔͠Α͏ͱ͢Δͷಉ͡ w3FBDUϥΠϒϥϦɺ"OHVMBSϑϨʔϜϫʔΫ w3FBDU'MPXΛਪɺ"OHVMBS5ZQF4DSJQUΛਪ wωΠςΟϒपΓ3FBDUͷํ͕ѹతʹڧ͍ w3FBDUʹൺͯɺ࣮ྫ͕গͳ͍
7VFKT֓ཁ wΤϰΝϯɾϤʔࢯͷݸਓϓϩδΣΫτ ݩ(PPHMFS w"OHVMBSܥͷຊʹཉ͔ͬͨ͠෦ͷΈΛநग़ 7JFX෦ͷநग़ w"OHVMBSͱ3FBDUͷؒʹҐஔ͢Δॊೈੑ wֶशίετΊ w-BSBWFMͷίΞʹऔΓࠐ·ΕΔ
3FBDUWT7VFKT w྆ऀ%0.पΓͷύϑΥʔϚϯεΛͳΜͱ͔͠Α͏ͱ͢Δͷಉ͡ w3FBDU+49͕ͩɺ7VFKT)5.-ʹॻ͚Δͷྑ͍ w$PNQPOFOUͰෳࡶͳࣄΛ͠Α͏ͱࢥ͑ɺઃܭΛ͔ͬ͠Γ͠ͳ͍ͱՄಡੑ͕Լ͕Δ wωΠςΟϒΞϓϦͷ։ൃ7VFKT୯ମͷߟ͑ํͰ͍͠
݁ہͲΕΛ͍͍͑ͷʁ
ඇৗʹ͍͠ɻɻɻ
ֶशίετ ߴ͍ ͍
ϓϩδΣΫτن େنʙதن খن
݁ہɺͲΕΛ͏͔ʮϓϩδΣΫτ༰ʯͱʮΈʯ࣍ୈ
ͳͥ3FBDU͕(FNDPPLͷࠢΛΘͤͨͷ͔
(FNDPPL͕3FBDUΛ࠾༻ͨ͠ཧ༝ w'BDFCPPLͰ͋Δɻ wଞͷϥΠϒϥϦͱͷΈ߹Θ͕ͤॊೈͰ͋Δɻ 3FBDUϥΠϒϥϦ w/BUJWF։ൃͰ3FBDU/BUJWF͕಄ͭൈ͚͍ͯΔɻ 3FBDU/BUJWF wβοΧʔόʔάࢯͷ3FBDUͷ͍Λ͍ͬͯΔͷͰɺ3FBDU/BUJWFʹظͰ͖Δɻ
·ͱΊ w3FBDUʮ6*Λߏங͢Δҝͷ+BWB4DSJQUϥΠϒϥϦʯ w'BDFCPPL͕։ൃ͍ͯ͠Δͱ͍͏҆৺ײ w༗໊ͳαʔϏεاۀ͕ͧͬͯ͜ར༻͢Δอकੑɾ։ൃͷ͢͠͞ wϥΠϒϥϦͳͷͰɺطʹଘࡏ͢Δ+4ϥΠϒϥϦͱͷΈ߹Θͤॊೈ w-FBSO0ODF 8SJUF"OZXIFSFͰɺ֤ϓϥοτϑΥʔϜʹҠ২Մೳ ˞8FCͷΈͰ͋ΕɺʮϓϩδΣΫτ༰ʯʮΈʯͰଞͷ+4ϥΠϒϥϦɾ'8Λ͏બࢶेʹ͋Γɻ
5IBOLZPV ΤϯδχΞɾσβΠφʔืूதͰ͢ʂ 8BOUFEMZͰืूͯ͠·͢