https://b.hatena.ne.jp/tmftake/javascript/ javascriptに関するtmftakeのはてなブックマーク (23) https://fwywd.com/tech/nuxt-to-next tmftake 2021-06-26T08:23:33Z javascript 開発 <blockquote cite="https://fwywd.com/tech/nuxt-to-next" title="Vue.js &amp; Nuxt.js から React &amp; Next.js へ移行した理由 | fwywd（フュード）powered by キカガク"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffwywd.com%2Ftech%2Fnuxt-to-next" alt="" /> <a href="https://fwywd.com/tech/nuxt-to-next">Vue.js &amp; Nuxt.js から React &amp; Next.js へ移行した理由 | fwywd（フュード）powered by キカガク</a></cite><p><a href="https://fwywd.com/tech/nuxt-to-next"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/764e686d876a4aee0f84cad613b7b4a65e0ece21/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffwywd.com%2Fimg%2Fpages%2Ftech%2Fnuxt-to-next%2Fogp.png" alt="Vue.js &amp; Nuxt.js から React &amp; Next.js へ移行した理由 | fwywd（フュード）powered by キカガク" title="Vue.js &amp; Nuxt.js から React &amp; Next.js へ移行した理由 | fwywd（フュード）powered by キカガク" class="entry-image" /></a></p><p>2021 年から React ベースのフレームワークである Next.js を本格的に学び始めました。 昨年 2020 年は Vue.js ベースのフレームワークである Nuxt.js にどっぷりと使った１年であり、昨年リリースした キカガク (kikagaku.ai) など、本運用に乗せるところまでプロダクト開発チームで学びながら進めていきました。 その...</p><p><a href="https://b.hatena.ne.jp/entry/s/fwywd.com/tech/nuxt-to-next"><img src="https://b.hatena.ne.jp/entry/image/https://fwywd.com/tech/nuxt-to-next" alt="はてなブックマーク - Vue.js &amp; Nuxt.js から React &amp; Next.js へ移行した理由 | fwywd（フュード）powered by キカガク" title="はてなブックマーク - Vue.js &amp; Nuxt.js から React &amp; Next.js へ移行した理由 | fwywd（フュード）powered by キカガク" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/fwywd.com/tech/nuxt-to-next"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 431 https://svelte.dev/ tmftake 2021-06-26T05:41:27Z framework UI javascript <blockquote cite="https://svelte.dev/" title="Svelte • The magical disappearing UI framework"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsvelte.dev%2F" alt="" /> <a href="https://svelte.dev/">Svelte • The magical disappearing UI framework</a></cite><p><a href="https://svelte.dev/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f4c65d1bfbb06781fe8aa074f985edc5ce8c3644/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsvelte.dev%2Fimages%2Ftwitter-thumbnail.jpg" alt="Svelte • The magical disappearing UI framework" title="Svelte • The magical disappearing UI framework" class="entry-image" /></a></p><p>Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It’s a love letter to web development. But don’t take our word for it. Developers consistently rank Sv...</p><p><a href="https://b.hatena.ne.jp/entry/s/svelte.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://svelte.dev/" alt="はてなブックマーク - Svelte • The magical disappearing UI framework" title="はてなブックマーク - Svelte • The magical disappearing UI framework" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/svelte.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 163 https://fivemilemedia.co.uk/blog/backstopjs-javascript-configuration tmftake 2018-09-01T13:04:25Z JavaScript JS node.js BackstopJS <blockquote cite="https://fivemilemedia.co.uk/blog/backstopjs-javascript-configuration" title="Configuring BackstopJS with Javascript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffivemilemedia.co.uk%2Fblog%2Fbackstopjs-javascript-configuration" alt="" /> <a href="https://fivemilemedia.co.uk/blog/backstopjs-javascript-configuration">Configuring BackstopJS with Javascript</a></cite><p><a href="https://fivemilemedia.co.uk/blog/backstopjs-javascript-configuration"><img src="" alt="Configuring BackstopJS with Javascript" title="Configuring BackstopJS with Javascript" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/fivemilemedia.co.uk/blog/backstopjs-javascript-configuration"><img src="https://b.hatena.ne.jp/entry/image/https://fivemilemedia.co.uk/blog/backstopjs-javascript-configuration" alt="はてなブックマーク - Configuring BackstopJS with Javascript" title="はてなブックマーク - Configuring BackstopJS with Javascript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/fivemilemedia.co.uk/blog/backstopjs-javascript-configuration"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://www.npmjs.com/package/backstop-crawl tmftake 2018-09-01T12:44:11Z テスト JavaScript BackstopJS <blockquote cite="https://www.npmjs.com/package/backstop-crawl" title="backstop-crawl"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fbackstop-crawl" alt="" /> <a href="https://www.npmjs.com/package/backstop-crawl">backstop-crawl</a></cite><p><a href="https://www.npmjs.com/package/backstop-crawl"><img src="" alt="backstop-crawl" title="backstop-crawl" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.npmjs.com/package/backstop-crawl"><img src="https://b.hatena.ne.jp/entry/image/https://www.npmjs.com/package/backstop-crawl" alt="はてなブックマーク - backstop-crawl" title="はてなブックマーク - backstop-crawl" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.npmjs.com/package/backstop-crawl"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 http://phiary.me/frontend-riot-js-no1/ tmftake 2016-06-02T12:00:33Z ライブラリ JavaScript css html <blockquote cite="http://phiary.me/frontend-riot-js-no1/" title="phiary"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fphiary.me%2Ffrontend-riot-js-no1%2F" alt="" /> <a href="http://phiary.me/frontend-riot-js-no1/">phiary</a></cite><p><a href="http://phiary.me/frontend-riot-js-no1/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/494ee2cf85301b4698912f18fb01683ff2aad4e8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.evernote.com%2Fl%2FAOJbE-0PaoxKYYJ9HjVXf3SoO4u_Z1luWvwB%2Fimage.png" alt="phiary" title="phiary" class="entry-image" /></a></p><p>phi I&#39;m a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python はじめに 「webpack インストールしといてー」, 「gulp 導入して watch しながら開発してー」, 「React だから ES6 でコード書いてー」 最近こんな会話が当たり前...</p><p><a href="https://b.hatena.ne.jp/entry/phiary.me/frontend-riot-js-no1/"><img src="https://b.hatena.ne.jp/entry/image/http://phiary.me/frontend-riot-js-no1/" alt="はてなブックマーク - phiary" title="はてなブックマーク - phiary" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/phiary.me/frontend-riot-js-no1/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 677 http://tekkoc.tumblr.com/post/36510565810/coffeescript tmftake 2014-02-11T15:55:02Z coffeescript まとめ JavaScript <blockquote cite="http://tekkoc.tumblr.com/post/36510565810/coffeescript" title="今からでも遅くないCoffeeScript再入門 | tekkoc&#39;blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftekkoc.tumblr.com%2Fpost%2F36510565810%2Fcoffeescript" alt="" /> <a href="http://tekkoc.tumblr.com/post/36510565810/coffeescript">今からでも遅くないCoffeeScript再入門 | tekkoc&#39;blog</a></cite><p><a href="http://tekkoc.tumblr.com/post/36510565810/coffeescript"><img src="" alt="今からでも遅くないCoffeeScript再入門 | tekkoc&#39;blog" title="今からでも遅くないCoffeeScript再入門 | tekkoc&#39;blog" class="entry-image" /></a></p><p>久しぶりにCoffeeScriptを書くことになったので、調べごとついでに色々まとめてみました。 そもそもCoffeeScriptとは何か CoffeeScript はプログラミング言語のひとつである。コードはJavaScript のコードに変換される。 Ruby や Python、Haskell [1] から影響を受けたシンタックスシュガーの導入により、JavaScript に...</p><p><a href="https://b.hatena.ne.jp/entry/tekkoc.tumblr.com/post/36510565810/coffeescript"><img src="https://b.hatena.ne.jp/entry/image/http://tekkoc.tumblr.com/post/36510565810/coffeescript" alt="はてなブックマーク - 今からでも遅くないCoffeeScript再入門 | tekkoc&#39;blog" title="はてなブックマーク - 今からでも遅くないCoffeeScript再入門 | tekkoc&#39;blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tekkoc.tumblr.com/post/36510565810/coffeescript"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 51 https://www.ideaxidea.com/archives/2013/09/togetherjs.html tmftake 2013-09-24T23:12:38Z JavaScript development <blockquote cite="https://www.ideaxidea.com/archives/2013/09/togetherjs.html" title="Site Under Maintenance"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2013%2F09%2Ftogetherjs.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2013/09/togetherjs.html">Site Under Maintenance</a></cite><p><a href="https://www.ideaxidea.com/archives/2013/09/togetherjs.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/477ec0972b7ac90108fe9da1166e9e4469acf2f6/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2013%2F09%2FMozilla-Labs-_-TogetherJS.png" alt="Site Under Maintenance" title="Site Under Maintenance" class="entry-image" /></a></p><p>We&#39;ll be back soon! Our site is currently undergoing maintenance. Please check back later.</p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2013/09/togetherjs.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2013/09/togetherjs.html" alt="はてなブックマーク - Site Under Maintenance" title="はてなブックマーク - Site Under Maintenance" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2013/09/togetherjs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 42 https://kuwalab.hatenablog.jp/entry/20120424/1335266757 tmftake 2013-04-01T02:33:03Z JavaScript Java jQuery <blockquote cite="https://kuwalab.hatenablog.jp/entry/20120424/1335266757" title="ServletとjQueryによる非同期ファイルアップロード - コンピュータクワガタ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkuwalab.hatenablog.jp%2Fentry%2F20120424%2F1335266757" alt="" /> <a href="https://kuwalab.hatenablog.jp/entry/20120424/1335266757">ServletとjQueryによる非同期ファイルアップロード - コンピュータクワガタ</a></cite><p><a href="https://kuwalab.hatenablog.jp/entry/20120424/1335266757"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/47398bf499997a925a0a5cf70dea9087da871c9b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318755157308%2F11696248318755157371%2F1372502610" alt="ServletとjQueryによる非同期ファイルアップロード - コンピュータクワガタ" title="ServletとjQueryによる非同期ファイルアップロード - コンピュータクワガタ" class="entry-image" /></a></p><p>最近色々なところで見かける、ファイルをアップロードする際にプログレスバーを表示する方法を色々調べてみました。 以前調べていた時には、インラインフレームへのサブミットとCommons FileUploadを組み合わせて行う方法しか見つからなかったのですが、今はJavaScript側での仕組みが整って来ました。 ちなみにChromeとF...</p><p><a href="https://b.hatena.ne.jp/entry/s/kuwalab.hatenablog.jp/entry/20120424/1335266757"><img src="https://b.hatena.ne.jp/entry/image/https://kuwalab.hatenablog.jp/entry/20120424/1335266757" alt="はてなブックマーク - ServletとjQueryによる非同期ファイルアップロード - コンピュータクワガタ" title="はてなブックマーク - ServletとjQueryによる非同期ファイルアップロード - コンピュータクワガタ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kuwalab.hatenablog.jp/entry/20120424/1335266757"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 14 https://techblog.yahoo.co.jp/programming/jquery-deferred/ tmftake 2013-03-05T23:22:54Z jQuery プログラミング javascript <blockquote cite="https://techblog.yahoo.co.jp/programming/jquery-deferred/" title="爆速でわかるjQuery.Deferred超入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechblog.yahoo.co.jp%2Fprogramming%2Fjquery-deferred%2F" alt="" /> <a href="https://techblog.yahoo.co.jp/programming/jquery-deferred/">爆速でわかるjQuery.Deferred超入門</a></cite><p><a href="https://techblog.yahoo.co.jp/programming/jquery-deferred/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6bc49b508dc65f2f967738842af0833d07de9a2c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs.yimg.jp%2Fimages%2Ftecblog%2F2012-2H%2Fjquery-deferred%2Fogp_20200324T153131.png" alt="爆速でわかるjQuery.Deferred超入門" title="爆速でわかるjQuery.Deferred超入門" class="entry-image" /></a></p><p>ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説...</p><p><a href="https://b.hatena.ne.jp/entry/s/techblog.yahoo.co.jp/programming/jquery-deferred/"><img src="https://b.hatena.ne.jp/entry/image/https://techblog.yahoo.co.jp/programming/jquery-deferred/" alt="はてなブックマーク - 爆速でわかるjQuery.Deferred超入門" title="はてなブックマーク - 爆速でわかるjQuery.Deferred超入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techblog.yahoo.co.jp/programming/jquery-deferred/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1102 https://mizchi.hatenadiary.org/entry/20130216/1361001283 tmftake 2013-02-17T01:25:39Z プログラミング javascript 開発環境 <blockquote cite="https://mizchi.hatenadiary.org/entry/20130216/1361001283" title="最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.hatenadiary.org%2Fentry%2F20130216%2F1361001283" alt="" /> <a href="https://mizchi.hatenadiary.org/entry/20130216/1361001283">最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log</a></cite><p><a href="https://mizchi.hatenadiary.org/entry/20130216/1361001283"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/659e2125c5d1de254bc9def79fd6b2a694383c9a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127155572566%2F17680117127155575144%2F1558452628" alt="最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log" title="最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log" class="entry-image" /></a></p><p>ほんとに10個だと思った？（無意味に煽っていくスタイル） 最近JSだけのリポジトリで無益なゲームを大量に作っては破棄しているのだけど、割とストレスなく出来上がってきたので書く。 長々と書くが、要は次のリポジトリに概要が詰まってる。 mizchi/mizchi_client_boilerplate · GitHub https://github.com/mizchi/mizc...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenadiary.org/entry/20130216/1361001283"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.hatenadiary.org/entry/20130216/1361001283" alt="はてなブックマーク - 最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log" title="はてなブックマーク - 最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenadiary.org/entry/20130216/1361001283"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 556 https://japan.cnet.com/article/35022501/ tmftake 2012-10-02T13:11:27Z JavaScript TypeScript microsoft <blockquote cite="https://japan.cnet.com/article/35022501/" title="MS、新プログラミング言語「TypeScript」を発表--JavaScriptのスーパーセット"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjapan.cnet.com%2Farticle%2F35022501%2F" alt="" /> <a href="https://japan.cnet.com/article/35022501/">MS、新プログラミング言語「TypeScript」を発表--JavaScriptのスーパーセット</a></cite><p><a href="https://japan.cnet.com/article/35022501/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/28953063cf4dd6540eb249ec93dd08bb54fe01b6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fjapan.cnet.com%2Fmedia%2Fc%2F2012%2Fimages%2Flogo%2Flogo_ogp_1200.png" alt="MS、新プログラミング言語「TypeScript」を発表--JavaScriptのスーパーセット" title="MS、新プログラミング言語「TypeScript」を発表--JavaScriptのスーパーセット" class="entry-image" /></a></p><p>Microsoftが「JavaScript」に取り組んでおり、同社のテクニカルフェローで、「C#」の父であるAnders Hejlsberg氏がそれに携わっていることはこれまで秘密にされていたが、米国時間10月1日、その取り組みに関する詳しい情報が明らかになった。 Microsoftは1日、JavaScript開発がクライアントを越えて拡大することを目的と...</p><p><a href="https://b.hatena.ne.jp/entry/s/japan.cnet.com/article/35022501/"><img src="https://b.hatena.ne.jp/entry/image/https://japan.cnet.com/article/35022501/" alt="はてなブックマーク - MS、新プログラミング言語「TypeScript」を発表--JavaScriptのスーパーセット" title="はてなブックマーク - MS、新プログラミング言語「TypeScript」を発表--JavaScriptのスーパーセット" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/japan.cnet.com/article/35022501/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 50 https://tnakamura.hatenablog.com/entry/20120228/immediate_function tmftake 2012-02-28T15:36:34Z JavaScript <blockquote cite="https://tnakamura.hatenablog.com/entry/20120228/immediate_function" title="目から鱗が落ちた JavaScript の即時関数パターンの使い方 - present"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftnakamura.hatenablog.com%2Fentry%2F20120228%2Fimmediate_function" alt="" /> <a href="https://tnakamura.hatenablog.com/entry/20120228/immediate_function">目から鱗が落ちた JavaScript の即時関数パターンの使い方 - present</a></cite><p><a href="https://tnakamura.hatenablog.com/entry/20120228/immediate_function"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3aa69781112db04c7671454d5a0afaef9ebe887a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673850430%2F12704591929890757717%2F1544622177" alt="目から鱗が落ちた JavaScript の即時関数パターンの使い方 - present" title="目から鱗が落ちた JavaScript の即時関数パターンの使い方 - present" class="entry-image" /></a></p><p>JavaScript でよくやるおまじないの１つに、即時関数パターンがあります。こんなの。 (function(){ // ... 何かする })(); 自分が書いたコードとライブラリの間で、名前が衝突するのを回避するときに使ってきました。 で、ついこの間、enchant.js のソースコードを読んでいたんですが var VENDER_PREFIX = (function() {...</p><p><a href="https://b.hatena.ne.jp/entry/s/tnakamura.hatenablog.com/entry/20120228/immediate_function"><img src="https://b.hatena.ne.jp/entry/image/https://tnakamura.hatenablog.com/entry/20120228/immediate_function" alt="はてなブックマーク - 目から鱗が落ちた JavaScript の即時関数パターンの使い方 - present" title="はてなブックマーク - 目から鱗が落ちた JavaScript の即時関数パターンの使い方 - present" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tnakamura.hatenablog.com/entry/20120228/immediate_function"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 18 https://yusukebe.com/posts/2012/0221231031/ tmftake 2012-02-22T23:36:54Z JavaScript webサービス <blockquote cite="https://yusukebe.com/posts/2012/0221231031/" title="30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyusukebe.com%2Fposts%2F2012%2F0221231031%2F" alt="" /> <a href="https://yusukebe.com/posts/2012/0221231031/">30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記</a></cite><p><a href="https://yusukebe.com/posts/2012/0221231031/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4d0782b74af001a2d2465ba0759b09f70ecb665e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fyusukebe.com%2Ficons%2Fmyicon.png" alt="30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記" title="30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記" class="entry-image" /></a></p><p>Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合な...</p><p><a href="https://b.hatena.ne.jp/entry/s/yusukebe.com/posts/2012/0221231031/"><img src="https://b.hatena.ne.jp/entry/image/https://yusukebe.com/posts/2012/0221231031/" alt="はてなブックマーク - 30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記" title="はてなブックマーク - 30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/yusukebe.com/posts/2012/0221231031/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 680 https://blog.webcreativepark.net/2008/12/17-225630.html tmftake 2012-02-20T12:07:04Z jQuery tips プログラミング JavaScript <blockquote cite="https://blog.webcreativepark.net/2008/12/17-225630.html" title="jQueryを良くする25のTIPS"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.webcreativepark.net%2F2008%2F12%2F17-225630.html" alt="" /> <a href="https://blog.webcreativepark.net/2008/12/17-225630.html">jQueryを良くする25のTIPS</a></cite><p><a href="https://blog.webcreativepark.net/2008/12/17-225630.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/88d363f47a27014e852468418fcf8b366208e92b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png" alt="jQueryを良くする25のTIPS" title="jQueryを良くする25のTIPS" class="entry-image" /></a></p><p>jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 &lt;script src=&quot;http://www.google.com/jsapi&quot;&gt;&lt;/scrip...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.webcreativepark.net/2008/12/17-225630.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.webcreativepark.net/2008/12/17-225630.html" alt="はてなブックマーク - jQueryを良くする25のTIPS" title="はてなブックマーク - jQueryを良くする25のTIPS" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.webcreativepark.net/2008/12/17-225630.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 732 http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/ やっと表面が理解できた気がする。 tmftake 2012-02-07T23:21:28Z プログラミング JavaScript <blockquote cite="http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/" title="やっと理解できた！JSオブジェクト指向プログラミング再入門 | ゆっくりと…"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftokkono.cute.coocan.jp%2Fblog%2Fslow%2Findex.php%2Fprogramming%2Fre-introduction-to-object-oriented-js%2F" alt="" /> <a href="http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/">やっと理解できた！JSオブジェクト指向プログラミング再入門 | ゆっくりと…</a></cite><p><a href="http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/"><img src="" alt="やっと理解できた！JSオブジェクト指向プログラミング再入門 | ゆっくりと…" title="やっと理解できた！JSオブジェクト指向プログラミング再入門 | ゆっくりと…" class="entry-image" /></a></p><p>既に多くの方が JavaScript のオブジェクト指向的側面についての解説を記事にされていますが、読み手側から見ると、例えばプログラミング言語への習熟度やオブジェクト指向自体に対する理解度がマチマチなわけで、私自身、「おお、なるほど！」 っていう、頭の中のスイッチがパチンッ！と入るような境地には達していませ...</p><p><a href="https://b.hatena.ne.jp/entry/tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/"><img src="https://b.hatena.ne.jp/entry/image/http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/" alt="はてなブックマーク - やっと理解できた！JSオブジェクト指向プログラミング再入門 | ゆっくりと…" title="はてなブックマーク - やっと理解できた！JSオブジェクト指向プログラミング再入門 | ゆっくりと…" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1353 https://coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-your-blog.html tmftake 2011-12-02T00:26:24Z WordPress JavaScript まとめ tips <blockquote cite="https://coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-your-blog.html" title="WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fblog%2Fwordpress%2Fwpsnipp-wordpress-snippets-for-your-blog.html" alt="" /> <a href="https://coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-your-blog.html">WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP</a></cite><p><a href="https://coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-your-blog.html"><img src="" alt="WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP" title="WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP" class="entry-image" /></a></p><p>WordPressにちょっと機能を追加したい時に役立つスニペットをまとめたサイトを紹介します。 目的をもって探すだけでなく、こんなこともできるのかという発見もあるかもしれません。 WPSNIPP – 500+ WordPress code snippets for your blog [ad#ad-2] WPSNIPPでは現在、545個のWordPressの便利なスニペットが登録されてい...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-your-blog.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-your-blog.html" alt="はてなブックマーク - WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP" title="はてなブックマーク - WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/blog/wordpress/wpsnipp-wordpress-snippets-for-your-blog.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 472 https://www.publickey1.jp/blog/11/ecmascript_6javascript.html tmftake 2011-11-29T14:29:50Z JavaScript 標準化 仕様 プログラミング <blockquote cite="https://www.publickey1.jp/blog/11/ecmascript_6javascript.html" title="ECMAScript 6に向け、よってたかって進化が続くJavaScript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F11%2Fecmascript_6javascript.html" alt="" /> <a href="https://www.publickey1.jp/blog/11/ecmascript_6javascript.html">ECMAScript 6に向け、よってたかって進化が続くJavaScript</a></cite><p><a href="https://www.publickey1.jp/blog/11/ecmascript_6javascript.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="ECMAScript 6に向け、よってたかって進化が続くJavaScript" title="ECMAScript 6に向け、よってたかって進化が続くJavaScript" class="entry-image" /></a></p><p>JavaScriptはEcma Internationalと呼ばれる標準化団体によって言語仕様の標準化が行われています。最新バージョンは、2009年12月に策定されたECMAScript 5th Editon。これが昨年4月にISO/IEC 16262 3rd Editionとして国際標準にもなりました。その後、昨年の6月には修正版のECMAScript 5.1が公開されています。 現在のWe...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/11/ecmascript_6javascript.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/11/ecmascript_6javascript.html" alt="はてなブックマーク - ECMAScript 6に向け、よってたかって進化が続くJavaScript" title="はてなブックマーク - ECMAScript 6に向け、よってたかって進化が続くJavaScript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/11/ecmascript_6javascript.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 88 https://www.moongift.jp/2011/11/20111128-2/ tmftake 2011-11-28T23:41:24Z JavaScript オープンソース ライブラリ <blockquote cite="https://www.moongift.jp/2011/11/20111128-2/" title="無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2011%2F11%2F20111128-2%2F" alt="" /> <a href="https://www.moongift.jp/2011/11/20111128-2/">無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2011/11/20111128-2/"><img src="" alt="無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT" title="無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT" class="entry-image" /></a></p><p>JSZipはWebブラウザ上、クライアントサイドだけでJavaScriptを使ってZipファイルを生成するソフトウェアです。 JavaScriptでできることがどんどん増えています。そんな中、注目したいのがJSZipです。なんとJavaScriptだけでZipファイルを作ってしまうというとんでもないソフトウェアです。 デモページです。コードを見て...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2011/11/20111128-2/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2011/11/20111128-2/" alt="はてなブックマーク - 無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT" title="はてなブックマーク - 無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2011/11/20111128-2/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 243 https://coliss.com/articles/build-websites/operation/javascript/js-sonic-looping-loaders.html tmftake 2011-08-29T12:34:12Z JavaScript アニメーション ローディング <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/js-sonic-looping-loaders.html" title="[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjs-sonic-looping-loaders.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/js-sonic-looping-loaders.html">[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/js-sonic-looping-loaders.html"><img src="" alt="[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic" title="[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic" class="entry-image" /></a></p><p>HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量（約3K）のスクリプトを紹介します。 デモページ Sonicの実装 Square（矩形）とCircle（円形）を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 &lt;script src=&quot;sonic.js&quot;&gt;&lt;/script&gt; JavaScript: Square（...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-sonic-looping-loaders.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/js-sonic-looping-loaders.html" alt="はてなブックマーク - [JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic" title="はてなブックマーク - [JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-sonic-looping-loaders.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 461 http://hdemon.net/archives/727 なるほどわからん。 tmftake 2011-06-22T11:16:31Z JavaScript プログラミング <blockquote cite="http://hdemon.net/archives/727" title="JavaScriptの”this”をめぐる冒険 |"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhdemon.net%2Farchives%2F727" alt="" /> <a href="http://hdemon.net/archives/727">JavaScriptの”this”をめぐる冒険 |</a></cite><p><a href="http://hdemon.net/archives/727"><img src="" alt="JavaScriptの”this”をめぐる冒険 |" title="JavaScriptの”this”をめぐる冒険 |" class="entry-image" /></a></p><p>JavaScriptの&quot;this&quot;って難しいですよね。理解しないまま使ってると、思わぬところでグローバルオブジェクトを指していたり、そもそもvarでプライベートな変数にすべきところにもthisを使っていたり…。私もthisには散々悩まされてきたので、そろそろ完璧に理解しようと思い、以下の記事をまとめてみました。間違いを見つ...</p><p><a href="https://b.hatena.ne.jp/entry/hdemon.net/archives/727"><img src="https://b.hatena.ne.jp/entry/image/http://hdemon.net/archives/727" alt="はてなブックマーク - JavaScriptの”this”をめぐる冒険 |" title="はてなブックマーク - JavaScriptの”this”をめぐる冒険 |" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/hdemon.net/archives/727"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 135