https://b.hatena.ne.jp/techtech0521/JavaScript/ JavaScriptに関するtechtech0521のはてなブックマーク (8) https://blog.ojisan.io/how-to-read-js/ techtech0521 2022-10-13T15:00:47Z あとで読む JavaScript <blockquote cite="https://blog.ojisan.io/how-to-read-js/" title="JavaScriptライブラリを読むときのコツ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.ojisan.io%2Fhow-to-read-js%2F" alt="" /> <a href="https://blog.ojisan.io/how-to-read-js/">JavaScriptライブラリを読むときのコツ</a></cite><p><a href="https://blog.ojisan.io/how-to-read-js/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9a6d5cb9a5edf534a81e9e204c62df163417c212/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.ojisan.io%2Fstatic%2F30f856fe63658b2982f3697789bca653%2F1742c%2Fvisual.png" alt="JavaScriptライブラリを読むときのコツ" title="JavaScriptライブラリを読むときのコツ" class="entry-image" /></a></p><p>少し前からライブラリを読むトレーニングを始めたのですが、最近ようやく読み方がわかってきたので、やり始めた頃に知っておきたかったことをまとめます。 これから JavaScript/TypeScript で書かれたライブラリを読んでみようと思っている方の助けになれば嬉しいです。 「私はこういう道具を使ったり、こういう工夫をし...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.ojisan.io/how-to-read-js/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.ojisan.io/how-to-read-js/" alt="はてなブックマーク - JavaScriptライブラリを読むときのコツ" title="はてなブックマーク - JavaScriptライブラリを読むときのコツ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.ojisan.io/how-to-read-js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 413 https://aoma23.hatenablog.jp/entry/js_review techtech0521 2022-10-08T16:28:05Z あとで読む JavaScript <blockquote cite="https://aoma23.hatenablog.jp/entry/js_review" title="昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Faoma23.hatenablog.jp%2Fentry%2Fjs_review" alt="" /> <a href="https://aoma23.hatenablog.jp/entry/js_review">昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog</a></cite><p><a href="https://aoma23.hatenablog.jp/entry/js_review"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5b0b839b406c10cb8ae043039e36f802abb9f447/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F55e62a7c5e994b7cce8e91170ef09890187a735c%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn.user.blog.st-hatena.com%252Fdefault_entry_og_image%252F151084681%252F1564586768336929" alt="昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog" title="昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog" class="entry-image" /></a></p><p>この記事は https://aoma23.com/js_review/ に移転しました。 要点メモ: はじめに 最近JavaScriptのプルリクが来たので「よーしやったるでー」って感じでレビューしたんですが、まったく理解できずレビューになりませんでした。 その時疑問に思ったことをメモします。 。 ▶︎ 続きを読む</p><p><a href="https://b.hatena.ne.jp/entry/s/aoma23.hatenablog.jp/entry/js_review"><img src="https://b.hatena.ne.jp/entry/image/https://aoma23.hatenablog.jp/entry/js_review" alt="はてなブックマーク - 昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog" title="はてなブックマーク - 昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/aoma23.hatenablog.jp/entry/js_review"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 617 https://zenn.dev/oreo2990/articles/280d39a45c203e techtech0521 2022-10-03T12:30:52Z あとで読む JavaScript <blockquote cite="https://zenn.dev/oreo2990/articles/280d39a45c203e" title="Webブラウザのレンダリングの仕組みを理解する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Foreo2990%2Farticles%2F280d39a45c203e" alt="" /> <a href="https://zenn.dev/oreo2990/articles/280d39a45c203e">Webブラウザのレンダリングの仕組みを理解する</a></cite><p><a href="https://zenn.dev/oreo2990/articles/280d39a45c203e"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d1ebe968cdf8d66023f91487922b624ced07fe08/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Ux1phJIe--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AWeb%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252582%2525A6%2525E3%252582%2525B6%2525E3%252581%2525AE%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252581%2525AE%2525E4%2525BB%252595%2525E7%2525B5%252584%2525E3%252581%2525BF%2525E3%252582%252592%2525E7%252590%252586%2525E8%2525A7%2525A3%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aoreo2990%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzdlZWE4N2IyOGEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Webブラウザのレンダリングの仕組みを理解する" title="Webブラウザのレンダリングの仕組みを理解する" class="entry-image" /></a></p><p>どうもoreoです。 今回はWebブラウザのレンダリングの仕組みについてまとめたいと思います。あまり意識していなくても開発はできますが、知っていればパフォーマンスの改善やAccessibilityの向上に役立ちそうですね。 1 レンダリングとは？ 普段私たちは、WebブラウザにURLを指定することで、そのリソースをブラウザ画面...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/oreo2990/articles/280d39a45c203e"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/oreo2990/articles/280d39a45c203e" alt="はてなブックマーク - Webブラウザのレンダリングの仕組みを理解する" title="はてなブックマーク - Webブラウザのレンダリングの仕組みを理解する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/oreo2990/articles/280d39a45c203e"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 303 https://blog.jxck.io/entries/2022-09-30/XMLHttpRequest.html techtech0521 2022-10-02T14:28:57Z あとで読む JavaScript <blockquote cite="https://blog.jxck.io/entries/2022-09-30/XMLHttpRequest.html" title="XMLHttpRequest とはなんだったのか | blog.jxck.io"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.jxck.io%2Fentries%2F2022-09-30%2FXMLHttpRequest.html" alt="" /> <a href="https://blog.jxck.io/entries/2022-09-30/XMLHttpRequest.html">XMLHttpRequest とはなんだったのか | blog.jxck.io</a></cite><p><a href="https://blog.jxck.io/entries/2022-09-30/XMLHttpRequest.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="XMLHttpRequest とはなんだったのか | blog.jxck.io" title="XMLHttpRequest とはなんだったのか | blog.jxck.io" class="entry-image" /></a></p><p>Intro Fetch API の実装が広まり、IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略され...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.jxck.io/entries/2022-09-30/XMLHttpRequest.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.jxck.io/entries/2022-09-30/XMLHttpRequest.html" alt="はてなブックマーク - XMLHttpRequest とはなんだったのか | blog.jxck.io" title="はてなブックマーク - XMLHttpRequest とはなんだったのか | blog.jxck.io" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.jxck.io/entries/2022-09-30/XMLHttpRequest.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 746 https://zenn.dev/mizchi/articles/3789a101dae388d98159 techtech0521 2022-10-02T12:44:08Z あとで読む JavaScript <blockquote cite="https://zenn.dev/mizchi/articles/3789a101dae388d98159" title="プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmizchi%2Farticles%2F3789a101dae388d98159" alt="" /> <a href="https://zenn.dev/mizchi/articles/3789a101dae388d98159">プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法</a></cite><p><a href="https://zenn.dev/mizchi/articles/3789a101dae388d98159"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a66d08c0545dd7538c1e7f02b1c81548c2b183ea/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Apd3Cd4q--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252582%2525B0%2525E3%252583%2525A9%2525E3%252583%25259F%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E5%252588%25259D%2525E5%2525BF%252583%2525E8%252580%252585%2525E3%252581%2525AE%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AE%252520JavaScript%252520%2525E3%252581%2525A8%252520Node.js%252520%2525E3%252581%2525AE%2525E6%2525AD%2525B4%2525E5%25258F%2525B2%2525E3%252580%252581%2525E3%252581%25259D%2525E3%252582%25258C%2525E3%252582%252592%2525E8%2525B8%25258F%2525E3%252581%2525BE%2525E3%252581%252588%2525E3%252581%25259F%2525E5%25258B%252589%2525E5%2525BC%2525B7%2525E6%252596%2525B9%2525E6%2525B3%252595%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Amizchi%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2liclRHT052Z3d3ay1fNGxlcVk4TGNGSlNuX0FoWnpEWVlKaXJNcWc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法" title="プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法" class="entry-image" /></a></p><p>プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法 2020年でJavaScript学ぶならきっとブラウザ向けJSガン無視していきなり初手node.js（ただし暫く何も足さない）がいいんじゃないかというメモ - min.t (ミント) Node.js を教えることについて、自分は賛成なんですが、その学習パスが...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/3789a101dae388d98159"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/mizchi/articles/3789a101dae388d98159" alt="はてなブックマーク - プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法" title="はてなブックマーク - プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/3789a101dae388d98159"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 894 https://zenn.dev/baroqueengine/books/a19140f2d9fc1a techtech0521 2022-10-02T12:39:31Z あとで読む JavaScript <blockquote cite="https://zenn.dev/baroqueengine/books/a19140f2d9fc1a" title="クリエイティブコーディングの教科書"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fbaroqueengine%2Fbooks%2Fa19140f2d9fc1a" alt="" /> <a href="https://zenn.dev/baroqueengine/books/a19140f2d9fc1a">クリエイティブコーディングの教科書</a></cite><p><a href="https://zenn.dev/baroqueengine/books/a19140f2d9fc1a"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c2d45e89adfbf4743e9881d0d12ffe91610fe21a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--PgNwY7W7--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYm9va19jb3Zlci83N2QxZDUwOWQ4LmpwZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACMTiAE" alt="クリエイティブコーディングの教科書" title="クリエイティブコーディングの教科書" class="entry-image" /></a></p><p>ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/baroqueengine/books/a19140f2d9fc1a"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/baroqueengine/books/a19140f2d9fc1a" alt="はてなブックマーク - クリエイティブコーディングの教科書" title="はてなブックマーク - クリエイティブコーディングの教科書" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/baroqueengine/books/a19140f2d9fc1a"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1642 https://zenn.dev/estra/articles/js-async-programming-roadmap techtech0521 2022-10-02T12:37:12Z あとで読む 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/cc79ffa3ff43cabd683358188632e41c203fdf0d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--TC4VV27---%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%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyLzdmMDU2NzNjNzIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACMTiAE" 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> 562 https://blog.bokuweb.me/entry/nes techtech0521 2022-10-02T12:22:45Z あとで読む JavaScript <blockquote cite="https://blog.bokuweb.me/entry/nes" title="ファミコンのエミュレータを書いた - undefined"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.bokuweb.me%2Fentry%2Fnes" alt="" /> <a href="https://blog.bokuweb.me/entry/nes">ファミコンのエミュレータを書いた - undefined</a></cite><p><a href="https://blog.bokuweb.me/entry/nes"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7189bf4808fd767ec538d901a9314e03be94428a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbokuweb%2F20170919%2F20170919214338.png" alt="ファミコンのエミュレータを書いた - undefined" title="ファミコンのエミュレータを書いた - undefined" class="entry-image" /></a></p><p>概要 ファミコンのエミュレータをJSでだらだらと作ってた。そこそこ遊べるようになったので公開しておく。技術的な内容は、またどこかで発表したり、Qiitaなどにまとめたい。（忘れないうちに。需要があるかは怪しいが。） 随分昔に作ってみたいなーと思いFPGAでの実装を開始したんだけど、早々に挫折した覚えがある。今...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.bokuweb.me/entry/nes"><img src="https://b.hatena.ne.jp/entry/image/https://blog.bokuweb.me/entry/nes" alt="はてなブックマーク - ファミコンのエミュレータを書いた - undefined" title="はてなブックマーク - ファミコンのエミュレータを書いた - undefined" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.bokuweb.me/entry/nes"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 12