コンテンツにスキップ

開発の基礎

大学祭の Web サービスを開発・運用するうえで,まずは「開発の土台」を固めましょう。 このセクションでは,ファイルの扱い方やバージョン管理,環境構築など,すべての学習の出発点になる内容を扱います。


この章で身につくこと

  • ファイルシステムの基本:Windows と macOS のどちらでも迷わずファイルを整理できるようになります。
  • 開発環境の整え方:VSCode,Node.js など,これからの学習に必要なツールをセットアップします。
  • Git / GitHub の使い方:チーム開発で必須のバージョン管理の基礎を体験します。

学習の進め方

  1. ファイルシステムの基礎
    パスの考え方やターミナル操作を実際に確認します。
  2. 環境構築
    VSCode・Node.js・Git など,必要なツールをそろえ,開発できる状態を作ります。
  3. Git・GitHub入門
    ツールの準備が整ったらローカルリポジトリを作り,GitHub とつないでみましょう。

各トピックは手を動かすステップと解説をセットにしています。すべて終えたころには,React コースやプロジェクト開発に必要な最低限の準備が整うはずです。


よくある質問

Windows でも macOS でも同じ手順ですか?

基本的な考え方は共通ですが,コマンドや設定画面が異なる部分はタブで分けて説明しています。自分の環境に合わせて読み進めてください。

どこまで進めたら React に進んでよいですか?

3 つの章を一通り終え,GitHub へ push できる状態になれば React へ進む準備が整っています。途中でわからなくなったら,実行委員会の Slack で先輩に気軽に質問しましょう。