https://b.hatena.ne.jp/fermi/javascript/ javascriptに関するfermiのはてなブックマーク (371) http://puyo.sega.jp/program_2020/ fermi 2022-01-13T04:35:14Z プログラミング javascript ゲーム <blockquote cite="http://puyo.sega.jp/program_2020/" title="【公式】ぷよぷよeスポーツ×プログラミング"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fpuyo.sega.jp%2Fprogram_2020%2F" alt="" /> <a href="http://puyo.sega.jp/program_2020/">【公式】ぷよぷよeスポーツ×プログラミング</a></cite><p><a href="http://puyo.sega.jp/program_2020/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4ee726e11489b00782b11d8dca656821c038fad5/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fpuyo.sega.jp%2Fprogram_2020%2Ffacebook02.jpg%3F20201224" alt="【公式】ぷよぷよeスポーツ×プログラミング" title="【公式】ぷよぷよeスポーツ×プログラミング" class="entry-image" /></a></p><p>ぷよぷよプログラミングとは プログラミング学習環境『Monaca Education』において、セガが展開するアクションパズルゲーム『ぷよぷよ』をプログラミング学習できる教材です。 製品版と同じ画像素材を利用して、世界中で使われるコンピュータ言語を使い、プロが使う開発環境で本物のプログラミングをお楽しみください。 ...</p><p><a href="https://b.hatena.ne.jp/entry/puyo.sega.jp/program_2020/"><img src="https://b.hatena.ne.jp/entry/image/http://puyo.sega.jp/program_2020/" alt="はてなブックマーク - 【公式】ぷよぷよeスポーツ×プログラミング" title="はてなブックマーク - 【公式】ぷよぷよeスポーツ×プログラミング" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/puyo.sega.jp/program_2020/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1450 https://togetter.com/li/1828839 fermi 2022-01-13T04:34:40Z プログラミング javascript <blockquote cite="https://togetter.com/li/1828839" title="セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftogetter.com%2Fli%2F1828839" alt="" /> <a href="https://togetter.com/li/1828839">セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」</a></cite><p><a href="https://togetter.com/li/1828839"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2da61fbbfc2cda132f986de94607ba886b17549e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Fd05b3abc940ebb7d134189f000fa613e-1200x630.jpeg" alt="セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」" title="セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」" class="entry-image" /></a></p><p>大滝昇平@デイトラ代表 | 累計受講生数30,000人突破 @showheyohtaki プログラミング学習中の方へ👨‍💻 これ面白い！！セガがjavascriptでぷよぷよを作るプログラミング講座を出してくれてます😊 動作ごとに細かくコメントも入ってるので、ちゃんとソースコードを読んでから写経していったらめちゃくちゃいいプログラミング...</p><p><a href="https://b.hatena.ne.jp/entry/s/togetter.com/li/1828839"><img src="https://b.hatena.ne.jp/entry/image/https://togetter.com/li/1828839" alt="はてなブックマーク - セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」" title="はてなブックマーク - セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/togetter.com/li/1828839"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1848 https://zenn.dev/baroqueengine/books/a19140f2d9fc1a fermi 2021-11-22T05:48:44Z あとで読む javascript <blockquote cite="https://zenn.dev/baroqueengine/books/a19140f2d9fc1a" title="クリエイティブコーディングの教科書"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fbaroqueengine%2Fbooks%2Fa19140f2d9fc1a" alt="" /> <a href="https://zenn.dev/baroqueengine/books/a19140f2d9fc1a">クリエイティブコーディングの教科書</a></cite><p><a href="https://zenn.dev/baroqueengine/books/a19140f2d9fc1a"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c2d45e89adfbf4743e9881d0d12ffe91610fe21a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--PgNwY7W7--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYm9va19jb3Zlci83N2QxZDUwOWQ4LmpwZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACMTiAE" alt="クリエイティブコーディングの教科書" title="クリエイティブコーディングの教科書" class="entry-image" /></a></p><p>ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/baroqueengine/books/a19140f2d9fc1a"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/baroqueengine/books/a19140f2d9fc1a" alt="はてなブックマーク - クリエイティブコーディングの教科書" title="はてなブックマーク - クリエイティブコーディングの教科書" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/baroqueengine/books/a19140f2d9fc1a"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1642 https://qiita.com/BRSF/items/6a43d4cf56a9dd1a4d0c fermi 2020-02-20T00:54:32Z react Vue vue.js javascript jquery 学習 <blockquote cite="https://qiita.com/BRSF/items/6a43d4cf56a9dd1a4d0c" title="バックエンドエンジニアのためのVue.js、React、Angular入門（2025改訂版） - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FBRSF%2Fitems%2F6a43d4cf56a9dd1a4d0c" alt="" /> <a href="https://qiita.com/BRSF/items/6a43d4cf56a9dd1a4d0c">バックエンドエンジニアのためのVue.js、React、Angular入門（2025改訂版） - Qiita</a></cite><p><a href="https://qiita.com/BRSF/items/6a43d4cf56a9dd1a4d0c"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0bee9d2bb9d3fdb999791f3efbcbc25e0e784790/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnNlY3VyZS5ncmF2YXRhci5jb20lMkZhdmF0YXIlMkY5YTMzMGI2ZWYxMDA4MjFmMDc1NDI1MGYxNDM0YTU1Mj9peGxpYj1yYi00LjEuMSZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9YzlmYWI2ZDZhZTMzY2E0ZGNiYmZhMDc0OTg3YWUzZGM%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D29abe8a43b6cada1693ef8f94c93763e%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgzJTkwJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgyJUI4JUUzJTgzJThCJUUzJTgyJUEyJUUzJTgxJUFFJUUzJTgxJTlGJUUzJTgyJTgxJUUzJTgxJUFFVnVlLmpzJUUzJTgwJTgxUmVhY3QlRTMlODAlODFBbmd1bGFyJUU1JTg1JUE1JUU5JTk2JTgwJUVGJUJDJTg4MjAyNSVFNiU5NCVCOSVFOCVBOCU4MiVFNyU4OSU4OCVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTNlNGZhN2UzNjk2MGRhYTBmNzI2MDdlMjk2MDhhODY4%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBCUlNGJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NWRiNGNkZTMzYTI4NDAyOWVhZDExN2MxODY2Y2JkM2E%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D4d2a2600fff932b2f1a7d5a946784367" alt="バックエンドエンジニアのためのVue.js、React、Angular入門（2025改訂版） - Qiita" title="バックエンドエンジニアのためのVue.js、React、Angular入門（2025改訂版） - Qiita" class="entry-image" /></a></p><p>解説のバージョン（2025年3月時点） Vue3.5 React19 Angular19 WEBシステム、WEBプログラム開発において昨今ではVue、React、AngularなどのJSフレームワークが主流となってきています。ただ、これらの活用は学習コストが高いといわれていました。その原因について、自分はフロントエンドありきで話が進みすぎていたから...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/BRSF/items/6a43d4cf56a9dd1a4d0c"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/BRSF/items/6a43d4cf56a9dd1a4d0c" alt="はてなブックマーク - バックエンドエンジニアのためのVue.js、React、Angular入門（2025改訂版） - Qiita" title="はてなブックマーク - バックエンドエンジニアのためのVue.js、React、Angular入門（2025改訂版） - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/BRSF/items/6a43d4cf56a9dd1a4d0c"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 418 https://employment.en-japan.com/engineerhub/entry/2020/02/18/103000 fermi 2020-02-20T00:52:49Z javascript DOM フロントエンド 仮想DOM <blockquote cite="https://employment.en-japan.com/engineerhub/entry/2020/02/18/103000" title="仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Femployment.en-japan.com%2Fengineerhub%2Fentry%2F2020%2F02%2F18%2F103000" alt="" /> <a href="https://employment.en-japan.com/engineerhub/entry/2020/02/18/103000">仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）</a></cite><p><a href="https://employment.en-japan.com/engineerhub/entry/2020/02/18/103000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a0dfaa34216bd2b3be4ab9ed4bdb499d6b302f4a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fen-ambi.com%2FimageFile%2Fuser%2Fglobal%2Fogp_01.png" alt="仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）" title="仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）" class="entry-image" /></a></p><p>仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう 最近のJavaScriptフレームワークで利用される「仮想DOM」について、リアルDOMの違い、メリット・デメリット、仮想DOMを使ったフレームワーク開発などを、ダーシノ（bc_rikko）さんが解説します。 はじめまして、ダーシノ（@bc...</p><p><a href="https://b.hatena.ne.jp/entry/s/employment.en-japan.com/engineerhub/entry/2020/02/18/103000"><img src="https://b.hatena.ne.jp/entry/image/https://employment.en-japan.com/engineerhub/entry/2020/02/18/103000" alt="はてなブックマーク - 仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）" title="はてなブックマーク - 仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/employment.en-japan.com/engineerhub/entry/2020/02/18/103000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 440 https://kachibito.net/useful-resource/vuestic-admin fermi 2019-08-20T00:12:48Z Vue.js javascript オープンソース <blockquote cite="https://kachibito.net/useful-resource/vuestic-admin" title="Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」 - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fuseful-resource%2Fvuestic-admin" alt="" /> <a href="https://kachibito.net/useful-resource/vuestic-admin">Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」 - かちびと.net</a></cite><p><a href="https://kachibito.net/useful-resource/vuestic-admin"><img src="" alt="Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」 - かちびと.net" title="Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」 - かちびと.net" class="entry-image" /></a></p><p>Vuestic AdminはVue.jsベースのオープンソースな管理画面テンプレートです。40以上のUIコンポーネントも同梱されています。 コンポーネントを含むレイアウトは完全なレスポンシブ対応となっています。管理画面系のコンテンツによく必要とされるコンポーネントは概ね揃えられているので、1から作るよりはかなり工数を減ら...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/useful-resource/vuestic-admin"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/useful-resource/vuestic-admin" alt="はてなブックマーク - Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」 - かちびと.net" title="はてなブックマーク - Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」 - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/useful-resource/vuestic-admin"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 231 https://en-ambi.com/itcontents/entry/2019/08/08/103000/ fermi 2019-08-20T00:11:47Z javascript node.js node ノウハウ <blockquote cite="https://en-ambi.com/itcontents/entry/2019/08/08/103000/" title="Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方｜ハイクラス転職・求人情報サイト アンビ（AMBI）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fen-ambi.com%2Fitcontents%2Fentry%2F2019%2F08%2F08%2F103000%2F" alt="" /> <a href="https://en-ambi.com/itcontents/entry/2019/08/08/103000/">Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方｜ハイクラス転職・求人情報サイト アンビ（AMBI）</a></cite><p><a href="https://en-ambi.com/itcontents/entry/2019/08/08/103000/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a0dfaa34216bd2b3be4ab9ed4bdb499d6b302f4a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fen-ambi.com%2FimageFile%2Fuser%2Fglobal%2Fogp_01.png" alt="Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方｜ハイクラス転職・求人情報サイト アンビ（AMBI）" title="Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方｜ハイクラス転職・求人情報サイト アンビ（AMBI）" class="entry-image" /></a></p><p>Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方 Node.jsをうまく活用できている企業は、どのような方法でベストプラクティスを習得してきたのでしょうか。ヤフー株式会社でNode.jsの社内普及に務めてきた言語サポートチームに、同社の実施を紹介してもらいました。 Node.js...</p><p><a href="https://b.hatena.ne.jp/entry/s/en-ambi.com/itcontents/entry/2019/08/08/103000/"><img src="https://b.hatena.ne.jp/entry/image/https://en-ambi.com/itcontents/entry/2019/08/08/103000/" alt="はてなブックマーク - Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方｜ハイクラス転職・求人情報サイト アンビ（AMBI）" title="はてなブックマーク - Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方｜ハイクラス転職・求人情報サイト アンビ（AMBI）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/en-ambi.com/itcontents/entry/2019/08/08/103000/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 837 https://typescript-jp.gitbook.io/deep-dive fermi 2018-12-27T02:01:52Z TypeScript javascript プログラミング <blockquote cite="https://typescript-jp.gitbook.io/deep-dive" title="TypeScript Deep Dive 日本語版"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftypescript-jp.gitbook.io%2Fdeep-dive" alt="" /> <a href="https://typescript-jp.gitbook.io/deep-dive">TypeScript Deep Dive 日本語版</a></cite><p><a href="https://typescript-jp.gitbook.io/deep-dive"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/af0bf5a973e0ccac7b11512024cfb2fc5780cdcc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftypescript-jp.gitbook.io%2Fdeep-dive%2F~gitbook%2Fogimage%2FvbcIMEdc8kpYel67jYSG" alt="TypeScript Deep Dive 日本語版" title="TypeScript Deep Dive 日本語版" class="entry-image" /></a></p><p>出典: https://www.npmtrends.com/typescript TypeScriptはJavaScriptを拡張して作られたプログラミング言語です。トレンドが示すとおり、TypeScriptはJavaScriptに代わって第一に選択される言語になりました。TypeScriptが提供する静的型システムは、コードの保守性と可読性を大幅に向上させます。またブラウザ等の互換...</p><p><a href="https://b.hatena.ne.jp/entry/s/typescript-jp.gitbook.io/deep-dive"><img src="https://b.hatena.ne.jp/entry/image/https://typescript-jp.gitbook.io/deep-dive" alt="はてなブックマーク - TypeScript Deep Dive 日本語版" title="はてなブックマーク - TypeScript Deep Dive 日本語版" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/typescript-jp.gitbook.io/deep-dive"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 923 https://www.publickey1.jp/blog/18/tensorflowjswebwebglgpu.html fermi 2018-04-02T08:40:51Z TensorFlow JavaScript 機械学習 <blockquote cite="https://www.publickey1.jp/blog/18/tensorflowjswebwebglgpu.html" title="「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F18%2Ftensorflowjswebwebglgpu.html" alt="" /> <a href="https://www.publickey1.jp/blog/18/tensorflowjswebwebglgpu.html">「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用</a></cite><p><a href="https://www.publickey1.jp/blog/18/tensorflowjswebwebglgpu.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/319b6a4f51c5ded349d85c1cbcced2e89d2067a3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2018%2Ftensorflowjs01.gif" alt="「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用" title="「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用" class="entry-image" /></a></p><p>「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用 TensorFlow.jsの基となったオリジナルの「TensorFlow」は、Googleが開発しオープンソースとして公開されている機械学習ライブラリです。Windows、Mac、Linuxなどに対応し、Python、C＋＋、Java、Goなどに対応したAPIを...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/18/tensorflowjswebwebglgpu.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/18/tensorflowjswebwebglgpu.html" alt="はてなブックマーク - 「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用" title="はてなブックマーク - 「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/18/tensorflowjswebwebglgpu.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 402 https://www.marorika.com/entry/chart-js-library fermi 2018-03-27T00:31:07Z JavaScript グラフ ライブラリ <blockquote cite="https://www.marorika.com/entry/chart-js-library" title="【無料】チャート/グラフ作成用JavaScriptライブラリを比較！おすすめ5選 | まろりかの自由帳"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.marorika.com%2Fentry%2Fchart-js-library" alt="" /> <a href="https://www.marorika.com/entry/chart-js-library">【無料】チャート/グラフ作成用JavaScriptライブラリを比較！おすすめ5選 | まろりかの自由帳</a></cite><p><a href="https://www.marorika.com/entry/chart-js-library"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4c5a5eeebe7a90611d96fdcc203475b695ba0ec1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.marorika.com%2Fwp-content%2Fuploads%2F2019%2F05%2Fchart_js_library.jpg" alt="【無料】チャート/グラフ作成用JavaScriptライブラリを比較！おすすめ5選 | まろりかの自由帳" title="【無料】チャート/グラフ作成用JavaScriptライブラリを比較！おすすめ5選 | まろりかの自由帳" class="entry-image" /></a></p><p>チャート/グラフ作成のJavaScriptライブラリおすすめ5選 以下の観点でオススメの5つとして絞り込みをしました。 GithubのStar数が多い 有名企業が携わっている たくさんの人に利用されている 無料かつ商用利用可 個人的にオススメのものから紹介していきます。 １：Chart.js 概要 Chart.jsはシンプルでデザイン性が高く...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.marorika.com/entry/chart-js-library"><img src="https://b.hatena.ne.jp/entry/image/https://www.marorika.com/entry/chart-js-library" alt="はてなブックマーク - 【無料】チャート/グラフ作成用JavaScriptライブラリを比較！おすすめ5選 | まろりかの自由帳" title="はてなブックマーク - 【無料】チャート/グラフ作成用JavaScriptライブラリを比較！おすすめ5選 | まろりかの自由帳" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.marorika.com/entry/chart-js-library"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 28 https://www.publickey1.jp/blog/18/webjavascriptheadless_chromepuppeteer10chromedevtools.html fermi 2018-02-07T05:57:27Z テスト webブラウザ javascript chrome <blockquote cite="https://www.publickey1.jp/blog/18/webjavascriptheadless_chromepuppeteer10chromedevtools.html" title="Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F18%2Fwebjavascriptheadless_chromepuppeteer10chromedevtools.html" alt="" /> <a href="https://www.publickey1.jp/blog/18/webjavascriptheadless_chromepuppeteer10chromedevtools.html">Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発</a></cite><p><a href="https://www.publickey1.jp/blog/18/webjavascriptheadless_chromepuppeteer10chromedevtools.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a6bfe0b63c3bef3532a3faf0d2398e51b3d2d299/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2018%2Fpuppeteer10.gif" alt="Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発" title="Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発" class="entry-image" /></a></p><p>UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/18/webjavascriptheadless_chromepuppeteer10chromedevtools.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/18/webjavascriptheadless_chromepuppeteer10chromedevtools.html" alt="はてなブックマーク - Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発" title="はてなブックマーク - Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/18/webjavascriptheadless_chromepuppeteer10chromedevtools.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1031 https://qiita.com/ysks/items/5c703334ef6f9a878c60 fermi 2018-01-12T06:37:24Z selenium javascript テスト <blockquote cite="https://qiita.com/ysks/items/5c703334ef6f9a878c60" title="簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp) - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fysks%2Fitems%2F5c703334ef6f9a878c60" alt="" /> <a href="https://qiita.com/ysks/items/5c703334ef6f9a878c60">簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp) - Qiita</a></cite><p><a href="https://qiita.com/ysks/items/5c703334ef6f9a878c60"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/186e0503dace6d251debcfbdf16ed564f8a8303f/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTI1NTM4JTJGcHJvZmlsZS1pbWFnZXMlMkYxNDczNzE2MjYyP2l4bGliPXJiLTQuMS4xJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1kNmQ5YTA5YjJlOWQzYmRiMDNmMDFkMDQwMDA0NGQ1Mw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D100ccb52a29a2595d3ec98bf62a17bce%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUU3JUIwJUExJUU1JThEJTk4JUVGJUJDJTgxJTIwSmF2YVNjcmlwdCVFMyU4MSVBNyVFOCU4NyVBQSVFNSU4QiU5NVVJJUUzJTgzJTg2JUUzJTgyJUI5JUUzJTgzJTg4JTIwJTI4Tm9kZUpTJTJDJTIwU2VsZW5pdW0lMjBXZWJkcml2ZXIlMkMlMjBXZWJkcml2ZXJJTyUyQyUyMG1vY2hhJTJDJTIwZ3VscCUyOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPThjNzA1MjA3ZTFmOGIxYmQ4NDY1ZmI1ZWNjOWVlZmM1%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDB5c2tzJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZjAxMzA0MmRhNTgxNjY3OWM4OTE0NzM3OTYyMWQwYWQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2ff10e5ea985e2cf092650c9b83fb8f4" alt="簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp) - Qiita" title="簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp) - 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/ysks/items/5c703334ef6f9a878c60"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/ysks/items/5c703334ef6f9a878c60" alt="はてなブックマーク - 簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp) - Qiita" title="はてなブックマーク - 簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp) - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/ysks/items/5c703334ef6f9a878c60"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 29 https://techblog.recruit.co.jp/article-542/ fermi 2018-01-12T01:52:39Z テスト javascript jest <blockquote cite="https://techblog.recruit.co.jp/article-542/" title="Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) | Recruit Tech Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechblog.recruit.co.jp%2Farticle-542%2F" alt="" /> <a href="https://techblog.recruit.co.jp/article-542/">Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) | Recruit Tech Blog</a></cite><p><a href="https://techblog.recruit.co.jp/article-542/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3fbeb1593088855d6e245cd09772609fc3f680b0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechblog.recruit.co.jp%2Fassets%2Frmp%2Fthumbnail%2F14752.jpg" alt="Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) | Recruit Tech Blog" title="Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) | Recruit Tech Blog" class="entry-image" /></a></p><p>Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) 福井祐人 この記事はRECRUIT MARKETING PARTNERS Advent Calendar 2017の投稿記事です。 はじめまして。11月にJoinしたフロントエンドエンジニアの福井（@fukumasuya）です。チームではスタディサプリEnglishのWebブ...</p><p><a href="https://b.hatena.ne.jp/entry/s/techblog.recruit.co.jp/article-542/"><img src="https://b.hatena.ne.jp/entry/image/https://techblog.recruit.co.jp/article-542/" alt="はてなブックマーク - Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) | Recruit Tech Blog" title="はてなブックマーク - Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) | Recruit Tech Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techblog.recruit.co.jp/article-542/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 60 https://postd.cc/a-complete-guide-to-testing-javascript-in-2017/ fermi 2018-01-12T01:32:12Z javascript テスト <blockquote cite="https://postd.cc/a-complete-guide-to-testing-javascript-in-2017/" title="2017年JavaScriptのテスト概論 | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fa-complete-guide-to-testing-javascript-in-2017%2F" alt="" /> <a href="https://postd.cc/a-complete-guide-to-testing-javascript-in-2017/">2017年JavaScriptのテスト概論 | POSTD</a></cite><p><a href="https://postd.cc/a-complete-guide-to-testing-javascript-in-2017/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ce1eb35f2ce8d1eed45fcebbab3454b7743459d2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2017%2F07%2F1-aOpmwNadqHgJYum2DT9mZw-500x267.png" alt="2017年JavaScriptのテスト概論 | POSTD" title="2017年JavaScriptのテスト概論 | POSTD" class="entry-image" /></a></p><p>本稿は、JavaScriptのテストについて最も重要な根拠、用語、ツール、アプローチなどの知識を身に着けることを目的とした簡略版ガイドブックです。本稿で検討する数々の側面に関する最新の秀逸な記事も紹介しつつ、私たちが経験的に得たことも多少付け加えたいと思います。 Facebookによるテスト用フレームワークであるJe...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/a-complete-guide-to-testing-javascript-in-2017/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/a-complete-guide-to-testing-javascript-in-2017/" alt="はてなブックマーク - 2017年JavaScriptのテスト概論 | POSTD" title="はてなブックマーク - 2017年JavaScriptのテスト概論 | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/a-complete-guide-to-testing-javascript-in-2017/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 654 https://qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9 fermi 2018-01-09T09:01:29Z javascript プログラミング <blockquote cite="https://qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9" title="イマドキのJavaScriptの書き方2018"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fshibukawa%2Fitems%2F19ab5c381bbb2e09d0d9" alt="" /> <a href="https://qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9">イマドキのJavaScriptの書き方2018</a></cite><p><a href="https://qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fbb49cd3bad7465a22be5be776c442a55bf64d95/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUE0JUUzJTgzJTlFJUUzJTgzJTg5JUUzJTgyJUFEJUUzJTgxJUFFSmF2YVNjcmlwdCVFMyU4MSVBRSVFNiU5QiVCOCVFMyU4MSU4RCVFNiU5NiVCOTIwMTgmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWQ3ZjAyNjVjNzE5MDI3Njg5YjhiNWYyNWRhMWY1ZGM3%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzaGlidWthd2EmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTg4ODMzMDRkMGM0OWM1MWFkN2UwMDU4NzdiYjg5ZGY2%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g44OV44Ol44O844OB44Oj44O85qCq5byP5Lya56S-%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D71b2f270d148aa38091a62c5e9f0d93a" alt="イマドキのJavaScriptの書き方2018" title="イマドキのJavaScriptの書き方2018" class="entry-image" /></a></p><p>PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、1...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9" alt="はてなブックマーク - イマドキのJavaScriptの書き方2018" title="はてなブックマーク - イマドキのJavaScriptの書き方2018" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2281 https://hashrock.hatenablog.com/entry/2017/12/04/215559 fermi 2017-12-06T00:23:56Z SVG JavaScript Vue.js <blockquote cite="https://hashrock.hatenablog.com/entry/2017/12/04/215559" title="グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhashrock.hatenablog.com%2Fentry%2F2017%2F12%2F04%2F215559" alt="" /> <a href="https://hashrock.hatenablog.com/entry/2017/12/04/215559">グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing</a></cite><p><a href="https://hashrock.hatenablog.com/entry/2017/12/04/215559"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/612a813e3444ce98ca81428a3e19d99770bcc6f6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F325d9f5f015fe88e0062e977bb503bb695434185%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fh%252Fhashrock%252F20171204%252F20171204200705.gif" alt="グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing" title="グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing" class="entry-image" /></a></p><p>これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは...</p><p><a href="https://b.hatena.ne.jp/entry/s/hashrock.hatenablog.com/entry/2017/12/04/215559"><img src="https://b.hatena.ne.jp/entry/image/https://hashrock.hatenablog.com/entry/2017/12/04/215559" alt="はてなブックマーク - グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing" title="はてなブックマーク - グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hashrock.hatenablog.com/entry/2017/12/04/215559"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 812 https://holidays-l.hatenadiary.org/entry/20070923/p1 fermi 2016-08-24T01:49:52Z JavaScript ライブラリ <blockquote cite="https://holidays-l.hatenadiary.org/entry/20070923/p1" title="JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fholidays-l.hatenadiary.org%2Fentry%2F20070923%2Fp1" alt="" /> <a href="https://holidays-l.hatenadiary.org/entry/20070923/p1">JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ</a></cite><p><a href="https://holidays-l.hatenadiary.org/entry/20070923/p1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/92b68bed43e4b5a3dbca85af6c1153906a281743/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127100682843%2F17680117127100696188%2F1556721935" alt="JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ" title="JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ" class="entry-image" /></a></p><p>Sjaxを使わないJavaScript Loader - ヒルズで働く@robarioの技ログ と JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで働く@robarioの技ログ の改良版です。この二つの記事は忘れてもらって結構です。 前振りとか ライブラリを読み込みたい（＞＜） 「script要素をappendChildする」でやると読み込み完了を待っ...</p><p><a href="https://b.hatena.ne.jp/entry/s/holidays-l.hatenadiary.org/entry/20070923/p1"><img src="https://b.hatena.ne.jp/entry/image/https://holidays-l.hatenadiary.org/entry/20070923/p1" alt="はてなブックマーク - JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ" title="はてなブックマーク - JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/holidays-l.hatenadiary.org/entry/20070923/p1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 136 https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html fermi 2015-10-08T01:08:09Z webデザイン JavaScript アニメーション <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html" title="[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjavascript-best-2015-july.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html">[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9d1926212b0b5387037fb5ca1723d52714c8d652/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png" alt="[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ" title="[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ" class="entry-image" /></a></p><p>最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html" alt="はてなブックマーク - [JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ" title="はてなブックマーク - [JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 563 https://postd.cc/how-to-become-a-great-javascript-developer/ fermi 2015-07-15T02:15:25Z javascript <blockquote cite="https://postd.cc/how-to-become-a-great-javascript-developer/" title="優秀なJavaScriptの開発者になるための5か条 | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fhow-to-become-a-great-javascript-developer%2F" alt="" /> <a href="https://postd.cc/how-to-become-a-great-javascript-developer/">優秀なJavaScriptの開発者になるための5か条 | POSTD</a></cite><p><a href="https://postd.cc/how-to-become-a-great-javascript-developer/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6d1ac1e4c43cf300200805e65ce56945a12e6a93/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2015%2F07%2Fstudent-776190_640-500x409.png" alt="優秀なJavaScriptの開発者になるための5か条 | POSTD" title="優秀なJavaScriptの開発者になるための5か条 | POSTD" class="entry-image" /></a></p><p>(注記：7/15、いただいた翻訳フィードバックを元に記事を修正いたしました。) 子供の頃、私の興味は互いに関係性のない様々な分野に及んでいました。数学も歴史も大好きでした。 ルネッサンスマン 、つまり 博学者 と言う、複数の分野に秀でた人になりたいと思っていました。これはとても難しい課題で、私は突如として、...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/how-to-become-a-great-javascript-developer/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/how-to-become-a-great-javascript-developer/" alt="はてなブックマーク - 優秀なJavaScriptの開発者になるための5か条 | POSTD" title="はてなブックマーク - 優秀なJavaScriptの開発者になるための5か条 | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/how-to-become-a-great-javascript-developer/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1179 https://www.moongift.jp/2014/12/kuromoji-js-web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E5%88%86%E3%81%8B%E3%81%A1%E6%9B%B8%E3%81%8D%EF%BC%81/ fermi 2015-04-27T02:32:54Z javascript オープンソース 分かち書き <blockquote cite="https://www.moongift.jp/2014/12/kuromoji-js-web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E5%88%86%E3%81%8B%E3%81%A1%E6%9B%B8%E3%81%8D%EF%BC%81/" title="kuromoji.js - Webブラウザ上で分かち書き！ MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2014%2F12%2Fkuromoji-js-web%25E3%2583%2596%25E3%2583%25A9%25E3%2582%25A6%25E3%2582%25B6%25E4%25B8%258A%25E3%2581%25A7%25E5%2588%2586%25E3%2581%258B%25E3%2581%25A1%25E6%259B%25B8%25E3%2581%258D%25EF%25BC%2581%2F" alt="" /> <a href="https://www.moongift.jp/2014/12/kuromoji-js-web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E5%88%86%E3%81%8B%E3%81%A1%E6%9B%B8%E3%81%8D%EF%BC%81/">kuromoji.js - Webブラウザ上で分かち書き！ MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2014/12/kuromoji-js-web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E5%88%86%E3%81%8B%E3%81%A1%E6%9B%B8%E3%81%8D%EF%BC%81/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fb8e3b73416b1ad79e1e447510a45aad349570a2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmoongift%2Fattaches%2F13516%2Flist.%3F1418196611" alt="kuromoji.js - Webブラウザ上で分かち書き！ MOONGIFT" title="kuromoji.js - Webブラウザ上で分かち書き！ MOONGIFT" class="entry-image" /></a></p><p>テキストから意味を読み取るというのは非常に難しく、そのための専用ソフトウェアが存在するほどです。そしてテキスト解析手法の一つとして知られているのが分かち書きです。日本語であればChasenがよく知られています。 kuromoji.jsはそんな分かち書き処理をJavaScriptで行ってしまおうというソフトウェアになります。K...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2014/12/kuromoji-js-web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E5%88%86%E3%81%8B%E3%81%A1%E6%9B%B8%E3%81%8D%EF%BC%81/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2014/12/kuromoji-js-web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E5%88%86%E3%81%8B%E3%81%A1%E6%9B%B8%E3%81%8D%EF%BC%81/" alt="はてなブックマーク - kuromoji.js - Webブラウザ上で分かち書き！ MOONGIFT" title="はてなブックマーク - kuromoji.js - Webブラウザ上で分かち書き！ MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2014/12/kuromoji-js-web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E5%88%86%E3%81%8B%E3%81%A1%E6%9B%B8%E3%81%8D%EF%BC%81/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 151