Home

Born Neet

Mozilla勉強会@東京のLTで発表してきた

Mozilla 勉強会 « Mozilla Developer Street (modest)

時間オーバするわ、サンプルが地味にうまく動かんわ、
散々なスピーカーデビューでした。

そして何より、ディスプレイの変換ケーブルがないという大失態で、
主催者のdynamis様にご迷惑をかけてしまい、大変申し訳ありませんでした。

と、凹んでばかりもいられないので、次回以降のリベンジの為に、
JS(含むHTML5と拡張)とperlに励みたいと思います。

またどこかで発表できそうな場があったら積極的にエントリーしていきますので、
主催者の皆さん、断らないで下さいm(_ _)m

とりあえず、発表資料を公開しときます。

※ 会社に特定されるとめんどいので、本名は消してます。
 あと、参考スライドを追加してます。(忘れてました)

内容はW3C File APIの紹介です。。
まぁ、hacks.mozillaのデモの受け売りなんですけどね。

@teramakoさん
懇親会ではいろいろなお話を聞かせていただき、ありがとうございました。
(Webと遠そうな固い会社に勤めてるのが僕だけじゃなくて安心しました。)
jetpack installerがなければ僕のLT資料は完成しなかったことでしょう。

@con_mameさん
僕のjetpackもギャラリーに登録してみました。
これからもjetpack情報よろしくお願いします^^

@flysonさん
FileReader.readAsText()の第2引数で指定できます。
仕様には省略した場合はUTF-8で、と書いてあります。
が、試した限りブラウザが勝手に判断してくれてるようなので、
現状は指定なしがベストだと思ってます。
サンプル作ったのでよろしければ挙動を試してみてください。

よし、とりあえずこれで宿題は終わりかな。

・・・あ、ケーブルはもちろん速攻で注文しました。
(macbookについてないんですねー)

Mini DVIとかMini Displayportとかわかりにくい・・・。

PR

File APIでチェックサム:2つのファイルをブラウザにdrag&dropしてMD5を比較する

引き続きHTML5 File APIにはまっています。
(W3C File APIって言った方が良いのかな?)

というわけで、こんなん作ってみました。

Comparer.js

ファイルを2個選択した状態でドラッグ&ドロップすれば、
MD5を比較して同一ファイルかどうかを判定します。

なんと、こんな簡単に複数のファイルも処理できちゃうんですねー!

Firefox 3.6でしか動かないのが悔しい・・・。
はやく他のブラウザも実装しないかなぁ。

MD5er.jsでSHA-1を選択できるようにしてみました

ラジオボタンでハッシュ方式が選べるようになりました。
(偉いのはライブラリの作者さんで、僕は呼んでるだけですが。)

MD5er.js

やばい、File API楽しい。

HTML5 FileAPIを試す:ブラウザにファイルをドラッグ&ドロップしてMD5を計算する

font dragrに興味津々で、僕もなんか作ってみたいなーと思ってたら、
Mozillaがわかりやすいサンプルを公開してくれた。

というわけで、早速(?)解説記事を参考に真似してみた。

MD5er.js

中央のボックスにファイルをドラッグ&ドロップすると、
そのファイルのMD5値を表示します。

動くのは、今のところFirefox 3.6のみです。
※ Mac OS X 10.6 Snow Leopardで確認

特に目新しくはないと思いますが、
サーバサイドに情報を送らずに計算できるので、
お手軽に使えてプライバシー的にも安心かもしれません。

以上、思ったより手軽にできたので皆さんも是非。
(ソースはご自由にどうぞ。try&errorで適当にやったので仕様的に正しいかわかりませんが。)
また何か思いついたら作ってみたいと思います。

xreaが障害中の為、bornneet.comに接続できません

タイトルの通りですが、xreaが障害中です。
bornneet.comドメインのコンテンツが閲覧できない状態となっています。
(blog.は忍者ブログでホスティングしている為無事)

せっかく作った作品が公開できない状態でフラストレーションがたまりますー。

さて、どうしようかな・・・。

とか書いた瞬間つながった。(2009/12/13 21:10)
良かったー!

Home

Search
Loading
Feeds
Links
スポンサードリンク

Page Top