ブロガーのための ソースコード管理システム 紹介

ブロガーのための
ソースコード管理システム
紹介
id:hakobe932
はこべ
突然ですが
ブログでソースコード
読んでますか?
それでは
ブログにソースコード
書いてますか?
某Dan
どこいぞのRubyistだって
某id:hakobe932も
programmingタグがおすすめです
ブログコーディングは
読む人Happy!
•実例があるとわかりやすい
•良いサンプルコード
•ハカーの生のコードが読める
ブログコーディングは
書く人Happy!
•動くものを作る
•見やすいコードを心がける
•採点してもらえる
ブログコーディングは
みんなHappy!
\(^o^)/
かっこわるい
部分もある
例
コードを試したい人
コピペでエディタへ !
よくあるコピペの例
1. ブログに貼ってあるコードをドラッグで選択
2. あ、ちょっと選択しすぎた…
3. もう一度選択、
4. コピー、と
5. エディタに移動して
6. よし、ペースト
7. ああ、インデントがずれた!
8. 修正修正
9. 試しに実行
10. あれ、動かない
11. 最後のセミコロンがコピーできてなかった…
12. セミコロン追加してやっと動いたワー
もう、なんつーか
orz
コードを書きたい人
エディタからコピペ!
よくあるコピペの例
• (ry
ブログ上では
ソースコードもタダの文字列
ブログの役割
X ブログはコードを管理する
○ ブログは記事を管理する
プログラマが利用しやすい
とは言えない
ブログコーディングは
みんな Unhappy!
\(^o^)/
オワタ
ブログ上のコードを
もっときちんと使いたい
ブロガーのための
ソースコード管理システム
Cutie
名前重要
なにをするの?
ブログ記事とコードの分離
&
分離したコードの活用
分離する事で
記事中のコード部分を
特別扱いできる
コード
QuickTimeý Dz
TIFFÅiLZWÅj êLí£ÉvÉçÉOÉâÉÄ
ǙDZÇÃÉsÉNÉ`ÉÉǾå©ÇÈǞǽDžÇÕïKóvÇ­Ç•
ÅB
ブログ
取り出す
QuickTimeý Dz
TIFF ÅiLZWÅj êLí£Év ÉçÉOÉâÉÄ
ǙDZÇÃÉsÉNÉ`ÉÉǾå©ÇÈǞǽDžÇÕïKóvÇ­Ç•
ÅB
コードとして処理
できそうな事
•色づけ
•メタデータの付与
•コードどうしの関係
•タグ付け
•他のアプリケーションとの連携
コード間の関係
•コード解析結果
•作者
•ブログ本文
•タグ
QuickTimeý Dz
TIFFÅiLZWÅj êLí£ÉvÉçÉOÉâÉÄ
ǙDZÇÃÉsÉNÉ`ÉÉǾå©ÇÈǞǽDžÇÕïKóvÇ­Ç•
ÅB
コードの関係
様々なキーでコードがつながる
QuickTimeý Dz
TIFFÅi LZWÅj êL í£ÉvÉçÉOÉâÉÄ
ǙDZÇÃÉsÉNÉ`ÉÉǾå©ÇÈǞǽDžÇÕïKóvÇ­Ç•
ÅB
QuickTimeý Dz
TIFFÅi LZWÅj êL í£ÉvÉçÉOÉâÉÄ
ǙDZÇÃÉsÉNÉ`ÉÉǾå©ÇÈǞǽDžÇÕïKóvÇ­Ç•
ÅB
モジュール
目的
QuickTimeý Dz
TIFFÅi LZWÅj êL í£ÉvÉçÉOÉâÉÄ
ǙDZÇÃÉsÉNÉ`ÉÉǾå©ÇÈǞǽDžÇÕïKóvÇ­Ç•
ÅB
作者
文字列ではなくコードとして
扱える
どう実現するのか?
今、いろいろと考えてるとこ
考え方はいろいろありそう
TMTOWTDI
アプローチ
ブログはコードを蓄える
倉庫
倉庫の中で
コードを料理する(cook|hack)
なんてナンセンス
調理場のまな板の上で
料理してください
Code Cutting Board
on the Web
(Web上のコードまな板)
Demo
課題は多い
アーキテクチャの洗練
&
機能の強化
まとめ
ご意見募集してます
ご清聴ありがとうございました