はじめに

Yasuと申します．私は2024年10月より，内定直結型エンジニア学習プログラム「アプレンティス」に参加しています．

本記事では，プログラムでの初めてのチーム開発について，そのプロセスや学びを共有します．特に，初学者向けのスニペット管理アプリを開発した経験を中心に，どのように課題に取り組み，成長できたのかをご紹介します．

今回のチーム開発の概要

※個人課題と並行しながら進行，Term5はチーム開発に専念．

SnipNestは，学習者向けのスニペット管理アプリです．
学んだコードスニペットを簡単に登録・整理し，必要なときにすぐ再利用できる機能を提供します．以下の点を重視して開発しました：

チーム結成後，ブレインストーミングで多数のアイデアを出し，「スニペット管理アプリ」を選定しました．その理由は以下の通りです：

アプリに必要な操作を洗い出し，フロー図で整理しました．これにより，必要な機能が明確化し，設計にスムーズに移行できました．フロー図はCanvaで作成しました．

チーム全員の開発環境を統一するため，Dockerを導入しました．これにより，バージョン差異やローカル環境依存の問題を解消し，全員が同じ環境で効率的に開発を進められるようになりました．

作業管理にはGitHubフローを採用し，プルリクエストを通じてコードレビューを行いました．また，GitHub Actionsを導入し，自動でRubocopやLinterによるコードチェックが実行される仕組みを構築しました．

DockerやGitHubはほぼ未経験でしたが，チームメンバーが率先して環境構築を進めてくれたおかげで，初心者の自分でもコード品質を保ちながら開発できました．これにより，安心して作業を進めることができました．

技術スタックは以下のように決定し，開発を進めました．

私の担当はトップページの作成でした．
トップページは，ユーザーが他のページへアクセスする基点となるため，次の点を意識しました：

また，トップページを早く作ることができたので，検索機能を実装したり，ページのデザインを作り込んだりすることができました．

GitHubフローの理解: チームで開発すると，各々が自由に開発するため，共通理解がないとエラーやコンフリクトが大量に生じることを実感しました．プルリクエストを活用してレビューを徹底することで，問題を最小限に抑える経験ができました．
フロントエンドとバックエンドの連携: Rubyでサーバを起動し，MySQLのデータベースと連携．初学者ながら，これらを構築して一つのアプリを完成させたことは自信につながりました．
チームの強みを実感: チームで連携することで，一人で作る場合よりも何倍も良いものが作れることを体感．

デザインの統一性: HTMLのidやclassを共有し，基本的なCSSをあらかじめ設定するルールが不足していました．今後は，明確なコーディング規約を策定し，メンバー間での統一感を高めたいと考えています．

初めてフロントエンドとバックエンドを1から構築し，それらを連携させて1つのアプリを完成させました．これは大きな自信となり，自分の成長を実感しています．また，DockerやGitHubなどのインフラ部分を体験し，その重要性や利便性を強く感じました．

特にチームメンバーのサポートがあったことで，未経験だった環境構築やコードレビューのプロセスにも対応でき，学びが深まりました．

また，スライドの作成とプレゼンを担当することで，プロダクトに関するプレゼンがどういうものなのか経験を積むことができました．

初めてのチーム開発を通じ，技術力とチームで成果を出す力を学びました．今後は，デザインの統一や進捗管理をさらに改善し，フレームワークなど新たな技術を活用して，より洗練されたプロダクトの開発に挑戦したいと考えています．

この記事が，同じように学習を進める方の参考になれば嬉しいです．