https://b.hatena.ne.jp/winterfall/react/ reactに関するwinterfallのはてなブックマーク (64) https://github.com/millionco/react-doctor きになる winterfall 2026-02-19T00:39:17Z react 25 <blockquote cite="https://github.com/millionco/react-doctor" title="GitHub - millionco/react-doctor: Let coding agents diagnose and fix your React code"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fmillionco%2Freact-doctor" alt="" /> <a href="https://github.com/millionco/react-doctor">GitHub - millionco/react-doctor: Let coding agents diagnose and fix your React code</a></cite><p><a href="https://github.com/millionco/react-doctor"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e165985299568d1a027c0c2b01947b3f6fb47101/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F217ee715d1cf734a7220e5f458892457c8b0db8190736c83008094584a7bfd8c%2Fmillionco%2Freact-doctor" alt="GitHub - millionco/react-doctor: Let coding agents diagnose and fix your React code" title="GitHub - millionco/react-doctor: Let coding agents diagnose and fix your React code" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/millionco/react-doctor"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/millionco/react-doctor" alt="はてなブックマーク - GitHub - millionco/react-doctor: Let coding agents diagnose and fix your React code" title="はてなブックマーク - GitHub - millionco/react-doctor: Let coding agents diagnose and fix your React code" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/millionco/react-doctor"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/uhyo/items/0d6797b848ed41d0e697 winterfall 2026-02-10T00:27:59Z React techfeed 11 <blockquote cite="https://qiita.com/uhyo/items/0d6797b848ed41d0e697" title="React 19の型定義では「FC」と「ReactNodeを返す関数」が違う - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fuhyo%2Fitems%2F0d6797b848ed41d0e697" alt="" /> <a href="https://qiita.com/uhyo/items/0d6797b848ed41d0e697">React 19の型定義では「FC」と「ReactNodeを返す関数」が違う - Qiita</a></cite><p><a href="https://qiita.com/uhyo/items/0d6797b848ed41d0e697"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/25e8ce7ffb8187565843393160177197b00233a7/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjMzNjY3JTJGcHJvZmlsZS1pbWFnZXMlMkYxNjA4NTQzMTU4P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz05MjM2M2M0ZTNmNDk0NWQ5YzU4MDc1MTY2MWYzOWNkMQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D093c4a20b5e519dcc231e233987ce674%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9UmVhY3QlMjAxOSVFMyU4MSVBRSVFNSU5RSU4QiVFNSVBRSU5QSVFNyVCRSVBOSVFMyU4MSVBNyVFMyU4MSVBRiVFMyU4MCU4Q0ZDJUUzJTgwJThEJUUzJTgxJUE4JUUzJTgwJThDUmVhY3ROb2RlJUUzJTgyJTkyJUU4JUJGJTk0JUUzJTgxJTk5JUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgwJThEJUUzJTgxJThDJUU5JTgxJTk1JUUzJTgxJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9M2Y5NTE2NmQ5YjIxOTBhZmRjZWUwN2QzYjljM2RhNjI%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB1aHlvJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9OGNlNjBjZTc2NjZmOWExMjZkZWI5ZmUxYzA0NzNlN2I%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dc05915f66966be217b7b977142209e0f" alt="React 19の型定義では「FC」と「ReactNodeを返す関数」が違う - Qiita" title="React 19の型定義では「FC」と「ReactNodeを返す関数」が違う - Qiita" class="entry-image" /></a></p><p>対象読者: 現在React 18以前を使っていて、React 19にそのうち上げたいと思っている方。React 19の型定義の背景を知りたい方 みなさんこんにちは。筆者は最近気づいたのですが、React 18から19に上げるときに問題になる（型エラーになる）パターンがあります。React 19アップグレードガイドにもいくつか型の変更が載って...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/uhyo/items/0d6797b848ed41d0e697"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/uhyo/items/0d6797b848ed41d0e697" alt="はてなブックマーク - React 19の型定義では「FC」と「ReactNodeを返す関数」が違う - Qiita" title="はてなブックマーク - React 19の型定義では「FC」と「ReactNodeを返す関数」が違う - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/uhyo/items/0d6797b848ed41d0e697"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ics.media/entry/250410/ winterfall 2025-04-12T02:57:30Z React techfeed 65 <blockquote cite="https://ics.media/entry/250410/" title="React Three Fiber入門 - ReactとThree.jsで始める3D表現 - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F250410%2F" alt="" /> <a href="https://ics.media/entry/250410/">React Three Fiber入門 - ReactとThree.jsで始める3D表現 - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/250410/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7ccd44c4803cfa4d769e9d67a5e422a187f07c31/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F250410%2Fimages%2Feyecatch.png" alt="React Three Fiber入門 - ReactとThree.jsで始める3D表現 - ICS MEDIA" title="React Three Fiber入門 - ReactとThree.jsで始める3D表現 - ICS MEDIA" class="entry-image" /></a></p><p>「React Three Fiber」は、Three.jsをReactで扱うためのライブラリです。Reactの特徴である再利用可能なコンポーネントを活かしながら、宣言的に3Dシーンを構築できるのが大きな魅力です。 通常のThree.jsでは、メッシュの作成、マテリアルの適用、シーンへの追加などひとつひとつの処理を命令的に記述する必要がありま...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/250410/"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/250410/" alt="はてなブックマーク - React Three Fiber入門 - ReactとThree.jsで始める3D表現 - ICS MEDIA" title="はてなブックマーク - React Three Fiber入門 - ReactとThree.jsで始める3D表現 - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/250410/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.logrocket.com/top-16-react-component-libraries-kits-ui/ winterfall 2025-03-06T23:18:50Z React techfeed 8 <blockquote cite="https://blog.logrocket.com/top-16-react-component-libraries-kits-ui/" title="16 React component libraries and kits for improved UI - LogRocket Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.logrocket.com%2Ftop-16-react-component-libraries-kits-ui%2F" alt="" /> <a href="https://blog.logrocket.com/top-16-react-component-libraries-kits-ui/">16 React component libraries and kits for improved UI - LogRocket Blog</a></cite><p><a href="https://blog.logrocket.com/top-16-react-component-libraries-kits-ui/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8bbfd5d3f35a1297b9d6e29f1ac14f417707db71/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.logrocket.com%2Fwp-content%2Fuploads%2F2023%2F10%2Ffeatured-image-react-ui-libraries.png" alt="16 React component libraries and kits for improved UI - LogRocket Blog" title="16 React component libraries and kits for improved UI - LogRocket Blog" class="entry-image" /></a></p><p>A React UI library or React component library is a software system that comes with a collection of pre-built and reusable components — tables, charts, modals, navbars, cards, buttons, and maps that are ready to use in React applications. These components are out-of-the-box, and beautifully and un...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.logrocket.com/top-16-react-component-libraries-kits-ui/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.logrocket.com/top-16-react-component-libraries-kits-ui/" alt="はてなブックマーク - 16 React component libraries and kits for improved UI - LogRocket Blog" title="はてなブックマーク - 16 React component libraries and kits for improved UI - LogRocket Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.logrocket.com/top-16-react-component-libraries-kits-ui/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/bitkey_dev/articles/react-router-to-tanstack-router winterfall 2024-12-23T00:28:43Z React ネットワーク techfeed 58 <blockquote cite="https://zenn.dev/bitkey_dev/articles/react-router-to-tanstack-router" title="React Router から TanStack Router へ徐々に移行する技術"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fbitkey_dev%2Farticles%2Freact-router-to-tanstack-router" alt="" /> <a href="https://zenn.dev/bitkey_dev/articles/react-router-to-tanstack-router">React Router から TanStack Router へ徐々に移行する技術</a></cite><p><a href="https://zenn.dev/bitkey_dev/articles/react-router-to-tanstack-router"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f286cff576a1cc0a6a0d8fd8f334b8116bee9b05/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--0CUsuHQa--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%252520Router%252520%2525E3%252581%25258B%2525E3%252582%252589%252520TanStack%252520Router%252520%2525E3%252581%2525B8%2525E5%2525BE%252590%2525E3%252580%252585%2525E3%252581%2525AB%2525E7%2525A7%2525BB%2525E8%2525A1%25258C%2525E3%252581%252599%2525E3%252582%25258B%2525E6%25258A%252580%2525E8%2525A1%252593%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3ASiketyan%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2NjNWE2NmE4ZGMuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3ABitkey%252520Developers%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pwTUttaVZ0aGxreTNPWTdiWVhoUVY2T1BZRF9wVmtFc0twUWpGPXMyNTAtYw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="React Router から TanStack Router へ徐々に移行する技術" title="React Router から TanStack Router へ徐々に移行する技術" class="entry-image" /></a></p><p>この記事は情報の提供のみを目的としています．今回紹介する方法はどちらのライブラリにおいても公式の手法としてサポートされていません．この方法を用いたことにより発生したいかなる損害について，私および弊社は責任を負いません． はじめに 世間では Next.js や Remix といったフルスタックフレームワークが話題と...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/bitkey_dev/articles/react-router-to-tanstack-router"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/bitkey_dev/articles/react-router-to-tanstack-router" alt="はてなブックマーク - React Router から TanStack Router へ徐々に移行する技術" title="はてなブックマーク - React Router から TanStack Router へ徐々に移行する技術" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/bitkey_dev/articles/react-router-to-tanstack-router"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/masaya8028/items/28fea414a26dc07b4a12 winterfall 2024-12-15T21:53:52Z React techfeed 3 <blockquote cite="https://qiita.com/masaya8028/items/28fea414a26dc07b4a12" title="React.jsとNext.jsの違いについてまとめてみました - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fmasaya8028%2Fitems%2F28fea414a26dc07b4a12" alt="" /> <a href="https://qiita.com/masaya8028/items/28fea414a26dc07b4a12">React.jsとNext.jsの違いについてまとめてみました - Qiita</a></cite><p><a href="https://qiita.com/masaya8028/items/28fea414a26dc07b4a12"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6109da20d6e8559511b19dd95fcf99c6bdc94f7b/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNTI3NjExJTJGcHJvZmlsZS1pbWFnZXMlMkYxNjk5MTg4ODA5P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1jOGQ3ZjBjNGJhMDRlZjg0NmEwODM3MDhkN2M2OTYxZQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db0803dd6805cfa4f2373ccb72007a39a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTIwUmVhY3QuanMlRTMlODElQThOZXh0LmpzJUUzJTgxJUFFJUU5JTgxJTk1JUUzJTgxJTg0JUUzJTgxJUFCJUUzJTgxJUE0JUUzJTgxJTg0JUUzJTgxJUE2JUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJUJFJUUzJTgxJTk3JUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZjJhZGY1Mzc0YzBjZGQ2M2UxMzE2ZWJjYjFkMDI4MTE%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBtYXNheWE4MDI4JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NGIzMDNlMzdkNDI0MDVhMWZlMGEwNWI4YmRmZGQxZGM%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2e7fccee28243ac4d4d8765dd51806f3" alt="React.jsとNext.jsの違いについてまとめてみました - Qiita" title="React.jsとNext.jsの違いについてまとめてみました - 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? React.js と Next.js は、どちらも人気のあるフロントエンド開発ツールですが、その目的や提供される機能に違いがあります。以下に説明します。 1. 概要: React.js と Next.js の違...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/masaya8028/items/28fea414a26dc07b4a12"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/masaya8028/items/28fea414a26dc07b4a12" alt="はてなブックマーク - React.jsとNext.jsの違いについてまとめてみました - Qiita" title="はてなブックマーク - React.jsとNext.jsの違いについてまとめてみました - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/masaya8028/items/28fea414a26dc07b4a12"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/Ogikusa/items/a5517f0ecd002e37492b winterfall 2024-08-18T13:40:15Z React Docker コンテナ技術 techfeed 1 <blockquote cite="https://qiita.com/Ogikusa/items/a5517f0ecd002e37492b" title="【Next.js × Docker】Dockerコンテナで`npm run build`すると`Cannot find module`と言われた時の対処法【備忘録】 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FOgikusa%2Fitems%2Fa5517f0ecd002e37492b" alt="" /> <a href="https://qiita.com/Ogikusa/items/a5517f0ecd002e37492b">【Next.js × Docker】Dockerコンテナで`npm run build`すると`Cannot find module`と言われた時の対処法【備忘録】 - Qiita</a></cite><p><a href="https://qiita.com/Ogikusa/items/a5517f0ecd002e37492b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/296267d211a83523b80dade31df11aa204d4602c/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkYyMTEyNzM3JTJGZWIzNzI5YzhhZTdhMjlmODYyYjJiZGVkZDAzMWM3Nzc3ZDEzNzU4ZiUyRmxhcmdlLnBuZyUzRjE2MzMxMTM3NDM_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWY5YjFiZmZhNjYxN2M4MDVlNGJhZDlmZDM5MDI4NGJh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D8fe98e629d766a1ad5416c0d8fdab8bb%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgwJTkwTmV4dC5qcyUyMCVDMyU5NyUyMERvY2tlciVFMyU4MCU5MURvY2tlciVFMyU4MiVCMyVFMyU4MyVCMyVFMyU4MyU4NiVFMyU4MyU4QSVFMyU4MSVBNyU2MG5wbSUyMHJ1biUyMGJ1aWxkJTYwJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgxJUE4JTYwQ2Fubm90JTIwZmluZCUyMG1vZHVsZSU2MCVFMyU4MSVBOCVFOCVBOCU4MCVFMyU4MiU4RiVFMyU4MiU4QyVFMyU4MSU5RiVFMiU4MCVBNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTNlNmJkZmE0MGRkMjg0OGEyODQ0ZWI5OWEwMDkwZDM3%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBPZ2lrdXNhJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9OWQ1ZDZlMTA5OWE3ODM3ODYxZmJkZjcyZjM3MTc5MjY%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D70fc559b942ab87c7c6925516ee56585" alt="【Next.js × Docker】Dockerコンテナで`npm run build`すると`Cannot find module`と言われた時の対処法【備忘録】 - Qiita" title="【Next.js × Docker】Dockerコンテナで`npm run build`すると`Cannot find module`と言われた時の対処法【備忘録】 - 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/Ogikusa/items/a5517f0ecd002e37492b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/Ogikusa/items/a5517f0ecd002e37492b" alt="はてなブックマーク - 【Next.js × Docker】Dockerコンテナで`npm run build`すると`Cannot find module`と言われた時の対処法【備忘録】 - Qiita" title="はてなブックマーク - 【Next.js × Docker】Dockerコンテナで`npm run build`すると`Cannot find module`と言われた時の対処法【備忘録】 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/Ogikusa/items/a5517f0ecd002e37492b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0 winterfall 2024-04-04T09:33:55Z react 10 <blockquote cite="https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0" title="New Flow Language Features for React"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmedium.com%2Fflow-type%2Fannouncing-component-syntax-b6c5285660d0" alt="" /> <a href="https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0">New Flow Language Features for React</a></cite><p><a href="https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dd42e82569a91588f11ea0ffcdd44a5b8ac0adec/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A932%2F1%2AofDWSeYHJ0mOxhOqA-XhgA.png" alt="New Flow Language Features for React" title="New Flow Language Features for React" class="entry-image" /></a></p><p>We have thousands of engineers committing React code every day to Meta’s largest codebases. Part of our responsibility on the Flow team is to make it as easy as possible for anyone to contribute, from design system React experts to C++ engineers making one-off internal pages to support their back...</p><p><a href="https://b.hatena.ne.jp/entry/s/medium.com/flow-type/announcing-component-syntax-b6c5285660d0"><img src="https://b.hatena.ne.jp/entry/image/https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0" alt="はてなブックマーク - New Flow Language Features for React" title="はてなブックマーク - New Flow Language Features for React" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/medium.com/flow-type/announcing-component-syntax-b6c5285660d0"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://techfeed.io/entries/649e99b64f5d391db83ed896 winterfall 2023-11-02T23:02:07Z React Vue.js Python techfeed 6 <blockquote cite="https://techfeed.io/entries/649e99b64f5d391db83ed896" title="ReactカスタムフックからヘッドレスChromeまで！リアルタイム静止画編集機能の作り方を、リチカのエンジニアに聞いてきた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechfeed.io%2Fentries%2F649e99b64f5d391db83ed896" alt="" /> <a href="https://techfeed.io/entries/649e99b64f5d391db83ed896">ReactカスタムフックからヘッドレスChromeまで！リアルタイム静止画編集機能の作り方を、リチカのエンジニアに聞いてきた</a></cite><p><a href="https://techfeed.io/entries/649e99b64f5d391db83ed896"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/00ef2fd547bcff692003bec54b870b9d14a1940f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Ftechfeed%2Fimage%2Fupload%2Fw_1200%2Ch_630%2Cc_fill%2Ff_auto%2Fv1688114493%2Fentries%2Frichka_0.png" alt="ReactカスタムフックからヘッドレスChromeまで！リアルタイム静止画編集機能の作り方を、リチカのエンジニアに聞いてきた" title="ReactカスタムフックからヘッドレスChromeまで！リアルタイム静止画編集機能の作り方を、リチカのエンジニアに聞いてきた" class="entry-image" /></a></p><p>――現在、どんなプロダクト開発に従事していらっしゃいますか？ 杉本：誰でもかんたんにマーケティング動画や静止画を作れるWebサービス『リチカ クラウドスタジオ』を開発しています。 『リチカ クラウドスタジオ』は、業種別や配信媒体別の数多くのフォーマット（型）をベースに、クオリティの高い動画を誰でもかんたん...</p><p><a href="https://b.hatena.ne.jp/entry/s/techfeed.io/entries/649e99b64f5d391db83ed896"><img src="https://b.hatena.ne.jp/entry/image/https://techfeed.io/entries/649e99b64f5d391db83ed896" alt="はてなブックマーク - ReactカスタムフックからヘッドレスChromeまで！リアルタイム静止画編集機能の作り方を、リチカのエンジニアに聞いてきた" title="はてなブックマーク - ReactカスタムフックからヘッドレスChromeまで！リアルタイム静止画編集機能の作り方を、リチカのエンジニアに聞いてきた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techfeed.io/entries/649e99b64f5d391db83ed896"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/segfo/items/3d1653ee1d9cd6205078 winterfall 2023-10-17T00:18:23Z React Rust techfeed 2 <blockquote cite="https://qiita.com/segfo/items/3d1653ee1d9cd6205078" title="RustのReactライクなフロントエンドフレームワーク「Yew」を使ってみる - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsegfo%2Fitems%2F3d1653ee1d9cd6205078" alt="" /> <a href="https://qiita.com/segfo/items/3d1653ee1d9cd6205078">RustのReactライクなフロントエンドフレームワーク「Yew」を使ってみる - Qiita</a></cite><p><a href="https://qiita.com/segfo/items/3d1653ee1d9cd6205078"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8b904e983efa3eb06834837bd9d18a8e2b9c05e8/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMzAwMzclMkZwcm9maWxlLWltYWdlcyUyRjE2NzA3NzI4MDg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTllNDhjNGMwYTcyNmVlMWQxODJmZmNhNWRjNGZkMTM4%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db7c20d7594baa71b05e7884c01cf90e7%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9UnVzdCVFMyU4MSVBRVJlYWN0JUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgyJUFGJUUzJTgxJUFBJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgzJTk1JUUzJTgzJUFDJUUzJTgzJUJDJUUzJTgzJUEwJUUzJTgzJUFGJUUzJTgzJUJDJUUzJTgyJUFGJUUzJTgwJThDWWV3JUUzJTgwJThEJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZmVmNjAxY2Q2M2U2OTkzYmNiZDcxYTY4NWQ1ZGU1MjA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzZWdmbyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWQzNDQ2ZmQ4OTAyNzdkZGRhNTM1YzY3NzIxNjM1MDc4%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db6d3794c10de46c549bfd4a1867a80b0" alt="RustのReactライクなフロントエンドフレームワーク「Yew」を使ってみる - Qiita" title="RustのReactライクなフロントエンドフレームワーク「Yew」を使ってみる - Qiita" class="entry-image" /></a></p><p>はじめに この記事は、以下の記事の派生というかちょっとYewと言うフレームワークに寄った話を書きます。 というわけで、バックエンドもフロントもデスクトップアプリも全部Rustで出来たら最高じゃね？ カレンダーアプリ バックエンド（AWS Lambda） フロントエンド（AWS Amplify） 作り方はそれぞれ見てもらうとして、...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/segfo/items/3d1653ee1d9cd6205078"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/segfo/items/3d1653ee1d9cd6205078" alt="はてなブックマーク - RustのReactライクなフロントエンドフレームワーク「Yew」を使ってみる - Qiita" title="はてなブックマーク - RustのReactライクなフロントエンドフレームワーク「Yew」を使ってみる - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/segfo/items/3d1653ee1d9cd6205078"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/23/reactnextjs_13540.html winterfall 2023-10-03T01:29:57Z React techfeed 37 <blockquote cite="https://www.publickey1.jp/blog/23/reactnextjs_13540.html" title="Reactベースのフレームワーク「Next.js 13.5」正式リリース。使用メモリ40％削減、ローカルサーバ起動の高速化など性能向上"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F23%2Freactnextjs_13540.html" alt="" /> <a href="https://www.publickey1.jp/blog/23/reactnextjs_13540.html">Reactベースのフレームワーク「Next.js 13.5」正式リリース。使用メモリ40％削減、ローカルサーバ起動の高速化など性能向上</a></cite><p><a href="https://www.publickey1.jp/blog/23/reactnextjs_13540.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/875fdb08fa8c6a98a4b9f1c68c5ef3cdc290d3fe/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2023%2F_Npq4uSC.png" alt="Reactベースのフレームワーク「Next.js 13.5」正式リリース。使用メモリ40％削減、ローカルサーバ起動の高速化など性能向上" title="Reactベースのフレームワーク「Next.js 13.5」正式リリース。使用メモリ40％削減、ローカルサーバ起動の高速化など性能向上" class="entry-image" /></a></p><p>Reactベースのフレームワーク「Next.js 13.5」正式リリース。使用メモリ40％削減、ローカルサーバ起動の高速化など性能向上 Reactベースのサーバサイドフレームワークとして知られるNext.jsの最新バージョン「Next.js 13.5」正式版がリリースされました。 使用メモリの削減、ローカルサーバの起動高速化などの強化が行わ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/reactnextjs_13540.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/23/reactnextjs_13540.html" alt="はてなブックマーク - Reactベースのフレームワーク「Next.js 13.5」正式リリース。使用メモリ40％削減、ローカルサーバ起動の高速化など性能向上" title="はてなブックマーク - Reactベースのフレームワーク「Next.js 13.5」正式リリース。使用メモリ40％削減、ローカルサーバ起動の高速化など性能向上" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/reactnextjs_13540.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://codezine.jp/article/detail/17925 winterfall 2023-07-22T06:21:33Z あとで読む nextjs react 40 <blockquote cite="https://codezine.jp/article/detail/17925" title="Next.jsの新常識「App Router」を学ぼう！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodezine.jp%2Farticle%2Fdetail%2F17925" alt="" /> <a href="https://codezine.jp/article/detail/17925">Next.jsの新常識「App Router」を学ぼう！</a></cite><p><a href="https://codezine.jp/article/detail/17925"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7de71a258e5713048b2577073e4cc0ca767004c2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F17925%2F17925_og.png" alt="Next.jsの新常識「App Router」を学ぼう！" title="Next.jsの新常識「App Router」を学ぼう！" class="entry-image" /></a></p><p>Next.jsは、ルーティングとサーバー処理を高度に協調させるためのフレームワークとして、デファクトスタンダードの地位を確かなものにしています。2023年5月5日に公開されたNext.js 13.4において、フレームワークの根幹であるルーティング機構を刷新する新機能が追加されましたので、今後のNext.jsはどんな世界観で扱え...</p><p><a href="https://b.hatena.ne.jp/entry/s/codezine.jp/article/detail/17925"><img src="https://b.hatena.ne.jp/entry/image/https://codezine.jp/article/detail/17925" alt="はてなブックマーク - Next.jsの新常識「App Router」を学ぼう！" title="はてなブックマーク - Next.jsの新常識「App Router」を学ぼう！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codezine.jp/article/detail/17925"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://en-ambi.com/itcontents/entry/2023/07/14/093000/ winterfall 2023-07-15T11:05:15Z React techfeed 174 <blockquote cite="https://en-ambi.com/itcontents/entry/2023/07/14/093000/" title="React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ｜ハイクラス転職・求人情報サイト アンビ（AMBI）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fen-ambi.com%2Fitcontents%2Fentry%2F2023%2F07%2F14%2F093000%2F" alt="" /> <a href="https://en-ambi.com/itcontents/entry/2023/07/14/093000/">React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ｜ハイクラス転職・求人情報サイト アンビ（AMBI）</a></cite><p><a href="https://en-ambi.com/itcontents/entry/2023/07/14/093000/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a0dfaa34216bd2b3be4ab9ed4bdb499d6b302f4a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fen-ambi.com%2FimageFile%2Fuser%2Fglobal%2Fogp_01.png" alt="React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ｜ハイクラス転職・求人情報サイト アンビ（AMBI）" title="React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ｜ハイクラス転職・求人情報サイト アンビ（AMBI）" class="entry-image" /></a></p><p>ハイクラス求人TOPIT記事一覧React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ 群雄割拠のフロントエンドフレームワーク界でも、一歩抜きん...</p><p><a href="https://b.hatena.ne.jp/entry/s/en-ambi.com/itcontents/entry/2023/07/14/093000/"><img src="https://b.hatena.ne.jp/entry/image/https://en-ambi.com/itcontents/entry/2023/07/14/093000/" alt="はてなブックマーク - React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ｜ハイクラス転職・求人情報サイト アンビ（AMBI）" title="はてなブックマーク - React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ｜ハイクラス転職・求人情報サイト アンビ（AMBI）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/en-ambi.com/itcontents/entry/2023/07/14/093000/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/rgbkids/articles/d7691b6c852b42 winterfall 2023-02-24T19:00:48Z React techfeed 234 <blockquote cite="https://zenn.dev/rgbkids/articles/d7691b6c852b42" title="const Hoge: React.FC&lt;Props&gt;=()=&gt;って書いてたら思考停止系と言われたので調べた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Frgbkids%2Farticles%2Fd7691b6c852b42" alt="" /> <a href="https://zenn.dev/rgbkids/articles/d7691b6c852b42">const Hoge: React.FC&lt;Props&gt;=()=&gt;って書いてたら思考停止系と言われたので調べた</a></cite><p><a href="https://zenn.dev/rgbkids/articles/d7691b6c852b42"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/46c439d43cd24ff19b36e7779148f14547a7266c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--I7hjTmL5--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3Aconst%252520Hoge%25253A%252520React.FC%25253CProps%25253E%25253D%252528%252529%25253D%25253E%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E6%25259B%2525B8%2525E3%252581%252584%2525E3%252581%2525A6%2525E3%252581%25259F%2525E3%252582%252589%2525E6%252580%25259D%2525E8%252580%252583%2525E5%252581%25259C%2525E6%2525AD%2525A2%2525E7%2525B3%2525BB%2525E3%252581%2525A8%2525E8%2525A8%252580%2525E3%252582%25258F%2525E3%252582%25258C%2525E3%252581%25259F%2525E3%252581%2525AE%2525E3%252581%2525A7%2525E8%2525AA%2525BF%2525E3%252581%2525B9%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AVTeacher%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2dZZXAwYXhYZ084ZHlWVVJsbndsanVacFlaRmF4ZU14YV92Z3JDSHc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACMTiAE" alt="const Hoge: React.FC&lt;Props&gt;=()=&gt;って書いてたら思考停止系と言われたので調べた" title="const Hoge: React.FC&lt;Props&gt;=()=&gt;って書いてたら思考停止系と言われたので調べた" class="entry-image" /></a></p><p>VTeacher所属のSatokoです。 QAエンジニアとフロントエンドエンジニアを兼任しています。 2006年、まだホリエモン率いるライブドア(現LINE)のモバイルチーム(現LINE出澤社長がリーダー)に配属も、同年1月にライブドアショックがあって出社0日で失職。その後、サイバーエージェントやGREEなどを転々としてきたITバブルの...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/rgbkids/articles/d7691b6c852b42"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/rgbkids/articles/d7691b6c852b42" alt="はてなブックマーク - const Hoge: React.FC&lt;Props&gt;=()=&gt;って書いてたら思考停止系と言われたので調べた" title="はてなブックマーク - const Hoge: React.FC&lt;Props&gt;=()=&gt;って書いてたら思考停止系と言われたので調べた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/rgbkids/articles/d7691b6c852b42"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/23/_reactjsfacebookreactjsreactjs_the_documentaryyoutube.html winterfall 2023-02-23T04:45:30Z React techfeed 295 <blockquote cite="https://www.publickey1.jp/blog/23/_reactjsfacebookreactjsreactjs_the_documentaryyoutube.html" title="React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F23%2F_reactjsfacebookreactjsreactjs_the_documentaryyoutube.html" alt="" /> <a href="https://www.publickey1.jp/blog/23/_reactjsfacebookreactjsreactjs_the_documentaryyoutube.html">React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開</a></cite><p><a href="https://www.publickey1.jp/blog/23/_reactjsfacebookreactjsreactjs_the_documentaryyoutube.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fe6dbb99251afd3de1366ae49d222f8e62e1b698/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2023%2Freact_documentary01.png" alt="React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開" title="React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開" class="entry-image" /></a></p><p>React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開 代表的なJavaScriptのフレームワークの1つであるReact.jsがどのように生まれ、発展してきたのかが、React開発当時の関係者やメンテナーなどへのインタビュー...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/_reactjsfacebookreactjsreactjs_the_documentaryyoutube.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/23/_reactjsfacebookreactjsreactjs_the_documentaryyoutube.html" alt="はてなブックマーク - React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開" title="はてなブックマーク - React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/_reactjsfacebookreactjsreactjs_the_documentaryyoutube.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/23/google_chromedevtoolsangularvuejsxdartlessscsssass.html winterfall 2023-02-23T04:44:21Z CSS Google Chrome React techfeed 16 <blockquote cite="https://www.publickey1.jp/blog/23/google_chromedevtoolsangularvuejsxdartlessscsssass.html" title="Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F23%2Fgoogle_chromedevtoolsangularvuejsxdartlessscsssass.html" alt="" /> <a href="https://www.publickey1.jp/blog/23/google_chromedevtoolsangularvuejsxdartlessscsssass.html">Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応</a></cite><p><a href="https://www.publickey1.jp/blog/23/google_chromedevtoolsangularvuejsxdartlessscsssass.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7e885a6d87ccb0f7ebb85fae57f93680b15b8edd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2023%2Fchromedevtools_angvuejsx3.png" alt="Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応" title="Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応" class="entry-image" /></a></p><p>Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応 GoogleはすでにリリースしているWebブラウザのChrome 110と現在開発中のChrome 111に搭載されているDevToolsで、Angular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応したことが明らか...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/google_chromedevtoolsangularvuejsxdartlessscsssass.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/23/google_chromedevtoolsangularvuejsxdartlessscsssass.html" alt="はてなブックマーク - Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応" title="はてなブックマーク - Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/google_chromedevtoolsangularvuejsxdartlessscsssass.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/sora_kumo/articles/8a79531e726b29 winterfall 2023-02-15T13:00:11Z React techfeed 130 <blockquote cite="https://zenn.dev/sora_kumo/articles/8a79531e726b29" title="[Next.js]フロントテストのコストはStorybookで削減出来る"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fsora_kumo%2Farticles%2F8a79531e726b29" alt="" /> <a href="https://zenn.dev/sora_kumo/articles/8a79531e726b29">[Next.js]フロントテストのコストはStorybookで削減出来る</a></cite><p><a href="https://zenn.dev/sora_kumo/articles/8a79531e726b29"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/206da6ad17e3dfb6a9b7b3132bdd009e7bb9e394/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--eeK1m67S--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BNext.js%25255D%2525E3%252583%252595%2525E3%252583%2525AD%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252583%252586%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252581%2525AE%2525E3%252582%2525B3%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252581%2525AFStorybook%2525E3%252581%2525A7%2525E5%252589%25258A%2525E6%2525B8%25259B%2525E5%252587%2525BA%2525E6%25259D%2525A5%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E7%2525A9%2525BA%2525E9%25259B%2525B2%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2VlZTgzMDYyMDQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACMTiAE" alt="[Next.js]フロントテストのコストはStorybookで削減出来る" title="[Next.js]フロントテストのコストはStorybookで削減出来る" class="entry-image" /></a></p><p>１．フロントテストと Storybook の活用 フロントテストのどこにコストがかかるのか バックエンドのテストはシンプルな入力と出力が多いので、テスト作成は比較的簡単です。一方、フロントエンドのテストは UI イベントや動的な要素も含まれ、複数の出力があるため、テスト作成はより複雑になります。これにより、テスト...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/sora_kumo/articles/8a79531e726b29"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/sora_kumo/articles/8a79531e726b29" alt="はてなブックマーク - [Next.js]フロントテストのコストはStorybookで削減出来る" title="はてなブックマーク - [Next.js]フロントテストのコストはStorybookで削減出来る" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/sora_kumo/articles/8a79531e726b29"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://techlife.cookpad.com/entry/2022/12/29/090000 winterfall 2022-12-29T23:08:10Z React techfeed 77 <blockquote cite="https://techlife.cookpad.com/entry/2022/12/29/090000" title="Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechlife.cookpad.com%2Fentry%2F2022%2F12%2F29%2F090000" alt="" /> <a href="https://techlife.cookpad.com/entry/2022/12/29/090000">Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ</a></cite><p><a href="https://techlife.cookpad.com/entry/2022/12/29/090000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/538113e2721cf3edf92beac9fb091836f986ddab/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F9069e0441ca9f5aaf3f13f9ba1204a2faedf24a6%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn.user.blog.st-hatena.com%252Fdefault_entry_og_image%252F6628210%252F1516165995781773" alt="Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ" title="Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ" class="entry-image" /></a></p><p>こんにちは。レシピサービス開発部のkaorun343です。クックパッドではスマートフォン向けページにおける開発者体験向上のために、レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話にて紹介したとおり、Next.jsとGraphQLを用いたモダンな環境へと移行を進めています。例えばモバイル端...</p><p><a href="https://b.hatena.ne.jp/entry/s/techlife.cookpad.com/entry/2022/12/29/090000"><img src="https://b.hatena.ne.jp/entry/image/https://techlife.cookpad.com/entry/2022/12/29/090000" alt="はてなブックマーク - Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ" title="はてなブックマーク - Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techlife.cookpad.com/entry/2022/12/29/090000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kachibito.net/useful-resource/primereact winterfall 2022-09-02T23:15:21Z React techfeed 1 <blockquote cite="https://kachibito.net/useful-resource/primereact" title="80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」 - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fuseful-resource%2Fprimereact" alt="" /> <a href="https://kachibito.net/useful-resource/primereact">80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」 - かちびと.net</a></cite><p><a href="https://kachibito.net/useful-resource/primereact"><img src="" alt="80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」 - かちびと.net" title="80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」 - かちびと.net" class="entry-image" /></a></p><p>PrimeReactは80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリです。更に姉妹プロジェクトのprimeiconsで200以上のアイコンも用意されています。 Webサイトやアプリに必要なアレコレが纏められており、基本的なコンポーネントはもちろん、日付やカラーなどの各種ピッカーやオートコンプリー...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/useful-resource/primereact"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/useful-resource/primereact" alt="はてなブックマーク - 80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」 - かちびと.net" title="はてなブックマーク - 80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」 - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/useful-resource/primereact"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/iwamasa/articles/7f57ce20b750bf winterfall 2022-09-02T23:13:59Z React techfeed 97 <blockquote cite="https://zenn.dev/iwamasa/articles/7f57ce20b750bf" title="Reactベースのチャートツール選定(2022年版)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fiwamasa%2Farticles%2F7f57ce20b750bf" alt="" /> <a href="https://zenn.dev/iwamasa/articles/7f57ce20b750bf">Reactベースのチャートツール選定(2022年版)</a></cite><p><a href="https://zenn.dev/iwamasa/articles/7f57ce20b750bf"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/25956cb83ac25f28b63e5fd75d13a49061cae9a7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--MWxMfr17--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%2525E3%252583%252599%2525E3%252583%2525BC%2525E3%252582%2525B9%2525E3%252581%2525AE%2525E3%252583%252581%2525E3%252583%2525A3%2525E3%252583%2525BC%2525E3%252583%252588%2525E3%252583%252584%2525E3%252583%2525BC%2525E3%252583%2525AB%2525E9%252581%2525B8%2525E5%2525AE%25259A%2525282022%2525E5%2525B9%2525B4%2525E7%252589%252588%252529%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aiwamasa%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzYzODJlMTA4NGYuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="Reactベースのチャートツール選定(2022年版)" title="Reactベースのチャートツール選定(2022年版)" class="entry-image" /></a></p><p>初めに 何気にzenn初投稿なのでお手柔らかにお願いいたします。 業務でReactを使用しており、チャートツールの導入を行う際に良さそうなライブラリを調査しました。 ※スター数は調査時点での数です サンプル実装 全部ではないですが、棒グラフを自分で実装してみました。参考にどうぞ。 調査基準(選定基準) Reactベース...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/iwamasa/articles/7f57ce20b750bf"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/iwamasa/articles/7f57ce20b750bf" alt="はてなブックマーク - Reactベースのチャートツール選定(2022年版)" title="はてなブックマーク - Reactベースのチャートツール選定(2022年版)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/iwamasa/articles/7f57ce20b750bf"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>