https://b.hatena.ne.jp/harigel/javascript/ javascriptに関するharigelのはてなブックマーク (36) https://stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/ “eval(“({” + location.search.slice(1).replace(/=/g, “:”).replace(/&/g, “,”) + “})”);” harigel 2016-03-23T03:50:22Z *programming javascript <blockquote cite="https://stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/" title="JavaScript regex trick: Parse a query string into an object « Steven Benner’s Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstevenbenner.com%2F2010%2F03%2Fjavascript-regex-trick-parse-a-query-string-into-an-object%2F" alt="" /> <a href="https://stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/">JavaScript regex trick: Parse a query string into an object « Steven Benner’s Blog</a></cite><p><a href="https://stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d2bbb8065d9d69a62bc93e35bd760755610d1cfd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstatic.stevenbenner.name%2Fwp-content%2Fuploads%2Fjs_qs_code.png" alt="JavaScript regex trick: Parse a query string into an object « Steven Benner’s Blog" title="JavaScript regex trick: Parse a query string into an object « Steven Benner’s Blog" class="entry-image" /></a></p><p>Have you ever needed to get query string values using JavaScript? This task is usually a painful split, split, split, iterate, indexOf hack that is really slow and terribly ugly to look at. It also tends to pile up lines of code really fast. Here is a really sweet way to parse the query string in...</p><p><a href="https://b.hatena.ne.jp/entry/s/stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/"><img src="https://b.hatena.ne.jp/entry/image/https://stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/" alt="はてなブックマーク - JavaScript regex trick: Parse a query string into an object « Steven Benner’s Blog" title="はてなブックマーク - JavaScript regex trick: Parse a query string into an object « Steven Benner’s Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 3 https://morizyun.github.io/blog/javascript-learning-tech-yourself_01/ harigel 2014-01-20T01:11:23Z *programming javascript まとめ <blockquote cite="https://morizyun.github.io/blog/javascript-learning-tech-yourself_01/" title="JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmorizyun.github.io%2Fblog%2Fjavascript-learning-tech-yourself_01%2F" alt="" /> <a href="https://morizyun.github.io/blog/javascript-learning-tech-yourself_01/">JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと</a></cite><p><a href="https://morizyun.github.io/blog/javascript-learning-tech-yourself_01/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/81d72e1f2a24e979660376b9780bd73233cb7dc8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmorizyun.github.io%2Fimg%2Fog_image.png" alt="JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと" title="JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと" class="entry-image" /></a></p><p>JavaScriptはブラウザから簡単に使えるし、jQuery Pluginも簡単に追加できるので、つい基礎をおろそかにしたまま使っていて、ちょっと凝ったことをしようとした時にいつもハマっていました。ということで今回は、独習JavaScriptの第二版を購入して読み進めつつ、ネットのお勧めのドキュメントを見て、補足しながら勉強し...</p><p><a href="https://b.hatena.ne.jp/entry/s/morizyun.github.io/blog/javascript-learning-tech-yourself_01/"><img src="https://b.hatena.ne.jp/entry/image/https://morizyun.github.io/blog/javascript-learning-tech-yourself_01/" alt="はてなブックマーク - JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと" title="はてなブックマーク - JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/morizyun.github.io/blog/javascript-learning-tech-yourself_01/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 892 https://utahta.hatenablog.com/blog/2012/12/09/javascript%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0/ harigel 2013-11-21T19:50:56Z *programming javascript scraping ruby <blockquote cite="https://utahta.hatenablog.com/blog/2012/12/09/javascript%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0/" title="JavaScriptが必要なページのスクレイピング - Bits of Log"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Futahta.hatenablog.com%2Fblog%2F2012%2F12%2F09%2Fjavascript%25E3%2581%258C%25E5%25BF%2585%25E8%25A6%2581%25E3%2581%25AA%25E3%2583%259A%25E3%2583%25BC%25E3%2582%25B8%25E3%2581%25AE%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AC%25E3%2582%25A4%25E3%2583%2594%25E3%2583%25B3%25E3%2582%25B0%2F" alt="" /> <a href="https://utahta.hatenablog.com/blog/2012/12/09/javascript%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0/">JavaScriptが必要なページのスクレイピング - Bits of Log</a></cite><p><a href="https://utahta.hatenablog.com/blog/2012/12/09/javascript%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d8c0b8f8357938445b97518df7f787b9d56b26bf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704830469096255389%2F6653458415119686999%2F1498993308" alt="JavaScriptが必要なページのスクレイピング - Bits of Log" title="JavaScriptが必要なページのスクレイピング - Bits of Log" class="entry-image" /></a></p><p>JavaScriptが必要なページをスクレイピングするにはどうしたらいいか調べた。 Selenium ブラウザを操作してウェブアプリのテストをするツール。 FireFox, Chrome, IEなど様々なブラウザに対応している。 実際にブラウザを立ちあげて色々行うのでやや遅い。 Rubyで書くとこうなる。 require &quot;rubygems&quot; require &quot;selenium...</p><p><a href="https://b.hatena.ne.jp/entry/s/utahta.hatenablog.com/blog/2012/12/09/javascript%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0/"><img src="https://b.hatena.ne.jp/entry/image/https://utahta.hatenablog.com/blog/2012/12/09/javascript%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0/" alt="はてなブックマーク - JavaScriptが必要なページのスクレイピング - Bits of Log" title="はてなブックマーク - JavaScriptが必要なページのスクレイピング - Bits of Log" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/utahta.hatenablog.com/blog/2012/12/09/javascript%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 http://aem1k.com/world/ harigel 2013-09-19T01:02:19Z *programming javascript これはすごい ネタ <blockquote cite="http://aem1k.com/world/" title="World - View Source!"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Faem1k.com%2Fworld%2F" alt="" /> <a href="http://aem1k.com/world/">World - View Source!</a></cite><p><a href="http://aem1k.com/world/"><img src="" alt="World - View Source!" title="World - View Source!" class="entry-image" /></a></p><p>The animated ASCII globe surrounded by its own source code. An quine in 1024 bytes of JavaScript.</p><p><a href="https://b.hatena.ne.jp/entry/aem1k.com/world/"><img src="https://b.hatena.ne.jp/entry/image/http://aem1k.com/world/" alt="はてなブックマーク - World - View Source!" title="はてなブックマーク - World - View Source!" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/aem1k.com/world/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 103 https://www.schillmania.com/projects/soundmanager2/ harigel 2013-09-14T21:40:25Z *programming javascript music flash streaming <blockquote cite="https://www.schillmania.com/projects/soundmanager2/" title="SoundManager 2: JavaScript Sound For The Web"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.schillmania.com%2Fprojects%2Fsoundmanager2%2F" alt="" /> <a href="https://www.schillmania.com/projects/soundmanager2/">SoundManager 2: JavaScript Sound For The Web</a></cite><p><a href="https://www.schillmania.com/projects/soundmanager2/"><img src="" alt="SoundManager 2: JavaScript Sound For The Web" title="SoundManager 2: JavaScript Sound For The Web" class="entry-image" /></a></p><p>HTML5 + flash hybrid Complexity, reduced Supporting HTML5 audio can be tedious in modern browsers, let alone legacy ones. With real-world visitors using browsers ranging from mobile Safari to IE 6 across a wide range of devices, there can be many support cases to consider. SoundManager 2 gives yo...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.schillmania.com/projects/soundmanager2/"><img src="https://b.hatena.ne.jp/entry/image/https://www.schillmania.com/projects/soundmanager2/" alt="はてなブックマーク - SoundManager 2: JavaScript Sound For The Web" title="はてなブックマーク - SoundManager 2: JavaScript Sound For The Web" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.schillmania.com/projects/soundmanager2/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 177 http://jsdo.it/ javascriptとかのコード共有サービス。たのしそう。 harigel 2011-03-08T01:21:03Z *programming *webサービス javascript css html5 <blockquote cite="http://jsdo.it/" title="jsdo.it"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjsdo.it%2F" alt="" /> <a href="http://jsdo.it/">jsdo.it</a></cite><p><a href="http://jsdo.it/"><img src="" alt="jsdo.it" title="jsdo.it" class="entry-image" /></a></p><p>We’re getting things ready Loading your experience… This won’t take long.</p><p><a href="https://b.hatena.ne.jp/entry/jsdo.it/"><img src="https://b.hatena.ne.jp/entry/image/http://jsdo.it/" alt="はてなブックマーク - jsdo.it" title="はてなブックマーク - jsdo.it" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/jsdo.it/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2999 https://ockeghem.hatenablog.jp/entry/20100726/p1 harigel 2010-07-26T23:43:12Z 携帯 セキュリティ javascript これはひどい <blockquote cite="https://ockeghem.hatenablog.jp/entry/20100726/p1" title="携帯電話事業者に学ぶ「XSS対策」 - ockeghem&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fockeghem.hatenablog.jp%2Fentry%2F20100726%2Fp1" alt="" /> <a href="https://ockeghem.hatenablog.jp/entry/20100726/p1">携帯電話事業者に学ぶ「XSS対策」 - ockeghem&#39;s blog</a></cite><p><a href="https://ockeghem.hatenablog.jp/entry/20100726/p1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f80c05d7be55a78e5add93b65ff3ce7d494b53de/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fb742dba6fa9f31e9864bac145bc249061deb51a5%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fo%252Fockeghem%252F20100726%252F20100726125316.png" alt="携帯電話事業者に学ぶ「XSS対策」 - ockeghem&#39;s blog" title="携帯電話事業者に学ぶ「XSS対策」 - ockeghem&#39;s blog" class="entry-image" /></a></p><p>NTTドコモとソフトバンクモバイルは、フィーチャーフォン（いわゆるガラケー）にてJavaScriptの対応を始めています。JavaScriptに対応すると、クロスサイト・スクリプティング(XSS)脆弱性の懸念が高まりますが、両社は独自の手法によりXSS対策をしている（しようとしている）挙動が観測されましたので報告します。この内...</p><p><a href="https://b.hatena.ne.jp/entry/s/ockeghem.hatenablog.jp/entry/20100726/p1"><img src="https://b.hatena.ne.jp/entry/image/https://ockeghem.hatenablog.jp/entry/20100726/p1" alt="はてなブックマーク - 携帯電話事業者に学ぶ「XSS対策」 - ockeghem&#39;s blog" title="はてなブックマーク - 携帯電話事業者に学ぶ「XSS対策」 - ockeghem&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ockeghem.hatenablog.jp/entry/20100726/p1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 268 http://www.coderun.com/ harigel 2010-04-19T08:31:00Z *webサービス *programming IDE javascript <blockquote cite="http://www.coderun.com/" title="Web development and deployment tools: CodeRun"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.coderun.com%2F" alt="" /> <a href="http://www.coderun.com/">Web development and deployment tools: CodeRun</a></cite><p><a href="http://www.coderun.com/"><img src="" alt="Web development and deployment tools: CodeRun" title="Web development and deployment tools: CodeRun" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.coderun.com/"><img src="https://b.hatena.ne.jp/entry/image/http://www.coderun.com/" alt="はてなブックマーク - Web development and deployment tools: CodeRun" title="はてなブックマーク - Web development and deployment tools: CodeRun" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.coderun.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 93 https://tide4javascript.com/ harigel 2010-04-19T08:26:46Z *webサービス *programming javascript ide <blockquote cite="https://tide4javascript.com/" title="TIDE 2.0 beta"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftide4javascript.com%2F" alt="" /> <a href="https://tide4javascript.com/">TIDE 2.0 beta</a></cite><p><a href="https://tide4javascript.com/"><img src="" alt="TIDE 2.0 beta" title="TIDE 2.0 beta" class="entry-image" /></a></p><p>反響が良いレシピでも、私は結構平気で忘れてしまうので、あとからノートをひっくり返すことになります。だから、ここにBKを作る方法をメモ代わりに書いておきます。人を用意したら、国際をカットします。国際を鍋に入れ（少し大きめが良いかも）、タイの頃合いを見て、女性もいっしょくたにザルにあけて、お湯を完全に...</p><p><a href="https://b.hatena.ne.jp/entry/s/tide4javascript.com/"><img src="https://b.hatena.ne.jp/entry/image/https://tide4javascript.com/" alt="はてなブックマーク - TIDE 2.0 beta" title="はてなブックマーク - TIDE 2.0 beta" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tide4javascript.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 291 https://amachang.hatenablog.com/entry/20070202/1170386546 harigel 2010-03-23T08:45:30Z *programming javascript <blockquote cite="https://amachang.hatenablog.com/entry/20070202/1170386546" title="JavaScript の配列と連想配列の違い - IT戦記"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Famachang.hatenablog.com%2Fentry%2F20070202%2F1170386546" alt="" /> <a href="https://amachang.hatenablog.com/entry/20070202/1170386546">JavaScript の配列と連想配列の違い - IT戦記</a></cite><p><a href="https://amachang.hatenablog.com/entry/20070202/1170386546"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1585d739c65f8b5f66535f41372859d0db1c4a1d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647549686%2F1527141596" alt="JavaScript の配列と連想配列の違い - IT戦記" title="JavaScript の配列と連想配列の違い - IT戦記" class="entry-image" /></a></p><p>id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScr...</p><p><a href="https://b.hatena.ne.jp/entry/s/amachang.hatenablog.com/entry/20070202/1170386546"><img src="https://b.hatena.ne.jp/entry/image/https://amachang.hatenablog.com/entry/20070202/1170386546" alt="はてなブックマーク - JavaScript の配列と連想配列の違い - IT戦記" title="はてなブックマーク - JavaScript の配列と連想配列の違い - IT戦記" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/amachang.hatenablog.com/entry/20070202/1170386546"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 639 http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html harigel 2010-03-04T02:51:17Z *ネタ *programming これはすごい JavaScript *Game <blockquote cite="http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html" title="nihilogic: Super Mario in 14kB Javascript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.nihilogic.dk%2F2008%2F04%2Fsuper-mario-in-14kb-javascript.html" alt="" /> <a href="http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html">nihilogic: Super Mario in 14kB Javascript</a></cite><p><a href="http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html"><img src="" alt="nihilogic: Super Mario in 14kB Javascript" title="nihilogic: Super Mario in 14kB Javascript" class="entry-image" /></a></p><p>Tuesday, April 8, 2008 224 comments Super Mario in 14kB Javascript Labels: games, javascript Here&#39;s an experiment in keeping things small and confined to one Javascript file. There are no external image files or anything, everything is rendered with Javascript using either canvas elements or old ...</p><p><a href="https://b.hatena.ne.jp/entry/blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html" alt="はてなブックマーク - nihilogic: Super Mario in 14kB Javascript" title="はてなブックマーク - nihilogic: Super Mario in 14kB Javascript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 157 https://ascii.jp/elem/000/000/498/498710/ harigel 2010-02-17T05:26:24Z *programming javascript jQuery <blockquote cite="https://ascii.jp/elem/000/000/498/498710/" title="40分で覚える！jQuery速習講座 (1/6)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F000%2F498%2F498710%2F" alt="" /> <a href="https://ascii.jp/elem/000/000/498/498710/">40分で覚える！jQuery速習講座 (1/6)</a></cite><p><a href="https://ascii.jp/elem/000/000/498/498710/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/07c41eb0bc0ab9f1c612a9967116b5a71095ac6b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F2010%2F02%2F16%2F1573452%2Fl%2F63fdd3f848a94b1e.jpg" alt="40分で覚える！jQuery速習講座 (1/6)" title="40分で覚える！jQuery速習講座 (1/6)" class="entry-image" /></a></p><p>いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/498/498710/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/000/498/498710/" alt="はてなブックマーク - 40分で覚える！jQuery速習講座 (1/6)" title="はてなブックマーク - 40分で覚える！jQuery速習講座 (1/6)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/498/498710/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2332 https://kagigotonet.hatenablog.com/entry/20100202/1265080352 harigel 2010-02-04T04:29:34Z *programming javascript 基礎文法最速マスター <blockquote cite="https://kagigotonet.hatenablog.com/entry/20100202/1265080352" title="JavaScript基本概念最速マスター - TechTalkManiacs"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkagigotonet.hatenablog.com%2Fentry%2F20100202%2F1265080352" alt="" /> <a href="https://kagigotonet.hatenablog.com/entry/20100202/1265080352">JavaScript基本概念最速マスター - TechTalkManiacs</a></cite><p><a href="https://kagigotonet.hatenablog.com/entry/20100202/1265080352"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/91700c21188fb102988dac6625a9d1b49627a383/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704591929885561660%2F12921228815718985910%2F1393293642" alt="JavaScript基本概念最速マスター - TechTalkManiacs" title="JavaScript基本概念最速マスター - TechTalkManiacs" class="entry-image" /></a></p><p>プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してください) (20010/2/4　記述ミス　Typoなどを修正しました) JavaScri...</p><p><a href="https://b.hatena.ne.jp/entry/s/kagigotonet.hatenablog.com/entry/20100202/1265080352"><img src="https://b.hatena.ne.jp/entry/image/https://kagigotonet.hatenablog.com/entry/20100202/1265080352" alt="はてなブックマーク - JavaScript基本概念最速マスター - TechTalkManiacs" title="はてなブックマーク - JavaScript基本概念最速マスター - TechTalkManiacs" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kagigotonet.hatenablog.com/entry/20100202/1265080352"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 644 https://hasegawa.hatenablog.com/entry/20100203/p1 harigel 2010-02-04T04:09:00Z *programming javascript セキュリティ xss 基礎文法最速マスター <blockquote cite="https://hasegawa.hatenablog.com/entry/20100203/p1" title="JavaScript変態文法最速マスター - 葉っぱ日記"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhasegawa.hatenablog.com%2Fentry%2F20100203%2Fp1" alt="" /> <a href="https://hasegawa.hatenablog.com/entry/20100203/p1">JavaScript変態文法最速マスター - 葉っぱ日記</a></cite><p><a href="https://hasegawa.hatenablog.com/entry/20100203/p1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/73550a0340ea5e509790fca2be9f53bb4236b1f6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729887943%2F17680117126985328077%2F1551408339" alt="JavaScript変態文法最速マスター - 葉っぱ日記" title="JavaScript変態文法最速マスター - 葉っぱ日記" class="entry-image" /></a></p><p>Java変態文法最速マスター - プログラマーの脳みそをリスペクト。 JavaScriptの変態文法・技法一覧です。あんまり使わないけど、知ってるとXSSとか攻撃したいのにWAFに妨害されるなど、いろいろ制約があるという場合に便利。 文字列の生成 引用符を使わずにさくっと文字列を作る。fromCharCode とか使ってもいいけどめん...</p><p><a href="https://b.hatena.ne.jp/entry/s/hasegawa.hatenablog.com/entry/20100203/p1"><img src="https://b.hatena.ne.jp/entry/image/https://hasegawa.hatenablog.com/entry/20100203/p1" alt="はてなブックマーク - JavaScript変態文法最速マスター - 葉っぱ日記" title="はてなブックマーク - JavaScript変態文法最速マスター - 葉っぱ日記" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hasegawa.hatenablog.com/entry/20100203/p1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 398 http://web.archive.org/web/20071125073023/http://usrb.in/amachang/static/gaiax01/ harigel 2010-02-02T01:11:14Z *programming javascript チュートリアル amachang <blockquote cite="http://web.archive.org/web/20071125073023/http://usrb.in/amachang/static/gaiax01/" title="amachang - JavaScript 入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fweb.archive.org%2Fweb%2F20071125073023%2Fhttp%3A%2F%2Fusrb.in%2Famachang%2Fstatic%2Fgaiax01%2F" alt="" /> <a href="http://web.archive.org/web/20071125073023/http://usrb.in/amachang/static/gaiax01/">amachang - JavaScript 入門</a></cite><p><a href="http://web.archive.org/web/20071125073023/http://usrb.in/amachang/static/gaiax01/"><img src="" alt="amachang - JavaScript 入門" title="amachang - JavaScript 入門" class="entry-image" /></a></p><p>プログラミングのこつ 無駄な名前を極力使わないこと。意味単位に名前空間を細かく階層的に分離すること。 ここで言う名前空間とは 名前空間とは、一つの名前が一意のものを表す空間。例えば、大きな目で見れば、日本語は自然言語の名前空間である。また、専門用語なども名前空間と考えることが出来る。 日本語 { コンニ...</p><p><a href="https://b.hatena.ne.jp/entry/web.archive.org/web/20071125073023/http://usrb.in/amachang/static/gaiax01/"><img src="https://b.hatena.ne.jp/entry/image/http://web.archive.org/web/20071125073023/http://usrb.in/amachang/static/gaiax01/" alt="はてなブックマーク - amachang - JavaScript 入門" title="はてなブックマーク - amachang - JavaScript 入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/web.archive.org/web/20071125073023/http://usrb.in/amachang/static/gaiax01/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 776 https://gifnksm.hatenablog.jp/entry/20100131/1264934942 harigel 2010-02-01T03:16:58Z *programming javascript 文法 <blockquote cite="https://gifnksm.hatenablog.jp/entry/20100131/1264934942" title="JavaScript基礎文法最速マスター - gifnksmの雑多なメモ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgifnksm.hatenablog.jp%2Fentry%2F20100131%2F1264934942" alt="" /> <a href="https://gifnksm.hatenablog.jp/entry/20100131/1264934942">JavaScript基礎文法最速マスター - gifnksmの雑多なメモ</a></cite><p><a href="https://gifnksm.hatenablog.jp/entry/20100131/1264934942"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8370aade8e46846cb468a740168a73b838ab1c94/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318755401882%2F11696248318755402083%2F1423997800" alt="JavaScript基礎文法最速マスター - gifnksmの雑多なメモ" title="JavaScript基礎文法最速マスター - gifnksmの雑多なメモ" class="entry-image" /></a></p><p>続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念に...</p><p><a href="https://b.hatena.ne.jp/entry/s/gifnksm.hatenablog.jp/entry/20100131/1264934942"><img src="https://b.hatena.ne.jp/entry/image/https://gifnksm.hatenablog.jp/entry/20100131/1264934942" alt="はてなブックマーク - JavaScript基礎文法最速マスター - gifnksmの雑多なメモ" title="はてなブックマーク - JavaScript基礎文法最速マスター - gifnksmの雑多なメモ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gifnksm.hatenablog.jp/entry/20100131/1264934942"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1972 https://www.ideaxidea.com/archives/2010/01/js_regex_cheetsheet.html harigel 2010-01-22T10:24:33Z *programming javascript 正規表現 チートシート <blockquote cite="https://www.ideaxidea.com/archives/2010/01/js_regex_cheetsheet.html" title="JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2010%2F01%2Fjs_regex_cheetsheet.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2010/01/js_regex_cheetsheet.html">JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ</a></cite><p><a href="https://www.ideaxidea.com/archives/2010/01/js_regex_cheetsheet.html"><img src="" alt="JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ" title="JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2010/01/js_regex_cheetsheet.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2010/01/js_regex_cheetsheet.html" alt="はてなブックマーク - JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ" title="はてなブックマーク - JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2010/01/js_regex_cheetsheet.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 470 http://blog.creamu.com/mt/2010/01/jquerylightbox.html harigel 2010-01-05T04:12:42Z *library *デザイン jQuery lightbox javascript css <blockquote cite="http://blog.creamu.com/mt/2010/01/jquerylightbox.html" title="クールなjQueryのlightbox系スクリプト集 – creamu"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.creamu.com%2Fmt%2F2010%2F01%2Fjquerylightbox.html" alt="" /> <a href="http://blog.creamu.com/mt/2010/01/jquerylightbox.html">クールなjQueryのlightbox系スクリプト集 – creamu</a></cite><p><a href="http://blog.creamu.com/mt/2010/01/jquerylightbox.html"><img src="" alt="クールなjQueryのlightbox系スクリプト集 – creamu" title="クールなjQueryのlightbox系スクリプト集 – creamu" class="entry-image" /></a></p><p>サイトのデザインに合うlightbox系スクリプトを探している。 そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。 知らないのもあったりでいい感じのものが揃っていますよ。 CeeBox アニメーションがかっこいいCeeBox。画像だけでなく、iframeやFlash、動...</p><p><a href="https://b.hatena.ne.jp/entry/blog.creamu.com/mt/2010/01/jquerylightbox.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.creamu.com/mt/2010/01/jquerylightbox.html" alt="はてなブックマーク - クールなjQueryのlightbox系スクリプト集 – creamu" title="はてなブックマーク - クールなjQueryのlightbox系スクリプト集 – creamu" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.creamu.com/mt/2010/01/jquerylightbox.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 158 https://gihyo.jp/dev/column/newyear/2010/javascript-prospect harigel 2010-01-02T17:24:37Z *programming javascript <blockquote cite="https://gihyo.jp/dev/column/newyear/2010/javascript-prospect" title="2010年のJavaScript：「これまで」と「これから」 | gihyo.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgihyo.jp%2Fdev%2Fcolumn%2Fnewyear%2F2010%2Fjavascript-prospect" alt="" /> <a href="https://gihyo.jp/dev/column/newyear/2010/javascript-prospect">2010年のJavaScript：「これまで」と「これから」 | gihyo.jp</a></cite><p><a href="https://gihyo.jp/dev/column/newyear/2010/javascript-prospect"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6006c7f009fea7804c44c80ee345bdef8c039d7f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2010%2F545_2010dev.png" alt="2010年のJavaScript：「これまで」と「これから」 | gihyo.jp" title="2010年のJavaScript：「これまで」と「これから」 | gihyo.jp" class="entry-image" /></a></p><p>2010年のJavaScriptと題しまして、JavaScript周辺の「これまで」と「これから」についてまとめてみたいと思います。 2009年までのJavaScript JavaScriptは各ブラウザベンダなどが個別に実装するという特殊性から、ブラウザ（実装）ごとの非互換性の問題に悩まされ続けてきた言語です。まず、そのJavaScriptの歴史を簡単...</p><p><a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/dev/column/newyear/2010/javascript-prospect"><img src="https://b.hatena.ne.jp/entry/image/https://gihyo.jp/dev/column/newyear/2010/javascript-prospect" alt="はてなブックマーク - 2010年のJavaScript：「これまで」と「これから」 | gihyo.jp" title="はてなブックマーク - 2010年のJavaScript：「これまで」と「これから」 | gihyo.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/dev/column/newyear/2010/javascript-prospect"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 279 http://hamachiya.com/junk/cj.html harigel 2009-12-29T03:25:26Z *programming セキュリティ css javascript <blockquote cite="http://hamachiya.com/junk/cj.html" title="クリックジャッキングってこうですか？ わかりません"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhamachiya.com%2Fjunk%2Fcj.html" alt="" /> <a href="http://hamachiya.com/junk/cj.html">クリックジャッキングってこうですか？ わかりません</a></cite><p><a href="http://hamachiya.com/junk/cj.html"><img src="" alt="クリックジャッキングってこうですか？ わかりません" title="クリックジャッキングってこうですか？ わかりません" class="entry-image" /></a></p><p>↑ この透過されているiframeは、ブラウザの最前面に配置されています ※はてなにログインしていると、どのようにボタンが被っているのかわかりやすくなります</p><p><a href="https://b.hatena.ne.jp/entry/hamachiya.com/junk/cj.html"><img src="https://b.hatena.ne.jp/entry/image/http://hamachiya.com/junk/cj.html" alt="はてなブックマーク - クリックジャッキングってこうですか？ わかりません" title="はてなブックマーク - クリックジャッキングってこうですか？ わかりません" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/hamachiya.com/junk/cj.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 3499