Slide 1
Slide 1 text
ݸਓ։ൃͰ
ίʔυͷ࣭ͱ։ൃΛ
ཱ྆͢ΔͨΊͷٕज़ελοΫ
2020/07/30 gaotalk vol. 3 / speaker: @y_temp4
Slide 2
Slide 2 text
ࣗݾհ
w ࣉౢ༞ك !Z@UFNQ
w ϑϦʔϥϯε
w 8FCϑϩϯτΤϯυ͕ઐ
Slide 3
Slide 3 text
ࠓ͢͜ͱ
最近作った Web サービスを実装するときに
採用した技術スタックと、その理由について
Slide 4
Slide 4 text
ͭͬͨ͘αʔϏε
w ݸਓ։ൃऀ͕࡞ͬͨϓϩμΫτΛެ։Ͱ͖ΔαʔϏε
w 1SPEVDU)VOUΈ͍ͨͳΠϝʔδ
w IUUQTBOZNBLFBQQ
AnyMake
Slide 5
Slide 5 text
࣮࣌ʹҙࣝͨ͜͠ͱ
ૣ͍͚ͤͨ͘͞Ͳɺ
εύήςΟίʔυʹ
ͨ͘͠ͳ͍
Slide 6
Slide 6 text
ૣ͍͕ͤͨ͘͞ŋŋŋ
w ॳظͷ։ൃʹ͋·Γ࣌ؒΛ͔͚ͯҙຯ͕ͳ͍
w ͦͦਓؾ͕ग़Δ͔Ͳ͏͔͔͍ͬͯͳ͍
w ͰɺͰ͖Δ͜ͱͳΒָ͘͠։ൃ͍ͨ͠ͷͰŋŋŋ
w ͋ͱ͔ΒखΛೖΕΔͱ͖ʹ
ʮΘ͚Θ͔ΜͶ͐ʂʯͱͳΔͷݏ
Slide 7
Slide 7 text
ͱ͍͏Θ͚Ͱ
w ࣮ʹͦ͜·Ͱ࣌ؒΛ͔͚ͣɺίʔυͷ࣭Λ
୲อ͍ٕ͢͠ज़ελοΫΛࡧ
w ݁Ռతʹɺ࣍ʹհ͢ΔͭΛ͏͜ͱʹ
ͳΓ·ͨ͠
※ちなみに first commit から最初のリリースまでの
期間は約 2 週間でした
Slide 8
Slide 8 text
࠾༻ٕज़
Firebase Nuxt.js
TypeScript Tailwind CSS
Slide 9
Slide 9 text
/VYUKT
w ϑϩϯτքͷ3BJMT
w Γ͍ͨ͜ͱ͕αΫοͱ࣮ݱͰ͖Δ
w 443͠ͳͯͬͨ͘΄͏͕ྑ͍ʢͱࢥ͏ʣ
w 3FBDUͷํ/FYU͍·͠ΐ͏
Slide 10
Slide 10 text
'JSFCBTF
w ϑϩϯτ͔Βʹ%#ͷσʔλ࣋ͬͯ͜ΕΔͷ͕
շద͗͢Δ
w ηΩϡϦςΟϧʔϧ͖ͪΜͱॻ͖·͠ΐ͏
w ࣗ৴͕ͳ͍ํ'JSFTUPSF.BTUFSZΛ
ಡΈ·͠ΐ͏
w ೝূͱ͔ը૾पΓͷػೳศར͗͢Δ
Slide 11
Slide 11 text
ָ͕͜͜ʢΠϝʔδਤʣ
%#ઃܭ
Ұൠతͳέʔε
"1*ͭ͘Δ ϑϩϯτ͔Βݺͼग़͢
'JSFTUPSFͷ߹
%#ઃܭ ϑϩϯτ͔Βݺͼग़͢
ʊਓਓਓਓਓਓʊ
ʼɹΊͪΌָɹʻ
ʉ:?:?:?:ʉ
Slide 12
Slide 12 text
5ZQF4DSJQU
w Ғ͍ਓݴ͍·ͨ͠ɻ
ʮܕ͕ແ͍ݴޠͳΜͯͩʂʯʢࣗओن੍ʣ
w ܕʹΑΔิ͕ޮ͘ͷͰɺ։ൃମݧ͕ྑ͍
w ࠷ॳʹೖΕΔ͚ͩೖΕ·͠ΐ͏
Slide 13
Slide 13 text
5BJMXJOE$44
w ϢʔςΟϦςΟʔϑΝʔετͳ
$44ϑϨʔϜϫʔΫ
w ͋Δఔ$44͕ॻ͚ΔਓͳΒɺ։ൃ͕
രʹͳΔ
w ΤσΟλͷิޮ͘ͷͰศར
Slide 14
Slide 14 text
5BJMXJOE$44
太字
上下左右
padding 角丸
背景色
文字色
Slide 15
Slide 15 text
·ͱΊ
w ͿͬͪΌ͚ݸਓ։ൃ͡Όͳͯ͘ཁ݅ʹΑͬͯ
ेΞϦͳߏͩͱࢥ͍·͢
w ࣮ΛਐΊ্͍ͯ͘Ͱɺͱ࣭ͱಉ͘͡Β͍
։ൃମݧॏཁͩͬͨΓ͠·͢
w /P$PEFΑΓԶ͕͍ʂͱͳΓ·͠ΐ͏
Slide 16
Slide 16 text
ຊͷ·ͱΊ
ΈΜͳരͰ
ϓϩμΫτΛ࡞ͬͯ
"OZ.BLFʹొ͠Α͏ʂ
IUUQTBOZNBLFBQQ