https://b.hatena.ne.jp/Windymelt/javascript/ javascriptに関するWindymeltのはてなブックマーク (24) https://nmi.jp/2024-06-03-Exploring-V8-JIT-Outputs Windymelt 2024-06-03T06:54:42Z tech-技術 javascript <blockquote cite="https://nmi.jp/2024-06-03-Exploring-V8-JIT-Outputs" title="JavaScript 実行エンジン V8 の JIT 出力コードを読んでみよう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnmi.jp%2F2024-06-03-Exploring-V8-JIT-Outputs" alt="" /> <a href="https://nmi.jp/2024-06-03-Exploring-V8-JIT-Outputs">JavaScript 実行エンジン V8 の JIT 出力コードを読んでみよう</a></cite><p><a href="https://nmi.jp/2024-06-03-Exploring-V8-JIT-Outputs"><img src="" alt="JavaScript 実行エンジン V8 の JIT 出力コードを読んでみよう" title="JavaScript 実行エンジン V8 の JIT 出力コードを読んでみよう" class="entry-image" /></a></p><p>Chrome の JavaScript はとても高速なことでも有名ですが、その実行エンジンは V8 と呼ばれます。V8 自体は独立したモジュールであり、Node.js 等にも使われております。 V8 が JavaScript を高速に実行する技術の一つが JIT (Just In Time) コンパイルです（一般的に JIT と呼ばれます）。これは、そのまま実行すると遅...</p><p><a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2024-06-03-Exploring-V8-JIT-Outputs"><img src="https://b.hatena.ne.jp/entry/image/https://nmi.jp/2024-06-03-Exploring-V8-JIT-Outputs" alt="はてなブックマーク - JavaScript 実行エンジン V8 の JIT 出力コードを読んでみよう" title="はてなブックマーク - JavaScript 実行エンジン V8 の JIT 出力コードを読んでみよう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2024-06-03-Exploring-V8-JIT-Outputs"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 189 https://blog.anatoo.jp/2023-01-18 Windymelt 2023-12-21T14:02:29Z tech-技術 wasm javascript <blockquote cite="https://blog.anatoo.jp/2023-01-18" title="WasmでJavaScriptを動かす意義 - id:anatooのブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.anatoo.jp%2F2023-01-18" alt="" /> <a href="https://blog.anatoo.jp/2023-01-18">WasmでJavaScriptを動かす意義 - id:anatooのブログ</a></cite><p><a href="https://blog.anatoo.jp/2023-01-18"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6748318e627583f68347c028d5f088fcd6f5da5a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.anatoo.jp%2Fogp-images%2F2023-01-18.png" alt="WasmでJavaScriptを動かす意義 - id:anatooのブログ" title="WasmでJavaScriptを動かす意義 - id:anatooのブログ" class="entry-image" /></a></p><p>ある時Twitterのタイムラインを見ていたら、「JavaScriptをWasm化して動かす意味がわからない」というような意見を見かけました。JavaScriptはブラウザに搭載されているV8のようなJavaScriptエンジンによって高速に動作するので、わざわざWasm化してもパフォーマンスは劣化するのになぜなのか?という話なんですが、これ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.anatoo.jp/2023-01-18"><img src="https://b.hatena.ne.jp/entry/image/https://blog.anatoo.jp/2023-01-18" alt="はてなブックマーク - WasmでJavaScriptを動かす意義 - id:anatooのブログ" title="はてなブックマーク - WasmでJavaScriptを動かす意義 - id:anatooのブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.anatoo.jp/2023-01-18"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 247 https://nakaoka3.hatenablog.com/entry/2023/10/12/001500 めちゃくちゃ良い!! 自分もプラグイン作ろうとして放置してたので勉強しなおそうかな Windymelt 2023-10-11T18:08:25Z tech-技術 javascript obsidian <blockquote cite="https://nakaoka3.hatenablog.com/entry/2023/10/12/001500" title="週末趣味プログラミングでObsidianプラグイン開発 - はてなブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnakaoka3.hatenablog.com%2Fentry%2F2023%2F10%2F12%2F001500" alt="" /> <a href="https://nakaoka3.hatenablog.com/entry/2023/10/12/001500">週末趣味プログラミングでObsidianプラグイン開発 - はてなブログ</a></cite><p><a href="https://nakaoka3.hatenablog.com/entry/2023/10/12/001500"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e804ab808c95b793a20c9f32a44c0062ef06ca68/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff7675cad2e068781cd1363e68335f34bffe7e73f%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn.blog.st-hatena.com%252Fimages%252Ftheme%252Fog-image-1500.png" alt="週末趣味プログラミングでObsidianプラグイン開発 - はてなブログ" title="週末趣味プログラミングでObsidianプラグイン開発 - はてなブログ" class="entry-image" /></a></p><p>思い立ってObsidainのプラグインを作り出す 土曜日の午前に歯医者から帰ってきて、何がきっかけだったか思い出せないけど、Obsidianでクイズが書けるプラグインを作りたくなった。 Obsidianに残っていたメモ ObsidianはElectronベースのアプリケーションなので、Webアプリを開発するようにJavaScriptでプラグインを開発...</p><p><a href="https://b.hatena.ne.jp/entry/s/nakaoka3.hatenablog.com/entry/2023/10/12/001500"><img src="https://b.hatena.ne.jp/entry/image/https://nakaoka3.hatenablog.com/entry/2023/10/12/001500" alt="はてなブックマーク - 週末趣味プログラミングでObsidianプラグイン開発 - はてなブログ" title="はてなブックマーク - 週末趣味プログラミングでObsidianプラグイン開発 - はてなブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/nakaoka3.hatenablog.com/entry/2023/10/12/001500"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 https://www.3qe.us/2023/20231006kyotojs.html Windymelt 2023-10-10T07:09:15Z tech-技術 scala javascript <blockquote cite="https://www.3qe.us/2023/20231006kyotojs.html" title="ブログ内引用グラフを自作して引用一覧を作った話"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.3qe.us%2F2023%2F20231006kyotojs.html" alt="" /> <a href="https://www.3qe.us/2023/20231006kyotojs.html">ブログ内引用グラフを自作して引用一覧を作った話</a></cite><p><a href="https://www.3qe.us/2023/20231006kyotojs.html"><img src="" alt="ブログ内引用グラフを自作して引用一覧を作った話" title="ブログ内引用グラフを自作して引用一覧を作った話" class="entry-image" /></a></p><p>class: center, middle # ブログ内引用グラフを自作して引用一覧を作った話 --- # こんにちは〜 &lt;img src=&quot;https://www.3qe.us/windymelt-mono.gif&quot; alt=&quot;windymelt icon&quot; style=&quot;width: 10em;&quot; /&gt; - [Windymelt](https://www.3qe.us/)です - [株式会社はてな](https://hatena.co.jp/)から来ました - 普段ははてなブック...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.3qe.us/2023/20231006kyotojs.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.3qe.us/2023/20231006kyotojs.html" alt="はてなブックマーク - ブログ内引用グラフを自作して引用一覧を作った話" title="はてなブックマーク - ブログ内引用グラフを自作して引用一覧を作った話" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.3qe.us/2023/20231006kyotojs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://zenn.dev/mox692/articles/4d1df32f508f00 めちゃ面白い、色々な実現方法があるのね Windymelt 2023-10-07T15:08:40Z scala javascript tech-技術 scalajs <blockquote cite="https://zenn.dev/mox692/articles/4d1df32f508f00" title="JavaScriptでScalaのFutureを表現する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmox692%2Farticles%2F4d1df32f508f00" alt="" /> <a href="https://zenn.dev/mox692/articles/4d1df32f508f00">JavaScriptでScalaのFutureを表現する</a></cite><p><a href="https://zenn.dev/mox692/articles/4d1df32f508f00"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a39fad35f663bdf334cec884460c0ab0d7b5bbba/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--RBaCTA5K--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJavaScript%2525E3%252581%2525A7Scala%2525E3%252581%2525AEFuture%2525E3%252582%252592%2525E8%2525A1%2525A8%2525E7%25258F%2525BE%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Amox692%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2NmNGI2MGExMTcuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="JavaScriptでScalaのFutureを表現する" title="JavaScriptでScalaのFutureを表現する" class="entry-image" /></a></p><p>はじめに Scala.jsというプロジェクトがあります。 Scalaで書いたプログラムをJavaScriptに変換する、とてもクールなツールです。 ただ、もちろん言語自体が違うため、完全なマッピングが可能な訳ではありません。ベストエフォートでセマンティクスを維持したままJavaScriptに変換しますが、いくつか対応付けが困難なケ...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mox692/articles/4d1df32f508f00"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/mox692/articles/4d1df32f508f00" alt="はてなブックマーク - JavaScriptでScalaのFutureを表現する" title="はてなブックマーク - JavaScriptでScalaのFutureを表現する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mox692/articles/4d1df32f508f00"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 28 https://zenn.dev/ken7253/articles/reasons-not-to-use-throw Windymelt 2023-09-29T07:19:44Z typescript javascript tech-技術 <blockquote cite="https://zenn.dev/ken7253/articles/reasons-not-to-use-throw" title="私がthrowを使わない理由"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fken7253%2Farticles%2Freasons-not-to-use-throw" alt="" /> <a href="https://zenn.dev/ken7253/articles/reasons-not-to-use-throw">私がthrowを使わない理由</a></cite><p><a href="https://zenn.dev/ken7253/articles/reasons-not-to-use-throw"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d44b13e353b5395864d45172d34775ea89899087/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--PhXVxnxR--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E7%2525A7%252581%2525E3%252581%25258Cthrow%2525E3%252582%252592%2525E4%2525BD%2525BF%2525E3%252582%25258F%2525E3%252581%2525AA%2525E3%252581%252584%2525E7%252590%252586%2525E7%252594%2525B1%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aken7253%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzJmNDc1OTM1ZDUuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="私がthrowを使わない理由" title="私がthrowを使わない理由" class="entry-image" /></a></p><p>この記事について JavaScriptではthrow文という文を使うことで例外を投げることができます。 このthrow文ですが、私はレビューなどで例外を投げないでくださいというコメントをするのですがその理由とどのようにコードを変更すればよいのか、ということを書いておこうと思いました。 前提条件 この記事の内容は下記の条...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ken7253/articles/reasons-not-to-use-throw"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/ken7253/articles/reasons-not-to-use-throw" alt="はてなブックマーク - 私がthrowを使わない理由" title="はてなブックマーク - 私がthrowを使わない理由" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ken7253/articles/reasons-not-to-use-throw"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 82 https://www.jmuk.org/wp.jmuk.org/2023/09/08/json%E3%81%A8bigint/index.html 個人的にはmessagepack好きなんだけど、流行らないなぁ Windymelt 2023-09-09T09:53:43Z json tech-技術 javascript <blockquote cite="https://www.jmuk.org/wp.jmuk.org/2023/09/08/json%E3%81%A8bigint/index.html" title="JSONとBigInt"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.jmuk.org%2Fwp.jmuk.org%2F2023%2F09%2F08%2Fjson%25E3%2581%25A8bigint%2Findex.html" alt="" /> <a href="https://www.jmuk.org/wp.jmuk.org/2023/09/08/json%E3%81%A8bigint/index.html">JSONとBigInt</a></cite><p><a href="https://www.jmuk.org/wp.jmuk.org/2023/09/08/json%E3%81%A8bigint/index.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f48338a314c37ece01b5942100bbe213cf893807/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg" alt="JSONとBigInt" title="JSONとBigInt" class="entry-image" /></a></p><p>ちょっと前にblueskyで見かけた話題。もとは「GraphQLのスキーマではintが32ビットしかなくて、64ビット整数とかないのがイケてない」といった話だったかなと思う。直感的にはこれは「Javascriptではすべてが倍精度浮動小数点数だから64bit intがないから」ということになるが、よくよく調べてみるといろいろややこしい...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.jmuk.org/wp.jmuk.org/2023/09/08/json%E3%81%A8bigint/index.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.jmuk.org/wp.jmuk.org/2023/09/08/json%E3%81%A8bigint/index.html" alt="はてなブックマーク - JSONとBigInt" title="はてなブックマーク - JSONとBigInt" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.jmuk.org/wp.jmuk.org/2023/09/08/json%E3%81%A8bigint/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 114 https://www.publickey1.jp/blog/23/javascriptuisvelte_410mb3mb.html おー！Svelte4だ！ Windymelt 2023-06-30T11:50:13Z tech-技術 javascript svelte <blockquote cite="https://www.publickey1.jp/blog/23/javascriptuisvelte_410mb3mb.html" title="JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F23%2Fjavascriptuisvelte_410mb3mb.html" alt="" /> <a href="https://www.publickey1.jp/blog/23/javascriptuisvelte_410mb3mb.html">JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に</a></cite><p><a href="https://www.publickey1.jp/blog/23/javascriptuisvelte_410mb3mb.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d61545750a1f8b15c469065f5fc5a60d0d07a0c8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2023%2Fj2pCxtCY.jpg" alt="JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に" title="JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に" class="entry-image" /></a></p><p>JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に JavaScriptのUIフレームワーク「Svelte」の最新版となる「Svelte 4」が正式にリリースされました。 https://t.co/9qz0sDglCe — Svelte 4 Ever (@SvelteSociety) June 22, 2023 Svelte...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/javascriptuisvelte_410mb3mb.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/23/javascriptuisvelte_410mb3mb.html" alt="はてなブックマーク - JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に" title="はてなブックマーク - JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/javascriptuisvelte_410mb3mb.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 175 https://jsprimer.net/ 現代の入門だとこれがいいらしい Windymelt 2023-04-27T09:09:22Z tech-技術 javascript <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> 1043 https://zenn.dev/teppeis/articles/2021-02-eslint-prettier-vscode これ見とけばいいと会社で言われたのでブクマしておきます Windymelt 2023-02-06T07:51:43Z typescript javascript tech-技術 linter formatter <blockquote cite="https://zenn.dev/teppeis/articles/2021-02-eslint-prettier-vscode" title="ESLint, Prettier, VS Code, npm scripts の設定: 2021春"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fteppeis%2Farticles%2F2021-02-eslint-prettier-vscode" alt="" /> <a href="https://zenn.dev/teppeis/articles/2021-02-eslint-prettier-vscode">ESLint, Prettier, VS Code, npm scripts の設定: 2021春</a></cite><p><a href="https://zenn.dev/teppeis/articles/2021-02-eslint-prettier-vscode"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a8b6e9acfaaa70f97642f78c8c0936d9cd3015d5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--1Izz8n2R--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AESLint%25252C%252520Prettier%25252C%252520VS%252520Code%25252C%252520npm%252520scripts%252520%2525E3%252581%2525AE%2525E8%2525A8%2525AD%2525E5%2525AE%25259A%25253A%2525202021%2525E6%252598%2525A5%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ateppeis%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2k3UmZCSkliQlhuczNoamdlYjF4cEhoamZnTF9CSGhQeGpMSHI4cmc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACMTiAE" alt="ESLint, Prettier, VS Code, npm scripts の設定: 2021春" title="ESLint, Prettier, VS Code, npm scripts の設定: 2021春" class="entry-image" /></a></p><p>eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる（人間が気にする必要のない問題なのに！） 直接実行するより遅い（同様...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/teppeis/articles/2021-02-eslint-prettier-vscode"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/teppeis/articles/2021-02-eslint-prettier-vscode" alt="はてなブックマーク - ESLint, Prettier, VS Code, npm scripts の設定: 2021春" title="はてなブックマーク - ESLint, Prettier, VS Code, npm scripts の設定: 2021春" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/teppeis/articles/2021-02-eslint-prettier-vscode"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 337 https://domevents.dev/ めっちゃいい Windymelt 2021-05-19T02:57:59Z javascript web <blockquote cite="https://domevents.dev/" title="Explore DOM Events"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdomevents.dev%2F" alt="" /> <a href="https://domevents.dev/">Explore DOM Events</a></cite><p><a href="https://domevents.dev/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5cc871d513293c61ac39c83bb44c5ab895d03d80/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdomevents.dev%2Fimages%2Fsocial.jpg" alt="Explore DOM Events" title="Explore DOM Events" class="entry-image" /></a></p><p>There are many categories of events including user events such as &#39;click&#39; and system events such as &#39;DOMContentLoaded&#39;.</p><p><a href="https://b.hatena.ne.jp/entry/s/domevents.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://domevents.dev/" alt="はてなブックマーク - Explore DOM Events" title="はてなブックマーク - Explore DOM Events" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/domevents.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 796 https://mizchi.hatenablog.com/entry/2018/11/26/164523 “Webpack が嫌がられるのは、これらを覚えることでプログラミングの深淵に迫れるわけでもなければ、他に転用できる知識があるわけではない点” Windymelt 2020-06-08T16:52:30Z js webpack javascript <blockquote cite="https://mizchi.hatenablog.com/entry/2018/11/26/164523" title="Webpack の考え方について - mizchi&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.hatenablog.com%2Fentry%2F2018%2F11%2F26%2F164523" alt="" /> <a href="https://mizchi.hatenablog.com/entry/2018/11/26/164523">Webpack の考え方について - mizchi&#39;s blog</a></cite><p><a href="https://mizchi.hatenablog.com/entry/2018/11/26/164523"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/caed354fd2723f6b15aa5489b2b0968667888b76/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729889376%2F10257846132676065262%2F1543219543" alt="Webpack の考え方について - mizchi&#39;s blog" title="Webpack の考え方について - mizchi&#39;s blog" class="entry-image" /></a></p><p>なぜ初心者は webpackが解らないのか？- Why can’t you understand the webpack? - from 健人 井関 www.slideshare.net この記事バズってたけど、わからない人がよりわからなくなる、という点で問題だと思っていて、webpack の目的の本質的な部分から整理する必要があると思います。 (あと友人が webpack に挑戦していた...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2018/11/26/164523"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.hatenablog.com/entry/2018/11/26/164523" alt="はてなブックマーク - Webpack の考え方について - mizchi&#39;s blog" title="はてなブックマーク - Webpack の考え方について - mizchi&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2018/11/26/164523"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 586 https://speakerdeck.com/pastak/re-learning-about-js-in-2018 Windymelt 2019-12-13T08:09:05Z js javascript <blockquote cite="https://speakerdeck.com/pastak/re-learning-about-js-in-2018" title="2018年の”JavaScript” 再入門/re-learning-about-js-in-2018"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fpastak%2Fre-learning-about-js-in-2018" alt="" /> <a href="https://speakerdeck.com/pastak/re-learning-about-js-in-2018">2018年の”JavaScript” 再入門/re-learning-about-js-in-2018</a></cite><p><a href="https://speakerdeck.com/pastak/re-learning-about-js-in-2018"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/77ac18053d4842b266b32fb958a84f8a35e063c1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fb68b0c29a8e948ee9aa4b9da6671014a%2Fslide_0.jpg%3F9720738" alt="2018年の”JavaScript” 再入門/re-learning-about-js-in-2018" title="2018年の”JavaScript” 再入門/re-learning-about-js-in-2018" class="entry-image" /></a></p><p>KMC春合宿2018での発表資料です</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/pastak/re-learning-about-js-in-2018"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/pastak/re-learning-about-js-in-2018" alt="はてなブックマーク - 2018年の”JavaScript” 再入門/re-learning-about-js-in-2018" title="はてなブックマーク - 2018年の”JavaScript” 再入門/re-learning-about-js-in-2018" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/pastak/re-learning-about-js-in-2018"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 467 https://sbfl.net/blog/2019/02/20/react-only-tutorial/ 良記事。stateまわりが分かったので良かった Windymelt 2019-12-08T16:56:25Z react javascript <blockquote cite="https://sbfl.net/blog/2019/02/20/react-only-tutorial/" title="正真正銘のReactだけの不純物なしでReact入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsbfl.net%2Fblog%2F2019%2F02%2F20%2Freact-only-tutorial%2F" alt="" /> <a href="https://sbfl.net/blog/2019/02/20/react-only-tutorial/">正真正銘のReactだけの不純物なしでReact入門</a></cite><p><a href="https://sbfl.net/blog/2019/02/20/react-only-tutorial/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d6e2c64e5797f68d55578d30b7159e19a7bd1798/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsbfl.net%2Fblog%2Fstatic%2Fassets%2Fogp.png" alt="正真正銘のReactだけの不純物なしでReact入門" title="正真正銘のReactだけの不純物なしでReact入門" class="entry-image" /></a></p><p>Reactのチュートリアル、たくさんありますよね。どれも質が高く、どこから手をつければいいかわからなくなっちゃいます。 ですがやはり巷のチュートリアルには面倒な問題もあります。今回は面倒ごとを全部すっ飛ばしてReactでのウェブアプリ作りに入門してみましょう。 Reactを始めるには、まずあれとこれとそれとどれと...</p><p><a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2019/02/20/react-only-tutorial/"><img src="https://b.hatena.ne.jp/entry/image/https://sbfl.net/blog/2019/02/20/react-only-tutorial/" alt="はてなブックマーク - 正真正銘のReactだけの不純物なしでReact入門" title="はてなブックマーク - 正真正銘のReactだけの不純物なしでReact入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2019/02/20/react-only-tutorial/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 590 https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou 基礎 Windymelt 2019-12-07T12:22:27Z webpack javascript <blockquote cite="https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou" title="現代フロントエンドに欠かせないwebpackとBabelを理解しよう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fmukai21%2Fxian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou" alt="" /> <a href="https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou">現代フロントエンドに欠かせないwebpackとBabelを理解しよう</a></cite><p><a href="https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/69af8cba9fea393fe3769e06cb3a84b1f71e7f72/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F54b66529a79e4416aab68cdaa470e967%2Fslide_0.jpg%3F13438005" alt="現代フロントエンドに欠かせないwebpackとBabelを理解しよう" title="現代フロントエンドに欠かせないwebpackとBabelを理解しよう" class="entry-image" /></a></p><p>Transcript ݱ୅ϑϩϯτΤϯυʹ͔ܽͤͳ͍
 XFCQBDLͱ#BCFMΛཧղ͠Α͏ʂ� CVJMEFSTDPO�UPLZP����� /BNF� ����4BLJUP�.VLBJ� 5XJUUFS
 ����!@@TBLJUP@@� $PNQBOZ� ����$ZCP[V�JOD�
 ����&#39;SPOUFOE�&amp;YQFSU�5FBN &quot;CPVU�NF w#BCFMͷલʹݱࡏͷ+BWB4DSJQUʹ͍ͭͯ� w#BCFMʹ͍ͭͯ� wXFCQBDLʹ͍ͭͯ� wXFCQBDL #BCFMͰ಺෦࣮૷Λ௥͍ͬͯ͘ &quot;HFOEB #BCFMͷલʹݱࡏͷ+BWB4DSJQUʹ͍ͭͯ &amp;$.&quot;4DSJQUͱ5$�� w+BWB4DSJ...</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou" alt="はてなブックマーク - 現代フロントエンドに欠かせないwebpackとBabelを理解しよう" title="はてなブックマーク - 現代フロントエンドに欠かせないwebpackとBabelを理解しよう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 510 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax 便利なやつ Windymelt 2018-10-24T10:01:08Z javascript <blockquote cite="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax" 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%2FSpread_syntax" alt="" /> <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax">スプレッド構文 (...) - JavaScript | MDN</a></cite><p><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax"><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 2015年10月. Learn more See full compatibility Report feedback スプレッド構文 (...) 構文を使うと、配列式や文字列などの反復可能オブジェクトを、0 個以上の引数（関数呼び出し...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax" 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/Spread_syntax"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 45 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/from 便利なやつ Windymelt 2018-10-24T09:59:12Z javascript <blockquote cite="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/from" title="Array.from() - 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%2FGlobal_Objects%2FArray%2Ffrom" alt="" /> <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/from">Array.from() - JavaScript | MDN</a></cite><p><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/from"><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="Array.from() - JavaScript | MDN" title="Array.from() - JavaScript | MDN" class="entry-image" /></a></p><p>標準組み込みオブジェクトArrayコンストラクターArray() コンストラクター静的メソッドArray.from()Array.fromAsync()Array.isArray()Array.of()静的プロパティArray[Symbol.species]インスタンスメソッドArray.prototype.at()Array.prototype.concat()Array.prototype.copyWithin()Array.prototype.entries()Array.prot...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/from"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/from" alt="はてなブックマーク - Array.from() - JavaScript | MDN" title="はてなブックマーク - Array.from() - 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/Global_Objects/Array/from"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 20 https://south37.hatenablog.com/entry/2014/02/27/JavaScript%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%A4%89%E6%95%B0%E5%B7%BB%E3%81%8D%E4%B8%8A%E3%81%92(%E3%83%9B%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0) Windymelt 2018-04-11T06:52:36Z javascript <blockquote cite="https://south37.hatenablog.com/entry/2014/02/27/JavaScript%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%A4%89%E6%95%B0%E5%B7%BB%E3%81%8D%E4%B8%8A%E3%81%92(%E3%83%9B%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0)" title="JavaScriptにおける変数巻き上げ(ホイスティング) - Nao Minami&#39;s Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsouth37.hatenablog.com%2Fentry%2F2014%2F02%2F27%2FJavaScript%25E3%2581%25AB%25E3%2581%258A%25E3%2581%2591%25E3%2582%258B%25E5%25A4%2589%25E6%2595%25B0%25E5%25B7%25BB%25E3%2581%258D%25E4%25B8%258A%25E3%2581%2592(%25E3%2583%259B%25E3%2582%25A4%25E3%2582%25B9%25E3%2583%2586%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0)" alt="" /> <a href="https://south37.hatenablog.com/entry/2014/02/27/JavaScript%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%A4%89%E6%95%B0%E5%B7%BB%E3%81%8D%E4%B8%8A%E3%81%92(%E3%83%9B%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0)">JavaScriptにおける変数巻き上げ(ホイスティング) - Nao Minami&#39;s Blog</a></cite><p><a href="https://south37.hatenablog.com/entry/2014/02/27/JavaScript%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%A4%89%E6%95%B0%E5%B7%BB%E3%81%8D%E4%B8%8A%E3%81%92(%E3%83%9B%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0)"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/358f419c75066fbb059d0616bee3f0fc05e90ed3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318754806355%2F12921228815719079616%2F1400352333" alt="JavaScriptにおける変数巻き上げ(ホイスティング) - Nao Minami&#39;s Blog" title="JavaScriptにおける変数巻き上げ(ホイスティング) - Nao Minami&#39;s Blog" class="entry-image" /></a></p><p>JavaScriptには関数スコープしか無い為、気をつけないと意図しないで既存の変数を書き換えちゃうかもって話です。 そもそもホイスティングって何？ 冒頭でも書いた通り、JavaScriptには関数スコープしかありません。また、同じ変数を同じスコープの中で複数回宣言するのは違法とはなりません。その為、 function trimSec...</p><p><a href="https://b.hatena.ne.jp/entry/s/south37.hatenablog.com/entry/2014/02/27/JavaScript%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%A4%89%E6%95%B0%E5%B7%BB%E3%81%8D%E4%B8%8A%E3%81%92(%E3%83%9B%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0)"><img src="https://b.hatena.ne.jp/entry/image/https://south37.hatenablog.com/entry/2014/02/27/JavaScript%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%A4%89%E6%95%B0%E5%B7%BB%E3%81%8D%E4%B8%8A%E3%81%92(%E3%83%9B%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0)" alt="はてなブックマーク - JavaScriptにおける変数巻き上げ(ホイスティング) - Nao Minami&#39;s Blog" title="はてなブックマーク - JavaScriptにおける変数巻き上げ(ホイスティング) - Nao Minami&#39;s Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/south37.hatenablog.com/entry/2014/02/27/JavaScript%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%A4%89%E6%95%B0%E5%B7%BB%E3%81%8D%E4%B8%8A%E3%81%92(%E3%83%9B%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0)"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://blog.jxck.io/entries/2017-03-02/unicode-in-javascript.html スプレッド演算子便利やなぁ Windymelt 2018-01-06T09:37:40Z js Javascript unicode <blockquote cite="https://blog.jxck.io/entries/2017-03-02/unicode-in-javascript.html" title="JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.jxck.io%2Fentries%2F2017-03-02%2Funicode-in-javascript.html" alt="" /> <a href="https://blog.jxck.io/entries/2017-03-02/unicode-in-javascript.html">JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io</a></cite><p><a href="https://blog.jxck.io/entries/2017-03-02/unicode-in-javascript.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6ac3f814cb7ad70763fac8f8c74532394a715f80/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.jxck.io%2Fassets%2Fimg%2Fjxck.600x600.png" alt="JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io" title="JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io" class="entry-image" /></a></p><p>Intro textarea などに入力された文字数を、JS で数えたい場合がある。 ここで .length を数えるだけではダメな理由は、文字コードや JS の内部表現の話を理解する必要がある。 多言語や絵文字対応なども踏まえた上で、どう処理するべきなのか。 それ自体は枯れた話題ではあるが、近年 ECMAScript に追加された機能など...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.jxck.io/entries/2017-03-02/unicode-in-javascript.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.jxck.io/entries/2017-03-02/unicode-in-javascript.html" alt="はてなブックマーク - JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io" title="はてなブックマーク - JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.jxck.io/entries/2017-03-02/unicode-in-javascript.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 746 https://momentjs.com/docs/ JSの時刻表示ライブラリ Windymelt 2017-04-07T01:48:57Z javascript <blockquote cite="https://momentjs.com/docs/" title="Moment.js | Docs"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmomentjs.com%2Fdocs%2F" alt="" /> <a href="https://momentjs.com/docs/">Moment.js | Docs</a></cite><p><a href="https://momentjs.com/docs/"><img src="" alt="Moment.js | Docs" title="Moment.js | Docs" class="entry-image" /></a></p><p>Moment can be used in browsers and in Node.js. Moment is a legacy project in maintenance mode. See the latest Project Status update for the current maintenance policy. This site loads Moment as the global moment, so browser-oriented examples can be tried in your browser&#39;s developer console. Examp...</p><p><a href="https://b.hatena.ne.jp/entry/s/momentjs.com/docs/"><img src="https://b.hatena.ne.jp/entry/image/https://momentjs.com/docs/" alt="はてなブックマーク - Moment.js | Docs" title="はてなブックマーク - Moment.js | Docs" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/momentjs.com/docs/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 127