Upgrade to Pro — share decks privately, control downloads, hide ads and more …

天下一 静的サイトホスティング 武道会 / World Static Site Hosting Tournament

5297a6f1a0d91b1ef43b75b2915a0628?s=47 did0es
February 07, 2020

天下一 静的サイトホスティング 武道会 / World Static Site Hosting Tournament

5297a6f1a0d91b1ef43b75b2915a0628?s=128

did0es

February 07, 2020
Tweet

Transcript

  1. ఱԼҰ੩తαΠτϗεςΟϯά෢ಓձ UBNCPVSJOFJOD.FFU6Q גࣜձࣾλϯόϦϯΤϯδχΞΞϧόΠτ ฏҪඔଠ TIVUB

  2. XIPBNJ ฏҪඔଠ TIVUB ΍ͬͯΔ8FCϑϩϯτΤϯυΤϯδχΞɾσβΠφʔɾେֶੜ EJEFTNF!EJEFT

  3. ͜͏͍͏͜ͱ΍ͬͯ·͢ ɾ1PEDBTU։ൃ ɾ4MBDL#PU։ൃ ɾ8FCدΓͷҊ݅ॾʑʜ

  4. ࠓ೔࿩͢͜ͱ

  5. ͱ͋Δ-5ͷϦεϖΫτΛ΍͍͖ͬͯ·͢ ͱ͋Δ-5 IUUQTTQFBLFSEFDLDPNQDI@KQXPSMEEFWTFSWFSUPVSOBNFOU

  6. ఱԼҰ੩తαΠτϗεςΟϯά෢ಓձ

  7. ࢀՃࢿ֨ ੩తαΠτΛϗεςΟϯάͰ͖Δ

  8. બखೖ৔

  9. /P ;FJU/PX

  10. /P (PPHMF"QQ&OHJOF

  11. /P /FUMJGZ

  12. /P 'JSFCBTF)PTUJOH

  13. ิ଍ "844 (PPHMF$MPVE4UPSBHF ๻ͷ͓ࡒ෍͕ා͍ͷͰ༧બམͪͰ͢

  14. ධՁํ๏ ɾ$*$%ͷ૊Έ΍͢͞ ɾઃఆ͠΍͢͞ ɾͦͷଞ ɾΘ͔Γ΍͢͞ ίϚϯυͷ௕͞౳ ɾ(JU)VC͔ΒσϓϩΠ౳ ͦΕͧΕ఺ຬ఺ͷܭ఺ຬ఺Ͱ͢ ɾͦͷଞ

  15. ճઓઃఆ͠΍͢͞

  16. ̍ճઓ͸ϗεςΟϯάͷઃఆ͕ ΍Γ΍͍͔͢Ͳ͏͔ͷൺֱͰ͢

  17. /VYUKT /FYUKT੡ͷαΠτΛ ϗεςΟϯάΛ͢ΔલఏͰ΍͖ͬͯ·͢

  18. ͦΕͧΕϗεςΟϯάͯ͠Έͯ Θ͔Γ΍͢͞ɺखܰ͞Λಘ఺ʹ͍͖ͯ͠·͢

  19. /P ;FJU/PX ɾ४උ ɾ(JU)VC౳ͰϩάΠϯ$-*Ͱ΋ϩάΠϯ $ yarn global add $ now

    άϩʔόϧԚછຊ౰ʹਃ͠༁ͳ͍
  20. /P ;FJU/PX ɾ/FYUKT ɾOPXͬͯଧ͚ͭͩʂര଎ʂ $ now ɾΑ͔ͬͨͶ

  21. /P ;FJU/PX ɾ/VYUKT ɾOPXKTPOʹઃఆ͕ඞཁ W ɾ͋ͱ͸OVYUΛJHOPSFOPXͬͯଧ͚ͭͩʂര଎ʂ

  22. /P ;FJU/PX ɾOPXͬͯଧ͚ͭͩͰ͍͍ ɾจࣈͳͷͰ֮͑΍͍͢ɺ఺ ɾ ΄΅ θϩίϯϑΟά ɾͦ͏ͩͶɺ఺ ɾ߹ܭ఺

  23. /P (PPHMF"QQ&OHJOF ɾ४උ ɾ($1ʹϩάΠϯ ొ࿥ 4%,Πϯετʔϧ ɾ4%,μ΢ϯϩʔυͯ͠JOTUBMMTIΛ࣮ߦ ɾΊΜͲ͍͚͘͞ͲؤுΔ

  24. /P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾ("&ͰϓϩδΣΫτ࡞Δɺ*%ϝϞΔ $ gcloud init ɾJOJUɺϓϩδΣΫτ*%Λબ୒

  25. /P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾBQQZBNMΛ࡞੒

  26. /P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾOQNTDSJQUTͷOFYUTUBSUʹQ͚ͭΔ

  27. /P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾσϓϩΠ $ yarn build && gcloud app

    deploy
  28. /P (PPHMF"QQ&OHJOF ɾ/VYUKT ɾ("&ͰϓϩδΣΫτ࡞Δɺ*%ϝϞΔ $ gcloud init ɾJOJUɺϓϩδΣΫτ*%Λબ୒

  29. /P (PPHMF"QQ&OHJOF ɾ/VYUKT ɾBQQZBNMΛ࡞੒

  30. /P (PPHMF"QQ&OHJOF ɾ/VYUKT ɾσϓϩΠ $ gcloud app deploy

  31. /P (PPHMF"QQ&OHJOF ɾHDMPVEೖΕΔͷ͕ͪΐͬͱΊΜͲ͍͘͞ ɾೖΕΕ͹ޙ͸EPDT௨Γ ɾίϯϑΟά͸ॻ͔ͳ͍ͱ͍͚ͳ͍ ɾ߹ܭ఺ ɾͱΓ͋͑ͣ఺ ɾ·͋ςϯϓϨʔτ͋Δ͍͔ͬ͠ʂ఺

  32. /P /FUMJGZ ɾ४උ ɾ(JU)VC౳ͰϩάΠϯ

  33. /P /FUMJGZ ɾ/FYUKT ɾOQNTDSJQUTʹFYQPSUΛ௥Ճ ɾOVYUHFOFSBUFΈ͍ͨͳίϚϯυͷ͸ͣ

  34. /P /FUMJGZ ɾ/FYUKT ɾޙ͸/FUMJGZଆͷઃఆΛ(6*Ͱϙνϙν

  35. /P /FUMJGZ ɾ/VYUKT ɾ/FUMJGZଆͷઃఆΛ(6*Ͱϙνϙν

  36. /P /FUMJGZ $ yarn global add netlify-cli ɾ༨ஊ ɾOPXΈ͍ͨʹ$-*Ͱ΋Ͱ͖Δɺ๻͸͠·ͤΜ͕ʜ $

    netlify deploy -d dist # nuxt
  37. /P /FUMJGZ ɾ(6*͕Θ͔Γ΍͍͢ɺ$-*͸͠Γ·΁Μ ɾ͸͍ɺ఺ ɾ ΄΅ θϩίϯϑΟάOFUMJGZUPNMʹॻ࣌͋͘Δ ɾͦ͏ͩͶɺ఺ ɾ߹ܭ఺

  38. /P 'JSFCBTF)PTUJOH ɾ४උ ɾ(PPHMFͰϩάΠϯ$-*Ͱ΋ϩάΠϯ $ yarn global add firebase-tools $

    firebase login άϩʔόϧԚછ͜Μʹͪ͸ʂ
  39. /P 'JSFCBTF)PTUJOH ɾ/FYUKT ɾެࣜFYBNQMFΛ࢖͏ͷ͕Ұ൪खͬऔΓૣ͍ $ yarn create next-app ―example with-firebase-hosting

    <hoge> $ yarn predeploy && yarn deploy ɾσϓϩΠ ɾطଘͷ΋ͷΛվम͢Δͱ͖͸ؤுΓ͕ඞཁ
  40. /P 'JSFCBTF)PTUJOH ɾ/VYUKT $ firebase init ɾJOJU ɾEJTUΛࢦఆ $ yarn

    build && yarn generate ɾEJTUͳ͔ͬͨΒੜ੒
  41. /P 'JSFCBTF)PTUJOH ɾ/VYUKT $ firebase deploy ɾσϓϩΠ ɾOPXͷͪΐͬͱख͔͔ؒΔ൛

  42. /P 'JSFCBTF)PTUJOH ɾOPXΈ͍ͨɻͰ΋ίϚϯυ௕͍ ɾ͏ʔΜɺ఺ ɾ)PTUJOHͷΈͰ׬݁͠ʹ͍͘৔߹ଟ͍ ɾ/FYUKTͰ'JSFCBTF'VODUJPOTཁΔ ɾ߹ܭ఺ ɾ·͋ςϯϓϨʔτ͋Δ͍͔ͬ͠ʂ఺

  43. ճઓ$*$%ͷ૊Έ΍͢͞

  44. ̎ճઓ͸$*$%Λύοͱ૊ΊΔ͔Ͱ͢

  45. ΈΜͳʙ

  46. ίʔυ؅ཧʹԿ࢖͍ͬͯ·͔͢ʁ

  47. (JU)VCͰ͢ΑͶʁ

  48. (JU)VCܦ༝Ͱ$*$%Λ૊Ή ྲྀΕͰ͍͖·͢

  49. લ४උ ɾ࢖༻πʔϧ(JU)VC"DUJPOT ɾඞཁʹͳͬͨΒ࢖͏ɺZBNMॻ͘ ɾ$*Ͱ΍Δ͜ͱ ɾͱΓ͋͑ͣࠓճ͸ςετΛ૸ΒͤΔ ɾ$%Ͱ΍Δ͜ͱ ɾNBTUFSʹQVTI$*ύεͰσϓϩΠ

  50. લ४උ ɾ(JU)VC"DUJPOTʹ͍ͭͯ ɾ6CVOUVMBUFTUίϯςφΛ࢖͏ ɾ/PEFWYΛ࢖͏ ɾ௕͍ͷͰ͜͜Β΁Μͷهड़͸ը૾͔Βল͍ͯ·͢

  51. ਐΊํ ɾ/FYUKT /VYUKTͰ$*$%૊Ή ɾઃఆͷΘ͔Γ΍͢͞ɺख͕ܰ͞ධՁର৅

  52. /P ;FJU/PX ɾ$*$%४උ ɾ"DUJPOT࢖ͬͯ΋͍͍͚Ͳҧ͏΍Γํ ɾΛ͠Α͏ͱ͚ͨ͠Ͳ$%૊Ίͯ΋$*૊Ίͳ͍ ɾͳͷͰ"DUJPOT࢖͏ ɾ/PXͰUPLFOऔಘ͠ͱ͘

  53. /P ;FJU/PX ɾ/VYUKT ɾ;FJU/PX%FQMPZNFOU͕Կނ͔׬ྃ͠ͳ͍ ɾॿ͚ͯʢٽʣ

  54. /P ;FJU/PX ɾ/FYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺͰ͖Δɺಈ͘

  55. /P ;FJU/PX ɾ༨ஊ$% ɾEBTICPBSE͔Β(6*ϙνϙνઃఆՄ

  56. /P ;FJU/PX ɾ"DUJPOTࣗମ͸;FJU/PX%FQMPZNFOU͚ͩͰࡁΉ ɾ$%͸(6*ͰҰԠઃఆͰ͖Δ ɾؤுͬͯཉ͍͠ͷͰ఺͋͛Δ ɾ߹ܭ఺ ɾͨͩɺ/VYUKT͕࠷৽ͷ%FQMPZNFOUͰ͸ಈ͔ͳ͍

  57. /P (PPHMF"QQ&OHJOF ɾ$*$%४උ ɾ"DUJPOT࢖͍·͢ ɾ΍Β͔ͯ͠"DUJPOTͷఱҪ͕Έ͑ͨͷͰखॱ͚ͩʜ

  58. /P (PPHMF"QQ&OHJOF ɾ/VYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺಈ͍ͯ΄͍͠

  59. /P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺಈ͍ͯ΄͍͠

  60. /P (PPHMF"QQ&OHJOF ɾ͏ʔΜɺ఺ ɾHDMPVETFSWJDFLFZKTPOͷѻ͍͕೉͍͠ ɾ߹ܭ఺

  61. /P /FUMJGZ ɾ$*$%४උ ɾ"DUJPOT࢖ͬͯ΋͍͍͚Ͳҧ͏΍Γํ

  62. /P /FUMJGZ ɾ$* ɾϏϧυίϚϯυʹZBSOUFTU௥Ճ

  63. /P /FUMJGZ ɾUFTUͪΌΜͱQBTTͨ͠ΒσϓϩΠͰ͖ͪΌ͏

  64. /P /FUMJGZ ɾ$% ɾ(6*ϙνϙν΍ͬͯऴΘΓ

  65. /P /FUMJGZ ɾָɺ఺͋͛ͪΌ͏ ɾ͜ͷఔ౓ͳΒγϟοͬͯ(6*ૢ࡞Ͱ૊ΊΔ ɾ΍ͬͺΓ఺͠ͱ͘ ɾMPHͱ͔ϫʔΫϑϩʔͷݟ΍͢͞౳࣮༻ੑՃຯ͢Δͱ ɾ߹ܭ఺

  66. /P 'JSFCBTF)PTUJOH ɾ$*$%४උ ɾ"DUJPOT࢖͍·͢

  67. /P 'JSFCBTF)PTUJOH ɾ/VYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺͰ͖Δɺಈ͘

  68. /P 'JSFCBTF)PTUJOH ɾ/FYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺͰ͖Δɺಈ͘

  69. /P 'JSFCBTF)PTUJOH ɾ"DUJPOT͸ϩʔΧϧͰ΍Δ͜ͱͦͷ··΍ΒͤΔ ɾͪΌΜͱಈ͍ͯҒ͍ɺ఺ ɾ߹ܭ఺

  70. ճઓͦͷଞ

  71. ̏ճઓͰ͸๻͕͍͍Ͷ͏Ε͍͠Ͷ ͱࢥ͏ͱ͜ΖΛڍ͍͖͛ͯ·͢

  72. /P ;FJU/PX ɾͦΕ͸ͦ͏ɺ఺ ɾ/FYUKTͱͱͯ΋૬ੑ͕͍͍Ͱ͢ ɾׂͱ͏Ε͍͠ɺ఺ ɾແྉϓϥϯͳΒແྉ ɾ߹ܭ఺

  73. /P (PPHMF"QQ&OHJOF ɾͦ͏ͩͶɺ఺ ɾελϯμʔυͳΒແྉ࿮Ͱ৭ʑͰ͖Δ ɾ(PPHMF͞ΜͰ͢ ɾ/PEF͕Wͱ͔Ͱ΋҆ఆ Β͍͠ ࠓճ͸W ɾ߹ܭ఺

  74. /P /FUMJGZ ɾ'PSNT ɾ੩తαΠτͰ͓໰͍߹ΘͤϑΥʔϜͰ͖ͪΌ͏ ɾ͍͢͝ɺ఺ ɾ߹ܭ఺

  75. /P 'JSFCBTF)PTUJOH ɾैྔ՝ۚͳͷͰ·͋ɺ͏ΜɺΈ͍ͨͳײ͡ ɾͳΜ͔/FUMJGZͱ͔ΑΓ΋ؾ࣋ͪૣ͍ ɾͦ͏ͩͶɺ఺ ɾ(PPHMF͞ΜͰ͢ ɾ߹ܭ఺

  76. ݁Ռൃද

  77.  /FUMJGZ  ;FJU/PX  'JSFCBTF)PTUJOH  (PPHMF"QQ&OHJOF ఺ ఺

    ఺ ఺
  78. ͱ͍͏͜ͱͰ

  79. ఱԼҰ੩తαΠτϗεςΟϯά෢ಓձ

  80. ༏উ͸/FUMJGZͰ͢

  81. ·ͱΊ ɾଞʹ͜Ε͍͍ͧʂ࢖͑ʂʂΈ͍ͨͳͷ͋ͬͨΒ ɹڭ͑ͯԼ͍͞ɺͱ͍͏͔ୈճ։࠵͍ͯͩ͘͠͞ ɾࠓճͷ༏উ͸/FUMJGZʹܾఆ ɾ࢖͍΍͢͞ɺػೳͷଟ͞తʹྑ͔ͬͨ ɾ/FYUKT /VYUKTҎ֎Ͱ΋৭ʑࢼͯ͠ΈͯԼ͍͞

  82. ͓ΘΓ