Archive
Search

Github Codespacesをつかってみる


はじめに

先日、GitHub Codespacesの存在を初めて知りました(遅い)。これは便利そうだ!と思いさっそく軽く使ってみました。

Github Codespacesとは?

GitHub Codespacesは、GitHubが提供するクラウドベースの開発環境です。開発者がコードを書くために必要なツールや設定をクラウド上にセットアップし、どこからでも簡単にアクセスできるようにすることができます。従来のローカル環境に依存せず、ブラウザさえあればどこからでも開発を開始できる点が大きな特徴です。

GitHub Codespacesの主な機能

・クラウドベースの開発環境
GitHub Codespacesはクラウド上に完全な開発環境を提供します。これには、VS Codeベースのエディタ、ターミナル、デバッガーなどが含まれており、ローカルでの開発と同様の操作感を得ることができます。


・高速なセットアップ
コードスペースは、リポジトリの設定に基づいて自動的に構成されます。DockerfileやDevcontainer設定を使って、必要な依存関係やツールを事前にセットアップできるため、新しい開発環境を瞬時に立ち上げることが可能です。


・カスタマイズ可能な環境
各開発者が個別に環境をカスタマイズできるため、作業スタイルやプロジェクトのニーズに応じた開発環境を簡単に構築できます。


・シームレスなGitHub統合
GitHubと直接統合されており、リポジトリのクローン、ブランチの切り替え、プルリクエストの作成など、GitHubの操作が簡単に行えます。

GitHub Codespacesの使い方

コードスペースの作成: GitHubリポジトリにアクセスし、「Code」ボタンをクリックすると、「Open with Codespaces」というオプションが表示されます。これを選択すると、指定されたリポジトリのコードスペースが作成され、すぐに開発を開始できます。
今回は試しにExpress.jsのプロジェクトをアップロードして実行してみようと思います。

codespace-1


codespace-2

一度コードスペースが立ち上がれば、通常の開発作業を進めることができます。コードの編集、デバッグ、テストなど、VS Codeと同様の機能がクラウド上で利用可能です。

codespace-3

Codespaces上のターミナルでアプリを起動させると以下のように表示されます。

codespace-4

ブラウザーで開くと以下のように無事アプリが起動していました!便利!

codespace-5

GitHub Codespacesのメリット

①どこからでも開発可能
クラウド上に環境があるため、インターネット接続さえあれば、デバイスや場所を問わず開発が可能です。特にリモートワークや旅行中でも、安定した開発環境を提供できます。


②開発環境の一貫性
チーム全員が同じ開発環境を使用できるため、環境依存の問題を減らし、コードが「自分の環境では動くのに…」という問題を回避できます。


③迅速なセットアップ
新しいプロジェクトやオンボーディングの際に、煩雑なセットアップ作業を省略し、すぐに開発に集中できます。


④強力なパフォーマンス
GitHub Codespacesは、クラウドベースのため、ローカル環境に依存せず、高性能なサーバーリソースを活用できます。これにより、大規模なプロジェクトでも快適に開発が行えます。

まとめ

今回は、GithubCodespacesの機能について軽く触れてみました。私自身Codespacesを初めて使い、そのポテンシャルの高さを実感しました。色々と便利すぎるぞ。他にもクラウドベースの開発環境サービス等はありますが、Githubと直接連携しているのがまた良いかなと。とても便利で、使い方など掘り下げていく必要性を感じました。
特に、リモートワークやチーム開発が増える中で、一貫した開発環境を迅速に提供できることは大きなメリットになるかと。クラウドベースの開発環境に興味がある方や、チームの開発効率を向上させたい方は、ぜひ一度GitHub Codespacesを試してみてください。

この記事をシェアする

  • ChatGPT+Githubで自動コードレビューを実装してみる②

  • ChatGPT+Githubで自動コードレビューを実装してみる①

  • 【ThreeJS】自作のモデルを読み込んで夏っぽい雰囲気の出力に挑戦してみた