【びるど】
ビルド とは?
💡 ソースコードを「動かせる形」に変える一連の処理
📌 このページのポイント
- コンパイル(機械語変換)・リンク(ライブラリ結合)・パッケージング(配布物作成)を含む
- CI/CDパイプラインの「ビルドステップ」でコードが自動的に実行可能な形に変換される
- フロントエンドでは「ビルド=バンドル(最適化まとめ)+トランスパイル(JSX/TypeScript変換)」
- 「ビルドが失敗した」は「コードにエラーや設定ミスがある」ことを意味する
ビルドってコンパイルと何が違うの?
フロントエンドのビルドは何をするの?
ReactやTypeScriptのコードをブラウザが実行できる普通のJavaScriptに変換(トランスパイル)して、複数ファイルを1つにまとめ(バンドル)、画像を最適化するなどの処理をする。Vite・Webpackなどがフロントエンドのビルドツール。
CI/CDでビルドが失敗するって?
GitHubにコードをプッシュすると自動でビルドが走る。構文エラー・型エラー・テスト失敗・依存パッケージの問題などでビルドが失敗する。「ビルドが赤い(失敗)」はチームに共有される問題なので早急な対応が必要。
ビルド時間が長いと何か困ることがあるの?
まとめ:ざっくりこれだけ覚えればOK!
ビルドって出てきたら「ソースコードを実行可能な形に変える一連の処理(コンパイル・パッケージングなど)」と思えばOK!
📖 おまけ:英語の意味
「Build」 = 建てる・組み立てる
💬 ソースコードのパーツを「組み立てて」動くプログラムを「建築する」イメージから