[B! javascript] doogieのブックマーク

doogie id:doogie

javascriptに関するdoogieのブックマーク (7)

スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ
ユーザファースト推進部の丸山(@h13i32maru)です。先日「撮るレシピ」というサービスを cookpad.com にて公開しました。「撮るレシピ」というサービスは料理本や雑誌のレシピを写真に撮ってクックパッド上に保存できるというものです。料理本や雑誌でレシピを良く見る方はぜひ使ってみてください(Androidアプリ版もあります)。この「撮るレシピ」は全体公開前に一部のユーザに限定公開をしていました。そして全体公開をするにあたりフロント側のコードを全面的に書き換え高速化を行いました。その結果、最大で30倍高速化することができユーザの使い勝手が向上しました。以下が「書き換え前」と「書き換え後」の計測結果です(Android端末8機種 + iOS3機種で各操作のターンアラウンド時間*1を計測)。閲覧系最大: 30倍高速化(4.2秒→0.14秒) 平均: 15.7倍高速化(3.6秒→
doogie 2014/10/23
javascript

UI
リンク
jquery.colorbox.jsを使用してlightbox風に別URL先のページを表示
ライトボックスって単語を良く耳にしますが、そんな雰囲気で別URLの指定別ページを表示してみます。 1．読み込むCSS、JsファイルとJavaScriptの記述例 <link rel="stylesheet" href="colorbox.css" /> <script src="https://ajax.google apis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.colorbox.js"></script> <script> $(document).ready(function(){ $(".iframe").colorbox({iframe:true, width:"90%", height:"90%"}); }); </script>
doogie 2014/04/15
jquery

javascript

ライブラリ
リンク
BACKBONE.JSによるWebアプリケーション開発について
フロントエンドとJavaScript JavaScriptのMV*向けライブラリ BACKBONE.JSによるWebアプリケーション開発について「オープンソースカンファレンス 2013 福岡」の HTML5と最近のフロントエンド事情で発表した資料です。 Read less
doogie 2014/04/11
Backbone.js

javascript
リンク
Underscore.jsの入り口記事一覧 | gihyo.jp
第3回underscore.jsの関数とユーティリティとChaining 早瀬まこと 2014-01-24
doogie 2014/04/11
javascript

underscore.js
リンク
JavaScript 0埋め
JavaScriptには0埋めに使えそうな関数が用意はされていない。そこでこんな感じできる事を発見したのでメモ。これが一番簡単ですね。。。 var month = 3; var result = ('00' + month).slice(-2); alert(result); 結果は03となる。 0を最大文字数分付けておいて、後ろから指定文字数切り出す。 '00'の0が２つなのは２で統一したかっただけです。
doogie 2013/05/07
ゼロパディングの簡単な方法

javascript
リンク
Google Chart Toolsを使ってサイトマップを描こう！
こんにちは！最近寒いですが、みなさんいかがお過ごしでしょうか。クリスマスも近いということで、クリスマスツリー→ツリー→組織ツリー→組織図！エンジニアのクリスマスはツリーですね！今回は、Org Chartを使ってサイトマップを描いてみたいと思います。 1. Google Chart Toolsって？ Googleが提供している、グラフや表を簡単に作成するAPIです。（Google Chart Tools）チャートギャラリーには、様々なグラフがギャラリー形式で並んでいます。中には、メーターや世界地図、札束積み上げグラフ（？）など、ユニークなグラフもあります。 Code Playgroundでは、実際にコードを書いて即時実行しながら、様々なチャートで遊ぶことができます。今回は、この中からOrg Chart（組織図）を使って、サイトマップを描いてみます。 2. サイトマップの作成 Org
doogie 2011/12/26
Googleのグラフ作成API→androidアプリのグラフ表示にも使える？

javascript
リンク
DD_belatedPNG.jsでIE6の透過PNG対策 - TWO HEARTS
UNISON SQUARE GARDEN － UNISON SQUARE GARDEN THE BACK HORN、GRAPEVINEを聞いていたと言うだけあって、そのテイストが感じられる曲調。3ピースでも音にしっかりとした厚みがあって、バランスが良いと思った。 just A moment －凛として時雨その名の通り、切なくて冷たい雨が降る。TK（男性Vo）のハイトーンは好みが分かれるところだが、345（女性Vo）とのツインボーカルが生み出す緊迫感はとても狂おしく、破滅的で情緒に溢れている。軌道－WARPHOLL でもね、曲はめっちゃカッコイイス。そういう細かいところを気にするアホウは僕くらいなもんで、良いアルバムに仕上がってますよ。衝撃の展開に思わず笑みがこぼれる一品 "Stick Stickly" Attack Attack! いやはや、凄いの見てもーた。基本はスクリーモなんで
doogie 2011/10/11
IE6で超簡単に透過PNG

javascript
リンク
1