https://b.hatena.ne.jp/aidiary/JavaScript/ JavaScriptに関するaidiaryのはてなブックマーク (195) https://www.webprofessional.jp/3-javascript-libraries-2017/ aidiary 2017-01-31T23:15:54Z JavaScript 101 <blockquote cite="https://www.webprofessional.jp/3-javascript-libraries-2017/" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webprofessional.jp%2F3-javascript-libraries-2017%2F" alt="" /> <a href="https://www.webprofessional.jp/3-javascript-libraries-2017/">ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト</a></cite><p><a href="https://www.webprofessional.jp/3-javascript-libraries-2017/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8511878110da02aba480f8201dfece8c8ac37cb0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.webprofessional.jp%2Fwp-content%2Fuploads%2Fsites%2F2%2F2017%2F01%2F31192135%2F170131js.jpg" alt="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" class="entry-image" /></a></p><p>WebPro KUSANAGI Security Editionが進化！ 新機能「SafeUpgrade」でダウンタイムゼロのnginxアップデートを実現 KUSANAGI Security Editionが新機能「KUSANAGI SafeUpgrade」を導入し、nginxのメジャーバージョンアップを無停⽌で実施可能にする。 0 0 WebPro 高速CMS基盤「KUSANAGI Security Edition」がMicrosoft Azu...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/3-javascript-libraries-2017/"><img src="https://b.hatena.ne.jp/entry/image/https://www.webprofessional.jp/3-javascript-libraries-2017/" alt="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/3-javascript-libraries-2017/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://medium.com/japan/2016%E5%B9%B4%E3%81%ABjavascript%E3%82%92%E5%AD%A6%E3%81%B6%E3%81%A8%E3%81%93%E3%82%93%E3%81%AA%E6%84%9F%E3%81%98-b969f5767d7c もうついていけない・・・JavaScriptのコミュニティは狂ってる aidiary 2016-12-13T10:05:36Z JavaScript 250 <blockquote cite="https://medium.com/japan/2016%E5%B9%B4%E3%81%ABjavascript%E3%82%92%E5%AD%A6%E3%81%B6%E3%81%A8%E3%81%93%E3%82%93%E3%81%AA%E6%84%9F%E3%81%98-b969f5767d7c" title="2016年にJavaScriptを学ぶとこんな感じ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmedium.com%2Fjapan%2F2016%25E5%25B9%25B4%25E3%2581%25ABjavascript%25E3%2582%2592%25E5%25AD%25A6%25E3%2581%25B6%25E3%2581%25A8%25E3%2581%2593%25E3%2582%2593%25E3%2581%25AA%25E6%2584%259F%25E3%2581%2598-b969f5767d7c" alt="" /> <a href="https://medium.com/japan/2016%E5%B9%B4%E3%81%ABjavascript%E3%82%92%E5%AD%A6%E3%81%B6%E3%81%A8%E3%81%93%E3%82%93%E3%81%AA%E6%84%9F%E3%81%98-b969f5767d7c">2016年にJavaScriptを学ぶとこんな感じ</a></cite><p><a href="https://medium.com/japan/2016%E5%B9%B4%E3%81%ABjavascript%E3%82%92%E5%AD%A6%E3%81%B6%E3%81%A8%E3%81%93%E3%82%93%E3%81%AA%E6%84%9F%E3%81%98-b969f5767d7c"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/196dfd48190011ba7c6784b4f4557b2831fcf2f3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2AraWO3dhM4jMjf9VY-kZzNg.png" alt="2016年にJavaScriptを学ぶとこんな感じ" title="2016年にJavaScriptを学ぶとこんな感じ" class="entry-image" /></a></p><p>このストーリーは、Circle CIに投稿された”It’s the future”というストーリーにインスパイアされたものです。オリジナルはこちら。ここに書いたことは一つの意見というだけで、他のJavaScriptフレームワークもそうですが、過剰に真に受けないでください。このストーリーを執筆中に新たなJavaScriptフレームワークは作成...</p><p><a href="https://b.hatena.ne.jp/entry/s/medium.com/japan/2016%E5%B9%B4%E3%81%ABjavascript%E3%82%92%E5%AD%A6%E3%81%B6%E3%81%A8%E3%81%93%E3%82%93%E3%81%AA%E6%84%9F%E3%81%98-b969f5767d7c"><img src="https://b.hatena.ne.jp/entry/image/https://medium.com/japan/2016%E5%B9%B4%E3%81%ABjavascript%E3%82%92%E5%AD%A6%E3%81%B6%E3%81%A8%E3%81%93%E3%82%93%E3%81%AA%E6%84%9F%E3%81%98-b969f5767d7c" alt="はてなブックマーク - 2016年にJavaScriptを学ぶとこんな感じ" title="はてなブックマーク - 2016年にJavaScriptを学ぶとこんな感じ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/medium.com/japan/2016%E5%B9%B4%E3%81%ABjavascript%E3%82%92%E5%AD%A6%E3%81%B6%E3%81%A8%E3%81%93%E3%82%93%E3%81%AA%E6%84%9F%E3%81%98-b969f5767d7c"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.w3schools.com/ チュートリアルたくさん aidiary 2016-11-23T09:01:36Z Web開発 CSS3 JavaScript 461 <blockquote cite="http://www.w3schools.com/" title="W3Schools Online Web Tutorials"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.w3schools.com%2F" alt="" /> <a href="http://www.w3schools.com/">W3Schools Online Web Tutorials</a></cite><p><a href="http://www.w3schools.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c7ed1291d06cc98e5dfc7fae6733c4abd9b0dbd1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.w3schools.com%2Fimages%2Fw3schools_logo_436_2.png" alt="W3Schools Online Web Tutorials" title="W3Schools Online Web Tutorials" class="entry-image" /></a></p><p>W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills.</p><p><a href="https://b.hatena.ne.jp/entry/www.w3schools.com/"><img src="https://b.hatena.ne.jp/entry/image/http://www.w3schools.com/" alt="はてなブックマーク - W3Schools Online Web Tutorials" title="はてなブックマーク - W3Schools Online Web Tutorials" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.w3schools.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://w.atwiki.jp/aias-jsstyleguide2/pages/14.html aidiary 2016-11-21T01:20:20Z JavaScript 76 <blockquote cite="https://w.atwiki.jp/aias-jsstyleguide2/pages/14.html" title="JSDocコメント - Google JavaScript スタイルガイド - 日本語訳"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fw.atwiki.jp%2Faias-jsstyleguide2%2Fpages%2F14.html" alt="" /> <a href="https://w.atwiki.jp/aias-jsstyleguide2/pages/14.html">JSDocコメント - Google JavaScript スタイルガイド - 日本語訳</a></cite><p><a href="https://w.atwiki.jp/aias-jsstyleguide2/pages/14.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/360e2651f4becd0d9ee988f9d2ee49aa395e0e16/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimg.atwiki.jp%2F_img%2Fog_image.png" alt="JSDocコメント - Google JavaScript スタイルガイド - 日本語訳" title="JSDocコメント - Google JavaScript スタイルガイド - 日本語訳" class="entry-image" /></a></p><p>#divclass(page_title){ &amp;this_page() } 我々は&amp;blanklink(C++ style for comments){http://google-styleguide.googlecode.com/svn/trunk/cppguide.xml#Comments}の考え方に従います。 全てのファイル、クラス、メソッド、プロパティに&amp;blanklink(JSDoc){http://code.google.com/p/jsdoc-toolkit/}コメントが、適切な&amp;li...</p><p><a href="https://b.hatena.ne.jp/entry/s/w.atwiki.jp/aias-jsstyleguide2/pages/14.html"><img src="https://b.hatena.ne.jp/entry/image/https://w.atwiki.jp/aias-jsstyleguide2/pages/14.html" alt="はてなブックマーク - JSDocコメント - Google JavaScript スタイルガイド - 日本語訳" title="はてなブックマーク - JSDocコメント - Google JavaScript スタイルガイド - 日本語訳" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/w.atwiki.jp/aias-jsstyleguide2/pages/14.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://plnkr.co/ コード共有サービス aidiary 2016-10-21T04:15:48Z JavaScript 94 <blockquote cite="https://plnkr.co/" title="Plunker"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fplnkr.co%2F" alt="" /> <a href="https://plnkr.co/">Plunker</a></cite><p><a href="https://plnkr.co/"><img src="" alt="Plunker" title="Plunker" class="entry-image" /></a></p><p>Plunker is loading… Get your fork on.</p><p><a href="https://b.hatena.ne.jp/entry/s/plnkr.co/"><img src="https://b.hatena.ne.jp/entry/image/https://plnkr.co/" alt="はてなブックマーク - Plunker" title="はてなブックマーク - Plunker" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/plnkr.co/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://methvin.com/splitter/ aidiary 2016-10-14T07:33:56Z JavaScript 17 <blockquote cite="http://methvin.com/splitter/" title="jQuery Splitter Plugin"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmethvin.com%2Fsplitter%2F" alt="" /> <a href="http://methvin.com/splitter/">jQuery Splitter Plugin</a></cite><p><a href="http://methvin.com/splitter/"><img src="" alt="jQuery Splitter Plugin" title="jQuery Splitter Plugin" class="entry-image" /></a></p><p>The documentation below is for version 1.5.1; see the release notes for the changes from previous versions. Download version 1.5.1 Demos Minimal vertical splitter: Demonstrates minimal code/markup needed to create a splitter. All the styles are included in the HTML file for this example. Vertical...</p><p><a href="https://b.hatena.ne.jp/entry/methvin.com/splitter/"><img src="https://b.hatena.ne.jp/entry/image/http://methvin.com/splitter/" alt="はてなブックマーク - jQuery Splitter Plugin" title="はてなブックマーク - jQuery Splitter Plugin" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/methvin.com/splitter/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/nathancahill/split 画面分割 aidiary 2016-10-14T07:31:24Z JavaScript 16 <blockquote cite="https://github.com/nathancahill/split" title="GitHub - nathancahill/split: Unopinionated utilities for resizeable split views"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fnathancahill%2Fsplit" alt="" /> <a href="https://github.com/nathancahill/split">GitHub - nathancahill/split: Unopinionated utilities for resizeable split views</a></cite><p><a href="https://github.com/nathancahill/split"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d8d436540b27e6d02ddad8926afd22f8ac91130b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F816b0a76c6513e35759d0421a68c59f7b54cef77ed0916bb61a7329d84b72886%2Fnathancahill%2Fsplit" alt="GitHub - nathancahill/split: Unopinionated utilities for resizeable split views" title="GitHub - nathancahill/split: Unopinionated utilities for resizeable split views" class="entry-image" /></a></p><p>Unopinionated utilities for resizeable split views. Zero Deps Tiny: Each is between 1-2kb gzipped. Fast: No overhead or attached window event listeners, uses pure CSS for resizing. Unopinionated: Only compute view sizes. Everything else is up to you. Two utilities: Split.js - The original library...</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/nathancahill/split"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/nathancahill/split" alt="はてなブックマーク - GitHub - nathancahill/split: Unopinionated utilities for resizeable split views" title="はてなブックマーク - GitHub - nathancahill/split: Unopinionated utilities for resizeable split views" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/nathancahill/split"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://facebook.github.io/react/ aidiary 2016-10-14T05:57:31Z JavaScript 63 <blockquote cite="https://facebook.github.io/react/" title="React – A JavaScript library for building user interfaces"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffacebook.github.io%2Freact%2F" alt="" /> <a href="https://facebook.github.io/react/">React – A JavaScript library for building user interfaces</a></cite><p><a href="https://facebook.github.io/react/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1a11645c8a3d772c7d4fc5cdd3f4d34c23180ce6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Flegacy.reactjs.org%2Flogo-og.png" alt="React – A JavaScript library for building user interfaces" title="React – A JavaScript library for building user interfaces" class="entry-image" /></a></p><p>React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated compo...</p><p><a href="https://b.hatena.ne.jp/entry/s/facebook.github.io/react/"><img src="https://b.hatena.ne.jp/entry/image/https://facebook.github.io/react/" alt="はてなブックマーク - React – A JavaScript library for building user interfaces" title="はてなブックマーク - React – A JavaScript library for building user interfaces" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/facebook.github.io/react/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/asaake/items/9462844b049900ffb22c aidiary 2016-09-07T04:46:03Z JavaScript 10 <blockquote cite="https://qiita.com/asaake/items/9462844b049900ffb22c" title="CoffeeScriptを使う理由 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fasaake%2Fitems%2F9462844b049900ffb22c" alt="" /> <a href="https://qiita.com/asaake/items/9462844b049900ffb22c">CoffeeScriptを使う理由 - Qiita</a></cite><p><a href="https://qiita.com/asaake/items/9462844b049900ffb22c"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0a8af06e66d2dd31d680238e2ff680e5e043274f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNDMwMDElMkZwcm9maWxlLWltYWdlcyUyRjE1NjA2ODk4NDY_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWYwNjE4Mjg0NzFkMGFmNzI4Njg3MjA4ZDNhOWExZjQ4%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253De03fdb1c22251a0172ffd65d22e0ea59%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9Q29mZmVlU2NyaXB0JUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJTg2JUU3JTkwJTg2JUU3JTk0JUIxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZmRjOGJjMmE5NmM0ODc4YzYzOGY0MGUyOGJmMTE1YjI%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBtdWdpY2hhbjMmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0zZGQ3YjRmYTRmNTA5MDU5MGE5NWU3N2Q5ZDA0MGJmYQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D901865d8a9d5c9ad273a46304ffa09c7" alt="CoffeeScriptを使う理由 - Qiita" title="CoffeeScriptを使う理由 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/asaake/items/9462844b049900ffb22c"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/asaake/items/9462844b049900ffb22c" alt="はてなブックマーク - CoffeeScriptを使う理由 - Qiita" title="はてなブックマーク - CoffeeScriptを使う理由 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/asaake/items/9462844b049900ffb22c"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/tatesuke/items/b9548dd484b01b139b74 jQueryと標準JavaScriptメソッドの比較、jQueryを標準仕様にしてほしい・・・ aidiary 2016-09-02T08:28:42Z JavaScript 1217 <blockquote cite="https://qiita.com/tatesuke/items/b9548dd484b01b139b74" title="You Don&#39;t Need jQuery - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ftatesuke%2Fitems%2Fb9548dd484b01b139b74" alt="" /> <a href="https://qiita.com/tatesuke/items/b9548dd484b01b139b74">You Don&#39;t Need jQuery - Qiita</a></cite><p><a href="https://qiita.com/tatesuke/items/b9548dd484b01b139b74"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/75692e89543e4b1a235b128f4ad56838a6cf2de2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjk2ODIlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODUzNzY_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWQ0YjIyMjhiMDE5ZDFhMGRjNGZlOWM4Nzk0YjE1ZDBh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D04f77bb9a53b791ab710c39cc59fc213%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9WW91JTIwRG9uJTI3dCUyME5lZWQlMjBqUXVlcnkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1lNDlkMDUwZWRjM2NmMGU0MWU2ZDBhNzRhMWQ4ZDY4Ng%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDB0YXRlc3VrZSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTAxMmJiMmQyMDU4ZGQ3N2RjNGE1MWIzZjA2ZTU2YzNj%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D6bf2f95852b628f092cfa6820b6803a6" alt="You Don&#39;t Need jQuery - Qiita" title="You Don&#39;t Need jQuery - Qiita" class="entry-image" /></a></p><p>注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/tatesuke/items/b9548dd484b01b139b74"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/tatesuke/items/b9548dd484b01b139b74" alt="はてなブックマーク - You Don&#39;t Need jQuery - Qiita" title="はてなブックマーク - You Don&#39;t Need jQuery - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/tatesuke/items/b9548dd484b01b139b74"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.gcgate.jp/engineerblog/2014/03/28/874/ aidiary 2016-09-02T04:10:31Z JavaScript 14 <blockquote cite="http://www.gcgate.jp/engineerblog/2014/03/28/874/" title="WebRTC getUserMediaとWeb AudioでWAVファイルを作ってみた | GCgate エンジニアブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.gcgate.jp%2Fengineerblog%2F2014%2F03%2F28%2F874%2F" alt="" /> <a href="http://www.gcgate.jp/engineerblog/2014/03/28/874/">WebRTC getUserMediaとWeb AudioでWAVファイルを作ってみた | GCgate エンジニアブログ</a></cite><p><a href="http://www.gcgate.jp/engineerblog/2014/03/28/874/"><img src="" alt="WebRTC getUserMediaとWeb AudioでWAVファイルを作ってみた | GCgate エンジニアブログ" title="WebRTC getUserMediaとWeb AudioでWAVファイルを作ってみた | GCgate エンジニアブログ" class="entry-image" /></a></p><p>こんにちは、開発チームのttです。 プログラムを書くのは楽しいのですが、文章を書くのは面倒ですね。 ということで、前回のブログフォーマットを最大限に活用していってみます。 お題 WebRTC getUserMediaとWeb AudioでJavaScriptだけでWAVファイルを作ってみる 基本設計 getUserMediaでマイクの音声を取り込み、ローパ...</p><p><a href="https://b.hatena.ne.jp/entry/www.gcgate.jp/engineerblog/2014/03/28/874/"><img src="https://b.hatena.ne.jp/entry/image/http://www.gcgate.jp/engineerblog/2014/03/28/874/" alt="はてなブックマーク - WebRTC getUserMediaとWeb AudioでWAVファイルを作ってみた | GCgate エンジニアブログ" title="はてなブックマーク - WebRTC getUserMediaとWeb AudioでWAVファイルを作ってみた | GCgate エンジニアブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.gcgate.jp/engineerblog/2014/03/28/874/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.html5rocks.com/ja/ aidiary 2016-08-26T01:27:18Z HTML5 JavaScript 100 <blockquote cite="https://www.html5rocks.com/ja/" title="web.dev"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2F" alt="" /> <a href="https://www.html5rocks.com/ja/">web.dev</a></cite><p><a href="https://www.html5rocks.com/ja/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d87b46637bcb0dbb30ff446d168be17063a7f78b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb.dev%2Fimages%2Fsocial-wide.jpg" alt="web.dev" title="web.dev" class="entry-image" /></a></p><p>Web Platform Dive into the web platform, at your pace.</p><p><a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/"><img src="https://b.hatena.ne.jp/entry/image/https://www.html5rocks.com/ja/" alt="はてなブックマーク - web.dev" title="はてなブックマーク - web.dev" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/edo_m18/items/612d2b31498d22d13b7b aidiary 2016-08-26T00:01:06Z JavaScript 10 <blockquote cite="https://qiita.com/edo_m18/items/612d2b31498d22d13b7b" title="[JavaScript] ArrayBufferについて調べてみた - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fedo_m18%2Fitems%2F612d2b31498d22d13b7b" alt="" /> <a href="https://qiita.com/edo_m18/items/612d2b31498d22d13b7b">[JavaScript] ArrayBufferについて調べてみた - Qiita</a></cite><p><a href="https://qiita.com/edo_m18/items/612d2b31498d22d13b7b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7bc870e75889a33c34135e4afd6087a09beac428/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNTYxNiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTYwMDMwMzY2Mz9peGxpYj1yYi00LjEuMSZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9MmEyMWVkZTM5MWYyYzAyMjc2Y2MyMzAyNzRjZDM3OGU%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da999ab39c53a39c3b3e88fa60b8fbc09%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMEFycmF5QnVmZmVyJUUzJTgxJUFCJUUzJTgxJUE0JUUzJTgxJTg0JUUzJTgxJUE2JUU4JUFBJUJGJUUzJTgxJUI5JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NmY5NjYwNTNiMjg4ODdmZjZiOGVkNDAyMjg3MzExYzc%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBlZG9fbTE4JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9Y2I1MzY4NWI5ZWQ0ZTE4MWIzZThlMDQ3ZDBlNmU3ZmE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D3298e1ce15192bd0e8c7de076bfb1600" alt="[JavaScript] ArrayBufferについて調べてみた - Qiita" title="[JavaScript] ArrayBufferについて調べてみた - Qiita" class="entry-image" /></a></p><p>ArrayBuffer、DataView、TypedArrayはJSからバイナリデータを扱うための仕様です。 どういう操作があるのかを改めて確認してみました。 まずは簡単に各クラスの定義から整理。 ArrayBuffer 物理メモリの領域（バッファ）を確保するためのクラス。 ただし、確保するのみでバッファに対する操作は提供していません。 バッ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/edo_m18/items/612d2b31498d22d13b7b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/edo_m18/items/612d2b31498d22d13b7b" alt="はてなブックマーク - [JavaScript] ArrayBufferについて調べてみた - Qiita" title="はてなブックマーク - [JavaScript] ArrayBufferについて調べてみた - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/edo_m18/items/612d2b31498d22d13b7b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/cocottejs/items/e3a6fed51d68f9bf9c2f aidiary 2016-08-25T23:45:36Z JavaScript 35 <blockquote cite="https://qiita.com/cocottejs/items/e3a6fed51d68f9bf9c2f" title="ブラウザとサーバで全く同じjavascriptを動かそう。[gulpとbrowserify超入門] - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fcocottejs%2Fitems%2Fe3a6fed51d68f9bf9c2f" alt="" /> <a href="https://qiita.com/cocottejs/items/e3a6fed51d68f9bf9c2f">ブラウザとサーバで全く同じjavascriptを動かそう。[gulpとbrowserify超入門] - Qiita</a></cite><p><a href="https://qiita.com/cocottejs/items/e3a6fed51d68f9bf9c2f"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ea9b48f4c9422b314c7eede92016670f2b116381/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTg0NTAlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODI0MzY_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWRlZDY5YTExZmExYTQ4ZmQ3ODFlMDI5NDc4M2YxN2Q2%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D4250a1ed29ce5b35f8c23defad40c554%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUE4JUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgxJUE3JUU1JTg1JUE4JUUzJTgxJThGJUU1JTkwJThDJUUzJTgxJTk4amF2YXNjcmlwdCVFMyU4MiU5MiVFNSU4QiU5NSVFMyU4MSU4QiVFMyU4MSU5RCVFMyU4MSU4NiVFMyU4MCU4MiU1Qmd1bHAlRTMlODElQThicm93c2VyaWZ5JUU4JUI2JTg1JUU1JTg1JUE1JUU5JTk2JTgwJTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9OTAzZDZjOTc4NDRiODQ3NDdlYWY3MGFkMTVkMGE5NWE%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBjb2NvdHRlanMmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1hNTA5NzY5NWM5YTFlZTYyZDBkMjBhYmUwOThlNWFkYQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D070b3e4239ca8738af96a5329f9a7ec1" alt="ブラウザとサーバで全く同じjavascriptを動かそう。[gulpとbrowserify超入門] - Qiita" title="ブラウザとサーバで全く同じjavascriptを動かそう。[gulpとbrowserify超入門] - Qiita" class="entry-image" /></a></p><p>はじめに この記事は、 gulpも browserifyも知らない 初心者を対象にしています。 最近になってnode.jsでプログラミングしていますよって人が対象です あまりにも０ステップからで、それくらいわかるよって事もあるかもしれません。 node.jsについて、０から勉強したい人はドットインストールとか便利かもね。 gulpって...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/cocottejs/items/e3a6fed51d68f9bf9c2f"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/cocottejs/items/e3a6fed51d68f9bf9c2f" alt="はてなブックマーク - ブラウザとサーバで全く同じjavascriptを動かそう。[gulpとbrowserify超入門] - Qiita" title="はてなブックマーク - ブラウザとサーバで全く同じjavascriptを動かそう。[gulpとbrowserify超入門] - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/cocottejs/items/e3a6fed51d68f9bf9c2f"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/soarflat/items/4aa001dac115a4af6dbe aidiary 2016-08-25T07:23:29Z JavaScript 7 <blockquote cite="https://qiita.com/soarflat/items/4aa001dac115a4af6dbe" title="Web Audio APIを利用してオーディオビジュアライザを作成する ~その2 再生中の音から波形データを取得して描画する~ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsoarflat%2Fitems%2F4aa001dac115a4af6dbe" alt="" /> <a href="https://qiita.com/soarflat/items/4aa001dac115a4af6dbe">Web Audio APIを利用してオーディオビジュアライザを作成する ~その2 再生中の音から波形データを取得して描画する~ - Qiita</a></cite><p><a href="https://qiita.com/soarflat/items/4aa001dac115a4af6dbe"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ac8dda26654c084e1ff2f204ce63a7c267f321da/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjk2NjclMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTgyMjY_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTE0ZmUwYzhjNzE1YjZjZmNiZTdhNWZlOTYxMjAwZWQx%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db0ffffe00b8c08f485692fec2a59a87a%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9V2ViJTIwQXVkaW8lMjBBUEklRTMlODIlOTIlRTUlODglQTklRTclOTQlQTglRTMlODElOTclRTMlODElQTYlRTMlODIlQUElRTMlODMlQkMlRTMlODMlODclRTMlODIlQTMlRTMlODIlQUElRTMlODMlOTMlRTMlODIlQjglRTMlODMlQTUlRTMlODIlQTIlRTMlODMlQTklRTMlODIlQTQlRTMlODIlQjYlRTMlODIlOTIlRTQlQkQlOUMlRTYlODglOTAlRTMlODElOTklRTMlODIlOEIlMjB-JUUzJTgxJTlEJUUzJTgxJUFFMiUyMCVFNSU4NiU4RCVFNyU5NCU5RiVFNCVCOCVBRCVFMyU4MSVBRSVFOSU5RiVCMyVFMyU4MSU4QiVFMyU4MiU4OSVFNiVCMyVBMiVFNSVCRCVBMiVFMyU4MyU4NyVFMyU4MyVCQyVFMyU4MiVCRiVFMyU4MiU5MiVFNSU4RiU5NiVFMiU4MCVBNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTkwYThiZjk0YjM3OGVmMTM4NjIyNWJlZjI5OTg1OGVh%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBzb2FyZmxhdCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWQyY2ZlNmU2MDU0MDkzYzVhYzk0MmY5ODEwMzcwNmIy%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Daa5109d3111808f102415998e06d9e54" alt="Web Audio APIを利用してオーディオビジュアライザを作成する ~その2 再生中の音から波形データを取得して描画する~ - Qiita" title="Web Audio APIを利用してオーディオビジュアライザを作成する ~その2 再生中の音から波形データを取得して描画する~ - Qiita" class="entry-image" /></a></p><p>// canvas要素を取得 var c = document.getElementById(&#39;canvas&#39;); var cw; var ch; // canvasサイズをwindowサイズにする c.width = cw = window.innerWidth; c.height = ch = window.innerHeight; // 描画に必要なコンテキスト(canvasに描画するためのAPIにアクセスできるオブジェクト)を取得 var ctx = c.getContext(...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/soarflat/items/4aa001dac115a4af6dbe"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/soarflat/items/4aa001dac115a4af6dbe" alt="はてなブックマーク - Web Audio APIを利用してオーディオビジュアライザを作成する ~その2 再生中の音から波形データを取得して描画する~ - Qiita" title="はてなブックマーク - Web Audio APIを利用してオーディオビジュアライザを作成する ~その2 再生中の音から波形データを取得して描画する~ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/soarflat/items/4aa001dac115a4af6dbe"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions aidiary 2016-08-10T07:47:17Z JavaScript 9 <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions" title="Regular expressions - JavaScript | MDN"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FJavaScript%2FGuide%2FRegular_expressions" alt="" /> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions">Regular expressions - JavaScript | MDN</a></cite><p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dea999ec21b71dd375395e3e161a67c6298af31f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdeveloper.mozilla.org%2Fmdn-social-share.d893525a4fb5fb1f67a2.png" alt="Regular expressions - JavaScript | MDN" title="Regular expressions - JavaScript | MDN" class="entry-image" /></a></p><p>Regular expression literals provide compilation of the regular expression when the script is loaded. If the regular expression remains constant, using this can improve performance. Or calling the constructor function of the RegExp object, as follows: Using the constructor function provides runtim...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions" alt="はてなブックマーク - Regular expressions - JavaScript | MDN" title="はてなブックマーク - Regular expressions - JavaScript | MDN" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://webdesign.tutsplus.com/series/the-web-audio-api--cms-817 aidiary 2016-08-08T08:49:09Z JavaScript 2 <blockquote cite="https://webdesign.tutsplus.com/series/the-web-audio-api--cms-817" title="The Web Audio API Web Design Tutorials | Envato Tuts+"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebdesign.tutsplus.com%2Fseries%2Fthe-web-audio-api--cms-817" alt="" /> <a href="https://webdesign.tutsplus.com/series/the-web-audio-api--cms-817">The Web Audio API Web Design Tutorials | Envato Tuts+</a></cite><p><a href="https://webdesign.tutsplus.com/series/the-web-audio-api--cms-817"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/77de07fc5c05c257fe3517fe2571c8077fbecc18/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcms-assets.tutsplus.com%2Fuploads%2Fusers%2F34%2Fsyllabuses%2F817%2Fpreview_image%2Ftuts-plus-web-audio-api-400x227.png" alt="The Web Audio API Web Design Tutorials | Envato Tuts+" title="The Web Audio API Web Design Tutorials | Envato Tuts+" class="entry-image" /></a></p><p>Get every type of asset for any type of project, and access to AI tools From $16.50/m</p><p><a href="https://b.hatena.ne.jp/entry/s/webdesign.tutsplus.com/series/the-web-audio-api--cms-817"><img src="https://b.hatena.ne.jp/entry/image/https://webdesign.tutsplus.com/series/the-web-audio-api--cms-817" alt="はてなブックマーク - The Web Audio API Web Design Tutorials | Envato Tuts+" title="はてなブックマーク - The Web Audio API Web Design Tutorials | Envato Tuts+" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webdesign.tutsplus.com/series/the-web-audio-api--cms-817"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/s-shin/items/33bdfc5b819dab320808 aidiary 2016-07-14T12:33:11Z Atom JavaScript 12 <blockquote cite="https://qiita.com/s-shin/items/33bdfc5b819dab320808" title="JavaScriptの静的解析によりコード補完やクロスリファレンスを実現するatom-ternjsの紹介 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fs-shin%2Fitems%2F33bdfc5b819dab320808" alt="" /> <a href="https://qiita.com/s-shin/items/33bdfc5b819dab320808">JavaScriptの静的解析によりコード補完やクロスリファレンスを実現するatom-ternjsの紹介 - Qiita</a></cite><p><a href="https://qiita.com/s-shin/items/33bdfc5b819dab320808"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d51f46c3729cb5f348422db36ff8283673219aad/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRjIuZ3JhdmF0YXIuY29tJTJGYXZhdGFyJTJGMTM1YzZlNjZlNjI0ZGRmYTMwZTdlNjMxYjk3NWZmZWQlM0ZkJTNEaHR0cHMlMjUzQSUyNTJGJTI1MkZpZGVudGljb25zLmdpdGh1Yi5jb20lMjUyRmMyOTQyODI2MzQwYzQzNWY0ZTdhMWJkZjNjOTUzYzhiLnBuZyUyNnIlM0R4P2l4bGliPXJiLTQuMS4xJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1iNmYwNGI5YjczNGVmYjNkMzlkNDA3YTE0YmM0ZDUzMw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da1c9eff67f3ba7b0596777872b82635b%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9SmF2YVNjcmlwdCVFMyU4MSVBRSVFOSU5RCU5OSVFNyU5QSU4NCVFOCVBNyVBMyVFNiU5RSU5MCVFMyU4MSVBQiVFMyU4MiU4OCVFMyU4MiU4QSVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4OSVFOCVBMyU5QyVFNSVBRSU4QyVFMyU4MiU4NCVFMyU4MiVBRiVFMyU4MyVBRCVFMyU4MiVCOSVFMyU4MyVBQSVFMyU4MyU5NSVFMyU4MiVBMSVFMyU4MyVBQyVFMyU4MyVCMyVFMyU4MiVCOSVFMyU4MiU5MiVFNSVBRSU5RiVFNyU4RiVCRSVFMyU4MSU5OSVFMyU4MiU4QmF0b20tdGVybmpzJUUzJTgxJUFFJUU3JUI0JUI5JUU0JUJCJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZGE2MWQ3NzQ4NjlmMDc0ZjY3YzgxNGExYzE3NzAwZWE%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBzLXNoaW4mdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz02N2JkYWZkYzEyZGY5NWZhOTQ0ODM4NmFjNzBjMmEyNQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D30b7d46d63a929e324105f6065506429" alt="JavaScriptの静的解析によりコード補完やクロスリファレンスを実現するatom-ternjsの紹介 - Qiita" title="JavaScriptの静的解析によりコード補完やクロスリファレンスを実現するatom-ternjsの紹介 - Qiita" class="entry-image" /></a></p><p>去年は初日に http://qiita.com/s-shin/items/203e0f8c0aa00cfacfc5 こんな啓蒙記事を書きました。 あれからメジャーバージョンアップもあり、デフォルトテーマが変わったり、一部有名Packageがビルトインになったり、少しコミットしたに過ぎないにもかかわらずContributor Patchをもらったりしました。 ということで、...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/s-shin/items/33bdfc5b819dab320808"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/s-shin/items/33bdfc5b819dab320808" alt="はてなブックマーク - JavaScriptの静的解析によりコード補完やクロスリファレンスを実現するatom-ternjsの紹介 - Qiita" title="はてなブックマーク - JavaScriptの静的解析によりコード補完やクロスリファレンスを実現するatom-ternjsの紹介 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/s-shin/items/33bdfc5b819dab320808"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://analogic.jp/blog/ aidiary 2016-06-24T07:57:40Z JavaScript 6 <blockquote cite="https://analogic.jp/blog/" title="もっこりJavaScript｜ANALOGIC（アナロジック）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanalogic.jp%2Fblog%2F" alt="" /> <a href="https://analogic.jp/blog/">もっこりJavaScript｜ANALOGIC（アナロジック）</a></cite><p><a href="https://analogic.jp/blog/"><img src="" alt="もっこりJavaScript｜ANALOGIC（アナロジック）" title="もっこりJavaScript｜ANALOGIC（アナロジック）" class="entry-image" /></a></p><p>jQueryを使用せずに、ネイティブなJavaScriptのみでDOM操作を行う場合に、抑えておきたい基本的なことと、DOMの基本操作についてまとめました。 続きを読む</p><p><a href="https://b.hatena.ne.jp/entry/s/analogic.jp/blog/"><img src="https://b.hatena.ne.jp/entry/image/https://analogic.jp/blog/" alt="はてなブックマーク - もっこりJavaScript｜ANALOGIC（アナロジック）" title="はてなブックマーク - もっこりJavaScript｜ANALOGIC（アナロジック）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/analogic.jp/blog/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/gaogao_9/items/ec2b867d6941173fd0b1 aidiary 2016-05-11T06:00:46Z JavaScript 1278 <blockquote cite="https://qiita.com/gaogao_9/items/ec2b867d6941173fd0b1" title="旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fgaogao_9%2Fitems%2Fec2b867d6941173fd0b1" alt="" /> <a href="https://qiita.com/gaogao_9/items/ec2b867d6941173fd0b1">旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita</a></cite><p><a href="https://qiita.com/gaogao_9/items/ec2b867d6941173fd0b1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c46633f16c7dd3d6e36b0bf94152b5e6e60ee366/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png" alt="旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita" title="旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita" class="entry-image" /></a></p><p>はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJav...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/gaogao_9/items/ec2b867d6941173fd0b1"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/gaogao_9/items/ec2b867d6941173fd0b1" alt="はてなブックマーク - 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita" title="はてなブックマーク - 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/gaogao_9/items/ec2b867d6941173fd0b1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>