• Like
SNS 「github」で遊ぼう
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

SNS 「github」で遊ぼう

  • 2,619 views
Published

wtm50 …

wtm50

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

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,619
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
14
Comments
0
Likes
9

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. enjoy SNS ‘githubSNS 「github」 で遊ぼう 2012/09/15 Web Touch Meeting #50
  • 2. 自己紹介 Twitter eielh github eielひむら ともひこGNU EmacsRubyHaskellgitdvorakHiroshima.rb の場所確保係http://eiel.info/
  • 3. 今日の内容• SNS github?• github でできること• github でしてること• 入門 github• more github
  • 4. 今日しないつもりの話• git
  • 5. SNS github ?
  • 6. SNS人と人とのつながりを促進・サポートする、コミュニティ型のWebサイト。友人・知人間のコミュニケーションを円滑にする手段や場を提供したり、趣味や嗜好、居住地域、出身校、あるいは「友人の友人」といったつながりを通じて新たな人間関係を構築する場を提供する、会員制のサービスのこと。 IT用語辞典より
  • 7. github参加者の作品を中心に、人と人とのつながりを促進・サポートするコミュニティ型のWebサイト。それらの機能を利用してオープンソースプロジェクトで積極的に活用されている。また、友人とのやりとりだけでなく、「友人の友人」や、「友人の作品]「友人のお気に入りの作品」といった新たな関係を構築します。 同じノリで書いてみた
  • 8. キャラクター Octocat
  • 9. githubの利用例
  • 10. 例 アジャイルサムライアジャイルサムライのサポートリポジトリのwikiでは読書会やトレーニングの情報が充実しています。https://github.com/agile-samurai-ja/support
  • 11. 例 アジャイルサムライ例えば読書会 広島道場のページみてみようhttps://github.com/agile-samurai-ja/support/wiki/ Readingagilesamuraiinhiroshima
  • 12. github上で活動すれば友人や作品に関連する人のタイムラインに活動内容が表示されていきます。
  • 13. github でできること
  • 14. github でできること• 作品の公開• 作品に対する議論• 友人の活動をストーキング• ウェブサイトの作成• git のホスティング
  • 15. 作品の公開• リポジトリをつくることで作品を公開 • github for mac • github for windows• おまけで作品の歴史が作成できます
  • 16. 作品に対する意見• バグ報告、改善案、質問する場所が用意 されてます。(Issues)• 単に いいね! することもできます。 (star)
  • 17. 作品に対する議論• バグを勝手に修正して、取り込んでくだ さいという要求を出すことができます (pull request)• 取り込むほうもだいたいボタン1つ
  • 18. 友人の活動をストーキング• twitterの様にフォローできます• フォローすれば
  • 19. 友人の活動をストーキング• 友人の作品のすかさず typo をみつけ て pull request して遊びましょう• 友人が参加してる作品をみてみたりも楽 しいです。
  • 20. ウェブサイトの作成• 作品のためのウェブサイトが作れます (github pages)• ブログを書くために使っている人もいま す
  • 21. git でホスティング• 様々なオープンソースプロジェクトが利 用しています• jQuery, reddit, Sparkle, curl, Ruby on Rails, node.js, ClickToFlash, Erlang/OTP, CakePHP, Redis, and many more
  • 22. github でしてること
  • 23. github でしてること• 公開できるものはガンガンいこうぜ• だいたいフィードみてるだけ• Hiroshima.rbで積極的に利用• 利用しているツールはスターをつけたり
  • 24. 公開できるものはガンガン…• 作成したプログラムは勿論• 発表の資料とか• 見られて問題ない設定ファイル• 基本的に絡まれない。退屈だ。
  • 25. だいたいフィードみてるだけ• 友人のスターや活動みて面白いものない か漁るだけです• 見にいく癖がつかない場合はRSSリー ダーで。
  • 26. Hiroshima.rbで積極的に• Hiroshimarb-gemというのを作成 しはじめました• ウェブサイトを github pagesを使用 しています• ロゴとか作っていただきました http://hiroshimarb.github.com
  • 27. github の基本機能
  • 28. アカウントを作ろうアカウントがないとなにもはじまらない。
  • 29. フィード• 自分の活動や他人の活動が流れる • フォローしたとか • 更新したとか • wikiをかいたとか• Twitter の タイムライン• Facebook の ニュースフィード
  • 30. リポジトリ• ひとつの作品に対応するもの• 公開したいものがあれば作る
  • 31. フォーク• 他人の作品からはじめよう• Twitter の RT• Facebook の シェア
  • 32. スター• 素敵なプロジェクトを見つけたら• 人気のあるプロジェクトの目安に• Twitter の ふぁぼ• Facebook の いいね
  • 33. ウォッチ• プロジェクトの活動を細かくチェックし たい場合に。• Twitter の …• Facebook の • Facebookページにいいね!• メーリングリストを購読する感じ
  • 34. フォロー• リポジトリではなく人に着目したい• この人の活動をストーキングしたい• Twitter の フォロー• Facebook の フィードを購読
  • 35. ようするにSNSと同等の機能があるね
  • 36. 小ネタ
  • 37. github 404 ページマウスに追従します。iPhone(スマホ?)だと傾きセンサーに反応します。
  • 38. githubのロゴRetina対応?ロゴをクリックでaiファイルやpsdファイルもダウンロードできる。
  • 39. 画像の差分画像の差分だってみれますとも。 http://p.tl/ZS2C
  • 40. キーボードショートカットgithub はキーボードで操作できます。 ? を入力すると help が出ます。
  • 41. その他便利な機能
  • 42. contributorsこのファイルに関係してる人って誰?
  • 43. blameそのコード誰が書いたかわかります?
  • 44. historyそのファイルにどんな歴史があったのだろうか?もちろんどのような変更があったのかを見ることもできます。
  • 45. 範囲選択 コードのどの部分か明確に いいたいときはありません か?https://github.com/hiroshimarb/hiroshimarb-gem/blob/ master/resource/member.rb#L3-9
  • 46. その場で編集gitなんか使えなくても編集できるんだからねっ!!
  • 47. 軽量マークアップ言語github で文章を作成する際に様々な軽量マークアップ言語が利用できます。markdown, AsciiDoc,Creole, MediaWiki,Org-mode, Pod,RDoc, Textile,reStructuredText
  • 48. 軽量マークアップ言語wiki記法みたいなもののこと。リッチなテキストを表現したい場合HTMLなどを使うとマークアップが大変。もっと簡単に使えるようにしたもの。github では markdownが標準的。
  • 49. READMEgithub では 表示しているディレクトリのREADMEが自動的に表示されます。拡張子をつければ使用する文法を指定することもできます。
  • 50. Organization• 個人ではなくグループで活動したいとき•Twitter の …• Facebook の グループ
  • 51. Issues• 質問やバグを見つけたら書き込むところ• 議論したいときにも
  • 52. プルリクエスト• 自分の変更をフォーク元に取り込みたい• 議論したいときにも• 対応する Issue が作成される• #[Issue番号]で関連づけができます
  • 53. gistリポジトリを作るほどでもないものを公開したいときに。
  • 54. github pagesgithub でウェブサイトを公開できる。そのためのブログツールもありますが、それはまた別の話。search keyword jekyll, Octopresshttp://hiroshimarb.github.com
  • 55. Graphいろんな情報を視覚化!
  • 56. まとめ
  • 57. まとめ• 英語だらけでよくわからんからみんなで 一緒に遊べば怖くない