去年、ノリで数日で作り上げたJavaScript製のお絵描きアプリ、JSPaintのソースコードを公開してみた。
なんとなく勢いで。
1週間で実装したわりには、指先ツールとかカラーピッカー、Undoまで完備されていて結構頑張ってるんじゃないかと。ただしIEでは（メンドイので）動きません。Twitter投稿のみphpを使っていてZendのフレームワークが必要です。この辺は @sumihiro さんのご助力に感謝です。
ソースの書きかたが、ちょっとクラシックでprototypeで疑似クラスを作っていますが、まぁ気にしない。本職JavaScripterでもないので割と突っ込みどころが満載です。
こまかい事はTwitterのfladdictで捕まえて聞いてください。
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。
スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。
実行はとても簡単。jQueryと一緒にhtmlにロードして、
FLAutoKerning.process($(’h1′));
FLAutoKerning.process($(’h2′));
FLAutoKerning.process($(’h3′));
といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義するだけ。
これがあれば、行頭に括弧がこようが、トッキョキョカキョクが来ようが、もう何も怖くない。 (more…)
JavaScriptで結構ガチに、お絵描きツールを作ったみました。推奨ブラウざは、IEとOpera以外。
実装期間はポケモン・ホワイトをやりつつ、トータルで1週間ほど。
今後、人生をFlash, iPhone, HTML のどの方向にリソース配分するか？ということで、実験的にHTMLも触ってみるテスト。やってみたら、結構いける感覚。IEさえ無視すれば。 以下、雑感。
Flash と JSの比較
かつてFlashが持っていた、実行速度という究極のアドバンテージはもはやないに等しいようです。 いままで「指先ツール」のような負荷の高い機能はFlashでも大分辛い機能でしたが、現在のJSでは遜色なく動きます。カラーホイールも全部、リアルタイムに計算してグラデーションを生成していますが、無問題。
こうなると疑問になってくるのは、Flashの優位性。 正直、現在WebにおけるFlashのプレゼンスは大きく減っているように思える。現状は音やビデオ、高速なアニメーションを使わない限りは、HTML5で十分かなぁとも思える。IEさえ無視すれば
むしろFlashで心配なのはActionScript3。 数年以内に、かの言語は、本当にシャレにならないレベルで、AdobeとAction Scripterのクビをしめることになるんじゃないかと思う。 AdobeはActionScriptがECMAから外れてしまった時点で、AS3を捨ててJavaScriptベースにすべきだったと思う。 ActionScriptとJavaScripterの参入障壁の違いが大きすぎて、今後徐々にActionScriptはシンドクなっていくんじゃないかと。
逆にFlasherは、今のウチにJSに移動すると、アニメーションやインタラクティブ性の分野では、無双モードを発動できると思う。
Flashが生き残る可能性は、HTML5の仕様が微妙であるという点と、ブラウザ間で独自拡張戦争がまた勃発するかどうかに依存しているんじゃないかなぁと思う今日この頃です。HTML5の弱点は策定のスピードが遅く、おそらくは今後の最新のテクノロジーを吸収しきれないこと。テクノロジーのサポートに関しては、プロプライエタリなFlashに圧倒的なアドバンテージがあるはず。Flashは3Dとかボーンとか、誰も使わないマニアックな機能よりも、位置情報とかメタタグとかEXIFとかマルチタッチとか、そういうHTML5が拾いきれない、細かいところを高速にサポートしていくと素敵だなぁと。 Flash頑張れ。
風邪は直ったけど、外出もできないという中途半端な状態の連休３日目。
朝起きて、勢いでJavaScript使ってお絵描きアプリを24時間以内に作ってみるテスト。
やってみたら、案外さっくりでけた。 JSはゆとり言語で素敵です。 2000年代初期あたりハードコアなActionScripterは、「prototype言語でOOPとクロージャは余裕です」みたいな人ばかりなので、そういう人はすぐにHTML5とCSS3に引っ越す事もできそう。
まぁ１日のやっつけ仕事なので、ペン、色、アルファとズーム（サムネもドラッグできる）ぐらいがせいぜいです。時間かければ指先と水滴ツール、焼き込みツールもいけるんじゃないかなぁと思います。メッチャ重そうですが。
僕は2008年ぐらいから、「FlashはAS3を捨ててjsを採用しようぜ」派なんだけど、このまま時代がすすんで何かの間違いでJSのまともな開発環境が生まれると、世間的にマジで「Flash捨ててJSやろうぜ」になりかねなくて不安。 ほんとFlashは現行のJavaScriptに準拠した、ActionScript1とか2を復活させたほうがいいんじゃないかと。。。
iPhoneで読めるデジタルブックがクソばっかなので、青空文庫を読むことにした。毎日３時間電車にゆられている僕にとって、電車の時間の有効活用は最優先事項なのである。
さすがにiPhoneでそのまま読むと読みにくいので、小説のページをiPhone用にジャストフィットさせるブックマークレットを作ってみた。青空文庫のXHTML作品ページで起動すればＯＫ。
iPhoneへのブックマークレットの登録は、IEかsafariに登録してiTunesでシンクすることでできます。 しかしiPhoneで気が向いた時に世界の名作が読めるのは大変便利。 時間あるとき青空をスクレイピングして、iPhone文庫とか専用サイト作ってみたいなぁ。
ニコニコでの実験が色々終わったので、次はScriptGrapherにでも挑戦してみようかと思う。
ScriptGrapherはイラレで、GenerativeArtを作るための拡張プラグイン。これを入れれば、JavaScriptでインタラクティブなペンツールやフィルタをオリジナルに作ることができる。
日本語CS環境だとインスコ失敗するのだけど、ProgramFiles以下のイラレのプラグインフォルダのかわりに、DocumentAndSetting以下のIllustratorの設定フォルダになるPlug-insフォルダに突っ込むと無事動くことを発見。
パーソナルではしばらくFlashよりも、これをイジって遊ぶ予定。
もうさ、(広義での)Ajaxの代替技術としてさ、フレームっていう技術を採用するってどうだろう？
枯れた技術だし、表示変えてもURL変わらないし、グーグル・アンフレンドリーだし、ブックマークしにくいし、HTMLよりちょっとハイテクっぽいし、Ajaxの特性を全てサポートしてね？？？
むしろ、フレームよりAjaxが優れてる点ってほとんどなくね？？
フレームは、ブラウザ間の挙動安定してるし、「戻る」サポートしてるし、人材も育成しやすいし、開発期間も予算も低いっぽいし、これは絶対流行ると思う。