shizudevつくる会#5をやった

お疲れ様でした。今回はまさかの二人ぼっちだが色々はかどった。自由気ままに作りたいものをつくる他に、簡単なテーマを決めて作るようなトラックを用意すればいいんだろうか?と思ったけど、そうすると誰か面倒見るヒトが必要になるからなぁ。それよりも、終了前30分くらいとって成果の発表をする時間を用意したほうがいいのかなぁ。

お昼はコミュニティfの近所のプレアーテで。

1333875163

@ringtaroBackbone.js触っていて、僕がSpineのコールドリーディングしてたので、二大クライアントMVCフレームワークを極める感じの勢いだったということで。

さて、今までコードリーディングする時はSphinxを使ってたんだけど、doccoっていうツールを知ったので、今回はこっちを使ってみた。

doccoはソースコードに直接コメントを挿入すれば左にコメント、右にソースコードを表示するhtmlを出力してくれるし、コードはハイライトしてくれるし、コメントはmarkdownが使えるので便利だ。一方index.htmlを出力してくれないので、モジュール間の依存関係なんかを綺麗に出力できればいいなぁと。それから更新を自動検出してドキュメントを作りなおす機能と、ローカルサーバーが欲しいかも。

コードリーディングの流れは

  1. githubのコードをフォークする
  2. ローカルにcloneしてソースコードに注釈を入れてく
  3. doccoをはしらせるとdocsというディレクトリが出来てそこにhtmlが出力される
  4. コミットしてプッシュ

って感じで調子良く進む。例えばspine.coffeeだとこのようにコンバートされる。

今日のつくる会ではSpineを読んだ。

昨日はhemを読んだ。

templateのJadeはいいが、d'n'bのJadeもよい

templateのほう

d'n'bのほう

red skyなんか素敵。

ところでpodcastでよく表現されるheavy weightとsickのニュアンスがいまいち掴みきれてない。

今日の畑(120407)

ポットでオクラとゴーヤの種をまいた。

畑ではじゃがいもの芽も出てた。

1333840512

大根の芽も出てた。

1333840514

スナップエンドウの花が咲いてたんだけど、実がついている気配はなかった。雄花、雌花の違いなんだろうか? と思って調べてみたら雄しべ雌しべで雌しべが実になるらしい。

今度きちんと観察してみる。

1333840516

てんとう虫発見。次は娘を連れてこようか。

1333840517

Backbone.jsとSpineの違い

ここのところbackbone.jsを触っていたので、Spineとの違いもなんとなくわかってきた。

todoをcoffeescriptに変換(backbone-todo)したものとspine-todoの違いを比較した。

モデル

backboneのモデルはmodelとcollection(modelの集合)にわかれているが、Spineではこの区別はない。両方いじってみたのでsofの比較がよく理解できた。

class Task extends Spine.Model
  @configure "Task", "name", "done"

  @extend Spine.Model.Local

  @active: ->
    @select (item) -> !item.done

  @done: ->
    @select (item) -> !!item.done

  @destroyDone: ->
    rec.destroy() for rec in @done()

Element patternでいいんじゃないかねという立場かな。

ViewとController

Backbone.jsのviewがSpineのcontrollerになる感じ。SpineのviewはBackboneのテンプレートになる。

Spineはドキュメントが少ないので、もっと充実して欲しいなぁと。

ProductName JavaScript Web Applications
Alex Maccaw
Oreilly & Associates Inc / 3020円 ( 2011-08-30 )


Backbone.jsみたいな注釈付きのソースコードをつくるやつ(docco)

Backbone.jsのannotated source読みやすいわと。

いつものようにsofを探した。

doccoを使えばいいらしい。ちなみにpythonだとPyccoがあるのでどちらかを使えばいいかな(両方入れたが)。

今、spinehemのソースコードを読んでいるので、明日のつくる会ではdoccoを使った黙々注釈付けをやろうかな、というかやる。

というわけで、明日は静岡デベロッパーズつくる会#5です。一人だと作業に集中できないわーとか、つけナポリタン気になるわーというヒトは気軽にフラッと寄ればいいと思います。

ちなみにお菓子の持ち込み可です。菓子をつまみながらコーディングしましょう。

5日間で学ぶ!お絵描きPhotoshop教室

お絵描きの好きな娘と一緒に読んだ。よくわからんが、娘はなんかインスパイアされたようだった。

食いつきはよかった。

ProductName 5日間で学ぶ!お絵描きPhotoshop教室
しぐれ
ワークスコーポレーション / 2100円 ( 2011-08-31 )


僕が参考になったのはこのあたり。

  • 顔の比率
  • 境界線の追加
  • オリジナルパターンの追加の仕方
  • クリッピングマスク

css2stylus

あまりcssいじりは好きじゃないんだけど、やるんだったら楽をしたいのでcss2lessを入れてみた。

sudo wget https://raw.github.com/sickill/css2less/master/css2less.rb -O /usr/local/bin/css2less
sudo chmod a+x /usr/local/bin/css2less

個人的にはlessよりもstylusのほうが好み(インデントの表現のほうがわかりやすい)なんだけど、css2stylusがないんだよなぁとおもいつつコマンドヘルプを見たら-Cオプションでcssをstylに変換できるんだった。

というわけで自分の.bashrcに

alias css2stylus='stylus -C'

って書いて解決。less2stylusがやりたければlessからcssにコンパイルしてcssをstylにすればイイ。

繁盛店のしかけ48は経営者側からみたうまく働かせるコツみたいなもんか

「バイト・パートがワクワク動きだす! 」と副題がついているように、経営者目線で従業員を如何に動かすかっていう話。

経営の立場で見れば参考になることが書いてあるけど、バイトの立場でみた場合「それで得られるものはなんなの?」っていう非対称さは残る。

ProductName バイト・パートがワクワク動きだす! 繁盛店のしかけ48 (DO BOOKS)
山口 しのぶ
同文館出版 / 1470円 ( 2012-02-07 )


料理に「金をかけるか、手間をかけるか」っていう言葉ばあるんだけど、それのバイト版かな。もちろん手間をかけるほうだけど。

別冊やさい畑 今年は有機で野菜を作ろう!

じゃがいもの後に人参を植えるという菜園計画はなるほどと思った。

色々書いてあるけど、試行錯誤してみないといけないということですな。

今年はきゅうりとしょうがを植えてみようかなぁと思っている。

そういえば葉しょうがは静岡に来てから知ったような気がする。

ハッピークリエーター★たかいよしかず

幸せそうなキャラクターデザインするようなひとの思考はどうなっているのかな?と思って読んでみた。

基本的にポジティブ。

ここらへんのシリーズを薦めていたが、面白いんだろうか?

今度ブックオフにでも探索に行ってみるか。

ProductName 3月のライオン (1) (ジェッツコミックス)
羽海野 チカ
白泉社 / 490円 ( 2008-02-22 )