ryuone日記 http://www.ryuone.com/diary/ ryuone Copyright 2012 ryuone <ryuone at gmail.com>, copyright of comments by respective authors http://www.ryuone.com/diary/20120519.html#p02 2012-05-20T11:57:42+09:00 JS読書に参加してきた。 ryuone JavaScript jsdokusho 主催者は、@yokotak0527さんであります。参加はjsdokusho javascriptのテストって何？勉強会 on Zusaarからでした。 当日のログは、jsdokusho@chatworkにあります。だれでもカモカモ！であります。 なぜテストが必要か等の話をしてから、下記JavaScriptのテストフレームワークを3グループに分かれて調査。 Buster.JS QUnit js-test-driver 僕は、@yokotak0527さんと@londoner25さんと一緒に、js-test-driverを調査。 @yokotak0527さんがPhpStormを使って、 @londoner25さんがWebStormを使ってた。 僕はIntelliJ IDEAを使おうと思ったんだけど、結局Emacsを使うことにした。 導入は問題なく行えた。js-test-driverから、JsTestDriver-1.3.4.b.jarを適当なところにダウンロードすればOK。あとは、設定ファイルとテスト対象のソースコードとテストコードを準備すればOK。 作ったサンプルは、以下の.. JS読書に参加してきた。

主催者は、@yokotak0527さんであります。参加はjsdokusho javascriptのテストって何？勉強会 on Zusaarからでした。
当日のログは、jsdokusho@chatworkにあります。"だれでもカモカモ！"であります。
なぜテストが必要か等の話をしてから、下記JavaScriptのテストフレームワークを3グループに分かれて調査。

  1. Buster.JS
  2. QUnit
  3. js-test-driver

僕は、@yokotak0527さんと@londoner25さんと一緒に、js-test-driverを調査。
@yokotak0527さんがPhpStormを使って、
@londoner25さんがWebStormを使ってた。
僕はIntelliJ IDEAを使おうと思ったんだけど、結局Emacsを使うことにした。

導入は問題なく行えた。js-test-driverから、JsTestDriver-1.3.4.b.jarを適当なところにダウンロードすればOK。あとは、設定ファイルとテスト対象のソースコードとテストコードを準備すればOK。

作ったサンプルは、以下の通り。

  • ディレクトリ構成
.
|-- jsTestDriver.conf
|-- lib
|   `-- sinon-1.3.4.js
|-- src
|   `-- str.js
`-- test
    `-- str_test.js

java -jar /path/to/JsTestDriver-1.3.4-a.jar --port 4224

  • ブラウザでサーバに接続
    http://localhost:4224/

  • jsTestDriver.confがあるところで、テストを実行

java -jar /path/to/JsTestDriver-1.3.4-a.jar --tests all
  • テスト結果
...
Total 3 tests (Passed: 3; Fails: 0; Errors: 0) (4.00 ms)
  Chrome 18.0.1025.151 Linux: Run 3 tests (Passed: 3; Fails: 0; Errors 0) (4.00 ms)

今回は、http://localhost:4224/にChromeのみがアクセスされている状態だったので、上の上に表示されているけど、Firefoxでアクセスしていると、Firefoxのテスト結果も表示される。

と言う流れになる。

さー、次回以降は、Buster.JSの勉強会だー！！

]]> http://www.ryuone.com/diary/20120519.html#p01 2012-05-19T17:19:17+09:00 デザインを変えた。 ryuone tDiary デザインを変えた。といってもちょっとだけだけどねー。 やっぱり、デザインは難しいねー。 デザインを変えた。

デザインを変えた。といってもちょっとだけだけどねー。
やっぱり、デザインは難しいねー。

]]> http://www.ryuone.com/diary/20120515.html#p01 2012-05-16T01:45:26+09:00 Markdownスタイルに変更 ryuone Markdownスタイルに変更してみた。あとデザインも変えようと思って、デフォルトに近いものにとりあえず変更。 Markdownスタイルに変更

Markdownスタイルに変更してみた。あとデザインも変えようと思って、デフォルトに近いものにとりあえず変更。

]]> http://www.ryuone.com/diary/20120516.html#p01 2012-05-16T01:38:18+09:00 socialbuttonsが出力されない。 ryuone tDiary なぜだ、div class=socialbuttons/divが表示されないぞ。 追記 わかった、markdown_style.rbはsection_leave_procが動いてない、と言う訳でgfm_style.rbに変更。 socialbuttonsが出力されない。

なぜだ、<div class="socialbuttons"></div>が表示されないぞ。

