wtm50 https://github.com/eiel/wtm50-github

1. enjoy SNS ‘github
SNS 「github」 で遊ぼう
2012/09/15
Web Touch Meeting #50

2. 自己紹介 Twitter eielh
github eiel
ひむら ともひこ
GNU Emacs
Ruby
Haskell
git
dvorak
Hiroshima.rb の場所確保係
http://eiel.info/

3. 今日の内容
• SNS github?
• github でできること
• github でしてること
• 入門 github
• more github

4. 今日しないつもりの話
• git

5. SNS github ?

6. SNS
人と人とのつながりを促進・サポートする、コミュ
ニティ型のWebサイト。友人・知人間のコミュニ
ケーションを円滑にする手段や場を提供したり、趣
味や嗜好、居住地域、出身校、あるいは「友人の友
人」といったつながりを通じて新たな人間関係を構
築する場を提供する、会員制のサービスのこと。
IT用語辞典より

7. github
参加者の作品を中心に、人と人とのつながりを促
進・サポートするコミュニティ型のWebサイト。
それらの機能を利用してオープンソースプロジェク
トで積極的に活用されている。また、友人とのやり
とりだけでなく、「友人の友人」や、「友人の作
品]「友人のお気に入りの作品」といった新たな関
係を構築します。
同じノリで書いてみた

9. キャラクター Octocat

10. githubの利用例

11. 例 アジャイルサムライ
アジャイルサムライのサ
ポートリポジトリのwikiで
は読書会やトレーニングの
情報が充実しています。
https://github.com/agile-samurai-ja/support

14. 例 アジャイルサムライ
例えば読書会 広島道場のペー
ジみてみよう
https://github.com/agile-samurai-ja/support/wiki/
Readingagilesamuraiinhiroshima

22. github上で活動すれば
友人や作品に関連する人の
タイムラインに活動内容が
表示されていきます。

23. github でできること

24. github でできること
• 作品の公開
• 作品に対する議論
• 友人の活動をストーキング
• ウェブサイトの作成
• git のホスティング

25. 作品の公開
• リポジトリをつくることで作品を公開
• github for mac
• github for windows
• おまけで作品の歴史が作成できます

26. 作品に対する意見
• バグ報告、改善案、質問する場所が用意
されてます。(Issues)
• 単に いいね！ することもできます。
(star)

27. 作品に対する議論
• バグを勝手に修正して、取り込んでくだ
さいという要求を出すことができます
(pull request)
• 取り込むほうもだいたいボタン1つ

28. 友人の活動をストーキング
• twitterの様にフォローできます
• フォローすれば

29. 友人の活動をストーキング
• 友人の作品のすかさず typo をみつけ
て pull request して遊びましょう
• 友人が参加してる作品をみてみたりも楽
しいです。

30. ウェブサイトの作成
• 作品のためのウェブサイトが作れます
(github pages)
• ブログを書くために使っている人もいま
す

31. git でホスティング
• 様々なオープンソースプロジェクトが利
用しています
• jQuery, reddit, Sparkle, curl,
Ruby on Rails, node.js,
ClickToFlash, Erlang/OTP,
CakePHP, Redis, and many
more

32. github でしてること

33. github でしてること
• 公開できるものはガンガンいこうぜ
• だいたいフィードみてるだけ
• Hiroshima.rbで積極的に利用
• 利用しているツールはスターをつけたり

34. 公開できるものはガンガン…
• 作成したプログラムは勿論
• 発表の資料とか
• 見られて問題ない設定ファイル
• 基本的に絡まれない。退屈だ。

35. だいたいフィードみてるだけ
• 友人のスターや活動みて面白いものない
か漁るだけです
• 見にいく癖がつかない場合はRSSリー
ダーで。

36. Hiroshima.rbで積極的に
• Hiroshimarb-gemというのを作成
しはじめました
• ウェブサイトを github pagesを使用
しています
• ロゴとか作っていただきました
http://hiroshimarb.github.com

39. github の基本機能

40. アカウントを作ろう
アカウントがないとなにも
はじまらない。

44. フィード
• 自分の活動や他人の活動が流れる
• フォローしたとか
• 更新したとか
• wikiをかいたとか
• Twitter の タイムライン
• Facebook の ニュースフィード

47. リポジトリ
• ひとつの作品に対応するもの
• 公開したいものがあれば作る

52. フォーク
• 他人の作品からはじめよう
• Twitter の RT
• Facebook の シェア

54. スター
• 素敵なプロジェクトを見つけたら
• 人気のあるプロジェクトの目安に
• Twitter の ふぁぼ
• Facebook の いいね

57. ウォッチ
• プロジェクトの活動を細かくチェックし
たい場合に。
• Twitter の …
• Facebook の
• Facebookページにいいね！
• メーリングリストを購読する感じ

59. フォロー
• リポジトリではなく人に着目したい
• この人の活動をストーキングしたい
• Twitter の フォロー
• Facebook の フィードを購読

61. ようするに
SNSと同等の機能があるね

62. 小ネタ

63. github 404 ページ
マウスに追従します。
iPhone(スマホ？)だと傾
きセンサーに反応します。

65. githubのロゴ
Retina対応？
ロゴをクリックでaiファイ
ルやpsdファイルもダウン
ロードできる。

68. 画像の差分
画像の差分だってみれます
とも。
http://p.tl/ZS2C

70. キーボードショートカット
github はキーボードで操
作できます。 ？ を入力す
ると help が出ます。

71. その他便利な機能

72. contributors
このファイルに関係してる
人って誰？

74. blame
そのコード誰が書いたかわ
かります？

77. history
そのファイルにどんな歴史
があったのだろうか？
もちろんどのような変更が
あったのかを見ることもで
きます。

80. 範囲選択
コードのどの部分か明確に
いいたいときはありません
か？
https://github.com/hiroshimarb/hiroshimarb-gem/blob/
master/resource/member.rb#L3-9

82. その場で編集
gitなんか使えなくても編集
できるんだからねっ！！

86. 軽量マークアップ言語
github で文章を作成する
際に様々な軽量マークアッ
プ言語が利用できます。
markdown, AsciiDoc,
Creole, MediaWiki,
Org-mode, Pod,
RDoc, Textile,
reStructuredText

87. 軽量マークアップ言語
wiki記法みたいなもののこ
と。リッチなテキストを表
現したい場合HTMLなどを
使うとマークアップが大
変。もっと簡単に使えるよ
うにしたもの。
github では markdown
が標準的。

88. README
github では 表示している
ディレクトリのREADME
が自動的に表示されます。
拡張子をつければ使用する
文法を指定することもでき
ます。

91. Organization
• 個人ではなくグループで活動したいとき
•Twitter の …
• Facebook の グループ

93. Issues
• 質問やバグを見つけたら書き込むところ
• 議論したいときにも

95. プルリクエスト
• 自分の変更をフォーク元に取り込みたい
• 議論したいときにも
• 対応する Issue が作成される
• #[Issue番号]で関連づけができます

97. gist
リポジトリを作るほどでも
ないものを公開したいとき
に。

99. github pages
github でウェブサイトを
公開できる。そのためのブ
ログツールもありますが、
それはまた別の話。
search keyword
jekyll, Octopress
http://hiroshimarb.github.com

102. Graph
いろんな情報を視覚化！

108. まとめ

109. まとめ
• 英語だらけでよくわからんからみんなで
一緒に遊べば怖くない