Finder.js - Finder風UIを再現するJavaScript MOONGIFT
普段使い慣れたUI/UXであれば誰でもすぐに使えるようになります。そこで注目したいのがOSの動きです。OS標準のソフトウェアであれば誰もが使っていますので、そうしたインタフェースであれば違和感なく使いこなせるのではないでしょうか。 今回はMac OSXユーザであればお勧めなFinder.jsを紹介します。Mac OSXユーザも増えてきているので良いかもしれませんね。 Finder.jsの使い方 シンプルなFinder風のUIです。 フォルダをクリックするとドリルダウンできます。 階層の途中でもファイルをクリックすると、その情報が表示されます。 アイコンを追加したり、データをAjaxで取るようにもできます。 矢印キーで移動できるのでさくさく操作できます。 Finder.jsはフォルダ/ファイルに代表されるような階層構造のデータを表すのに便利です。大量のデータがあるとかえって見づらいこともあり
入力フォームの全角・半角を勝手に変換してくれるJavaScript
入力フォームの全角・半角を勝手に変換してくれるJavaScriptを作りました。 １．発端 「入力フォームの迷宮。全角数字を強要するフォームを理解できません。」を読んで、たしかに私も半角全角の入力を強制されるフォームには辟易してしまいます。 というか、半角全角どちらでも良いという登録フォームを（多分）見たことがありません。 それはさておき、システム側で半角文字・全角文字の制御が不能であれば、せめてフロントエンドでなんとかできるんじゃないの？と思ったのが、作ったそもそもの発端です。 ２．半角を全角に変換する仕組み 半角文字の文字コードから65248番目の文字コードが全角文字になるようです。 よって半角を全角に変換するには、charCodeAt()で参照した半角文字コードに65248を加算したあと、fromCharCode()で文字コードを文字に戻します。 "ABC".replace( /[A
D3.jsをつかってData-Drivenにリッチなグラフやチャートを作成しよう - Tech-Sketch
Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。 また、ビッグデータやデータサイエンティストといったキーワードに注目が集まり、データ活用への期待が高まっています。しかし、単純に収集したデータはそのままでは見づらく、そこから意味を汲み取るのは困難です。 そこで、データの見せ方や伝え方が重要になってきます。 インフォグラフィックスやデータビジュアライゼーションといったキーワードにも注目が集まりつつありますね。 本記事ではD3.jsというJavaScriptのライブラリを利用し、このブログ(Teck-Sketch)のはてなブックマーク数や、世界の国別の人口の比較を視覚的に分かりやすく表現していきたいと思います。 インフォグラフィックス？データビジュアライゼーション？ キーワードとしてインフォグラフィックスとデータビ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
