随時更新していきます。
(軽く)自己紹介
K-dush2 6期の Motoki Watanabe です。
慶應義塾大学環境情報学部(SFC)のやつです。
2017年9月現在、大学3年生です。
現在K-dush2で、サイトの管理をしたりなんやかんやしています。
内部向けの資料ですが、どうせなら周りから変なところあったら突っ込んでほしいなと思ったので、Qiitaに書いてみます。
そもそも俺自身もそんなにプログラミングとか諸々わかってる人ではないので、そこはみんなで一緒に頑張っていきましょう。そして誰か助けてください。
外部の方へ K-dush2 とは
体験型謎解きイベントを企画している慶應義塾大学公認団体のサークルです。
Twitter https://twitter.com/K_dush2
K-dush2 公式サイト https://k-dush2.github.io
Github https://github.com/k-dush2/k-dush2.github.io
サイトの管理の方法について
なんでこんなサイトの管理の仕方してるんだ
まずアドレスのgithub.ioってなんだ見たことないです怖い
わかります。とてもよくわかります。
本来Webサイトというものはどこかのサーバーを借りて、そのサーバー上にプログラムを書いたコードをあげると、誰でもアクセスできるようになります。サーバーを借りた上で、ドメインという住所みたいなものを取得して、サーバーに設定してあげて、やっと見れます。
例えば、ロリポップ!というサーバーを借りて、
motoki-watanabe.net というドメインを取得し、
そのサーバーにmotoki-watanabe.netを設定してあげると、
https://motoki-watanabe.net
こうやって見れるようになります。
最初のhttps:://ってのは安全な接続です、みたいな証。
しかし、これにはサーバーを借りるお金もかかりますし、ドメインを取得するお金もかかります。
上記の例ならば、サーバー代は年に約3000円、ドメインは年に約1200円かかります。
大学のサークルですし、できるだけお金はかけたくないですよね。
そこで、 Github というサービスの登場です。
Github とは
プログラミングのコードとかを置いておけるサービス。
Gitというバージョン管理システムがありまして、それをオンライン上で管理できるサービス、みたいな感じです多分。(使ってるけど実はちゃんとはわかってないのです)
たぶんなに言ってるかわからないと思いますが、GitとかGithubとかなんだよよくわからないよって思ってる人は世界にたくさんいまして、そのためインターネットにわかりやすく説明してくれている人がたくさんいます。
デザイナのためのGit入門
本当の初心者向け!Git入門のための概念から基本用語まで
こちらをまず見てみればなんとなーくわかると思います。
わからなくても大丈夫です。
とりあえず、
プル コミット プッシュ
これが出来ればどうにかなります。
出来るようになりましょう。
Gitを使えるようになろう
と言っても俺が説明するより
これを見たほうが早いです。
まずこれの チュートリアル1 Gitの基本 をやりましょう。
課題
- チュートリアル1 Gitの基本(Gitのインストール〜ファイルをコミットする)
これでWindowsでもMacでも、Gitをインストールし、
初期設定を行い、リポジトリを作り、ファイルをコミットすることは
できるようになると思います。
全体の流れ(メモ)
VScodeのダウンロード
https://code.visualstudio.com
Downloadを押してインストールGithub 登録
https://github.com
から登録Sourcetreeインストール
https://ja.atlassian.com/software/sourcetreeリモートリポジトリ登録、パソコンにローカルリボリトリ作る
https://github.com/k-dush2/k-dush2.github.io
ここのアクセスし、緑色になっている Clone or Download をクリック
たぶんSourcetreeが起動します
これでだめな場合
Sourcetreeを起動
Wibdowsだとこういう見た目のはずです
この画面で、Cloneってところをクリック
元のパス/URLっていうところには、
https://github.com/k-dush2/k-dush2.github.io
と打ち込んで、
保存先のパスってのは自分のパソコンの中のどの部分にK-dush2のWebサイト関連のフォルダを作るかを参照ってボタンを押してフォルダを決めてください、
自分でここってわかればどこでもだいじょうぶです。
で、クローンをクリック。
クローンとは
クローンって聞いたことありますよね、全く同じものだけど別の個体、みたいな。
あれと同じで、Github上に管理されているこのフォルダと同じものを自分のパソコンの中に作ることを言います。