https://2019.kfug.jp/session/sakakibaramasahiko/
ࣄྫ͔ΒΈΔΞϓϦσβΠϯͷઓུͱ8FC/BUJWF1MBUGPSNGSPOULBOTBJ#'SPOU$POGΞϓϦIUUQTLGVHJPOJDGSBNFXPSLKQ
View Slide
ࣗݾհ!SEMBCPҰൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴදཧࣄҰൠࣾஂ๏ਓ"SFB*OOPWBUJPO"MJBODF$50*POJD+BQBO6TFS(SPVQද
ίϯτϦϏϡʔλʔionic-team/ionicionic-team/startersionic-team/ionic-cliionic-team/ionic-docsionic-team/ionic-react-conference-appGoogleChrome/lighthouse
<1SPEVDU>SBCJGZ$%/FYBNQMFDPNDBUKQH E FYBNQMFDPNDBUKQH Eʮը૾͕ͳ͔ͳ͔දࣔ͞Εͳ͍ʯΛվળɻ
<1SPEVDU>UJQTZT
ϝσΟΞܝࡌw ςϨϏʮ50,:0.9ʯʢʣw ࡶɹࢽʮ$-"44:ʯʢʣw ςϨϏʮεΫʔϧֵ໋ʯʢʣw ࡶɹࢽʮXJUIʯʢʣ
ϓϩμΫτͷເ
ϓϩμΫτ։ൃͷເόζͬͯࢿۚௐୡࠂग़ߘͰສϢʔβ֫ಘ͍͖ͳΓޏ༻
ϓϩμΫτ։ൃͷເIUUQTUB⒎CMPHCICDPKQ FJE
͍͖ͳΓόζΔϓϩμΫτͷཪଆw͍͖ͳΓສϢʔβ͕͖ͨΒɺͭͷෆ۩߹Λສਓ͕ମݧw໎͏6*͕ͭ͋Εɺສਓ͕໎ࢠwαʔόεϖοΫ༧ଌͰ͖ͯΔʁw4MPX2VFSZڐ༰ൣғͰ͔͠ͳ͍ʁຊʁw͍߹ΘͤͷରԠମ੍͋Δʁwఆ֎ͷΘΕํ͠ͳ͍ʁwఆ֎ͷΘΕํʹରͯ͠ར༻ن๏తʹେৎʁ
ମྗͷ͋Δاۀͷղܾํ๏t2.medium ݄3ઍԁt2.2xlarge ݄3ສԁm5d.metal ݄40ສԁºαʔό ५ͳཁһ
ݱ࣮ʹཱ͔͓ͪ͏
UJQTZT։ൃͷ͖͔͚ͬʮग़ձ͍ΛҰॹʹ୳͠ʹ͍͘૬ख͕͍ͳ͍ʯʮஉ͡Όͳͯ͘ɺঁ༑ୡͱͷϚονϯάαΠτ͕͋Ε͍͍ͷʹʯʮ্ژͯ͠Ұܦͬͯͳ͍͔ΒͭΒ͍ʯ
UJQTZT։ൃͷ͖͔͚ͬɾ͓ۚͱ࣮͕ཉ͍͠ɾ࣮ͦͦྗ͕ཉ͍͠ɾडୗճ͠ଓ͚ͳ͍ͱࢭ·ΔϋϜελʔͷճ͠ंײ֮ɾ͓·͔͔ͤ͠ͳ͍ण࢘ɻ͓ͨͩ͠ࢼ͠Ͱͭͬͯ͘ΒͬͯҰ݅ສɻ୭͕ೖΔͷʁɾചΓ্͛ͨ͜ͱ͕ͳ͍Ӧۀɻۀվળͨ͜͠ͱͷͳ͍ίϯαϧ ʮͭͬͨ͘ΒϢʔβਓ͍ΔΒ͍ͧ͠ʯ
࣌ͷٕज़ελοΫw)5.-$44ҰԠΘ͔ΔwK2VFSZϓϥάΠϯ͑Δw"OHVMBS+4ίʔυͷίϐϖͰ͖Δw8PSE1SFTT·͊Ͱ͖Δw1)1Կͱͳ͘ϓϩμΫτͭ͘ΕΔw4XJGU·ͬͨ͘Θ͔ΒΜஅ೦ܦݧ͋Γw9DPEFͷετʔϦʔϘʔυ8FCۀք͏௨Γաࣺ͗ͯͯͨಓͩɻϗʔϜϖʔδϏϧμʔੜίʔυؾ࣋ͪѱ͍ͱ͍ͬͯ͏ͷΛΊͨͩΖ͏ʢෛ͚੯͠Έʣ
ͱΓ͋͑ͣඞཁͦ͏ͳը໘ΛΓग़ͯ͠ΈΑ͏υϥϑτͷϓϩμΫτ
ʮঁ༑ୡͱग़ձ͏6*ͬͯਖ਼ղ͋ΔͷʁʯͱΓ͋͑ͣඞཁͦ͏ͳը໘ΛΓग़ͯ͠ΈΑ͏ ʮҟੑؒͷग़ձ͍ʹ࠷దԽ͞Εͨ6*ͬͯࢀߟʹͳΔʁʯ ʮϢʔβগͳ͍࣌ͱଟ͘ͳ͔ͬͯΒͱಉ͡6*ʁʯ ʮͦͦ͜Ε1)1Ͱͭͬͯ͘ར༻ͯ͠Β͑Δʁʯ ʮϢʔβ͕͏ίϯςΩετʁʯ
վળΛ܁Γฦ͍ͯ͘͠
6*ͷ1%$"
ใͷάϧʔϐϯά
Ϣʔβͷ؍
Ϣʔβͷ؍ʢԾઆݕূʣ
1BHFؒͷʮҙຯʯͷ౷ҰʢΧςΰϥΠζʣ
1BHFؒͷʮҙຯʯͷ౷Ұ
ΞϓϦنͱσβΠϯʢ࣌ܥྻʣ
ʮͲ͏ͬͯͬͯཉ͍͠ʁʯʢҙਤʣ
69ઃܭͷ
4&-&$5͍ ෳ$16Λ༻͍ͯΫΤϦ࣮ߦ͢ΔʮύϥϨϧΫΤϦʯʢતʣ 1PTU(*4ΛͬͯਤσʔλΛѻ͑Δʢۭؒσʔλѻ͑Δ ܕ͕ݫ֨ͳͷͰൺֱ͕ࣜॻ͖͍͢ ϒϩοΩϯάॲཧ͕ݰਓࢦ69ʛίϯςΩετɹʕʕɹͲ͏͍͏γʔϯͰʁIUUQZLB[VDPNVYDPOUFYUGPSVYEFTJHO
69ʛϖϧιφɹʕʕɹ୭͕ʁ[email protected]
69ʛϖϧιφɹʕʕɹ୭͕ʁwຊͷํʹڵຯ͕͋ΔΞϥϒͷੴ༉ԦwૉͳΒ͕͖͠Ͱ͋ΓɺࢁࡊݹຽՈ͕͖w૽ͷ͋Δͱ͜ΖͰͳ͘੩͔ͳͱ͜Ζ͕͖w͓ͦͯۚ͠Λ͔ͭͬͯ͘ΕΔ͋ͳͨͷपΓʹͻͱΓͰ͍·͔͢ʁ˞࣮ʹج͍ͮͨͰ͢
69ʛϖϧιφɹʕʕɹ୭͕ʁ
69ɹʕʕɹϢʔβମݧར༻લར༻தར༻ޙग़యɹ69നॻʢຊޠ൛ʣ࣌ܥྻʹɺϢʔβ͕ମݧ͢Δࣄ࣮ɾײɻ
ΞϓϦͷ6TFS*OUFSGBDFͱ
ٕज़ελοΫ͔Βͷٕज़બఆwͬͺΓΞϓϦετΞͰ৴͍ͨ͠ʢϢʔβઢɺϓϩόΠμઢͱʹʣw͚Ͳɺ͔Β4XJGU+BWBΛ֮͑Δͷۤ௧wݱ࣮తʹ͍αΠΫϧͰ6*ػೳͷݟ͠Ͱ͖ΔʁwͻͱΓͳͷͰϋΠϒϦουΞϓϦ͡Όͳ͍ͱࢮ͵͚Ͳ$Θ͔ΒΜ9BNBSJOແཧɻw8FCٕज़ͰΞϓϦͭͬͯ͘ΞϓϦετΞͰ৴͍ͨ͠ʂʂ
*POJD'SBNFXPSLʮ8FCٕज़ͰΞϓϦ6*Λ࠶ݱ͢Ε͍͍͡Όͳ͍ʯ
*POJD'SBNFXPSL.PCJMF6*.PCJMF6TFS*OUFSGBDF
*POJD'SBNFXPSL'SBNFXPSL$PNQBUJCJMJUZ'SBNFXPSL$PNQBUJCJMJUZʢϓϥοτϑΥʔϜͷޓੑʣʮίϯύνϏϦςΟͱɺϋʔυΣΞιϑτΣΞ͕ɺ༷ͷҟͳΔͷʹஔ͖͑ΒΕ্ͨͰɺݩ௨Γͷಈ࡞Λ͢Δͱ͍͏ঢ়ଶͷ͜ͱͰ͋Δʯ
*POJD'SBNFXPSLlOPOMJOFBSOBWJHBUJPOlOPOMJOFBSOBWJHBUJPOʢඇઢܗφϏήʔγϣϯʣ
*POJD'SBNFXPSL/BWJHBUJPO4UBDL/BWJHBUJPOTUBDLʢφϏήʔγϣϯελοΫʣ
$PSEPWB$BQBDJUPSʮ8FC7JFXͰΞϓϦΛදࣔͨ͠Β͍͍͡Όͳ͍ʯ
8FCඪ४Λϕʔεʹͨ͠ϋΠϒϦουల։
'SPOU$POGΞϓϦ8FCΛϞόΠϧϥΠΫͳΞϓϦͱͯ͠ѻ͏͜ͱ͕Մೳ
'SPOU$POGΞϓϦ8FCΛϞόΠϧϥΠΫͳΞϓϦͱͯ͠ѻ͏͜ͱ͕ՄೳIUUQTLGVHJPOJDGSBNFXPSLKQ
8FCσβΠφʔ͕ͰεϚϗΞϓϦΛެ։ͨ͠ํ๏IUUQTCMPHDOUMPHOFUBSDIJWFT
*POJDͰ࡞ΔϞόΠϧΞϓϦ੍࡞ೖ୯ߦຊrϖʔδɹ ԁIUUQTBN[OUP1"S&M
খͭͬͯ͘͘͞େ͖͘ҭͯΔ
ظͷɾվળઓུ
·ͱΊw8FC੍࡞͕Ͱ͖ΔͳΒɺΞϓϦΛͭ͘Δ͜ͱ͕Ͱ͖Δw41"18"ͱ͚ͯͩ͠Ͱͳ͘ɺ"QQ4UPSF(PPHMF1MBZͰ৴Ͱ͖ΔwͪΖΜऩೖͱ୯Ձ૿͑ͨɻͦͯ͠Քಇ࣌ؒݮΒͯ͠ఆظతʹೖͬͯ͘Δݻఆऩೖ͕ੜ·ΕͨɻwԿ͔͡Ίͨͯ͘͜͜ʹ͖ͯΔͳΒɺͥͻϓϩμΫτ։ൃͱ*POJDΛࢼͯ͠Έ͍ͯͩ͘͞
ͥͻɺ୨ʹΛฒ͍ͯͩ͘͞ɻ