https://b.hatena.ne.jp/yojishiraki/JavaScript/ JavaScriptに関するyojishirakiのはてなブックマーク (31) https://lab.astamuse.co.jp/entry/2016/08/04/114624 広告費用取得を自動取得した話を書きました。無駄をなくして生産性を高める。 yojishiraki 2016-08-04T03:17:40Z javascript casperjs 業務効率化 開発 15 <blockquote cite="https://lab.astamuse.co.jp/entry/2016/08/04/114624" title="広告費用を自動取得し100時間分の作業をなくす話 - astamuse Lab"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flab.astamuse.co.jp%2Fentry%2F2016%2F08%2F04%2F114624" alt="" /> <a href="https://lab.astamuse.co.jp/entry/2016/08/04/114624">広告費用を自動取得し100時間分の作業をなくす話 - astamuse Lab</a></cite><p><a href="https://lab.astamuse.co.jp/entry/2016/08/04/114624"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/bd1c205349e98415e38b0c3a934785495595e411/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F294fb81dfd3b0062661eb18cb52e3905d7df1006%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Fastamuse%252F20160804%252F20160804092941.png" alt="広告費用を自動取得し100時間分の作業をなくす話 - astamuse Lab" title="広告費用を自動取得し100時間分の作業をなくす話 - astamuse Lab" class="entry-image" /></a></p><p>初めまして、こんにちは。白木と申します。デザイナーです。 普段は開発・デザイン部の管理やマーケティング部門との橋渡しをしています。業務ではMTGの時間がもっとも多く、隙間でコード書いたりデザインしてます。 今日は弊社のマーケティング部門の作業を一部自動化したお話をします。 本稿は背景・経緯・設計・実装...</p><p><a href="https://b.hatena.ne.jp/entry/s/lab.astamuse.co.jp/entry/2016/08/04/114624"><img src="https://b.hatena.ne.jp/entry/image/https://lab.astamuse.co.jp/entry/2016/08/04/114624" alt="はてなブックマーク - 広告費用を自動取得し100時間分の作業をなくす話 - astamuse Lab" title="はてなブックマーク - 広告費用を自動取得し100時間分の作業をなくす話 - astamuse Lab" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/lab.astamuse.co.jp/entry/2016/08/04/114624"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://lab.astamuse.co.jp/entry/2016/06/23/114500 yojishiraki 2016-06-23T04:05:19Z JavaScript 19 <blockquote cite="https://lab.astamuse.co.jp/entry/2016/06/23/114500" title="Ｒｅ：ゼロから始めるJavascript入門 - astamuse Lab"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flab.astamuse.co.jp%2Fentry%2F2016%2F06%2F23%2F114500" alt="" /> <a href="https://lab.astamuse.co.jp/entry/2016/06/23/114500">Ｒｅ：ゼロから始めるJavascript入門 - astamuse Lab</a></cite><p><a href="https://lab.astamuse.co.jp/entry/2016/06/23/114500"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/26324d7dd0499f9fca51e726924e5bab0279d03d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff37e4111d77e5ceffaecc7d8e9fcb3751f2b5fed%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Fastamuse%252F20160622%252F20160622091808.png" alt="Ｒｅ：ゼロから始めるJavascript入門 - astamuse Lab" title="Ｒｅ：ゼロから始めるJavascript入門 - astamuse Lab" class="entry-image" /></a></p><p>今回初めて開発者ブログを担当させていただきます、 Scalaでバックエンドの開発をしているaxtstar(@axtstart)と申します。 以後お見知りおき頂ければ幸いです。 今日はScalaの話ではなく、 Scalaは私よりも詳しい方にお任せして JavaScriptの話題をさらりと取り上げてみたいと思います。 弊社では、勉強会という名目で開...</p><p><a href="https://b.hatena.ne.jp/entry/s/lab.astamuse.co.jp/entry/2016/06/23/114500"><img src="https://b.hatena.ne.jp/entry/image/https://lab.astamuse.co.jp/entry/2016/06/23/114500" alt="はてなブックマーク - Ｒｅ：ゼロから始めるJavascript入門 - astamuse Lab" title="はてなブックマーク - Ｒｅ：ゼロから始めるJavascript入門 - astamuse Lab" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/lab.astamuse.co.jp/entry/2016/06/23/114500"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.moongift.jp/2013/03/20130303/ yojishiraki 2013-03-03T07:54:32Z ui javascript ライブラリ 406 <blockquote cite="https://www.moongift.jp/2013/03/20130303/" title="まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2013%2F03%2F20130303%2F" alt="" /> <a href="https://www.moongift.jp/2013/03/20130303/">まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2013/03/20130303/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/84298d69620d605841d4833cba625833b73ea6ef/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmoongift%2Fattaches%2F9335%2Flist.%3F1361375597" alt="まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT" title="まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT" class="entry-image" /></a></p><p>w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/03/20130303/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2013/03/20130303/" alt="はてなブックマーク - まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT" title="はてなブックマーク - まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/03/20130303/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://d3js.org/ yojishiraki 2012-10-20T03:13:41Z visualization JavaScript graph js library 695 <blockquote cite="https://d3js.org/" title="D3.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fd3js.org%2F" alt="" /> <a href="https://d3js.org/">D3.js</a></cite><p><a href="https://d3js.org/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4b975f996b28820d3c86536affa4b7490b446fe5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fd3js.org%2Fpreview.png" alt="D3.js" title="D3.js" class="entry-image" /></a></p><p>D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility</p><p><a href="https://b.hatena.ne.jp/entry/s/d3js.org/"><img src="https://b.hatena.ne.jp/entry/image/https://d3js.org/" alt="はてなブックマーク - D3.js" title="はてなブックマーク - D3.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/d3js.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://atmarkit.itmedia.co.jp/ait/articles/1210/04/news113.html yojishiraki 2012-09-06T07:07:36Z JavaScript 570 <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1210/04/news113.html" title="JavaScriptテストの基礎知識と使えるフレームワーク6選"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1210%2F04%2Fnews113.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1210/04/news113.html">JavaScriptテストの基礎知識と使えるフレームワーク6選</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1210/04/news113.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/209e5de91136a6e194e46d4e710e455baac0df4f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F1210%2F04%2F01.jpg" alt="JavaScriptテストの基礎知識と使えるフレームワーク6選" title="JavaScriptテストの基礎知識と使えるフレームワーク6選" class="entry-image" /></a></p><p>JavaScriptテストの基礎知識と使えるフレームワーク6選：フレームワークで実践！ JavaScriptテスト入門（1）（1/3 ページ） しっかりとJavaScriptの“テスト”を行うために、最近のJavaScript事情やテストを取り巻く環境、今注目のテストフレームワークを6つ紹介する JavaScriptでもテストを書こう ＠ITの読者の方たちのほ...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1210/04/news113.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1210/04/news113.html" alt="はてなブックマーク - JavaScriptテストの基礎知識と使えるフレームワーク6選" title="はてなブックマーク - JavaScriptテストの基礎知識と使えるフレームワーク6選" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1210/04/news113.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.asial.co.jp/1036/ yojishiraki 2012-08-08T05:04:43Z javascript デバッグ 523 <blockquote cite="https://blog.asial.co.jp/1036/" title="【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.asial.co.jp%2F1036%2F" alt="" /> <a href="https://blog.asial.co.jp/1036/">【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編）</a></cite><p><a href="https://blog.asial.co.jp/1036/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/38a1423f4ed96e912b0cf96282efa20a7bb4d14b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.asial.co.jp%2Fogp-logo.jpg" alt="【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編）" title="【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編）" class="entry-image" /></a></p><p>こんにちは、橋本です。 今回と次回の２回にわたり、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 Javascriptのコードをデバッグする際に、console.logを使ってメッセージやオブジェクトの内容をログに表示することがあるかと思いますが、...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.asial.co.jp/1036/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.asial.co.jp/1036/" alt="はてなブックマーク - 【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編）" title="はてなブックマーク - 【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.asial.co.jp/1036/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2012/07/svgjsdcjs.html yojishiraki 2012-07-20T04:39:30Z JavaScript 67 <blockquote cite="https://phpspot.org/blog/archives/2012/07/svgjsdcjs.html" title="美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2012%2F07%2Fsvgjsdcjs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2012/07/svgjsdcjs.html">美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2012/07/svgjsdcjs.html"><img src="" alt="美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌" title="美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌" class="entry-image" /></a></p><p>dc.js - Dimensional Charting Javascript Library 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」 次のような円グラフや棒グラフをオブジェクト指向の分かりやすいコードで描画出来ます。 円グラフのコード例。メソッドをチェーンさせて直感的にグラフを描画可能。 SVG対応していないブラウザでは描画できません...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/07/svgjsdcjs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2012/07/svgjsdcjs.html" alt="はてなブックマーク - 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌" title="はてなブックマーク - 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/07/svgjsdcjs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://w3q.jp/t/1648 yojishiraki 2012-03-27T01:18:13Z JavaScript webdesign 75 <blockquote cite="http://w3q.jp/t/1648" title="Twitter Bootstrapで作られた、秀逸なデザインのWebサイト集"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fw3q.jp%2Ft%2F1648" alt="" /> <a href="http://w3q.jp/t/1648">Twitter Bootstrapで作られた、秀逸なデザインのWebサイト集</a></cite><p><a href="http://w3q.jp/t/1648"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b7dc4c8d324e84c9c6023c650d7a0bf0cfce1cfe/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F3%2F15%2Fl_2012-3-15_0e2934cbdefcb98c076df0137a80e768.jpg" alt="Twitter Bootstrapで作られた、秀逸なデザインのWebサイト集" title="Twitter Bootstrapで作られた、秀逸なデザインのWebサイト集" class="entry-image" /></a></p><p>Jake Fleming / Ruby on Rails Developmen... / No Half Pixels | Pixel P...他...全9件</p><p><a href="https://b.hatena.ne.jp/entry/w3q.jp/t/1648"><img src="https://b.hatena.ne.jp/entry/image/http://w3q.jp/t/1648" alt="はてなブックマーク - Twitter Bootstrapで作られた、秀逸なデザインのWebサイト集" title="はてなブックマーク - Twitter Bootstrapで作られた、秀逸なデザインのWebサイト集" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/w3q.jp/t/1648"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://humblesoftware.com/envision yojishiraki 2012-03-26T02:40:05Z javascript Chart ui 35 <blockquote cite="https://humblesoftware.com/envision" title="humble software development - envision"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhumblesoftware.com%2Fenvision" alt="" /> <a href="https://humblesoftware.com/envision">humble software development - envision</a></cite><p><a href="https://humblesoftware.com/envision"><img src="" alt="humble software development - envision" title="humble software development - envision" class="entry-image" /></a></p><p>Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations. TimeSeries template with real-time data. This demo features animation of the selection when new data arrives. The data itself is from a function but could be a callback to a remote data source. (click to cod...</p><p><a href="https://b.hatena.ne.jp/entry/s/humblesoftware.com/envision"><img src="https://b.hatena.ne.jp/entry/image/https://humblesoftware.com/envision" alt="はてなブックマーク - humble software development - envision" title="はてなブックマーク - humble software development - envision" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/humblesoftware.com/envision"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://w3q.jp/t/1625 yojishiraki 2012-03-12T01:16:33Z JavaScript canvas 59 <blockquote cite="http://w3q.jp/t/1625" title="canvasを駆使した美しい表現"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fw3q.jp%2Ft%2F1625" alt="" /> <a href="http://w3q.jp/t/1625">canvasを駆使した美しい表現</a></cite><p><a href="http://w3q.jp/t/1625"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4bdf4ea4467aa3c28c1c6034628c3fdca531f721/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fw3q.jp%2Farchive_static%2Fimage%2Fweb%2Fog-image.png" alt="canvasを駆使した美しい表現" title="canvasを駆使した美しい表現" class="entry-image" /></a></p><p>Colorful Spring Particle... / forked from: ParticleGir... / Node Garden他...全12件</p><p><a href="https://b.hatena.ne.jp/entry/w3q.jp/t/1625"><img src="https://b.hatena.ne.jp/entry/image/http://w3q.jp/t/1625" alt="はてなブックマーク - canvasを駆使した美しい表現" title="はてなブックマーク - canvasを駆使した美しい表現" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/w3q.jp/t/1625"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://bonsaiden.github.io/JavaScript-Garden/ja/ yojishiraki 2012-03-09T02:00:17Z JavaScript 729 <blockquote cite="http://bonsaiden.github.io/JavaScript-Garden/ja/" title="JavaScript Garden"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fbonsaiden.github.io%2FJavaScript-Garden%2Fja%2F" alt="" /> <a href="http://bonsaiden.github.io/JavaScript-Garden/ja/">JavaScript Garden</a></cite><p><a href="http://bonsaiden.github.io/JavaScript-Garden/ja/"><img src="" alt="JavaScript Garden" title="JavaScript Garden" class="entry-image" /></a></p><p>JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与...</p><p><a href="https://b.hatena.ne.jp/entry/bonsaiden.github.io/JavaScript-Garden/ja/"><img src="https://b.hatena.ne.jp/entry/image/http://bonsaiden.github.io/JavaScript-Garden/ja/" alt="はてなブックマーク - JavaScript Garden" title="はてなブックマーク - JavaScript Garden" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/bonsaiden.github.io/JavaScript-Garden/ja/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://dev.36t.jp/jsPlumb/test17.html yojishiraki 2012-01-05T11:21:26Z jQuery JavaScript 1 <blockquote cite="http://dev.36t.jp/jsPlumb/test17.html" title="jsPlumb Test | アニメーション"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdev.36t.jp%2FjsPlumb%2Ftest17.html" alt="" /> <a href="http://dev.36t.jp/jsPlumb/test17.html">jsPlumb Test | アニメーション</a></cite><p><a href="http://dev.36t.jp/jsPlumb/test17.html"><img src="" alt="jsPlumb Test | アニメーション" title="jsPlumb Test | アニメーション" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/dev.36t.jp/jsPlumb/test17.html"><img src="https://b.hatena.ne.jp/entry/image/http://dev.36t.jp/jsPlumb/test17.html" alt="はてなブックマーク - jsPlumb Test | アニメーション" title="はてなブックマーク - jsPlumb Test | アニメーション" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/dev.36t.jp/jsPlumb/test17.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135.html yojishiraki 2011-12-18T14:29:52Z JavaScript 570 <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135.html" title="JavaScriptでファイル操作！？ File APIを使いこなそう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1112%2F16%2Fnews135.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135.html">JavaScriptでファイル操作！？ File APIを使いこなそう</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9c41965ea605c1ca0c9a191fcd4037ee1fd66baf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F1112%2F16%2Fl_ap-introhtml5_06_01.gif" alt="JavaScriptでファイル操作！？ File APIを使いこなそう" title="JavaScriptでファイル操作！？ File APIを使いこなそう" class="entry-image" /></a></p><p>連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関す...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1112/16/news135.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135.html" alt="はてなブックマーク - JavaScriptでファイル操作！？ File APIを使いこなそう" title="はてなブックマーク - JavaScriptでファイル操作！？ File APIを使いこなそう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1112/16/news135.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://simsalabim.github.com/sisyphus/ yojishiraki 2011-12-18T14:27:37Z javascript 28 <blockquote cite="http://simsalabim.github.com/sisyphus/" title="Sisyphus.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsimsalabim.github.com%2Fsisyphus%2F" alt="" /> <a href="http://simsalabim.github.com/sisyphus/">Sisyphus.js</a></cite><p><a href="http://simsalabim.github.com/sisyphus/"><img src="" alt="Sisyphus.js" title="Sisyphus.js" class="entry-image" /></a></p><p>Persist your form&#39;s data in a browser&#39;s Local Storage and never lose it on occasional tabs closing, browser crashes and other disasters!</p><p><a href="https://b.hatena.ne.jp/entry/simsalabim.github.com/sisyphus/"><img src="https://b.hatena.ne.jp/entry/image/http://simsalabim.github.com/sisyphus/" alt="はてなブックマーク - Sisyphus.js" title="はてなブックマーク - Sisyphus.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/simsalabim.github.com/sisyphus/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html yojishiraki 2011-12-05T05:29:59Z JavaScript スマートフォン ui backbone.js jQuery 556 <blockquote cite="http://lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html" title="jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Flab.dwango.jp%2Farticles%2Fjquery-mobile-app-development%2F2-add-mvc-with-backbone.html" alt="" /> <a href="http://lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html">jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp</a></cite><p><a href="http://lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html"><img src="" alt="jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp" title="jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp" class="entry-image" /></a></p><p>こんにちは、2011年度新卒エンジニアの夏目です！突然ですがみなさんJavaScript書いてますか？ 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。そのようなときコードのいたるところにHTMLが混入したり、...</p><p><a href="https://b.hatena.ne.jp/entry/lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html"><img src="https://b.hatena.ne.jp/entry/image/http://lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html" alt="はてなブックマーク - jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp" title="はてなブックマーク - jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://atomer.hatenadiary.org/entry/20110108/1294502064 yojishiraki 2011-10-18T06:33:49Z JavaScript 27 <blockquote cite="https://atomer.hatenadiary.org/entry/20110108/1294502064" title="JavaScript TUEEEEEEEってなるdocument.writeのテクニック - あさdev"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatomer.hatenadiary.org%2Fentry%2F20110108%2F1294502064" alt="" /> <a href="https://atomer.hatenadiary.org/entry/20110108/1294502064">JavaScript TUEEEEEEEってなるdocument.writeのテクニック - あさdev</a></cite><p><a href="https://atomer.hatenadiary.org/entry/20110108/1294502064"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/921a5f0595bfde71ff9f7c3dfb839c234172c056/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127168676745%2F17680117127168689285%2F1558831985" alt="JavaScript TUEEEEEEEってなるdocument.writeのテクニック - あさdev" title="JavaScript TUEEEEEEEってなるdocument.writeのテクニック - あさdev" class="entry-image" /></a></p><p>外部からscriptタグで読み込んだJSファイル内でdocument.writeが使われていると、ページ全体が書き換えられてしまう。ページのDOM構築終了後にdocument.writeしちゃったりすると、こういうことが起こる。 基本的に外部のコードとかはDOM構築の段階で読み込むので問題は起こらないんだけど、例えばscriptタグをDOM構築終...</p><p><a href="https://b.hatena.ne.jp/entry/s/atomer.hatenadiary.org/entry/20110108/1294502064"><img src="https://b.hatena.ne.jp/entry/image/https://atomer.hatenadiary.org/entry/20110108/1294502064" alt="はてなブックマーク - JavaScript TUEEEEEEEってなるdocument.writeのテクニック - あさdev" title="はてなブックマーク - JavaScript TUEEEEEEEってなるdocument.writeのテクニック - あさdev" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atomer.hatenadiary.org/entry/20110108/1294502064"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://jsperf.com/ yojishiraki 2011-07-21T14:49:37Z JavaScript 179 <blockquote cite="https://jsperf.com/" title="jsPerf: JavaScript performance playground"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjsperf.com%2F" alt="" /> <a href="https://jsperf.com/">jsPerf: JavaScript performance playground</a></cite><p><a href="https://jsperf.com/"><img src="" alt="jsPerf: JavaScript performance playground" title="jsPerf: JavaScript performance playground" class="entry-image" /></a></p><p>jsPerf — JavaScript performance playground What is jsPerf? jsPerf aims to provide an easy way to create and share test cases, comparing the performance of different JavaScript snippets by running benchmarks. For more information, see the FAQ. Create a test case Login with GitHub to Create Test Cases</p><p><a href="https://b.hatena.ne.jp/entry/s/jsperf.com/"><img src="https://b.hatena.ne.jp/entry/image/https://jsperf.com/" alt="はてなブックマーク - jsPerf: JavaScript performance playground" title="はてなブックマーク - jsPerf: JavaScript performance playground" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jsperf.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://webos-goodies.jp/archives/getting_started_with_closure_library.html yojishiraki 2011-06-27T07:44:55Z JavaScript 58 <blockquote cite="http://webos-goodies.jp/archives/getting_started_with_closure_library.html" title="Closure Libraryによるアプリ開発のはじめ方 - WebOS Goodies"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebos-goodies.jp%2Farchives%2Fgetting_started_with_closure_library.html" alt="" /> <a href="http://webos-goodies.jp/archives/getting_started_with_closure_library.html">Closure Libraryによるアプリ開発のはじめ方 - WebOS Goodies</a></cite><p><a href="http://webos-goodies.jp/archives/getting_started_with_closure_library.html"><img src="" alt="Closure Libraryによるアプリ開発のはじめ方 - WebOS Goodies" title="Closure Libraryによるアプリ開発のはじめ方 - WebOS Goodies" class="entry-image" /></a></p><p>WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さ...</p><p><a href="https://b.hatena.ne.jp/entry/webos-goodies.jp/archives/getting_started_with_closure_library.html"><img src="https://b.hatena.ne.jp/entry/image/http://webos-goodies.jp/archives/getting_started_with_closure_library.html" alt="はてなブックマーク - Closure Libraryによるアプリ開発のはじめ方 - WebOS Goodies" title="はてなブックマーク - Closure Libraryによるアプリ開発のはじめ方 - WebOS Goodies" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webos-goodies.jp/archives/getting_started_with_closure_library.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.drk7.jp/MT/archives/001313.html yojishiraki 2011-06-14T05:02:39Z JavaScript 高速化 48 <blockquote cite="https://www.drk7.jp/MT/archives/001313.html" title="JavaScript の要素追加・変更で innetHTML と DOM の速度検証"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.drk7.jp%2FMT%2Farchives%2F001313.html" alt="" /> <a href="https://www.drk7.jp/MT/archives/001313.html">JavaScript の要素追加・変更で innetHTML と DOM の速度検証</a></cite><p><a href="https://www.drk7.jp/MT/archives/001313.html"><img src="" alt="JavaScript の要素追加・変更で innetHTML と DOM の速度検証" title="JavaScript の要素追加・変更で innetHTML と DOM の速度検証" class="entry-image" /></a></p><p>ちょっと昔に散々でまわったネタなんですけど・・・まぁ自分への備忘録っつーことで。 JavaScript でごにょごにょ動的に見た目を変更する社内ツールがあります。自分が作ったヤツなんですが、最近どうにも動きがモッサリしてきました。解析するまでもなく遅い原因は DOM で要素を追加・削除を大量にやっているのはわかっ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.drk7.jp/MT/archives/001313.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.drk7.jp/MT/archives/001313.html" alt="はてなブックマーク - JavaScript の要素追加・変更で innetHTML と DOM の速度検証" title="はてなブックマーク - JavaScript の要素追加・変更で innetHTML と DOM の速度検証" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.drk7.jp/MT/archives/001313.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://tech.nitoyon.com/entry/20081211/jquery_fast_css yojishiraki 2011-06-14T04:58:43Z jQuery JavaScript 高速化 890 <blockquote cite="http://tech.nitoyon.com/entry/20081211/jquery_fast_css" title="jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftech.nitoyon.com%2Fentry%2F20081211%2Fjquery_fast_css" alt="" /> <a href="http://tech.nitoyon.com/entry/20081211/jquery_fast_css">jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ</a></cite><p><a href="http://tech.nitoyon.com/entry/20081211/jquery_fast_css"><img src="" alt="jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ" title="jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ" class="entry-image" /></a></p><p>JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだ...</p><p><a href="https://b.hatena.ne.jp/entry/tech.nitoyon.com/entry/20081211/jquery_fast_css"><img src="https://b.hatena.ne.jp/entry/image/http://tech.nitoyon.com/entry/20081211/jquery_fast_css" alt="はてなブックマーク - jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ" title="はてなブックマーク - jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tech.nitoyon.com/entry/20081211/jquery_fast_css"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>