投稿時間:2023-08-27 05:24:36 RSSフィード2023-08-27 05:00 分まとめ(29件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	voicevox speed test	https://qiita.com/shuichi_nishio/items/a1308e98832d8bee5b7e	speed	2023-08-27 04:44:49
Git	Gitタグが付けられた新着投稿 - Qiita	Gitリポジトリを作成する手順	https://qiita.com/div_tomo/items/d4e1feb46d7659f3ea5e	発信	2023-08-27 04:56:02
Git	Gitタグが付けられた新着投稿 - Qiita	【Git】git add で変更をステージに追加する方法	https://qiita.com/div_tomo/items/7784c8177fd55340f80d	gitadd	2023-08-27 04:54:58
海外TECH	MakeUseOf	How to Fix the “Video Driver Crashed and Was Reset” Error in Windows 11/10	https://www.makeuseof.com/fix-video-driver-crashed-and-was-reset-error-in-windows/	error	2023-08-26 19:01:26
海外TECH	DEV Community	🚀 Dominate React Project Startups: Insider Tips for Dev Success! 🤓	https://dev.to/0ro/dominate-react-project-startups-insider-tips-for-dev-success-4c21	Dominate React Project Startups Insider Tips for Dev Success I work at an outsourcing company and we often have to create projects from scratch Every time before starting this process I try to conduct research on what needs to be chosen Since I have more experience in the React ecosystem in this article I would like to answer the question how would I start a React project now Disclaimer The following article reflects my personal opinions and experiences Please consider project specific factors and team expertise when making technology choices Gathering Requirements Let s imagine that you like me are a developer at an outsourcing company or a freelancer and you have received an order to create a new project You need to work on the frontend part Where should you start and how should you approach choosing a framework What to Ask ‍ ️Which browsers need to be supported Which devices need to be supported mobile tablets desktop Language support Do you have any design or mockups The choice of framework depends on this Dark theme Is there a backend Do you need server side rendering This is important for SEO Tests Are there any special integrations with other services or APIs Accessibility These questions apply to any project This forms the foundation and from these answers you can build a dialogue with the client However the functional requirements for all applications are different They will determine the internal content of your project and the architecture of the system s internal parts For example if it s a banking application it will involve many forms whereas if it s a shopping app it will have many product cards If it s a graphic editor you ll need to think about choosing a library for working with graphics and so on In general gather as much information as possible about the project Common Requirements Functional requirements differ but the skeleton of the application is usually the same Here s an approximate list of what needs to be done in any project Authentication Global state Routing State management UI components in internationalization Styling Linting formatting This is where it gets interesting for me What tools should you choose for each of these points ️ Frameworks ️Every time I start this story from scratch and try to make a fresh decision about the framework It s worth mentioning that the choice of framework depends on your team s experience and your own If you and your team haven t worked on React js projects before starting a new project for which you re being paid can be a risky endeavor If you value your client s money and your reputation it s better to develop in something you already know well Save experimentation for your own projects In my case I have experience with create react app and Vite React js and unfortunately I ve never had a chance for working with Next js It seems obvious to everyone that Vite has won in this showdown But I wouldn t completely dismiss create react app and here s why Create react app In my most recent project I needed to build an application with micro frontends Starting my research in this area I found that the Vite plugin for supporting Module Federation is not stable In particular I faced an issue that is still open raising doubts about its usage Meanwhile create react app works with Module Federation without any issues I had to make this difficult decision back then endure the slow webpack build in favor of stability So at this stage if you need Module Federation support it s better to go with create react app craco Yes Next js also has support for Module Federation as far as I know there s a paid plugin for it but why use Next js for lightweight micro frontends Micro frontends are always about customization and flexibility while Next js is more of a monolithic framework Additionally rspack looks promising theoretically allowing migration from webpack when Module Federation is ready there ️ Next js Next js is an excellent framework I always want to start a project with it because it s at the forefront of the React js ecosystem and it s satisfying to stay up to date I ve identified a few cases where I would choose Next js for my projects SEO Small backend If your site is a sales page a portfolio page or something similar where SEO is crucial then choosing Next js seems justified Also if your backend isn t too complex and you don t need a lot of server side logic which is generally suitable for portfolio sites then Next js can be a good choice In other cases I would consider different options For me at this moment the server in Next js is a backend for frontend developers In other words it s suitable for something simple but if you have complex business logic you ll reach a point where you need a separate backend and then all the advantages of Next js will disappear Especially when nowadays everyone goes to serverless backend on lambda functions Vite React js Vite React js is currently a good compromise for starting a new project The community around Vite continues to grow and most likely all the typical problems you ll face during development have already been solved You can enjoy fast builds and hot reload The only drawback at the moment is Module Federation as I mentioned in the create react app section State Management It s worth mentioning that state management needs to be divided into two parts Server state management and Client state management In my current applications I separate these two concepts and use different tools for them Server state managementWhen choosing a tool for Server state management you need to consider what you re using on the backend For GraphQL Apollo is suitable and for REST API there are several options RTK Query SWR ️react query ️The react query website even has a comparison table of these tools In my projects I ve long abandoned Redux so I m not inclined to choose RTK query Right now I would choose react query for my project because it offers more features than SWR I make this choice to avoid risks in the future since this layer of the application is usually challenging to change during development Client state managementFor client state management you need to choose the most suitable tool for the specific situation Just think about how many questions regarding state management react query has already answered for you Data loading loading states and more are already handled This means you only need to handle interactivity and UI element behavior which are not usually very complex in most applications Native React js solutions will work in most places However if you need to solve more complex tasks like a code editor with many states and actions you ll need to choose a tool that helps manage those states Here s a list of tools I would consider Zustand ️Jotai ‍ ️Recoil Since my requirements for client state management are not very complex I would choose Zustand It has a simple API and is suitable for most of my tasks However there s no problem using different approaches in different parts of the application For example using Zustand in one part and even MobX in another UI Components When choosing a library for working with UI components you should always start with design layouts and requirements If you have a design choose a library that allows you to implement it If you don t have a design select a library that lets you create UI components quickly and customize them easily later Here s a list of libraries I would consider Material UI Chakra UI Ant Design Tailwind UI Ant Design has almost everything you need but it can be challenging to customize at times Plus it comes with tools for form handling and validation so you don t have to think about that separately That s why I often choose it Of course there s another option creating your own component library But I don t think any of your clients can afford that It s also crucial to document your component library using Storybook It doesn t take much time but it will be incredibly helpful for you and your team in the future Styling Approach Customizing your UI components depends a lot on the component library you choose In the case of Material UI you ll have to live with their CSS in JS approach which I m not entirely fond of Because in some cases you ll need to use components from other libraries and then you ll have to mix different styling approaches It looks terrible in a project Therefore I would choose a library that allows the use of CSS modules such as Chakra UI or Ant Design This way you ll achieve a consistent styling approach throughout the project TailwindCSS I personally like Tailwind and if I had to create my component library I would definitely choose it because it s convenient But as I mentioned earlier having consistency in my project is essential to me and I can t afford to write some things in CSS Modules and others directly in markup So I wouldn t choose it for my project Still I can say with confidence that it s a good tool and if you re not afraid of experiments you can try it in your project ️ Conclusion Starting a React project involves key considerations Requirements Gather comprehensive project details from browser support to design assets Common Components Include authentication routing state management UI elements internationalization styling and code quality tools Frameworks Choose wisely based on team expertise and project requirements Experimentation is best suited for personal projects State Management Divide state management into server side and client side Tools like Apollo RTK Query SWR and react query can be invaluable UI Components Select libraries like Material UI Chakra UI Ant Design or Tailwind UI based on design needs Styling Prioritize consistent styling Consider tools like Chakra UI or Ant Design with CSS modules for uniformity In summary make informed choices aligned with project goals Document decisions and stay adaptable to evolving project needs	2023-08-26 19:04:55
海外TECH	CodeProject Latest Articles	Video Streaming with Node.js and Koa	https://www.codeproject.com/Articles/5350209/Video-Streaming-with-Node-js-and-Koa	koahow	2023-08-26 19:45:00
ニュース	BBC News - Home	Nadine Dorries resigns: Conservative MP attacks PM as she quits Commons	https://www.bbc.co.uk/news/uk-politics-66630308?at_medium=RSS&at_campaign=KARANGA	rishi	2023-08-26 19:23:21
ニュース	BBC News - Home	Bob Barker, who hosted The Price Is Right for 35 years, dies aged 99	https://www.bbc.co.uk/news/entertainment-arts-66630261?at_medium=RSS&at_campaign=KARANGA	barker	2023-08-26 19:43:11
ニュース	BBC News - Home	The Rubiales World Cup kiss row... in 75 seconds	https://www.bbc.co.uk/news/world-europe-66630434?at_medium=RSS&at_campaign=KARANGA	world	2023-08-26 19:33:55
ニュース	BBC News - Home	Rail services across England hit as 20,000 staff stage strike	https://www.bbc.co.uk/news/uk-66623948?at_medium=RSS&at_campaign=KARANGA	holiday	2023-08-26 19:00:55
ニュース	BBC News - Home	World Athletics Championships 2023: Britain's Ben Pattison claims shock 800m bronze	https://www.bbc.co.uk/sport/athletics/66626891?at_medium=RSS&at_campaign=KARANGA	World Athletics Championships Britain x s Ben Pattison claims shock m bronzeBritain s Ben Pattison claims a shock m bronze medal with a sensational run on his World Championships debut in Budapest	2023-08-26 19:36:22
ビジネス	ダイヤモンド・オンライン - 新着記事	「1億円の使い道」でバレる富裕層から転落する人、モナコ在住日本人が見た自己破産の末路【見逃し配信】 - 見逃し配信	https://diamond.jp/articles/-/328271	自己破産	2023-08-27 04:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【日本人最大の弱点！出口学長・哲学と宗教特別講義】 誰も教えてくれなかった！ ニーチェとストア派の意外な共通点 - 哲学と宗教全史	https://diamond.jp/articles/-/326480		2023-08-27 04:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「必ず部下が成長する上司」が職場で大事にしていること - 良書発見	https://diamond.jp/articles/-/326513	「メンタリング」とは、他者を本気にさせ、どんな困難にも挑戦する勇気を与える手法のことで、本書にはメンタリングによる人材育成の手法が書かれている。	2023-08-27 04:47:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【元国税専門官が明かす】 毎月10万円ずつ年率5％で投資すると 30年後に幾らに増える？ - 元国税専門官がこっそり教える あなたの隣の億万長者	https://diamond.jp/articles/-/326931	【元国税専門官が明かす】毎月万円ずつ年率で投資すると年後に幾らに増える元国税専門官がこっそり教えるあなたの隣の億万長者【大反響Amazonベストセラー第位】経済的に恵まれない母子家庭に育ち、高校・大学は奨学金を借りて卒業した。	2023-08-27 04:44:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【医師が教える】 運動する人こそ糖質制限するべき決定的裏付け - 内臓脂肪がストンと落ちる食事術	https://diamond.jp/articles/-/326969	身長は年をとっても縮んでいない歯は全部残っていて虫歯も歯周病もない視力もよく『広辞苑』の小さな文字も裸眼で読める聴力の低下もない毎日時間睡眠で夜中に尿意で目覚めることはない定期的に飲んでいる薬もなければサプリメントとも無縁コレステロール値も中性脂肪値も基準値内いまも朝勃ち夜間陰茎勃起現象する「朝勃ち」なんていうと下品に思われるかもしれないが、バカにしてはいけない。	2023-08-27 04:41:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【受験の超基本】学校の偏差値はどのように計算されているのか - 【フルカラー図解】高校数学の基礎が150分でわかる本	https://diamond.jp/articles/-/328236	【受験の超基本】学校の偏差値はどのように計算されているのか【フルカラー図解】高校数学の基礎が分でわかる本子どもから大人まで数学を苦手とする人は非常に多いのではないでしょうか。	2023-08-27 04:38:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【有名公立大】横浜市立大学の学生にリアルな就活事情とは - 大学図鑑！2024 有名大学82校のすべてがわかる！	https://diamond.jp/articles/-/328233		2023-08-27 04:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	職場にいる「困った人」に絡まれたとき仕事のできる人はどうする？ - 1秒で答えをつくる力 お笑い芸人が学ぶ「切り返し」のプロになる48の技術	https://diamond.jp/articles/-/328264		2023-08-27 04:32:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【91歳の医師が明かす】 あなたが目指すべき医学的な「理想体重」とは？ - 91歳の現役医師がやっている 一生ボケない習慣	https://diamond.jp/articles/-/327061	【歳の医師が明かす】あなたが目指すべき医学的な「理想体重」とは歳の現役医師がやっている一生ボケない習慣映画『ダイ・ハード』シリーズなどのヒット作で知られる米俳優ブルース・ウィリスさん歳が認知症前頭側頭型認知症と診断されたことを家族が公表し、世界的に大きなニュースとなった。	2023-08-27 04:29:00
ビジネス	ダイヤモンド・オンライン - 新着記事	普段目立たないのに「なぜか人気がある人」と「疎まれている人」の1つの違い - 良書発見	https://diamond.jp/articles/-/325616	そんな、社会に出るだけで何かと疲れてしまう「内向型」タイプの人に朗報だ。	2023-08-27 04:26:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【精神科医が教える】 お金ではない…人生が楽しくなるための“たった1つの要素” - 精神科医Tomyが教える 40代を後悔せず生きる言葉	https://diamond.jp/articles/-/324705	【精神科医が教える】お金ではない…人生が楽しくなるための“たったつの要素精神科医Tomyが教える代を後悔せず生きる言葉【大好評シリーズ万部突破】誰しも悩みや不安は尽きない。	2023-08-27 04:23:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【9割の人が知らないテク】「穴埋めするだけ」で一気に売れ始めた！おそるべき事例とは？ - コピーライティング技術大全	https://diamond.jp/articles/-/327007	【割の人が知らないテク】「穴埋めするだけ」で一気に売れ始めたおそるべき事例とはコピーライティング技術大全「この本は万円以上の価値がある」東証プライム上場社長で現役マーケッターである「北の達人コーポレーション」木下勝寿社長が絶賛。	2023-08-27 04:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【全米屈指のデータサイエンティストが教える】「長期的に投資で成功し続ける人」の共通点 - JUST KEEP BUYING	https://diamond.jp/articles/-/327691	【全米屈指のデータサイエンティストが教える】「長期的に投資で成功し続ける人」の共通点JUSTKEEPBUYING【発売たちまち大重版】全世界万部突破『サイコロジー・オブ・マネー』著者モーガン・ハウセルが「絶対読むべき一冊」と絶賛。	2023-08-27 04:14:00
ビジネス	ダイヤモンド・オンライン - 新着記事	メンバーの「監視」をやめると業績が上がる理由 - １位思考	https://diamond.jp/articles/-/327719		2023-08-27 04:11:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【名医が教える】がんを持ちながら、気づくことなく人生を過ごしている人もいる - 糖質制限はやらなくていい	https://diamond.jp/articles/-/327979	【名医が教える】がんを持ちながら、気づくことなく人生を過ごしている人もいる糖質制限はやらなくていい「日食では、どうしても糖質オーバーになる」「やせるためには糖質制限が必要」…。	2023-08-27 04:08:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【直木賞作家が教える】 歴史小説家が小5の夏に出会った“衝撃の古本”とは？ - 教養としての歴史小説	https://diamond.jp/articles/-/327456	【直木賞作家が教える】歴史小説家が小の夏に出会った“衝撃の古本とは教養としての歴史小説歴史小説の主人公は、過去の歴史を案内してくれる水先案内人のようなもの。	2023-08-27 04:05:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【脳科学子育て】すぐに叱ってしまう人が知らない「叱らずに伸ばす」テクニックとは？ - スタンフォード式生き抜く力	https://diamond.jp/articles/-/327962	新しい時代に必要な教育が日本人によって示されたと記憶される本になる」と語った本書の要点と本に掲載できなかった最新情報をコンパクトに解説する本連載。	2023-08-27 04:02:00
ビジネス	東洋経済オンライン	開業｢宇都宮LRT｣､黄色い路面電車への期待度 全国初の全線新設路線､車社会で定着するか | ローカル線･公共交通 | 東洋経済オンライン	https://toyokeizai.net/articles/-/697172?utm_source=rss&utm_medium=http&utm_campaign=link_back	栃木県宇都宮市	2023-08-27 04:30:00