https://b.hatena.ne.jp/simomm/JavaScript/ JavaScriptに関するsimommのはてなブックマーク (33) https://zenn.dev/panda_program/articles/deep-dive-into-react simomm 2023-06-20T00:11:43Z プログラミング programming フロントエンド frontend javascript react <blockquote cite="https://zenn.dev/panda_program/articles/deep-dive-into-react" title="React を深く知るための入り口"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fpanda_program%2Farticles%2Fdeep-dive-into-react" alt="" /> <a href="https://zenn.dev/panda_program/articles/deep-dive-into-react">React を深く知るための入り口</a></cite><p><a href="https://zenn.dev/panda_program/articles/deep-dive-into-react"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ff2d315070aef46488d6d79fefc21452e0e7732c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--YyY_lYzz--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%252520%2525E3%252582%252592%2525E6%2525B7%2525B1%2525E3%252581%25258F%2525E7%25259F%2525A5%2525E3%252582%25258B%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AE%2525E5%252585%2525A5%2525E3%252582%25258A%2525E5%25258F%2525A3%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252582%2525B0%2525E3%252583%2525A9%2525E3%252583%25259F%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252582%252592%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252583%252591%2525E3%252583%2525B3%2525E3%252583%252580%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2ZkMTAzZTBiY2MuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="React を深く知るための入り口" title="React を深く知るための入り口" class="entry-image" /></a></p><p>Reactに対する見方をアップデートする 国内外の優れた開発者の方による React の各論の記事は枚挙にいとまがありません。しかし、React の入門を一通り終えた方に向けの浅く広い総論はあまり見かけません。 React の公式ドキュメントのトップページに掲載されている短い3つの文章があります。この React の本質を表現し...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/panda_program/articles/deep-dive-into-react"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/panda_program/articles/deep-dive-into-react" alt="はてなブックマーク - React を深く知るための入り口" title="はてなブックマーク - React を深く知るための入り口" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/panda_program/articles/deep-dive-into-react"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 704 https://zenn.dev/coder_ka/articles/275b551d662e35 simomm 2023-06-20T00:11:08Z プログラミング programming フロントエンド frontend javascript react vue <blockquote cite="https://zenn.dev/coder_ka/articles/275b551d662e35" title="2021年現在Vueを選択すべきでないと思う理由"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fcoder_ka%2Farticles%2F275b551d662e35" alt="" /> <a href="https://zenn.dev/coder_ka/articles/275b551d662e35">2021年現在Vueを選択すべきでないと思う理由</a></cite><p><a href="https://zenn.dev/coder_ka/articles/275b551d662e35"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2cd463c26b83d818a51529dddf6e683188c9ffc6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--ZEh8o-6f--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A2021%2525E5%2525B9%2525B4%2525E7%25258F%2525BE%2525E5%25259C%2525A8Vue%2525E3%252582%252592%2525E9%252581%2525B8%2525E6%25258A%25259E%2525E3%252581%252599%2525E3%252581%2525B9%2525E3%252581%25258D%2525E3%252581%2525A7%2525E3%252581%2525AA%2525E3%252581%252584%2525E3%252581%2525A8%2525E6%252580%25259D%2525E3%252581%252586%2525E7%252590%252586%2525E7%252594%2525B1%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aekoda%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2JjN2VlNjk3YTEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="2021年現在Vueを選択すべきでないと思う理由" title="2021年現在Vueを選択すべきでないと思う理由" class="entry-image" /></a></p><p>使ってわかる、Vueへの恨み、つらつらと（随時更新） コンポーネントのローカルスコープでコンポーネントを定義しようとするとJSXが必要 JSXが嫌でReactを使わないならSvelteがあり、SvelteはゼロオーバーヘッドでVueより速い React+JSXと違って、マークアップをJavaScriptの式として扱えないせいで、TypeScriptとの相性...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/coder_ka/articles/275b551d662e35"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/coder_ka/articles/275b551d662e35" alt="はてなブックマーク - 2021年現在Vueを選択すべきでないと思う理由" title="はてなブックマーク - 2021年現在Vueを選択すべきでないと思う理由" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/coder_ka/articles/275b551d662e35"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 418 https://tech-blog.monotaro.com/entry/2021/11/02/090000 simomm 2023-06-20T00:09:30Z プログラミング programming フロントエンド frontend javascript react vue <blockquote cite="https://tech-blog.monotaro.com/entry/2021/11/02/090000" title="Vue.js？React？フレームワーク選びの７つの選定基準、大規模ECサイトのフロント刷新プロジェクト - MonotaRO Tech Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftech-blog.monotaro.com%2Fentry%2F2021%2F11%2F02%2F090000" alt="" /> <a href="https://tech-blog.monotaro.com/entry/2021/11/02/090000">Vue.js？React？フレームワーク選びの７つの選定基準、大規模ECサイトのフロント刷新プロジェクト - MonotaRO Tech Blog</a></cite><p><a href="https://tech-blog.monotaro.com/entry/2021/11/02/090000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ed23782e648af1c6f6bd9fd817c3cf792d35bf99/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa6554c630a5fb31c61813cf7bf6b19c28d3ec265%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmonotaro-tech-blog%252F20211021%252F20211021133012.png" alt="Vue.js？React？フレームワーク選びの７つの選定基準、大規模ECサイトのフロント刷新プロジェクト - MonotaRO Tech Blog" title="Vue.js？React？フレームワーク選びの７つの選定基準、大規模ECサイトのフロント刷新プロジェクト - MonotaRO Tech Blog" class="entry-image" /></a></p><p>こんにちは。モノタロウでフロントエンド寄りの開発をしている、陳です。 今回はモノタロウの新フロントエンドのメインフレームワーク選定についてお話しします。 選定結果から言うと、モノタロウ独自の７つの選定基準をもとに、Reactを選ぶことになりました。 背景 新フロントエンドプロジェクトの立ち上がり Vue.jsとR...</p><p><a href="https://b.hatena.ne.jp/entry/s/tech-blog.monotaro.com/entry/2021/11/02/090000"><img src="https://b.hatena.ne.jp/entry/image/https://tech-blog.monotaro.com/entry/2021/11/02/090000" alt="はてなブックマーク - Vue.js？React？フレームワーク選びの７つの選定基準、大規模ECサイトのフロント刷新プロジェクト - MonotaRO Tech Blog" title="はてなブックマーク - Vue.js？React？フレームワーク選びの７つの選定基準、大規模ECサイトのフロント刷新プロジェクト - MonotaRO Tech Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tech-blog.monotaro.com/entry/2021/11/02/090000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 394 https://lealog.hateblo.jp/entry/2021/08/12/103111 simomm 2023-06-20T00:09:19Z プログラミング programming フロントエンド frontend javascript SPA react <blockquote cite="https://lealog.hateblo.jp/entry/2021/08/12/103111" title="なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flealog.hateblo.jp%2Fentry%2F2021%2F08%2F12%2F103111" alt="" /> <a href="https://lealog.hateblo.jp/entry/2021/08/12/103111">なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();</a></cite><p><a href="https://lealog.hateblo.jp/entry/2021/08/12/103111"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2e1abe0a6d48d3bf93103346f99c53779d991bc5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729901128%2F26006613796431118%2F1628731871" alt="なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();" title="なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();" class="entry-image" /></a></p><p>Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021年8月10日 この主張、界隈（少なくとも自分の観測範囲）では割とよく見かけるし、なんか定期的に話題...</p><p><a href="https://b.hatena.ne.jp/entry/s/lealog.hateblo.jp/entry/2021/08/12/103111"><img src="https://b.hatena.ne.jp/entry/image/https://lealog.hateblo.jp/entry/2021/08/12/103111" alt="はてなブックマーク - なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();" title="はてなブックマーク - なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/lealog.hateblo.jp/entry/2021/08/12/103111"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 485 https://speakerdeck.com/pirosikick/saibouzuwebhurontoendotuo-regasifalsejin-madetokorekara simomm 2023-06-20T00:04:06Z フロントエンド frontend javascript react 技術的負債 アーキテクチャ サイボウズ <blockquote cite="https://speakerdeck.com/pirosikick/saibouzuwebhurontoendotuo-regasifalsejin-madetokorekara" title="サイボウズWebフロントエンド脱レガシーの今までとこれから"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fpirosikick%2Fsaibouzuwebhurontoendotuo-regasifalsejin-madetokorekara" alt="" /> <a href="https://speakerdeck.com/pirosikick/saibouzuwebhurontoendotuo-regasifalsejin-madetokorekara">サイボウズWebフロントエンド脱レガシーの今までとこれから</a></cite><p><a href="https://speakerdeck.com/pirosikick/saibouzuwebhurontoendotuo-regasifalsejin-madetokorekara"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/70b5d0b6871aa9770d6a85f1b7923551e7c41255/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F904a46832b1e456b957465bef6aadbd2%2Fslide_0.jpg%3F17557288" alt="サイボウズWebフロントエンド脱レガシーの今までとこれから" title="サイボウズWebフロントエンド脱レガシーの今までとこれから" class="entry-image" /></a></p><p>UIT meetup vol.12『リニューアル戦略発表会(一部から全部まで)』 - connpass https://uit.connpass.com/event/201312/</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/pirosikick/saibouzuwebhurontoendotuo-regasifalsejin-madetokorekara"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/pirosikick/saibouzuwebhurontoendotuo-regasifalsejin-madetokorekara" alt="はてなブックマーク - サイボウズWebフロントエンド脱レガシーの今までとこれから" title="はてなブックマーク - サイボウズWebフロントエンド脱レガシーの今までとこれから" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/pirosikick/saibouzuwebhurontoendotuo-regasifalsejin-madetokorekara"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 104 https://zenn.dev/tak_dcxi/articles/a8c9c37a0a3fe1 simomm 2023-06-20T00:00:01Z フロントエンド frontend javascript web HTML SEO google <blockquote cite="https://zenn.dev/tak_dcxi/articles/a8c9c37a0a3fe1" title="「SEOに強いHTMLの書き方」についての個人的な見解"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Ftak_dcxi%2Farticles%2Fa8c9c37a0a3fe1" alt="" /> <a href="https://zenn.dev/tak_dcxi/articles/a8c9c37a0a3fe1">「SEOに強いHTMLの書き方」についての個人的な見解</a></cite><p><a href="https://zenn.dev/tak_dcxi/articles/a8c9c37a0a3fe1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/beca5fa67a58d1210f21d26ae4e32ab773204450/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--GZPaFKjK--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%25258CSEO%2525E3%252581%2525AB%2525E5%2525BC%2525B7%2525E3%252581%252584HTML%2525E3%252581%2525AE%2525E6%25259B%2525B8%2525E3%252581%25258D%2525E6%252596%2525B9%2525E3%252580%25258D%2525E3%252581%2525AB%2525E3%252581%2525A4%2525E3%252581%252584%2525E3%252581%2525A6%2525E3%252581%2525AE%2525E5%252580%25258B%2525E4%2525BA%2525BA%2525E7%25259A%252584%2525E3%252581%2525AA%2525E8%2525A6%25258B%2525E8%2525A7%2525A3%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3ATAK%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzExYmUzMzJmNzAuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="「SEOに強いHTMLの書き方」についての個人的な見解" title="「SEOに強いHTMLの書き方」についての個人的な見解" class="entry-image" /></a></p><p>「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body &gt; main &gt; article &gt; sectionに h1は 1 ページに 1 つ（要キー...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/tak_dcxi/articles/a8c9c37a0a3fe1"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/tak_dcxi/articles/a8c9c37a0a3fe1" alt="はてなブックマーク - 「SEOに強いHTMLの書き方」についての個人的な見解" title="はてなブックマーク - 「SEOに強いHTMLの書き方」についての個人的な見解" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/tak_dcxi/articles/a8c9c37a0a3fe1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 985 https://zenn.dev/ak/articles/c28fa3a9ba7edb simomm 2023-06-19T23:58:36Z プログラミング programming ブラウザ フロントエンド frontend javascript web HTML <blockquote cite="https://zenn.dev/ak/articles/c28fa3a9ba7edb" title="ブラウザレンダリングの仕組み"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb" alt="" /> <a href="https://zenn.dev/ak/articles/c28fa3a9ba7edb">ブラウザレンダリングの仕組み</a></cite><p><a href="https://zenn.dev/ak/articles/c28fa3a9ba7edb"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/46889dcc6c178872b5963f34933fcdb52817862d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--J7GO-feD--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252582%2525A6%2525E3%252582%2525B6%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%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aaki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Q3YTNhNmZhNjkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="ブラウザレンダリングの仕組み" title="ブラウザレンダリングの仕組み" class="entry-image" /></a></p><p>Webの用語を100秒で解説するチャンネルを作りました！ よかったらチェックしてみてください！ はじめに 以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ak/articles/c28fa3a9ba7edb"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/ak/articles/c28fa3a9ba7edb" alt="はてなブックマーク - ブラウザレンダリングの仕組み" title="はてなブックマーク - ブラウザレンダリングの仕組み" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ak/articles/c28fa3a9ba7edb"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1138 https://qiita.com/baby-degu/items/6f367b61d245d5bc217b simomm 2023-06-19T23:58:08Z プログラミング programming フロントエンド frontend javascript <blockquote cite="https://qiita.com/baby-degu/items/6f367b61d245d5bc217b" title="シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fbaby-degu%2Fitems%2F6f367b61d245d5bc217b" alt="" /> <a href="https://qiita.com/baby-degu/items/6f367b61d245d5bc217b">シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita</a></cite><p><a href="https://qiita.com/baby-degu/items/6f367b61d245d5bc217b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3c01a122e5e25dc7d56376a7cddc8e677ccf2e96/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUI3JUUzJTgzJThCJUUzJTgyJUEyJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUU5JTk2JThCJUU3JTk5JUJBJUU4JTgwJTg1JUUzJTgxJUJGJUUzJTgxJTlGJUUzJTgxJTg0JUUzJTgxJUFCQ2hyb21lJUUzJTgzJTg3JUUzJTgzJTk5JUUzJTgzJUFEJUUzJTgzJTgzJUUzJTgzJTkxJUUzJTgzJUJDJUUzJTgzJTg0JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJThBJUUzJTgxJTg2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00YjI1N2IzMzViOGFmZWZlOWViYWQ0OWI5MWUxY2MyNQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBiYWJ5LWRlZ3UmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc2OTdkYTNiOTQzYzBlNjc3NmY0MzM0YmVlNWY4ZWVk%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gYmFieS1kZWd1%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dc3e8346632dbbc4846972ce8435610e7" alt="シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita" title="シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、bytefish氏による「Use Chrome DevTools Like a Senior Frontend Developer」（2020年7月21日公開）の和訳を、著者の許可を得て掲載しているものです。 シニアフロントエ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/baby-degu/items/6f367b61d245d5bc217b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/baby-degu/items/6f367b61d245d5bc217b" alt="はてなブックマーク - シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita" title="はてなブックマーク - シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/baby-degu/items/6f367b61d245d5bc217b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 826 https://zenn.dev/mizchi/articles/spa-engineers-history simomm 2023-05-23T07:11:19Z SPA frontend javascript フロントエンド プログラミング programming <blockquote cite="https://zenn.dev/mizchi/articles/spa-engineers-history" title="フロントエンドとSPA職人の目指したものの歴史と概略"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmizchi%2Farticles%2Fspa-engineers-history" alt="" /> <a href="https://zenn.dev/mizchi/articles/spa-engineers-history">フロントエンドとSPA職人の目指したものの歴史と概略</a></cite><p><a href="https://zenn.dev/mizchi/articles/spa-engineers-history"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e699fc879a3cc6f184cfb45ab03b9ea49fedea9c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--3QokxAzb--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%252595%2525E3%252583%2525AD%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252583%252589%2525E3%252581%2525A8SPA%2525E8%252581%2525B7%2525E4%2525BA%2525BA%2525E3%252581%2525AE%2525E7%25259B%2525AE%2525E6%25258C%252587%2525E3%252581%252597%2525E3%252581%25259F%2525E3%252582%252582%2525E3%252581%2525AE%2525E3%252581%2525AE%2525E6%2525AD%2525B4%2525E5%25258F%2525B2%2525E3%252581%2525A8%2525E6%2525A6%252582%2525E7%252595%2525A5%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="フロントエンドとSPA職人の目指したものの歴史と概略" title="フロントエンドとSPA職人の目指したものの歴史と概略" class="entry-image" /></a></p><p>年末年始にフロントエンド論みたいな記事をいくつか見たが、僕ら古のSPA職人がやってきたフロントエンドという職域と目指していたものが失伝しかけている気がするので、ここに時代ごとに何を考えていたか、雑に書き殴る。 注意点として、 2004から始まるが、自分がプログラミングを始めたのが2010, 業務としてコードを書...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/spa-engineers-history"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/mizchi/articles/spa-engineers-history" alt="はてなブックマーク - フロントエンドとSPA職人の目指したものの歴史と概略" title="はてなブックマーク - フロントエンドとSPA職人の目指したものの歴史と概略" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/spa-engineers-history"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 376 https://fukabori.fm/episode/76 simomm 2022-09-18T03:50:25Z フロントエンド プログラミング programming frontend react javascript Next.js ソフトウェア開発 <blockquote cite="https://fukabori.fm/episode/76" title="76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffukabori.fm%2Fepisode%2F76" alt="" /> <a href="https://fukabori.fm/episode/76">76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm</a></cite><p><a href="https://fukabori.fm/episode/76"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/90250da80b20478bb501b7c98f684a60940095fd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffukabori.fm%2Fimages%2Fogp.jpg" alt="76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm" title="76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm" class="entry-image" /></a></p><p>MP3ファイルをダウンロード 内容紹介 2022年のモダンウェブフロントエンドまでに至る歴史、SPA、CSR、SSR、SSR Streaming、React Server Component などについて語っていただいたエピソードです。 出演者 話したネタ モダンウェブフロントエンド勉強会を開催しました そもそもWebページのダウンロードって、どう始まった...</p><p><a href="https://b.hatena.ne.jp/entry/s/fukabori.fm/episode/76"><img src="https://b.hatena.ne.jp/entry/image/https://fukabori.fm/episode/76" alt="はてなブックマーク - 76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm" title="はてなブックマーク - 76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/fukabori.fm/episode/76"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 53 https://zenn.dev/sesere/articles/c3917db32777af simomm 2022-04-17T09:12:06Z プログラミング programming フロントエンド frontend javascript development 開発 ソフトウェア開発 react <blockquote cite="https://zenn.dev/sesere/articles/c3917db32777af" title="なぜ僕が「SPAはコストが高い」と考えているのか"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fsesere%2Farticles%2Fc3917db32777af" alt="" /> <a href="https://zenn.dev/sesere/articles/c3917db32777af">なぜ僕が「SPAはコストが高い」と考えているのか</a></cite><p><a href="https://zenn.dev/sesere/articles/c3917db32777af"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e7a36f716720b85673909eeead8dfbc41c65e4af/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--lL3fHnfb--%2Fco_rgb%3A222%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_37_bold%3Asesere%252Cx_203%252Cy_98%2Fc_fit%252Cco_rgb%3A222%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_70_bold%3A%2525E3%252581%2525AA%2525E3%252581%25259C%2525E5%252583%252595%2525E3%252581%25258C%2525E3%252580%25258CSPA%2525E3%252581%2525AF%2525E3%252582%2525B3%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252581%25258C%2525E9%2525AB%252598%2525E3%252581%252584%2525E3%252580%25258D%2525E3%252581%2525A8%2525E8%252580%252583%2525E3%252581%252588%2525E3%252581%2525A6%2525E3%252581%252584%2525E3%252582%25258B%2525E3%252581%2525AE%2525E3%252581%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9yZXMuY2xvdWRpbmFyeS5jb20vemVubi9pbWFnZS9mZXRjaC9zLS16SEJtWTY2Sy0tL2NfbGltaXQlMkNmX2F1dG8lMkNmbF9wcm9ncmVzc2l2ZSUyQ3FfYXV0byUyQ3dfNzAvaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzg4NjY3ZDcwMjMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_72%2Fv1627274783%2Fdefault%2Fog-base_z4sxah.png" alt="なぜ僕が「SPAはコストが高い」と考えているのか" title="なぜ僕が「SPAはコストが高い」と考えているのか" class="entry-image" /></a></p><p>どうもみなさんこんばんは ちょっと前に「個人開発者やスタートアップの初期からSPAで開発するのはコスト高いっすよね」みたいな事を書いたらフロントエンドエンジニアの皆様からバチバチに叩かれた僕です 彼らには彼らの考えがあるのでそれはどうでもいいのですが、どういう理由があってその発言をしたのか～と言う部分...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/sesere/articles/c3917db32777af"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/sesere/articles/c3917db32777af" alt="はてなブックマーク - なぜ僕が「SPAはコストが高い」と考えているのか" title="はてなブックマーク - なぜ僕が「SPAはコストが高い」と考えているのか" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/sesere/articles/c3917db32777af"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 472 https://techblog.zozo.com/entry/wear-web-frontend-replace-with-next-js simomm 2022-04-17T09:11:50Z プログラミング programming フロントエンド frontend javascript react <blockquote cite="https://techblog.zozo.com/entry/wear-web-frontend-replace-with-next-js" title="WEAR Webフロントエンドリプレイスのアーキテクチャ選定とNext.jsへの移行 - ZOZO TECH BLOG"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechblog.zozo.com%2Fentry%2Fwear-web-frontend-replace-with-next-js" alt="" /> <a href="https://techblog.zozo.com/entry/wear-web-frontend-replace-with-next-js">WEAR Webフロントエンドリプレイスのアーキテクチャ選定とNext.jsへの移行 - ZOZO TECH BLOG</a></cite><p><a href="https://techblog.zozo.com/entry/wear-web-frontend-replace-with-next-js"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/af73ca991c0027d29d2810a8ddf3bfc50047d3a8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F70412944e83a95c7789df5e8de73a05574c3608c%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fz%252Fzozo-engineer%252F20220407%252F20220407143727.png" alt="WEAR Webフロントエンドリプレイスのアーキテクチャ選定とNext.jsへの移行 - ZOZO TECH BLOG" title="WEAR Webフロントエンドリプレイスのアーキテクチャ選定とNext.jsへの移行 - ZOZO TECH BLOG" class="entry-image" /></a></p><p>はじめに こんにちは。WEAR部フロントエンドブロックの藤井です。WEARでは現在、Webサイトのリプレイスを進めています。本記事では、リプレイスに至った背景や課題と、課題解決のために行ったリプレイスのアーキテクチャ選定についてご紹介します。 なぜリプレイスするのか WEARはサービスローンチしてから約10年が経ち...</p><p><a href="https://b.hatena.ne.jp/entry/s/techblog.zozo.com/entry/wear-web-frontend-replace-with-next-js"><img src="https://b.hatena.ne.jp/entry/image/https://techblog.zozo.com/entry/wear-web-frontend-replace-with-next-js" alt="はてなブックマーク - WEAR Webフロントエンドリプレイスのアーキテクチャ選定とNext.jsへの移行 - ZOZO TECH BLOG" title="はてなブックマーク - WEAR Webフロントエンドリプレイスのアーキテクチャ選定とNext.jsへの移行 - ZOZO TECH BLOG" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techblog.zozo.com/entry/wear-web-frontend-replace-with-next-js"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 140 https://engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/ simomm 2022-04-17T09:11:28Z プログラミング programming フロントエンド frontend javascript react <blockquote cite="https://engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/" title="2022年におけるフロントエンド開発のベースライン"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fengineering.linecorp.com%2Fja%2Fblog%2Fuit-baseline-for-front-end-development-in-2022%2F" alt="" /> <a href="https://engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/">2022年におけるフロントエンド開発のベースライン</a></cite><p><a href="https://engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/989b7fc1d43bebc41eb3ac7ff595e25d05da9b6c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fvos.line-scdn.net%2Flandpress-content-v2_1761%2F1666854335969.png%3FupdatedAt%3D1666854336000" alt="2022年におけるフロントエンド開発のベースライン" title="2022年におけるフロントエンド開発のベースライン" class="entry-image" /></a></p><p>LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。そ...</p><p><a href="https://b.hatena.ne.jp/entry/s/engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/"><img src="https://b.hatena.ne.jp/entry/image/https://engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/" alt="はてなブックマーク - 2022年におけるフロントエンド開発のベースライン" title="はてなブックマーク - 2022年におけるフロントエンド開発のベースライン" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 770 https://zenn.dev/kaa_a_zu/articles/f1430cf681b185 simomm 2022-04-17T09:11:12Z プログラミング programming フロントエンド frontend javascript <blockquote cite="https://zenn.dev/kaa_a_zu/articles/f1430cf681b185" title="フロントエンドエンジニアが知るべきキャッシュを理解する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fkaa_a_zu%2Farticles%2Ff1430cf681b185" alt="" /> <a href="https://zenn.dev/kaa_a_zu/articles/f1430cf681b185">フロントエンドエンジニアが知るべきキャッシュを理解する</a></cite><p><a href="https://zenn.dev/kaa_a_zu/articles/f1430cf681b185"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d313353953fc205685d4ea72d3c9379c1660313c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--gMblm13z--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%252595%2525E3%252583%2525AD%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252583%252589%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252582%2525B8%2525E3%252583%25258B%2525E3%252582%2525A2%2525E3%252581%25258C%2525E7%25259F%2525A5%2525E3%252582%25258B%2525E3%252581%2525B9%2525E3%252581%25258D%2525E3%252582%2525AD%2525E3%252583%2525A3%2525E3%252583%252583%2525E3%252582%2525B7%2525E3%252583%2525A5%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%3A%2525E3%252582%2525AB%2525E3%252583%2525BC%2525E3%252583%2525BC%2525E3%252582%2525BA%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzg1NTg5MWM4NzcuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="フロントエンドエンジニアが知るべきキャッシュを理解する" title="フロントエンドエンジニアが知るべきキャッシュを理解する" class="entry-image" /></a></p><p>キャッシュは、CPUのバスやネットワークなど様々な情報伝達経路において、ある領域から他の領域へ情報を転送する際、その転送遅延を極力隠蔽し転送効率を向上するために考案された記憶階層の実現手段である。(引用: フリー百科事典『ウィキペディア（Wikipedia）』) こんにちは、@kaa_a_zu です。私たちエンジニアは、「...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kaa_a_zu/articles/f1430cf681b185"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/kaa_a_zu/articles/f1430cf681b185" alt="はてなブックマーク - フロントエンドエンジニアが知るべきキャッシュを理解する" title="はてなブックマーク - フロントエンドエンジニアが知るべきキャッシュを理解する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kaa_a_zu/articles/f1430cf681b185"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 577 https://qiita.com/nuko-suke/items/50ba4e35289e98d95753 simomm 2022-04-17T09:11:07Z プログラミング programming フロントエンド frontend javascript <blockquote cite="https://qiita.com/nuko-suke/items/50ba4e35289e98d95753" title="Webフロントエンドパフォーマンスチューニング85選 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fnuko-suke%2Fitems%2F50ba4e35289e98d95753" alt="" /> <a href="https://qiita.com/nuko-suke/items/50ba4e35289e98d95753">Webフロントエンドパフォーマンスチューニング85選 - Qiita</a></cite><p><a href="https://qiita.com/nuko-suke/items/50ba4e35289e98d95753"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6177f9e650e1940621bdc6d529ec16aaa2b9cf0a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9V2ViJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgzJTkxJUUzJTgzJTk1JUUzJTgyJUE5JUUzJTgzJUJDJUUzJTgzJTlFJUUzJTgzJUIzJUUzJTgyJUI5JUUzJTgzJTgxJUUzJTgzJUE1JUUzJTgzJUJDJUUzJTgzJThCJUUzJTgzJUIzJUUzJTgyJUIwODAlRTklODElQjgmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTc4NWIwZTA2ODAwOGU5YWVhNmE3ZWMzNGM4NDgxMzdm%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBudWtvLXN1a2UmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWYzNGY2MTNlZGVkYThlOGViM2MyMzU2NjQ2MjE1M2Fl%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g6YGL5Za26ICF44Ku44Or44OJ%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D2e0d48fd10595c72d9117431619e75c7" alt="Webフロントエンドパフォーマンスチューニング85選 - Qiita" title="Webフロントエンドパフォーマンスチューニング85選 - Qiita" class="entry-image" /></a></p><p>こんにちは、ぬこすけです。 近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。 例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。 また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇％アップ、CVR〇％ア...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/nuko-suke/items/50ba4e35289e98d95753"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/nuko-suke/items/50ba4e35289e98d95753" alt="はてなブックマーク - Webフロントエンドパフォーマンスチューニング85選 - Qiita" title="はてなブックマーク - Webフロントエンドパフォーマンスチューニング85選 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/nuko-suke/items/50ba4e35289e98d95753"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 588 https://zenn.dev/mizchi/articles/3789a101dae388d98159 simomm 2020-12-31T01:32:36Z フロントエンド frontend javascript ソフトウェア開発 プログラミング programming <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> 893 https://speakerdeck.com/mizchi/hurontoendoling-yu-wozai-ding-yi-suru simomm 2020-12-31T01:19:22Z フロントエンド frontend javascript ソフトウェア開発 プログラミング programming <blockquote cite="https://speakerdeck.com/mizchi/hurontoendoling-yu-wozai-ding-yi-suru" title="「フロントエンド領域」を再定義する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fmizchi%2Fhurontoendoling-yu-wozai-ding-yi-suru" alt="" /> <a href="https://speakerdeck.com/mizchi/hurontoendoling-yu-wozai-ding-yi-suru">「フロントエンド領域」を再定義する</a></cite><p><a href="https://speakerdeck.com/mizchi/hurontoendoling-yu-wozai-ding-yi-suru"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c1ec58647846cd40036406c5634a3ba56e42134f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fe8f0726858b44472b9761ecd802f973c%2Fslide_0.jpg%3F16673626" alt="「フロントエンド領域」を再定義する" title="「フロントエンド領域」を再定義する" class="entry-image" /></a></p><p>Frontend Study #1 訂正: 最後のzennの記事のリンク先は、正しくは https://zenn.dev/mizchi/articles/c638f1b3b0cd239d3eea です</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/mizchi/hurontoendoling-yu-wozai-ding-yi-suru"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/mizchi/hurontoendoling-yu-wozai-ding-yi-suru" alt="はてなブックマーク - 「フロントエンド領域」を再定義する" title="はてなブックマーク - 「フロントエンド領域」を再定義する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/mizchi/hurontoendoling-yu-wozai-ding-yi-suru"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 515 https://coliss.com/articles/build-websites/operation/work/front-end-developers-should-learn-in-2021.html simomm 2020-12-31T01:09:21Z フロントエンド frontend javascript ソフトウェア開発 プログラミング programming <blockquote cite="https://coliss.com/articles/build-websites/operation/work/front-end-developers-should-learn-in-2021.html" title="フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Ffront-end-developers-should-learn-in-2021.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/front-end-developers-should-learn-in-2021.html">フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/front-end-developers-should-learn-in-2021.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/20278bdc87606a9c9490542f661b8732b8b6d8a4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202004%2F2020120510%402x.png" alt="フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと" title="フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと" class="entry-image" /></a></p><p>フロントエンドのデベロッパーが2021年に向けて何に注目すべきかを紹介します。 特に上級職や転職など、ステップアップを目指す人は要チェックです！ 10 Things Front-End Developers Should Learn in 2021 by Simon Holdorf 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/front-end-developers-should-learn-in-2021.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/front-end-developers-should-learn-in-2021.html" alt="はてなブックマーク - フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと" title="はてなブックマーク - フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/front-end-developers-should-learn-in-2021.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 252 https://zenn.dev/koduki/articles/0fe6cc5ada58e5600f75 simomm 2020-10-19T12:49:24Z プログラミング programming フロントエンド frontend javascript react SPA <blockquote cite="https://zenn.dev/koduki/articles/0fe6cc5ada58e5600f75" title="レガシーおじさん、SPAを始めてみた。そして限界を知る"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fkoduki%2Farticles%2F0fe6cc5ada58e5600f75" alt="" /> <a href="https://zenn.dev/koduki/articles/0fe6cc5ada58e5600f75">レガシーおじさん、SPAを始めてみた。そして限界を知る</a></cite><p><a href="https://zenn.dev/koduki/articles/0fe6cc5ada58e5600f75"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/331fcdc2072477eb5f5e14bc3d0473b841a0f63e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--tlFWYuF3--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%2525AC%2525E3%252582%2525AC%2525E3%252582%2525B7%2525E3%252583%2525BC%2525E3%252581%25258A%2525E3%252581%252598%2525E3%252581%252595%2525E3%252582%252593%2525E3%252580%252581SPA%2525E3%252582%252592%2525E5%2525A7%25258B%2525E3%252582%252581%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252581%25259F%2525E3%252580%252582%2525E3%252581%25259D%2525E3%252581%252597%2525E3%252581%2525A6%2525E9%252599%252590%2525E7%252595%25258C%2525E3%252582%252592%2525E7%25259F%2525A5%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Akoduki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzM0NmExZDBlNTQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="レガシーおじさん、SPAを始めてみた。そして限界を知る" title="レガシーおじさん、SPAを始めてみた。そして限界を知る" class="entry-image" /></a></p><p>はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。 私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/koduki/articles/0fe6cc5ada58e5600f75"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/koduki/articles/0fe6cc5ada58e5600f75" alt="はてなブックマーク - レガシーおじさん、SPAを始めてみた。そして限界を知る" title="はてなブックマーク - レガシーおじさん、SPAを始めてみた。そして限界を知る" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/koduki/articles/0fe6cc5ada58e5600f75"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 842 https://techblog.recruit.co.jp/article-223/ simomm 2020-10-11T06:29:44Z 開発 プログラミング programming ソフトウェア開発 frontend フロントエンド javascript SPA react <blockquote cite="https://techblog.recruit.co.jp/article-223/" title="リクルートテクノロジーズ　エンジニアコース新人研修の内容を公開します！（2020年度版） | リクルート テックブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechblog.recruit.co.jp%2Farticle-223%2F" alt="" /> <a href="https://techblog.recruit.co.jp/article-223/">リクルートテクノロジーズ　エンジニアコース新人研修の内容を公開します！（2020年度版） | リクルート テックブログ</a></cite><p><a href="https://techblog.recruit.co.jp/article-223/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e2d6821c4cb80de97c797f99b81cad410fd384e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechblog.recruit.co.jp%2Fassets%2Frtc%2Fthumbnail%2F8663.jpg" alt="リクルートテクノロジーズ　エンジニアコース新人研修の内容を公開します！（2020年度版） | リクルート テックブログ" title="リクルートテクノロジーズ　エンジニアコース新人研修の内容を公開します！（2020年度版） | リクルート テックブログ" class="entry-image" /></a></p><p>こんにちは！ リクルートテクノロジーズでセキュリティエンジニアとして活動している、藤原 巧です。 毎年恒例となっており、大きな反響をいただいている、エンジニアコースの新人研修の内容を紹介させていただきます。 研修の概要 リクルートテクノロジーズでは、新卒採用の新人向けに３ヶ月間の技術研修を行っています...</p><p><a href="https://b.hatena.ne.jp/entry/s/techblog.recruit.co.jp/article-223/"><img src="https://b.hatena.ne.jp/entry/image/https://techblog.recruit.co.jp/article-223/" alt="はてなブックマーク - リクルートテクノロジーズ　エンジニアコース新人研修の内容を公開します！（2020年度版） | リクルート テックブログ" title="はてなブックマーク - リクルートテクノロジーズ　エンジニアコース新人研修の内容を公開します！（2020年度版） | リクルート テックブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techblog.recruit.co.jp/article-223/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1107