https://b.hatena.ne.jp/bluescreen/react/ reactに関するbluescreenのはてなブックマーク (101) https://qiita.com/Sicut_study/items/c0096caf21eefcd5c85f bluescreen 2025-11-12T13:27:48Z react 勉強 59 <blockquote cite="https://qiita.com/Sicut_study/items/c0096caf21eefcd5c85f" title="【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FSicut_study%2Fitems%2Fc0096caf21eefcd5c85f" alt="" /> <a href="https://qiita.com/Sicut_study/items/c0096caf21eefcd5c85f">【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 - Qiita</a></cite><p><a href="https://qiita.com/Sicut_study/items/c0096caf21eefcd5c85f"><img src="" alt="【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 - Qiita" title="【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 - Qiita" class="entry-image" /></a></p><p>はじめに こんにちは、Watanabe jinです。 ReactがAIも相まって選択されるケースが増えて学びたいと思っている人も多いかと思います。 私も過去にたくさんのReact教材をやりましたが、本当にやってよかったと思える教材はほぼありませんでした。 最初に選ぶ教材によってはReactの学習スピードは圧倒的に変わりますし、Re...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/Sicut_study/items/c0096caf21eefcd5c85f"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/Sicut_study/items/c0096caf21eefcd5c85f" alt="はてなブックマーク - 【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 - Qiita" title="はてなブックマーク - 【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/Sicut_study/items/c0096caf21eefcd5c85f"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/coji/articles/remix3-introduction bluescreen 2025-10-13T12:00:47Z react web 269 <blockquote cite="https://zenn.dev/coji/articles/remix3-introduction" title="Remix 3 発表まとめ - React を捨て、Web標準で新しい世界へ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fcoji%2Farticles%2Fremix3-introduction" alt="" /> <a href="https://zenn.dev/coji/articles/remix3-introduction">Remix 3 発表まとめ - React を捨て、Web標準で新しい世界へ</a></cite><p><a href="https://zenn.dev/coji/articles/remix3-introduction"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e3a1839ab7cd71d2a07dda1a37392d06b4e80c22/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--b-DF1nnC--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ARemix%2525203%252520%2525E7%252599%2525BA%2525E8%2525A1%2525A8%2525E3%252581%2525BE%2525E3%252581%2525A8%2525E3%252582%252581%252520-%252520React%252520%2525E3%252582%252592%2525E6%25258D%2525A8%2525E3%252581%2525A6%2525E3%252580%252581Web%2525E6%2525A8%252599%2525E6%2525BA%252596%2525E3%252581%2525A7%2525E6%252596%2525B0%2525E3%252581%252597%2525E3%252581%252584%2525E4%2525B8%252596%2525E7%252595%25258C%2525E3%252581%2525B8%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3ACoji%252520Mizoguchi%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pWY2RrNjcwV2NIdGs0anBHa2FGTDAxcERVUVlIX0JYdWE5aDRVNVE9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Remix 3 発表まとめ - React を捨て、Web標準で新しい世界へ" title="Remix 3 発表まとめ - React を捨て、Web標準で新しい世界へ" class="entry-image" /></a></p><p>はじめに 2025年10月10日、カナダのトロントで開催されたイベント &quot;Remix Jam 2025&quot; で Ryan Florence と Michael Jackson が Remix 3 を発表しました。このセッションは、React Router の生みの親たちが、なぜ React から離れ、独自のフレームワークを作ることにしたのか、その理由と新しいビジョンを語った歴史的な発...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/coji/articles/remix3-introduction"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/coji/articles/remix3-introduction" alt="はてなブックマーク - Remix 3 発表まとめ - React を捨て、Web標準で新しい世界へ" title="はてなブックマーク - Remix 3 発表まとめ - React を捨て、Web標準で新しい世界へ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/coji/articles/remix3-introduction"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/Sicut_study/items/9792f2f01dc887d4cb31 bluescreen 2025-09-16T10:48:09Z react 勉強 56 <blockquote cite="https://qiita.com/Sicut_study/items/9792f2f01dc887d4cb31" title="【初心者完全版】0からReactを始めてCI/CD構築までできるチュートリアル【TypeScript/GitHubActions/Vitest/Firebase】 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FSicut_study%2Fitems%2F9792f2f01dc887d4cb31" alt="" /> <a href="https://qiita.com/Sicut_study/items/9792f2f01dc887d4cb31">【初心者完全版】0からReactを始めてCI/CD構築までできるチュートリアル【TypeScript/GitHubActions/Vitest/Firebase】 - Qiita</a></cite><p><a href="https://qiita.com/Sicut_study/items/9792f2f01dc887d4cb31"><img src="" alt="【初心者完全版】0からReactを始めてCI/CD構築までできるチュートリアル【TypeScript/GitHubActions/Vitest/Firebase】 - Qiita" title="【初心者完全版】0からReactを始めてCI/CD構築までできるチュートリアル【TypeScript/GitHubActions/Vitest/Firebase】 - Qiita" class="entry-image" /></a></p><p>はじめに こんにちは、Watanabe Jin(@Sicut_study)です。 これまでReactで色々なアプリを開発したり、JISOUを通して多くのエンジニアに教えてきました。今ではある程度技術的にも詳しくなってきましたが、最初からある程度できたわけではありません。 特に「Reactに詳しくなれたな」「技術力が身についたな」「可能性を...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/Sicut_study/items/9792f2f01dc887d4cb31"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/Sicut_study/items/9792f2f01dc887d4cb31" alt="はてなブックマーク - 【初心者完全版】0からReactを始めてCI/CD構築までできるチュートリアル【TypeScript/GitHubActions/Vitest/Firebase】 - Qiita" title="はてなブックマーク - 【初心者完全版】0からReactを始めてCI/CD構築までできるチュートリアル【TypeScript/GitHubActions/Vitest/Firebase】 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/Sicut_study/items/9792f2f01dc887d4cb31"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/oukayuka/react-shi-iziyanakutemozhi-tuteokitaijiao-yang-tositeno-react bluescreen 2025-07-31T17:05:56Z react 勉強 229 <blockquote cite="https://speakerdeck.com/oukayuka/react-shi-iziyanakutemozhi-tuteokitaijiao-yang-tositeno-react" title="React 使いじゃなくても知っておきたい教養としての React"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Foukayuka%2Freact-shi-iziyanakutemozhi-tuteokitaijiao-yang-tositeno-react" alt="" /> <a href="https://speakerdeck.com/oukayuka/react-shi-iziyanakutemozhi-tuteokitaijiao-yang-tositeno-react">React 使いじゃなくても知っておきたい教養としての React</a></cite><p><a href="https://speakerdeck.com/oukayuka/react-shi-iziyanakutemozhi-tuteokitaijiao-yang-tositeno-react"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/988b6184bf08e5a90511605f913adde9cff8a701/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F4a99590b7a0e468481aa732b72fb0ada%2Fslide_0.jpg%3F36085395" alt="React 使いじゃなくても知っておきたい教養としての React" title="React 使いじゃなくても知っておきたい教養としての React" class="entry-image" /></a></p><p>Wake Career 主催「夏の『りあクト！』勉強会〜教養としてのReact／React Nativeのすすめ〜」のセッションで使用したスライドです。</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/oukayuka/react-shi-iziyanakutemozhi-tuteokitaijiao-yang-tositeno-react"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/oukayuka/react-shi-iziyanakutemozhi-tuteokitaijiao-yang-tositeno-react" alt="はてなブックマーク - React 使いじゃなくても知っておきたい教養としての React" title="はてなブックマーク - React 使いじゃなくても知っておきたい教養としての React" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/oukayuka/react-shi-iziyanakutemozhi-tuteokitaijiao-yang-tositeno-react"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/grooves/articles/a1d268ac45ed67 bluescreen 2025-04-21T15:53:25Z react デザイン 勉強 464 <blockquote cite="https://zenn.dev/grooves/articles/a1d268ac45ed67" title="React デザインパターン"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fgrooves%2Farticles%2Fa1d268ac45ed67" alt="" /> <a href="https://zenn.dev/grooves/articles/a1d268ac45ed67">React デザインパターン</a></cite><p><a href="https://zenn.dev/grooves/articles/a1d268ac45ed67"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/22424943d0b3c779c1502e9528db8e8b1791aed0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Bv_H_f55--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%252520%2525E3%252583%252587%2525E3%252582%2525B6%2525E3%252582%2525A4%2525E3%252583%2525B3%2525E3%252583%252591%2525E3%252582%2525BF%2525E3%252583%2525BC%2525E3%252583%2525B3%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3Ashimadama%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzI0N2I1NGFlZTQuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3A%2525E6%2525A0%2525AA%2525E5%2525BC%25258F%2525E4%2525BC%25259A%2525E7%2525A4%2525BEGrooves%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzIyMWQ4Zjg5MDEuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="React デザインパターン" title="React デザインパターン" class="entry-image" /></a></p><p>はじめに 長らくReactを雰囲気で書いてきました。コンポーネントを作り、propsを渡し、状態を管理する基本的な概念は理解していたものの、より体系的なアプローチや設計パターンについては深く考えずにコードを書いていました。しかし、より大規模で保守性の高いアプリケーションを構築するにつれ、単なる「動くコード」...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/grooves/articles/a1d268ac45ed67"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/grooves/articles/a1d268ac45ed67" alt="はてなブックマーク - React デザインパターン" title="はてなブックマーク - React デザインパターン" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/grooves/articles/a1d268ac45ed67"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/Sicut_study/items/3247f55e8ae7992485e1 bluescreen 2025-04-21T15:45:37Z react 勉強 325 <blockquote cite="https://qiita.com/Sicut_study/items/3247f55e8ae7992485e1" title="【図解解説】これ1本12分でReactのコンセプト全20種を理解できる教科書 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FSicut_study%2Fitems%2F3247f55e8ae7992485e1" alt="" /> <a href="https://qiita.com/Sicut_study/items/3247f55e8ae7992485e1">【図解解説】これ1本12分でReactのコンセプト全20種を理解できる教科書 - Qiita</a></cite><p><a href="https://qiita.com/Sicut_study/items/3247f55e8ae7992485e1"><img src="" alt="【図解解説】これ1本12分でReactのコンセプト全20種を理解できる教科書 - Qiita" title="【図解解説】これ1本12分でReactのコンセプト全20種を理解できる教科書 - Qiita" class="entry-image" /></a></p><p>はじめに こんにちは、Watanabe Jin(@Sicut_study)です。 ReactはAIブームなども相まって人気のJavaScriptフレームワークです。今後も更にReactを利用したアプリケーションは増えることが想像できます。 Reactのコンセプト(基礎)をしっかりと理解することは、効率的で保守性の高いアプリケーション開発において不可欠で...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/Sicut_study/items/3247f55e8ae7992485e1"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/Sicut_study/items/3247f55e8ae7992485e1" alt="はてなブックマーク - 【図解解説】これ1本12分でReactのコンセプト全20種を理解できる教科書 - Qiita" title="はてなブックマーク - 【図解解説】これ1本12分でReactのコンセプト全20種を理解できる教科書 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/Sicut_study/items/3247f55e8ae7992485e1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/javascript/react-concept-explained.html bluescreen 2024-09-25T13:47:33Z react 52 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/react-concept-explained.html" title="たった5分で分かる！ Reactのコンセプトや用語をやさしく解説"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Freact-concept-explained.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/react-concept-explained.html">たった5分で分かる！ Reactのコンセプトや用語をやさしく解説</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/react-concept-explained.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4044742e50e7c8144e0196a5988bf8af5d85e4f0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202403%2F2024092101%402x.png" alt="たった5分で分かる！ Reactのコンセプトや用語をやさしく解説" title="たった5分で分かる！ Reactのコンセプトや用語をやさしく解説" class="entry-image" /></a></p><p>Reactは、WebサイトやスマホアプリのUIを構築する人気が高いJavaScriptのライブラリです。再利用可能なコンポーネントを作成し、複雑なUIでも効率的に管理できるようにすることで、フロントエンドの開発に革命をもたらしました。 Reactを始めたいけどなんだか難しそう、、、そんな人にReactを簡単に理解できるようにReac...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/react-concept-explained.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/react-concept-explained.html" alt="はてなブックマーク - たった5分で分かる！ Reactのコンセプトや用語をやさしく解説" title="はてなブックマーク - たった5分で分かる！ Reactのコンセプトや用語をやさしく解説" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/react-concept-explained.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/recruitengineers/react-yan-xiu-2024 bluescreen 2024-08-10T10:08:32Z react 360 <blockquote cite="https://speakerdeck.com/recruitengineers/react-yan-xiu-2024" title="React 研修 (2024)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Frecruitengineers%2Freact-yan-xiu-2024" alt="" /> <a href="https://speakerdeck.com/recruitengineers/react-yan-xiu-2024">React 研修 (2024)</a></cite><p><a href="https://speakerdeck.com/recruitengineers/react-yan-xiu-2024"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9296806e08a3479e1fc7acb8cc65f19db52732c7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fc0e7c1d0f02049d78aae66a181bdb14f%2Fslide_0.jpg%3F31297656" alt="React 研修 (2024)" title="React 研修 (2024)" class="entry-image" /></a></p><p>2024年度リクルート エンジニアコース新人研修の講義資料です</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/recruitengineers/react-yan-xiu-2024"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/recruitengineers/react-yan-xiu-2024" alt="はてなブックマーク - React 研修 (2024)" title="はてなブックマーク - React 研修 (2024)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/recruitengineers/react-yan-xiu-2024"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/yamayuski/articles/fd7e3eb29473e4 bluescreen 2024-08-07T12:30:13Z react web 143 <blockquote cite="https://zenn.dev/yamayuski/articles/fd7e3eb29473e4" title="何故 jQuery ではなく React/Vue/Svelte が流行するのか？"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fyamayuski%2Farticles%2Ffd7e3eb29473e4" alt="" /> <a href="https://zenn.dev/yamayuski/articles/fd7e3eb29473e4">何故 jQuery ではなく React/Vue/Svelte が流行するのか？</a></cite><p><a href="https://zenn.dev/yamayuski/articles/fd7e3eb29473e4"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1f37c3078a0f59618a86935fd438d78a18efafe8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--t_jZf4g9--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E4%2525BD%252595%2525E6%252595%252585%252520jQuery%252520%2525E3%252581%2525A7%2525E3%252581%2525AF%2525E3%252581%2525AA%2525E3%252581%25258F%252520React%25252FVue%25252FSvelte%252520%2525E3%252581%25258C%2525E6%2525B5%252581%2525E8%2525A1%25258C%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%2525AE%2525E3%252581%25258B%2525EF%2525BC%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%252584%2525E3%252581%2525BE%2525E3%252582%252586%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2I5NjI1OTZlMTMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="何故 jQuery ではなく React/Vue/Svelte が流行するのか？" title="何故 jQuery ではなく React/Vue/Svelte が流行するのか？" class="entry-image" /></a></p><p>こんにちは。 jQuery から商業プログラミングに入門したやまゆです。 なぜ jQuery だと古い、ダメだと言われるのでしょうか？いいじゃん。 $.ajax で簡単にデータ引っ張ってこれるし、 $(&quot;#btn&quot;).click(function () { alert(&quot;押した！&quot;); }); は誰が見ても何が起こるか一瞬で分かる Simple さがあるじゃん。なんでわざわ...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/yamayuski/articles/fd7e3eb29473e4"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/yamayuski/articles/fd7e3eb29473e4" alt="はてなブックマーク - 何故 jQuery ではなく React/Vue/Svelte が流行するのか？" title="はてなブックマーク - 何故 jQuery ではなく React/Vue/Svelte が流行するのか？" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/yamayuski/articles/fd7e3eb29473e4"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://scrapbox.io/honey32/%E5%B7%B7%E3%81%AE%E3%80%8CReact%E3%81%A8Next.js%E3%81%AE%E6%AF%94%E8%BC%83%E3%80%8D%E3%81%AF%E3%81%93%E3%81%93%E3%81%8C%E3%81%8A%E3%81%8B%E3%81%97%E3%81%84%E3%80%81%E3%81%A8%E3%81%84%E3%81%86%E3%81%8B%E6%AF%94%E8%BC%83%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E8%87%AA%E4%BD%93%E3%81%8C%E5%BE%AE%E5%A6%99 bluescreen 2024-05-05T23:42:00Z react next.js 184 <blockquote cite="https://scrapbox.io/honey32/%E5%B7%B7%E3%81%AE%E3%80%8CReact%E3%81%A8Next.js%E3%81%AE%E6%AF%94%E8%BC%83%E3%80%8D%E3%81%AF%E3%81%93%E3%81%93%E3%81%8C%E3%81%8A%E3%81%8B%E3%81%97%E3%81%84%E3%80%81%E3%81%A8%E3%81%84%E3%81%86%E3%81%8B%E6%AF%94%E8%BC%83%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E8%87%AA%E4%BD%93%E3%81%8C%E5%BE%AE%E5%A6%99" title="巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fscrapbox.io%2Fhoney32%2F%25E5%25B7%25B7%25E3%2581%25AE%25E3%2580%258CReact%25E3%2581%25A8Next.js%25E3%2581%25AE%25E6%25AF%2594%25E8%25BC%2583%25E3%2580%258D%25E3%2581%25AF%25E3%2581%2593%25E3%2581%2593%25E3%2581%258C%25E3%2581%258A%25E3%2581%258B%25E3%2581%2597%25E3%2581%2584%25E3%2580%2581%25E3%2581%25A8%25E3%2581%2584%25E3%2581%2586%25E3%2581%258B%25E6%25AF%2594%25E8%25BC%2583%25E3%2581%2599%25E3%2582%258B%25E3%2581%2593%25E3%2581%25A8%25E8%2587%25AA%25E4%25BD%2593%25E3%2581%258C%25E5%25BE%25AE%25E5%25A6%2599" alt="" /> <a href="https://scrapbox.io/honey32/%E5%B7%B7%E3%81%AE%E3%80%8CReact%E3%81%A8Next.js%E3%81%AE%E6%AF%94%E8%BC%83%E3%80%8D%E3%81%AF%E3%81%93%E3%81%93%E3%81%8C%E3%81%8A%E3%81%8B%E3%81%97%E3%81%84%E3%80%81%E3%81%A8%E3%81%84%E3%81%86%E3%81%8B%E6%AF%94%E8%BC%83%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E8%87%AA%E4%BD%93%E3%81%8C%E5%BE%AE%E5%A6%99">巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32</a></cite><p><a href="https://scrapbox.io/honey32/%E5%B7%B7%E3%81%AE%E3%80%8CReact%E3%81%A8Next.js%E3%81%AE%E6%AF%94%E8%BC%83%E3%80%8D%E3%81%AF%E3%81%93%E3%81%93%E3%81%8C%E3%81%8A%E3%81%8B%E3%81%97%E3%81%84%E3%80%81%E3%81%A8%E3%81%84%E3%81%86%E3%81%8B%E6%AF%94%E8%BC%83%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E8%87%AA%E4%BD%93%E3%81%8C%E5%BE%AE%E5%A6%99"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/67ba3850ee9b1bab973d498fe540f29f70b95976/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fscrapbox.io%2Ffiles%2F6632fbb6ee33ba002449cf1f.png%3Ftype%3Dthumbnail" alt="巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32" title="巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32" class="entry-image" /></a></p><p>(WIP まとまったら Qiita とかに上げるかも) TLDR; 「React と Next.js を比較」という記事で、 Next.js と比較できるのは「フレームワークなしで React を使うという選択肢」であって、「React そのもの」ではない。 ✅️ React を使うのに 「フレームワークあり」 vs 「フレームワークなし」 ❌️「React」 vs 「Next.js」...</p><p><a href="https://b.hatena.ne.jp/entry/s/scrapbox.io/honey32/%E5%B7%B7%E3%81%AE%E3%80%8CReact%E3%81%A8Next.js%E3%81%AE%E6%AF%94%E8%BC%83%E3%80%8D%E3%81%AF%E3%81%93%E3%81%93%E3%81%8C%E3%81%8A%E3%81%8B%E3%81%97%E3%81%84%E3%80%81%E3%81%A8%E3%81%84%E3%81%86%E3%81%8B%E6%AF%94%E8%BC%83%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E8%87%AA%E4%BD%93%E3%81%8C%E5%BE%AE%E5%A6%99"><img src="https://b.hatena.ne.jp/entry/image/https://scrapbox.io/honey32/%E5%B7%B7%E3%81%AE%E3%80%8CReact%E3%81%A8Next.js%E3%81%AE%E6%AF%94%E8%BC%83%E3%80%8D%E3%81%AF%E3%81%93%E3%81%93%E3%81%8C%E3%81%8A%E3%81%8B%E3%81%97%E3%81%84%E3%80%81%E3%81%A8%E3%81%84%E3%81%86%E3%81%8B%E6%AF%94%E8%BC%83%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E8%87%AA%E4%BD%93%E3%81%8C%E5%BE%AE%E5%A6%99" alt="はてなブックマーク - 巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32" title="はてなブックマーク - 巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/scrapbox.io/honey32/%E5%B7%B7%E3%81%AE%E3%80%8CReact%E3%81%A8Next.js%E3%81%AE%E6%AF%94%E8%BC%83%E3%80%8D%E3%81%AF%E3%81%93%E3%81%93%E3%81%8C%E3%81%8A%E3%81%8B%E3%81%97%E3%81%84%E3%80%81%E3%81%A8%E3%81%84%E3%81%86%E3%81%8B%E6%AF%94%E8%BC%83%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E8%87%AA%E4%BD%93%E3%81%8C%E5%BE%AE%E5%A6%99"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/recruitengineers/react-2023 bluescreen 2023-08-29T16:11:44Z react 勉強 309 <blockquote cite="https://speakerdeck.com/recruitengineers/react-2023" title="React"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Frecruitengineers%2Freact-2023" alt="" /> <a href="https://speakerdeck.com/recruitengineers/react-2023">React</a></cite><p><a href="https://speakerdeck.com/recruitengineers/react-2023"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/00b3e00ea2c4890dbfe7fc1153cf274ef3aae4f7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fa4b918f3c71b46f591102cfcbcc04ee9%2Fslide_0.jpg%3F26656860" alt="React" title="React" class="entry-image" /></a></p><p>2023年度リクルート エンジニアコース新人研修の講義資料です</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/recruitengineers/react-2023"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/recruitengineers/react-2023" alt="はてなブックマーク - React" title="はてなブックマーク - React" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/recruitengineers/react-2023"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/hrbrain/articles/437d0b7492ac47 bluescreen 2023-05-09T23:15:18Z react 334 <blockquote cite="https://zenn.dev/hrbrain/articles/437d0b7492ac47" title="React Application Architecture for Production〜これ一冊で全てが網羅〜"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fhrbrain%2Farticles%2F437d0b7492ac47" alt="" /> <a href="https://zenn.dev/hrbrain/articles/437d0b7492ac47">React Application Architecture for Production〜これ一冊で全てが網羅〜</a></cite><p><a href="https://zenn.dev/hrbrain/articles/437d0b7492ac47"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5a931e0d3809bd3f7f1b068870835f69f2e0dcaf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--6VLW_iZK--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%252520Application%252520Architecture%252520for%252520Production%2525E3%252580%25259C%2525E3%252581%252593%2525E3%252582%25258C%2525E4%2525B8%252580%2525E5%252586%25258A%2525E3%252581%2525A7%2525E5%252585%2525A8%2525E3%252581%2525A6%2525E3%252581%25258C%2525E7%2525B6%2525B2%2525E7%2525BE%252585%2525E3%252580%25259C%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3Aytaisei%2525EF%2525BC%252588%2525E3%252581%25259F%2525E3%252581%252584%2525E3%252581%25259B%2525E3%252583%2525BC%2525EF%2525BC%252589%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzAwMWM1ODVhOWQuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fg_south_west%252Ch_34%252Cl_default%3Aog-publication-pro-mark-xcosax%252Cw_34%252Cx_217%252Cy_158%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3A%2525E6%2525A0%2525AA%2525E5%2525BC%25258F%2525E4%2525BC%25259A%2525E7%2525A4%2525BEHRBrain%252Cx_255%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzZmNTZlNDI3NWQuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="React Application Architecture for Production〜これ一冊で全てが網羅〜" title="React Application Architecture for Production〜これ一冊で全てが網羅〜" class="entry-image" /></a></p><p>はじめに この記事は、Alan Alickovicさんの著書「React Application Architecture for Production」をまとめたものになります。Alanさんと言えばZennで最も人気のある記事「bulletproof-react」の作者であり、彼のprojectから学ぶことはとても多い印象です。 今回紹介する本は2023年1月に公開されたため、bulletproof-r...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/hrbrain/articles/437d0b7492ac47"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/hrbrain/articles/437d0b7492ac47" alt="はてなブックマーク - React Application Architecture for Production〜これ一冊で全てが網羅〜" title="はてなブックマーク - React Application Architecture for Production〜これ一冊で全てが網羅〜" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/hrbrain/articles/437d0b7492ac47"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sbfl.net/blog/2019/11/12/react-hooks-introduction/ bluescreen 2022-11-22T14:39:35Z react 勉強 367 <blockquote cite="https://sbfl.net/blog/2019/11/12/react-hooks-introduction/" title="最近Reactを始めた人向けのReact Hooks入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsbfl.net%2Fblog%2F2019%2F11%2F12%2Freact-hooks-introduction%2F" alt="" /> <a href="https://sbfl.net/blog/2019/11/12/react-hooks-introduction/">最近Reactを始めた人向けのReact Hooks入門</a></cite><p><a href="https://sbfl.net/blog/2019/11/12/react-hooks-introduction/"><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 Hooks入門" title="最近Reactを始めた人向けのReact Hooks入門" class="entry-image" /></a></p><p>ReactにHooksの仕組みが導入されてからずいぶん経ちました。Hooks導入当時のコミュニティの熱狂は、それはもう凄いものでした。「Reactにとんでもない機能が実装されたぞ！」と大騒ぎで、Hooksについての新しい記事を見ない日はありませんでした。 そんな盛り上がりも冷めつつあり、Hooksも実務に密着した「当たり前」の...</p><p><a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2019/11/12/react-hooks-introduction/"><img src="https://b.hatena.ne.jp/entry/image/https://sbfl.net/blog/2019/11/12/react-hooks-introduction/" alt="はてなブックマーク - 最近Reactを始めた人向けのReact Hooks入門" title="はてなブックマーク - 最近Reactを始めた人向けのReact Hooks入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2019/11/12/react-hooks-introduction/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/KNR109/items/d127687d54a12e992143 bluescreen 2022-10-20T15:13:26Z Javascript react 190 <blockquote cite="https://qiita.com/KNR109/items/d127687d54a12e992143" title="Reactを学ぶ上で知っておくべきJavaScriptの基本概念 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FKNR109%2Fitems%2Fd127687d54a12e992143" alt="" /> <a href="https://qiita.com/KNR109/items/d127687d54a12e992143">Reactを学ぶ上で知っておくべきJavaScriptの基本概念 - Qiita</a></cite><p><a href="https://qiita.com/KNR109/items/d127687d54a12e992143"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c518bf869ea756ea8f046dd31aa598cf0eeadb79/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9UmVhY3QlRTMlODIlOTIlRTUlQUQlQTYlRTMlODElQjYlRTQlQjglOEElRTMlODElQTclRTclOUYlQTUlRTMlODElQTMlRTMlODElQTYlRTMlODElOEElRTMlODElOEYlRTMlODElQjklRTMlODElOERKYXZhU2NyaXB0JUUzJTgxJUFFJUU1JTlGJUJBJUU2JTlDJUFDJUU2JUE2JTgyJUU1JUJGJUI1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wYmEwM2ZjOGYxNWYyNDVkYmM0MDU1ZWQ5NjE2NDJmOA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwS05SMTA5JTIwaW4lMjAlRTYlQTAlQUElRTUlQkMlOEYlRTQlQkMlOUElRTclQTQlQkUlRTMlODIlQTQlRTMlODMlOEUlRTMlODMlOTklRTMlODIlQTQlRTMlODMlODYlRTMlODIlQTMlRTMlODIlQTImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWFmMGY3NjY3NGMyNWViZTEwYmI3OGFhY2JkZTQwZjAx%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D61d44b87baac0b9a559052aaa50c5f51" alt="Reactを学ぶ上で知っておくべきJavaScriptの基本概念 - Qiita" title="Reactを学ぶ上で知っておくべきJavaScriptの基本概念 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/KNR109/items/d127687d54a12e992143"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/KNR109/items/d127687d54a12e992143" alt="はてなブックマーク - Reactを学ぶ上で知っておくべきJavaScriptの基本概念 - Qiita" title="はてなブックマーク - Reactを学ぶ上で知っておくべきJavaScriptの基本概念 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/KNR109/items/d127687d54a12e992143"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/kztmk_media_pep/items/11d063a155d414a102b1 bluescreen 2022-10-11T14:09:58Z TypeScript react 257 <blockquote cite="https://qiita.com/kztmk_media_pep/items/11d063a155d414a102b1" title="2022年秋版　最新React/Typescript開発環境の作成 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fkztmk_media_pep%2Fitems%2F11d063a155d414a102b1" alt="" /> <a href="https://qiita.com/kztmk_media_pep/items/11d063a155d414a102b1">2022年秋版　最新React/Typescript開発環境の作成 - Qiita</a></cite><p><a href="https://qiita.com/kztmk_media_pep/items/11d063a155d414a102b1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/adda89e41fdba2b4b261ac9acfafb792acceccc0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDg0OSUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MDk1Mj9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9ZDdiYTNiNDBlZmY5ODg3MGRlMjU5NmI5NmQ2OWE1NjY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D2d9196b6a40a773ca142fc148972249e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9MjAyMiVFNSVCOSVCNCVFNyVBNyU4QiVFNyU4OSU4OCVFMyU4MCU4MCVFNiU5QyU4MCVFNiU5NiVCMFJlYWN0JTJGVHlwZXNjcmlwdCVFOSU5NiU4QiVFNyU5OSVCQSVFNyU5MiVCMCVFNSVBMiU4MyVFMyU4MSVBRSVFNCVCRCU5QyVFNiU4OCU5MCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWFlMmFhMTI3NzVhZGJiOGY5MjAwNjYyZDAxMGUwNzFl%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrenRta19tZWRpYV9wZXAmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz05NzczZjU3NTJmNDFkODIxNzBhMGUyNjhkNzE4ZTA5OQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D3bd74130d687dd5b9598f83d81853a6e" alt="2022年秋版　最新React/Typescript開発環境の作成 - Qiita" title="2022年秋版　最新React/Typescript開発環境の作成 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/kztmk_media_pep/items/11d063a155d414a102b1"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/kztmk_media_pep/items/11d063a155d414a102b1" alt="はてなブックマーク - 2022年秋版　最新React/Typescript開発環境の作成 - Qiita" title="はてなブックマーク - 2022年秋版　最新React/Typescript開発環境の作成 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/kztmk_media_pep/items/11d063a155d414a102b1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/nameless_sn/articles/four-tsframework_suggestion bluescreen 2022-10-03T14:46:58Z TypeScript react 81 <blockquote cite="https://zenn.dev/nameless_sn/articles/four-tsframework_suggestion" title="【必見】これから学ぶべきTypeScriptフレームワーク 4選"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fnameless_sn%2Farticles%2Ffour-tsframework_suggestion" alt="" /> <a href="https://zenn.dev/nameless_sn/articles/four-tsframework_suggestion">【必見】これから学ぶべきTypeScriptフレームワーク 4選</a></cite><p><a href="https://zenn.dev/nameless_sn/articles/four-tsframework_suggestion"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ef9d8eecb002488dae2ff71bdd54734ea62f9867/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--6z4PfoXi--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590%2525E5%2525BF%252585%2525E8%2525A6%25258B%2525E3%252580%252591%2525E3%252581%252593%2525E3%252582%25258C%2525E3%252581%25258B%2525E3%252582%252589%2525E5%2525AD%2525A6%2525E3%252581%2525B6%2525E3%252581%2525B9%2525E3%252581%25258DTypeScript%2525E3%252583%252595%2525E3%252583%2525AC%2525E3%252583%2525BC%2525E3%252583%2525A0%2525E3%252583%2525AF%2525E3%252583%2525BC%2525E3%252582%2525AF%2525204%2525E9%252581%2525B8%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AShota%252520Nukumizu%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FGZFp1Y3BpRWxxcmxndGkyV3NPQ2dpcmg2R1dFS3NaSC1SOHJOTE1JcXNscWc9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="【必見】これから学ぶべきTypeScriptフレームワーク 4選" title="【必見】これから学ぶべきTypeScriptフレームワーク 4選" class="entry-image" /></a></p><p>はじめに 今回の記事では、私の独断と偏見でこれから学ぶべきTypeScriptフレームワークを4つ徹底解説する。今回の記事を参考に、TypeScriptを深く学ぶことにつながれば幸いである。TypeScriptが使われているフレームワークは数多く存在するので、何から手を付ければいいのかわからない人も少なくないだろう。もしこの記...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/nameless_sn/articles/four-tsframework_suggestion"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/nameless_sn/articles/four-tsframework_suggestion" alt="はてなブックマーク - 【必見】これから学ぶべきTypeScriptフレームワーク 4選" title="はてなブックマーク - 【必見】これから学ぶべきTypeScriptフレームワーク 4選" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/nameless_sn/articles/four-tsframework_suggestion"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/boke0/articles/12e81125813b18 bluescreen 2022-08-21T10:15:56Z react 263 <blockquote cite="https://zenn.dev/boke0/articles/12e81125813b18" title="React/Next.jsでの俺的ベストプラクティスを見てくれ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fboke0%2Farticles%2F12e81125813b18" alt="" /> <a href="https://zenn.dev/boke0/articles/12e81125813b18">React/Next.jsでの俺的ベストプラクティスを見てくれ</a></cite><p><a href="https://zenn.dev/boke0/articles/12e81125813b18"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dc368c603666578f9f0265922be4b46858f8297e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--N8cT_AcL--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%25252FNext.js%2525E3%252581%2525A7%2525E3%252581%2525AE%2525E4%2525BF%2525BA%2525E7%25259A%252584%2525E3%252583%252599%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252583%252597%2525E3%252583%2525A9%2525E3%252582%2525AF%2525E3%252583%252586%2525E3%252582%2525A3%2525E3%252582%2525B9%2525E3%252582%252592%2525E8%2525A6%25258B%2525E3%252581%2525A6%2525E3%252581%25258F%2525E3%252582%25258C%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E6%25259C%2525A8%2525E7%252593%25259C%2525E4%2525B8%2525B8%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzFjZmE1MjMzYjIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="React/Next.jsでの俺的ベストプラクティスを見てくれ" title="React/Next.jsでの俺的ベストプラクティスを見てくれ" class="entry-image" /></a></p><p>木瓜丸です。 最近になって、やっとNext.jsを上手く使いこなせてるんじゃないか？！と思えるようなコンポーネントの設計手法を見つけたので、Zennにまとめてみたいなと思います。 この記事で触れること この記事では、主にページ単位でどのように状態管理を行うのかに焦点を当てることにします。 コンポーネントの管理の...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/boke0/articles/12e81125813b18"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/boke0/articles/12e81125813b18" alt="はてなブックマーク - React/Next.jsでの俺的ベストプラクティスを見てくれ" title="はてなブックマーク - React/Next.jsでの俺的ベストプラクティスを見てくれ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/boke0/articles/12e81125813b18"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.uhy.ooo/entry/2022-08-11/typescript-react-nextjs/ bluescreen 2022-08-12T07:19:09Z TypeScript react 303 <blockquote cite="https://blog.uhy.ooo/entry/2022-08-11/typescript-react-nextjs/" title="書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.uhy.ooo%2Fentry%2F2022-08-11%2Ftypescript-react-nextjs%2F" alt="" /> <a href="https://blog.uhy.ooo/entry/2022-08-11/typescript-react-nextjs/">書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog</a></cite><p><a href="https://blog.uhy.ooo/entry/2022-08-11/typescript-react-nextjs/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4c2c5639d9197167c1f6023d9e6ab20cd03a0efb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.uhy.ooo%2Fimages%2Fblog-logo-256.png" alt="書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog" title="書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog" class="entry-image" /></a></p><p>皆さんこんにちは。今回は、2022年7月25発売の『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』を読み終わったので、書評という形で感想と紹介を述べたいと思います。筆者はもともと技術書を読まず「ネットでいいやん」派だったのですが、このたびTypeScript入門書を出版したこともあり、それを過去...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.uhy.ooo/entry/2022-08-11/typescript-react-nextjs/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.uhy.ooo/entry/2022-08-11/typescript-react-nextjs/" alt="はてなブックマーク - 書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog" title="はてなブックマーク - 書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.uhy.ooo/entry/2022-08-11/typescript-react-nextjs/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/tronicboy/items/18c36cb713f77af627d8 bluescreen 2022-07-07T12:50:39Z react 354 <blockquote cite="https://qiita.com/tronicboy/items/18c36cb713f77af627d8" title="React、過剰に複雑な代物。 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ftronicboy%2Fitems%2F18c36cb713f77af627d8" alt="" /> <a href="https://qiita.com/tronicboy/items/18c36cb713f77af627d8">React、過剰に複雑な代物。 - Qiita</a></cite><p><a href="https://qiita.com/tronicboy/items/18c36cb713f77af627d8"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8aee62a96e0d7ca3d54f762d08b24c8a06097ae5/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmVhY3QlRTMlODAlODElRTklODElOEUlRTUlODklQjAlRTMlODElQUIlRTglQTQlODclRTklOUIlOTElRTMlODElQUElRTQlQkIlQTMlRTclODklQTklRTMlODAlODImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTQ1NWFhYTgxYmFjNGI5OWVlZWU2YzY4Y2U3ZGM2N2Qx%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0cm9uaWNib3kmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTEwNjIzYmJjMzg1YjRjOTI5MDIyM2Y5NjllOWE3OTY4%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g44Gh44KF44KJ44OH44O844K_5qCq5byP5Lya56S-%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%3D99ef8a74a8f89d4e9214693dff042b1e" alt="React、過剰に複雑な代物。 - Qiita" title="React、過剰に複雑な代物。 - Qiita" class="entry-image" /></a></p><p>はいさい！ちゅらデータぬオースティンやいびーん！ 今回の記事は筆者に珍しく、技術紹介ではなく、僕の個人的な意見を書きます。あくまでも、自説です。 React自体は画期的で、プログラミング界に貢献したプロジェクトだと思っていますし、完全に否定したいわけではありません。 Reactに対する違和感＝芽生えては大きく...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/tronicboy/items/18c36cb713f77af627d8"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/tronicboy/items/18c36cb713f77af627d8" alt="はてなブックマーク - React、過剰に複雑な代物。 - Qiita" title="はてなブックマーク - React、過剰に複雑な代物。 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/tronicboy/items/18c36cb713f77af627d8"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/SMAC/items/201c133d6eeaabf675a7 bluescreen 2022-07-05T13:23:31Z Javascript TypeScript react 勉強 440 <blockquote cite="https://qiita.com/SMAC/items/201c133d6eeaabf675a7" title="フロント学習の最高の教材集 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FSMAC%2Fitems%2F201c133d6eeaabf675a7" alt="" /> <a href="https://qiita.com/SMAC/items/201c133d6eeaabf675a7">フロント学習の最高の教材集 - Qiita</a></cite><p><a href="https://qiita.com/SMAC/items/201c133d6eeaabf675a7"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3dcb4677d6985d0329b858ad79890c6a0cb50aa3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTIwJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUU1JUFEJUE2JUU3JUJGJTkyJUUzJTgxJUFFJUU2JTlDJTgwJUU5JUFCJTk4JUUzJTgxJUFFJUU2JTk1JTk5JUU2JTlEJTkwJUU5JTlCJTg2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jNzc1ODc0ZWY0MzMyMGFkYTA4ZDE1Y2JjNTMzYTE2Ng%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBLTlIxMDkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWY1ZGFmMjAxYTg2MDk1MDA5NjFmMzdmZDM2MmQ1ODRk%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Kk44OO44OZ44Kk44OG44Kj44Ki%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D0c96300cd331d9aa2029f5c12b78de28" alt="フロント学習の最高の教材集 - Qiita" title="フロント学習の最高の教材集 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 今回はフロント学習で重宝できる教材をまとめました。 軽く自己紹介として、自分は新卒でフロントエンジニアとして入社し2022年で2年目になります。 実際に実務を通す中で...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/SMAC/items/201c133d6eeaabf675a7"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/SMAC/items/201c133d6eeaabf675a7" alt="はてなブックマーク - フロント学習の最高の教材集 - Qiita" title="はてなブックマーク - フロント学習の最高の教材集 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/SMAC/items/201c133d6eeaabf675a7"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>