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
リリース前に知りたいネイティブのあれこれ
Search
Yudai Shinnoki
September 13, 2018
1.6k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
リリース前に知りたいネイティブのあれこれ
Yudai Shinnoki
September 13, 2018
More Decks by Yudai Shinnoki
See All by Yudai Shinnoki
AWS “““触って””” みた
shinnoki
0
140
体に馴染む開発環境 ~ghqはいいぞ~
shinnoki
0
1.9k
組織戦略と GraphQL、Hasura
shinnoki
2
4.9k
Hasura とは何者か メリット・デメリット
shinnoki
10
3k
TypeScript と React Hooks と GraphQL のステキな関係性
shinnoki
2
520
外部委託の立場から半ば強引にLaravelを導入した話
shinnoki
0
740
Featured
See All Featured
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
350
Code Reviewing Like a Champion
maltzj
528
40k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
420
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
420
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1.1k
Making the Leap to Tech Lead
cromwellryan
135
10k
Transcript
ϦϦʔεલʹΓ͍ͨ ωΠςΟϒͷ͋Ε͜Ε 3FBDU/BUJWF.FFUVQ :VEBJ4IJOOPLJ
:VEBJ4IJOOPLJ ϓϩϑΟʔϧ FJTIJT *OD 3FBDU/BUJWF 'JSFCBTF ʜ ɹɹɹࣗࣾΞϓϦ ϑϦʔϥϯε 1)1
-BSBWFM J04 "OESPJE ʜ 5XJUUFS!LPOPLJ@OBOOPLJ (JU)VC!TIJOOPLJ ٕज़ϒϩά CBHFMFF μΠΤοτΞϓϦ ΏΔͬΔ
͡Ίʹ ൃදͷλʔήοτ গਓϓϩδΣΫτͰɺωΠςΟϒؤுΒͳ͚Ε ͍͚ͳ͍3FBDUΤϯδχΞ ϦϦʔεʹ͚ͯ։ൃதͷελʔτΞοϓ ωΠςΟϒग़ͷਓʹΓͳ͍༰͔ ࠓճͷൃදͰ&YQP͍·ͤΜ
ͨͩ͠ࠓޙ3FBDU/BUJWFͰຊޠόά͕मਖ਼͞Εɺ SFBDUOBUJWFpSFCBTFͷόϯυϧ༧ఆͰҰؾʹศརʹͳΓͦ͏
JPTɺBOESPJEσΟϨΫτϦͱ ྑ͘ͳΖ͏ ͙͢ʹ͑ΔςΫχοΫ QSPKFDUQCYQSPKͰࠩΛग़͞ͳ͍ͨΊʹ #VJME4FUUJOHT #VJME7BSJBOUΛ
͔ͭͬͯΈΑ͏ #VJME4FUUJOHT #VJME7BSJBOUͱ ΞϓϦ໊ΞΠίϯΛΓସ͑ͯΈΑ͏ ࣮ࡍʹϦδΣΫτ͞Εͨྫ ࣍
JPTɺBOESPJEσΟϨΫτϦͱ ྑ͘ͳΖ͏
9DPEFɺ"OESPJE4UVEJPΛλʔϛφϧ͔Β։͘ 9DPEF $ open ios/<ϓϩδΣΫτ໊>.xcodeproj $ open ios/<ϓϩδΣΫτ໊>.xcworkspace $ studio
android ௨ৗ $PDPB1PET༻࣌ "OESPJE4UVEJP $SFBUF$PNNBOEMJOF-BVODIFSΛ ࣮ߦ͢Δ͜ͱͰίϚϯυ͕ొ͞ΕΔ
JPTɺBOESPJEσΟϨΫτϦͷ৺ಘ HJUDPNNJU࣌ʹࠩʹҙ͢Δ ͱ͘ʹQSPKFDUQCYQSPKίϯϑϦΫτ͘͢͠ɺղফ͕໘ SFBDUOBUJWFHJUVQHSBEFΛ͏ͱ͖ ͕ࠩଟ͍ͱେมʹͳΔ SFBDUOBUJWFFKFDU͔Β࠶ݱͰ͖Δঢ়ଶ͕ཧ
ઌൃച͞Εͨ ʮ3FBDU/BUJWF &YQPͰ͡ΊΔεϚϗΞϓϦ։ൃʯ Ͱͬͨ Ͱ͖Δ͚ͩࠩग़ͨ͘͠ͳ͍ʂ
QSPKFDUQCYQSPKͰࠩΛग़͞ͳ͍ͨΊʹ 9DPEF্ͰඞཁҎ্ʹϑΝΠϧΛҠಈ͠ͳ͍ ϑΝΠϧͷදࣔॱͳͲQSPKFDUQCYQSPKʹ อଘ͞ΕΔͨΊɺҠಈ͢Δ͚ͩͰ͕ࠩग़Δ UW04ফͨ͘͠ͳΔ͕ফ͞ͳ͍΄͏͕ແʁ $PDPB1PETΛ͍ͬͯΔ߹ɺͰ͖Δ͔͗Γ1PEpMFͰMJOL͢Δ
MJOL͕ඞཁͳϥΠϒϥϦ͍͍ͩͨQPETQFDΛೖΕͯ͘Ε͍ͯΔ ͨͩ͜͠Εҋ͕ਂ͍ʢ࣍ϖʔδͰઆ໌ʣ
EFQFOEFODZb3FBDU`ͷҋ IUUQTGBDFCPPLHJUIVCJPSFBDUOBUJWFEPDTJOUFHSBUJPOXJUIFYJTUJOH BQQTDPOpHVSJOHDPDPBQPETEFQFOEFODJFT `3FBDU`ΛOPEF@NPEVMFT͔ΒՃ దٓඞཁͳTVCTQFDΛՃ͍ͯ͘͠ ґଘ͔ؔΒ`3FBDU`Λআ
#VJME4FUUJOHT J04 #VJME7BSJBOU "OESPJE ΛͬͯΈΑ͏
Ϗϧυมͷઃఆํ๏ൺֱ SFBDUOBUJWFEPUFOW SFBDUOBUJWFDPOpH #VJME4FUUJOHT J04 #VJME7BSJBOU "OESPJE +BWB4DSJQU ωΠςΟϒ
ϝϦοτ σϝϦοτ #BCFMͷϓϥάΠϯͱͯ͠ มΛΠϯδΣΫτ QBDLBHFKTPOʹՃ ͢Δ͚ͩͰ͍͍ ࠶ϏϧυෆཁͰ͙͢ ʹөͰ͖Δ ωΠςΟϒ͔Βม Λ͑ͳ͍ σϝϦοτ ө͢ΔͷʹωΠςΟϒ ͷ࠶Ϗϧυ͕ඞཁ σϝϦοτ J04ͱ"OESPJEͰͦΕͧΕ ઃఆ͢Δඞཁ͕͋Δ ϝϦοτ ΞϓϦ໊ΞΠίϯͳͲ Γସ͑ΒΕΔ 'JSFCBTFͷڥΓସ ͑ʹඞਢʁ ωΠςΟϒͷιʔεʹ ม͠+4ʹϒϦοδ ϓϥοτϑΥʔϜଆͰ Ϗϧυ࣌ʹॲཧ ϝϦοτ ωΠςΟϒ͔Βม Λ͏͜ͱ͕Ͱ͖Δ
#VJME4FUUJOHT J04 ͷ։͖ํ
6TFS%FpOFE4FUUJOHͷՃ #6/%-&@*%&/5*'*&3@46''*9 #6/%-&@/".&@13&'*9 ΛՃͯ͠ɺ%FCVHͷΈઃఆΛՃ
#VOEMF*EFOUJpFSͷΓସ͑ 1SPEVDU#VOEMF*EFOUJpFSΛฤू #6/%-&@*%&/5*'*&3@46''*9 ͱॻ͘ͱ 6TFS%FpOFE4FUUJOH͕ల։͞ΕΔʂ
ΞϓϦ໊ɺΞΠίϯͷΓସ͑ J04 ΞϓϦ໊*OGPQMJTUͰઃఆ ΞΠίϯ"TTFU$BUBMPH"QQ*DPO4FU/BNFͰઃఆ
%FCVHͱ3FMFBTF͕ผʑʹදࣔ͞ΕΔʂ ࣮ࡍͷӡ༻Ͱ'JSFCBTFͷϓϩδΣΫτ %FCVHͱ3FMFBTFͰΓସ͍͑ͯΔ ্Ͱͷදࣔ
ิ%FCVHͷઃఆͰ3FMFBTFϏϧυ͍ͨ͠ %FCVH 3FMFBTFҎ֎ͷ#VJME$POpHVSBUJPOΛ Ճ͢Δඞཁ͕͋Δʢ࣌ؒͷ߹্ׂѪʣ 3FBDU/BUJWF9DPEFϓϩδΣΫτʹTUBHJOHQSPEVDUJPOϏϧυ༻ઃఆΛ Ճ͢Δ2JJUB IUUQTRJJUBDPNKBOVT@XFMJUFNTFGCEGD
%J⒎FSFOUJ04CVJMEDPOpHVSBUJPOTUIBO%FCVHBOE3FMFBTFJO3FBDU /BUJWFc#SJHIU*OWFOUJPOT IUUQTCSJHIUJOWFOUJPOTQMCMPHSFBDUOBUJWFDVTUPNJPTCVJME DPOpHVSBUJPOT
#VJME7BSJBOU "OESPJE EFCVH SFMFBTF debug release #VJME5ZQF 1SPEVDU'MBWPS #VJME7BSJBOU
º #VJME5ZQFͷσϑΥϧτEFCVHɺSFMFBTF 1SPEVDU'MBWPSσϑΥϧτͰઃఆͳ͠ 1PJOU
#VJME7BSJBOU "OESPJE EFCVH SFMFBTF debug release EFCVH SFMFBTF EFWFMPQ developDebug
developRelease QSPEVD UJPO productionDebug productionRelease EFWFMPQɺQSPEVDUJPOͱ͍͏ ໊લͰ1SPEVDU'MBWPSΛՃ #VJME5ZQF 1SPEVDU'MBWPS #VJME7BSJBOU º #VJME5ZQFͷσϑΥϧτEFCVHɺSFMFBTF 1SPEVDU'MBWPSσϑΥϧτͰઃఆͳ͠ 1PJOU
1SPEVDU'MBWPSͷઃఆํ๏ BQQCVJMEHSBEMFʹઃఆΛՃʂ EFWFMPQ'MBWPSͷͱ͖ͷΈ BQQMJDBUJPO*EͷޙΖʹ EFWΛ͚ͭΔઃఆ
ΞϓϦ໊ɺΞΠίϯͷΓସ͑ "OESPJE EFWFMPQ'MBWPSͷͱ͖ͷΈ TSDNBJOʹϚʔδ͞ΕΔ TUSJOHTYNMΛ্ॻ͖ͯ͠ ΞϓϦ໊ͷΓସ͕͑Մೳ JD@MBVODIFSQOHΛ্ॻ͖ͯ͠ ΞΠίϯͷΓସ͕͑Մೳ
HPPHMFTFSWJDFKTPO ֊͕ҧ͏͕ಡΈʹߦͬͯ͘ΕΔ
ิSFBDUOBUJWFSVOBOESPJE 1SPEVDU'MBWPS BQQMJDBUJPO*E4V⒏YΛઃఆ͢Δͱ SFBDUOBUJWFSVOBOESPJE͕͏·͘ಈ͔ͳ͘ͳΔ ҎԼͷΑ͏ʹWBSJBOUͱBQQ*E4V⒏YΛࢦఆ͢Δඞཁ͕͋Δ QBDLBHFKTPOͷTDSJQUʹొ͓͍ͯͯ͠ ZBSOBOESPJEͰ࣮ߦͰ͖ΔΑ͏ʹ͓ͯ͘͠ͱָ
SODMJDPOpHKTͰઃఆͰ͖ͦ͏ʢະ֬ೝʣ $ react-native run-android \ --variant=developDebug \ —-appIdSuffix=dev
࣮ࡍʹϦδΣΫτ͞Εͨྫ
࣮ࡍʹϦδΣΫτ͞Εͨྫ λʔήοτΛJ1IPOFʹͨ͠ͷʹJ1BEͰϦδΣΫτΛ͘Βͬͨ J1BEʹJ1IPOFઐ༻ͷΞϓϦͰແཧΓදࣔ͢ΔϞʔυ͕͋Γɺ ༨ܭʹσβΠϯ่͕ΕΔՄೳੑ͕͋Δ J1BEͷσβΠϯଟগదͰɺ࠷ॳ͔Β6OJWFSTBMͰ։ൃͨ͠΄͏͕͍͍ SFBDUOBUJWFQFSNJTTJPOTΛMJOLͨ͠
࣮ࡍʹΘͳ͍ύʔϛογϣϯͰίʔυੳͰͻ͔͔ͬΔ QMJTUʹͯ͢ͷ6TBHF%FTDSJQUJPOΛهड़͓ͯ͘͠ඞཁ͕͋Δ 7P*1 SFBDUOBUJWFQKTJQ ΛͬͨΒ৹͕ࠪݫ͔ͬͨ͠
ϑϩϯτΤϯυΛ ۃΊ͍ͨΤϯδχΞ FJTIJTͰ ΤϯδχΞΛ ืू͍ͯ͠·͢ʂʂ ৽͍ٕ͠ज़ʹઓ͍ͨ͠ αʔόʔαΠυΤϯδχΞ 8FC73 "3ΤϯδχΞ
&OKPZ3FBDU/BUJWF