https://b.hatena.ne.jp/taky1973/javascript/ javascriptに関するtaky1973のはてなブックマーク (174) https://popper.js.org/ Bootstrap 4 のツールチップ用ライブラリ。Tether の開発者が今後サポートの意志なしとのことで、Popper.js に乗り換えたんだとさhttps://github.com/bootstrap-vue/bootstrap-vue/issues/287 taky1973 2017-08-16T02:39:54Z bootstrap Web制作 CSS JavaScript 72 <blockquote cite="https://popper.js.org/" title="Popper - Tooltip &amp; Popover Positioning Engine"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpopper.js.org%2F" alt="" /> <a href="https://popper.js.org/">Popper - Tooltip &amp; Popover Positioning Engine</a></cite><p><a href="https://popper.js.org/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/900f497ab55f94a06519e933a7b2a8934f419dd4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpopper.js.org%2Fimages%2Flogo.png" alt="Popper - Tooltip &amp; Popover Positioning Engine" title="Popper - Tooltip &amp; Popover Positioning Engine" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/popper.js.org/"><img src="https://b.hatena.ne.jp/entry/image/https://popper.js.org/" alt="はてなブックマーク - Popper - Tooltip &amp; Popover Positioning Engine" title="はてなブックマーク - Popper - Tooltip &amp; Popover Positioning Engine" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/popper.js.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://getmdl.io/ 素の HTML, CSS, JS で Material Design ができるフレームワーク taky1973 2015-07-07T00:59:59Z JavaScript HTML5 and CSS3 Web制作 434 <blockquote cite="https://getmdl.io/" title="Material Design Lite"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgetmdl.io%2F" alt="" /> <a href="https://getmdl.io/">Material Design Lite</a></cite><p><a href="https://getmdl.io/"><img src="" alt="Material Design Lite" title="Material Design Lite" class="entry-image" /></a></p><p>Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get starte...</p><p><a href="https://b.hatena.ne.jp/entry/s/getmdl.io/"><img src="https://b.hatena.ne.jp/entry/image/https://getmdl.io/" alt="はてなブックマーク - Material Design Lite" title="はてなブックマーク - Material Design Lite" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/getmdl.io/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://acnplwgl.com/ WebGLのデモ集 taky1973 2015-06-03T03:09:07Z javascript html5 WebGL Canvas 42 <blockquote cite="http://acnplwgl.com/" title="Acnplwgl – RTP Gacor Terkini"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Facnplwgl.com%2F" alt="" /> <a href="http://acnplwgl.com/">Acnplwgl – RTP Gacor Terkini</a></cite><p><a href="http://acnplwgl.com/"><img src="" alt="Acnplwgl – RTP Gacor Terkini" title="Acnplwgl – RTP Gacor Terkini" class="entry-image" /></a></p><p>Slot online menjadi permainan judi yang tak hanya menguntungkan tapi juga bisa sangat menghibur bagi para gambler. Slot dengan sistem memadukan judi dengan mekanisme yang praktis, fitur yang lengkap, peluang keuntungan yang gacor, dan juga game yang menghibur. Dengan sistem judi dan segala keseru...</p><p><a href="https://b.hatena.ne.jp/entry/acnplwgl.com/"><img src="https://b.hatena.ne.jp/entry/image/http://acnplwgl.com/" alt="はてなブックマーク - Acnplwgl – RTP Gacor Terkini" title="はてなブックマーク - Acnplwgl – RTP Gacor Terkini" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/acnplwgl.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://babeljs.io/ ES6(+α) → ES5 コンパイラ (旧名 6to5)。gulp-babel もある taky1973 2015-04-11T02:21:33Z JavaScript 208 <blockquote cite="https://babeljs.io/" title="Babel · The compiler for writing next generation JavaScript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbabeljs.io%2F" alt="" /> <a href="https://babeljs.io/">Babel · The compiler for writing next generation JavaScript</a></cite><p><a href="https://babeljs.io/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/216dfdffec061cca58c59f2ad01d63650dc9d074/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbabeljs.io%2Fimg%2FogImage.png" alt="Babel · The compiler for writing next generation JavaScript" title="Babel · The compiler for writing next generation JavaScript" class="entry-image" /></a></p><p>Babel is a JavaScript compiler.Use next generation JavaScript, today.</p><p><a href="https://b.hatena.ne.jp/entry/s/babeljs.io/"><img src="https://b.hatena.ne.jp/entry/image/https://babeljs.io/" alt="はてなブックマーク - Babel · The compiler for writing next generation JavaScript" title="はてなブックマーク - Babel · The compiler for writing next generation JavaScript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/babeljs.io/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://ktkne.st/elab/post/2012/strcount-throttle-debounce.html scroll や touchmoveなど連続で発生するイベントの間引きを行う jQuery プラグイン taky1973 2014-10-29T14:52:48Z javascript jQuery 43 <blockquote cite="http://ktkne.st/elab/post/2012/strcount-throttle-debounce.html" title="jQueryを使った文字数カウントとthrottle/debounce - ELAB."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fktkne.st%2Felab%2Fpost%2F2012%2Fstrcount-throttle-debounce.html" alt="" /> <a href="http://ktkne.st/elab/post/2012/strcount-throttle-debounce.html">jQueryを使った文字数カウントとthrottle/debounce - ELAB.</a></cite><p><a href="http://ktkne.st/elab/post/2012/strcount-throttle-debounce.html"><img src="" alt="jQueryを使った文字数カウントとthrottle/debounce - ELAB." title="jQueryを使った文字数カウントとthrottle/debounce - ELAB." class="entry-image" /></a></p><p>はじめまして、こんにちは。 軽めのjQuery Advent Calendar 2012の9日目の記事です。 今回はよくある文字数カウントをjQueryで実装してみるのと、便利(?)なプラグインの紹介。 初記事ですので、どうぞお手柔らかにお願いさせていただきたく。（ちなみに現時点ではこれ以外にページはありません！） 文字数カウントの実装...</p><p><a href="https://b.hatena.ne.jp/entry/ktkne.st/elab/post/2012/strcount-throttle-debounce.html"><img src="https://b.hatena.ne.jp/entry/image/http://ktkne.st/elab/post/2012/strcount-throttle-debounce.html" alt="はてなブックマーク - jQueryを使った文字数カウントとthrottle/debounce - ELAB." title="はてなブックマーク - jQueryを使った文字数カウントとthrottle/debounce - ELAB." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/ktkne.st/elab/post/2012/strcount-throttle-debounce.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.jsdelivr.com/ cdn.jsみたいなの taky1973 2014-07-06T00:13:32Z webサービス JavaScript jQuery 92 <blockquote cite="https://www.jsdelivr.com/" title="jsDelivr - A free, fast, and reliable CDN for JS and Open Source"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.jsdelivr.com%2F" alt="" /> <a href="https://www.jsdelivr.com/">jsDelivr - A free, fast, and reliable CDN for JS and Open Source</a></cite><p><a href="https://www.jsdelivr.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c4631eb7bfd7544e01cd05c56c4845f12ebf2974/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.jsdelivr.com%2Fassets%2F6c297e4c2aa6764e731a9704b245c474690b4e3c%2Fimg%2Fog-jsdelivr.png" alt="jsDelivr - A free, fast, and reliable CDN for JS and Open Source" title="jsDelivr - A free, fast, and reliable CDN for JS and Open Source" class="entry-image" /></a></p><p>Fast. Reliable. Automated. A free CDN for open source projects Optimized for JS and ESM delivery from npm and GitHub. Works with all web formats. Operating since 2012. // load any project hosted on npm https://cdn.jsdelivr.net/npm/package@version/file // load jQuery v3.6.4 https://cdn.jsdelivr.ne...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.jsdelivr.com/"><img src="https://b.hatena.ne.jp/entry/image/https://www.jsdelivr.com/" alt="はてなブックマーク - jsDelivr - A free, fast, and reliable CDN for JS and Open Source" title="はてなブックマーク - jsDelivr - A free, fast, and reliable CDN for JS and Open Source" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.jsdelivr.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://brm.io/jquery-match-height-demo/ 並んだ列の高さ揃えるやつ taky1973 2014-05-02T00:21:00Z jQuery JavaScript 15 <blockquote cite="http://brm.io/jquery-match-height-demo/" title="jquery.matchHeight Demo"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fbrm.io%2Fjquery-match-height-demo%2F" alt="" /> <a href="http://brm.io/jquery-match-height-demo/">jquery.matchHeight Demo</a></cite><p><a href="http://brm.io/jquery-match-height-demo/"><img src="" alt="jquery.matchHeight Demo" title="jquery.matchHeight Demo" class="entry-image" /></a></p><p>Lorem ipsum Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Aenean semper felis ipsum, vulputate consequat dui elementum vel. Lorem ipsum dolor Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit a...</p><p><a href="https://b.hatena.ne.jp/entry/brm.io/jquery-match-height-demo/"><img src="https://b.hatena.ne.jp/entry/image/http://brm.io/jquery-match-height-demo/" alt="はてなブックマーク - jquery.matchHeight Demo" title="はてなブックマーク - jquery.matchHeight Demo" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/brm.io/jquery-match-height-demo/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://releases.jquery.com/ jQuery本家サイトのCDN taky1973 2013-10-05T23:35:33Z HTML5 and CSS3 jQuery jQueryMobile JavaScript 88 <blockquote cite="https://releases.jquery.com/" title="jQuery CDN"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Freleases.jquery.com%2F" alt="" /> <a href="https://releases.jquery.com/">jQuery CDN</a></cite><p><a href="https://releases.jquery.com/"><img src="" alt="jQuery CDN" title="jQuery CDN" class="entry-image" /></a></p><p>jQuery Core Showing the latest stable release in each major branch. See all versions of jQuery Core. jQuery 4.x jQuery Core 4.0.0: script: uncompressed, minified, slim, slim minified module: uncompressed, minified, slim, slim minified jQuery 3.x jQuery Core 3.7.1: uncompressed, minified, slim, sl...</p><p><a href="https://b.hatena.ne.jp/entry/s/releases.jquery.com/"><img src="https://b.hatena.ne.jp/entry/image/https://releases.jquery.com/" alt="はてなブックマーク - jQuery CDN" title="はてなブックマーク - jQuery CDN" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/releases.jquery.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://nbubna.github.io/HTML/ 直感的記述でDOM操作。スモールでパワフル taky1973 2013-08-15T22:50:37Z JavaScript WEB制作 109 <blockquote cite="http://nbubna.github.io/HTML/" title="HTML(.js) - Befriend the DOM!"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fnbubna.github.io%2FHTML%2F" alt="" /> <a href="http://nbubna.github.io/HTML/">HTML(.js) - Befriend the DOM!</a></cite><p><a href="http://nbubna.github.io/HTML/"><img src="" alt="HTML(.js) - Befriend the DOM!" title="HTML(.js) - Befriend the DOM!" class="entry-image" /></a></p><p>Intuitive HTML lets you navigate, manipulate and use the DOM with intuitive, readable, consistent code. Powerful HTML&#39;s functions enable you to flexibly use all native DOM features with brevity, clarity, and more power than ever. HTML document.documentElement The global HTML is the actual documen...</p><p><a href="https://b.hatena.ne.jp/entry/nbubna.github.io/HTML/"><img src="https://b.hatena.ne.jp/entry/image/http://nbubna.github.io/HTML/" alt="はてなブックマーク - HTML(.js) - Befriend the DOM!" title="はてなブックマーク - HTML(.js) - Befriend the DOM!" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/nbubna.github.io/HTML/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://zaa.ch/jison/ JavaScriptの構文解析ツール taky1973 2013-03-28T09:54:40Z coffeescript javascript node.js 39 <blockquote cite="http://zaa.ch/jison/" title="Zaa.ch - JSON formatting"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fzaa.ch%2Fjison%2F" alt="" /> <a href="http://zaa.ch/jison/">Zaa.ch - JSON formatting</a></cite><p><a href="http://zaa.ch/jison/"><img src="" alt="Zaa.ch - JSON formatting" title="Zaa.ch - JSON formatting" class="entry-image" /></a></p><p>The original source of JSONLint There have been many implementations using this pure JavaScript implementation of JSONLint to format JSON on sites like JSONLint.com (the original), JSONLint Pro (a new version without ads). Both sites make it easy to format and validate JSON. JSONLint is an online...</p><p><a href="https://b.hatena.ne.jp/entry/zaa.ch/jison/"><img src="https://b.hatena.ne.jp/entry/image/http://zaa.ch/jison/" alt="はてなブックマーク - Zaa.ch - JSON formatting" title="はてなブックマーク - Zaa.ch - JSON formatting" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/zaa.ch/jison/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gruntjs.com/ 複数のJavaScriptファイルを連結、圧縮 taky1973 2013-02-28T06:18:26Z JavaScript 257 <blockquote cite="https://gruntjs.com/" title="Grunt: The JavaScript Task Runner"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgruntjs.com%2F" alt="" /> <a href="https://gruntjs.com/">Grunt: The JavaScript Task Runner</a></cite><p><a href="https://gruntjs.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2ebe586eeadfd4388985e323636bc6af734e39a8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgruntjs.com%2Fimg%2Fog.png" alt="Grunt: The JavaScript Task Runner" title="Grunt: The JavaScript Task Runner" class="entry-image" /></a></p><p>Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you&#39;ve configured it through a Gruntfile, a task runner can do most of that mundane work for ...</p><p><a href="https://b.hatena.ne.jp/entry/s/gruntjs.com/"><img src="https://b.hatena.ne.jp/entry/image/https://gruntjs.com/" alt="はてなブックマーク - Grunt: The JavaScript Task Runner" title="はてなブックマーク - Grunt: The JavaScript Task Runner" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gruntjs.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://tmlife.net/programming/javascript/enchant-js-100-tips.html taky1973 2013-02-10T23:51:03Z javascript 502 <blockquote cite="http://tmlife.net/programming/javascript/enchant-js-100-tips.html" title="enchant.js 怒涛の 100 tips | TM Life"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftmlife.net%2Fprogramming%2Fjavascript%2Fenchant-js-100-tips.html" alt="" /> <a href="http://tmlife.net/programming/javascript/enchant-js-100-tips.html">enchant.js 怒涛の 100 tips | TM Life</a></cite><p><a href="http://tmlife.net/programming/javascript/enchant-js-100-tips.html"><img src="" alt="enchant.js 怒涛の 100 tips | TM Life" title="enchant.js 怒涛の 100 tips | TM Life" class="entry-image" /></a></p><p>※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理するついでに公開しようと思い...</p><p><a href="https://b.hatena.ne.jp/entry/tmlife.net/programming/javascript/enchant-js-100-tips.html"><img src="https://b.hatena.ne.jp/entry/image/http://tmlife.net/programming/javascript/enchant-js-100-tips.html" alt="はてなブックマーク - enchant.js 怒涛の 100 tips | TM Life" title="はてなブックマーク - enchant.js 怒涛の 100 tips | TM Life" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tmlife.net/programming/javascript/enchant-js-100-tips.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://imsky.github.io/cssFx/ ベンダープレフィックスを自動的につけてくれるライブラリ taky1973 2013-02-10T23:38:16Z JavaScript html5 polyfill 22 <blockquote cite="http://imsky.github.io/cssFx/" title="cssFx by imsky"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fimsky.github.io%2FcssFx%2F" alt="" /> <a href="http://imsky.github.io/cssFx/">cssFx by imsky</a></cite><p><a href="http://imsky.github.io/cssFx/"><img src="" alt="cssFx by imsky" title="cssFx by imsky" class="entry-image" /></a></p><p>cssFx adds vendor-specific prefixes to your stylesheets. How it works When the document has finished loading, internal (&lt;style&gt;) and external (&lt;link&gt;) stylesheets are processed, fetching any @import stylesheets as well. It&#39;s recommended to bundle stylesheets into one file to minimize request over...</p><p><a href="https://b.hatena.ne.jp/entry/imsky.github.io/cssFx/"><img src="https://b.hatena.ne.jp/entry/image/http://imsky.github.io/cssFx/" alt="はてなブックマーク - cssFx by imsky" title="はてなブックマーク - cssFx by imsky" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/imsky.github.io/cssFx/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://livejs.com/ 開発中に使用。CSS編集でリアルタイム反映。HTML、JavaScript保存でリロード。 taky1973 2013-01-30T08:15:26Z JavaScript ツール 13 <blockquote cite="https://livejs.com/" title="Live.js - One script closer to Designing in the Browser"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flivejs.com%2F" alt="" /> <a href="https://livejs.com/">Live.js - One script closer to Designing in the Browser</a></cite><p><a href="https://livejs.com/"><img src="" alt="Live.js - One script closer to Designing in the Browser" title="Live.js - One script closer to Designing in the Browser" class="entry-image" /></a></p><p>one script closer to designing in the browser Say goodbye to Alt-Tab. Live.js makes sure you&#39;re always looking at the latest version of the page you&#39;re working on, whether you&#39;re writing HTML, CSS or Javascript. download live.js version 4 license Or use the bookmarklet! Drag the following link to...</p><p><a href="https://b.hatena.ne.jp/entry/s/livejs.com/"><img src="https://b.hatena.ne.jp/entry/image/https://livejs.com/" alt="はてなブックマーク - Live.js - One script closer to Designing in the Browser" title="はてなブックマーク - Live.js - One script closer to Designing in the Browser" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/livejs.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.suzukikenichi.com/blog/6-ways-to-improve-page-speed-by-optimizing-javascript/ これらプラス、コード圧縮も。圧縮は場合によりかなりサイズ縮小できる。 taky1973 2013-01-19T02:58:33Z JavaScript HTML5 and CSS3 402 <blockquote cite="https://www.suzukikenichi.com/blog/6-ways-to-improve-page-speed-by-optimizing-javascript/" title="JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.suzukikenichi.com%2Fblog%2F6-ways-to-improve-page-speed-by-optimizing-javascript%2F" alt="" /> <a href="https://www.suzukikenichi.com/blog/6-ways-to-improve-page-speed-by-optimizing-javascript/">JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法</a></cite><p><a href="https://www.suzukikenichi.com/blog/6-ways-to-improve-page-speed-by-optimizing-javascript/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/53598692c4bc328502c02f2434914e8f6da1942b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.suzukikenichi.com%2Fblog%2Fwp-content%2Fuploads%2Fsplash_1200_675.png" alt="JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法" title="JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法" class="entry-image" /></a></p><p>[対象: 中〜上級] 僕のブログではてブ数がいちばん多いのはウェブページを高速化するTIPSを解説した記事です（まだ読んでない人はぜひ読んでください！）。 その記事では高速化全般を扱っていましたが、今日の記事ではJavaScriptに的を絞って表示速度をスピードアップできる施策を6つ紹介します。 もともとはSearch Engi...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.suzukikenichi.com/blog/6-ways-to-improve-page-speed-by-optimizing-javascript/"><img src="https://b.hatena.ne.jp/entry/image/https://www.suzukikenichi.com/blog/6-ways-to-improve-page-speed-by-optimizing-javascript/" alt="はてなブックマーク - JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法" title="はてなブックマーク - JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.suzukikenichi.com/blog/6-ways-to-improve-page-speed-by-optimizing-javascript/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://regexper.com/ 入力した正規表現をわかりやすい図にしてくれるWebサービス taky1973 2013-01-04T01:19:26Z プログラミング javascript webサービス 1025 <blockquote cite="https://regexper.com/" title="Regexper"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fregexper.com%2F" alt="" /> <a href="https://regexper.com/">Regexper</a></cite><p><a href="https://regexper.com/"><img src="" alt="Regexper" title="Regexper" class="entry-image" /></a></p><p>Regular expression visualizer using railroad diagrams</p><p><a href="https://b.hatena.ne.jp/entry/s/regexper.com/"><img src="https://b.hatena.ne.jp/entry/image/https://regexper.com/" alt="はてなブックマーク - Regexper" title="はてなブックマーク - Regexper" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/regexper.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.jacklmoore.com/colorbox/ LightBox系で一番いいかも。設定簡単、ファイル構成シンプル。スマートフォンもいける。 taky1973 2012-12-31T15:36:10Z jQuery JavaScript 516 <blockquote cite="http://www.jacklmoore.com/colorbox/" title="ColorBox - ポップアップ内を自由に設定できる活かしたjQuery"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.jacklmoore.com%2Fcolorbox%2F" alt="" /> <a href="http://www.jacklmoore.com/colorbox/">ColorBox - ポップアップ内を自由に設定できる活かしたjQuery</a></cite><p><a href="http://www.jacklmoore.com/colorbox/"><img src="" alt="ColorBox - ポップアップ内を自由に設定できる活かしたjQuery" title="ColorBox - ポップアップ内を自由に設定できる活かしたjQuery" class="entry-image" /></a></p><p>View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Li...</p><p><a href="https://b.hatena.ne.jp/entry/www.jacklmoore.com/colorbox/"><img src="https://b.hatena.ne.jp/entry/image/http://www.jacklmoore.com/colorbox/" alt="はてなブックマーク - ColorBox - ポップアップ内を自由に設定できる活かしたjQuery" title="はてなブックマーク - ColorBox - ポップアップ内を自由に設定できる活かしたjQuery" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.jacklmoore.com/colorbox/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://memo.yomukaku.net/entries/6LEM5L9 taky1973 2012-08-31T08:39:23Z JavaScript jQuery 54 <blockquote cite="http://memo.yomukaku.net/entries/6LEM5L9" title="無料で読めるJavaScriptの電子ブック7選 - memo.yomukaku.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmemo.yomukaku.net%2Fentries%2F6LEM5L9" alt="" /> <a href="http://memo.yomukaku.net/entries/6LEM5L9">無料で読めるJavaScriptの電子ブック7選 - memo.yomukaku.net</a></cite><p><a href="http://memo.yomukaku.net/entries/6LEM5L9"><img src="" alt="無料で読めるJavaScriptの電子ブック7選 - memo.yomukaku.net" title="無料で読めるJavaScriptの電子ブック7選 - memo.yomukaku.net" class="entry-image" /></a></p><p>無料で公開されているJavaScriptに関する電子書籍を4冊紹介します。 JavaScriptに触れることが初めてで、JavaScriptを学びながらjQueryも使いたい方にはjQuery Fundamentalsがお薦めの1冊。mastering node.js http://visionmedia.github.com/masteringnode/ expressやjadeの開発者としてnode界で著名なTJ Holowaychukさ...</p><p><a href="https://b.hatena.ne.jp/entry/memo.yomukaku.net/entries/6LEM5L9"><img src="https://b.hatena.ne.jp/entry/image/http://memo.yomukaku.net/entries/6LEM5L9" alt="はてなブックマーク - 無料で読めるJavaScriptの電子ブック7選 - memo.yomukaku.net" title="はてなブックマーク - 無料で読めるJavaScriptの電子ブック7選 - memo.yomukaku.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/memo.yomukaku.net/entries/6LEM5L9"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://w3g.jp/blog/js_browser_sniffing taky1973 2012-08-30T21:19:18Z JavaScript 117 <blockquote cite="https://w3g.jp/blog/js_browser_sniffing" title="JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fw3g.jp%2Fblog%2Fjs_browser_sniffing" alt="" /> <a href="https://w3g.jp/blog/js_browser_sniffing">JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G</a></cite><p><a href="https://w3g.jp/blog/js_browser_sniffing"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a234f376021e1042412e1f23a4e9fdac44070bb3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb.w3g.jp%2Fogp.png" alt="JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G" title="JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G" class="entry-image" /></a></p><p>Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別...</p><p><a href="https://b.hatena.ne.jp/entry/s/w3g.jp/blog/js_browser_sniffing"><img src="https://b.hatena.ne.jp/entry/image/https://w3g.jp/blog/js_browser_sniffing" alt="はてなブックマーク - JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G" title="はてなブックマーク - JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/w3g.jp/blog/js_browser_sniffing"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://web.archive.org/web/20210824125555/https://j11y.io/snippets/shuffling-the-dom/ DOM要素をシャッフルする taky1973 2012-08-25T10:50:15Z jQuery JavaScript 1 <blockquote cite="http://web.archive.org/web/20210824125555/https://j11y.io/snippets/shuffling-the-dom/" title="Shuffling the DOM – James Padolsey"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fweb.archive.org%2Fweb%2F20210824125555%2Fhttps%3A%2F%2Fj11y.io%2Fsnippets%2Fshuffling-the-dom%2F" alt="" /> <a href="http://web.archive.org/web/20210824125555/https://j11y.io/snippets/shuffling-the-dom/">Shuffling the DOM – James Padolsey</a></cite><p><a href="http://web.archive.org/web/20210824125555/https://j11y.io/snippets/shuffling-the-dom/"><img src="" alt="Shuffling the DOM – James Padolsey" title="Shuffling the DOM – James Padolsey" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/web.archive.org/web/20210824125555/https://j11y.io/snippets/shuffling-the-dom/"><img src="https://b.hatena.ne.jp/entry/image/http://web.archive.org/web/20210824125555/https://j11y.io/snippets/shuffling-the-dom/" alt="はてなブックマーク - Shuffling the DOM – James Padolsey" title="はてなブックマーク - Shuffling the DOM – James Padolsey" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/web.archive.org/web/20210824125555/https://j11y.io/snippets/shuffling-the-dom/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>