「GitHub（ギットハブ）ってプログラマーしか使わないんでしょ？」
そんなイメージを持っている人も多いのではないでしょうか。
実はGitHubは、世界中の開発者が作ったプログラムを公開・共有しているサービスです。
ゲームや便利なソフト、AIツールなど、さまざまなプロジェクトが公開されており、無料で利用できるものもたくさんあります。
この記事では、ゲームを遊ぶことが目的ではありません。
GitHubの使い方を覚えることが目的です。
ゲームを教材として使いながら、
- GitHubの見方
- Repository（リポジトリ）の意味
- READMEの読み方
- Codeボタンの使い方
- Download ZIPでダウンロードする方法
など、GitHubの基本操作を一つずつ覚えていきます。
一度GitHubの使い方を覚えてしまえば、
今後は自分で好きなゲームや便利なソフトを探してダウンロードできるようになります。
今回は教材として、世界中で人気のパズルゲーム2048を使いながらGitHubを学びましょう。
GitHubとは？
GitHub（ギットハブ）は、
世界中の開発者がプログラムを公開・共有しているサービスです。
ゲームだけではなく、
- AIツール
- Webサイト
- スマホアプリ
- 便利なソフト
- 学習用プログラム
なども数多く公開されています。
現在はMicrosoftが運営しており、多くの企業や学校でも利用されている世界最大級の開発プラットフォームです。(GitHub)
GitHubでゲームが遊べるって本当？
本当です。
GitHubには、
世界中の開発者が公開しているゲームがたくさんあります。
例えば、
- パズルゲーム
- レースゲーム
- RPG
- シミュレーションゲーム
- カードゲーム
などがあります。
ただし、
GitHubはSteamのようなゲーム販売サイトではありません。
ゲームのプログラムを公開する場所です。
そのため、
少しだけGitHubの使い方を覚える必要があります。
でも安心してください。
この記事では小学生でも分かるように、一つずつ説明していきます。
GitHubゲームは安全？
まず最初に覚えておきたいことがあります。
GitHub自体は安全なサービスです。
GitHubはMicrosoftが運営しており、世界中の企業や開発者が利用しています。違法サイトではありません。(GitHub)
しかし、
公開されているゲームは世界中の開発者が作っています。
そのため、
ダウンロードする前には次の4つを確認する習慣を付けましょう。
- README（説明書）
- 更新日
- 公開者
- ライセンス
今回紹介するゲームは、
長年公開され、多くの人が利用している有名なプロジェクトを選んでいます。
今日覚えるGitHub用語
GitHubでは英語がたくさん出てきます。
全部覚える必要はありません。
今日はこの6つだけ覚えましょう。
| 用語 | 読み方 | 意味 |
|---|---|---|
| GitHub | ギットハブ | プログラムを公開するサービス |
| Repository | リポジトリ | プログラムが入っている場所 |
| README | リードミー | 説明書 |
| Code | コード | ダウンロードするときに使うボタン |
| ZIP | ジップ | ファイルをまとめた圧縮ファイル |
| index.html | インデックス エイチティーエムエル | ブラウザゲームを起動するファイル |
GitHubゲーム「2048」
今回使うゲームはこちらです。
2048は2014年に公開された数字を合体させて2048を目指すパズルゲームです。
現在もGitHubでソースコードが公開されており、多くの開発者が参考にしている有名なオープンソースゲームです。リポジトリにはindex.htmlをはじめ、JavaScriptやCSSなどゲームを構成するファイルが公開されています。(GitHub)
Repository（リポジトリ）を見てみよう
GitHubを開くと、
最初に表示されるページを
Repository（リポジトリ）
といいます。
難しそうな名前ですが、
簡単にいうと
ゲームが入っているフォルダー
です。
この中には、
- プログラム
- 画像
- 音楽
- 説明書
など、
ゲームを動かすために必要なものが全部入っています。
Windowsでいうフォルダーと同じようなイメージです。
READMEを見てみよう
画面を少し下へスクロールすると、
README（リードミー）
という説明が表示されます。
READMEには、
- このゲームは何なのか
- 作者は誰なのか
- ライセンス
- 遊び方
- 開発者向け情報
などが書かれています。
GitHubでは、
分からないときはREADMEを見る。
これを覚えておくと、とても役立ちます。
Codeボタンを探そう
次は画面右上付近にある
緑色の
Code
ボタンを探してください。
このボタンから、
ゲームをダウンロードできます。
クリックすると、
いくつかの項目が表示されます。
初心者の方が使うのは
Download ZIP
だけです。
GitHubにはGitというダウンロード方法もありますが、
この記事では使いません。
まずは一番簡単な方法だけ覚えましょう。
Download ZIPとは？
Download ZIPは、
ゲームを一つのZIPファイルにまとめてダウンロードする機能です。
ZIPとは、
たくさんのファイルを一つにまとめた圧縮ファイルのことです。
例えば、
ゲームには
- index.html
- JavaScript
- CSS
- 画像
など、
たくさんのファイルがあります。
それらを一つにまとめてダウンロードできるのが
Download ZIP
です。
クリックすると、
パソコンへZIPファイルが保存されます。
GitHubの「Releases」とは？
ここで一つ覚えておきたいことがあります。
GitHubには
Releases（リリース）
という機能があります。
Releasesは、
開発者が「完成版」として公開するダウンロードページです。ゲームによっては、Code → Download ZIPではなく、ReleasesからWindows版やMac版のインストーラーを配布していることがあります。GitHubでもリポジトリ右側などから「Releases」を開けます。(GitHub Docs)
今回使う2048は、ブラウザゲームなのでDownload ZIPから学ぶのが分かりやすいですが、今後紹介するゲームではReleasesを利用するものも登場します。
次はいよいよゲームを起動！
ここまでで、
GitHubの基本操作はかなり覚えられました。
次は、
- ZIPファイルを解凍する方法
- index.htmlとは何か
- 実際に2048を起動する方法
- 基本ルール
- 上手に遊ぶコツ
まで詳しく解説していきます。
GitHubから2048をダウンロードしてみよう
ここからは、実際にGitHubから2048をダウンロードしてみます。
最初は難しそうに見えますが、一度覚えてしまえば他のGitHubゲームや便利なソフトも同じような手順でダウンロードできるようになります。
それでは、一緒に進めていきましょう。
手順① 「Download ZIP」をクリックする
Codeボタンをクリックすると、メニューが表示されます。
その中にある
Download ZIP
をクリックしてください。
すると、2048のプログラムがZIPファイルとしてダウンロードされます。
Windowsでは通常、
ダウンロードフォルダーへ保存されます。
ファイル名は、
2048-master.zip
または
2048-main.zip
などになっている場合があります。
これはGitHubの更新によって名前が変わることがありますが、気にする必要はありません。
手順② ZIPファイルを解凍する
ダウンロードしただけではゲームは遊べません。
ZIPファイルは、
たくさんのファイルを一つにまとめて圧縮している状態です。
まずは中身を取り出す
解凍
という作業を行います。
Windowsなら、
ZIPファイルを右クリックして
「すべて展開」
をクリックします。
その後、
「展開」を押すだけで解凍が始まります。
数秒で新しいフォルダーが作成されます。
解凍すると何が入っているの？
解凍したフォルダーを開いてみましょう。
すると、
たくさんのファイルが入っています。
例えば、
- index.html
- style
- js
- img
- LICENSE
- README
などがあります。
最初は英語ばかりで驚くかもしれませんが、
全部理解する必要はありません。
今回覚えるのは、
index.html
だけです。
index.htmlとは？
index.html（インデックス エイチティーエムエル）は、
ブラウザゲームを起動するためのファイルです。
ホームページでいう
トップページ
のような存在です。
GitHubで公開されているブラウザゲームでは、
このファイルをダブルクリックするとゲームが始まることが多くあります。
今後、他のブラウザゲームをダウンロードしたときにも役立つ知識です。
手順③ index.htmlを開く
それでは、
index.html
をダブルクリックしてみましょう。
すると、
Microsoft EdgeやGoogle Chromeなどのブラウザが起動します。
数秒後、
2048のゲーム画面が表示されれば成功です。
GitHubからダウンロードしたゲームが、自分のパソコンで動いた瞬間です。
ゲームが起動しないときは？
もしゲームが表示されない場合は、次の3つを確認してください。
① ZIPファイルの中から直接開いていませんか？
ZIPファイルを開いたままでは、正常に動かない場合があります。
必ず解凍したフォルダーの中にあるindex.htmlを開いてください。
② index.html以外を開いていませんか？
似た名前のファイルがたくさんありますが、
ゲームを起動するのは
index.html
です。
③ ブラウザは最新ですか？
Microsoft Edge
Google Chrome
Firefox
など、
最新のブラウザを利用すると安心です。
2048の遊び方
ゲームが起動したら、
さっそく遊んでみましょう。
操作はとても簡単です。
キーボードの
- ↑
- ↓
- ←
- →
矢印キーだけで遊べます。
同じ数字同士をぶつけると、
数字が合体します。
例えば、
2＋2
↓
4
4＋4
↓
8
8＋8
↓
16
というように、
数字がどんどん大きくなっていきます。
最終的に
2048
を作ることが目標です。
2048を上手に遊ぶコツ
最初は適当に動かしてしまいがちですが、
おすすめのコツがあります。
それは、
一番大きい数字を角へ置くことです。
例えば、
右下なら右下だけ、
左下なら左下だけ、
というように、
一つの角を決めて数字を集めると、
ゲームオーバーになりにくくなります。
逆に、
大きい数字をあちこち動かしてしまうと、
盤面がバラバラになってしまいます。
実際に遊んでみた感想
最初は
「数字を合わせるだけだから簡単そう」
と思いました。
しかし、
実際に遊んでみると、
次にどの方向へ動かすか考えながら進める必要があり、
予想以上に奥が深いゲームでした。
ルールはシンプルなので、
小学生でも数分あれば覚えられます。
一方で、
2048を作るのは意外と難しく、
気付けば何度も挑戦してしまう中毒性があります。
GitHubからダウンロードして遊ぶ最初の教材として、とてもおすすめできるゲームでした。
GitHubで遊べるおすすめゲーム② HexGL
2048でGitHubからゲームをダウンロードする方法が分かったら、次は別のゲームも見てみましょう。
2つ目に紹介するのは、
HexGL（ヘックスジーエル）
というレースゲームです。
GitHubで公開されているゲームの中でも有名な作品で、
「ブラウザゲームとは思えない！」
と言われるほど、きれいなグラフィックが特徴です。
HexGLとは？
HexGLは近未来を舞台にした3Dレースゲームです。
普通のブラウザゲームよりも映像が美しく、
スピード感もあります。
「GitHubでこんなゲームまで公開されているの？」
と驚く人も多いゲームです。
GitHub HexGL
特徴
- 完全無料
- オープンソース
- 3Dレースゲーム
- 高画質
- ブラウザ技術（WebGL）を活用
対応環境
| 項目 | 内容 |
|---|---|
| ジャンル | レース |
| 料金 | 無料 |
| 日本語 | × |
| 難易度 | ★★★☆☆ |
| おすすめ | ★★★★★ |
GitHubではどこを見ればいい？
2048と同じように、
まずRepositoryを開きます。
そして、
- README
- Code
- Releases
があるか確認します。
ゲームによっては、
Codeではなく
Releases
からダウンロードするものもあります。
GitHubでは、
まずREADMEを読むクセを付けると失敗が少なくなります。
GitHubで遊べるおすすめゲーム③ BrowserQuest
3つ目は、
Mozilla（モジラ）が公開して話題になった
BrowserQuest（ブラウザクエスト）
です。
昔からGitHubで公開されている有名なRPGです。
GitHub BrowserQuest
特徴
BrowserQuestは、
ブラウザだけで遊べるオンラインRPGとして開発されたゲームです。
敵を倒したり、
装備を集めたり、
冒険したりと、
昔ながらのRPGを楽しめます。
対応環境
| 項目 | 内容 |
|---|---|
| ジャンル | RPG |
| 料金 | 無料 |
| 日本語 | × |
| 難易度 | ★★★☆☆ |
| おすすめ | ★★★★☆ |
BrowserQuestから学べること
このゲームで覚えてほしいことは、
ゲームそのものではありません。
GitHubを見ると、
2048とは違う構成になっています。
つまり、
ゲームによってRepositoryの中身は違う
ということです。
だからこそ、
READMEを読むことが大切になります。
GitHubでは、
どんなゲームでも最初にREADMEを確認する習慣を付けましょう。
GitHubでゲームを探すコツ
ここまで3つのゲームを紹介しました。
GitHubには、
今回紹介したゲーム以外にも、
数え切れないほど多くのゲームがあります。
探すときは、
GitHubの検索機能を使います。
例えば、
game
javascript game
html game
racing game
など、
英語で検索すると見つけやすくなります。
また、
気になるゲームを見つけたら、
まず確認してほしいポイントがあります。
- READMEはある？
- 最近更新されている？
- Star（スター）が多い？
- Releasesはある？
この4つを見るだけでも、
安心して利用できるプロジェクトかどうか判断しやすくなります。
GitHubの「Star」って何？
GitHubには
Star（スター）
という機能があります。
これは、
「お気に入り」
のようなものです。
たくさんStarが付いているプロジェクトは、
多くの人に利用されている人気プロジェクトの可能性があります。
もちろん、
Starが少ないから悪いというわけではありません。
ただ、
初心者はStarが多いゲームから試してみると安心です。
GitHubを覚えると世界が広がる
今回紹介したのは、
たった3本のゲームだけです。
しかし、
GitHubにはゲームだけではなく、
- AI
- ホームページ
- アプリ
- 学習ツール
- 便利ソフト
など、
何百万ものプロジェクトが公開されています。
今回覚えた
- Repository
- README
- Code
- Download ZIP
- Releases
の意味を理解しておけば、
ゲーム以外にも応用できます。
まとめ
今回は、
GitHubを使ってゲームを探し、
ダウンロードする流れを学びました。
最初は英語が多くて難しく感じるかもしれませんが、
一度覚えてしまえば、
GitHubはとても便利なサービスです。
これからは、
「誰かが紹介してくれたゲーム」だけではなく、
自分でGitHubを検索して、
新しいゲームや便利なソフトを見つけられるようになります。
GitHubの世界はとても広く、
今回紹介した3作品は、その入り口にすぎません。
この記事をきっかけに、ぜひ自分でもいろいろなプロジェクトを探してみてください。
コメント