個人開発でコードの質と開発速度を両立するための技術スタック / gaotalk vol.3

【ガオトーク】0→1エンジニア創業期振り返りトークライブ Vol.3 のLT資料です。
https://gaogao.connpass.com/event/182147/

【スライド内で紹介したもの】
AnyMake
https://anymake.app/

---

Nuxt.js
https://ja.nuxtjs.org/

Firebase
https://firebase.google.com/?hl=ja

TypeScript
https://www.typescriptlang.org/

Tailwind CSS
https://tailwindcss.com/

Transcript

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