https://b.hatena.ne.jp/reosablo/JavaScript/ JavaScriptに関するreosabloのはてなブックマーク (30) https://codepen.io/osublake/pen/pqNXoq reosablo 2018-12-29T20:07:34Z web制作 JavaScript アルゴリズム WebGL 6 <blockquote cite="https://codepen.io/osublake/pen/pqNXoq" title="Flame in the wind"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodepen.io%2Fosublake%2Fpen%2FpqNXoq" alt="" /> <a href="https://codepen.io/osublake/pen/pqNXoq">Flame in the wind</a></cite><p><a href="https://codepen.io/osublake/pen/pqNXoq"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/42af28682c2eae059bff94ec81453a0113bf0794/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fcodepen-thumbnails%2FPen%2F31191197%2Fthumbnail.large.jpg%3Fv%3D1584369254" alt="Flame in the wind" title="Flame in the wind" class="entry-image" /></a></p><p>About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML ed...</p><p><a href="https://b.hatena.ne.jp/entry/s/codepen.io/osublake/pen/pqNXoq"><img src="https://b.hatena.ne.jp/entry/image/https://codepen.io/osublake/pen/pqNXoq" alt="はてなブックマーク - Flame in the wind" title="はてなブックマーク - Flame in the wind" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codepen.io/osublake/pen/pqNXoq"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.yoheim.net/blog.php?q=20140310 reosablo 2015-02-22T14:56:07Z JavaScript プログラミング 37 <blockquote cite="https://www.yoheim.net/blog.php?q=20140310" title="[Javascript] Promise/A+仕様を、チュートリアル形式で詳しく解説します - YoheiM .NET"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.yoheim.net%2Fblog.php%3Fq%3D20140310" alt="" /> <a href="https://www.yoheim.net/blog.php?q=20140310">[Javascript] Promise/A+仕様を、チュートリアル形式で詳しく解説します - YoheiM .NET</a></cite><p><a href="https://www.yoheim.net/blog.php?q=20140310"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c9dc0aaa224d7efca61704ba7a0bb71ef6e7d398/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F326.jpg" alt="[Javascript] Promise/A+仕様を、チュートリアル形式で詳しく解説します - YoheiM .NET" title="[Javascript] Promise/A+仕様を、チュートリアル形式で詳しく解説します - YoheiM .NET" class="entry-image" /></a></p><p>こんにちは、@yoheiMuneです。 JavaScriptの実装において、「Promise」を聞いたことがある方も多いのではないでしょうか。 今回は、JavaScriptにおけるPromise/A+を深く学ぶことができる記事を翻訳しました。その内容を紹介したいと思います。 Special Thanks to https://flic.kr/p/b5bNqv 翻訳について 本記事は、Matt ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.yoheim.net/blog.php?q=20140310"><img src="https://b.hatena.ne.jp/entry/image/https://www.yoheim.net/blog.php?q=20140310" alt="はてなブックマーク - [Javascript] Promise/A+仕様を、チュートリアル形式で詳しく解説します - YoheiM .NET" title="はてなブックマーク - [Javascript] Promise/A+仕様を、チュートリアル形式で詳しく解説します - YoheiM .NET" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.yoheim.net/blog.php?q=20140310"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://aikelab.net/webrhy/ reosablo 2014-11-16T10:57:17Z Web MIDI API Web Audio API JavaScript 5 <blockquote cite="http://aikelab.net/webrhy/" title="Webrhy - Web Beat Machine"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Faikelab.net%2Fwebrhy%2F" alt="" /> <a href="http://aikelab.net/webrhy/">Webrhy - Web Beat Machine</a></cite><p><a href="http://aikelab.net/webrhy/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dc9b43385b9b3b651a2f53804b742f68f02d89e8/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Faikelab.net%2Fwebrhy%2Fimages%2Fthumb.png" alt="Webrhy - Web Beat Machine" title="Webrhy - Web Beat Machine" class="entry-image" /></a></p><p>Webrhy is a beat machine for real time performance. It is all written in JavaScript</p><p><a href="https://b.hatena.ne.jp/entry/aikelab.net/webrhy/"><img src="https://b.hatena.ne.jp/entry/image/http://aikelab.net/webrhy/" alt="はてなブックマーク - Webrhy - Web Beat Machine" title="はてなブックマーク - Webrhy - Web Beat Machine" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/aikelab.net/webrhy/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sumaho-design.com/ reosablo 2014-11-15T10:29:31Z JavaScript jQuery 98 <blockquote cite="https://sumaho-design.com/" title="スライドショー"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsumaho-design.com%2F" alt="" /> <a href="https://sumaho-design.com/">スライドショー</a></cite><p><a href="https://sumaho-design.com/"><img src="" alt="スライドショー" title="スライドショー" class="entry-image" /></a></p><p>「食品飲料メーカー・飲食店」にスマホサイトを8個追加しました。 モリバコーヒー、カフェ・ド・クリエ、ブルーボトルコーヒー、カフェラミル、倉式珈琲店、サンマルクカフェ、イノダコーヒ、サザコーヒー 食品飲料メーカー・飲食店のスマホサイトまとめ</p><p><a href="https://b.hatena.ne.jp/entry/s/sumaho-design.com/"><img src="https://b.hatena.ne.jp/entry/image/https://sumaho-design.com/" alt="はてなブックマーク - スライドショー" title="はてなブックマーク - スライドショー" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sumaho-design.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://miko.art/labs/midi-js/ reosablo 2014-06-22T05:49:30Z JavaScript 33 <blockquote cite="https://miko.art/labs/midi-js/" title="MIDI.js - Sequencing in Javascript."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmiko.art%2Flabs%2Fmidi-js%2F" alt="" /> <a href="https://miko.art/labs/midi-js/">MIDI.js - Sequencing in Javascript.</a></cite><p><a href="https://miko.art/labs/midi-js/"><img src="" alt="MIDI.js - Sequencing in Javascript." title="MIDI.js - Sequencing in Javascript." class="entry-image" /></a></p><p>What’s all this hubub? MIDI.js ties together, and builds upon frameworks that bring MIDI to the browser. Combine it with jasmid to create a web-radio MIDI stream similar to this demo, or with Three.js, Sparks.js, or GLSL to create Audio/visual experiments. Piano/guitar simulations, Drum machines,...</p><p><a href="https://b.hatena.ne.jp/entry/s/miko.art/labs/midi-js/"><img src="https://b.hatena.ne.jp/entry/image/https://miko.art/labs/midi-js/" alt="はてなブックマーク - MIDI.js - Sequencing in Javascript." title="はてなブックマーク - MIDI.js - Sequencing in Javascript." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/miko.art/labs/midi-js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/script-async-loading-in-iframe/ reosablo 2013-10-22T13:56:45Z HTML JavaScript web制作 94 <blockquote cite="http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/script-async-loading-in-iframe/" title="document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftokkono.cute.coocan.jp%2Fblog%2Fslow%2Findex.php%2Fxhtmlcss%2Fscript-async-loading-in-iframe%2F" alt="" /> <a href="http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/script-async-loading-in-iframe/">document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…</a></cite><p><a href="http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/script-async-loading-in-iframe/"><img src="" alt="document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…" title="document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…" class="entry-image" /></a></p><p>広告やソーシャル系のサードパーティー製ブログパーツを張りたいんだけど、サイトの表示速度が遅くなるのって我慢なりませんよネ。こういったブログパーツの多くが JavaScript で作られています。自サーバーに設置したスクリプトならまだ手の打ちようはあるし、本サイトでも JavaScript 読み込みを高速化するための非同...</p><p><a href="https://b.hatena.ne.jp/entry/tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/script-async-loading-in-iframe/"><img src="https://b.hatena.ne.jp/entry/image/http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/script-async-loading-in-iframe/" alt="はてなブックマーク - document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…" title="はてなブックマーク - document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/script-async-loading-in-iframe/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mizchi.hatenablog.com/entry/2013/09/25/190313 reosablo 2013-09-27T22:45:59Z JavaScript プログラミング web制作 アルゴリズム 737 <blockquote cite="https://mizchi.hatenablog.com/entry/2013/09/25/190313" title="世の中のHTML5アプリケーションが糞だから、俺が「初期化」の作り方を教えてやんよ - mizchi&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.hatenablog.com%2Fentry%2F2013%2F09%2F25%2F190313" alt="" /> <a href="https://mizchi.hatenablog.com/entry/2013/09/25/190313">世の中のHTML5アプリケーションが糞だから、俺が「初期化」の作り方を教えてやんよ - mizchi&#39;s blog</a></cite><p><a href="https://mizchi.hatenablog.com/entry/2013/09/25/190313"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/11def24ba672db563694470c645c6d29f1e25a33/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729889376%2F11696248318758092500%2F1380103986" alt="世の中のHTML5アプリケーションが糞だから、俺が「初期化」の作り方を教えてやんよ - mizchi&#39;s blog" title="世の中のHTML5アプリケーションが糞だから、俺が「初期化」の作り方を教えてやんよ - mizchi&#39;s blog" class="entry-image" /></a></p><p>2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。 とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。 じゃあどうするか？基本的に「初期化」の考え方を直せばどうにかなる。 (この記事は...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2013/09/25/190313"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.hatenablog.com/entry/2013/09/25/190313" alt="はてなブックマーク - 世の中のHTML5アプリケーションが糞だから、俺が「初期化」の作り方を教えてやんよ - mizchi&#39;s blog" title="はてなブックマーク - 世の中のHTML5アプリケーションが糞だから、俺が「初期化」の作り方を教えてやんよ - mizchi&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2013/09/25/190313"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://commte.net//archives/3403 reosablo 2013-07-23T14:13:15Z HTML5 HTML web制作 プレゼンテーション JavaScript css 1428 <blockquote cite="https://commte.net//archives/3403" title="ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcommte.net%2F%2Farchives%2F3403" alt="" /> <a href="https://commte.net//archives/3403">ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７</a></cite><p><a href="https://commte.net//archives/3403"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c49a6e962ade184d6f2fa9a3adeb7c47d5eb29e9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fai_Webdesign1.jpg" alt="ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７" title="ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７" class="entry-image" /></a></p><p>作成：2013/07/22 更新：2014/11/01 Web制作 &gt; 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教え...</p><p><a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/3403"><img src="https://b.hatena.ne.jp/entry/image/https://commte.net//archives/3403" alt="はてなブックマーク - ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７" title="はてなブックマーク - ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/3403"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/13/javascript_douglas_crockfordqcon_tokyo_2013.html 引用: より効果的になろうとすればタイプ数を減らすのではなく、エラーを少なくするようなことをするべきです。 reosablo 2013-05-19T11:11:06Z JavaScript プログラミング 377 <blockquote cite="https://www.publickey1.jp/blog/13/javascript_douglas_crockfordqcon_tokyo_2013.html" title="JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F13%2Fjavascript_douglas_crockfordqcon_tokyo_2013.html" alt="" /> <a href="https://www.publickey1.jp/blog/13/javascript_douglas_crockfordqcon_tokyo_2013.html">JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013</a></cite><p><a href="https://www.publickey1.jp/blog/13/javascript_douglas_crockfordqcon_tokyo_2013.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d450394c261d8a6eb13442110beb6afd23e623d5/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.publickey1.jp%2Fblog%2F13%2Fcrockford01.jpg" alt="JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013" title="JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013" class="entry-image" /></a></p><p>JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013 4月23日に都内で開催されたエンジニア向けのイベント「QCon Tokyo 2013」。基調講演に登壇したのは、JavaScriptの重鎮であるDouglas Crockford氏。「プログラミング・スタイルと私たち...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/13/javascript_douglas_crockfordqcon_tokyo_2013.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/13/javascript_douglas_crockfordqcon_tokyo_2013.html" alt="はてなブックマーク - JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013" title="はてなブックマーク - JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/13/javascript_douglas_crockfordqcon_tokyo_2013.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://d.hatena.ne.jp/kitokitoki/20111022/p1 reosablo 2013-05-05T05:57:04Z JavaScript jQuery web制作 56 <blockquote cite="http://d.hatena.ne.jp/kitokitoki/20111022/p1" title="jQuery 1.7 の $.Callbacks の解説 - わからん"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fd.hatena.ne.jp%2Fkitokitoki%2F20111022%2Fp1" alt="" /> <a href="http://d.hatena.ne.jp/kitokitoki/20111022/p1">jQuery 1.7 の $.Callbacks の解説 - わからん</a></cite><p><a href="http://d.hatena.ne.jp/kitokitoki/20111022/p1"><img src="" alt="jQuery 1.7 の $.Callbacks の解説 - わからん" title="jQuery 1.7 の $.Callbacks の解説 - わからん" class="entry-image" /></a></p><p>jQuery 1.7 で導入される $.Callbacks についての &quot;Demystifying jQuery 1.7′s $.Callbacks&quot; と題された解説記事をみつけたので紹介します。内容を少しはしょったり、補ったりした翻訳です。元記事の著者 Addy Osmani さんは jQuery チームのメンバーとのこと。本文に出てくる jQuery.Deferrd, Pub/Sub の話題を理解する...</p><p><a href="https://b.hatena.ne.jp/entry/d.hatena.ne.jp/kitokitoki/20111022/p1"><img src="https://b.hatena.ne.jp/entry/image/http://d.hatena.ne.jp/kitokitoki/20111022/p1" alt="はてなブックマーク - jQuery 1.7 の $.Callbacks の解説 - わからん" title="はてなブックマーク - jQuery 1.7 の $.Callbacks の解説 - わからん" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/d.hatena.ne.jp/kitokitoki/20111022/p1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://perfectionkills.com/javascript-quiz/ #13 は知らなかった…。new 演算子って、元の関数から参照できるあらゆるオブジェクトが返される可能性があるのね。 reosablo 2013-04-30T14:28:08Z JavaScript ECMAScript 90 <blockquote cite="https://perfectionkills.com/javascript-quiz/" title="Javascript quiz — Perfection Kills"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fperfectionkills.com%2Fjavascript-quiz%2F" alt="" /> <a href="https://perfectionkills.com/javascript-quiz/">Javascript quiz — Perfection Kills</a></cite><p><a href="https://perfectionkills.com/javascript-quiz/"><img src="" alt="Javascript quiz — Perfection Kills" title="Javascript quiz — Perfection Kills" class="entry-image" /></a></p><p>I was recently reminded about Dmitry Baranovsky&#39;s Javascript test, when N. Zakas answered and explained it in a blog post. First time I saw those questions explained was by Richard Cornford in comp.lang.javascript, although not as thoroughly as by Nicholas. I decided to come up with my own little...</p><p><a href="https://b.hatena.ne.jp/entry/s/perfectionkills.com/javascript-quiz/"><img src="https://b.hatena.ne.jp/entry/image/https://perfectionkills.com/javascript-quiz/" alt="はてなブックマーク - Javascript quiz — Perfection Kills" title="はてなブックマーク - Javascript quiz — Perfection Kills" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/perfectionkills.com/javascript-quiz/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html reosablo 2012-12-20T17:32:11Z JavaScript プログラミング 445 <blockquote cite="https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html" title="Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F12%2Ffacebookhtml5sencha_touch3.html" alt="" /> <a href="https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html">Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック</a></cite><p><a href="https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d456b001e7b1552ac62944ca10fa41df736e3920/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2Ffbico_pblky.png" alt="Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック" title="Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック" class="entry-image" /></a></p><p>Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事 「Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム」は、非常に多くの読者に注目されました。 この記事で紹介したSencha To...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html" alt="はてなブックマーク - Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック" title="はてなブックマーク - Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://iedataleak.spider.io/demo 実に単純に再現可能な脆弱性だった…。ウィンドウ外のカーソル位置でも取得可能 ①適当な要素elemで elem.attachEvent("onmousemove",handler); ②setIntervalなどで elem.fireEvent("onmousemove"); reosablo 2012-12-14T07:09:17Z JavaScript 5 <blockquote cite="http://iedataleak.spider.io/demo" title="Challenge - spider.io"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fiedataleak.spider.io%2Fdemo" alt="" /> <a href="http://iedataleak.spider.io/demo">Challenge - spider.io</a></cite><p><a href="http://iedataleak.spider.io/demo"><img src="" alt="Challenge - spider.io" title="Challenge - spider.io" class="entry-image" /></a></p><p>Demonstrating Data Leakage from Internet Explorer On this page we&#39;ve included a live demonstration of a security vulnerability in Internet Explorer (versions 6–10), which is described here: spider.io/blog/2012/12/internet-explorer-data-leakage/. The live demonstration is only accessible if you&#39;re...</p><p><a href="https://b.hatena.ne.jp/entry/iedataleak.spider.io/demo"><img src="https://b.hatena.ne.jp/entry/image/http://iedataleak.spider.io/demo" alt="はてなブックマーク - Challenge - spider.io" title="はてなブックマーク - Challenge - spider.io" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/iedataleak.spider.io/demo"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://wise9.jp/archives/6060/ reosablo 2012-12-13T13:33:21Z web制作 JavaScript 109 <blockquote cite="https://wise9.jp/archives/6060/" title="モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwise9.jp%2Farchives%2F6060%2F" alt="" /> <a href="https://wise9.jp/archives/6060/">モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。</a></cite><p><a href="https://wise9.jp/archives/6060/"><img src="" alt="モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。" title="モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。" class="entry-image" /></a></p><p>モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給でき...</p><p><a href="https://b.hatena.ne.jp/entry/s/wise9.jp/archives/6060/"><img src="https://b.hatena.ne.jp/entry/image/https://wise9.jp/archives/6060/" alt="はてなブックマーク - モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。" title="はてなブックマーク - モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/wise9.jp/archives/6060/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html reosablo 2012-07-05T10:54:04Z JavaScript 70 <blockquote cite="http://labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html" title="md5.js (mitsunari@cybozu labs)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Flabs.cybozu.co.jp%2Fblog%2Fmitsunari%2F2007%2F07%2Fmd5js_1.html" alt="" /> <a href="http://labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html">md5.js (mitsunari@cybozu labs)</a></cite><p><a href="http://labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html"><img src="" alt="md5.js (mitsunari@cybozu labs)" title="md5.js (mitsunari@cybozu labs)" class="entry-image" /></a></p><p>JavaScriptでMD5を計算するライブラリを作りました． ○特長 webでよく見られるいくつかの同種のライブラリに比べて3～7倍ほど高速に計算します． ○ダウンロード(download) md5.js ○仕様 ASCII文字列を渡すとそのMD5を計算して16進数文字列で返します． 文字列に漢字などが含まれている場合は二つ目の引数にCybozuLabs.MD...</p><p><a href="https://b.hatena.ne.jp/entry/labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html"><img src="https://b.hatena.ne.jp/entry/image/http://labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html" alt="はてなブックマーク - md5.js (mitsunari@cybozu labs)" title="はてなブックマーク - md5.js (mitsunari@cybozu labs)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://rest-term.com/archives/2966/ reosablo 2012-06-15T16:00:33Z プログラミング JavaScript 27 <blockquote cite="https://rest-term.com/archives/2966/" title="JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Frest-term.com%2Farchives%2F2966%2F" alt="" /> <a href="https://rest-term.com/archives/2966/">JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term</a></cite><p><a href="https://rest-term.com/archives/2966/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/28b8665c0f2db2bdc455dbb6c59d5e5337181783/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frest-term.com%2Fwp-content%2Fuploads%2F2012%2F01%2Fhighpassfilter.jpg" alt="JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term" title="JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term" class="entry-image" /></a></p><p>Spatial Frequency Filtering by 2D-FFT これまでにJavaScriptとHTML5 Canvas APIでいくつかの画像処理を試してきましたが、今回は二次元離散フーリエ変換(2D-DFT、実装上では2D-FFT)で得られた周波数スペクトルにハイパス/ローパスフィルタ(HPF/LPF)を適用します。 「フーリエ変換」は音声処理でよく耳にする単語かと思...</p><p><a href="https://b.hatena.ne.jp/entry/s/rest-term.com/archives/2966/"><img src="https://b.hatena.ne.jp/entry/image/https://rest-term.com/archives/2966/" alt="はてなブックマーク - JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term" title="はてなブックマーク - JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/rest-term.com/archives/2966/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lake-js.html reosablo 2012-04-23T11:31:23Z JavaScript 48 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lake-js.html" title="[JS]画像を湖面にゆらゆらと映し出す癒し系スクリプト -lake.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-lake-js.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lake-js.html">[JS]画像を湖面にゆらゆらと映し出す癒し系スクリプト -lake.js</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lake-js.html"><img src="" alt="[JS]画像を湖面にゆらゆらと映し出す癒し系スクリプト -lake.js" title="[JS]画像を湖面にゆらゆらと映し出す癒し系スクリプト -lake.js" class="entry-image" /></a></p><p>デモページ [ad#ad-2] lake.jsの使い方 HTML 画像はimg要素で配置し、「display: none;」で一旦非表示にします。 &lt;img id=&quot;lake-img&quot; src=&quot;lake.png&quot; style=&quot;display: none;&quot;/&gt; 画像は下記のように、上半分のみ用意します。 使用している画像：lake.png 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lake-js.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lake-js.html" alt="はてなブックマーク - [JS]画像を湖面にゆらゆらと映し出す癒し系スクリプト -lake.js" title="はてなブックマーク - [JS]画像を湖面にゆらゆらと映し出す癒し系スクリプト -lake.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lake-js.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/12/javavmjavascriptecmascript5nashornjdk_8nodejs.html reosablo 2012-04-11T00:27:33Z JavaScript 87 <blockquote cite="https://www.publickey1.jp/blog/12/javavmjavascriptecmascript5nashornjdk_8nodejs.html" title="JavaVMをJavaScript/ECMAScript5対応にする「Nashorn」、JDK 8でリリース。Node.jsとの連係をオラクルがデモ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F12%2Fjavavmjavascriptecmascript5nashornjdk_8nodejs.html" alt="" /> <a href="https://www.publickey1.jp/blog/12/javavmjavascriptecmascript5nashornjdk_8nodejs.html">JavaVMをJavaScript/ECMAScript5対応にする「Nashorn」、JDK 8でリリース。Node.jsとの連係をオラクルがデモ</a></cite><p><a href="https://www.publickey1.jp/blog/12/javavmjavascriptecmascript5nashornjdk_8nodejs.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d456b001e7b1552ac62944ca10fa41df736e3920/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2Ffbico_pblky.png" alt="JavaVMをJavaScript/ECMAScript5対応にする「Nashorn」、JDK 8でリリース。Node.jsとの連係をオラクルがデモ" title="JavaVMをJavaScript/ECMAScript5対応にする「Nashorn」、JDK 8でリリース。Node.jsとの連係をオラクルがデモ" class="entry-image" /></a></p><p>JavaVMをJavaScript/ECMAScript5対応にする「Nashorn」、JDK 8でリリース。Node.jsとの連係をオラクルがデモ オラクルが開発中の「Nashorn」は、JavaVMでJavaScriptを実行可能にするソフトウェア。その詳細が4月4日と5日に六本木で開催されたJavaOne Tokyo 2012のセッション「The Future of JavaScript in the JDK」で明...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/12/javavmjavascriptecmascript5nashornjdk_8nodejs.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/12/javavmjavascriptecmascript5nashornjdk_8nodejs.html" alt="はてなブックマーク - JavaVMをJavaScript/ECMAScript5対応にする「Nashorn」、JDK 8でリリース。Node.jsとの連係をオラクルがデモ" title="はてなブックマーク - JavaVMをJavaScript/ECMAScript5対応にする「Nashorn」、JDK 8でリリース。Node.jsとの連係をオラクルがデモ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/12/javavmjavascriptecmascript5nashornjdk_8nodejs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www40.atwiki.jp/spellbound/pages/1780.html reosablo 2012-03-25T07:45:32Z JavaScript 307 <blockquote cite="http://www40.atwiki.jp/spellbound/pages/1780.html" title="ActionScript入門Wiki - Arctic.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww40.atwiki.jp%2Fspellbound%2Fpages%2F1780.html" alt="" /> <a href="http://www40.atwiki.jp/spellbound/pages/1780.html">ActionScript入門Wiki - Arctic.js</a></cite><p><a href="http://www40.atwiki.jp/spellbound/pages/1780.html"><img src="" alt="ActionScript入門Wiki - Arctic.js" title="ActionScript入門Wiki - Arctic.js" class="entry-image" /></a></p><p>AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js &lt;html&gt; &lt;head&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;js/arctic.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;js/game.js&quot;&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;canvas id=&quot;canvas&quot;...</p><p><a href="https://b.hatena.ne.jp/entry/www40.atwiki.jp/spellbound/pages/1780.html"><img src="https://b.hatena.ne.jp/entry/image/http://www40.atwiki.jp/spellbound/pages/1780.html" alt="はてなブックマーク - ActionScript入門Wiki - Arctic.js" title="はてなブックマーク - ActionScript入門Wiki - Arctic.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www40.atwiki.jp/spellbound/pages/1780.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://dena.jp/recruit/students/arctic/api/ reosablo 2012-03-21T07:59:20Z JavaScript 1 <blockquote cite="http://dena.jp/recruit/students/arctic/api/" title="JsDoc Reference - Index"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdena.jp%2Frecruit%2Fstudents%2Farctic%2Fapi%2F" alt="" /> <a href="http://dena.jp/recruit/students/arctic/api/">JsDoc Reference - Index</a></cite><p><a href="http://dena.jp/recruit/students/arctic/api/"><img src="" alt="JsDoc Reference - Index" title="JsDoc Reference - Index" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/dena.jp/recruit/students/arctic/api/"><img src="https://b.hatena.ne.jp/entry/image/http://dena.jp/recruit/students/arctic/api/" alt="はてなブックマーク - JsDoc Reference - Index" title="はてなブックマーク - JsDoc Reference - Index" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/dena.jp/recruit/students/arctic/api/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>