---
title: Vue.jsしか知らなかった人が、いきなりNext.jsの チーム開発に飛び込んだお話。
tags:  #チーム開発  
author: [Eita Kobayashi](https://docswell.com/user/eita_kobayashi)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/PEX3M1KDJX.jpg?width=480
description: https://cyberagent.connpass.com/event/410697/ 上記のイベントにて、サイバーエージェントで角川ドワンゴ学園 生徒LTの登壇枠で発表したスライドです。  Vue.jsを中心に開発していた私が、React・Next.js未経験のまま、Next.jsスタックでの磁石祭2026のWebアプリ開発に参加した経験を紹介しています。  初めてのチーム開発を通じて経験したことを主に綴っています。
published: November 11, 26
canonical: https://docswell.com/s/eita_kobayashi/53JW6Y-2026-11-11-080839
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/PEX3M1KDJX.jpg)

角川ドワンゴ学園 ／ サイバーエージェント 合同LT会
Vue.jsしか知らなかった人が、いきなりNext.jsの
チーム開発に飛び込んだお話。
小林 栄太
1


# Page. 2

![Page Image](https://bcdn.docswell.com/page/3EKYG25DJD.jpg)

自己紹介
小林 栄太 (こばやし えいた)
S高等学校 ２年次生
２００９年１１月１１日
最近は、LismCSSをベースとしたVue.jsのUIフレー
ムワークを開発中。
● 趣味： 神道学の研究／DTP（卓上出版）
● CSSが好き！そして得意！
草を撮っています。
2


# Page. 3

![Page Image](https://bcdn.docswell.com/page/L739N4KP75.jpg)

前提： 当時の経験値
● Vue.jsの経験は１年ほどあったが、React・Next.jsは皆無！
○ HTML、CSSは、２年半ぐらいずっとやっていた(補足)
● Nuxt + Better Auth スタックをよく使っている！
● チーム開発の経験は皆無！
3


# Page. 4

![Page Image](https://bcdn.docswell.com/page/87DGWQ337G.jpg)

1．磁石祭2026の企画で開発に参加！
私が担当した、だいたいの内容
ペットの写真を募集し、チャリティー物販につなげる企画のWebアプリを作る
● ペットの写真を、投稿（CRUD+管理）・投票、ログイン機能があるWebアプリ
● 残り開発期間： 1ヶ月未満
● 技術スタック： Next.js / MUI / Better Auth / Prisma
● 担当メンバー人数： 約3人 (メイン：私とPM)
4


# Page. 5

![Page Image](https://bcdn.docswell.com/page/VJP39L4PE8.jpg)

しかし、開発状況は……
● 当時、十分に開発が進められていない状況だった
● 私のReact・Next.jsの経験はゼロ
● それでも、公開までに、せめてRCリリースぐらいまで開発を進める必要があった
○ しかも、一ヶ月もしないうちに仮リリースもする必要があった
やばい！！！
5


# Page. 6

![Page Image](https://bcdn.docswell.com/page/2EV4MQXVJQ.jpg)

まずは超入門からスタート（OJTあり）
1. まず、JSX(TSX)構文に慣れるところからスタート！
2. その次に簡単なReact・Next.jsのお作法やコードを学ぶ！
3. Next.jsのApp Routerについて軽く触れる！
4. そして、実践投入 ←！？
→ 十分に学習してからではなく、実践型で覚えてゆく...
6


# Page. 7

![Page Image](https://bcdn.docswell.com/page/57G1GWV1EL.jpg)

PR・Issue管理・コミュニケーションを通じた連携の話
● 難易度、優先度、種類ごとにラベルが付いていた
○ なので、それらに沿って自分でもPR・Issueを立てやすかった
● 互いの認識をすり合わせながら話し合い、方針を共有した
○ Slack上でのレスポンスがお互い爆速だったため、すり合わせが容易だった
タスクが整理されていたことで、だんだん自分で学び深めてゆき、積極的に開発へ関わ
りやすい環境だった。
7


# Page. 8

![Page Image](https://bcdn.docswell.com/page/4EQDX36NJP.jpg)

PRレビュー・相互協力の話
● レビューは単なるコードを指摘する場ではなかった
○ よりよい実装方法や、UX・仕様についても意見交換
● レビューする側にも、される側にもなった （相互レビュー）
○ Better Auth, Prismaなど、自分が持つ知識も生かせた
互いの立場、経験に関係なく意見を対等に交換し、レビューを通じて一緒に改善してい
ける関係が印象的だった。
8


# Page. 9

![Page Image](https://bcdn.docswell.com/page/KJ4Z614371.jpg)

仕様を一緒に考えた話
● 決められた仕様を実装するだけではなかった
○ 既存の仕様にも、互いに改善案を出していた
● 意思決定が爆速だった
○ 実質2人の開発体制だったこともあり、相談から方針決定までが速かった
PMから一方的に指示を受けるのではなく、互いに意見を出し合いながら、仕様を意思
決定する
9


# Page. 10

![Page Image](https://bcdn.docswell.com/page/LE1RVG4ZEG.jpg)

心理的安全性が高かった話
● ミスを責めるのではなく、改善(Action)につなげる
○ 実装上の指摘などはもちろんあったが、
失敗しても萎縮せず、改善に向けて取り組めた
● 気軽に相談し、意見を言い合えた
○ PMに遠慮なくカジュアルに質問や提案ができ、非常に話しやすかった
初めてだったので、安心して相談し、失敗を恐れずに挑戦できる環境は非常にありがた
かった。
10


# Page. 11

![Page Image](https://bcdn.docswell.com/page/GEW1LKX672.jpg)

案外いけた！！！
まとめ
その後、無事RCをリリース！
● 勝因
○ 限られたリソースの中、(リソース)マネジメントができていた
■ トリアージしまくった
○ PDCAを効率よく回せた
いろいろ未経験だったが、飛び込んでみたら、案外いけた。
そして、良い経験になった。
● おまけ：
磁石祭会場で、コンクリート製の硬い床に座りながら、物販ブースの横でノートPCを使いhotfixを出してました
11


# Page. 12

![Page Image](https://bcdn.docswell.com/page/47ZPMZ6RE3.jpg)

ご清聴ありがとうございました！
私が戦った痕跡
● アサインしたPR
12