https://b.hatena.ne.jp/orangehalf/JavaScript/ JavaScriptに関するorangehalfのはてなブックマーク (123) https://coliss.com/articles/build-websites/operation/javascript/js-cloudimage-360-view.html orangehalf 2019-04-25T02:04:09Z web制作 javascript <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/js-cloudimage-360-view.html" title="商品を360度回転できる画像ビューワーを簡単に実装できるスクリプト -JS Cloudimage 360 View"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjs-cloudimage-360-view.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/js-cloudimage-360-view.html">商品を360度回転できる画像ビューワーを簡単に実装できるスクリプト -JS Cloudimage 360 View</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/js-cloudimage-360-view.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2dfcc0aebb1e8283b449cdd0b675bbd5344afbfd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201902%2F2019042508-01.png" alt="商品を360度回転できる画像ビューワーを簡単に実装できるスクリプト -JS Cloudimage 360 View" title="商品を360度回転できる画像ビューワーを簡単に実装できるスクリプト -JS Cloudimage 360 View" class="entry-image" /></a></p><p>商品の画像を複数枚用意することで、商品を360度ぐるぐる回転できる画像ビューワーを簡単に実装できるスクリプトを紹介します。 操作はかなり快適で、単体で動作するスクリプトです。 JS Cloudimage 360 View JS Cloudimage 360 View -GitHub JS Cloudimage 360 Viewの特徴 JS Cloudimage 360 Viewのデモ JS Cloudimage ...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-cloudimage-360-view.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/js-cloudimage-360-view.html" alt="はてなブックマーク - 商品を360度回転できる画像ビューワーを簡単に実装できるスクリプト -JS Cloudimage 360 View" title="はてなブックマーク - 商品を360度回転できる画像ビューワーを簡単に実装できるスクリプト -JS Cloudimage 360 View" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-cloudimage-360-view.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 173 https://coliss.com/articles/build-websites/operation/javascript/javascript-unneeded-jquery-2015-sep.html orangehalf 2015-09-15T02:04:37Z javascript *まとめ <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/javascript-unneeded-jquery-2015-sep.html" title="jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjavascript-unneeded-jquery-2015-sep.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-unneeded-jquery-2015-sep.html">jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-unneeded-jquery-2015-sep.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f3a40edf6d149b92ab6811b843597f0feba0a2d5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015090901.png" alt="jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ" title="jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ" class="entry-image" /></a></p><p>MiniGrid -GitHub デモページ、アニメーションのデモ レスポンシブ対応のカード型レイアウトを実装できるシンプルで超軽量なスクリプト。アニメーションでレイアウトが変更する系はこのスクリプトが圧倒的に簡単で軽量です。アニメーション無しでも利用できます。 cta.js -GitHub デモページ パネルをクリックすると、そ...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-unneeded-jquery-2015-sep.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/javascript-unneeded-jquery-2015-sep.html" alt="はてなブックマーク - jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ" title="はてなブックマーク - jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-unneeded-jquery-2015-sep.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 316 https://www.recovermac.org/ orangehalf 2015-05-26T08:59:52Z javascript *まとめ グラフ <blockquote cite="https://www.recovermac.org/" title="CEK189 🐍 Link Gacor Bandar Situs Slot dan Togel Resmi Terpercaya"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.recovermac.org%2F" alt="" /> <a href="https://www.recovermac.org/">CEK189 🐍 Link Gacor Bandar Situs Slot dan Togel Resmi Terpercaya</a></cite><p><a href="https://www.recovermac.org/"><img src="" alt="CEK189 🐍 Link Gacor Bandar Situs Slot dan Togel Resmi Terpercaya" title="CEK189 🐍 Link Gacor Bandar Situs Slot dan Togel Resmi Terpercaya" class="entry-image" /></a></p><p>Belanja di App banyak untungnya: Banyak Vouchernya Produk Eksklusif di App Rekomendasi Hanya Untukmu Paling Pertama Dapat Promo</p><p><a href="https://b.hatena.ne.jp/entry/s/www.recovermac.org/"><img src="https://b.hatena.ne.jp/entry/image/https://www.recovermac.org/" alt="はてなブックマーク - CEK189 🐍 Link Gacor Bandar Situs Slot dan Togel Resmi Terpercaya" title="はてなブックマーク - CEK189 🐍 Link Gacor Bandar Situs Slot dan Togel Resmi Terpercaya" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.recovermac.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 168 https://www.publickey1.jp/blog/15/javascript52javascript_graphs.html orangehalf 2015-05-26T08:59:26Z javascript *まとめ <blockquote cite="https://www.publickey1.jp/blog/15/javascript52javascript_graphs.html" title="JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F15%2Fjavascript52javascript_graphs.html" alt="" /> <a href="https://www.publickey1.jp/blog/15/javascript52javascript_graphs.html">JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能</a></cite><p><a href="https://www.publickey1.jp/blog/15/javascript52javascript_graphs.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/49c07e14d392c17ff3c8a6af70b94bfa010faf3f/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.publickey1.jp%2Fblog%2F15%2Fjsg01.jpg" alt="JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能" title="JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能" class="entry-image" /></a></p><p>JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能 数年前に自作のアプリケーションをJavaScriptで作ったときにグラフ機能を実装しようとして、いくつかのグラフ用のJavaScriptライブラリを探して試したことがありました。JavaScriptライブラ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/15/javascript52javascript_graphs.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/15/javascript52javascript_graphs.html" alt="はてなブックマーク - JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能" title="はてなブックマーク - JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/15/javascript52javascript_graphs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 282 http://flabo.io/code/20141031/01-angularjs-compare-file-upload/ orangehalf 2015-04-20T05:51:23Z javascript IE <blockquote cite="http://flabo.io/code/20141031/01-angularjs-compare-file-upload/" title="flabo.io"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fflabo.io%2Fcode%2F20141031%2F01-angularjs-compare-file-upload%2F" alt="" /> <a href="http://flabo.io/code/20141031/01-angularjs-compare-file-upload/">flabo.io</a></cite><p><a href="http://flabo.io/code/20141031/01-angularjs-compare-file-upload/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8161bee1bb89a2277bf214aa5a2060ed8b6d4872/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fflabo.io%2Fimages%2Fposts%2F2014-10-31%2F01%2Fangularjs-application.png" alt="flabo.io" title="flabo.io" class="entry-image" /></a></p><p>Want your own domain name? Learn more about the domain name extensions we manage Find a domain name similar to flabo.io</p><p><a href="https://b.hatena.ne.jp/entry/flabo.io/code/20141031/01-angularjs-compare-file-upload/"><img src="https://b.hatena.ne.jp/entry/image/http://flabo.io/code/20141031/01-angularjs-compare-file-upload/" alt="はてなブックマーク - flabo.io" title="はてなブックマーク - flabo.io" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/flabo.io/code/20141031/01-angularjs-compare-file-upload/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 13 https://js.studio-kingdom.com/ orangehalf 2015-02-10T08:54:43Z javascript <blockquote cite="https://js.studio-kingdom.com/" title="js STUDIO | JavaScript、jQuery日本語リファレンス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjs.studio-kingdom.com%2F" alt="" /> <a href="https://js.studio-kingdom.com/">js STUDIO | JavaScript、jQuery日本語リファレンス</a></cite><p><a href="https://js.studio-kingdom.com/"><img src="" alt="js STUDIO | JavaScript、jQuery日本語リファレンス" title="js STUDIO | JavaScript、jQuery日本語リファレンス" class="entry-image" /></a></p><p>AngularJS 1.2 ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクテ...</p><p><a href="https://b.hatena.ne.jp/entry/s/js.studio-kingdom.com/"><img src="https://b.hatena.ne.jp/entry/image/https://js.studio-kingdom.com/" alt="はてなブックマーク - js STUDIO | JavaScript、jQuery日本語リファレンス" title="はてなブックマーク - js STUDIO | JavaScript、jQuery日本語リファレンス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/js.studio-kingdom.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 179 http://tategaki.info/tate_css/ orangehalf 2015-01-22T06:17:34Z javascript <blockquote cite="http://tategaki.info/tate_css/" title="スタイルシートで縦書き - tategaki.info"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftategaki.info%2Ftate_css%2F" alt="" /> <a href="http://tategaki.info/tate_css/">スタイルシートで縦書き - tategaki.info</a></cite><p><a href="http://tategaki.info/tate_css/"><img src="" alt="スタイルシートで縦書き - tategaki.info" title="スタイルシートで縦書き - tategaki.info" class="entry-image" /></a></p><p>…というわけで、このスタイルシートでは不満だ…というときは、より簡単に、綺麗な縦書きレイアウトを実現できるJavaScript・h2v.jsをお試しください。 さて、どういうスタイルを適用しているかといいますと、 文を一行ごとに、幅が一文字分の&lt;div&gt;要素で括る。 句読点や小さい「っ」は、放っておくと日本語の禁則処理で...</p><p><a href="https://b.hatena.ne.jp/entry/tategaki.info/tate_css/"><img src="https://b.hatena.ne.jp/entry/image/http://tategaki.info/tate_css/" alt="はてなブックマーク - スタイルシートで縦書き - tategaki.info" title="はてなブックマーク - スタイルシートで縦書き - tategaki.info" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tategaki.info/tate_css/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 3 http://alphasis.info/2012/04/jquery-plugin-jqplot-meter_gauge-intervalcolors/ orangehalf 2014-11-07T11:16:37Z jQuery javascript <blockquote cite="http://alphasis.info/2012/04/jquery-plugin-jqplot-meter_gauge-intervalcolors/" title="jQuery の jqPlot プラグインで作る色分けメーターゲージの色を指定"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Falphasis.info%2F2012%2F04%2Fjquery-plugin-jqplot-meter_gauge-intervalcolors%2F" alt="" /> <a href="http://alphasis.info/2012/04/jquery-plugin-jqplot-meter_gauge-intervalcolors/">jQuery の jqPlot プラグインで作る色分けメーターゲージの色を指定</a></cite><p><a href="http://alphasis.info/2012/04/jquery-plugin-jqplot-meter_gauge-intervalcolors/"><img src="" alt="jQuery の jqPlot プラグインで作る色分けメーターゲージの色を指定" title="jQuery の jqPlot プラグインで作る色分けメーターゲージの色を指定" class="entry-image" /></a></p><p>&lt;script&gt; jQuery( function() { jQuery . jqplot( &#39;jqPlot-sample&#39;, [ [ 70 ] ], { seriesDefaults: { renderer: jQuery . jqplot . MeterGaugeRenderer, rendererOptions: { intervals: [ 50, 100, 150 ], intervalColors:[ &#39;blue&#39;, &#39;yellow&#39;, &#39;red&#39; ] } }, } ); } ); &lt;/script&gt; seriesDefaults グラフの種類や、系列の...</p><p><a href="https://b.hatena.ne.jp/entry/alphasis.info/2012/04/jquery-plugin-jqplot-meter_gauge-intervalcolors/"><img src="https://b.hatena.ne.jp/entry/image/http://alphasis.info/2012/04/jquery-plugin-jqplot-meter_gauge-intervalcolors/" alt="はてなブックマーク - jQuery の jqPlot プラグインで作る色分けメーターゲージの色を指定" title="はてなブックマーク - jQuery の jqPlot プラグインで作る色分けメーターゲージの色を指定" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/alphasis.info/2012/04/jquery-plugin-jqplot-meter_gauge-intervalcolors/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 http://bernii.github.io/gauge.js/ orangehalf 2014-11-07T11:08:38Z javascript <blockquote cite="http://bernii.github.io/gauge.js/" title="gauge.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fbernii.github.io%2Fgauge.js%2F" alt="" /> <a href="http://bernii.github.io/gauge.js/">gauge.js</a></cite><p><a href="http://bernii.github.io/gauge.js/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ae23c1724cb7278e9b4d6ab574f846f890fa5dd8/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fbernii.github.com%2Fgauge.js%2Fassets%2Fpreview.jpg%3Fv%3D1" alt="gauge.js" title="gauge.js" class="entry-image" /></a></p><p>Options: Current Val: Anim speed: Angle: Line width: Radius: Ptr length: Ptr color: Ptr stroke: Font size: Color start: Color stop: Background: Ticks: Share it! If checked, the option values will be stored in the URL so that you can easily share your settings. Features No images, no external CSS ...</p><p><a href="https://b.hatena.ne.jp/entry/bernii.github.io/gauge.js/"><img src="https://b.hatena.ne.jp/entry/image/http://bernii.github.io/gauge.js/" alt="はてなブックマーク - gauge.js" title="はてなブックマーク - gauge.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/bernii.github.io/gauge.js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 29 http://www.webopixel.net/javascript/749.html orangehalf 2014-04-14T02:50:29Z javascript web制作 <blockquote cite="http://www.webopixel.net/javascript/749.html" title="セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.webopixel.net%2Fjavascript%2F749.html" alt="" /> <a href="http://www.webopixel.net/javascript/749.html">セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2</a></cite><p><a href="http://www.webopixel.net/javascript/749.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a063ae94148aec16be07df43307b97532041de01/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2013%2F05%2F0514s.png" alt="セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2" title="セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2" class="entry-image" /></a></p><p>セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2 「Select2」はセレクトボックスに検索機能を付けたり、タグの補完（サジェスト）入力ができるBootstrapベースのjQueryプラグインです。 投稿日2013年05月14日 更新日2013年05月14日 準備 最初に「bootstrap」と「...</p><p><a href="https://b.hatena.ne.jp/entry/www.webopixel.net/javascript/749.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.webopixel.net/javascript/749.html" alt="はてなブックマーク - セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2" title="はてなブックマーク - セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.webopixel.net/javascript/749.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 45 https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-cssmatrix-demo.html orangehalf 2013-04-04T04:17:27Z javascript jQuery <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-cssmatrix-demo.html" title="[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-cssmatrix-demo.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-cssmatrix-demo.html">[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-cssmatrix-demo.html"><img src="" alt="[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix" title="[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix" class="entry-image" /></a></p><p>jQueryのプラグイン「CSSMatrix」を使って、不連続のレイヤーに要素を配置し、それぞれを分離して3Dにぐるぐる回転して表示するデモを紹介します。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-cssmatrix-demo.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-cssmatrix-demo.html" alt="はてなブックマーク - [JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix" title="はてなブックマーク - [JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-cssmatrix-demo.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 58 https://japanese.engadget.com/jp-2013-02-27-1500-mmo-bombermine.html orangehalf 2013-02-28T07:53:10Z game html5 javascript <blockquote cite="https://japanese.engadget.com/jp-2013-02-27-1500-mmo-bombermine.html" title="1000人同時プレイのMMOボンバーマン『Bombermine』ベータテスト中 - Engadget Japanese"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjapanese.engadget.com%2Fjp-2013-02-27-1500-mmo-bombermine.html" alt="" /> <a href="https://japanese.engadget.com/jp-2013-02-27-1500-mmo-bombermine.html">1000人同時プレイのMMOボンバーマン『Bombermine』ベータテスト中 - Engadget Japanese</a></cite><p><a href="https://japanese.engadget.com/jp-2013-02-27-1500-mmo-bombermine.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/809ae40d162f689592ad6da998bb110c7895980c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs.yimg.com%2Fuu%2Fapi%2Fres%2F1.2%2FTUTYXVOZdbU.HZ3ZIi4eOA--~B%2FaD00NTY7dz02MjA7YXBwaWQ9eXRhY2h5b24-%2Fhttps%3A%2F%2Fo.aolcdn.com%2Fimages%2Fdar%2F5845cadfecd996e0372f%2F4d842d94988f8b02a2a58782206e38eb1224c095%2FaHR0cDovL3d3dy5ibG9nY2RuLmNvbS9qYXBhbmVzZS5lbmdhZGdldC5jb20vbWVkaWEvMjAxMy8wMi9ib21iZXJtaW5lLmpwZw%3D%3D" alt="1000人同時プレイのMMOボンバーマン『Bombermine』ベータテスト中 - Engadget Japanese" title="1000人同時プレイのMMOボンバーマン『Bombermine』ベータテスト中 - Engadget Japanese" class="entry-image" /></a></p><p>The best kitchen gadgets for 2026Or, the devices that deserve spots on your counter and in your cabinets. How to watch the 2026 Super Bowl: Patriots vs. Seahawks channel, where to stream and moreFind out how to watch the 2026 Super Bowl when it airs on Sunday, February 8.</p><p><a href="https://b.hatena.ne.jp/entry/s/japanese.engadget.com/jp-2013-02-27-1500-mmo-bombermine.html"><img src="https://b.hatena.ne.jp/entry/image/https://japanese.engadget.com/jp-2013-02-27-1500-mmo-bombermine.html" alt="はてなブックマーク - 1000人同時プレイのMMOボンバーマン『Bombermine』ベータテスト中 - Engadget Japanese" title="はてなブックマーク - 1000人同時プレイのMMOボンバーマン『Bombermine』ベータテスト中 - Engadget Japanese" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/japanese.engadget.com/jp-2013-02-27-1500-mmo-bombermine.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 464 https://www.moongift.jp/2013/01/20130118/ orangehalf 2013-01-18T06:13:29Z web制作 javascript <blockquote cite="https://www.moongift.jp/2013/01/20130118/" title="CMSに組み込みたい、見たままにページの編集を行うJavaScript·Create.js MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2013%2F01%2F20130118%2F" alt="" /> <a href="https://www.moongift.jp/2013/01/20130118/">CMSに組み込みたい、見たままにページの編集を行うJavaScript·Create.js MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2013/01/20130118/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/080c8bac7b8ed7b398e8f4e6bf80d9d9f66bcbe9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmoongift%2Fattaches%2F9193%2Flist.%3F1357660645" alt="CMSに組み込みたい、見たままにページの編集を行うJavaScript·Create.js MOONGIFT" title="CMSに組み込みたい、見たままにページの編集を行うJavaScript·Create.js MOONGIFT" class="entry-image" /></a></p><p>Create.jsはユーザ向け画面をそのまま編集できるJavaScriptライブラリです。 CMSは一般的にユーザ向けの画面と管理画面とが分かれて提供されています。しかし運用時にはユーザ向けの画面を見ながらその場で修正したいこともあるでしょう。その際に使えるライブラリがCreate.jsです。 メイン画面です。この時点では普通に...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/01/20130118/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2013/01/20130118/" alt="はてなブックマーク - CMSに組み込みたい、見たままにページの編集を行うJavaScript·Create.js MOONGIFT" title="はてなブックマーク - CMSに組み込みたい、見たままにページの編集を行うJavaScript·Create.js MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/01/20130118/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 51 http://morry.duelist.org/memo_timeline.htm orangehalf 2012-10-12T05:37:09Z javascript <blockquote cite="http://morry.duelist.org/memo_timeline.htm" title="Javascript使用の年表(タイムライン)表示に関してのメモ | unlimited text works, the 3rd."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmorry.duelist.org%2Fmemo_timeline.htm" alt="" /> <a href="http://morry.duelist.org/memo_timeline.htm">Javascript使用の年表(タイムライン)表示に関してのメモ | unlimited text works, the 3rd.</a></cite><p><a href="http://morry.duelist.org/memo_timeline.htm"><img src="" alt="Javascript使用の年表(タイムライン)表示に関してのメモ | unlimited text works, the 3rd." title="Javascript使用の年表(タイムライン)表示に関してのメモ | unlimited text works, the 3rd." class="entry-image" /></a></p><p>実際問題として、この様なタイムラインをこれ見よがしにドヤ顔で使ったとしても、果たしてそれが有効なのか、有用なのかと問われると、ちょっと疑問が残る。 いわゆる技術屋のオナニズムや満足レベルで終わらせないようにするには、ナカナカ使い所が難しいかと。 自動的に情報が更新される、その一点のみでしか現状、有...</p><p><a href="https://b.hatena.ne.jp/entry/morry.duelist.org/memo_timeline.htm"><img src="https://b.hatena.ne.jp/entry/image/http://morry.duelist.org/memo_timeline.htm" alt="はてなブックマーク - Javascript使用の年表(タイムライン)表示に関してのメモ | unlimited text works, the 3rd." title="はてなブックマーク - Javascript使用の年表(タイムライン)表示に関してのメモ | unlimited text works, the 3rd." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/morry.duelist.org/memo_timeline.htm"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/ orangehalf 2012-09-20T03:59:09Z javascript *まとめ <blockquote cite="http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/" title="データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftokkono.cute.coocan.jp%2Fblog%2Fslow%2Findex.php%2Fprogramming%2Fjavascript-data-visualization-libs%2F" alt="" /> <a href="http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/">データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…</a></cite><p><a href="http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/"><img src="" alt="データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…" title="データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…" class="entry-image" /></a></p><p>SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違...</p><p><a href="https://b.hatena.ne.jp/entry/tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/"><img src="https://b.hatena.ne.jp/entry/image/http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/" alt="はてなブックマーク - データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…" title="はてなブックマーク - データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 371 https://phpspot.org/blog/archives/2012/06/googlegmapsjs.html orangehalf 2012-06-04T03:52:16Z javascript <blockquote cite="https://phpspot.org/blog/archives/2012/06/googlegmapsjs.html" title="ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2012%2F06%2Fgooglegmapsjs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2012/06/googlegmapsjs.html">ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2012/06/googlegmapsjs.html"><img src="" alt="ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌" title="ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌" class="entry-image" /></a></p><p>gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/googlegmapsjs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2012/06/googlegmapsjs.html" alt="はてなブックマーク - ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌" title="はてなブックマーク - ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/googlegmapsjs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1399 https://nskw-style.com/2011/jquery/graph-visualize-jquery-plugin.html orangehalf 2012-05-18T01:20:33Z jQuery javascript <blockquote cite="https://nskw-style.com/2011/jquery/graph-visualize-jquery-plugin.html" title="グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa&#39;s"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnskw-style.com%2F2011%2Fjquery%2Fgraph-visualize-jquery-plugin.html" alt="" /> <a href="https://nskw-style.com/2011/jquery/graph-visualize-jquery-plugin.html">グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa&#39;s</a></cite><p><a href="https://nskw-style.com/2011/jquery/graph-visualize-jquery-plugin.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/17b5fa2648174c1dc424aec990a07db5abd9360b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fnskw-style.com%2Fwp-content%2Fuploads%2F2011%2F10%2Fjq.png" alt="グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa&#39;s" title="グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa&#39;s" class="entry-image" /></a></p><p>グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそ...</p><p><a href="https://b.hatena.ne.jp/entry/s/nskw-style.com/2011/jquery/graph-visualize-jquery-plugin.html"><img src="https://b.hatena.ne.jp/entry/image/https://nskw-style.com/2011/jquery/graph-visualize-jquery-plugin.html" alt="はてなブックマーク - グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa&#39;s" title="はてなブックマーク - グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa&#39;s" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/nskw-style.com/2011/jquery/graph-visualize-jquery-plugin.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 654 http://www.webopixel.net/javascript/535.html orangehalf 2012-02-22T04:35:30Z jQuery javascript <blockquote cite="http://www.webopixel.net/javascript/535.html" title="jQueryでスクロールすると上部に固定されるナビゲーション"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.webopixel.net%2Fjavascript%2F535.html" alt="" /> <a href="http://www.webopixel.net/javascript/535.html">jQueryでスクロールすると上部に固定されるナビゲーション</a></cite><p><a href="http://www.webopixel.net/javascript/535.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d2cb8b9f2458a8ec06454be134be85fd13d136dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2012%2F02%2F0221_s.jpg" alt="jQueryでスクロールすると上部に固定されるナビゲーション" title="jQueryでスクロールすると上部に固定されるナビゲーション" class="entry-image" /></a></p><p>jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html &amp; css htmlです。 html &lt;h1&gt;...</p><p><a href="https://b.hatena.ne.jp/entry/www.webopixel.net/javascript/535.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.webopixel.net/javascript/535.html" alt="はてなブックマーク - jQueryでスクロールすると上部に固定されるナビゲーション" title="はてなブックマーク - jQueryでスクロールすると上部に固定されるナビゲーション" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.webopixel.net/javascript/535.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 623 https://www.slideshare.net/slideshow/javascriptnext/11598312 orangehalf 2012-02-17T02:55:32Z javascript <blockquote cite="https://www.slideshare.net/slideshow/javascriptnext/11598312" title="JavaScript.Next"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fjavascriptnext%2F11598312" alt="" /> <a href="https://www.slideshare.net/slideshow/javascriptnext/11598312">JavaScript.Next</a></cite><p><a href="https://www.slideshare.net/slideshow/javascriptnext/11598312"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a954dccfeaedd0d4d74114c95f9b7e08cfb97313/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fjavascript-next-120215220051-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="JavaScript.Next" title="JavaScript.Next" class="entry-image" /></a></p><p>Developers Summit 2012 で使用したスライド 後半を抜き出し少し更新したものはこちら: http://www.slideshare.net/dynamis/kanazawajsnext</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/javascriptnext/11598312"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/javascriptnext/11598312" alt="はてなブックマーク - JavaScript.Next" title="はてなブックマーク - JavaScript.Next" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/javascriptnext/11598312"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 375 https://www.moongift.jp/2011/07/20110711/ orangehalf 2011-07-11T01:29:47Z javascript <blockquote cite="https://www.moongift.jp/2011/07/20110711/" title="楽譜をWeb上に表示するJavaScriptライブラリ·Audiofile.cc MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2011%2F07%2F20110711%2F" alt="" /> <a href="https://www.moongift.jp/2011/07/20110711/">楽譜をWeb上に表示するJavaScriptライブラリ·Audiofile.cc MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2011/07/20110711/"><img src="" alt="楽譜をWeb上に表示するJavaScriptライブラリ·Audiofile.cc MOONGIFT" title="楽譜をWeb上に表示するJavaScriptライブラリ·Audiofile.cc MOONGIFT" class="entry-image" /></a></p><p>Audiofile.ccはHTMLタグを楽譜化して表示するJavaScriptライブラリ。 Audiofile.ccはHTML5/JavaScript製のオープンソース・ソフトウェア。Webベースのアプリケーションが増えるに従って、表現したい内容も増えている。テキスト、画像、動画、音楽以外にも様々なデータを表示したいと思っているはずだ。 表示例 HTML4以前...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2011/07/20110711/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2011/07/20110711/" alt="はてなブックマーク - 楽譜をWeb上に表示するJavaScriptライブラリ·Audiofile.cc MOONGIFT" title="はてなブックマーク - 楽譜をWeb上に表示するJavaScriptライブラリ·Audiofile.cc MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2011/07/20110711/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 70