追記
わかった、markdown_style.rbはsection_leave_procが動いてない、と言う訳でgfm_style.rbに変更。

]]> http://www.ryuone.com/diary/20120411.html#p01 2012-04-11T23:49:34+09:00 ツタンカーメン展 ―黄金の秘宝と少年王の真実―に行ってきた。 ryuone お出かけ 有給休暇を取得して、朝市から行ったきた。展示品は107点位だったかな。もうちょっと広いスペースで展示して欲しかったなー。 日本にいる限り見ることができないものばかりなので、行って正解だった。一度本場に行きたいなー。 ツタンカーメン展 ―黄金の秘宝と少年王の真実―に行ってきた。

有給休暇を取得して、朝市から行ったきた。展示品は107点位だったかな。もうちょっと広いスペースで展示して欲しかったなー。

日本にいる限り見ることができないものばかりなので、行って正解だった。一度本場に行きたいなー。

]]> http://www.ryuone.com/diary/20120324.html#p01 2012-03-26T00:42:32+09:00 大阪Node学園二時限目に参加してきた～。 ryuone JavaScript Node 3月24日土曜日に大阪Node学園二時限目が有ったので、参加してきました。 場所がファーストサーバ株式会社様でした。場所を提供して頂きありがとうございました。 今回はexpressのハンズオン。初めてハンズオン形式の勉強会に参加したのですが、とても勉強になった。npm linkの張り方だとか、自分がしないようなやり方であるとか・・・。 ハンズオンの資料は、近々@craftgearさんがブログに公開するそうです。 @kumatchさんが使っておられた、PhpStormはJSを使う人にとってはかなりいいと思う。個人的には、IntelliJ IDEAを使ってるんだけど、こちらも同じようにJS(Node)の開発もできます。(PhpStormと同じ、JetBrains社が作ってる)Java/Rubyも開発できます。 次回は、Socket.IOのハンズオン。たのしみでござる。 PS:expressでファイルのアップロード処理を実装してたんだけど、分けわかんないエラーに遭遇 Error: parser error, 40 of 44 bytes parsed こんなエラー。parseって何をpa.. 大阪Node学園二時限目に参加してきた～。

3月24日土曜日に大阪Node学園二時限目が有ったので、参加してきました。

場所がファーストサーバ株式会社様でした。場所を提供して頂きありがとうございました。

今回はexpressのハンズオン。初めてハンズオン形式の勉強会に参加したのですが、とても勉強になった。npm linkの張り方だとか、自分がしないようなやり方であるとか・・・。

ハンズオンの資料は、近々@craftgearさんがブログに公開するそうです。

@kumatchさんが使っておられた、PhpStormはJSを使う人にとってはかなりいいと思う。個人的には、IntelliJ IDEAを使ってるんだけど、こちらも同じようにJS(Node)の開発もできます。(PhpStormと同じ、JetBrains社が作ってる)Java/Rubyも開発できます。

次回は、Socket.IOのハンズオン。たのしみでござる。

PS:expressでファイルのアップロード処理を実装してたんだけど、分けわかんないエラーに遭遇

Error: parser error, 40 of 44 bytes parsed

こんなエラー。
parseって何をparseしてるのかなーと色々調べてたら、input要素(type属性がfile)にname属性をつけ忘れてたのが原因でした。エラーは、​formidableがだしてるのかな？
もうちょっとわかりやすいエラーにしてほしいと思いました。

]]> http://www.ryuone.com/diary/20120220.html#c02 2012-02-21T16:37:59+09:00 2012-02-20のツッコミ[2] (ryuone) ryuone こしあんさーん。 ありがとうございます～♪ ありがとうございます～♪]]> http://www.ryuone.com/diary/20120220.html#c01 2012-02-21T00:43:10+09:00 2012-02-20のツッコミ[1] (こしあん) こしあん |ω・)＜おめでとうございますっ！ |彡ｻｯ
|彡ｻｯ]]> http://www.ryuone.com/diary/20120220.html#p01 2012-02-20T23:12:38+09:00 age++ ryuone Life 0x21歳になりました。 age++

0x21歳になりました。

]]> http://www.ryuone.com/diary/20120128.html#p01 2012-01-30T21:34:11+09:00 大阪Node学園一時限目に参加してきた～。 ryuone JavaScript Node 1月28日土曜日に大阪Node学園一時限目が有ったので、参加してきました。 場所がECCコンピュータ専門学校さんの教室でした。場所を提供して頂きありがとうございました。 僕が感じた内容は以下の通り。 Node.jsランダウン 〜怖くないNode.js入門〜(@craftgearさん) 資料はこちら 非同期/コールバック/クロージャの解説が丁寧！！ CoffeeScriptにスコープ問題あり。 Node.jsに限ったことではないけど(JavaScriptに関する内容)、非同期/コールバック/クロージャが綺麗にまとまってる。 CoffeeScriptは使わないけど、いろいろ問題がありますね。個人的には、生成されるJSが意図した動きになるか気になるので、JSが書いたほうがいいやんとなってます。 Socket.IOとリアルタイムなナニか(@kamiyamさん) 資料はこちら WebSocketがすべてのブラウザで使えるわけではない。Socket.ioでは、WebSocketが使えない場合はFlash使ったり、JSONP使ったり、AJAX long polling使ったりして、リ.. 大阪Node学園一時限目に参加してきた～。

