最速インターフェース研究会 :: 実践JavaScriptリファクタリング
同じ事をやるにも、いろんな書き方があるわけでいかにして短くてわかりやすいコードを書くかというノウハウを紹介します。 例として"abcde"を80回繰り返した文字列を作るとして実際に自分のコーディングスタイルがどんな風に変化していったのか、という。 短くなるのは確かなんだけどわかりやすいかというと、人によるかもしれない。 グローバル関数を定義2年前なら、多分こういう具合だった。 //ふつうに関数として定義する function x(str,num){ var tmp = ""; for(var i=0;i<num;i++){ tmp += str; } return tmp; } x("abcde",80) Stringのメソッドとして定義1年前だとこんな感じ。 //Stringのメソッドとして定義する String.prototype.x = function(num){ var tmp
twitter reader?
twitter reader? twitter api sample your friends your followers (but not your friends) <div class="user"> <div class="profile"><a href="http://twitter.com/[[screen_name]]"><img src="[[profile_image_url]]" width="48" height="48" align="left">[[name]]</a> ([[time]])</div><div class="lines">[[lines]]</div> </div>
OPML Burner
livedoor Reader、Bloglines、はてなRSSの公開設定のフィードリストから、これは読んでおけ、っていうフィードを抽出するサービスです。 idを入れる livedoor mala__ cho45 nipotan brasil_ higeorange tokyoenvious bloglines horaguchi hatena higepon naoya から人以上登録してるフィード 使い方 RSSリーダーにはふつう、インポート/エクスポートという便利な機能があります。 livedoor Readerであればインポートのページ(http://reader.livedoor.com/import/)を開いて、できあがったOPMLのURLを貼り付ければOK。 注意事項 一度取得したOPMLは1日キャッシュしてます。 そのため古いデータが表示される場合があります。 キャッシュが
最速インターフェース研究会 :: Google Readerの紹介ビデオを作った
今さっきキャプチャしてみた。YouTube。 http://youtube.com/watch?v=DcO4RG3Lx3k 去年の9月終わりぐらいにGoogle Readerがリニューアルしたとき、例に漏れず当時購読していた約2600件のフィードをインポートしてみた。 一度全部既読にしようと思ったのだけれども、All itemsを表示してからのmark all as readが効かない。延々とエラーが出て何も出来ないので、フィードの管理画面を開いてみると、応答のないスクリプトダイアログが何回も表示されて、やっと表示できたと思ったら、画面下半分が真っ黒になっていて、何か悪いことをしたと思い、Select AllってやってUnsubscribeボタンを押した。 しばらくして、TechCrunchなんかがうにゃうにゃ言ってるので、もう少し頑張って使ってみようかと思い、今度は少し減らして、live
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
最速インターフェース研究会: Synergyの裏設定「switchDoubleTap」を知らない人が多すぎる
LANで繋がっているマシンのマウスとキーボードを共有してWindowsとMacをつなげたりといったことが出来るSynergyというツールがあるのですが、Synergyの設定ファイルに section: options switchDoubleTap = 250 end などとやると、デスクトップの端っこをコンコンと二回タップしたときだけ画面が切り替わるようになります。切り替える際に一手間増えることになりますが、そんなに頻繁に画面を切り替えるわけでもないのでさほど気になりません。WindowsのサーバーだとOptionsの中に項目があります。トラックボールを使うようになってから暇なときはボールを勢いよく転がして遊んでいるのですが、デスクトップが頻繁に切り替わってしまって鬱陶しいことになります。また、最近ではホイールを使うのでスクロールバーを使わないという人も多いかとは思いますが、スクロールバ
最速インターフェース研究会 :: Sledge::Plugin::DebugTemplateで開発効率が135倍になるデモ
フォームポストでテンプレートを送りつけると、それを使ってページを表示してくれるSledge::Plugin::DebugTemplateというのを作った。これによりJavaScriptやCSSのみならず、HTMLテンプレートすらローカルファイルと差し替えて開発ができるようになった。 ソース(nopasteが24時間で消えるの知らんかった) http://rafb.net/paste/results/Ohpek040.html http://la.ma.la/misc/src/DebugTemplate.pm Winkで作ったデモ http://la.ma.la/misc/demo/debug_template.htm ブラウザを制御してページの内容をダミーのフォームに置き換えて現在のバッファの内容をペーストしてフォームポストしています。どちらかというとこっちの方が肝で、このデモは萌ディタと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
