GitHub と CodeSandbox の使い方

WebDINO Japan エンジニア
渡邉浩平 (https://github.com/kou029w)

内容

Web アプリケーション開発のための便利なサービスを紹介

  • Git … 分散型バージョン管理システム
  • GitHub … 開発者のためのプラットフォーム
  • CodeSandbox … Web アプリケーション開発のためのオンラインエディター
  • ハンズオン … CodeSandbox をつかってみる

Git

もともと Linux の開発者リーナス・トーバルズによって作られたシステム
2,780 万行 - Linux は膨大なコードで構成されている
1,000 人以上 - Linux は開発には多くの人が携わっている
いつ・だれが・なにを・なぜそうしたかを記録し管理するための仕組みが必要

分散型バージョン管理システム

たとえば GitHub によって共有されているリモートなバージョン管理されたシステムそのものをそのままローカルな手元の PC に持ってくることが可能
ローカル → リモートも可能
Git システムそのものはあらゆる場所に存在しうる

Git

知っておきたいこと

リポジトリ

公開したり、管理したいソースコードやファイルを格納したりする場所がリポジトリです。
主に、保管される場所によって、ローカルとリモートに区別されています。

GitHub

開発者のためのプラットフォーム

GitHub は、ユーザのみなさんからヒントを得て作成された開発プラットフォームです。オープンソースプロジェクトやビジネスユースまで、GitHub 上にソースコードをホスティングすることで数百万人もの他の開発者と一緒にコードのレビューを行ったり、プロジェクトの管理をしながら、ソフトウェアの開発を行うことができます。
https://github.co.jp/ より引用

ここでいうソースコードのホスティングとは Git システムのこと
課題・提案・疑問 (Issues) を中心にした開発者間のコミュニケーション
GitHub を使うことでより多くの人が開発者としてソフトウェアの開発に関われる

GitHub

GitHub をつかってみる

GitHub アカウントの作成

GitHub の詳しい操作方法などはGitHub ハンズオンセミナー資料を参照

CodeSandbox

Web アプリケーション開発のためのオンラインエディター

CodeSandbox は Web アプリケーション開発のためのオンラインエディターです。 Web ブラウザの上ですばやくプロトタイプを作成し、簡単に実験を行い、ワンクリックで共有できます。

ハンズオン

実際に GitHub リポジトリのファイルを CodeSandbox から編集してみる

CodeSandbox をつかってみる

CodeSandbox から開くには github.com → githubbox.com に書き換える
例: https://githubbox.com/webiotmakers/GitHubExample

あとで読みたい

後付

GitHub は GitHub Inc. の日本およびその他の国における登録商標です。
本文中に記載されているブランド名、会社名、製品名等は、それぞれ各社の登録商標または商標です。
この文書内に含まれるイラストは、ちづみ(https://twitter.com/098ra0209)さんの許諾を受けています。