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

少数精鋭エンジニアがフルスタック力を磨く理由 -そしてAI時代へ-

少数精鋭エンジニアがフルスタック力を磨く理由 -そしてAI時代へ-

小規模チームだからこそ必要だったインフラ〜バックエンド〜フロントの横断スキル。それが今、AI時代でさらに価値を増している理由を語ります。

More Decks by 株式会社Rebase_エンジニアリング

Other Decks in Programming

Transcript

  1. 自己紹介 株式会社Rebase エンジニアリング yona プロフィール • 受託会社でエンジニアをスタート • フリーランスとしてエンジニア •

    2018年 Rebase 入社 主な仕事 • 自社の複数サービスの フロント・バックエンド・モバイルアプリ開発 ◦ instabase ◦ TOIRO など
  2. 使っている主な技術 • フロントエンド ◦ TypeScript ◦ React.js ◦ Next.js ◦

    TailwindCSS • バックエンド ◦ TypeScript ◦ Node.js ◦ GCP, Firebase ◦ Terraform TOIROについて 3 TOIROについて
  3. ChatGPT の 登場 2018 2019 2023 2024 2025 2020 2021

    AI 活用が一般的でなかった時代 少数精鋭でのプロダクト開発で 工夫していたこと 原始時代
  4. アウトプットではなく成果を意識 • 小さく作って試し、検証と学習を通じて理解を深める • 「どんなときも時間とリソース以上にやることがある」ので、 無駄なアウトプットはしない • 完璧を目指すより、仮説ベースで MVP を出して学ぶ

    ◦ 出してみてこそ、意外な気づきが得られる ※ MVP(Minimum Viable Product) 実験を行い、仮説を検証し、学習を得るために、 必要最小限の製品のこと(完成度の低い製品ではない)
  5. TOIRO でできること ・ イベントの作成 ・ 集客 ・ クレジットカード決済 ・ QRコード受付

    ・ オープンチャット(TOIROG) TOIRO(https://toiro.com/) これまでにない新たなイベント体験を提供するコミュニティイベントサービス イベントを主催する方々にとって便利な機能を順次開発し実装していく予定です
  6. MVPの事例: その1 • ユーザーストーリーマップを使って、 ベータ版として検証可能な MVP を小さく開発 • UI コンポーネントライブラリを利用して、

    仮説検証可能な最小限の製品を実現 TOIRO ベータ版の開発 📝 学習 イベントページを SSG で生成すると、パフォーマンスやSEO面では有利。 しかし、公開後すぐに表示されず、タイムラグが発生するという使い勝手の課題が 判明した。
  7. MVPの事例: その1(補足) - SSGについて イベント作成 HTML • SSG: Static Site

    Generation(静的サイト生成) • HTML をビルドするのに数分要していた 配信 HTML ビルド
  8. MVPの事例: その2 • Gatsby では自分たちが期待する SSR を実現することができなかった • 期待する SSR

    を実現するため、イベントページにのみ Next.js を導入し、 UX 向上を仮説検証 イベントページを Next.js で SSR に対応 📝 学習 公開後すぐにイベントページが表示されるようになり、使い勝手が向上したと いうフィードバックをいただきました。
  9. ChatGPT の 登場 2018 2019 2023 2024 2025 2020 2021

    AI が一般的となり、 AI エージェントが使えるよう になった今 AI時代
  10. なぜか?? • 「フロント」「バック」「インフラ」に関して、 AI が生成したコードについて良いか悪いか判断が必要 • 2025年5月時点では、以下の理由で判断が必要 ◦ エンジニアが直接コードに触れることがある ◦

    本番リリース後に責任を取るのは人間(AIは責任を取ってくれませ ん) 📝 エンジニアは責任を取れるように AI を使いこなすことが求められる