December 2009
6 posts
ブラウザのローカルストレージを使った ToDo List
YUI2 にクライアントサイドのストレージ (ブラウザのローカルストレージ) を扱う Storage Utility があるので、それを使って簡単な ToDo List を作ってみた。
ToDo List
データはブラウザのストレージに保存されるので (HTML5 のローカルストレージか、Gears、または Flash のストレージ)、サーバ側には何も送られない。当たり前だが、ブラウザを超えてデータは引き継がれない (Firefox で編集したデータは Safari では見れない)。
動作は、Safari 4、Firefox 3.5、IE8、Chrome で確認した。コードはまた来年にでも、もう少しきれいなものに書き直したい。
YUI の Storage Utility を使うと、データを同じメソッドで (上に書いた 3 つの内のいずれかのストレージに) key -...
ToDo List application with local storage
I created simple todo list application with Storage Utility of YUI2. The storage utility make you easy to handle client side storage (local storage engine in modern browser.)
ToDo List
The data is stored in storage of browser (i.e. local storage of HTML5, Geas or storage of Flash), your browser won’t send your todo item data. Of course you can’t use a todo item with different...
ブランドを生み出す環境の力
Note & point で見た Ologie, LLC のプレゼン資料 The Power Of Branded Work Environment に書かれていた内容に、
その他のことにも当てはまるような事があったので、メモしておく。
35 ページからの How Can We Maximize Success? (きれいな図などもあるのでプレゼンの資料を見た方がわかりやすいか)
目的を明確に定義する
戦略を表す
—- Long Term (5-10 Years) … Inspiration —-
Values (価値、自分たちの信じるもの)
Mission (ミッション、なぜ自分たちが存在するのか)
—- Medium Term (3-5 Years) —-
Vision...
onChange のタイミング
チェックボックスの状態が変わったら任意の処理をするような JavaScript を書いてたら、
IE と他のブラウザで動きが違ったのでネットで解決策を探してみた。Firefox なんかは
チェックボックスの状態が変わった瞬間、 IE は状態が変わった後にチェックボックスから
フォーカスが外れたら onChange イベントが発生するようだ。
IE の動きは何か直感的じゃないと思ったけれど、別に間違ってないらしい。
http://www.w3.org/TR/html4/interact/scripts.html
The onchange event occurs when a control loses the input focus and its value has been modified since gaining focus.
参考にしたサイト:
...
数値文字参照を元の文字に変換するブックマークレット
こんな感じ。
javascript:(function(){function g(el,l){for(var i=0;i<l;i++){var s=el[i].selectionStart;var e=el[i].selectionEnd;if(s!=e){el[i].selectionStart=0;el[i].selectionEnd=0;return el[i].value.substr(s,e-s);}}return '';}var s=window.getSelection().toString();if(s.length<=0){var...
Firefox Add-ons and Scripts for Tumblr
Japanese heavy users of Tumblr seems to use Greasemonkey
and the following Greasemonkey scripts.
AutoPagerize - It loads next page contents when you scroll down to the bottom of the page.
Minibuffer - It gives you command-line operation. (This is required for LDRize and ReblogCommand.)
LDRize - You can scroll to next/previous post with “j”, “k” key. You can mark a...