1月28日土曜日に大阪Node学園一時限目が有ったので、参加してきました。

場所がECCコンピュータ専門学校さんの教室でした。場所を提供して頂きありがとうございました。

僕が感じた内容は以下の通り。

Node.jsランダウン 〜怖くないNode.js入門〜(@craftgearさん)

資料はこちら

  • 非同期/コールバック/クロージャの解説が丁寧！！
  • CoffeeScriptにスコープ問題あり。

Node.jsに限ったことではないけど(JavaScriptに関する内容)、非同期/コールバック/クロージャが綺麗にまとまってる。

CoffeeScriptは使わないけど、いろいろ問題がありますね。個人的には、生成されるJSが意図した動きになるか気になるので、JSが書いたほうがいいやんとなってます。

Socket.IOとリアルタイムなナニか(@kamiyamさん)

資料はこちら

  • WebSocketがすべてのブラウザで使えるわけではない。Socket.ioでは、WebSocketが使えない場合はFlash使ったり、JSONP使ったり、AJAX long polling使ったりして、リアルタイム通信しているように見せている。
  • Socket.ioを仕事でバリバリ使ってる人がいる！！
  • v0.7から仕様が変わっている。

RFC 6455はPDFで70ページ位なので読んでみようかな。あと、volatileって単語が出たとき、C言語のvolatileがまっさきに頭に浮かんだｗ

Learning a node stream(@kumatchさん)

資料はこちら

  • ファイルをコピーする為の関数/メソッドは、Node.jsには存在しない。
  • ファイルを読み込んで、書きこむ処理を自分で書く必要がある。
  • pipeを使うと(pipeを使えるクラス[Stream]の場合)、SourceからDestinationにデータを流し込むことができる。

確かに読み込んでから、書き込みしてたらメモリ大量につかうよなー。なんか便利なパッケージありそうだなー。

アンケートのまとめ(@craftgearさん)

資料はこちら

  • 参加された半数の方が、Node.js未経験者。すごい注目度。
  • Websocketはみなさん興味あるんですね。

Expressをつかってみた(@atakigさん)

資料はこちら

  • ExpressはRubyのsinatraに似ている。
  • ExpressはPHPのSILEXに似ている。
  • modelを配置するディレクトリがない・・・。
  • やっぱり英語重要！！

impress.jsとcanvasを組み合わせてsocket.ioなプレゼンツールをとりあえず作ってみた(@shimy_netさん)

資料はこちら

  • やっぱり英語重要！！

impress.js完全にノーマークだった、第一印象がFlashのProgressionでした。完全にFlash->JSになってきてますね。

CROSSの時の内容(@vanx2さん)

  • ジワジワくるｗｗ(その時のUstはこちら [1:09:00位から])

Node.jsのパフォーマンス凄まじいなー。同時接続が約1000(だったけか？)でNode.jsの使用メモリ量が20M-30Mってｗ

開発環境の話(@kumatchさん)

  • みんなNode.jsを開発するとき、何使ってるの？

僕は、JetbrainsのIntellij IDEAを使ってます。Java IDEと言う形で$199で売ってますが、pluginをインストールすることによって、php/ruby/actionscriptが開発できます。
もちろんHTML/CSS/JavaScript(Node.js)も。Node.jsのプラグインは0.2なので、まだまだですが、node_moduleフォルダを解析してくれるので、code completion も一応動いてくれます。

WebRTC(@esperia09さん)

  • kamiyamさんのセッションでWebRTCが話題になったので、飛び入り参加。

Macのカメラの動画をvideo要素に表示しつつ、他のブラウザにもP2Pでつなげての双方向通信・・・。夢が広がるなー。

まとめ

とても楽しかったです＆勉強になりました。次回も楽しみですな〜。ECCコンピュータ専門学校さん場所を提供して頂きありがとうございました。スタッフのみなさん、参加者の皆さんお疲れ様でした。

]]> http://www.ryuone.com/diary/20120109.html#c02 2012-01-16T21:24:20+09:00 2012-01-09のツッコミ[2] (ryuone) ryuone ＞るびきちさん。 こちらこそ、ありがとうございます。 とても勉強になりました。 括弧は空気。いいですねー、この言葉。 こちらこそ、ありがとうございます。
とても勉強になりました。

