「初めての」さなボタン(2) 環境構築 on Windows 10 Pro
この記事は "名取さな Advent Calendar 2018" のエントリー記事です.
言い回しがせんせえ方向けになっていますので,ご了承ください.
経緯としては,さなボタン(2)はWindows 10 Proでの開発環境構築の前例がなく,
また当該wikiには前提ソフトウェアのインストール方法が書かれていないため,
FORNOが写真付き手順を公開する運びとなった.
Gitの導入方法はちょっと記事が長くなるから別の記事を読んでくださいm(_ _)m
ま,つよつよな者が教えるのは義務だからなー.くぅ~!
下の者のせんせえは一緒にがんばろー!
- さなボタン(2) にContributeしたい
名取さなにフォローされたい!- 名取さなのことだいすこだって世界に主張したい
対象
Dockerが動作するOSのせんせえがた
- Windows 10 Pro
- Mac OS
- 大抵のLinux OS
Gitを導入済みのせんせえがた
- 導入がまだのせんせえは https://git-scm.com/ でインストールしてきてくれよな!
対象外のせんせえについて
残念ながらWindows 10 Homeの人は,wikiを参考にしたり,主要開発者の発言等を参考に頑張ってインストールすることになるけど,がんばればできるぞい
さなボタン(2)ドキュメント
さなボタン(2)のWikiとREADMEが唯一の情報源となっておる.頑張って読み取ろう
操作概要
Dockerを導入し,さなボタン(2)を立ち上げる.ブラウザで自分が立ち上げたさなボタン(2)を閲覧するゾ~
必要なソフトのインストール
Docker CE
- Docker CEの配布ページにいこう
2. Please Login to Downloadをクリックしてアカウントを作成し,ログインしよう
3. Get Dockerをクリックしよう
4. ダウンロードが始まるので終わったら実行.インストールするを押して,OK, Agree, Installなどと書かれているボタンを選択しよう
5. 最後にCloseしてインストール.続いて有効にするために再起動しよう
6. これ以降,何かDockerに聞かれたら適当にYesと答えよう すべてを終えるまでに2回ほど再起動します
以上で †導入完了†
sanabutton.github.io (さなボタン(2))の準備
- まずはGitが動く端末を起動しよう
よくわからないせんせえは Git bash
ってソフトウェアがはいっているはずなので,たちあげてね
- さなボタン(2)をダウンロードしよう
git clone https://github.com/sanabutton/sanabutton.github.io.git
さなボタン(2) 起動!
- Windows Power Shellを起動しよう
- さなボタン(2)のディレクトリ(フォルダ)に移動しよう
cd sanabutton.github.io.git
docker-compose up
わかりづらいですが,done
と出てきたら†起動完了†
node: Microsoft Edge
以外 のブラウザを使用してくれよな.IEでもいいけど.Edgeはだめだぞっ
ブラウザを立ち上げたら,URLのところに localhost:4000
と入力して,エンターをターンッしような
このようにさなボタン(2)が表示されれば無事にローカル環境にさなボタン(2)を†構築完了†
お疲れさな~!
補遺
- localhostは自分自身のパソコンを指すURLです.ここでさなボタン(2)が表示できていればOK
- HTMLファイルや,YAMLファイルを書き換えることで画面をカスタマイズできます(開発)
- 開発結果をさなボタン(2)管理者に送るにはGitとGithubの知識が必要です
暇ができたら開発についても解説するな~
まとめ
Windows 10 Proでさなボタン(2)を動かすには,
docker
をインストールして,ソースコードを入手して,docker-compose up
を実行する
これだけだぞ~!