https://b.hatena.ne.jp/oinume/javascript/ javascriptに関するoinumeのはてなブックマーク (405) https://zenn.dev/yoshinani_dev/articles/001be9fd0377b3 oinume 2026-03-28T23:15:16Z UUID module JavaScript <blockquote cite="https://zenn.dev/yoshinani_dev/articles/001be9fd0377b3" title="UUIDを短くするライブラリを作った"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fyoshinani_dev%2Farticles%2F001be9fd0377b3" alt="" /> <a href="https://zenn.dev/yoshinani_dev/articles/001be9fd0377b3">UUIDを短くするライブラリを作った</a></cite><p><a href="https://zenn.dev/yoshinani_dev/articles/001be9fd0377b3"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e9d2f4a642b841b906537d800c8b8dccbe7fca20/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--dLkeM5FL--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AUUID%2525E3%252582%252592%2525E7%25259F%2525AD%2525E3%252581%25258F%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252583%2525A9%2525E3%252582%2525A4%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252583%2525AA%2525E3%252582%252592%2525E4%2525BD%25259C%2525E3%252581%2525A3%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3ANakano%252520as%252520a%252520Service%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2ZhMjMyNjAxN2QuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3AYOSHINANI%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2lrTHp0c1hkMHVUN3dhQ1FwWTBtQ3JfbzVKbnFJUkE1U1BFV1gxPXM5Ni1j%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="UUIDを短くするライブラリを作った" title="UUIDを短くするライブラリを作った" class="entry-image" /></a></p><p>のように、22文字の短くてスッキリしたIDに変換できます。 これを簡単に行うためのライブラリ「uuid58」を作成しました。 追記: また、これを簡単に試すためのウェブサイトも作成しました！ 本記事ではuuid58を作った背景や使い方、特徴を紹介します。 動機 データベースの主キーにUUIDを使うことは多いですが、UUIDは36...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/yoshinani_dev/articles/001be9fd0377b3"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/yoshinani_dev/articles/001be9fd0377b3" alt="はてなブックマーク - UUIDを短くするライブラリを作った" title="はてなブックマーク - UUIDを短くするライブラリを作った" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/yoshinani_dev/articles/001be9fd0377b3"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 152 https://github.com/hasura/graphqurl oinume 2025-11-18T01:46:59Z GraphQL JavaScript module <blockquote cite="https://github.com/hasura/graphqurl" title="GitHub - hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fhasura%2Fgraphqurl" alt="" /> <a href="https://github.com/hasura/graphqurl">GitHub - hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.</a></cite><p><a href="https://github.com/hasura/graphqurl"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6d7150776fc4b9e10d8575294b4e6c5be33d3b89/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F0ff648b19ccb4a7f9f03bd635e350e48f4c0d9fdb2eac065f651db791f0ac2b5%2Fhasura%2Fgraphqurl" alt="GitHub - hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client." title="GitHub - hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client." class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/hasura/graphqurl"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/hasura/graphqurl" alt="はてなブックマーク - GitHub - hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client." title="はてなブックマーク - GitHub - hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/hasura/graphqurl"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 32 https://www.udemy.com/course/modern_javascipt_react_beginner/ oinume 2025-01-10T07:34:41Z JavaScript <blockquote cite="https://www.udemy.com/course/modern_javascipt_react_beginner/" title="【React18対応】モダンJavaScriptの基礎から始める挫折しないためのReact入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.udemy.com%2Fcourse%2Fmodern_javascipt_react_beginner%2F" alt="" /> <a href="https://www.udemy.com/course/modern_javascipt_react_beginner/">【React18対応】モダンJavaScriptの基礎から始める挫折しないためのReact入門</a></cite><p><a href="https://www.udemy.com/course/modern_javascipt_react_beginner/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/881b7d8f4be9e499406924865c5848a4c2b7fbc7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimg-c.udemycdn.com%2Fcourse%2F480x270%2F3452848_0c2e.jpg" alt="【React18対応】モダンJavaScriptの基礎から始める挫折しないためのReact入門" title="【React18対応】モダンJavaScriptの基礎から始める挫折しないためのReact入門" class="entry-image" /></a></p><p>これからReactを勉強する全ての人におくるReact入門コース決定版！ Reactの勉強に苦戦する多くの人と話してきました。 そこで感じたのは苦戦する多くの人は学習の順序を間違えているということです。 JavaScriptへの理解なくしてReactの習得はなし得ません。 そこでJavaScript→Reactの理解の架け橋となる本コースを作成...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.udemy.com/course/modern_javascipt_react_beginner/"><img src="https://b.hatena.ne.jp/entry/image/https://www.udemy.com/course/modern_javascipt_react_beginner/" alt="はてなブックマーク - 【React18対応】モダンJavaScriptの基礎から始める挫折しないためのReact入門" title="はてなブックマーク - 【React18対応】モダンJavaScriptの基礎から始める挫折しないためのReact入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.udemy.com/course/modern_javascipt_react_beginner/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 https://nmi.jp/2024-05-17-Avoid-then oinume 2024-05-20T04:32:00Z JavaScript async <blockquote cite="https://nmi.jp/2024-05-17-Avoid-then" title="JavaScript で then を使うのは避けよう（await / async の初級者まとめ）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnmi.jp%2F2024-05-17-Avoid-then" alt="" /> <a href="https://nmi.jp/2024-05-17-Avoid-then">JavaScript で then を使うのは避けよう（await / async の初級者まとめ）</a></cite><p><a href="https://nmi.jp/2024-05-17-Avoid-then"><img src="" alt="JavaScript で then を使うのは避けよう（await / async の初級者まとめ）" title="JavaScript で then を使うのは避けよう（await / async の初級者まとめ）" class="entry-image" /></a></p><p>JavaScript において、特に苦手とする人が多い印象のある Promise ですが、await と async の文法が導入されたことで、Promise の仕様を深く理解しなくても非同期処理を自然に書けるようになってきたのではないかと思います。 極論ですが、JavaScript の非同期処理は async await new Promise のみで、（ほぼ）全て表現...</p><p><a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2024-05-17-Avoid-then"><img src="https://b.hatena.ne.jp/entry/image/https://nmi.jp/2024-05-17-Avoid-then" alt="はてなブックマーク - JavaScript で then を使うのは避けよう（await / async の初級者まとめ）" title="はてなブックマーク - JavaScript で then を使うのは避けよう（await / async の初級者まとめ）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2024-05-17-Avoid-then"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 289 https://zenn.dev/morinokami/articles/npm-uninstall oinume 2024-05-06T12:43:52Z JavaScript <blockquote cite="https://zenn.dev/morinokami/articles/npm-uninstall" title="Node.js の進化に伴い不要となったかもしれないパッケージたち"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmorinokami%2Farticles%2Fnpm-uninstall" alt="" /> <a href="https://zenn.dev/morinokami/articles/npm-uninstall">Node.js の進化に伴い不要となったかもしれないパッケージたち</a></cite><p><a href="https://zenn.dev/morinokami/articles/npm-uninstall"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3e06b440646b51aeb961c76ee988f37cdcbf7a14/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--2YofI667--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ANode.js%252520%2525E3%252581%2525AE%2525E9%252580%2525B2%2525E5%25258C%252596%2525E3%252581%2525AB%2525E4%2525BC%2525B4%2525E3%252581%252584%2525E4%2525B8%25258D%2525E8%2525A6%252581%2525E3%252581%2525A8%2525E3%252581%2525AA%2525E3%252581%2525A3%2525E3%252581%25259F%2525E3%252581%25258B%2525E3%252582%252582%2525E3%252581%252597%2525E3%252582%25258C%2525E3%252581%2525AA%2525E3%252581%252584%2525E3%252583%252591%2525E3%252583%252583%2525E3%252582%2525B1%2525E3%252583%2525BC%2525E3%252582%2525B8%2525E3%252581%25259F%2525E3%252581%2525A1%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AShinya%252520Fujino%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzA3M2I4Njg0NTMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Node.js の進化に伴い不要となったかもしれないパッケージたち" title="Node.js の進化に伴い不要となったかもしれないパッケージたち" class="entry-image" /></a></p><p>tl;dr はじめに 2024 年の 4 月 24 日に Node.js 22 がリリースされました。ESM を 条件付きで require する機能や、--run フラグによる npm スクリプトのパフォーマンス改善などが v22 で追加され、2009 年に Ryan Dahl が Node.js をリリースしてから 15 年が経つ今も、Node.js は進化を続けています[1]。 こうして No...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/morinokami/articles/npm-uninstall"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/morinokami/articles/npm-uninstall" alt="はてなブックマーク - Node.js の進化に伴い不要となったかもしれないパッケージたち" title="はてなブックマーク - Node.js の進化に伴い不要となったかもしれないパッケージたち" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/morinokami/articles/npm-uninstall"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 170 https://zenn.dev/dotdotdot/articles/ade7d28ce06876 oinume 2023-10-09T02:58:58Z JavaScript syntax <blockquote cite="https://zenn.dev/dotdotdot/articles/ade7d28ce06876" title="&quot;レガシー&quot;と言われないためのJavaScript再入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fdotdotdot%2Farticles%2Fade7d28ce06876" alt="" /> <a href="https://zenn.dev/dotdotdot/articles/ade7d28ce06876">&quot;レガシー&quot;と言われないためのJavaScript再入門</a></cite><p><a href="https://zenn.dev/dotdotdot/articles/ade7d28ce06876"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/50268e959187323792042436d23758e0a88e8040/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--fUWjs2AX--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%252522%2525E3%252583%2525AC%2525E3%252582%2525AC%2525E3%252582%2525B7%2525E3%252583%2525BC%252522%2525E3%252581%2525A8%2525E8%2525A8%252580%2525E3%252582%25258F%2525E3%252582%25258C%2525E3%252581%2525AA%2525E3%252581%252584%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AEJavaScript%2525E5%252586%25258D%2525E5%252585%2525A5%2525E9%252596%252580%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%2525B2%2525E3%252581%252592%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUVkRlRwNEJZZHdMWnZzcGtndzNQWGhhY0ViZ1p0WEgyODFVVjVteG9sdnotWUk9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="&quot;レガシー&quot;と言われないためのJavaScript再入門" title="&quot;レガシー&quot;と言われないためのJavaScript再入門" class="entry-image" /></a></p><p>追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/dotdotdot/articles/ade7d28ce06876"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/dotdotdot/articles/ade7d28ce06876" alt="はてなブックマーク - &quot;レガシー&quot;と言われないためのJavaScript再入門" title="はてなブックマーク - &quot;レガシー&quot;と言われないためのJavaScript再入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/dotdotdot/articles/ade7d28ce06876"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 872 https://github.com/cookpete/react-player oinume 2023-06-22T00:56:53Z JavaScript module video <blockquote cite="https://github.com/cookpete/react-player" title="GitHub - cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fcookpete%2Freact-player" alt="" /> <a href="https://github.com/cookpete/react-player">GitHub - cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion</a></cite><p><a href="https://github.com/cookpete/react-player"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4d2b1133f1940d46ee39ddc18793261e013d42d4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F6f4a81ba3af6fae17b8a5b90eb2efad5cef3e7e86629cdbad9b815f45e2b148e%2Fcookpete%2Freact-player" alt="GitHub - cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion" title="GitHub - cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/cookpete/react-player"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/cookpete/react-player" alt="はてなブックマーク - GitHub - cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion" title="はてなブックマーク - GitHub - cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/cookpete/react-player"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://github.com/sampotts/plyr oinume 2023-06-22T00:56:30Z JavaScript module video <blockquote cite="https://github.com/sampotts/plyr" title="GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fsampotts%2Fplyr" alt="" /> <a href="https://github.com/sampotts/plyr">GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player</a></cite><p><a href="https://github.com/sampotts/plyr"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f4149ceb00b0aac4976a3c9c1afb0026c583926e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Fc0a5c14f67f48d4793ce6bce1d5a5708e0eccba79964488edbb6b4c1a50882e5%2Fsampotts%2Fplyr" alt="GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player" title="GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/sampotts/plyr"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/sampotts/plyr" alt="はてなブックマーク - GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player" title="はてなブックマーク - GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/sampotts/plyr"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 22 https://zenn.dev/wintyo/articles/880ca78d706348 oinume 2022-09-26T00:37:54Z UX JavaScript module <blockquote cite="https://zenn.dev/wintyo/articles/880ca78d706348" title="ふりがな自動入力の検証"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fwintyo%2Farticles%2F880ca78d706348" alt="" /> <a href="https://zenn.dev/wintyo/articles/880ca78d706348">ふりがな自動入力の検証</a></cite><p><a href="https://zenn.dev/wintyo/articles/880ca78d706348"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4efa5c7a4438b84b5ff2111680830c2010d1aff4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Y7A8Qgt_--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252581%2525B5%2525E3%252582%25258A%2525E3%252581%25258C%2525E3%252581%2525AA%2525E8%252587%2525AA%2525E5%25258B%252595%2525E5%252585%2525A5%2525E5%25258A%25259B%2525E3%252581%2525AE%2525E6%2525A4%25259C%2525E8%2525A8%2525BC%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Awintyo%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzk3MWZhNGM0YWIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="ふりがな自動入力の検証" title="ふりがな自動入力の検証" class="entry-image" /></a></p><p>始めに UXの向上のため名前を入力した際にふりがなを自動で入力したいことがあると思います。調べた感じ以下の2つのライブラリが有名っぽい気がしたのでそれぞれについて検証してみました。 https://www.npmjs.com/package/vanilla-autokana https://www.npmjs.com/package/historykana サンプルはcodesandboxで書きまし...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/wintyo/articles/880ca78d706348"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/wintyo/articles/880ca78d706348" alt="はてなブックマーク - ふりがな自動入力の検証" title="はてなブックマーク - ふりがな自動入力の検証" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/wintyo/articles/880ca78d706348"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 5 https://stackoverflow.com/questions/50844095/should-one-use-for-of-or-foreach-when-iterating-through-an-array oinume 2021-10-02T06:38:26Z JavaScript syntax <blockquote cite="https://stackoverflow.com/questions/50844095/should-one-use-for-of-or-foreach-when-iterating-through-an-array" title="Should one use for-of or forEach when iterating through an array?"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F50844095%2Fshould-one-use-for-of-or-foreach-when-iterating-through-an-array" alt="" /> <a href="https://stackoverflow.com/questions/50844095/should-one-use-for-of-or-foreach-when-iterating-through-an-array">Should one use for-of or forEach when iterating through an array?</a></cite><p><a href="https://stackoverflow.com/questions/50844095/should-one-use-for-of-or-foreach-when-iterating-through-an-array"><img src="" alt="Should one use for-of or forEach when iterating through an array?" title="Should one use for-of or forEach when iterating through an array?" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/50844095/should-one-use-for-of-or-foreach-when-iterating-through-an-array"><img src="https://b.hatena.ne.jp/entry/image/https://stackoverflow.com/questions/50844095/should-one-use-for-of-or-foreach-when-iterating-through-an-array" alt="はてなブックマーク - Should one use for-of or forEach when iterating through an array?" title="はてなブックマーク - Should one use for-of or forEach when iterating through an array?" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/50844095/should-one-use-for-of-or-foreach-when-iterating-through-an-array"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing oinume 2021-08-15T01:19:38Z JavaScript syntax <blockquote cite="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing" title="ヌル値合体演算子 (??) - JavaScript | MDN"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FJavaScript%2FReference%2FOperators%2FNullish_coalescing" alt="" /> <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing">ヌル値合体演算子 (??) - JavaScript | MDN</a></cite><p><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing"><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="ヌル値合体演算子 (??) - JavaScript | MDN" title="ヌル値合体演算子 (??) - JavaScript | MDN" class="entry-image" /></a></p><p>This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2020年7月⁩. Learn more See full compatibility Report feedback</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing" alt="はてなブックマーク - ヌル値合体演算子 (??) - JavaScript | MDN" title="はてなブックマーク - ヌル値合体演算子 (??) - JavaScript | MDN" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 23 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators oinume 2021-07-31T09:07:56Z JavaScript operator syntax <blockquote cite="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators" title="式と演算子 - JavaScript | MDN"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FJavaScript%2FReference%2FOperators" alt="" /> <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators">式と演算子 - JavaScript | MDN</a></cite><p><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators"><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="式と演算子 - JavaScript | MDN" title="式と演算子 - JavaScript | MDN" class="entry-image" /></a></p><p>このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 p� �View in English ��B�Always switch to English 式と演算子（カテゴリー別） アルファベット順の一覧は左側のサイドバーをご覧ください。 基本式 JavaScript での基本的なキ...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators" alt="はてなブックマーク - 式と演算子 - JavaScript | MDN" title="はてなブックマーク - 式と演算子 - JavaScript | MDN" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 65 https://www.npmjs.com/package/cross-fetch oinume 2021-07-23T10:04:08Z JavaScript module fetch <blockquote cite="https://www.npmjs.com/package/cross-fetch" title="cross-fetch"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcross-fetch" alt="" /> <a href="https://www.npmjs.com/package/cross-fetch">cross-fetch</a></cite><p><a href="https://www.npmjs.com/package/cross-fetch"><img src="" alt="cross-fetch" title="cross-fetch" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.npmjs.com/package/cross-fetch"><img src="https://b.hatena.ne.jp/entry/image/https://www.npmjs.com/package/cross-fetch" alt="はてなブックマーク - cross-fetch" title="はてなブックマーク - cross-fetch" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.npmjs.com/package/cross-fetch"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring 配列やオブジェクト形式で代入するヤツ oinume 2021-07-14T00:35:22Z JavaScript syntax <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring" title="Destructuring - 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%2FReference%2FOperators%2FDestructuring" alt="" /> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring">Destructuring - JavaScript | MDN</a></cite><p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring"><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="Destructuring - JavaScript | MDN" title="Destructuring - JavaScript | MDN" class="entry-image" /></a></p><p>This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016. Learn more See full compatibility Report feedback The destructuring syntax is a JavaScript syntax that makes it possible to unpack values from arrays, or pro...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring" alt="はてなブックマーク - Destructuring - JavaScript | MDN" title="はてなブックマーク - Destructuring - 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/Reference/Operators/Destructuring"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 12 https://github.com/google/zx oinume 2021-05-07T11:00:36Z shell javascript <blockquote cite="https://github.com/google/zx" title="GitHub - google/zx: A tool for writing better scripts"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fgoogle%2Fzx" alt="" /> <a href="https://github.com/google/zx">GitHub - google/zx: A tool for writing better scripts</a></cite><p><a href="https://github.com/google/zx"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0bc4e970494a9f322148f7ff7fc60c55e2a9f826/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frepository-images.githubusercontent.com%2F364474335%2F0ea83c15-922e-48a5-92fc-47f5b0d3d199" alt="GitHub - google/zx: A tool for writing better scripts" title="GitHub - google/zx: A tool for writing better scripts" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/google/zx"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/google/zx" alt="はてなブックマーク - GitHub - google/zx: A tool for writing better scripts" title="はてなブックマーク - GitHub - google/zx: A tool for writing better scripts" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/google/zx"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 332 https://zenn.dev/ryo_kawamata/articles/introduce-mock-service-worker oinume 2021-05-06T22:13:37Z testing mock javascript <blockquote cite="https://zenn.dev/ryo_kawamata/articles/introduce-mock-service-worker" title="Mock Service Worker で jest.mock を使わず非同期リクエストのテストを書く"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fryo_kawamata%2Farticles%2Fintroduce-mock-service-worker" alt="" /> <a href="https://zenn.dev/ryo_kawamata/articles/introduce-mock-service-worker">Mock Service Worker で jest.mock を使わず非同期リクエストのテストを書く</a></cite><p><a href="https://zenn.dev/ryo_kawamata/articles/introduce-mock-service-worker"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5986fff3890608293e239b41220d63d4a96576f0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--LF_endrX--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AMock%252520Service%252520Worker%252520%2525E3%252581%2525A7%252520jest.mock%252520%2525E3%252582%252592%2525E4%2525BD%2525BF%2525E3%252582%25258F%2525E3%252581%25259A%2525E9%25259D%25259E%2525E5%252590%25258C%2525E6%25259C%25259F%2525E3%252583%2525AA%2525E3%252582%2525AF%2525E3%252582%2525A8%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252581%2525AE%2525E3%252583%252586%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252582%252592%2525E6%25259B%2525B8%2525E3%252581%25258F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aryo_kawamata%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzU2N2NiMTI0ZWYuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="Mock Service Worker で jest.mock を使わず非同期リクエストのテストを書く" title="Mock Service Worker で jest.mock を使わず非同期リクエストのテストを書く" class="entry-image" /></a></p><p>Mock Service Worker について色々試したので紹介です。 Mock Service Worker とは？ Mock Service Worker（以下 msw）は、ネットワークレベルで API リクエストをインターセプトして mock のデータを返すためのライブラリです。API リクエストを含む処理のテストや、SPA 開発時の mock サーバーとして利用出来ます。 以...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ryo_kawamata/articles/introduce-mock-service-worker"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/ryo_kawamata/articles/introduce-mock-service-worker" alt="はてなブックマーク - Mock Service Worker で jest.mock を使わず非同期リクエストのテストを書く" title="はてなブックマーク - Mock Service Worker で jest.mock を使わず非同期リクエストのテストを書く" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ryo_kawamata/articles/introduce-mock-service-worker"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 https://twitter.com/JoshWComeau/status/1325823478583320579 oinume 2020-11-27T22:44:54Z javascript <blockquote cite="https://twitter.com/JoshWComeau/status/1325823478583320579" title="Josh W. Comeau 🎃 on Twitter: &quot;🎉 Announcing “Operator Lookup”, a search engine for JS operators 🥳 Why? Because they&#39;re *ungoogleable*: search en… https://t.co/PoDxOcB5xB&quot;"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftwitter.com%2FJoshWComeau%2Fstatus%2F1325823478583320579" alt="" /> <a href="https://twitter.com/JoshWComeau/status/1325823478583320579">Josh W. Comeau 🎃 on Twitter: &quot;🎉 Announcing “Operator Lookup”, a search engine for JS operators 🥳 Why? Because they&#39;re *ungoogleable*: search en… https://t.co/PoDxOcB5xB&quot;</a></cite><p><a href="https://twitter.com/JoshWComeau/status/1325823478583320579"><img src="" alt="Josh W. Comeau 🎃 on Twitter: &quot;🎉 Announcing “Operator Lookup”, a search engine for JS operators 🥳 Why? Because they&#39;re *ungoogleable*: search en… https://t.co/PoDxOcB5xB&quot;" title="Josh W. Comeau 🎃 on Twitter: &quot;🎉 Announcing “Operator Lookup”, a search engine for JS operators 🥳 Why? Because they&#39;re *ungoogleable*: search en… https://t.co/PoDxOcB5xB&quot;" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/twitter.com/JoshWComeau/status/1325823478583320579"><img src="https://b.hatena.ne.jp/entry/image/https://twitter.com/JoshWComeau/status/1325823478583320579" alt="はてなブックマーク - Josh W. Comeau 🎃 on Twitter: &quot;🎉 Announcing “Operator Lookup”, a search engine for JS operators 🥳 Why? Because they&#39;re *ungoogleable*: search en… https://t.co/PoDxOcB5xB&quot;" title="はてなブックマーク - Josh W. Comeau 🎃 on Twitter: &quot;🎉 Announcing “Operator Lookup”, a search engine for JS operators 🥳 Why? Because they&#39;re *ungoogleable*: search en… https://t.co/PoDxOcB5xB&quot;" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/twitter.com/JoshWComeau/status/1325823478583320579"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://jsprimer.net/ oinume 2020-02-22T19:26:20Z JavaScript ES2015 <blockquote cite="https://jsprimer.net/" title="JavaScript Primer - 迷わないための入門書 #jsprimer"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjsprimer.net%2F" alt="" /> <a href="https://jsprimer.net/">JavaScript Primer - 迷わないための入門書 #jsprimer</a></cite><p><a href="https://jsprimer.net/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/90d1d67d015144d8763795cc3df612370958b601/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fjsprimer.net%2Flanding%2Fimg%2Fcover-optimized.jpg" alt="JavaScript Primer - 迷わないための入門書 #jsprimer" title="JavaScript Primer - 迷わないための入門書 #jsprimer" class="entry-image" /></a></p><p>JavaScript Primer 迷わないための入門書 Tweet Watch Star Xのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことはあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを...</p><p><a href="https://b.hatena.ne.jp/entry/s/jsprimer.net/"><img src="https://b.hatena.ne.jp/entry/image/https://jsprimer.net/" alt="はてなブックマーク - JavaScript Primer - 迷わないための入門書 #jsprimer" title="はてなブックマーク - JavaScript Primer - 迷わないための入門書 #jsprimer" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jsprimer.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1044 https://plotly.com/javascript/ oinume 2019-10-11T07:16:23Z JavaScript plot <blockquote cite="https://plotly.com/javascript/" title="Plotly"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fplotly.com%2Fjavascript%2F" alt="" /> <a href="https://plotly.com/javascript/">Plotly</a></cite><p><a href="https://plotly.com/javascript/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/acbb7ce682d91e455bf668fb46af9e778090d857/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhelp.plot.ly%2Fimages%2Ftwitter-default.png" alt="Plotly" title="Plotly" class="entry-image" /></a></p><p>Plotly JavaScript Open Source Graphing Library Built on top of d3.js and stack.gl, Plotly.js is a high-level, declarative charting library. plotly.js ships with over 40 chart types, including 3D charts, statistical graphs, and SVG maps. plotly.js is free and open source and you can view the sourc...</p><p><a href="https://b.hatena.ne.jp/entry/s/plotly.com/javascript/"><img src="https://b.hatena.ne.jp/entry/image/https://plotly.com/javascript/" alt="はてなブックマーク - Plotly" title="はてなブックマーク - Plotly" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/plotly.com/javascript/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 61 https://github.com/Wruczek/Bootstrap-Cookie-Alert Cookie同意のアレ。 npm install bootstrap-cookie-alert oinume 2019-08-06T06:49:23Z JavaScript module cookie <blockquote cite="https://github.com/Wruczek/Bootstrap-Cookie-Alert" title="GitHub - Wruczek/Bootstrap-Cookie-Alert: A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FWruczek%2FBootstrap-Cookie-Alert" alt="" /> <a href="https://github.com/Wruczek/Bootstrap-Cookie-Alert">GitHub - Wruczek/Bootstrap-Cookie-Alert: A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required.</a></cite><p><a href="https://github.com/Wruczek/Bootstrap-Cookie-Alert"><img src="" alt="GitHub - Wruczek/Bootstrap-Cookie-Alert: A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required." title="GitHub - Wruczek/Bootstrap-Cookie-Alert: A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required." class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/Wruczek/Bootstrap-Cookie-Alert"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/Wruczek/Bootstrap-Cookie-Alert" alt="はてなブックマーク - GitHub - Wruczek/Bootstrap-Cookie-Alert: A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required." title="はてなブックマーク - GitHub - Wruczek/Bootstrap-Cookie-Alert: A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/Wruczek/Bootstrap-Cookie-Alert"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1