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

個人開発でコードの質と開発速度を両立するための技術スタック / 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/

5d715b858124e0dd59af1a92e4397acd?s=128

Yuki Terashima

July 30, 2020
Tweet

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