括弧は空気。いいですねー、この言葉。]]> http://www.ryuone.com/diary/20120109.html#c01 2012-01-14T23:53:47+09:00 2012-01-09のツッコミ[1] (るびきち) るびきち ども、るびきちです。 書評ありがとうございます! 役立ったようで素直に嬉しいです。 それと、括弧は空気です（キリッ
書評ありがとうございます!
役立ったようで素直に嬉しいです。

それと、括弧は空気です（キリッ]]> http://www.ryuone.com/diary/20120109.html#p01 2012-01-10T23:40:46+09:00 Emacs Lispテクニックバイブルを読んだ。 ryuone Emacs るびきちさんのEmacs Lispを読み終えた。年末からぼちぼちと読んでたんだけど、ようやく読み終わった。 読むだけだったら、すぐに読み終わってたんだろうけど、書かれている内容を実際にlispxmpを使って確認してたら時間がかかってしまった。でも読む前とあとでは全然理解度が違う。今までは、「だいたいこんな感じかな」で終わらせていた内容をしっかり理解することができた。特にコンスセルとかリストとかベクタとか。まー基本的な部分が理解できてなかったわけです。 この本は、その部分が丁寧に書かれているので、とても勉強になった。知らない言葉が出てきても、あとから説明が出てくるので、問題ないと思う。あと、個人的に「入門 GNU Emacs 第3版」を持っているけど、EmacsLispの言語仕様、設定方法を勉強したいのであれば、Emacs Lispテクニックバイブルを先に読んだほうがいいと思った。 EmacsLispの言語部分を理解したいのであれば、第1章から第5章は必須ですかね。それ以降は、EmacsLisp応用とかCommonLispなので、必要になったら読めばいいと思いけど・・・。まーでも、6.. Emacs Lispテクニックバイブルを読んだ。

るびきちさんのEmacs Lispを読み終えた。年末からぼちぼちと読んでたんだけど、ようやく読み終わった。

読むだけだったら、すぐに読み終わってたんだろうけど、書かれている内容を実際にlispxmpを使って確認してたら時間がかかってしまった。でも読む前とあとでは全然理解度が違う。今までは、「だいたいこんな感じかな」で終わらせていた内容をしっかり理解することができた。特にコンスセルとかリストとかベクタとか。まー基本的な部分が理解できてなかったわけです。

この本は、その部分が丁寧に書かれているので、とても勉強になった。知らない言葉が出てきても、あとから説明が出てくるので、問題ないと思う。あと、個人的に「入門 GNU Emacs 第3版」を持っているけど、EmacsLispの言語仕様、設定方法を勉強したいのであれば、Emacs Lispテクニックバイブルを先に読んだほうがいいと思った。

EmacsLispの言語部分を理解したいのであれば、第1章から第5章は必須ですかね。それ以降は、EmacsLisp応用とかCommonLispなので、必要になったら読めばいいと思いけど・・・。まーでも、6章のマクロとか9章のEmacsの挙動の変更とかソースコードを読む上では必要なので、可能であれば読んでおきたいところかな。

Emacs Lispテクニックバイブルをよみつつ手を動かしてたら、括弧があるのが普通になってきたｗｗ。

Emacs Lispテクニックバイブル
るびきち
技術評論社
￥ 3,129

]]> http://www.ryuone.com/diary/20120108.html#p01 2012-01-10T23:37:41+09:00 伏見稲荷大社に参拝に行ってきた。 ryuone 日記 第2弾として京都の伏見稲荷大社に行ってきた。 大阪から京阪電車で約一時間ほど移動。稲荷山の山頂まで登って参拝。前回より道がわかっていたのでだいぶ楽だった。（でも一度迷ったけど・・・。） あと、ニホンザルが出没するようになってた、ちと怖かったが目を合わせないようにそそくさと通り過ぎたら大丈夫だった。 伏見稲荷大社に参拝に行ってきた。

第2弾として京都の伏見稲荷大社に行ってきた。

大阪から京阪電車で約一時間ほど移動。稲荷山の山頂まで登って参拝。前回より道がわかっていたのでだいぶ楽だった。（でも一度迷ったけど・・・。）

あと、ニホンザルが出没するようになってた、ちと怖かったが目を合わせないようにそそくさと通り過ぎたら大丈夫だった。

]]> http://www.ryuone.com/diary/20120102.html#p01 2012-01-10T23:37:17+09:00 大阪天満宮に参拝に行ってきた。 ryuone 日記 初詣は、嫁さんの実家近くの大阪天満宮に参拝。夕方行ったので、人はわりかし少なめ。 大阪天満宮に参拝に行ってきた。

初詣は、嫁さんの実家近くの大阪天満宮に参拝。夕方行ったので、人はわりかし少なめ。

]]>