https://b.hatena.ne.jp/coolworld/javascript/ javascriptに関するcoolworldのはてなブックマーク (33) http://blog.livedoor.jp/dq_school/archives/1920377.html coolworld 2017-08-10T09:07:26Z javascript jQuery eclipse 1 <blockquote cite="http://blog.livedoor.jp/dq_school/archives/1920377.html" title="Eclipse、Neon、JSDTのコンテンツ・アシスト : ダブルクォーテーション高等学校"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.livedoor.jp%2Fdq_school%2Farchives%2F1920377.html" alt="" /> <a href="http://blog.livedoor.jp/dq_school/archives/1920377.html">Eclipse、Neon、JSDTのコンテンツ・アシスト : ダブルクォーテーション高等学校</a></cite><p><a href="http://blog.livedoor.jp/dq_school/archives/1920377.html"><img src="" alt="Eclipse、Neon、JSDTのコンテンツ・アシスト : ダブルクォーテーション高等学校" title="Eclipse、Neon、JSDTのコンテンツ・アシスト : ダブルクォーテーション高等学校" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/blog.livedoor.jp/dq_school/archives/1920377.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.livedoor.jp/dq_school/archives/1920377.html" alt="はてなブックマーク - Eclipse、Neon、JSDTのコンテンツ・アシスト : ダブルクォーテーション高等学校" title="はてなブックマーク - Eclipse、Neon、JSDTのコンテンツ・アシスト : ダブルクォーテーション高等学校" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.livedoor.jp/dq_school/archives/1920377.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://javaworld.helpfulness.jp/post-68/ coolworld 2017-08-10T09:03:56Z javascript jQuery 3 <blockquote cite="http://javaworld.helpfulness.jp/post-68/" title="helpfulness.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjavaworld.helpfulness.jp%2Fpost-68%2F" alt="" /> <a href="http://javaworld.helpfulness.jp/post-68/">helpfulness.jp</a></cite><p><a href="http://javaworld.helpfulness.jp/post-68/"><img src="" alt="helpfulness.jp" title="helpfulness.jp" 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/javaworld.helpfulness.jp/post-68/"><img src="https://b.hatena.ne.jp/entry/image/http://javaworld.helpfulness.jp/post-68/" alt="はてなブックマーク - helpfulness.jp" title="はてなブックマーク - helpfulness.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/javaworld.helpfulness.jp/post-68/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.webprofessional.jp/debugging-javascript-node-debugger/ console.log()よりconsole.dir()やconsole.table()のほうが好き coolworld 2017-05-16T09:46:01Z javascript 406 <blockquote cite="https://www.webprofessional.jp/debugging-javascript-node-debugger/" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webprofessional.jp%2Fdebugging-javascript-node-debugger%2F" alt="" /> <a href="https://www.webprofessional.jp/debugging-javascript-node-debugger/">ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト</a></cite><p><a href="https://www.webprofessional.jp/debugging-javascript-node-debugger/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fb1fc2b41603d2465131e96146485cb3228d29fe/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.webprofessional.jp%2Fwp-content%2Fuploads%2Fsites%2F2%2F2017%2F04%2F15195358%2F170515nodejs.jpg" alt="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" class="entry-image" /></a></p><p>WebPro KUSANAGI Security Editionが進化！ 新機能「SafeUpgrade」でダウンタイムゼロのnginxアップデートを実現 KUSANAGI Security Editionが新機能「KUSANAGI SafeUpgrade」を導入し、nginxのメジャーバージョンアップを無停⽌で実施可能にする。 0 0 WebPro 高速CMS基盤「KUSANAGI Security Edition」がMicrosoft Azu...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/debugging-javascript-node-debugger/"><img src="https://b.hatena.ne.jp/entry/image/https://www.webprofessional.jp/debugging-javascript-node-debugger/" alt="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/debugging-javascript-node-debugger/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.satotaichi.info/modern-javascript_201701/ coolworld 2017-01-24T00:02:04Z あとで読む javascript 1219 <blockquote cite="https://blog.satotaichi.info/modern-javascript_201701/" title="Modern JavaScript概観、そしてElectronへ | さにあらず"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.satotaichi.info%2Fmodern-javascript_201701%2F" alt="" /> <a href="https://blog.satotaichi.info/modern-javascript_201701/">Modern JavaScript概観、そしてElectronへ | さにあらず</a></cite><p><a href="https://blog.satotaichi.info/modern-javascript_201701/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ac9ef92717e96ca60d8bfacf3a1c636a94f7257c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.satotaichi.info%2Fimages%2Fcover.jpg" alt="Modern JavaScript概観、そしてElectronへ | さにあらず" title="Modern JavaScript概観、そしてElectronへ | さにあらず" class="entry-image" /></a></p><p>この一か月分の学習成果を整理したリポジトリを作ったので、その成果についてまとめておく。 作ったサンプルプロジェクトだけを手軽に欲しければ、このリポジトリを clone してほしい。 taichi/js-boilerplate master ブランチには、ミニマムな JavaScript 開発環境がサンプルコード付きで入っている frontend ブランチ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.satotaichi.info/modern-javascript_201701/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.satotaichi.info/modern-javascript_201701/" alt="はてなブックマーク - Modern JavaScript概観、そしてElectronへ | さにあらず" title="はてなブックマーク - Modern JavaScript概観、そしてElectronへ | さにあらず" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.satotaichi.info/modern-javascript_201701/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/work/migrate-from-bootstrap3-to-bootstrap4.html coolworld 2016-03-17T06:46:20Z あとで読む JavaScript 398 <blockquote cite="https://coliss.com/articles/build-websites/operation/work/migrate-from-bootstrap3-to-bootstrap4.html" title="Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Fmigrate-from-bootstrap3-to-bootstrap4.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/migrate-from-bootstrap3-to-bootstrap4.html">Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/migrate-from-bootstrap3-to-bootstrap4.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4f8911444832a3d55429f0b961c32538c97e0143/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016031410.png" alt="Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ" title="Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ" class="entry-image" /></a></p><p>Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。 Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点をまとめたリストを紹介します。 How ...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/migrate-from-bootstrap3-to-bootstrap4.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/migrate-from-bootstrap3-to-bootstrap4.html" alt="はてなブックマーク - Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ" title="はてなブックマーク - Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/migrate-from-bootstrap3-to-bootstrap4.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://creator.dwango.co.jp/3413.html 後で触ってみようかな coolworld 2016-01-20T04:31:25Z あとで読む javascript 1219 <blockquote cite="http://creator.dwango.co.jp/3413.html" title="JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット｜dwango creators&#39; blog（ドワンゴクリエイターズブログ）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcreator.dwango.co.jp%2F3413.html" alt="" /> <a href="http://creator.dwango.co.jp/3413.html">JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット｜dwango creators&#39; blog（ドワンゴクリエイターズブログ）</a></cite><p><a href="http://creator.dwango.co.jp/3413.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/343ba3cd1656597881235ddaaeab01ad55caa930/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fcreator.dwango.co.jp%2Fwp-content%2Fuploads%2F2016%2F01%2F1.jpg" alt="JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット｜dwango creators&#39; blog（ドワンゴクリエイターズブログ）" title="JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット｜dwango creators&#39; blog（ドワンゴクリエイターズブログ）" class="entry-image" /></a></p><p>はじめまして、ほそだと申します。昨年秋まで個人事業主の立場でドワンゴでお仕事させていただいておりましたが、いろいろ経緯がありまして中の人になりました。ドワンゴ歴はそこそこ長い新入りです。よろしくお願いいたします。 さて、今回はデザイナー（HTML/CSS/JSは扱えるいわゆる「Webデザイナー」）として1年間ほ...</p><p><a href="https://b.hatena.ne.jp/entry/creator.dwango.co.jp/3413.html"><img src="https://b.hatena.ne.jp/entry/image/http://creator.dwango.co.jp/3413.html" alt="はてなブックマーク - JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット｜dwango creators&#39; blog（ドワンゴクリエイターズブログ）" title="はてなブックマーク - JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット｜dwango creators&#39; blog（ドワンゴクリエイターズブログ）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/creator.dwango.co.jp/3413.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://e0166.blog.fc2.com/blog-entry-1291.html とりあえず元のサイト見てみるかな coolworld 2015-10-25T00:01:56Z javascript 439 <blockquote cite="https://e0166.blog.fc2.com/blog-entry-1291.html" title="ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fe0166.blog.fc2.com%2Fblog-entry-1291.html" alt="" /> <a href="https://e0166.blog.fc2.com/blog-entry-1291.html">ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン</a></cite><p><a href="https://e0166.blog.fc2.com/blog-entry-1291.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5891ccdda0ca0142ae58d563c8ef77b549a9fc34/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-83.fc2.com%2Fe%2F0%2F1%2Fe0166%2F201510241718.jpg" alt="ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン" title="ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン" class="entry-image" /></a></p><p>タイトルで全部言っちゃってる気がしないではないですが、WebサイトにGoogleMAPを設置して、色々と簡単にAPIを叩けるプラグインです。 ちなみにこの記事の為にこのjQueryプラグインを読み込むなんてことはしておりませんので、説明で使用しているMAPは全てキャプチャー画像です。本来なら、ぐりぐりと拡大縮小出来るあの...</p><p><a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-1291.html"><img src="https://b.hatena.ne.jp/entry/image/https://e0166.blog.fc2.com/blog-entry-1291.html" alt="はてなブックマーク - ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン" title="はてなブックマーク - ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-1291.html"><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/js-right-height.html 高さ揃えめも coolworld 2015-09-10T07:46:30Z あとで読む javascript 168 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/js-right-height.html" title="[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjs-right-height.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/js-right-height.html">[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/js-right-height.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/308e636201a1e6de89f8aab91c3d170dabc53896/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015091000.png" alt="[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height" title="[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height" class="entry-image" /></a></p><p>1-3、4-6でエリアを指定、1-3と4-6が同じ高さに Right Heightの使い方 Step 1: スクリプトの準備 当スクリプトを外部ファイルとして記述し、初期化しておきます。 スクリプトは、これで完了。 &lt;body&gt; ... コンテンツ ... &lt;script src=&quot;js/right-height.js&quot;&gt;&lt;/script&gt; &lt;script&gt; rightHeight.init(); &lt;/script&gt; &lt;/body&gt; St...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-right-height.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/js-right-height.html" alt="はてなブックマーク - [JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height" title="はてなブックマーク - [JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-right-height.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://techlife.cookpad.com/entry/2015/02/02/094607 読み直す coolworld 2015-08-21T07:40:23Z javascript ES6 507 <blockquote cite="https://techlife.cookpad.com/entry/2015/02/02/094607" title="ES6時代のJavaScript - クックパッド開発者ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechlife.cookpad.com%2Fentry%2F2015%2F02%2F02%2F094607" alt="" /> <a href="https://techlife.cookpad.com/entry/2015/02/02/094607">ES6時代のJavaScript - クックパッド開発者ブログ</a></cite><p><a href="https://techlife.cookpad.com/entry/2015/02/02/094607"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3f78f60a6085ce85906fc4320227d4c5c4db5dce/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12921228815724287123%2F8454420450082153066%2F1422837967" alt="ES6時代のJavaScript - クックパッド開発者ブログ" title="ES6時代のJavaScript - クックパッド開発者ブログ" class="entry-image" /></a></p><p>こんにちは会員事業部の丸山@h13i32maruです。 最近のWebフロントエンドの変化は非常に激しく、ちょっと目を離した間にどんどん新しいものが出てきますよね。そんな激しい変化の一つとしてES6という次期JavaScriptの仕様があります。このES6は現在策定中で、執筆時点ではDraft Rev31が公開されています。 JavaScriptはEC...</p><p><a href="https://b.hatena.ne.jp/entry/s/techlife.cookpad.com/entry/2015/02/02/094607"><img src="https://b.hatena.ne.jp/entry/image/https://techlife.cookpad.com/entry/2015/02/02/094607" alt="はてなブックマーク - ES6時代のJavaScript - クックパッド開発者ブログ" title="はてなブックマーク - ES6時代のJavaScript - クックパッド開発者ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techlife.cookpad.com/entry/2015/02/02/094607"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.wildwest-service.com/js_in_es6/ coolworld 2015-08-21T07:39:50Z javascript ES6 3 <blockquote cite="https://www.wildwest-service.com/js_in_es6/" title="ES6(ECMAScript6)でのJavaScriptの書き方 | 姫路のホームページ製作屋 WILDWEST-SERVICE"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.wildwest-service.com%2Fjs_in_es6%2F" alt="" /> <a href="https://www.wildwest-service.com/js_in_es6/">ES6(ECMAScript6)でのJavaScriptの書き方 | 姫路のホームページ製作屋 WILDWEST-SERVICE</a></cite><p><a href="https://www.wildwest-service.com/js_in_es6/"><img src="" alt="ES6(ECMAScript6)でのJavaScriptの書き方 | 姫路のホームページ製作屋 WILDWEST-SERVICE" title="ES6(ECMAScript6)でのJavaScriptの書き方 | 姫路のホームページ製作屋 WILDWEST-SERVICE" class="entry-image" /></a></p><p>ECMAScriptとは ECMAScript（エクマスクリプト）とは、JavaScriptの言語仕様です。 これは、たとえばHTML5で言うところのW3C勧告のような位置づけで考えてもらうと分かりやすいと思います。 InternetExplorerやFirefox、GoogleChromeなどの各ブラウザは、JavaScriptランタイム（実行環境）が標準で搭載されていますが、...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.wildwest-service.com/js_in_es6/"><img src="https://b.hatena.ne.jp/entry/image/https://www.wildwest-service.com/js_in_es6/" alt="はてなブックマーク - ES6(ECMAScript6)でのJavaScriptの書き方 | 姫路のホームページ製作屋 WILDWEST-SERVICE" title="はてなブックマーク - ES6(ECMAScript6)でのJavaScriptの書き方 | 姫路のホームページ製作屋 WILDWEST-SERVICE" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.wildwest-service.com/js_in_es6/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.yunabe.jp/docs/javascript_class_in_google.html coolworld 2015-08-07T13:47:35Z javascript 952 <blockquote cite="https://www.yunabe.jp/docs/javascript_class_in_google.html" title="Google流 JavaScript におけるクラス定義の実現方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.yunabe.jp%2Fdocs%2Fjavascript_class_in_google.html" alt="" /> <a href="https://www.yunabe.jp/docs/javascript_class_in_google.html">Google流 JavaScript におけるクラス定義の実現方法</a></cite><p><a href="https://www.yunabe.jp/docs/javascript_class_in_google.html"><img src="" alt="Google流 JavaScript におけるクラス定義の実現方法" title="Google流 JavaScript におけるクラス定義の実現方法" class="entry-image" /></a></p><p>目次 2019年追記 はじめに クラス実現のために必要な JavaScript の言語仕様 function this call new 演算子 prototype チェーン プロパティ: prototype Google Closure 流のクラスの実現方法の概要 クラスの宣言とコンストラクタの定義 メンバ変数 (インスタンス変数) メソッド定義と呼び出し private, protected 継承 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.yunabe.jp/docs/javascript_class_in_google.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.yunabe.jp/docs/javascript_class_in_google.html" alt="はてなブックマーク - Google流 JavaScript におけるクラス定義の実現方法" title="はてなブックマーク - Google流 JavaScript におけるクラス定義の実現方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.yunabe.jp/docs/javascript_class_in_google.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://bufferings.hatenablog.com/entry/2013/11/23/101731 inputタグの名前をth:nameで変えたときのjavascript処理に使った coolworld 2015-08-03T02:27:58Z javascript java 10 <blockquote cite="https://bufferings.hatenablog.com/entry/2013/11/23/101731" title="ThymeleafでJavaScriptのちょっとした注意点をメモ - Mitsuyuki.Shiiba"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbufferings.hatenablog.com%2Fentry%2F2013%2F11%2F23%2F101731" alt="" /> <a href="https://bufferings.hatenablog.com/entry/2013/11/23/101731">ThymeleafでJavaScriptのちょっとした注意点をメモ - Mitsuyuki.Shiiba</a></cite><p><a href="https://bufferings.hatenablog.com/entry/2013/11/23/101731"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e7e2e162012e97d2e77c6b9c8c561a87972cf349/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673909441%2F12921228815712974399%2F1445157518" alt="ThymeleafでJavaScriptのちょっとした注意点をメモ - Mitsuyuki.Shiiba" title="ThymeleafでJavaScriptのちょっとした注意点をメモ - Mitsuyuki.Shiiba" class="entry-image" /></a></p><p>こんにちは。しーばです。みんな大好きThymeleafのお話です。 今日は気が向いたのでThymeleaf&amp;JavaScriptね。 http://www.thymeleaf.org/doc/html/Using-Thymeleaf.html#script-inlining-javascript-and-dart Natural Templating Thymeleafはナチュラルテンプレーティングってのをコンセプトに持ってます。 静的に見ても...</p><p><a href="https://b.hatena.ne.jp/entry/s/bufferings.hatenablog.com/entry/2013/11/23/101731"><img src="https://b.hatena.ne.jp/entry/image/https://bufferings.hatenablog.com/entry/2013/11/23/101731" alt="はてなブックマーク - ThymeleafでJavaScriptのちょっとした注意点をメモ - Mitsuyuki.Shiiba" title="はてなブックマーク - ThymeleafでJavaScriptのちょっとした注意点をメモ - Mitsuyuki.Shiiba" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/bufferings.hatenablog.com/entry/2013/11/23/101731"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://blog.masuidrive.jp/2015/03/03/react/ どこで非同期通信やってた？ coolworld 2015-03-04T10:55:19Z javascript 1188 <blockquote cite="http://blog.masuidrive.jp/2015/03/03/react/" title="Ajaxを劇的に簡単にするReact.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.masuidrive.jp%2F2015%2F03%2F03%2Freact%2F" alt="" /> <a href="http://blog.masuidrive.jp/2015/03/03/react/">Ajaxを劇的に簡単にするReact.js</a></cite><p><a href="http://blog.masuidrive.jp/2015/03/03/react/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6235ee9fe0ec26c5c8501f58982a7b947bc68c51/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fblog.masuidrive.jp%2Fwp-content%2Fuploads%2F2015%2F03%2Fogp1.png" alt="Ajaxを劇的に簡単にするReact.js" title="Ajaxを劇的に簡単にするReact.js" class="entry-image" /></a></p><p>ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階...</p><p><a href="https://b.hatena.ne.jp/entry/blog.masuidrive.jp/2015/03/03/react/"><img src="https://b.hatena.ne.jp/entry/image/http://blog.masuidrive.jp/2015/03/03/react/" alt="はてなブックマーク - Ajaxを劇的に簡単にするReact.js" title="はてなブックマーク - Ajaxを劇的に簡単にするReact.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.masuidrive.jp/2015/03/03/react/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/ console.table知らんかった。。。 coolworld 2015-02-05T04:32:51Z javascript Tips 1249 <blockquote cite="https://postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/" title="JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fhow-to-not-hate-javascript-tips-from-the-frontline%2F" alt="" /> <a href="https://postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/">JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD</a></cite><p><a href="https://postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/adde92a4f44fa98b813921c307fcab13ed070fcf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2015%2F02%2FScreen-Shot-2014-11-26-at-17.15.31-500x202.png" alt="JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD" title="JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD" class="entry-image" /></a></p><p>この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒン...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/" alt="はてなブックマーク - JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD" title="はてなブックマーク - JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://tech.nitoyon.com/ja/blog/2014/07/18/data-binding/ coolworld 2014-07-18T07:57:00Z javascript 440 <blockquote cite="http://tech.nitoyon.com/ja/blog/2014/07/18/data-binding/" title="JavaScript フレームワークがデータバインディングを実現する４通りの手法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftech.nitoyon.com%2Fja%2Fblog%2F2014%2F07%2F18%2Fdata-binding%2F" alt="" /> <a href="http://tech.nitoyon.com/ja/blog/2014/07/18/data-binding/">JavaScript フレームワークがデータバインディングを実現する４通りの手法</a></cite><p><a href="http://tech.nitoyon.com/ja/blog/2014/07/18/data-binding/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/96a859f912f70c57e94dbaca38254323f1f52870/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png" alt="JavaScript フレームワークがデータバインディングを実現する４通りの手法" title="JavaScript フレームワークがデータバインディングを実現する４通りの手法" class="entry-image" /></a></p><p>最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。 この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。 モデル クラス方式 (Ember.js、Backbone.js、Ractiv...</p><p><a href="https://b.hatena.ne.jp/entry/tech.nitoyon.com/ja/blog/2014/07/18/data-binding/"><img src="https://b.hatena.ne.jp/entry/image/http://tech.nitoyon.com/ja/blog/2014/07/18/data-binding/" alt="はてなブックマーク - JavaScript フレームワークがデータバインディングを実現する４通りの手法" title="はてなブックマーク - JavaScript フレームワークがデータバインディングを実現する４通りの手法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tech.nitoyon.com/ja/blog/2014/07/18/data-binding/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.hp-stylelink.com/news/2013/10/20131008.php カンマとか連結時のプラス記号は文末じゃなくて文頭に置きたいです。 coolworld 2013-10-08T11:39:54Z javascript コーディング規約 970 <blockquote cite="http://www.hp-stylelink.com/news/2013/10/20131008.php" title="http://www.hp-stylelink.com/news/2013/10/20131008.php"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.hp-stylelink.com%2Fnews%2F2013%2F10%2F20131008.php" alt="" /> <a href="http://www.hp-stylelink.com/news/2013/10/20131008.php">http://www.hp-stylelink.com/news/2013/10/20131008.php</a></cite><p><a href="http://www.hp-stylelink.com/news/2013/10/20131008.php"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5d632490a366902ef98b827bb94deadff1b31cfb/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.hp-stylelink.com%2Fnews%2Fassets_c%2F2013%2F10%2F20131008_thumbnail-thumb-200x160-93.jpg" alt="http://www.hp-stylelink.com/news/2013/10/20131008.php" title="http://www.hp-stylelink.com/news/2013/10/20131008.php" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.hp-stylelink.com/news/2013/10/20131008.php"><img src="https://b.hatena.ne.jp/entry/image/http://www.hp-stylelink.com/news/2013/10/20131008.php" alt="はてなブックマーク - http://www.hp-stylelink.com/news/2013/10/20131008.php" title="はてなブックマーク - http://www.hp-stylelink.com/news/2013/10/20131008.php" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.hp-stylelink.com/news/2013/10/20131008.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://teramako.hatenadiary.org/entry/20130905/p1 元記事のサンプル2のような、forループ抜けてから1回だけinnerHTML使うときの結果もあるとうれしい。test2と変わらないのかな。id:teramako ありがとうございます！今後チューニングすることがあった場合の参考にします。 coolworld 2013-09-06T00:37:11Z javascript 自分ではやらない 102 <blockquote cite="https://teramako.hatenadiary.org/entry/20130905/p1" title="innerHTML += ... な書き方について - hogehoge @teramako"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fteramako.hatenadiary.org%2Fentry%2F20130905%2Fp1" alt="" /> <a href="https://teramako.hatenadiary.org/entry/20130905/p1">innerHTML += ... な書き方について - hogehoge @teramako</a></cite><p><a href="https://teramako.hatenadiary.org/entry/20130905/p1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/38e0a740487f7a9038687da23ae8f5853ff832f9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127100731536%2F17680117127100736928%2F1556722866" alt="innerHTML += ... な書き方について - hogehoge @teramako" title="innerHTML += ... な書き方について - hogehoge @teramako" class="entry-image" /></a></p><p>DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマーク - DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマークで『後でツッコミする』と書いたとおり、ちょっとツッコミたいと思う。 ツッコミ記事のつもりが、自分がツッコミされることと...</p><p><a href="https://b.hatena.ne.jp/entry/s/teramako.hatenadiary.org/entry/20130905/p1"><img src="https://b.hatena.ne.jp/entry/image/https://teramako.hatenadiary.org/entry/20130905/p1" alt="はてなブックマーク - innerHTML += ... な書き方について - hogehoge @teramako" title="はてなブックマーク - innerHTML += ... な書き方について - hogehoge @teramako" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/teramako.hatenadiary.org/entry/20130905/p1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.ibm.com/developerworks/jp/web/library/wa-moredojocharts/?cmp%3Ddw%26cpb%3Ddwwdv%26ct%3Ddwrss%26cr%3Ddwrss%26ccy%3Djp%26csr%3D121710 Dojoでグラフ操作 coolworld 2013-06-04T07:23:41Z javascript 1 <blockquote cite="http://www.ibm.com/developerworks/jp/web/library/wa-moredojocharts/?cmp%3Ddw%26cpb%3Ddwwdv%26ct%3Ddwrss%26cr%3Ddwrss%26ccy%3Djp%26csr%3D121710" title="連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.ibm.com%2Fdeveloperworks%2Fjp%2Fweb%2Flibrary%2Fwa-moredojocharts%2F%3Fcmp%253Ddw%2526cpb%253Ddwwdv%2526ct%253Ddwrss%2526cr%253Ddwrss%2526ccy%253Djp%2526csr%253D121710" alt="" /> <a href="http://www.ibm.com/developerworks/jp/web/library/wa-moredojocharts/?cmp%3Ddw%26cpb%3Ddwwdv%26ct%3Ddwrss%26cr%3Ddwrss%26ccy%3Djp%26csr%3D121710">連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）</a></cite><p><a href="http://www.ibm.com/developerworks/jp/web/library/wa-moredojocharts/?cmp%3Ddw%26cpb%3Ddwwdv%26ct%3Ddwrss%26cr%3Ddwrss%26ccy%3Djp%26csr%3D121710"><img src="" alt="連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）" title="連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.ibm.com/developerworks/jp/web/library/wa-moredojocharts/?cmp%3Ddw%26cpb%3Ddwwdv%26ct%3Ddwrss%26cr%3Ddwrss%26ccy%3Djp%26csr%3D121710"><img src="https://b.hatena.ne.jp/entry/image/http://www.ibm.com/developerworks/jp/web/library/wa-moredojocharts/?cmp%3Ddw%26cpb%3Ddwwdv%26ct%3Ddwrss%26cr%3Ddwrss%26ccy%3Djp%26csr%3D121710" alt="はてなブックマーク - 連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）" title="はてなブックマーク - 連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.ibm.com/developerworks/jp/web/library/wa-moredojocharts/?cmp%3Ddw%26cpb%3Ddwwdv%26ct%3Ddwrss%26cr%3Ddwrss%26ccy%3Djp%26csr%3D121710"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://trust-form.org/auto-input-zip/ 元ページを見たら、prototype.jsやJQueryがなくてもOKだった。Dojoのフォームと連携できるか確認する。 coolworld 2013-05-28T06:13:40Z JavaScript ライブラリ 34 <blockquote cite="http://trust-form.org/auto-input-zip/" title="COMING SOON"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftrust-form.org%2Fauto-input-zip%2F" alt="" /> <a href="http://trust-form.org/auto-input-zip/">COMING SOON</a></cite><p><a href="http://trust-form.org/auto-input-zip/"><img src="" alt="COMING SOON" title="COMING SOON" class="entry-image" /></a></p><p>COMING SOON</p><p><a href="https://b.hatena.ne.jp/entry/trust-form.org/auto-input-zip/"><img src="https://b.hatena.ne.jp/entry/image/http://trust-form.org/auto-input-zip/" alt="はてなブックマーク - COMING SOON" title="はてなブックマーク - COMING SOON" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/trust-form.org/auto-input-zip/"><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/js-framework-for-responsive-skeljs.html coolworld 2013-05-23T03:20:49Z javascript あとでみる 476 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html" title="レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjs-framework-for-responsive-skeljs.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html">レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html"><img src="" alt="レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス" title="レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス" class="entry-image" /></a></p><p>スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html" alt="はてなブックマーク - レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス" title="はてなブックマーク - レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>