IT交流勉強会でのスライド

1. Hiroshima.rb on
github
2012/09/15
「IT交流勉強会」イン近畿大学広島キャンパス

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

3. 今日の内容
• 勉強会へゆこう
• 例えば Hiroshima.rb
• Hiroshima.rb on github
• about github

4. 勉強会へゆこう
• ゆるめの勉強会をつくるのは参加者
• 参加者の興味で方向性が決まる
• 参加することが行動目的になる
• いろんな人と交流しよう
• 発表してみよう

5. 例えば Hiroshima.rb

6. Hiroshima.rbとは
• プログラミング Rubyのコミュニティ
• 広島の中心に活動している
• 毎月第一土曜日にイベントをする
• だいたい勉強会
• ネタをもちより発表
• ML,githubなどで随時やりとり

7. Hiroshima.rbとは
• Rubyに関係なく活動
• Emacs, Vim
• JavaScript,Python
• Haskell
• etc...

8. Hiroshima.rbとは
• 広島に関係なく活動…
• たぶん。

9. Hiroshima.rbの発端とか
• もっと気楽にLTできる場所とか欲しい
• 好みの勉強会がなかった
• 好きなもので一番一般的だった

10. 最近の活動とか
• 毎月勉強会を継続中
• リファレンスのレビュー
• githubで遊ぶ
• gitで遊ぶ
• OSC広島でセミナー予定
• てきとう

11. 最近の裏テーマ
• githubをもっと使おう

12. Hiroshima.rbとgithub

13. why github
• 積極的にプロダクトを公開する習慣を
• 様々なオープンソースプロジェクトで利用
• hiroshima.rb を踏み台に
• オープンソースへ関わろう

14. Website
Hiroshima.rb のウェブ
サイトは github pages
を使用しています。
Octopressというツール
を使用しています。
http://hiroshimarb.github.com
https://github.com/hiroshimarb/hiroshimarb.github.com

16. Hiroshimarb-gem
Hiroshima.rb で開発し
ているネタ gem です。
https://github.com/hiroshimarb/hiroshimarb-gem

21. 個人的な資料
広島Ruby勉強会で作成し
た資料を個人的に公開して
います。
https://github.com/eiel/hiroshimarb

22. about github

23. about github
git·hub /'ɡɪtˌhʌb/
GitHub is the best way to
collaborate with others. Fork,
send pull requests and manage
all your public and private git
repositories.

24. github について
git·hub ギットハブ
GitHub は他の人と共同で作業するのに最適
な方法です。フォークを行ない、プルリク
エストを行ない、あなたの所有する公開、
非公開 git リポジトリを管理します。

25. about git
git /'ɡɪt/
Git is an extremely fast, efficient,
distributed version control system
ideal for the collaborative
development of software.

26. gitについて
git ギット
Git は非常に速くて、使いやす
い、ソフトウェアを共同して開
発するのに理想的な分散バー
ジョン管理システムだ。

27. ようするに？
便利だし、いろんなところで使
われてるし、英語でとっつきに
くいかもしれないけれでも、使
えるようになってると、すごく
便利なもので、オープンソース
な開発には必須だ。

28. 無料で使えるの？
公開リポジトリは無料で作れま
す。非公開は有料プランを。

29. どんなことができるの？
• 自分のプロダクトを公開する
•他人のプロダクトで
• バグをみつけた。
• 直して欲しい
• 勝手に直した。取りこんで。

30. どんなことができるの？
• ドキュメントがなくて使い方が
• わからないので教えて
• 解析したから勝手に書いた

31. なんかいいことあるん？
• 自分の行動は履歴に残る
• セルフブランディング?
• 自分が使うツールのバグが減る
• 自分が使うツールが便利になる
• 自分が使うツールの利用者が増える
• Are you so happy?

32. 公開すると？
• プログラムを綺麗にするようになる
• 中途半端なまま放置しにくくなる
• バックアップになる

33. 入門 github?

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

38. リポジトリ
• プロジェクトそのもの
• 公開したいものがあれば作る
• すべての中心

41. フォーク
• すべてゼロから作る必要はない。
• ここだけ変えたいんだ！
• そんなときに
• 他人のリポジトリをコピーすればよい
• どこからフォークしたかはわかります

42. フォーク
• ゼロからリポジトリ作る必要はない
• 他人のリポジトリをコピーすればよい
• Twitter の RT
• Facebook の シェア

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

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

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

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

53. ようするに
github は SNS みたいなもの
だと思えばいいんじゃないだろ
うか。

54. more github

55. README
github では 表示している
ディレクトリのREADME
が自動的に表示されます。
拡張子をつければ使用する
文法を指定することもでき
ます。(see also 軽量マー
クアップ言語)

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

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

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

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

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

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

75. 小ネタ

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

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

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

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

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

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

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

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

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

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

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

100. まとめ のようでまとめることがない

101. まとめ？
• やりたいことをやりましょう
• だいたい失敗しますが。
• 失敗しても大丈夫
• さあ
• 勉強会へ行こう！
• 勉強会を主催しよう！

102. ご清聴ありがとうございます