投稿時間:2022-01-30 03:17:59 RSSフィード2022-01-30 03:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Management Tools Blog	Manage AWS account alternate contacts with Terraform	https://aws.amazon.com/blogs/mt/manage-aws-account-alternate-contacts-with-terraform/	Manage AWS account alternate contacts with TerraformManaging AWS billing support and service team notifications and potential security events are critical for customers to ensure security cost optimization and operational monitoring for their AWS deployments nbsp Alternate contacts allow us to contact another person about issues with your account at the right time even if you re unavailable AWS will send you operational notifications such …	2022-01-29 17:35:11
python	Pythonタグが付けられた新着投稿 - Qiita	Wordleソルバーができた気がする話	https://qiita.com/mukakego/items/3c043d23c0d4ce2c3f19	というわけでAbsurdleは常識的な手数で解けたのですが、これをWordleでも応用できないかと考えました。	2022-01-30 02:23:27
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScript入門(データ型とリテラル)	https://qiita.com/andota05/items/cb803f0157dc6432eb33	キーname、ageとそれぞれ値を持つオブジェクトmemberconstmembernameTaroageよく見るドットを繋いで値を取得していたりする記法は、オブジェクトの値を参照していることを指すconsolelogmembernamegtTaroリテラルプログラム上で数値、文字列などのデータ型を直接表現・記述できる構文のこと。	2022-01-30 02:55:34
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScript学習①　受け取った数字を降順にして返す（正の数のみ）	https://qiita.com/ShigeShigeQiita/items/507d5444c1f5a361de8d	最初はif分岐などを活用して必死に頑張っていましたが、便利なメソッドを活用することで最終的に行でかけることがわかり、プログラミングのすごさとできる方のコードの美しさに感動しました。	2022-01-30 02:27:17
海外TECH	Ars Technica	The weekend’s best deals: Steam Lunar New Year Sale, Fitbit trackers, and more	https://arstechnica.com/?p=1830105	surface	2022-01-29 17:22:49
海外TECH	MakeUseOf	The 7 Best Sites to Find Unique Art for Your Home	https://www.makeuseof.com/best-sites-find-unique-art/	pieces	2022-01-29 18:00:12
海外TECH	MakeUseOf	How to Set Up and Access Your LIFX Lightbulbs on Windows	https://www.makeuseof.com/windows-lifx-lightbulbs-app-setup/	windows	2022-01-29 17:45:12
海外TECH	MakeUseOf	Are Your Relationships Healthy? Here’s How to Find Out	https://www.makeuseof.com/find-out-healthy-relationships/	attachment	2022-01-29 17:30:12
海外TECH	MakeUseOf	Touch Sampling Rate vs. Refresh Rate: What's the Difference?	https://www.makeuseof.com/touch-sampling-rate-vs-refresh-rate/	faster	2022-01-29 17:30:12
海外TECH	MakeUseOf	What Is Windows Patch Tuesday?	https://www.makeuseof.com/everything-you-need-to-know-about-patch-tuesday/	patch	2022-01-29 17:15:12
海外TECH	MakeUseOf	What Are Smart Plugs and What Do They Do?	https://www.makeuseof.com/what-is-a-smart-plug/	smart	2022-01-29 17:01:53
海外TECH	DEV Community	⭐🌟new schema builder and data validation library⭐🌟	https://dev.to/alguercode/new-schema-builder-and-data-validation-library-3c0	new schema builder and data validation librarylast day alguerocode publish new schema builder and data validation it s very useful for user login validation it s volder visit volder vercel app to see morevolder is powerful Object schema validation it lets you describe your data using a simple and readable schema and transform a value to match the requirements it has custom error messages custom types and nested schemas exampleimport Volder Email from volder const userSchema new Volder username type String username must be in string alphanumeric true username should only contain letters and numbers minLength username at least characters maxLength username at most characters required true username is required trim true email type String email must be in string pattern Email not valid email maxLength email be at most characters required true email is required trim true password type String password must be in string minLength password should be at least characters maxLength password should be at most characters required true password is required matches A Za z d A Za z d password must contain numbers and letters const valid errors value userSchema validate input	2022-01-29 17:34:10
海外TECH	DEV Community	Gatsby JS — How to solve FOUC when using tss-react and Material UI v5	https://dev.to/deckstar/gatsby-js-how-to-solve-fouc-when-using-tss-react-and-material-ui-v5-465f	Gatsby JS ーHow to solve FOUC when using tss react and Material UI vMaterial UI v brought some amazing updates but switching from JSS to Emotion had an arguably nasty side effect it was no longer as straightforward to group your component styles in classes Fortunately a fantastic library emerged that allowed developers to not only reduce the extreme pain from migrating all their classes from v s makeStyles to emotion but to also to continue to writing classes in practically the same syntax with wonderful TS type safety This library was tss react and it was one of my favorite open source discoveries of Unfortunately however tss react and material ui don t exactly work out of the box when it comes to Gatsby JS Gatsby is a fantastic framework for generating static websites with React code Static websites are great because they load fast can be largely cached in a visitor s browser and have great Search Engine Optimization SEO The trouble I was having was that my production website was displaying what is known as a flash of unseen content or FOUC Material UI users have known about this problem for a long time ーin fact there even exists a popular plugin for solving this exact issue But because tss react and material ui do not share the same emotion cache then simply adding gatsby plugin material ui doesn t work A more custom solution is needed This post is about how I solved the FOUC problem in my Gatsby JS website after migrating to Material UI v with tss react TLDR copy paste the two files belowmake sure your lt CacheProvider gt component imports your emotion cache from the new placeremove gatsby plugin material ui from your gatsby node js file if you had it Explained Step make an emotion cache that can be used both on the client and the serverThis is the cache that will be used by emotion to make your Material UI styles Unfortunately you probably want this file to be a vanilla JS file without TypeScript This is because the gatsby srr js file that we will have to create later must be a vanilla JS file and cannot parse uncompiled TypeScript But don t worry ーyou can still get some TS typing intellisense just by adding a few JSDoc comments src theme cache jsimport createCache from emotion cache type import emotion cache Options export const cacheProps key mui prepend true type import emotion cache EmotionCache undefined export let muiCache export const makeMuiCache gt if muiCache muiCache createCache cacheProps return muiCache Don t forget to use this cache for your lt CacheProvider gt that wraps your Material UI lt ThemeProvider gt exampleimport makeMuiCache from cache const muiCache makeMuiCache const ThemeWrapper props children ReactNode gt const children props return lt CacheProvider value muiCache lt use the new cache here gt lt ThemeProvider theme yourTheme gt children lt ThemeProvider gt lt CacheProvider gt Step create a gatsby srr js file and add the generated styles to the server side lt head gt componentsYou ll probably want it to look something like this gatsby srr jsimport CacheProvider from emotion react import createEmotionServer from emotion server create instance import React from react import renderToString from react dom server import getTssDefaultEmotionCache from tss react import makeMuiCache from src theme cache param import gatsby ReplaceRendererArgs args export const replaceRenderer args gt const bodyComponent replaceBodyHTMLString setHeadComponents args const muiCache makeMuiCache const extractCriticalToChunks createEmotionServer muiCache const emotionStyles extractCriticalToChunks renderToString lt CacheProvider value muiCache gt bodyComponent lt CacheProvider gt const muiStyleTags emotionStyles styles map style gt const css key ids style return lt style key key data emotion key ids join dangerouslySetInnerHTML html css gt const tssCache getTssDefaultEmotionCache const extractCritical createEmotionServer tssCache const css ids extractCritical renderToString bodyComponent const tssStyleTag lt style key tss styles data emotion css ids join dangerouslySetInnerHTML html css gt const combinedStyleTags muiStyleTags tssStyleTag setHeadComponents combinedStyleTags render the result from extractCritical replaceBodyHTMLString emotionStyles html The idea here is that we are exporting a replaceRenderer function that Gatsby will use internally to render your page when generating it see Gatsby the docs here The first part of this function is copy pasted straight out of gatsby plugin material ui However where the plugin has to use clever file system tricks to get access to your emotion cache we can just import our own cache directly With our cache available from our makeMuiCache function we can easily generate our muiStyleTags using emotions server side helpers tss react is also very helpful ーyou can easily access its emotion cache using the getTssDefaultEmotionCache helper As Nicholas Tsim documents in his blog post it is then very easy to create the style tags for any emotion cache ーmuch like how we did earlier for Material UI we create another emotion server extract the critical CSS and map it convert it into a JSX style tag We then combine all our style tags into one array and use the Gatsby setHeadComponents helper so that all of them would be included on our page And finally we call replacebodyhtml with the generated HTML string Step Remove gatsby plugin material ui from gatsby config js to avoid conflicts Self explanatory If you were using the plugin before then open your Gatsby config and delete it gatsby config jsmodule exports Your site config here plugins gatsby plugin material ui lt delete me rest plugins rest config Don t forget to run yarn remove gatsby plugin material ui or the same command with whatever package manager you re using since the package is no longer needed That s it Your Gatsby site should now load without any flash of unseen content and you can continue to use the spectacular Material UI library in all its v glory together with tss react of course Good luck	2022-01-29 17:01:36
海外TECH	DEV Community	I Created a List With Everything You Need to Build Your Next React Native App	https://dev.to/chefk5/i-created-a-list-with-everything-you-need-to-build-your-next-react-native-app-2da0	I Created a List With Everything You Need to Build Your Next React Native AppAfter working with React Native for years I made a list with the most useful libraries documentations tools and resources to learn and build your next react native app Please feel free to contribute to this list by opening a PR	2022-01-29 17:01:20
Apple	AppleInsider - Frontpage News	Examining Apple's record-shattering $123.9B first quarter by the numbers	https://appleinsider.com/articles/22/01/29/examining-apples-record-shattering-1239b-first-quarter-by-the-numbers?utm_medium=rss	Examining Apple x s record shattering B first quarter by the numbersApple has once more reported high revenue in its first quarterly results of AppleInsider looks more closely at the figures to show how the record breaking quarter compares to previous years The quarter was made possible by our most innovative lineup of products and services ever according to Apple CEO Tim Cook in comments made on Thursday as the results were published Its wide array of changes across its product catalog certainly helped motivate customers to upgrade and to switch to the ecosystem It also helped Apple achieve its highest install base ever with more than billion active devices Read more	2022-01-29 17:03:53
海外TECH	Engadget	Apple’s App Store now permits unlisted apps	https://www.engadget.com/apple-app-store-unlisted-apps-174302198.html?src=rss	Apple s App Store now permits unlisted appsApple has introduced a new feature that could help declutter the App Store somewhat Per support documentation spotted by MacRumors the marketplace now supports unlisted apps that users can only access through a direct link Should a developer feel their software isn t suited for public use they can make a request through Apple s website to distribute it as an unlisted app If the company grants the request the app won t appear “in any App Store categories recommendations charts search results or other listings according to Apple Outside of a direct link it s possible to access unlisted apps through Apple s Business and School Manager platforms The company suggests that the new distribution method is ideal for apps that were designed for specific organizations special events research studies and other similar use cases It notes however that unlisted apps aren t a replacement for its TestFlight process since it will decline software that s in a pre release or beta state Otherwise Apple notes it will consider both new and existing apps Once an app is approved its status as an unlisted app will apply to any future versions of the software a developer may release In the case of any existing apps their App Store link will remain the same	2022-01-29 17:43:02
ニュース	BBC News - Home	US East Coast blanketed by 'bombogenesis' snowstorm	https://www.bbc.co.uk/news/world-us-canada-60177979?at_medium=RSS&at_campaign=KARANGA	blizzard	2022-01-29 17:53:40
ニュース	BBC News - Home	AFCON: Toko Ekambi's glorious header gives Cameron the lead against The Gambia	https://www.bbc.co.uk/sport/av/football/60184233?at_medium=RSS&at_campaign=KARANGA	AFCON Toko Ekambi x s glorious header gives Cameron the lead against The GambiaKarl Toko Ekambi s glorious second half header gives Cameroon the lead against The Gambia in their Afcon quarter finals	2022-01-29 17:39:30
ビジネス	ダイヤモンド・オンライン - 新着記事	アリストテレスに学ぶ「魅力的な比喩」のつくり方 - 取材・執筆・推敲──書く人の教科書	https://diamond.jp/articles/-/293538	古賀史健	2022-01-30 03:00:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【出口学長・週末学び直し特別講義】 ソクラテス式「産婆術」と 「不知の自覚」とは？ - 哲学と宗教全史	https://diamond.jp/articles/-/293483		2022-01-30 02:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ベストセラー作家の精神科医と外科医が これからの医療を大胆予想してみた - 精神科医Tomy対談	https://diamond.jp/articles/-/293105	ベストセラー作家の精神科医と外科医がこれからの医療を大胆予想してみた精神科医Tomy対談Twitterでは多くの人の悩みを吹き飛ばす“神ツイートの連投で万フォロワー突破、『精神科医Tomyが教える秒で不安が吹き飛ぶ言葉』をはじめとする「秒シリーズ」が人気の精神科医Tomy先生。	2022-01-30 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	日常的に「右脳」を鍛える方法 - 1分間瞬読ドリル	https://diamond.jp/articles/-/294709		2022-01-30 02:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【メンタルダウンから復活した元自衛官が実践！】ネガティブ思考をストップさせる3つの方法とは？ - メンタルダウンで地獄を見た元エリート幹部自衛官が語る　この世を生き抜く最強の技術	https://diamond.jp/articles/-/294710	twitter	2022-01-30 02:35:00