https://b.hatena.ne.jp/miguchi/javascript/ javascriptに関するmiguchiのはてなブックマーク (224) https://qiita.com/sotasato/items/31be24d6776f3232c0c0 miguchi 2024-08-02T01:16:00Z javascript 非同期 <blockquote cite="https://qiita.com/sotasato/items/31be24d6776f3232c0c0" title="JavaScriptのFetch API について - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsotasato%2Fitems%2F31be24d6776f3232c0c0" alt="" /> <a href="https://qiita.com/sotasato/items/31be24d6776f3232c0c0">JavaScriptのFetch API について - Qiita</a></cite><p><a href="https://qiita.com/sotasato/items/31be24d6776f3232c0c0"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2f73bcdae9c0d49f5ebea521655698e52c5d088a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9SmF2YVNjcmlwdCVFMyU4MSVBRUZldGNoJTIwQVBJJTIwJUUzJTgxJUFCJUUzJTgxJUE0JUUzJTgxJTg0JUUzJTgxJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jMGZkNDRhZTM4MGEyYjA5ODdlOWQ2YTJkNjk4OGVkOQ%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBzb3Rhc2F0byZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTk0N2NjNGFiMTQwNTczNWY1MDlkOGUwYzYxZWM1ZTE%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-IOaXpeeri-ijveS9nOaJgOOAgE9TU-OCveODquODpeODvOOCt-ODp-ODs-OCu-ODs-OCvw%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3Dd08e76d0364ee924589711dedd4b9367" alt="JavaScriptのFetch API について - Qiita" title="JavaScriptのFetch API について - Qiita" class="entry-image" /></a></p><p>(20) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] lastIndex: (...) lastItem: (...) 0: {rendered_body: &quot;&lt;h2&gt;...&lt;/h2&gt;&quot;, body:&quot;...&quot;, ...} 1: {rendered_body: &quot;&lt;h2&gt;...&lt;/h2&gt;&quot;, body:&quot;...&quot;, ...} &lt;&lt;中略&gt;&gt; 19: {rendered_body: &quot;&lt;h2&gt;...&lt;/h2&gt;&quot;, body:&quot;......</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/sotasato/items/31be24d6776f3232c0c0"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/sotasato/items/31be24d6776f3232c0c0" alt="はてなブックマーク - JavaScriptのFetch API について - Qiita" title="はてなブックマーク - JavaScriptのFetch API について - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/sotasato/items/31be24d6776f3232c0c0"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 12 https://www.marlin-arms.com/support/js1day-video/ miguchi 2024-06-27T22:45:19Z javascript 入門 動画 <blockquote cite="https://www.marlin-arms.com/support/js1day-video/" title="動画版 JavaScriptで学ぶ プログラミング入門 丸一日コース サポートページ — マーリンアームズ株式会社"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.marlin-arms.com%2Fsupport%2Fjs1day-video%2F" alt="" /> <a href="https://www.marlin-arms.com/support/js1day-video/">動画版 JavaScriptで学ぶ プログラミング入門 丸一日コース サポートページ — マーリンアームズ株式会社</a></cite><p><a href="https://www.marlin-arms.com/support/js1day-video/"><img src="" alt="動画版 JavaScriptで学ぶ プログラミング入門 丸一日コース サポートページ — マーリンアームズ株式会社" title="動画版 JavaScriptで学ぶ プログラミング入門 丸一日コース サポートページ — マーリンアームズ株式会社" class="entry-image" /></a></p><p>プログラミング・開発 初めてのGo言語 第2版 New! JavaScript問題集 第7版 実践 JavaScript! 全容解説GPT YouTube版 JavaScript入門 丸一日 プロフェッショナルPython Python基礎&amp;実践プログラミング Node.jsデザインパターン Goプログラミング実践入門 初めてのJavaScript 第3版 Game Programming Patterns Perl入門 第...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.marlin-arms.com/support/js1day-video/"><img src="https://b.hatena.ne.jp/entry/image/https://www.marlin-arms.com/support/js1day-video/" alt="はてなブックマーク - 動画版 JavaScriptで学ぶ プログラミング入門 丸一日コース サポートページ — マーリンアームズ株式会社" title="はてなブックマーク - 動画版 JavaScriptで学ぶ プログラミング入門 丸一日コース サポートページ — マーリンアームズ株式会社" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.marlin-arms.com/support/js1day-video/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 3 https://inzkyk.xyz/js_20_years/ miguchi 2024-05-01T13:07:49Z javascript browser <blockquote cite="https://inzkyk.xyz/js_20_years/" title="JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Finzkyk.xyz%2Fjs_20_years%2F" alt="" /> <a href="https://inzkyk.xyz/js_20_years/">JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz</a></cite><p><a href="https://inzkyk.xyz/js_20_years/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a66f30d44e8e7333b3e97e0284f1b29ffc4deae2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Finzkyk.xyz%2Fhotlink-ok%2Flogo_512.png" alt="JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz" title="JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz" class="entry-image" /></a></p><p>翻訳について これは Allen Wirfs-Brock, Brendan Eich 著 JavaScript: the first 20 years の翻訳です。英語版は CC BY 4.0 ライセンスで公開されています。 この翻訳は CC BY 4.0 ライセンスの許諾に基づいて公開されます。 PDF/EPUB 版について この翻訳の PDF/EPUB 版を BOOTH で販売しています。</p><p><a href="https://b.hatena.ne.jp/entry/s/inzkyk.xyz/js_20_years/"><img src="https://b.hatena.ne.jp/entry/image/https://inzkyk.xyz/js_20_years/" alt="はてなブックマーク - JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz" title="はてなブックマーク - JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/inzkyk.xyz/js_20_years/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 34 https://zenn.dev/ak/articles/dc23436b241a84 miguchi 2024-04-04T12:36:31Z アプリ javascript <blockquote cite="https://zenn.dev/ak/articles/dc23436b241a84" title="100秒で理解するPromise"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fdc23436b241a84" alt="" /> <a href="https://zenn.dev/ak/articles/dc23436b241a84">100秒で理解するPromise</a></cite><p><a href="https://zenn.dev/ak/articles/dc23436b241a84"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/64ecb1fb8c9286792d1e90376f0bb5cd686df196/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--F5dK0Q-H--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A100%2525E7%2525A7%252592%2525E3%252581%2525A7%2525E7%252590%252586%2525E8%2525A7%2525A3%2525E3%252581%252599%2525E3%252582%25258BPromise%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aaki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Q3YTNhNmZhNjkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="100秒で理解するPromise" title="100秒で理解するPromise" class="entry-image" /></a></p><p>そもそも非同期処理とは？ Promiseについて知るためには、まず非同期処理について知っておく必要があります。 以下の動画で、非同期処理について100秒で解説しているので、そもそも非同期処理をよく知らないなぁという人はぜひ確認してみてください！ Promiseとは では、本題です。 Promiseとは、ES2015で導入された、非...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ak/articles/dc23436b241a84"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/ak/articles/dc23436b241a84" alt="はてなブックマーク - 100秒で理解するPromise" title="はてなブックマーク - 100秒で理解するPromise" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ak/articles/dc23436b241a84"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 155 https://speakerdeck.com/azukiazusa1/react-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun miguchi 2024-04-04T12:36:24Z javascript framework react <blockquote cite="https://speakerdeck.com/azukiazusa1/react-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun" title="React フレームワークの 動向と選定基準"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fazukiazusa1%2Freact-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun" alt="" /> <a href="https://speakerdeck.com/azukiazusa1/react-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun">React フレームワークの 動向と選定基準</a></cite><p><a href="https://speakerdeck.com/azukiazusa1/react-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fddfdb7152530e73aa7db33c8d7b7b34437b46b8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F40438c1bd88c4c9aa4587ceedb883b62%2Fslide_0.jpg%3F29540344" alt="React フレームワークの 動向と選定基準" title="React フレームワークの 動向と選定基準" class="entry-image" /></a></p><p>まずはじめ React に焦点を置き、昨今のフロントエンドでどのようなフレームワークが選択肢にあげられるのかについて紹介します。続いて、技術選定を行う際に、どのようなことを考えるべきかについて話します。最後にこれまで話した点を踏まえて、私が実際に技術選定を行った際にどのような選択をしたのか実践的な内容に…</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/azukiazusa1/react-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/azukiazusa1/react-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun" alt="はてなブックマーク - React フレームワークの 動向と選定基準" title="はてなブックマーク - React フレームワークの 動向と選定基準" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/azukiazusa1/react-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 190 https://qiita.com/www-tacos/items/5614b61d3742d6db34b7 miguchi 2024-02-28T02:29:23Z javascript 仕様 <blockquote cite="https://qiita.com/www-tacos/items/5614b61d3742d6db34b7" title="「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fwww-tacos%2Fitems%2F5614b61d3742d6db34b7" alt="" /> <a href="https://qiita.com/www-tacos/items/5614b61d3742d6db34b7">「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita</a></cite><p><a href="https://qiita.com/www-tacos/items/5614b61d3742d6db34b7"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/394752ac13436991d18453ed34b19daf0d7d0143/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.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRmF2YXRhcnMuZ2l0aHVidXNlcmNvbnRlbnQuY29tJTJGdSUyRjgzNTc4NzYxJTNGdiUzRDQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWFmMThmNTcyZDgyYTM5MzRmZTk5Y2VhZjM5ODQwZGRh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da3274a002bcd2a25ecf970541bfe5112%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgwJThDSmF2YVNjcmlwdCVFMyU4MSVBNyVFOCVBNiU4MSVFNyVCNCVBMCVFMyU4MiU5MiVFMyU4MyU4OSVFMyU4MyVBOSVFMyU4MyU4MyVFMyU4MiVCMCVFMyU4MSU5NyVFMyU4MSVBNiVFNyVBNyVCQiVFNSU4QiU5NSVFMyU4MSU5OSVFMyU4MiU4QiVFNyVCMCVBMSVFNSU4RCU5OCVFMyU4MSVBQSVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MCU4RCVFMyU4MSVBOCVFMyU4MSU4NCVFMyU4MSU4NiVFOCVBOCU5OCVFNCVCQSU4QiVFMyU4MSU4QyVFNSU4OCU5RCVFOCU4MCVCMyVFMyU4MSVBMCVFMyU4MiU4OSVFMyU4MSU5MSVFMyU4MSVBMCVFMyU4MSVBMyVFMyU4MSU5RiVFNCVCQiVCNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWEwMWNhYjVjMzQ0NGJiNDI3YjBkZGU2OGVkNDlmOTk1%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB3d3ctdGFjb3MmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz03ZTUyZjgyZTJlZjA1Zjc2MzkxYzExMGQ4ZTc0ZWQyYg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D9cf8381b7fb6dfd37fcae0dd15151154" alt="「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita" title="「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - 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/www-tacos/items/5614b61d3742d6db34b7"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/www-tacos/items/5614b61d3742d6db34b7" alt="はてなブックマーク - 「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita" title="はてなブックマーク - 「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/www-tacos/items/5614b61d3742d6db34b7"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 773 https://blog.flatt.tech/entry/node_mysql_sqlinjection miguchi 2024-02-25T08:50:36Z mysql node.js javascript 認証 <blockquote cite="https://blog.flatt.tech/entry/node_mysql_sqlinjection" title="Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.flatt.tech%2Fentry%2Fnode_mysql_sqlinjection" alt="" /> <a href="https://blog.flatt.tech/entry/node_mysql_sqlinjection">Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog</a></cite><p><a href="https://blog.flatt.tech/entry/node_mysql_sqlinjection"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/abf96ea71eed5d6a548382ecb5e1aa03de5f9425/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3b0adfb94fe6c14492cd72b9a925b5102444a736%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ff%252Fflattsecurity%252F20220214%252F20220214113741.png" alt="Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog" title="Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog" class="entry-image" /></a></p><p>※本記事は筆者styprが英語で執筆した記事を株式会社Flatt Security社内で日本語に翻訳したものになります。 TL;DR Node.jsのエコシステムで最も人気のあるMySQLパッケージの一つである mysqljs/mysql (https://github.com/mysqljs/mysql)において、クエリのエスケープ関数の予期せぬ動作がSQLインジェクションを引き起こ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.flatt.tech/entry/node_mysql_sqlinjection"><img src="https://b.hatena.ne.jp/entry/image/https://blog.flatt.tech/entry/node_mysql_sqlinjection" alt="はてなブックマーク - Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog" title="はてなブックマーク - Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.flatt.tech/entry/node_mysql_sqlinjection"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 439 https://qiita.com/ment_RE/items/7dd5c00ed5f83bf058fa miguchi 2023-10-26T03:37:06Z javascript 書き方 <blockquote cite="https://qiita.com/ment_RE/items/7dd5c00ed5f83bf058fa" title="【JavaScript】読みやすいコードの書き方 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fment_RE%2Fitems%2F7dd5c00ed5f83bf058fa" alt="" /> <a href="https://qiita.com/ment_RE/items/7dd5c00ed5f83bf058fa">【JavaScript】読みやすいコードの書き方 - Qiita</a></cite><p><a href="https://qiita.com/ment_RE/items/7dd5c00ed5f83bf058fa"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/54a7ae9a185b9e898b29e2db40da2d7221c3fe56/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.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkYxMTU3NTUxJTJGMzUxNDIxYzVhNWFlZTg2ZmYyZmFiNDQzOTBmZmZiODExZWIxNTRiMCUyRnhfbGFyZ2UucG5nJTNGMTYzNzE0MDc1Nz9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9OWU1ZGQ5ZjRiOTExODE5N2Q1Y2NjYmM4Y2YyMDcxNGI%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D760b8200c8615e47b578199acf1ff486%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgwJTkwSmF2YVNjcmlwdCVFMyU4MCU5MSVFOCVBQSVBRCVFMyU4MSVCRiVFMyU4MiU4NCVFMyU4MSU5OSVFMyU4MSU4NCVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MSVBRSVFNiU5QiVCOCVFMyU4MSU4RCVFNiU5NiVCOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWRkYzRlNThhMzllMWM0ODgwZWZmZjJjNTlhNTJlZjJl%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBtZW50X1JFJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NTcwY2RiZGIwNzY4MzVjODg2ZjY4Njk4YTgzYjlkNTc%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dd53a9211f28f4fdf1dfdc8992dec7822" alt="【JavaScript】読みやすいコードの書き方 - Qiita" title="【JavaScript】読みやすいコードの書き方 - Qiita" class="entry-image" /></a></p><p>はじめに 私は他人のコードをレビューしたことも自身のコードを他人にレビューしてもらったこともない初学者として現在のプロジェクトに加わりました。そこから現在までの2年間毎月10から20ほどのプルリクエストをレビューし、またチームメンバー内で読みやすいコードについて議論することで、徐々に読みやすいコードを...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/ment_RE/items/7dd5c00ed5f83bf058fa"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/ment_RE/items/7dd5c00ed5f83bf058fa" alt="はてなブックマーク - 【JavaScript】読みやすいコードの書き方 - Qiita" title="はてなブックマーク - 【JavaScript】読みやすいコードの書き方 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/ment_RE/items/7dd5c00ed5f83bf058fa"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 147 https://zenn.dev/dotdotdot/articles/ade7d28ce06876 miguchi 2023-10-09T00:30:07Z javascript DOM 入門 <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://qiita.com/sobacha/items/5259cfc0b35bbf593f8a miguchi 2023-08-10T00:07:05Z javascript あとで読む プログラミング <blockquote cite="https://qiita.com/sobacha/items/5259cfc0b35bbf593f8a" title="async/awaitにおけるエラー処理を実行の順番から整理する - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsobacha%2Fitems%2F5259cfc0b35bbf593f8a" alt="" /> <a href="https://qiita.com/sobacha/items/5259cfc0b35bbf593f8a">async/awaitにおけるエラー処理を実行の順番から整理する - Qiita</a></cite><p><a href="https://qiita.com/sobacha/items/5259cfc0b35bbf593f8a"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/137d724f6ad54ddd40f082cd2cf2da0b145234c1/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.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjcyNDQ3NSUyRnByb2ZpbGUtaW1hZ2VzJTJGMTY5NzM3MDk5NT9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9MjlkOWQzZmI1OTg2NGFlNTMwZmUwMmM0ZTFlZTVlN2U%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dd1dc4fdb405bd25a380886fa06528a2f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9YXN5bmMlMkZhd2FpdCVFMyU4MSVBQiVFMyU4MSU4QSVFMyU4MSU5MSVFMyU4MiU4QiVFMyU4MiVBOCVFMyU4MyVBOSVFMyU4MyVCQyVFNSU4NyVBNiVFNyU5MCU4NiVFMyU4MiU5MiVFNSVBRSU5RiVFOCVBMSU4QyVFMyU4MSVBRSVFOSVBMCU4NiVFNyU5NSVBQSVFMyU4MSU4QiVFMyU4MiU4OSVFNiU5NSVCNCVFNyU5MCU4NiVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWYyYzY4ZmRiMjdhMTUxYjk3ODM3ODg4MDQ4NWUzNWZj%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzb2JhY2hhJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZTY2ZTIxZmExODE5MGE4MzExMzhjN2YxZTU5MWVmZjY%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dbea7f599200308948a33951e8ffbc57f" alt="async/awaitにおけるエラー処理を実行の順番から整理する - Qiita" title="async/awaitにおけるエラー処理を実行の順番から整理する - Qiita" class="entry-image" /></a></p><p>はじめに promiseを使うとき、いつもpromiseメソッドチェーンで記載していますか？　async/awaitを利用していますか？ もちろん状況によって両方書くのが殆どだとは思うのですが、私はasync/awaitの方が同期的な書き方ゆえに読みやすいため、なるべくそちらで記載しています。しかしながら、エラーハンドリングが理解で...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/sobacha/items/5259cfc0b35bbf593f8a"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/sobacha/items/5259cfc0b35bbf593f8a" alt="はてなブックマーク - async/awaitにおけるエラー処理を実行の順番から整理する - Qiita" title="はてなブックマーク - async/awaitにおけるエラー処理を実行の順番から整理する - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/sobacha/items/5259cfc0b35bbf593f8a"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 201 https://www.wantedly.com/companies/wantedly/post_articles/526661 miguchi 2023-07-27T02:28:24Z デバッグ javascript <blockquote cite="https://www.wantedly.com/companies/wantedly/post_articles/526661" title="JavaScript: 所望のイベントリスナの発火を妨げているイベントリスナを特定する | Wantedly Engineer Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.wantedly.com%2Fcompanies%2Fwantedly%2Fpost_articles%2F526661" alt="" /> <a href="https://www.wantedly.com/companies/wantedly/post_articles/526661">JavaScript: 所望のイベントリスナの発火を妨げているイベントリスナを特定する | Wantedly Engineer Blog</a></cite><p><a href="https://www.wantedly.com/companies/wantedly/post_articles/526661"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c13c3ec3ea0ff931979f798c6494d60c88e119b9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.wantedly.com%2Fpost_articles%2F526661%2Fogp_image" alt="JavaScript: 所望のイベントリスナの発火を妨げているイベントリスナを特定する | Wantedly Engineer Blog" title="JavaScript: 所望のイベントリスナの発火を妨げているイベントリスナを特定する | Wantedly Engineer Blog" class="entry-image" /></a></p><p>Webアプリケーションでは、DOMの要素にイベントリスナ(イベントハンドラ)を取り付けることで、ユーザーによる様々な操作 (クリックなど) に応じて処理を行うことができます。 しかし、イベントリスナを登録しても、他のイベントリスナとの干渉によって意図した通りに発火しないことがあります。ここではその調査方法を紹...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.wantedly.com/companies/wantedly/post_articles/526661"><img src="https://b.hatena.ne.jp/entry/image/https://www.wantedly.com/companies/wantedly/post_articles/526661" alt="はてなブックマーク - JavaScript: 所望のイベントリスナの発火を妨げているイベントリスナを特定する | Wantedly Engineer Blog" title="はてなブックマーク - JavaScript: 所望のイベントリスナの発火を妨げているイベントリスナを特定する | Wantedly Engineer Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.wantedly.com/companies/wantedly/post_articles/526661"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 218 https://qiita.com/figueiredoluiz/items/0e51c1aec790f053fd9c miguchi 2023-06-23T07:04:03Z javascript <blockquote cite="https://qiita.com/figueiredoluiz/items/0e51c1aec790f053fd9c" title="jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ffigueiredoluiz%2Fitems%2F0e51c1aec790f053fd9c" alt="" /> <a href="https://qiita.com/figueiredoluiz/items/0e51c1aec790f053fd9c">jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita</a></cite><p><a href="https://qiita.com/figueiredoluiz/items/0e51c1aec790f053fd9c"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8ded21b2c00bc208be19a2945ad5806b2d9eda1c/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.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGODg1MzUlMkZwcm9maWxlLWltYWdlcyUyRjE2NzUxNzIxODc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTk3NjJiYTIyYzUwMjRkNjkwMzA2MWY0ZGUxMDFlNWFm%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db084e6819f4175bce5f5c1b943165c1c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9alF1ZXJ5JUUzJTgxJUI4JUUzJTgxJUFFJUU1JTg4JUE1JUUzJTgyJThDJUVGJUJDJTlBJUU3JThGJUJFJUU0JUJCJUEzJUU3JTlBJTg0JUUzJTgxJUFBJUU5JTk2JThCJUU3JTk5JUJBJUUzJTgxJUFFJUUzJTgxJTlGJUUzJTgyJTgxJUUzJTgxJUFFJUU1JUJGJTg1JUU5JUEwJTg4SmF2YVNjcmlwdCVFMyU4MyVBMSVFMyU4MiVCRCVFMyU4MyU4MyVFMyU4MyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTNmNjc3NjNjNDQ2NDkzY2I2ZjZhMzExNDNiMTBlNGM0%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBmaWd1ZWlyZWRvbHVpeiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTI4NDFkN2U0YmNlYmJjNTA5MWI4ZDQ4NmUyZmY4ZjA1%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D3c04980d311873725db7824af100af34" alt="jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita" title="jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita" class="entry-image" /></a></p><p>はじめに 私は長い間レガシーコードと共に仕事をしてきましたが、jQueryの重要性は依然として頻繁に話題に上がるトピックの一つです。ライブラリ自体は便利なままですが、それは別の時代のニーズを完璧に満たしていました。 現在、私たちは既にES2023について話していますが、過去にjQueryがカバーしていたほとんどの機...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/figueiredoluiz/items/0e51c1aec790f053fd9c"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/figueiredoluiz/items/0e51c1aec790f053fd9c" alt="はてなブックマーク - jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita" title="はてなブックマーク - jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/figueiredoluiz/items/0e51c1aec790f053fd9c"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 359 https://speakerdeck.com/yukukotani/graphql-schema-design-practice miguchi 2023-01-26T01:40:37Z javascript GraphQL <blockquote cite="https://speakerdeck.com/yukukotani/graphql-schema-design-practice" title="GraphQLスキーマ設計の勘所"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fyukukotani%2Fgraphql-schema-design-practice" alt="" /> <a href="https://speakerdeck.com/yukukotani/graphql-schema-design-practice">GraphQLスキーマ設計の勘所</a></cite><p><a href="https://speakerdeck.com/yukukotani/graphql-schema-design-practice"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/eff3ba587d97142f0725266fd7aa104bbdd42b64/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F12e111c3bf9a4cecb73952df3643eaf9%2Fslide_0.jpg%3F24164595" alt="GraphQLスキーマ設計の勘所" title="GraphQLスキーマ設計の勘所" class="entry-image" /></a></p><p>Burikaigi 2023 https://burikaigi.dev/</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/yukukotani/graphql-schema-design-practice"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/yukukotani/graphql-schema-design-practice" alt="はてなブックマーク - GraphQLスキーマ設計の勘所" title="はてなブックマーク - GraphQLスキーマ設計の勘所" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/yukukotani/graphql-schema-design-practice"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 289 https://eloquentjavascript.net/ miguchi 2022-09-23T05:35:29Z javascript 書籍 プログラミング <blockquote cite="https://eloquentjavascript.net/" title="Eloquent JavaScript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Feloquentjavascript.net%2F" alt="" /> <a href="https://eloquentjavascript.net/">Eloquent JavaScript</a></cite><p><a href="https://eloquentjavascript.net/"><img src="" alt="Eloquent JavaScript" title="Eloquent JavaScript" class="entry-image" /></a></p><p>This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or buy your own paperback copy. Written by Marijn Haverbeke. Licensed under a Creative Commons attribution-noncommercial license. All code in this book may also be considered licensed under ...</p><p><a href="https://b.hatena.ne.jp/entry/s/eloquentjavascript.net/"><img src="https://b.hatena.ne.jp/entry/image/https://eloquentjavascript.net/" alt="はてなブックマーク - Eloquent JavaScript" title="はてなブックマーク - Eloquent JavaScript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/eloquentjavascript.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 35 https://zenn.dev/overflow_offers/articles/20220704-offers-hr-lab-tech-explainer miguchi 2022-07-09T03:54:47Z Svelte javascript <blockquote cite="https://zenn.dev/overflow_offers/articles/20220704-offers-hr-lab-tech-explainer" title="Offersデジタル人材総研を支える技術 ー Astro、Svelte、Amplify、microCMS｜Offers Tech Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Foverflow_offers%2Farticles%2F20220704-offers-hr-lab-tech-explainer" alt="" /> <a href="https://zenn.dev/overflow_offers/articles/20220704-offers-hr-lab-tech-explainer">Offersデジタル人材総研を支える技術 ー Astro、Svelte、Amplify、microCMS｜Offers Tech Blog</a></cite><p><a href="https://zenn.dev/overflow_offers/articles/20220704-offers-hr-lab-tech-explainer"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3138a5d99bfe9f125c97a08995830ff132b3300f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--m_RwMLUV--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AOffers%2525E3%252583%252587%2525E3%252582%2525B8%2525E3%252582%2525BF%2525E3%252583%2525AB%2525E4%2525BA%2525BA%2525E6%25259D%252590%2525E7%2525B7%25258F%2525E7%2525A0%252594%2525E3%252582%252592%2525E6%252594%2525AF%2525E3%252581%252588%2525E3%252582%25258B%2525E6%25258A%252580%2525E8%2525A1%252593%252520%2525E3%252583%2525BC%252520Astro%2525E3%252580%252581Svelte%2525E3%252580%252581Amplify%2525E3%252580%252581microCMS%2525EF%2525BD%25259COffe...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3AOffers%252520%2525E5%25259F%2525B7%2525E7%2525AD%252586%2525E3%252582%2525A2%2525E3%252582%2525AB%2525E3%252582%2525A6%2525E3%252583%2525B3%2525E3%252583%252588%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzY4M2UwNWE5MjAuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3AOffers%252520Tech%252520Blog%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzI5M2JkNDdjMDIuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Offersデジタル人材総研を支える技術 ー Astro、Svelte、Amplify、microCMS｜Offers Tech Blog" title="Offersデジタル人材総研を支える技術 ー Astro、Svelte、Amplify、microCMS｜Offers Tech Blog" class="entry-image" /></a></p><p>Offers を運営している株式会社 overflow の あほむ でございます。今回は 弊社の新規メディア の開発にご参画いただいた、どせいさんのアイコンでお馴染みの(?) leader22 さんに技術スタック解説をご寄稿いただいたテックブログです。 はじめに こんにちは。ランチをご馳走するとそれなりに働く副業エンジニアの、りぃ ...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/overflow_offers/articles/20220704-offers-hr-lab-tech-explainer"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/overflow_offers/articles/20220704-offers-hr-lab-tech-explainer" alt="はてなブックマーク - Offersデジタル人材総研を支える技術 ー Astro、Svelte、Amplify、microCMS｜Offers Tech Blog" title="はてなブックマーク - Offersデジタル人材総研を支える技術 ー Astro、Svelte、Amplify、microCMS｜Offers Tech Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/overflow_offers/articles/20220704-offers-hr-lab-tech-explainer"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 https://qiita.com/SMAC/items/201c133d6eeaabf675a7 miguchi 2022-07-05T22:42:26Z 学習 開発 javascript <blockquote cite="https://qiita.com/SMAC/items/201c133d6eeaabf675a7" title="フロント学習の最高の教材集 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FSMAC%2Fitems%2F201c133d6eeaabf675a7" alt="" /> <a href="https://qiita.com/SMAC/items/201c133d6eeaabf675a7">フロント学習の最高の教材集 - Qiita</a></cite><p><a href="https://qiita.com/SMAC/items/201c133d6eeaabf675a7"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3dcb4677d6985d0329b858ad79890c6a0cb50aa3/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTIwJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUU1JUFEJUE2JUU3JUJGJTkyJUUzJTgxJUFFJUU2JTlDJTgwJUU5JUFCJTk4JUUzJTgxJUFFJUU2JTk1JTk5JUU2JTlEJTkwJUU5JTlCJTg2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jNzc1ODc0ZWY0MzMyMGFkYTA4ZDE1Y2JjNTMzYTE2Ng%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBLTlIxMDkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWY1ZGFmMjAxYTg2MDk1MDA5NjFmMzdmZDM2MmQ1ODRk%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Kk44OO44OZ44Kk44OG44Kj44Ki%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D0c96300cd331d9aa2029f5c12b78de28" alt="フロント学習の最高の教材集 - Qiita" title="フロント学習の最高の教材集 - 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? はじめに 今回はフロント学習で重宝できる教材をまとめました。 軽く自己紹介として、自分は新卒でフロントエンジニアとして入社し2022年で2年目になります。 実際に実務を通す中で...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/SMAC/items/201c133d6eeaabf675a7"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/SMAC/items/201c133d6eeaabf675a7" alt="はてなブックマーク - フロント学習の最高の教材集 - Qiita" title="はてなブックマーク - フロント学習の最高の教材集 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/SMAC/items/201c133d6eeaabf675a7"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 440 https://yew.rs/ja/ miguchi 2022-04-23T11:41:54Z javascript DOM rust <blockquote cite="https://yew.rs/ja/" title="Yew"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyew.rs%2Fja%2F" alt="" /> <a href="https://yew.rs/ja/">Yew</a></cite><p><a href="https://yew.rs/ja/"><img src="" alt="Yew" title="Yew" class="entry-image" /></a></p><p>Features a component-based framework which makes it easy to create interactive UIs. Developers who have experience with frameworks like React and Elm should feel quite at home when using Yew.</p><p><a href="https://b.hatena.ne.jp/entry/s/yew.rs/ja/"><img src="https://b.hatena.ne.jp/entry/image/https://yew.rs/ja/" alt="はてなブックマーク - Yew" title="はてなブックマーク - Yew" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/yew.rs/ja/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 https://zenn.dev/estra/articles/js-async-programming-roadmap miguchi 2022-04-17T14:40:04Z javascript 勉強 学習 <blockquote cite="https://zenn.dev/estra/articles/js-async-programming-roadmap" title="JSの非同期処理を理解するために必要だった知識と学習ロードマップ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Festra%2Farticles%2Fjs-async-programming-roadmap" alt="" /> <a href="https://zenn.dev/estra/articles/js-async-programming-roadmap">JSの非同期処理を理解するために必要だった知識と学習ロードマップ</a></cite><p><a href="https://zenn.dev/estra/articles/js-async-programming-roadmap"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0116b759117b6bfe9ce6df2194eebf0701469542/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--ULaSk1JP--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJS%2525E3%252581%2525AE%2525E9%25259D%25259E%2525E5%252590%25258C%2525E6%25259C%25259F%2525E5%252587%2525A6%2525E7%252590%252586%2525E3%252582%252592%2525E7%252590%252586%2525E8%2525A7%2525A3%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AB%2525E5%2525BF%252585%2525E8%2525A6%252581%2525E3%252581%2525A0%2525E3%252581%2525A3%2525E3%252581%25259F%2525E7%25259F%2525A5%2525E8%2525AD%252598%2525E3%252581%2525A8%2525E5%2525AD%2525A6%2525E7%2525BF%252592%2525E3%252583%2525AD%2525E3%252583%2525BC%2525E3%252583%252589%2525E3%252583%25259E%2525E3%252583%252583%2525E3%252583%252597%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3APADAone%252520%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzdmMDU2NzNjNzIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="JSの非同期処理を理解するために必要だった知識と学習ロードマップ" title="JSの非同期処理を理解するために必要だった知識と学習ロードマップ" class="entry-image" /></a></p><p>はじめに JavaScript の非同期処理を学習してみて「ある程度自信を持って理解できたと言える」状態に到達したので、その感想とまとめの学習ロードマップとその中でどのような知識が必要になるかを紹介したいと思います。 あるいは、自分が実際に学習してきた道筋に基づいているのでショートカットとして参考にしてもらっ...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/estra/articles/js-async-programming-roadmap"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/estra/articles/js-async-programming-roadmap" alt="はてなブックマーク - JSの非同期処理を理解するために必要だった知識と学習ロードマップ" title="はてなブックマーク - JSの非同期処理を理解するために必要だった知識と学習ロードマップ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/estra/articles/js-async-programming-roadmap"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 563 https://speakerdeck.com/mizchi/takagajavascript-falsesofalsexian-number-techplay miguchi 2022-04-15T02:40:06Z javascript 技術 アジャイル <blockquote cite="https://speakerdeck.com/mizchi/takagajavascript-falsesofalsexian-number-techplay" title="「たかがJavaScript」のその先 #TECHPLAY"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fmizchi%2Ftakagajavascript-falsesofalsexian-number-techplay" alt="" /> <a href="https://speakerdeck.com/mizchi/takagajavascript-falsesofalsexian-number-techplay">「たかがJavaScript」のその先 #TECHPLAY</a></cite><p><a href="https://speakerdeck.com/mizchi/takagajavascript-falsesofalsexian-number-techplay"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/803be02398e71e228d0bb394f4ca6c3613b1a958/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F077b158874dc4dfaa2795a35bab87d6d%2Fslide_0.jpg%3F21090807" alt="「たかがJavaScript」のその先 #TECHPLAY" title="「たかがJavaScript」のその先 #TECHPLAY" class="entry-image" /></a></p><p>フロントエンドと自分のキャリア形成について。このスキルツリーとセットで見るといいかもです。 https://whimsical.com/oPYtoDPyho6uWK1gDmD9e</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/mizchi/takagajavascript-falsesofalsexian-number-techplay"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/mizchi/takagajavascript-falsesofalsexian-number-techplay" alt="はてなブックマーク - 「たかがJavaScript」のその先 #TECHPLAY" title="はてなブックマーク - 「たかがJavaScript」のその先 #TECHPLAY" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/mizchi/takagajavascript-falsesofalsexian-number-techplay"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 369 https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html “Moovie.js” miguchi 2022-04-15T02:39:47Z 動画 javascript <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html" title="JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fmovie-focused-html5-player.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html">JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4231dfcd2ba56cbaa4fd4655d987c090a031dac6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202101%2F2021032401-01.png" alt="JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js" title="JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js" class="entry-image" /></a></p><p>動画、特に映画コンテンツを快適に再生することにフォーカスされたHTML5プレーヤーを実装するスクリプトを紹介します。 実装は非常に簡単でカスタマイズも豊富、字幕は多言語をサポート、動画の再生速度は0.1x-8xまで変更可能、デザインはCSSベースで簡単に変更できます。 Moovie.js デフォルトでも快適、フルカスタマイ...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html" alt="はてなブックマーク - JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js" title="はてなブックマーク - JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 75