投稿時間:2022-05-22 22:18:47 RSSフィード2022-05-22 22:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	AWS Lambda PythonでULIDを使う	https://qiita.com/ssugimoto/items/daf7dd13a15127141231	awslambda	2022-05-22 21:41:01
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonでスロープグラフを(なるべく簡潔に)描く	https://qiita.com/guneco/items/f81c88ce88a414afa6ef	記事	2022-05-22 21:07:18
js	JavaScriptタグが付けられた新着投稿 - Qiita	Node.jsのsokect.ioを使ってのPUSH通知を作ってみた	https://qiita.com/wattak777/items/b21c8b91cc634f2674e4	nodejs	2022-05-22 21:55:25
js	JavaScriptタグが付けられた新着投稿 - Qiita	Chrome拡張でサイトのHTMLを書き換える	https://qiita.com/OJII3/items/9a536295abaec4c5f47b	拡張機能	2022-05-22 21:30:18
海外TECH	DEV Community	Surprising Performance Lessons from React Microfrontends in Production	https://dev.to/epilot/surprising-performance-lessons-from-react-microfrontends-in-production-528a	Surprising Performance Lessons from React Microfrontends in ProductionThe epilot engineering team stands at developers year after the launch of our rewritten portal built on mostly React microfrontends Part of our app is written using other frontend frameworks most notably the sidebar navigation written in Svelte Since the initial launch a year ago our teams have gained a lot of experience running React microfrontends in production using single spa While we expected to face challenges with our new frontend microservices architecture after solving a few initial problems we haven t hit any major snags with single spa in the first year To my surprise most issues that have emerged in our codebase are general React pain points not specific to microfrontend architecture at all In an effort to share knowledge I ll address the most common React performance antipattern we ve observed emerge in our teams in this post The state management problemHere s a really common hook pattern I ve seen emerge at one point in most of our React microfrontend projects useFormState jsximport React from react const FormContext React createContext export const GlobalFormStateProvider props gt const formState setFormState React useState return lt FormContext Provider value formState setFormState gt props children lt FormContext Provider gt export const useFormState gt React useContext FormContext App jsximport GlobalFormStateProvider from useFormState import Form from Form export const App gt lt GlobalFormStateProvider gt lt Form gt lt GlobalFormStateProvider gt Form jsximport React from react import useFormState from useFormState import api from api export const Form gt const formState useFormState const handleSubmit React useCallback gt api post v submit formState formState return lt form onSubmit handleSubmit gt lt FirstFormGroup gt lt SecondFormGroup gt lt form gt const FirstFormGroup gt const formState setFormState useFormState return lt div className form group gt lt input value formState field onChange e gt setFormState formState field e target value gt lt input value formState field onChange e gt setFormState formState field e target value gt lt div gt const SecondFormGroup gt const formState setFormState useFormState return lt div className form group gt lt input value formState field onChange e gt setFormState formState field e target value gt lt div gt Many readers will immediately recognize antipatterns in the above example but entertain the naïve perspective The useFormState hook is very useful No prop drilling No fancy global state management libraries needed Just native React useState shared in a global Context What s not to love here The problemsAs nice as useFormState seems we d quickly face performance issues due to components using it having to render on every setFormState causing unnecessary potentially expensive re renders This is because we ve subscribed all our Form components to re render on all changes in FormContext by using React useContext FormContext inside useFormState You might think React memo to the rescue but reading the React docs When the nearest above the component updates this Hook will trigger a re render with the latest context value passed to that MyContext provider Even if an ancestor uses React memo or shouldComponentUpdate a re render will still happen starting at the component itself using useContext Further we re unnecessarily depending on the full formState object in all our form components Consider formState is a dependency setFormState formState field e target value formState not a dependency setFormState formState gt formState field e target value At this time I would consider Context Providers using React useState to store complex global app state a general performance antipattern However if React adds useContextSelector RFC I am positive the situation could change Lessons learnedSeeing antipatterns like these emerge in React projects even with fairly experienced frontend developers think years of React has lead me to consider performance as a topic that unfortunately requires pretty significant investment to produce quality output when working with React in general As always there is No Silver Bullet However our frontend microservices architecture has enabled us to cheaply experiment with different approaches in different teams who have produced quite a few competing strategies to solve form performance Use of global state management libraries e g Redux MobX and XState Use of dedicated form libraries e g react hook form JSONFormsUse of this implementation of useContextSelectorAvoiding controlled form inputs Leverage the web platform Additionally thanks to the flexibility of single spa we ve been able to experiment outside of the React ecosystem with frameworks like Svelte and others which has been extremely promising and rewarding for our engineers We re hiring epilot	2022-05-22 12:35:48
海外TECH	DEV Community	Laravel VueJS Ecommerce Project	https://dev.to/mdmostafizurrahaman/laravel-vuejs-ecommerce-project-3ahn	Laravel VueJS Ecommerce ProjectIn this article we will share you a ecommerce project which is build on Laravel amp Vue js Nuxt js In this project I have used Laravel as a REST API service and the frontend of the ecommerce website is build with Nuxt js along with the admin panelHere I have tried to maintain some best best practices on both Laravel amp Vue js world I hope this project will be helpful for all of you guys Getting StartedFirst clone the repository git clone There are two part of this application BackendInstall all the dependencies using composercomposer installCopy the example env file and make the required configuration changes in the env filecp env example envGenerate a new application keyphp artisan key generateGenerate jwt secret keyphp artisan jwt secretUpdate the database configuration from your env fileDB CONNECTION mysqlDB HOST DB PORT DB DATABASE middlewiseDB USERNAME rootDB PASSWORD Run the database migrations amp seed with some initial data Set the database connection in env before migrating php artisan migrate seedStart the development Server with this commandphp artisan serveYour api is now hosted at http localhost For broadcasting realtime notification you need to add broadcasting configuration on your env fileBROADCAST DRIVER pusherPUSHER APP ID YOUR APP ID PUSHER APP KEY YOUR APP KEY PUSHER APP SECRET YOUR APP SECRET PUSHER APP CLUSTER YOUR APP CLUSTER For queuing notifications you have to change env to QUEUE CONNECTION databaseThen generate the queue table by running this command php artisan queue tableThen run the migration again php artisan migrateNow listen for queues by running this commandphp artisan queue workMoving oders to delivery table you should run this command php artisan move deliveredThis commad will run automatically every day at AM for this server corn set up is required To create a super admin user you can run the following command php artisan generate super admin API DocsAdmin Customer Public FrontendFor the frontend cd into the frontend directory and run the following command npm installThen copy the env example file and rename it to env file cp env example envUpdate the env file with your credentials APP NAME WecommerceAPI URL http localhost api API BASE URL http localhost WEBSOCKET KEY YOUR PUSHER KEY Now you can run the frontend applicaton with the following command npm run devornpm run startNow your frontend application will be running on http localhost	2022-05-22 12:04:55
Apple	AppleInsider - Frontpage News	Crime blotter: Federal indictment for Charlotte phone store owners	https://appleinsider.com/articles/22/05/22/crime-blotter-federal-indictment-for-charlotte-phone-store-owners?utm_medium=rss	Crime blotter Federal indictment for Charlotte phone store ownersIn the latest Apple Crime Blotter an iPhone theft video goes viral Find My iPhone helps bust a car theft ring and an iPhone seller is threatened with a knife Apple Store in Oakbrook Ill The latest in an occasional AppleInsider series looking at the world of Apple related crime Read more	2022-05-22 12:25:53
Apple	AppleInsider - Frontpage News	Apple Music raises prices for Student plan in multiple countries	https://appleinsider.com/articles/22/05/22/apple-music-raises-prices-for-student-plan-in-multiple-countries?utm_medium=rss	Apple Music raises prices for Student plan in multiple countriesApple is increasing the cost of Apple Music subscriptions for students in a number of countries with the price rising by a small amount for the steeply discounted version Apple Music is offered to college students at a lower rate than the usual plan pricing around the world However for some territories students are being warned that the price of the service will go up a little Emails are being sent out to Student subscription users in a number of countries advising of an upcoming change to the cost of subscription In one email received by Twitter user Nikhil their subscription is going up in price to from June Read more	2022-05-22 12:02:59
海外ニュース	Japan Times latest articles	Russia captain Dzyuba quits Zenit	https://www.japantimes.co.jp/sports/2022/05/22/soccer/artem-dzyuba-ukraine-war/	national	2022-05-22 21:16:11
ニュース	BBC News - Home	E.On UK boss warns 40% of customers face fuel poverty	https://www.bbc.co.uk/news/business-61541294?at_medium=RSS&at_campaign=KARANGA	government	2022-05-22 12:28:06
ニュース	BBC News - Home	Manchester Arena attack: Events under way to mark fifth anniversary	https://www.bbc.co.uk/news/uk-england-manchester-61522046?at_medium=RSS&at_campaign=KARANGA	manchester	2022-05-22 12:23:00
ニュース	BBC News - Home	Eilish McColgan sets British and European 10k record at Great Manchester Run	https://www.bbc.co.uk/sport/athletics/61540928?at_medium=RSS&at_campaign=KARANGA	Eilish McColgan sets British and European k record at Great Manchester RunEilish McColgan eclipses Paula Radcliffe s year old British and European record as she finishes runner up behind Hellen Obiri at the Great Manchester Run	2022-05-22 12:06:22
北海道	北海道新聞	上ノ国町長選、現職工藤氏が６選　元職を破る	https://www.hokkaido-np.co.jp/article/683981/	上ノ国町	2022-05-22 21:37:02
北海道	北海道新聞	侵攻前にロシア軍戻せば「勝利」　ゼレンスキー大統領	https://www.hokkaido-np.co.jp/article/683992/	大統領	2022-05-22 21:25:00
北海道	北海道新聞	キット大会初勝利、北見勢が躍動　カーリング日本選手権	https://www.hokkaido-np.co.jp/article/683991/	日本選手権	2022-05-22 21:25:00
北海道	北海道新聞	ＡＶ法案反対、新宿でデモ　「根本的な被害防止を」	https://www.hokkaido-np.co.jp/article/683989/	防止	2022-05-22 21:20:00
北海道	北海道新聞	不当な雇い止め、会社の倉庫に居住…　道内のベトナム人元実習生が体験語る	https://www.hokkaido-np.co.jp/article/683987/	外国人労働者	2022-05-22 21:15:00
北海道	北海道新聞	井上尚弥の対戦相手ドネア来日　６月７日に王座統一戦	https://www.hokkaido-np.co.jp/article/683986/	世界ボクシング協会	2022-05-22 21:13:00
北海道	北海道新聞	帯広・ソーゴー印刷が社名変更　「クナウパブリッシング」に	https://www.hokkaido-np.co.jp/article/683985/	社名変更	2022-05-22 21:10:00
北海道	北海道新聞	統合３大学「北に輝く３連星に」　記念フォーラムで長谷山理事長が抱負	https://www.hokkaido-np.co.jp/article/683984/	北見工業大	2022-05-22 21:05:00
北海道	北海道新聞	豪野党、次期首相宣言へ　２３日クアッドへ出発	https://www.hokkaido-np.co.jp/article/683983/	最大野党	2022-05-22 21:04:00
北海道	北海道新聞	中国、米貿易構想をけん制　「特定国家の排除は間違い」	https://www.hokkaido-np.co.jp/article/683982/	国務委員	2022-05-22 21:04:00
海外TECH	reddit	Royal Never Give Up vs. G2 Esports / MSI 2022 - Rumble Stage / Post-Match Discussion	https://www.reddit.com/r/leagueoflegends/comments/uv9zo9/royal_never_give_up_vs_g2_esports_msi_2022_rumble/	Royal Never Give Up vs G Esports MSI Rumble Stage Post Match DiscussionMSI Official page Leaguepedia Liquipedia Eventvods com New to LoL Royal Never Give Up G Esports RNG Leaguepedia Liquipedia Website Twitter Facebook YouTube G Leaguepedia Liquipedia Website Twitter Facebook YouTube Subreddit MATCH RNG vs G Winner Royal Never Give Up in m Bans Bans G K T D B RNG graves senna kalista karma ornn k H M C H B G lucian wukong kaisa nautilus tristana k I C RNG vs G Bin gwen TOP riven BrokenBlade Wei lee sin JNG viego Jankos Xiaohu ahri MID leblanc caPs GALA xayah BOT ezreal Flakked Ming rakan SUP yuumi Targamas This thread was created by the Post Match Team submitted by u GMinion to r leagueoflegends link comments	2022-05-22 12:29:29