LoginSignup
0
0

More than 5 years have passed since last update.

K-dush2 公式サイト 更新方法 まとめ

Last updated at Posted at 2017-09-16

随時更新していきます。

(軽く)自己紹介

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を使えるようになろう

と言っても俺が説明するより

サルでもわかるGit入門 - チュートリアル

これを見たほうが早いです。
まずこれの チュートリアル1 Gitの基本 をやりましょう。

課題

  • チュートリアル1 Gitの基本(Gitのインストール〜ファイルをコミットする)

これでWindowsでもMacでも、Gitをインストールし、
初期設定を行い、リポジトリを作り、ファイルをコミットすることは
できるようになると思います。


全体の流れ(メモ)

これでだめな場合

Sourcetreeを起動
Wibdowsだとこういう見た目のはずです
この画面で、Cloneってところをクリック
S__245211143.jpg

そうするとこういう画面が出ます
S__245211142.jpg

元のパス/URLっていうところには、
https://github.com/k-dush2/k-dush2.github.io
と打ち込んで、
保存先のパスってのは自分のパソコンの中のどの部分にK-dush2のWebサイト関連のフォルダを作るかを参照ってボタンを押してフォルダを決めてください、
自分でここってわかればどこでもだいじょうぶです。
S__245211141.jpg

で、クローンをクリック。

クローンとは

クローンって聞いたことありますよね、全く同じものだけど別の個体、みたいな。
あれと同じで、Github上に管理されているこのフォルダと同じものを自分のパソコンの中に作ることを言います。

  • ローカルを編集して(HTML,CSS)

  • コミット、プッシュ
    スクリーンショット 2018-03-18 17.33.42.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0