https://b.hatena.ne.jp/latena/JavaScript/ JavaScriptに関するlatenaのはてなブックマーク (32) https://gigazine.net/news/20260110-mquickjs/ latena 2026-01-11T03:29:37Z javascript 37 <blockquote cite="https://gigazine.net/news/20260110-mquickjs/" title="わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20260110-mquickjs%2F" alt="" /> <a href="https://gigazine.net/news/20260110-mquickjs/">わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」</a></cite><p><a href="https://gigazine.net/news/20260110-mquickjs/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/53d5bf5ad4f5b7c68798003161570ac8ac492d77/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2026%2F01%2F10%2Fmquickjs%2F00.png" alt="わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」" title="わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」" class="entry-image" /></a></p><p>家電製品や産業機器などを制御するための組み込みシステムでは、コスト削減のためメモリの容量が限られています。近年ハードウェアの性能が向上したことにより一部でJavaScriptやPythonなどスクリプト言語がCやC++の代わり、もしくは補助として利用できるようになりました。そこで、メモリが少ない環境でもJavaScriptが...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20260110-mquickjs/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20260110-mquickjs/" alt="はてなブックマーク - わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」" title="はてなブックマーク - わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20260110-mquickjs/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://2ality.com/2025/04/stringification-javascript.html latena 2025-05-13T13:05:42Z javascript 8 <blockquote cite="https://2ality.com/2025/04/stringification-javascript.html" title="Converting values to strings in JavaScript has pitfalls"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2F2ality.com%2F2025%2F04%2Fstringification-javascript.html" alt="" /> <a href="https://2ality.com/2025/04/stringification-javascript.html">Converting values to strings in JavaScript has pitfalls</a></cite><p><a href="https://2ality.com/2025/04/stringification-javascript.html"><img src="" alt="Converting values to strings in JavaScript has pitfalls" title="Converting values to strings in JavaScript has pitfalls" class="entry-image" /></a></p><p>Let’s explore why some of these values produce exceptions or results that aren’t very useful. Tricky value: Symbol()  # Symbols must be converted to strings explicitly (via String() or .toString()). Conversion via concatenation throws an exception: &gt; &#39;&#39; + Symbol() TypeError: Cannot convert a Symb...</p><p><a href="https://b.hatena.ne.jp/entry/s/2ality.com/2025/04/stringification-javascript.html"><img src="https://b.hatena.ne.jp/entry/image/https://2ality.com/2025/04/stringification-javascript.html" alt="はてなブックマーク - Converting values to strings in JavaScript has pitfalls" title="はてなブックマーク - Converting values to strings in JavaScript has pitfalls" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/2ality.com/2025/04/stringification-javascript.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://voidzero.dev/posts/announcing-voidzero-inc latena 2024-10-02T13:08:30Z javascript OSS 83 <blockquote cite="https://voidzero.dev/posts/announcing-voidzero-inc" title="Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fvoidzero.dev%2Fposts%2Fannouncing-voidzero-inc" alt="" /> <a href="https://voidzero.dev/posts/announcing-voidzero-inc">Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero</a></cite><p><a href="https://voidzero.dev/posts/announcing-voidzero-inc"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d08afc58a18abb6f532fa10779dc6915eabc87a9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fvoidzero.dev%2Fcovers%2Ffunding.jpg" alt="Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero" title="Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero" class="entry-image" /></a></p><p>TL;DR: I have founded VoidZero Inc., a company dedicated to building an open-source, high-performance, and unified development toolchain for the JavaScript ecosystem. We have raised $4.6 million in seed funding, led by Accel. Fifteen years ago, when I started building apps with JavaScript, it was...</p><p><a href="https://b.hatena.ne.jp/entry/s/voidzero.dev/posts/announcing-voidzero-inc"><img src="https://b.hatena.ne.jp/entry/image/https://voidzero.dev/posts/announcing-voidzero-inc" alt="はてなブックマーク - Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero" title="はてなブックマーク - Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/voidzero.dev/posts/announcing-voidzero-inc"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/sosukesuzuki/articles/5abfd04a4ca7c8 latena 2024-03-25T09:18:26Z javascript 30 <blockquote cite="https://zenn.dev/sosukesuzuki/articles/5abfd04a4ca7c8" title="JavaScript である値がオブジェクト型であることを判定する変なテク"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fsosukesuzuki%2Farticles%2F5abfd04a4ca7c8" alt="" /> <a href="https://zenn.dev/sosukesuzuki/articles/5abfd04a4ca7c8">JavaScript である値がオブジェクト型であることを判定する変なテク</a></cite><p><a href="https://zenn.dev/sosukesuzuki/articles/5abfd04a4ca7c8"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/181bc7c5b6ea77529b7303704be667905136ddd7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--xdpL66Jk--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJavaScript%252520%2525E3%252581%2525A7%2525E3%252581%252582%2525E3%252582%25258B%2525E5%252580%2525A4%2525E3%252581%25258C%2525E3%252582%2525AA%2525E3%252583%252596%2525E3%252582%2525B8%2525E3%252582%2525A7%2525E3%252582%2525AF%2525E3%252583%252588%2525E5%25259E%25258B%2525E3%252581%2525A7%2525E3%252581%252582%2525E3%252582%25258B%2525E3%252581%252593%2525E3%252581%2525A8%2525E3%252582%252592%2525E5%252588%2525A4%2525E5%2525AE%25259A%2525E3%252581%252599%2525E3%252582%25258B%2525E5%2525A4%252589%2525E3%252581%2525AA%2525E3%252583%252586%2525E3%252582%2525AF%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3ASosuke%252520Suzuki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2kzVm5WZHo2MC1CT3lMTS1VVnZaNmdNSDJlTlp1T0lTa1owT3lyNnc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="JavaScript である値がオブジェクト型であることを判定する変なテク" title="JavaScript である値がオブジェクト型であることを判定する変なテク" class="entry-image" /></a></p><p>TC39の活動で有名なJordan Harbandが作成した下記issueで知ったのでメモ。 前提として、次のコードによって x がオブジェクト型であることを判断できる。JavaScriptにおける null は typeof の結果が &quot;object&quot; になるという有名な変な挙動がカバーされている。 function isObjectA(x) { return (typeof x === &quot;object&quot; &amp;...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/sosukesuzuki/articles/5abfd04a4ca7c8"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/sosukesuzuki/articles/5abfd04a4ca7c8" alt="はてなブックマーク - JavaScript である値がオブジェクト型であることを判定する変なテク" title="はてなブックマーク - JavaScript である値がオブジェクト型であることを判定する変なテク" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/sosukesuzuki/articles/5abfd04a4ca7c8"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element latena 2023-12-07T00:56:37Z web javascript canvas 2 <blockquote cite="https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element" title="Maximum size of a &lt;canvas&gt; element"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F6081483%2Fmaximum-size-of-a-canvas-element" alt="" /> <a href="https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element">Maximum size of a &lt;canvas&gt; element</a></cite><p><a href="https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a591284234e1f367e22f174fbaf1317a71987680/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstackoverflow.com%2FContent%2FSites%2Fstackoverflow%2FImg%2Fapple-touch-icon%402.png%3Fv%3D0f0cab681579" alt="Maximum size of a &lt;canvas&gt; element" title="Maximum size of a &lt;canvas&gt; element" class="entry-image" /></a></p><p>I&#39;m working with a canvas element with a height of 600 to 1000 pixels and a width of several tens or hundreds of thousands of pixels. However, after a certain number of pixels (obviously unknown), the canvas no longer display shapes I draw with JS. Does anyone know if there&#39;s a limit? Tested both...</p><p><a href="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element"><img src="https://b.hatena.ne.jp/entry/image/https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element" alt="はてなブックマーク - Maximum size of a &lt;canvas&gt; element" title="はてなブックマーク - Maximum size of a &lt;canvas&gt; element" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kentcdodds.com/blog/why-i-love-remix latena 2023-10-26T01:51:03Z javascript react 147 <blockquote cite="https://kentcdodds.com/blog/why-i-love-remix" title="Why I Love Remix"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkentcdodds.com%2Fblog%2Fwhy-i-love-remix" alt="" /> <a href="https://kentcdodds.com/blog/why-i-love-remix">Why I Love Remix</a></cite><p><a href="https://kentcdodds.com/blog/why-i-love-remix"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5737ae1ca4c05fdc6dd0542990a970e1fbbf6397/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fkentcdodds-com%2Fimage%2Fupload%2F%24th_1256%2C%24tw_2400%2C%24gw_%24tw_div_24%2C%24gh_%24th_div_12%2Fco_rgb%3Aa9adc1%2Cc_fit%2Cg_north_west%2Cw_%24gw_mul_14%2Ch_%24gh%2Cx_%24gw_mul_1.5%2Cy_%24gh_mul_1.3%2Cl_text%3Akentcdodds.com%3AMatter-Regular.woff2_50%3ACheck%252520out%252520this%252520article%2Fco_white%2Cc_fit%2Cg_north_west%2Cw_%24gw_mul_13.5%2Ch_%24gh_mul_7%2Cx_%24gw_mul_1.5%2Cy_%24gh_mul_2.3%2Cl_text%3Akentcdodds.com%3AMatter-Regular.woff2_110%3AWhy%252520I%252520Love%252520Remix%2Fc_fit%2Cg_north_west%2Cr_max%2Cw_%24gw_mul_4%2Ch_%24gh_mul_3%2Cx_%24gw%2Cy_%24gh_mul_8%2Cl_kent%3Aprofile-transparent%2Fco_rgb%3Aa9adc1%2Cc_fit%2Cg_north_west%2Cw_%24gw_mul_5.5%2Ch_%24gh_mul_4%2Cx_%24gw_mul_4.5%2Cy_%24gh_mul_9%2Cl_text%3Akentcdodds.com%3AMatter-Regular.woff2_70%3AKent%2520C.%2520Dodds%2Fco_rgb%3Aa9adc1%2Cc_fit%2Cg_north_west%2Cw_%24gw_mul_9%2Cx_%24gw_mul_4.5%2Cy_%24gh_mul_9.8%2Cl_text%3Akentcdodds.com%3AMatter-Regular.woff2_40%3Akentcdodds.com%25252Fblog%25252Fwhy-i-love-remix%2Fc_fill%2Car_3%3A4%2Cr_12%2Cg_east%2Ch_%24gh_mul_10%2Cx_%24gw%2Cl_unsplash%3Aphoto-1587096473086-abb7a1ec4393%2Fc_fill%2Cw_%24tw%2Ch_%24th%2Fkentcdodds.com%2Fsocial-background.png" alt="Why I Love Remix" title="Why I Love Remix" class="entry-image" /></a></p><p>kentcdodds.com is completely custom built by me (and team) using Remix. After writing tens of thousands of lines of code using this framework, I have developed a great appreciation for what this framework can do for me and the users of my site. I want to tell you about some of it. In a sentence H...</p><p><a href="https://b.hatena.ne.jp/entry/s/kentcdodds.com/blog/why-i-love-remix"><img src="https://b.hatena.ne.jp/entry/image/https://kentcdodds.com/blog/why-i-love-remix" alt="はてなブックマーク - Why I Love Remix" title="はてなブックマーク - Why I Love Remix" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kentcdodds.com/blog/why-i-love-remix"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tech.repro.io/entry/2023/07/27/105218 latena 2023-08-01T09:49:45Z web javascript 74 <blockquote cite="https://tech.repro.io/entry/2023/07/27/105218" title="ServiceWorkerの落とし穴8選 - Repro Tech Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftech.repro.io%2Fentry%2F2023%2F07%2F27%2F105218" alt="" /> <a href="https://tech.repro.io/entry/2023/07/27/105218">ServiceWorkerの落とし穴8選 - Repro Tech Blog</a></cite><p><a href="https://tech.repro.io/entry/2023/07/27/105218"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/15ca4afa961809ff48861a7777cdfdbee1838009/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F890f718bfe474c669711e3cae054ab54a073188d%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fe%252Fedwardkenfox%252F20230724%252F20230724163912.png" alt="ServiceWorkerの落とし穴8選 - Repro Tech Blog" title="ServiceWorkerの落とし穴8選 - Repro Tech Blog" class="entry-image" /></a></p><p>はじめに Reproで開発を担当しているEdward Fox (edwardkenfox) です。2021年頃から Repro Booster というプロダクトの立ち上げに携わっており、開発を通して得た知見を共有できればと思い立ち筆を取るに至りました。4年ぶりのテックブログ執筆で少しばかり緊張していますが（？）、張り切ってやっていこうと思います。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/tech.repro.io/entry/2023/07/27/105218"><img src="https://b.hatena.ne.jp/entry/image/https://tech.repro.io/entry/2023/07/27/105218" alt="はてなブックマーク - ServiceWorkerの落とし穴8選 - Repro Tech Blog" title="はてなブックマーク - ServiceWorkerの落とし穴8選 - Repro Tech Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tech.repro.io/entry/2023/07/27/105218"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://web.dev/articles/optimize-long-tasks setTimeout(), navigator.scheduling.isInputPending() https://caniuse.com/mdn-api_scheduling_isinputpending, scheduler.postTask() https://caniuse.com/mdn-api_scheduler_posttask latena 2022-10-03T03:55:27Z javascript browser performance 61 <blockquote cite="https://web.dev/articles/optimize-long-tasks" title="Optimize long tasks  |  Articles  |  web.dev"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fweb.dev%2Farticles%2Foptimize-long-tasks" alt="" /> <a href="https://web.dev/articles/optimize-long-tasks">Optimize long tasks  |  Articles  |  web.dev</a></cite><p><a href="https://web.dev/articles/optimize-long-tasks"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c0472e169cd8da61b7913eb0ada2f60afb981c86/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb.dev%2Fstatic%2Farticles%2Foptimize-long-tasks%2Fimage%2Fthumbnail.jpg" alt="Optimize long tasks  |  Articles  |  web.dev" title="Optimize long tasks  |  Articles  |  web.dev" class="entry-image" /></a></p><p>Published: September 30, 2022, Last updated: December 19, 2024 Common advice for keeping JavaScript apps fast tends to boil down to the following advice: &quot;Don&#39;t block the main thread.&quot; &quot;Break up your long tasks.&quot; This is great advice, but what work does it involve? Shipping less JavaScript is goo...</p><p><a href="https://b.hatena.ne.jp/entry/s/web.dev/articles/optimize-long-tasks"><img src="https://b.hatena.ne.jp/entry/image/https://web.dev/articles/optimize-long-tasks" alt="はてなブックマーク - Optimize long tasks  |  Articles  |  web.dev" title="はてなブックマーク - Optimize long tasks  |  Articles  |  web.dev" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/web.dev/articles/optimize-long-tasks"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mixiengineer.hatenablog.com/entry/2012/10807/ latena 2022-09-22T03:33:49Z javascript iOS safari 126 <blockquote cite="https://mixiengineer.hatenablog.com/entry/2012/10807/" title="iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmixiengineer.hatenablog.com%2Fentry%2F2012%2F10807%2F" alt="" /> <a href="https://mixiengineer.hatenablog.com/entry/2012/10807/">iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog</a></cite><p><a href="https://mixiengineer.hatenablog.com/entry/2012/10807/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7b4188ad1fdc868ad05183fbe93de4a5147e1586/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12921228815729510653%2F12921228815730296641%2F1408759467" alt="iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog" title="iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog" class="entry-image" /></a></p><p>こんにちは。ミクシィUX統括部にて、mixi Touchの開発を担当しております戸高です。 JavaScriptでの開発を行う事が多いのですが、iOSのブラウザ（Mobile Safari）のfocusの挙動について少しクセがあり、 調べてみましたので、お知らせいたします。 通常、&lt;textarea&gt;や&lt;input type=”text”&gt;等のフォーム要素に対して、フォ...</p><p><a href="https://b.hatena.ne.jp/entry/s/mixiengineer.hatenablog.com/entry/2012/10807/"><img src="https://b.hatena.ne.jp/entry/image/https://mixiengineer.hatenablog.com/entry/2012/10807/" alt="はてなブックマーク - iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog" title="はてなブックマーク - iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mixiengineer.hatenablog.com/entry/2012/10807/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o latena 2022-07-15T13:28:53Z JavaScript TypeScript Node.js 4 <blockquote cite="https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o" title="Custom ESM loaders: Who, what, when, where, why, how"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdev.to%2Fjakobjingleheimer%2Fcustom-esm-loaders-who-what-when-where-why-how-4i1o" alt="" /> <a href="https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o">Custom ESM loaders: Who, what, when, where, why, how</a></cite><p><a href="https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c58813b986c1d31eec2224630641353e76b989a3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3otvb2z646ytpt1hl2rv.jpg" alt="Custom ESM loaders: Who, what, when, where, why, how" title="Custom ESM loaders: Who, what, when, where, why, how" class="entry-image" /></a></p><p>DEV Community Follow A space to discuss and keep up software development and manage your software career Open Forem Follow A general discussion space for the Forem community. If it doesn&#39;t have a home elsewhere, it belongs here Future Follow News and discussion of science and technology such as A...</p><p><a href="https://b.hatena.ne.jp/entry/s/dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o"><img src="https://b.hatena.ne.jp/entry/image/https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o" alt="はてなブックマーク - Custom ESM loaders: Who, what, when, where, why, how" title="はてなブックマーク - Custom ESM loaders: Who, what, when, where, why, how" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.kabuku.co.jp/developers/file-handling-api latena 2022-06-03T06:07:19Z web javascript 1 <blockquote cite="https://www.kabuku.co.jp/developers/file-handling-api" title="拡張子に Web アプリを関連付ける File Handling API の使い方 - 株式会社カブク"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.kabuku.co.jp%2Fdevelopers%2Ffile-handling-api" alt="" /> <a href="https://www.kabuku.co.jp/developers/file-handling-api">拡張子に Web アプリを関連付ける File Handling API の使い方 - 株式会社カブク</a></cite><p><a href="https://www.kabuku.co.jp/developers/file-handling-api"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ec61d3124b709d2e93fed475c8af11e4b1c72bc3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.kabuku.co.jp%2Fwp%2Fwp-content%2Fuploads%2F2022%2F06%2F20220227-A7401987_TP_V4.jpg" alt="拡張子に Web アプリを関連付ける File Handling API の使い方 - 株式会社カブク" title="拡張子に Web アプリを関連付ける File Handling API の使い方 - 株式会社カブク" class="entry-image" /></a></p><p>はじめに File Handling API がデフォルトで有効化された Chrome 102 と Edge 102 がリリースされました。この機能により、 MIME タイプや拡張子に Web アプリを関連付けて開けるようになります。派手な機能のわりには全然話題になっていないように感じるのですが、気のせいでしょうか？ 私は DXF（CAD 用のファイル形式...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.kabuku.co.jp/developers/file-handling-api"><img src="https://b.hatena.ne.jp/entry/image/https://www.kabuku.co.jp/developers/file-handling-api" alt="はてなブックマーク - 拡張子に Web アプリを関連付ける File Handling API の使い方 - 株式会社カブク" title="はてなブックマーク - 拡張子に Web アプリを関連付ける File Handling API の使い方 - 株式会社カブク" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.kabuku.co.jp/developers/file-handling-api"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.kabuku.co.jp/developers/java-csharp-ecmascript-multiline-string-literals/ latena 2022-03-02T08:03:55Z Java C# JavaScript 2 <blockquote cite="https://www.kabuku.co.jp/developers/java-csharp-ecmascript-multiline-string-literals/" title="Java 15 のテキストブロックを横目に C# 11 の生文字列リテラルを眺めて ECMAScript String dedent プロポーザルを想う - 株式会社カブク"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.kabuku.co.jp%2Fdevelopers%2Fjava-csharp-ecmascript-multiline-string-literals%2F" alt="" /> <a href="https://www.kabuku.co.jp/developers/java-csharp-ecmascript-multiline-string-literals/">Java 15 のテキストブロックを横目に C# 11 の生文字列リテラルを眺めて ECMAScript String dedent プロポーザルを想う - 株式会社カブク</a></cite><p><a href="https://www.kabuku.co.jp/developers/java-csharp-ecmascript-multiline-string-literals/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fa6e31dcdb6b2d2befdd7d3dec7a74d457bb0153/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.kabuku.co.jp%2Fwp-content%2Fuploads%2F2022%2F02%2Fcut61_haiku-1200x801.jpg" alt="Java 15 のテキストブロックを横目に C# 11 の生文字列リテラルを眺めて ECMAScript String dedent プロポーザルを想う - 株式会社カブク" title="Java 15 のテキストブロックを横目に C# 11 の生文字列リテラルを眺めて ECMAScript String dedent プロポーザルを想う - 株式会社カブク" class="entry-image" /></a></p><p>さりげに複雑な複数行文字列リテラル仕様 プログラミング言語における複数行文字列リテラルの仕様は、一見した印象より決めなければならないことが多く、さりげに複雑になりがちです。 例として、 Java 15 のテキストブロックと C# 11 の生文字列リテラルを比較してみましょう（C# 11 の生文字列リテラルには単一行形式...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.kabuku.co.jp/developers/java-csharp-ecmascript-multiline-string-literals/"><img src="https://b.hatena.ne.jp/entry/image/https://www.kabuku.co.jp/developers/java-csharp-ecmascript-multiline-string-literals/" alt="はてなブックマーク - Java 15 のテキストブロックを横目に C# 11 の生文字列リテラルを眺めて ECMAScript String dedent プロポーザルを想う - 株式会社カブク" title="はてなブックマーク - Java 15 のテキストブロックを横目に C# 11 の生文字列リテラルを眺めて ECMAScript String dedent プロポーザルを想う - 株式会社カブク" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.kabuku.co.jp/developers/java-csharp-ecmascript-multiline-string-literals/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/morinokami/books/learning-patterns-1 latena 2022-01-05T08:16:38Z javascript あとで読む 1020 <blockquote cite="https://zenn.dev/morinokami/books/learning-patterns-1" title="フロントエンドのデザインパターン"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmorinokami%2Fbooks%2Flearning-patterns-1" alt="" /> <a href="https://zenn.dev/morinokami/books/learning-patterns-1">フロントエンドのデザインパターン</a></cite><p><a href="https://zenn.dev/morinokami/books/learning-patterns-1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7ef3a2990925a370eeae2b578ccb606e61af0d73/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--JHzogfRP--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci9kZjJkYzdjMzM1LnBuZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACAGSGT" alt="フロントエンドのデザインパターン" title="フロントエンドのデザインパターン" class="entry-image" /></a></p><p>本書は、Lydia Hallie 氏 と Addy Osmani 氏らによる Learning Patterns (https://www.patterns.dev/) の日本語訳です。原著は大きく 3 つのセクションに分かれていますが、本書は、その最初のセクションである Design Patterns を訳したものとなります。</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/morinokami/books/learning-patterns-1"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/morinokami/books/learning-patterns-1" alt="はてなブックマーク - フロントエンドのデザインパターン" title="はてなブックマーク - フロントエンドのデザインパターン" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/morinokami/books/learning-patterns-1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/stomita/articles/2c16a53223f3c9 latena 2021-10-06T23:35:20Z web javascript 273 <blockquote cite="https://zenn.dev/stomita/articles/2c16a53223f3c9" title="今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fstomita%2Farticles%2F2c16a53223f3c9" alt="" /> <a href="https://zenn.dev/stomita/articles/2c16a53223f3c9">今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？</a></cite><p><a href="https://zenn.dev/stomita/articles/2c16a53223f3c9"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2125c21794800ddbff4978480b76769b74114dd3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--ggR0e6mj--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E4%2525BB%25258APartytown%2525E3%252581%25258C%2525E3%252583%2525A4%2525E3%252583%252590%2525E3%252581%252584%2525E3%252580%252582JavaScript%252520Sandbox%2525E3%252581%2525AE%2525E6%25259C%2525AA%2525E6%25259D%2525A5%2525E3%252581%2525AF%2525E3%252581%2525A9%2525E3%252581%2525A3%2525E3%252581%2525A1%2525E3%252581%2525A0%2525EF%2525BC%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AShinichi%252520Tomita%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2dNMC1DR0FuaEc0TmQ2R2NGREtPUUp6ZHRqYzhNaTYzU21IRVp1c1E9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？" title="今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？" class="entry-image" /></a></p><p>概要 Partytownというプロジェクトが先月発表された。このプロジェクト自体はWebのパフォーマンス向上(3rd Party Scriptによるブロッキングの低減)を主目的としているが、実質ブラウザにおけるJavaScript Sandboxの方向性に一石を投じるものであるとして自分は理解した。本稿ではこちらについて背景とともに解説を試みる...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/stomita/articles/2c16a53223f3c9"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/stomita/articles/2c16a53223f3c9" alt="はてなブックマーク - 今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？" title="はてなブックマーク - 今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/stomita/articles/2c16a53223f3c9"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.kabuku.co.jp/developers/pipe-operator-debate latena 2021-09-16T00:19:21Z javascript カブク 13 <blockquote cite="https://www.kabuku.co.jp/developers/pipe-operator-debate" title="[ECMAScript] Pipe operator 論争まとめ – F# か Hack か両方か - 株式会社カブク"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.kabuku.co.jp%2Fdevelopers%2Fpipe-operator-debate" alt="" /> <a href="https://www.kabuku.co.jp/developers/pipe-operator-debate">[ECMAScript] Pipe operator 論争まとめ – F# か Hack か両方か - 株式会社カブク</a></cite><p><a href="https://www.kabuku.co.jp/developers/pipe-operator-debate"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e2cf7adc2f6db8d68f18ee142a3faa058318a3b3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.kabuku.co.jp%2Fwp%2Fwp-content%2Fuploads%2F2021%2F09%2Ffsharp-pipe-rxjs-1024x321.png" alt="[ECMAScript] Pipe operator 論争まとめ – F# か Hack か両方か - 株式会社カブク" title="[ECMAScript] Pipe operator 論争まとめ – F# か Hack か両方か - 株式会社カブク" class="entry-image" /></a></p><p>※ 2021/09/15 時点の話です。議論が活発なので、これからどう流れるか分かりません。この記事ではたくさんのリンクを貼っていますが、議論の焦点を理解するにあたって最も重要なリンクはこれです。 TC39 Pipeline Operator – Hack vs F# https://benlesh.com/posts/tc39-pipeline-proposal-hack-vs-f-sharp/ 2 つの仕様...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.kabuku.co.jp/developers/pipe-operator-debate"><img src="https://b.hatena.ne.jp/entry/image/https://www.kabuku.co.jp/developers/pipe-operator-debate" alt="はてなブックマーク - [ECMAScript] Pipe operator 論争まとめ – F# か Hack か両方か - 株式会社カブク" title="はてなブックマーク - [ECMAScript] Pipe operator 論争まとめ – F# か Hack か両方か - 株式会社カブク" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.kabuku.co.jp/developers/pipe-operator-debate"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.kabuku.co.jp/developers/dommatrix latena 2021-05-18T09:13:27Z web javascript カブク 3 <blockquote cite="https://www.kabuku.co.jp/developers/dommatrix" title="DOMMatrix: 2D / 3D 変形（アフィン変換）の行列を扱う DOM API - 株式会社カブク"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.kabuku.co.jp%2Fdevelopers%2Fdommatrix" alt="" /> <a href="https://www.kabuku.co.jp/developers/dommatrix">DOMMatrix: 2D / 3D 変形（アフィン変換）の行列を扱う DOM API - 株式会社カブク</a></cite><p><a href="https://www.kabuku.co.jp/developers/dommatrix"><img src="" alt="DOMMatrix: 2D / 3D 変形（アフィン変換）の行列を扱う DOM API - 株式会社カブク" title="DOMMatrix: 2D / 3D 変形（アフィン変換）の行列を扱う DOM API - 株式会社カブク" class="entry-image" /></a></p><p>DOMMatrixReadOnly と DOMMatrix でできる操作を見ていきましょう。 DOMMatrixReadOnly／DOMMatrix 初期化 コード例は DOMMatrix で記述しますが、 DOMMatrixReadOnly でも同じように使えます。 // 単位行列 new DOMMatrix() // 2D 変形用の 2×3 行列: 6 要素の配列 [a, b, c, d, e, f] new DOMMatrix([1, 2, 3, 4, 5, 6...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.kabuku.co.jp/developers/dommatrix"><img src="https://b.hatena.ne.jp/entry/image/https://www.kabuku.co.jp/developers/dommatrix" alt="はてなブックマーク - DOMMatrix: 2D / 3D 変形（アフィン変換）の行列を扱う DOM API - 株式会社カブク" title="はてなブックマーク - DOMMatrix: 2D / 3D 変形（アフィン変換）の行列を扱う DOM API - 株式会社カブク" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.kabuku.co.jp/developers/dommatrix"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/uhyo/articles/return-await-promise latena 2021-02-12T02:08:06Z javascript 125 <blockquote cite="https://zenn.dev/uhyo/articles/return-await-promise" title="徹底解説！　return promiseとreturn await promiseの違い"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fuhyo%2Farticles%2Freturn-await-promise" alt="" /> <a href="https://zenn.dev/uhyo/articles/return-await-promise">徹底解説！　return promiseとreturn await promiseの違い</a></cite><p><a href="https://zenn.dev/uhyo/articles/return-await-promise"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/39c4fd1ee377fc88d34224016d3c0e3d72d349b6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--szV7HsQF--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E5%2525BE%2525B9%2525E5%2525BA%252595%2525E8%2525A7%2525A3%2525E8%2525AA%2525AC%2525EF%2525BC%252581%2525E3%252580%252580return%252520promise%2525E3%252581%2525A8return%252520await%252520promise%2525E3%252581%2525AE%2525E9%252581%252595%2525E3%252581%252584%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Auhyo%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyLzVjYjFlMDJlNGQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="徹底解説！　return promiseとreturn await promiseの違い" title="徹底解説！　return promiseとreturn await promiseの違い" class="entry-image" /></a></p><p>先日、こちらのツイートを見かけました。 それに対して筆者は以下のツイートをしたところ、いくつかの反応が寄せられました。 コード部分を再掲します。 async function foo1() { return await Promise.resolve(); } async function foo2() { return Promise.resolve(); } async function wait() { await null; } // pik...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/uhyo/articles/return-await-promise"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/uhyo/articles/return-await-promise" alt="はてなブックマーク - 徹底解説！　return promiseとreturn await promiseの違い" title="はてなブックマーク - 徹底解説！　return promiseとreturn await promiseの違い" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/uhyo/articles/return-await-promise"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/luncheon/items/debe8eb549add3603def latena 2020-10-28T07:18:32Z JavaScript React SolidJS 7 <blockquote cite="https://qiita.com/luncheon/items/debe8eb549add3603def" title="memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fluncheon%2Fitems%2Fdebe8eb549add3603def" alt="" /> <a href="https://qiita.com/luncheon/items/debe8eb549add3603def">memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita</a></cite><p><a href="https://qiita.com/luncheon/items/debe8eb549add3603def"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3628a73c9413dc32546e08b0651ecb753e702782/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNTMwMDklMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTI5MTk_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTkwMThhOTEzYmNkNTc4OGQ4ZThlYjA3NzBmMDgwYjAy%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253De8b4b549c18dcfcc351a9639fac23791%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9bWVtbyVFRiVCQyU5RiUyMHVzZUNhbGxiYWNrJUVGJUJDJTlGJTIwJUUzJTgzJTkxJUUzJTgzJTk1JUUzJTgyJUE5JUUzJTgzJUJDJUUzJTgzJTlFJUUzJTgzJUIzJUUzJTgyJUI5JUUzJTgxJThDJUU2JUIwJTk3JUUzJTgxJUFCJUUzJTgxJUFBJUUzJTgyJThCJTIwSlNYZXIlMjAlRTMlODElQUIlRTMlODElQUYlMjBTb2xpZEpTJTIwJUUzJTgxJThDJUUzJTgyJUFBJUUzJTgyJUI5JUUzJTgyJUI5JUUzJTgzJUExJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NDEwMmQ1MGNkZWE1YjM1ODNhNDg1NjIzMjZmMzQ1YmQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBsdW5jaGVvbiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTM4NzZjZTI0NTJlYmM4YTQ5MGUxMmNlMWQ4NWQxOWZl%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3De2999fafaf1883b1b9ac35a4bebea59e" alt="memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita" title="memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita" class="entry-image" /></a></p><p>パフォーマンスなんか気にしたくない Give a man a bug and he&#39;ll work for a day. Give a man a benchmark and he&#39;ll work for a lifetime.1 https://twitter.com/awesomekling/status/1318615899910307850 パフォーマンスなんかに気をとられながら実装したくないんですよ。 React の memo() や useCallback() のような...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/luncheon/items/debe8eb549add3603def"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/luncheon/items/debe8eb549add3603def" alt="はてなブックマーク - memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita" title="はてなブックマーク - memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/luncheon/items/debe8eb549add3603def"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/luncheon/items/937f8a7503421993b258 latena 2020-09-07T05:05:20Z javascript css color 色 28 <blockquote cite="https://qiita.com/luncheon/items/937f8a7503421993b258" title="HSL / HSV より人間に寄り添った色表現 CIE L*C*h を使いたい - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fluncheon%2Fitems%2F937f8a7503421993b258" alt="" /> <a href="https://qiita.com/luncheon/items/937f8a7503421993b258">HSL / HSV より人間に寄り添った色表現 CIE L*C*h を使いたい - Qiita</a></cite><p><a href="https://qiita.com/luncheon/items/937f8a7503421993b258"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1b2dfc306e6496ddbdd72bddfa5edb034e55a448/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNTMwMDklMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTI5MTk_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTkwMThhOTEzYmNkNTc4OGQ4ZThlYjA3NzBmMDgwYjAy%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253De8b4b549c18dcfcc351a9639fac23791%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SFNMJTIwJTJGJTIwSFNWJTIwJUUzJTgyJTg4JUUzJTgyJThBJUU0JUJBJUJBJUU5JTk2JTkzJUUzJTgxJUFCJUU1JUFGJTg0JUUzJTgyJThBJUU2JUI3JUJCJUUzJTgxJUEzJUUzJTgxJTlGJUU4JTg5JUIyJUU4JUExJUE4JUU3JThGJUJFJTIwQ0lFJTIwTCUyQUMlMkFoJTIwJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJTg0JUUzJTgxJTlGJUUzJTgxJTg0JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YjZkODdhMDY4NTUxODFkOTcyNGNhNmFmZGM5MDgyOTI%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBsdW5jaGVvbiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTM4NzZjZTI0NTJlYmM4YTQ5MGUxMmNlMWQ4NWQxOWZl%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D4137a912f8644adbbfa6152179078de2" alt="HSL / HSV より人間に寄り添った色表現 CIE L*C*h を使いたい - Qiita" title="HSL / HSV より人間に寄り添った色表現 CIE L*C*h を使いたい - Qiita" class="entry-image" /></a></p><p>CIE LCh カラーモデルベースの色相環カラーピッカーを作りました。 https://luncheon.github.io/lch-color-wheel/ この記事はその経緯です。 HSL 色表現と色相変数 CSS で使える色表現の 1 つに HSL カラーモデル があります。 HSL では色相（Hue）、彩度（Saturation）、輝度（Lightness）の 3 軸で色を表現します。 色...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/luncheon/items/937f8a7503421993b258"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/luncheon/items/937f8a7503421993b258" alt="はてなブックマーク - HSL / HSV より人間に寄り添った色表現 CIE L*C*h を使いたい - Qiita" title="はてなブックマーク - HSL / HSV より人間に寄り添った色表現 CIE L*C*h を使いたい - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/luncheon/items/937f8a7503421993b258"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/vitejs/vite あの Evan You さんによるビルドツール。 latena 2020-05-28T10:49:47Z web frontend javascript 58 <blockquote cite="https://github.com/vitejs/vite" title="GitHub - vitejs/vite: Next generation frontend tooling. It&#39;s fast!"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fvitejs%2Fvite" alt="" /> <a href="https://github.com/vitejs/vite">GitHub - vitejs/vite: Next generation frontend tooling. It&#39;s fast!</a></cite><p><a href="https://github.com/vitejs/vite"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b89940dbc32e0397eece68c33c3f052d3b09f1e9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Fee523a8cec8d65a5adeffb8d1e009f3d279f2eebe61a535909313e1ba892bbe5%2Fvitejs%2Fvite" alt="GitHub - vitejs/vite: Next generation frontend tooling. It&#39;s fast!" title="GitHub - vitejs/vite: Next generation frontend tooling. It&#39;s fast!" 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/vitejs/vite"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/vitejs/vite" alt="はてなブックマーク - GitHub - vitejs/vite: Next generation frontend tooling. It&#39;s fast!" title="はてなブックマーク - GitHub - vitejs/vite: Next generation frontend tooling. It&#39;s fast!" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/vitejs/vite"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>