投稿時間:2022-10-02 01:13:47 RSSフィード2022-10-02 01:00 分まとめ(15件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Databricks の CI （Continuous Integration（継続的インテグレーション）） パイプラインを Azure DevOps (Pipelines) にて構築する手順	https://qiita.com/manabian/items/5ea34757cacda0df98a2	azuredevopspipelines	2022-10-02 00:29:40
AWS	AWSタグが付けられた新着投稿 - Qiita	Cloud Watchで請求アラームを設定する	https://qiita.com/simis/items/598305db6f2da5bbd720	cloudwatch	2022-10-02 00:50:20
Azure	Azureタグが付けられた新着投稿 - Qiita	AI-900 Microsoft Certified: Azure AI Fundamentalsに合格しました	https://qiita.com/komajo/items/91800905bab6d0400a2f	microsoft	2022-10-02 00:57:37
技術ブログ	Developers.IO	[新サービス] Amazon File Cache が一般提供されました	https://dev.classmethod.jp/articles/amazon-file-cache-generally-available/	amazonfilecache	2022-10-01 15:42:35
海外TECH	MakeUseOf	What Is the Vmmem Process in Windows Task Manager? Here's How to Fix Its High Resource Consumption	https://www.makeuseof.com/vmmem-process-high-resource-consumption/	windows	2022-10-01 15:15:14
海外TECH	DEV Community	useSyncExternalStore - The underrated React API	https://dev.to/sebastienlorber/usesyncexternalstore-the-underrated-react-api-3ad	useSyncExternalStore The underrated React API useSyncExternalStore The underrated React APIYou might have heard of useSyncExternalStore a new React hook to subscribe to external data sources It is often used internally by state management libraries like Redux to implement a selector system But what about using useSyncExternalStore in your own application code In this interactive article I want to present you a problem over returning React hooks triggering useless re renders We will see how useSyncExternalStore can be a good fix Pro tip read the original article on ThisWeekInReact com it is interactive Over returning hooksLet s illustrate the problem with useLocation from React Router This hook returns an object with many attributes pathname hash search but you might not read all of them Just calling the hook will trigger re renders when any of these attributes is updated Let s consider this app function CurrentPathname const pathname useLocation return lt div gt pathname lt div gt function CurrentHash const hash useLocation return lt div gt hash lt div gt function Links return lt div gt lt Link to link gt link lt Link gt lt Link to link gt link lt Link gt lt Link to link gt link lt Link gt lt div gt function App return lt div gt lt CurrentPathname gt lt CurrentHash gt lt Links gt lt div gt On any hash link click the CurrentPathname component will re render even if it s not even using the hash attribute Whenever a hook returns data that you don t display think about React re renders If you don t pay attention a tiny useLocation call added at the top of a React tree could harm your app s performance ️The goal is not to criticize React Router but rather to illustrate the problem useLocation is just a good pragmatic candidate to create this interactive article Your own React hooks and other third party libraries might also over return useSyncExternalStore to the rescue The official documentation says useSyncExternalStore is a hook recommended for reading and subscribing from external data sources in a way that s compatible with concurrent rendering features like selective hydration and time slicing This method returns the value of the store and accepts three arguments subscribe function to register a callback that is called whenever the store changes getSnapshot function that returns the current value of the store getServerSnapshot function that returns the snapshot used during server rendering function useSyncExternalStore lt Snapshot gt subscribe onStoreChange gt void gt gt void getSnapshot gt Snapshot getServerSnapshot gt Snapshot Snapshot This feels a bit abstract This beta doc page gives a good example function subscribe callback window addEventListener online callback window addEventListener offline callback return gt window removeEventListener online callback window removeEventListener offline callback function useOnlineStatus return useSyncExternalStore subscribe gt navigator onLine gt true function ChatIndicator const isOnline useOnlineStatus It turns out that the browser history can also be considered as an external data source Let s see how to use useSyncExternalStore with React Router Implementing useHistorySelector React Router expose everything we need to wire useSyncExternalStore access the browser history with useHistory subscribe for history updates with history listen callback access a snapshot of the current location with history location️This website uses React Router v the solution will be different for React Router v see The implementation of useHistorySelector relatively simple function useHistorySelector selector const history useHistory return useSyncExternalStore history listen gt selector history Let s use it in our app function CurrentPathname const pathname useHistorySelector history gt history location pathname return lt div gt pathname lt div gt function CurrentHash const hash useHistorySelector history gt history location hash return lt div gt hash lt div gt Now when you click on a hash link above the CurrentPathname component will not re render anymore Another example scrollYThere are so many external data sources that we can subscribe to and implementing your own selector system on top might enable you to optimize React re renders For example let s consider we want to use the scrollY position of a page We can implement this custom React hook A memoized constant fn prevents unsubscribe resubscribe In practice it is not a big dealfunction subscribe onStoreChange global window addEventListener scroll onStoreChange return gt global window removeEventListener scroll onStoreChange function useScrollY selector id gt id return useSyncExternalStore subscribe gt selector global window scrollY gt undefined We can now use this hook with an optional selector function ScrollY const scrollY useScrollY return lt div gt scrollY lt div gt function ScrollYFloored const to const scrollYFloored useScrollY y gt y Math floor y to to undefined return lt div gt scrollYFloored lt div gt Scroll the page and see how the components above re render One is re rendering less than the other When you don t need a scrollY pixel precision level returning a wide range value such as scrollY can also be considered as over returning Consider returning a narrower value For example a useResponsiveBreakpoint hook that only returns a limited set of values small medium or large will be more optimized than a useViewportWidth hook If a React component only handles large screens differently you can create an even narrower useIsLargeScreen hook returning a boolean ConclusionI hope this article convinced you to take a second look at useSyncExternalStore I feel this hook is currently underused in the React ecosystem and deserves a bit more attention There are many external data sources that you can subscribe to If you still haven t upgraded to React there s a npm use sync external store shim that you can already use today in older versions There is also a use sync external store with selector export in case you need to return a memoized non primitive value Subscribe to my newsletter This Week In React for more articles like this	2022-10-01 15:33:12
海外TECH	DEV Community	Hacktoberfest is here — and this is the lowdown	https://dev.to/devteam/hacktoberfest-is-here-and-this-is-the-lowdown-3d76	Hacktoberfest is here ーand this is the lowdownHacktoberfest has become a staple in open source It s an annual tradition loved by many and it s not for everyone that s fine But here is the deal Everyone is welcomeQuantity is fun but quality is keyShort term action Long term impactThese are values we can get behind at DEV In terms of the challenge itself follow the rules and make enough valid pull requests this month and claim some really fun and unique prizes from DigitalOcean Here are the full participation rulesThis year as DEV members participate here is what to know Post under the hacktoberfest tag on DEV Whether you are elevating a project or walking through your successes you are welcome to post here on DEV Post under the hacktoberfest tag on CodeNewbie Yes there is another Forem community that might even be better than DEV to post to ーone just for newbies Join if you haven t yet Get your DEV badge if you complete the Hacktoberfest challenge Yes we have dedicated profile badges on DEV for completing the Hacktoberfest challenge Here is my Hacktoberfest badge on my profile If you complete the challenge you ll get a code you can redeem with us to claim your badge This is totally optional and up to you Have fun Happy contributing	2022-10-01 15:15:55
海外TECH	DEV Community	Celebrate Open Source with Hacktoberfest	https://dev.to/liyasthomas/celebrate-open-source-with-hacktoberfest-f3k	Celebrate Open Source with Hacktoberfest Open Source is Counting on You Answer the Call at Hacktoberfest Open source is changing the world one contribution at a timeHacktoberfest is a month long celebration of open source software run by DigitalOcean Hacktoberfest is open to everyone from first time contributors to seasoned open source developers Your open source journey begins with a pull request Hoppscotch is one of the projects that you can contribute to About HoppscotchHoppscotch is an open source API development ecosystem You can test save share collaborate document APIs in real time and many more Used by more than one million developers GitHub stars monthly users ContributeAnyone around the globe who desires to help drive the growth of open source and make positive contributions to an ever growing community All backgrounds and skill levels are encouraged to participate Learn How to Contribute There are different ways you can contribute to Hoppscotch We ve curated a list of beginner friendly ways for you to check out ‍‍  Implement featuresWe have a curated list of Hacktoberfest issues requested by community members that are ready for you to pick up   Bug fixesIf you d like to break and build software fix a current issue reported by the community and be a hero ‍‍  Write testsIf you re into maintaining the quality and stability of the software contribute to our testing suites written in jest ️️  Write documentationContributes to Hoppscotch Documentation See if you can find anything missing or that can be improved   Write a blog postUsed Hoppscotch in a recent project Built something cool with Hoppscotch Tell the community about it in an awesome blog post Publish your article in developer forums like dev to hashnode aviyel etc   Make a tutorialHave you been a user of the project for a while From video tutorials to written tutorials help new community members get started with Hoppscotch This will help people using the project and you can also share your insights and tips while writing these Publish your content on platforms like youtube dev to hashnode aviyel etc FUN FACT Most developers prefer a well written and up to date blog post over reading documentation   Translate the softwareEnjoy the application in your favorite language help us to translate Hoppscotch There might be users from different parts of the world who are more comfortable in a different language Please read TRANSLATIONS for details and the process for submitting pull requests to us This will open up the project to a whole new user base SupportThe open source community needs you Do you have what it takes to join the community and build a better future We re here to help you	2022-10-01 15:08:55
Apple	AppleInsider - Frontpage News	The best Apple Watch bands for any kind of user in 2022	https://appleinsider.com/inside/apple-watch/best/the-best-apple-watch-bands-for-any-kind-of-user-in-2022?utm_medium=rss	The best Apple Watch bands for any kind of user in Now that the new Apple Watch models are out companies are shipping new bands for any fashion sense Here are the top picks for Apple Watch Ultra Apple Watch Series and Apple Watch SE Some of our favorite Apple Watch bandsApple introduced the Apple Watch Ultra Apple Watch Series and the second generation Apple Watch SE at its Far Out event in September Read more	2022-10-01 15:03:59
海外TECH	Engadget	Amazon's Fire TV Stick 4K Max drops back down to an all-time low of $35	https://www.engadget.com/amazon-fire-tv-stick-4k-max-all-time-low-of-35-154011085.html?src=rss	Amazon x s Fire TV Stick K Max drops back down to an all time low of Amazon s most powerful streaming stick is on sale yet again for Amazon s second Prime Day sale in You can grab the Fire TV Stick K Max for or off its regular price That s how much it went for at this year s first Prime Day event back in July and it s also the lowest price we ve seen for the device on the website The Fire TV Stick K Max supports Dolby Vision HDR and HDR content as well as Dolby Atmos audio It can also join WiFi networks and Amazon says it can start apps faster and has more fluid navigation than the basic Fire TV Stick K Buy Fire TV Stick K Max at Amazon Like other models this one comes with a remote control that has preset buttons for Netflix Prime Video Disney and Hulu Said remote is also powered by Alexa and can search content and launch them with just voice commands You can even ask Alexa through the remote to dim your connected lights or check the weather And if you have a compatible doorbell or security camera around your home you can use its picture in picture capability to view its live feed on your screen without having to pause or remove whatever it is you re watching nbsp Out of all the Fire TV streaming devices only the Cube set top box is more powerful than the K Max The Fire TV Cube is also on sale for at the moment or half off its original price But if you want something cheaper you can also get the non Max Fire TV Stick K for or the base Fire TV Stick for Follow EngadgetDeals on Twitter and subscribe to the Engadget Deals newsletter for the latest tech deals and buying advice	2022-10-01 15:40:11
海外科学	NYT > Science	More Trans Teens Are Choosing ‘Top Surgery’	https://www.nytimes.com/2022/09/26/health/top-surgery-transgender-teenagers.html	More Trans Teens Are Choosing Top Surgery Small studies suggest that breast removal surgery improves transgender teenagers well being but data is sparse Some state leaders oppose such procedures for minors	2022-10-01 15:30:37
ニュース	BBC News - Home	Climb down or stand firm - what does Truss do next?	https://www.bbc.co.uk/news/uk-politics-63102820?at_medium=RSS&at_campaign=KARANGA	climb	2022-10-01 15:43:09
サブカルネタ	ラーブロ	奥津家＠古淵　「ラーメン 並、ほか」	http://ra-blog.net/modules/rssc/single_feed.php?fid=203236	続きを読む	2022-10-01 16:01:17
北海道	北海道新聞	宮崎で震度５弱	https://www.hokkaido-np.co.jp/article/739396/	震度	2022-10-02 00:11:00
北海道	北海道新聞	道内で製材事業に再参入　王子ＨＤ　輸入材高騰で商機	https://www.hokkaido-np.co.jp/article/739267/	高騰	2022-10-02 00:05:39