https://b.hatena.ne.jp/htk291/javascript/ javascriptに関するhtk291のはてなブックマーク (70) https://www.yunabe.jp/docs/javascript_class_in_google.html htk291 2015-08-07T05:36:25Z javascript google 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://qiita.com/hirokidaichi/items/346d5aa8b194cfe1b6aa htk291 2015-02-04T02:45:49Z javascript エヴァンゲリオン ネタ 505 <blockquote cite="https://qiita.com/hirokidaichi/items/346d5aa8b194cfe1b6aa" title="エヴァンゲリオンでわかってしまうJavaScript - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fhirokidaichi%2Fitems%2F346d5aa8b194cfe1b6aa" alt="" /> <a href="https://qiita.com/hirokidaichi/items/346d5aa8b194cfe1b6aa">エヴァンゲリオンでわかってしまうJavaScript - Qiita</a></cite><p><a href="https://qiita.com/hirokidaichi/items/346d5aa8b194cfe1b6aa"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3d021ee4bde9c8ac6be1d38ac5e29025a36a6600/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUE4JUUzJTgzJUI0JUUzJTgyJUExJUUzJTgzJUIzJUUzJTgyJUIyJUUzJTgzJUFBJUUzJTgyJUFBJUUzJTgzJUIzJUUzJTgxJUE3JUUzJTgyJThGJUUzJTgxJThCJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJTk3JUUzJTgxJUJFJUUzJTgxJTg2SmF2YVNjcmlwdCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YjI4Y2NjYTEzNWM1ODc2Nzc4ZDY4MWIwMjliMThjYWU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoaXJva2lkYWljaGkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTZkY2M3ODIzNmM4ZDk1YjM0YzY2YTE3MDNlNjg0NmY5%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-UmVjdG9y%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D63faac50f3b14ada4861d8af1161320e" alt="エヴァンゲリオンでわかってしまうJavaScript - Qiita" title="エヴァンゲリオンでわかってしまうJavaScript - Qiita" class="entry-image" /></a></p><p>はじめに 全国１億２０００万人のエヴァンゲリオンはわかるけど,JavaScriptはちょっと、、、な皆さんこんにちは。 JavaScriptのプログラミングは、エヴァンゲリオンよりは簡単なのですが、なぜかプログラマにしか浸透しません。 エヴァンゲリオンの諸概念を理解している方であれば、すでにJavaScriptプログラミングは理...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/hirokidaichi/items/346d5aa8b194cfe1b6aa"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/hirokidaichi/items/346d5aa8b194cfe1b6aa" alt="はてなブックマーク - エヴァンゲリオンでわかってしまうJavaScript - Qiita" title="はてなブックマーク - エヴァンゲリオンでわかってしまうJavaScript - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/hirokidaichi/items/346d5aa8b194cfe1b6aa"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.slideshare.net/slideshow/javascript-23109010/23109010 htk291 2013-06-18T07:15:30Z インターネット javascript セキュリティ html security 暗号化 271 <blockquote cite="https://www.slideshare.net/slideshow/javascript-23109010/23109010" title="Javascript で暗号化"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fjavascript-23109010%2F23109010" alt="" /> <a href="https://www.slideshare.net/slideshow/javascript-23109010/23109010">Javascript で暗号化</a></cite><p><a href="https://www.slideshare.net/slideshow/javascript-23109010/23109010"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/571ebc4329d0170771d42792e6ffd0e479249980/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fjavascript-130617083804-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="Javascript で暗号化" title="Javascript で暗号化" class="entry-image" /></a></p><p>NSEG 第 40 回勉強会で、mebius こと砂原昌史さんが発表でお使いになったスライドを代理でアップロードしました。</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/javascript-23109010/23109010"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/javascript-23109010/23109010" alt="はてなブックマーク - Javascript で暗号化" title="はてなブックマーク - Javascript で暗号化" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/javascript-23109010/23109010"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://actyway.com/8490 htk291 2013-05-20T08:43:43Z テスト javascript test DOM 72 <blockquote cite="http://actyway.com/8490" title="HugeDomains.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Factyway.com%2F8490" alt="" /> <a href="http://actyway.com/8490">HugeDomains.com</a></cite><p><a href="http://actyway.com/8490"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8fb682cd99463f101dcf93b04df3bbae1c4a75c0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstatic.hugedomains.com%2Fimages%2Fhdv3-img%2Fog_hugedomains.png" alt="HugeDomains.com" title="HugeDomains.com" class="entry-image" /></a></p><p>Captcha security check actyway.com is for sale Please prove you&#39;re not a robot View Price Processing</p><p><a href="https://b.hatena.ne.jp/entry/actyway.com/8490"><img src="https://b.hatena.ne.jp/entry/image/http://actyway.com/8490" alt="はてなブックマーク - HugeDomains.com" title="はてなブックマーク - HugeDomains.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/actyway.com/8490"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.slideshare.net/slideshow/java-script-20062574/20062574 htk291 2013-04-28T02:20:07Z javascript プログラミング 337 <blockquote cite="https://www.slideshare.net/slideshow/java-script-20062574/20062574" title="モテる JavaScript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fjava-script-20062574%2F20062574" alt="" /> <a href="https://www.slideshare.net/slideshow/java-script-20062574/20062574">モテる JavaScript</a></cite><p><a href="https://www.slideshare.net/slideshow/java-script-20062574/20062574"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5f27ad0ce33bfdaaba61b97be93c22217a072a19/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fjavascript-130427003946-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="モテる JavaScript" title="モテる JavaScript" class="entry-image" /></a></p><p>Microsoft Bot Framework と�Cognitive Services を活用した�業務サポートBOT 構築</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/java-script-20062574/20062574"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/java-script-20062574/20062574" alt="はてなブックマーク - モテる JavaScript" title="はてなブックマーク - モテる JavaScript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/java-script-20062574/20062574"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.html5rocks.com/ja/tutorials/file/dndfiles/ htk291 2013-04-25T00:30:06Z file api アップロード Chrome ブラウザ HTML5 javascript 539 <blockquote cite="https://www.html5rocks.com/ja/tutorials/file/dndfiles/" title="JavaScript でのローカル ファイルの読み込み - HTML5 Rocks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2Ftutorials%2Ffile%2Fdndfiles%2F" alt="" /> <a href="https://www.html5rocks.com/ja/tutorials/file/dndfiles/">JavaScript でのローカル ファイルの読み込み - HTML5 Rocks</a></cite><p><a href="https://www.html5rocks.com/ja/tutorials/file/dndfiles/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e6d208f8ef5acfce243f4a66ea6a7b7c71c096c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb-dev.imgix.net%2Fimage%2FFNkVSAX8UDTTQWQkKftSgGe9clO2%2FuZ3hQS2EPrA9csOgkoXI.png%3Fauto%3Dformat%26fit%3Dmax%26w%3D1200%26fm%3Dauto" alt="JavaScript でのローカル ファイルの読み込み - HTML5 Rocks" title="JavaScript でのローカル ファイルの読み込み - HTML5 Rocks" class="entry-image" /></a></p><p>Selecting and interacting with files on the user&#39;s local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/file/dndfiles/"><img src="https://b.hatena.ne.jp/entry/image/https://www.html5rocks.com/ja/tutorials/file/dndfiles/" alt="はてなブックマーク - JavaScript でのローカル ファイルの読み込み - HTML5 Rocks" title="はてなブックマーク - JavaScript でのローカル ファイルの読み込み - HTML5 Rocks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/file/dndfiles/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.slideshare.net/slideshow/common-js/7075753 htk291 2013-01-16T04:06:17Z CommonJS javascript slideshare presentation 75 <blockquote cite="https://www.slideshare.net/slideshow/common-js/7075753" title="CommonJSの話"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fcommon-js%2F7075753" alt="" /> <a href="https://www.slideshare.net/slideshow/common-js/7075753">CommonJSの話</a></cite><p><a href="https://www.slideshare.net/slideshow/common-js/7075753"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6d00317cbf4be2e058f05780eb5db57a1231ff58/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fcommonjs-110226225301-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="CommonJSの話" title="CommonJSの話" class="entry-image" /></a></p><p>名古屋Reject会議の資料 - Download as a PDF, PPTX or view online for free</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/common-js/7075753"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/common-js/7075753" alt="はてなブックマーク - CommonJSの話" title="はてなブックマーク - CommonJSの話" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/common-js/7075753"><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/100-jquery-plugins-2012-best.html htk291 2012-12-17T07:39:08Z 画像 javascript 動画 jquery アニメーション スライダー web制作 webデザイン 684 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html" title="[JS]jQueryのプラグイン100選 -2012年総集編"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F100-jquery-plugins-2012-best.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html">[JS]jQueryのプラグイン100選 -2012年総集編</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html"><img src="" alt="[JS]jQueryのプラグイン100選 -2012年総集編" title="[JS]jQueryのプラグイン100選 -2012年総集編" class="entry-image" /></a></p><p>2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっていま...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html" alt="はてなブックマーク - [JS]jQueryのプラグイン100選 -2012年総集編" title="はてなブックマーク - [JS]jQueryのプラグイン100選 -2012年総集編" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.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-alert-notification-system-alertify.html htk291 2012-12-05T00:29:37Z HTML システム javascript カスタマイズ アラート 通知 JS 40 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/js-alert-notification-system-alertify.html" title="[JS]アラートやコンファームなどの通知ダイアログとユーザーのアクションを表示するパネルも簡単に実装するスクリプト -alertifyjs"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjs-alert-notification-system-alertify.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/js-alert-notification-system-alertify.html">[JS]アラートやコンファームなどの通知ダイアログとユーザーのアクションを表示するパネルも簡単に実装するスクリプト -alertifyjs</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/js-alert-notification-system-alertify.html"><img src="" alt="[JS]アラートやコンファームなどの通知ダイアログとユーザーのアクションを表示するパネルも簡単に実装するスクリプト -alertifyjs" title="[JS]アラートやコンファームなどの通知ダイアログとユーザーのアクションを表示するパネルも簡単に実装するスクリプト -alertifyjs" class="entry-image" /></a></p><p>アラートやコンファームやプロンプトの通知ダイアログ、ユーザーがOKやCancelをクリックしたことを伝えるパネルを簡単に実装できるスタンドアローンのスクリプトを紹介します。 alertifyjs alertifyjs -GitHub alertifyjsの特徴 alertifyjsのデモ alertifyjsの使い方 alertifyjsの特徴 alertifyjsは簡単にカスタマイズが...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-alert-notification-system-alertify.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/js-alert-notification-system-alertify.html" alt="はてなブックマーク - [JS]アラートやコンファームなどの通知ダイアログとユーザーのアクションを表示するパネルも簡単に実装するスクリプト -alertifyjs" title="はてなブックマーク - [JS]アラートやコンファームなどの通知ダイアログとユーザーのアクションを表示するパネルも簡単に実装するスクリプト -alertifyjs" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-alert-notification-system-alertify.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mbdb.jp/web-technical/js/html5shiv.html htk291 2012-12-03T00:55:30Z JS Media IE CSS3 web制作 webデザイン javascript HTML5 css 1387 <blockquote cite="https://mbdb.jp/web-technical/js/html5shiv.html" title="HTML5で組んでるならこの魔法のjsも入れておけっていう話"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmbdb.jp%2Fweb-technical%2Fjs%2Fhtml5shiv.html" alt="" /> <a href="https://mbdb.jp/web-technical/js/html5shiv.html">HTML5で組んでるならこの魔法のjsも入れておけっていう話</a></cite><p><a href="https://mbdb.jp/web-technical/js/html5shiv.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c6d91f047e0fb81bdf56d7e077380a39ad9fe881/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmbdb.jp%2Fwp-content%2Fuploads%2F2012%2F12%2F6748933897_4c43586477_z-600x315.jpg" alt="HTML5で組んでるならこの魔法のjsも入れておけっていう話" title="HTML5で組んでるならこの魔法のjsも入れておけっていう話" class="entry-image" /></a></p><p>現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせ...</p><p><a href="https://b.hatena.ne.jp/entry/s/mbdb.jp/web-technical/js/html5shiv.html"><img src="https://b.hatena.ne.jp/entry/image/https://mbdb.jp/web-technical/js/html5shiv.html" alt="はてなブックマーク - HTML5で組んでるならこの魔法のjsも入れておけっていう話" title="はてなブックマーク - HTML5で組んでるならこの魔法のjsも入れておけっていう話" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mbdb.jp/web-technical/js/html5shiv.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/jquery-plugin-baraja.html htk291 2012-11-15T00:09:30Z jquery JS アニメーション javascript 動的 css 44 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-baraja.html" title="[JS]マジシャンがトランプを広げるように複数のパネルを華麗なアニメーションで広げるスクリプト -Baraja"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-baraja.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-baraja.html">[JS]マジシャンがトランプを広げるように複数のパネルを華麗なアニメーションで広げるスクリプト -Baraja</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-baraja.html"><img src="" alt="[JS]マジシャンがトランプを広げるように複数のパネルを華麗なアニメーションで広げるスクリプト -Baraja" title="[JS]マジシャンがトランプを広げるように複数のパネルを華麗なアニメーションで広げるスクリプト -Baraja" class="entry-image" /></a></p><p>デモページ：ダイナミックに重ねたりもできます Barajaの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。スタイルシートはhead内に配置します。 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/baraja.css&quot; /&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/a...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-baraja.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-baraja.html" alt="はてなブックマーク - [JS]マジシャンがトランプを広げるように複数のパネルを華麗なアニメーションで広げるスクリプト -Baraja" title="はてなブックマーク - [JS]マジシャンがトランプを広げるように複数のパネルを華麗なアニメーションで広げるスクリプト -Baraja" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-baraja.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://blog.mach3.jp/2012/10/js-testem-script.html htk291 2012-10-31T14:08:19Z JS テスト Node.js プログラミング javascript programming testem testing 539 <blockquote cite="http://blog.mach3.jp/2012/10/js-testem-script.html" title="JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.mach3.jp%2F2012%2F10%2Fjs-testem-script.html" alt="" /> <a href="http://blog.mach3.jp/2012/10/js-testem-script.html">JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog</a></cite><p><a href="http://blog.mach3.jp/2012/10/js-testem-script.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9a779b9f97b765ca651cc48b21b8c4ccd5fdc6ac/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Flh6.googleusercontent.com%2F-PfCvl0NLxAk%2FUJALoNXxsFI%2FAAAAAAAABo8%2FnUGSw2u6OTc%2Fs400%2F20121031-00.png" alt="JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog" title="JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog" class="entry-image" /></a></p><p>この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript ...</p><p><a href="https://b.hatena.ne.jp/entry/blog.mach3.jp/2012/10/js-testem-script.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.mach3.jp/2012/10/js-testem-script.html" alt="はてなブックマーク - JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog" title="はてなブックマーク - JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.mach3.jp/2012/10/js-testem-script.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sites.google.com/site/jun1sboardgames/programming/typescript TypeScript htk291 2012-10-05T00:04:48Z javascript Web開発 588 <blockquote cite="https://sites.google.com/site/jun1sboardgames/programming/typescript" title="Sign in - Google Accounts"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsites.google.com%2Fsite%2Fjun1sboardgames%2Fprogramming%2Ftypescript" alt="" /> <a href="https://sites.google.com/site/jun1sboardgames/programming/typescript">Sign in - Google Accounts</a></cite><p><a href="https://sites.google.com/site/jun1sboardgames/programming/typescript"><img src="" alt="Sign in - Google Accounts" title="Sign in - Google Accounts" class="entry-image" /></a></p><p>Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode</p><p><a href="https://b.hatena.ne.jp/entry/s/sites.google.com/site/jun1sboardgames/programming/typescript"><img src="https://b.hatena.ne.jp/entry/image/https://sites.google.com/site/jun1sboardgames/programming/typescript" alt="はてなブックマーク - Sign in - Google Accounts" title="はてなブックマーク - Sign in - Google Accounts" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sites.google.com/site/jun1sboardgames/programming/typescript"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://s3pw.com/qrefy/ htk291 2012-08-01T06:03:07Z jQuery web制作 javascript Webサービス リファレンス 1494 <blockquote cite="http://s3pw.com/qrefy/" title="Loading..."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fs3pw.com%2Fqrefy%2F" alt="" /> <a href="http://s3pw.com/qrefy/">Loading...</a></cite><p><a href="http://s3pw.com/qrefy/"><img src="" alt="Loading..." title="Loading..." class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s3pw.com/qrefy/"><img src="https://b.hatena.ne.jp/entry/image/http://s3pw.com/qrefy/" alt="はてなブックマーク - Loading..." title="はてなブックマーク - Loading..." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s3pw.com/qrefy/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.timedia.co.jp/tech/beautiful-code-vs-mr-oldtype/ htk291 2012-07-16T07:54:46Z javascript jQuery HTML jquery 432 <blockquote cite="https://www.timedia.co.jp/tech/beautiful-code-vs-mr-oldtype/" title="美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.timedia.co.jp%2Ftech%2Fbeautiful-code-vs-mr-oldtype%2F" alt="" /> <a href="https://www.timedia.co.jp/tech/beautiful-code-vs-mr-oldtype/">美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア</a></cite><p><a href="https://www.timedia.co.jp/tech/beautiful-code-vs-mr-oldtype/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c6f369d502487e24a41162a50a463ea5300e1d4e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.timedia.co.jp%2Fwp-content%2Fuploads%2F2022%2F04%2F13242.png" alt="美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア" title="美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア" class="entry-image" /></a></p><p>あらすじ あなたはとある業務用 Web アプリケーションの開発・保守を任されています。 このアプリケーションは ASP.NET を用いて作成されており、 クライアントサイドは一部 jQuery を利用してナウなヤングにバカウケの UI を実装しています。 さて、今回は 商品情報の変更履歴を一覧表示する。一覧から2つのバージョン...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.timedia.co.jp/tech/beautiful-code-vs-mr-oldtype/"><img src="https://b.hatena.ne.jp/entry/image/https://www.timedia.co.jp/tech/beautiful-code-vs-mr-oldtype/" alt="はてなブックマーク - 美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア" title="はてなブックマーク - 美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.timedia.co.jp/tech/beautiful-code-vs-mr-oldtype/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/12/javascript_mvcangularjs.html htk291 2012-06-18T04:53:15Z MVC javascript プログラミング web制作 AngularJS 864 <blockquote cite="https://www.publickey1.jp/blog/12/javascript_mvcangularjs.html" title="グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F12%2Fjavascript_mvcangularjs.html" alt="" /> <a href="https://www.publickey1.jp/blog/12/javascript_mvcangularjs.html">グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey</a></cite><p><a href="https://www.publickey1.jp/blog/12/javascript_mvcangularjs.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="グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey" title="グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey" class="entry-image" /></a></p><p>グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/12/javascript_mvcangularjs.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/12/javascript_mvcangularjs.html" alt="はてなブックマーク - グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey" title="はてなブックマーク - グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/12/javascript_mvcangularjs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.moongift.jp/2012/06/20120613-2/ htk291 2012-06-14T04:02:26Z titanium javascript 59 <blockquote cite="https://www.moongift.jp/2012/06/20120613-2/" title="WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2012%2F06%2F20120613-2%2F" alt="" /> <a href="https://www.moongift.jp/2012/06/20120613-2/">WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2012/06/20120613-2/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/27195a72160ec62a49b4af93ec910a4f05ba6faf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmoongift%2Fattaches%2F2112%2Flist.%3F1354358563" alt="WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT" title="WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT" class="entry-image" /></a></p><p>Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2012/06/20120613-2/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2012/06/20120613-2/" alt="はてなブックマーク - WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT" title="はてなブックマーク - WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2012/06/20120613-2/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://0-9.sakura.ne.jp/pub/cod2012jp/start.html htk291 2012-06-12T23:47:22Z JS JavaScript テスト プログラム test 43 <blockquote cite="http://0-9.sakura.ne.jp/pub/cod2012jp/start.html" title="今日からはじめるJS UnitTest"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2F0-9.sakura.ne.jp%2Fpub%2Fcod2012jp%2Fstart.html" alt="" /> <a href="http://0-9.sakura.ne.jp/pub/cod2012jp/start.html">今日からはじめるJS UnitTest</a></cite><p><a href="http://0-9.sakura.ne.jp/pub/cod2012jp/start.html"><img src="" alt="今日からはじめるJS UnitTest" title="今日からはじめるJS UnitTest" class="entry-image" /></a></p><p>なぜ「テストを書く理由」が重要なのか テストもプログラムの一部 ただし、直接は機能を追加しない しかも、メンテナンスコストは高い</p><p><a href="https://b.hatena.ne.jp/entry/0-9.sakura.ne.jp/pub/cod2012jp/start.html"><img src="https://b.hatena.ne.jp/entry/image/http://0-9.sakura.ne.jp/pub/cod2012jp/start.html" alt="はてなブックマーク - 今日からはじめるJS UnitTest" title="はてなブックマーク - 今日からはじめるJS UnitTest" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/0-9.sakura.ne.jp/pub/cod2012jp/start.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2012/06/13kbquojs.html htk291 2012-06-11T17:00:01Z ジェスチャ スマートフォン jquery javascript 開発 モバイル 603 <blockquote cite="https://phpspot.org/blog/archives/2012/06/13kbquojs.html" title="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2012%2F06%2F13kbquojs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2012/06/13kbquojs.html">スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="" alt="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" title="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" class="entry-image" /></a></p><p>QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2012/06/13kbquojs.html" alt="はてなブックマーク - スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" title="はてなブックマーク - スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ginpen.com/2012/05/31/jsx/ htk291 2012-06-05T02:44:31Z javascript JSX DeNA プログラミング言語 WEB開発 Web制作 126 <blockquote cite="https://ginpen.com/2012/05/31/jsx/" title="JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ！ | Ginpen.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fginpen.com%2F2012%2F05%2F31%2Fjsx%2F" alt="" /> <a href="https://ginpen.com/2012/05/31/jsx/">JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ！ | Ginpen.com</a></cite><p><a href="https://ginpen.com/2012/05/31/jsx/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3e3b3224eab03de76ac5b0fcafdad65204a38170/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fginpen.com%2Fwp-content%2Fthemes%2Fginpen-theme%2Fimg%2Ficon-512.png" alt="JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ！ | Ginpen.com" title="JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ！ | Ginpen.com" class="entry-image" /></a></p><p>これ行ってきました。 Web先端技術味見部#4 （仮テーマはJSX！） : ATND JSXなにそれ JavaScriptっぽい新言語。本日DeNAが発表。 JavaScript風の記述 って言ってたけどそうでもないと思った。ActionScriptに近い？ 静的型付け →高速 クラスベース →高速 JavaScriptに変換しても →高速 玄人が書いたJavaScript並 クライア...</p><p><a href="https://b.hatena.ne.jp/entry/s/ginpen.com/2012/05/31/jsx/"><img src="https://b.hatena.ne.jp/entry/image/https://ginpen.com/2012/05/31/jsx/" alt="はてなブックマーク - JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ！ | Ginpen.com" title="はてなブックマーク - JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ！ | Ginpen.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ginpen.com/2012/05/31/jsx/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>