4.4 KiB
| title | marp | paginate |
|---|---|---|
| GitHub と CodeSandbox の使い方 | true | true |
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)さんの許諾を受けています。