投稿時間:2022-05-12 02:35:49 RSSフィード2022-05-12 02:00 分まとめ(40件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS News Blog	Amazon EC2 Now Supports NitroTPM and UEFI Secure Boot	https://aws.amazon.com/blogs/aws/amazon-ec2-now-supports-nitrotpm-and-uefi-secure-boot/	Amazon EC Now Supports NitroTPM and UEFI Secure BootIn computing Trusted Platform Module TPM technology is designed to provide hardware based security related functions A TPM chip is a secure crypto processor that is designed to carry out cryptographic operations There are three key advantages of using TPM technology First you can generate store and control access to encryption keys outside of the operating system Second …	2022-05-11 16:10:29
AWS	AWS Big Data Blog	Orchestrate big data jobs on on-premises clusters with AWS Step Functions	https://aws.amazon.com/blogs/big-data/orchestrate-big-data-jobs-on-on-premises-clusters-with-aws-step-functions/	Orchestrate big data jobs on on premises clusters with AWS Step FunctionsCustomers with specific needs to run big data compute jobs on an on premises infrastructure often require a scalable orchestration solution For large scale distributed compute clusters the orchestration of jobs must be scalable to maximize their utilization while at the same time remain resilient to any failures to prevent blocking the ever growing influx of data and …	2022-05-11 16:30:38
AWS	AWS Machine Learning Blog	Achieve in-vehicle comfort using personalized machine learning and Amazon SageMaker	https://aws.amazon.com/blogs/machine-learning/achieve-in-vehicle-comfort-using-personalized-machine-learning-and-amazon-sagemaker/	Achieve in vehicle comfort using personalized machine learning and Amazon SageMakerThis blog post is co written by Rudra Hota and Esaias Pech from Continental AG Many drivers have had the experience of trying to adjust temperature settings in their vehicle while attempting to keep their eyes on the road Whether the previous driver preferred a warmer cabin temperature or you re now wearing warmer clothing or the …	2022-05-11 16:24:35
AWS	AWS	How do I troubleshoot HTTP 403 errors from API Gateway?	https://www.youtube.com/watch?v=Y5swzE0BSz4	How do I troubleshoot HTTP errors from API Gateway For more details see the Knowledge Center article with this video Intro Starting notes Reasons for Errors Test API on CLI Check policy enabled for IAM user Invoke API again EndingSubscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster AWS AmazonWebServices CloudComputing	2022-05-11 16:45:16
AWS	AWS	How do I view traffic passing through an Amazon Route 53 resolver outbound endpoint?	https://www.youtube.com/watch?v=WAF-CNIdxhg	How do I view traffic passing through an Amazon Route resolver outbound endpoint Skip directly to the demo For more details see the Knowledge Center article with this video Neerja shows you how to view traffic passing through an Amazon Route resolver outbound endpoint Introduction Additional information about demo setup Create a mirror target in VPC A Create a traffic mirror session Create a second mirror target in your second ENI Testing your setup Analyzing your captured traffic ClosingSubscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster AWS AmazonWebServices CloudComputing	2022-05-11 16:31:38
AWS	AWS	SonarSource: Automatic Code Analysis in the Cloud with AWS	https://www.youtube.com/watch?v=u3ZwnulzLnU	SonarSource Automatic Code Analysis in the Cloud with AWSSonarCloud part of SonarSource automatically analyzes your code by simply reading it from your repository without the need for CI based configuration Learn how they do this on AWS with Amazon ECS AWS Fargate AWS Lambda and Amazon Aurora Check out more resources for architecting in the AWS​​​cloud ​ AWS AmazonWebServices CloudComputing ThisIsMyArchitecture	2022-05-11 16:27:17
python	Pythonタグが付けられた新着投稿 - Qiita	python-controlで線形システムの固有振動数を求める	https://qiita.com/nujust/items/b33f62943991dfb3cd2f	controlmatlabdamp	2022-05-12 01:50:29
python	Pythonタグが付けられた新着投稿 - Qiita	PythonでCLIアプリケーションを作る	https://qiita.com/kyohei-horikawa/items/49dbcbcbaa00a3ba3567	pythonvpython	2022-05-12 01:41:07
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Ruby】Rubyコードのパフォーマンスを計測したい	https://qiita.com/tetusan/items/bc1bdf1e1b51c0ea2e29	profilerb	2022-05-12 01:52:11
海外TECH	Ars Technica	Study of reproducibility issues points finger at the mice	https://arstechnica.com/?p=1853557	amount	2022-05-11 16:06:09
海外TECH	MakeUseOf	7 Apps That Will Change Your Life for the Better	https://www.makeuseof.com/apps-that-will-change-your-life/	betterwith	2022-05-11 16:45:13
海外TECH	MakeUseOf	AnkerMake M5 3D Printer Boasts 5X Faster Printing and Top Precision	https://www.makeuseof.com/ankermake-m5-3d-printer/	control	2022-05-11 16:30:13
海外TECH	MakeUseOf	10 Ways to Fix "This Video Cannot Be Played" Error in Google Drive	https://www.makeuseof.com/fix-video-cannot-be-played-google-drive/	Ways to Fix amp quot This Video Cannot Be Played amp quot Error in Google DriveIf Google Drive won t play your video and displays an error here are some troubleshooting tips you can use to solve the problem	2022-05-11 16:30:14
海外TECH	MakeUseOf	Corrupt MP4 Files? How to Fix Them for Free With a Neat Trick	https://www.makeuseof.com/tag/fix-corrupt-videos/	fortunately	2022-05-11 16:27:40
海外TECH	MakeUseOf	Lower the Burden on Your CPU With Task Manager’s Efficiency Mode on Windows 11	https://www.makeuseof.com/windows-11-task-manager-efficiency-mode/	windows	2022-05-11 16:16:14
海外TECH	DEV Community	building a real-time cryptocurrency info table with React, MUI(material-ui) and coinmarket cap API	https://dev.to/kevinkh89/building-a-real-time-cryptocurrency-info-table-with-react-muimaterial-ui-and-coinmarket-cap-api-91l	building a real time cryptocurrency info table with React MUI material ui and coinmarket cap APIWe are building a real time Crypto table that is responsive and shows lots of information about every cryptocurrency using the coinmarket cap API The app has a simple express backend to fetch the data from the coinmarket cap you can checkout the full codeTable of contents preparationbackendfrontendAPI keybuilding the backendbuilding the frontend preparationmake a folder named crypto table open your terminal and run the commands Powershell mkdir crypto table cd crypto table code bash mkdir cypto table amp amp cd crypto table amp amp code that would make a folder and open the vscode frontendinside the crypto table folder open a terminal and install React with CRA npx create react app frontendopen the src folder and delete everything inside this folder except index js now cd into the frontend folder and install mui npm install mui material emotion styled emotion react react transition groupemotion packages are necessary for mui to work backendour express backend will be a simple server just to fetch data from the coinmarket cap API head over to the root folder crypto table and make a folder named backend inside this folder open a terminal and install express and axios and nodemon npm install express nodemon axios dotenvnow we have installed the packages we need to build the project you should have a folder structure like this crypto table backend frontend public src index js gitignre package lock json package json README md API keyvisit the coinmarketcap website Click the GET YOUR API KEY NOW button sign up on the website and verify your email after finish signing up and confirming your email address it will redirect you to your account page if you didn t redirect to the account page visit this link and login it has a generous free plan with calls a day when you move the mouse over the API key section it shows a button that copies the key to the clipboard now you are all set to move to the next section building the backendinside the backend folder make two files server js and env open the env file make a variable and paste your API key like so COINMARKETCAP API your api key now let s build our express server import express and make a simple server that listens on port reuqire dotenv config const express require express const app express app use express json app get req res gt res send GET REQUEST app listen gt console log server is running on terminal cd inside backend and type nodemon server jscheckout localhost you should see a text on the screen that says GET REQUESTthe coinmarket cap documentions has lots of information on different endpoints we ll usethe v cryptocurrency listing latest endpoint it returns a sorted list based on the highest market cap basically it is the same listing order on their front page create an instance of axios with basicURL and your API key const api axios create method GET baseURL headers X CMC PRO API KEY process env COINMARKETCAP API KEY Accept application json Accept Encoding deflate gzip The X CMC PRO API KEY is the coinmarketcap s authentication header parameter set the route as api now call the API inside the get requestthe response has two parameters status and data check out the status parameter it has useful info that you can use in your logicapp get api req res gt api listings latest limit then response gt response data then value gt res json value data catch err gt console log err visit the localhost you should see a list of cryptocurrencies I am using the json viewer extension this is the link you can download the extension from webstore now we have all we need on the server side your server js code should look like this require dotenv config const express require express const axios require axios const app express app use express json const api axios create method GET baseURL headers X CMC PRO API KEY process env COINMARKETCAP API KEY Accept application json Accept Encoding deflate gzip app get api req res gt api v cryptocurrency listings latest limit then response gt response data then value gt res json value data catch err gt console log err app listen gt console log express server the limit at the end gives us the first elements of the list by default it returns a list of elements there is a limit to the free plan on coinmarket API although it is a generous free plan I recommend implementing a cache mechanism like with Redis and fetching data from API on a specific time interval then sending back the cache data to the client building the frontendcreate a new file named App jswe want to use a dark theme for our table the default theme mode on mui is light so we need to create a theme and set it to dark mode import all necessary dependencies inside the App js App jsimport React from react import createTheme ThemeProvider from mui material create a theme with dark mode App jsconst theme createTheme palette mode dark now use the ThemeProvider to inject the dark mode your App js code should look like this import createTheme ThemeProvider from mui material import React from react const theme createTheme palette mode dark export default function App return lt ThemeProvider theme theme gt lt div gt test lt div gt lt ThemeProvider gt use the npm start command to spin up the React server visit localhost you should see a text on the screen that says test we are all set to build our Table component Table componentwe ll use the Table component of mui under the hood mui uses the native table element create two files named CoinTable js CoinBody js that s where the table body resides first of all import the necessary components we ll show the skeleton component while the data is loading ConinTable jsimport React useEffect useState from react import TableContainer from mui material TableContainer import Table from mui material Table import Fade Paper Skeleton TableBody TableCell TableHead TablePagination TableRow Typography from mui material import ArrowDropUpIcon from mui icons material ArrowDropUp import ArrowDropDownIcon from mui icons material ArrowDropDown import CoinBody from CoinBody in this example we ll use columns of data let s see the code and we talk about every step CoinTable jsexport default function CoinTable return lt Paper gt lt TableContainer gt lt Table sx minWidth amp td fontWeight gt lt TableHead gt lt TableRow gt lt TableCell gt lt TableCell gt lt TableCell gt name lt TableCell gt lt TableCell align right gt Price lt TableCell gt lt TableCell align right gt h lt TableCell gt lt TableCell align right gt d lt TableCell gt lt TableCell align right gt Market Cap lt TableCell gt lt TableCell align right gt Volume h lt TableCell gt lt TableCell align right gt Circulating supply lt TableCell gt lt TableRow gt lt TableHead gt lt TableBody gt lt CoinTableBody gt lt TableBody gt lt Table gt lt TableContainer gt lt TablePagination component div rowsPerPageOptions rowsPerPage onRowsPerPageChange e gt count page onPageChange e newPage gt gt lt Paper gt there are lots of data and functionality going on inside the table body make a file named CoinTableBody js CoinBody jsexport default function CoinTableBody return lt TableRow gt lt TableCell gt lt TableCell gt lt TableCell align right gt bitcoin lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableRow gt Paper it gives us a nice surface and boxshadow the default color is TableContainer it is a wrapper around the table that gives the table a fluid widthTable the native table element as you notice I gave it a minWidth so it wouldn t shrink any fewer thanpixels I didn t specify any unit that is because mui by default uses pixel for any unitless numbers if you wish to use rem or any other units you should pass your value as a string like so sx minWidth rem the second parameter set the fontWeight on all td elements inside the Table component to if you want to set the sticky header on table you need to specify a maxHeight css property on TableContainer and a pass stickyHeader prop to Table component TableHead thead native elementTableRow tr native elmentTableCell td native element notice we set the TableCell component to align right except the first one it looks much better but it s a matter of opinion you can change it if you want TableBody the tbody native element that s where the data resign and changes periodicallyTablePagination it is our pagination control with all the good stuff notice we have implemented the pagination outside the TableContainer because we don t want the pagination to be on the same scrolling area as the table now the pagination won t scroll with the table on small devices it has its own scroll bar use the chrome devtools and toggle the device toolbar you ll see in small devices the pagination won t scroll with the table while scrolling horizontally we have hardcoded the count just for now rowsPerPageOptions receive an array with options that the user can choose from rowsPerPage is the initial number of rows per page onRowsPerPageChange and onPageChagne are the functions that we leverage to change our Table UI update the App js file import createTheme ThemeProvider from mui material import React from react import Table from CoinTable let theme createTheme palette mode dark export default function App return lt ThemeProvider theme theme gt lt Table gt lt ThemeProvider gt right now our markup is finished we have the look and it s time to introduce state and fetch data from our server custom hookcreate file named hooks helpers js inside this file we implement the hook and a helper function open the hooks helpers js file let s build a custom hook that fetches data from API and return the data and an isLoading parameter hooks helpers jsfunction useCoinMarket const state setState useState data isLoading true const updateState data gt setState state gt data data data state data isLoading false async function init try const res await fetch api const data await res json updateState data catch err console log err useEffect gt init const id setInterval gt init return gt clearInterval id return state notice we have set two fields for the state data isLoading the isLoading is true initially so the table would show a skeleton and when the promise is fulfilled we set the isLoading to false also you can set a isError property to show some info on screen when there is an error and send a request to an analytic endpoint to log your errors we use setInterval to call init every minute to update the table change the time as you wish this is a side note in regards to different approaches toward calling a function immediately and setting a time interval on the callee you can skip this part if you want there are other interesting ways to achieve immediately calling a function and setting a time interval using a setTimeout function mysetInterval func time func return setTimeout func time we call the mysetInteval with the init function and clearinterval with the return valueusing setInterval with IIFE setInterval function mysetInteravl init return mysetInterval you can specify your time it immediately calls the function and then returns itself to be called on the next time intervalAdd two state hooks for page and rowsPerPage to handle the pagination state pass them to onRowsPerPageChange and onPageChange notice the onPageChange props callback have two arguments the second argument is the new page sets by the user pass rowsPerPage page to CoinBody component we have to somehow send the data length to the pagination component the count prop in order to achieve that make a new state hook dataLength setDataLength and pass down the setDataLenght to the coninTableBody and pass the dataLength to count prop side note We could use the useCoinMarket hook inside the CointTable component The benefit we gain is that we have moved the state and data fetching where exactly it s needed it is widely known as co locating the pagination component needs the dataLength and we exchange the data between the paginitaion and CoinTableBody through the parent component CoinTable When we move the data where needed we can avoid unnecessary re renders in this example only the CoinBody component re renders on every data fetching while it won t cause any re renders on the CointTable and Pagination components imports export default function CoinTable const rowsPerPage setRowsPerPage useState const page setPage useState const dataLength setDataLength useState return lt Paper gt lt TableContainer gt lt Table sx minWidth amp td fontWeight gt lt TableHead gt lt TableRow gt lt TableCell gt lt TableCell gt lt TableCell colSpan gt name lt TableCell gt lt TableCell align right gt Price lt TableCell gt lt TableCell align right gt h lt TableCell gt lt TableCell align right gt d lt TableCell gt lt TableCell align right gt Market Cap lt TableCell gt lt TableCell align right gt Volume h lt TableCell gt lt TableCell align right gt Circulating supply lt TableCell gt lt TableRow gt lt TableHead gt lt TableBody gt lt CoinTableBody rowsPerpage rowsPerpage page page setDataLength setDataLength gt lt TableBody gt lt Table gt lt TableContainer gt lt TablePagination component div rowsPerPageOptions rowsPerPage count dataLength onRowsPerPageChange e gt setRowsPerPage parseInt e target value setPage page page onPageChange e newPage gt setPage newPage gt lt Paper gt now import the custom hook inside the CoinBody js file on the CoinTableBody component we need to extract the proportion of the data based on the number of page and rowsPerPage isLoading parameter is used to show a skeleton while data is loading insdie CoinBody make a componenet named BodySkeleton pass rowsPerPAge and number of heads CoinBody jsexport const CoinTableBody memo rowsPerpage page setDataLength gt const data isLoading update useCoinMarket const dataSliced data slice page rowsPerPage page rowsPerPage useEffect gt setDataLength data length data length return lt TableBody gt isLoading lt BodySkeleton rows rowsPerPage heads gt dataSliced map row gt lt TableRow gt lt TableCell gt bitcoin lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableCell align right gt lt TableCell gt lt TableRow gt lt TableBody gt we make two arrays based on the rows and head props to map over them and show the skeleton CoinBody jsconst BodySkeleton rows heads gt const rowArray Array rows fill null const cellArray Array heads fill null return rowArray map index gt lt TableRow key index gt cellArray map index gt lt TableCell key index align index left right gt index lt Box sx display flex alignItems center gt lt Skeleton variant circular width height sx mr gt lt Skeleton width gt lt Box gt lt Skeleton gt lt TableCell gt lt TableRow gt the body would house lots of data and components so it is wise to move them into a component make a file named BodyRow js and change the CoinTableBody like so CoinTableBody jsexport const CoinTableBody memo rowsPerPage page setDataLength gt const data isLoading useCoinMarket const dataSliced data slice page rowsPerPage page rowsPerPage useEffect gt setDataLength data length data length console log body return lt TableBody gt isLoading lt BodySkeleton rows rowsPerPage heads gt dataSliced map row gt lt BodyRow key row id row row gt lt TableBody gt the API provides us substantial information about all aspects of cryptocurrency In this example we are going to show columns of information such as price hours change days change circulating supply market cap h volumne make sure to check out other properties too there is not much to do in regards to processing the numbers We show two digits after the decimal point toFixed price market cap and circulating supply need to be formatted as a currency we use the Intl NumberFormat object hence the numberFormat function we ll get to it on percent change h and percent change d based on being negative or positive the renderPercentages return our percentages in red or green color with down or up arrows I ve used the default mui theme colors success main and error main check out other fields on theirdefault themeproperties switchTransition with the fade component gives us a nice fading transition effect Whenever the key property on the fade component changes the switchTransition triggers the in prop of the fade component on two table cells we have used sx with theme breakpoints down md it would introduce a breakpoint that triggers under the px width devices it will set the row number name and avatar in sticky position so the user can scroll horizantally and see the name alongside other colums when using sx as a function we can use the theme object is an endpoint on coinmarketcap for coin icons just add the coin id at the end BodyRow jsexport default functin BodyRow row const name quote row const USD quote USD const price numberFormat USD price const percent USD percent change h toFixed const percent d USD percent change d toFixed const circulating supply numberFormat row circulating supply style decimal const marketCap numberFormat USD market cap notation compact compactDisplay short const volume numberFormat USD volume h const renderPercentage num gt return num gt lt Box display flex justifyContent flex end alignItems center color success main gt lt ArrowDropUpIcon color success gt lt span gt num lt span gt lt Box gt lt Box display flex justifyContent flex end alignItems center color error main gt lt ArrowDropDownIcon gt lt span gt num replace lt span gt lt Box gt return lt TableRow sx amp td width gt lt TableCell sx theme gt theme breakpoints down md position sticky left zIndex backgroundColor gt row cmc rank lt TableCell gt lt TableCell padding none sx theme gt theme breakpoints down md position sticky left zIndex backgroundColor gt lt Box sx display flex alignItems center gt lt Avatar src bit sx width height mr gt lt span gt name amp nbsp row symbol lt span gt lt Box gt lt TableCell gt lt SwitchTransition gt lt Fade key price gt lt TableCell align right gt price lt TableCell gt lt Fade gt lt SwitchTransition gt lt SwitchTransition gt lt Fade key percent gt lt TableCell align right gt renderPercentage percent lt TableCell gt lt Fade gt lt SwitchTransition gt lt SwitchTransition gt lt Fade key percent d gt lt TableCell align right gt renderPercentage percent d lt TableCell gt lt Fade gt lt SwitchTransition gt lt TableCell align right gt marketCap lt TableCell gt lt TableCell align right gt volume lt TableCell gt lt TableCell align right gt circulating supply amp nbsp row symbol lt TableCell gt lt TableRow gt numberFormatfunction returns the number in currency or decimal style maximumFractionDigits has conditions numbers over set to digits after decimal pointnumbers with less than digits return the same number of digits after the decimal pointnumbers with more than digits return up to digits after a decimal pointthere other interesting properties on this utility a great tool for internationalization We have implemented a default option while we can add an object as a second parameter to modify the default for example on the market cap we set notaion compact compactDisplay short it will display the market cap in the short format followed by a B as in billions sign we set the style of circulating supply to decimal to show the plain number hooks helpers jsfunction numberFormat num options let temp if num lt amp amp num gt temp if num lt temp let defaultOptions style currency currency USD maximumFractionDigits temp minimumFractionDigits notation standard compactDisplay long return new Intl NumberFormat en US defaultOptions options format num I d be happy to hear from you let s connect on Twitter	2022-05-11 16:43:50
海外TECH	DEV Community	The 5 Short Frontend tips for May	https://dev.to/melnik909/the-5-short-frontend-tips-for-may-586g	The Short Frontend tips for May Switching сaps letters to lowercase at the start a filling in of email is what you like Folks iHerb makes you switch caps letters to lowercase before you start a filling in of email That s what you like It freaks me out A majority of emails start in lowercase letters more often than in capital So I wanna see a keyboard with lowercase letters to avoid additional taps I offer to add the HTML autocapitalize off attribute to email input fields And we haven t to switch a keyboard because browsers will display lowercase letters already Make switching between list options using arrows keyFolks did you like to use keyboard arrows keys I m absolutely Yes That s so made easier my life So if I use apps that don t allow it I get furious That happened when I use Preply Oh I just clicked on filter for choosing the language and push the down arrow key And what do you think happened Nothing reactions ‍ ️I just can t use keys I have to take my mouse and use it How it might be made Let s see on the NHL webapp I click on the All teams filter and push the down arrow key The app switches to the Anaheim Ducks team And I can push one more time and it switches to the next team Arizona Coyotes All Noa mouse Just we use a keyboard Close a modal using the Esc key Folks unfortunately apps don t allow to hide a modal using the Esc key The Pinterest app is an example of it Just try to push the Esc key when you log in We will be ignored by the app It makes us to hover on the button and close the modal by clicking ‍ ️Instead of that Booking apps allow to close a modal using the Esc key when we select a language Just push by the Esc key is all you gotta do Yay Is focus moving to the close button always user friendly Folks let s choose a language on Booking I push the button and see a modal I want to pay attention focus is moved on the close button So I push the ↓key and use ↓and ↑keys to start choosing Stop Why I should push the arrow down key Why can t I start choosing a language immediately Actually a closing feature is useful But it isn t the main So moving focus on the close button isn t well in more cases And what if focus would be moved to the first language because choosing a language is our main goal Then we would make that immediately using ↓and ↑keys ️ Give the chance to fix the incorrect passwordFolks how often did you make mistakes when you log in on apps I m a man who does it every day I noticed apps reset my password if validation is failed The typical example is Amazon If we enter an incorrect password it will be reset after validation Oh I m just mad because that isn t user friendly And I scream Alleluia Thank you so much to Booking Their app doesn t do that If we make a mistake with the password it isn t reset Thus we can fix the mistake instead of entering a password again P S ️I make free unlimited Q amp A sessions about user friendly web interfaces UX ay via email with expect responses in days I make free UX and ay reviews of your non commercial projects and recommendations for improvement ‍I help in searching high quality content about interfacesPlease use my email for communication melnik ya ruGet more free tips directly to your inboxThank you so much my sponsors Ben Rinehart Sergio Kagiema Jesse Willard Tanya Ten Konstantinos Kapenekakis	2022-05-11 16:37:39
海外TECH	DEV Community	Best & trendiest Free Chakra UI Components! [React.js] ⚡	https://dev.to/fredy/best-trendiest-free-chakra-ui-components-reactjs-533d	Best amp trendiest Free Chakra UI Components React js Horizon UI Chakra UI Components Horizon UI Components comes with dark light frontend individual elements like buttons inputs navbars nav tabs cards or alerts giving you the freedom of choosing and combining ️Best amp trendiest Free Chakra UI Components See all components here	2022-05-11 16:21:52
Apple	AppleInsider - Frontpage News	Enhanced Aura Strap 2 for Apple Watch and Aura Plus subscription service available now	https://appleinsider.com/articles/22/05/11/enhanced-aura-strap-2-for-apple-watch-and-aura-plus-subscription-service-available-now?utm_medium=rss	Enhanced Aura Strap for Apple Watch and Aura Plus subscription service available nowThe Aura Strap is a smart Apple Watch band capable of recording metrics like body fat and water levels now with a fitness subscription service The Aura Strap collects BIA data using electrodesAura is a health and fitness company that makes an Apple Watch accessory called the Aura Strap which is now in its second iteration The new band collects more data in a smaller package that uses the better Bluetooth BLE standard Read more	2022-05-11 16:39:18
Apple	AppleInsider - Frontpage News	Apple's 'Helpsters' season 3 adds Bradley Cooper, Daphne Rubin-Vega	https://appleinsider.com/articles/22/05/11/apples-helpsters-season-3-adds-bradley-cooper-daphne-rubin-vega?utm_medium=rss	Apple x s x Helpsters x season adds Bradley Cooper Daphne Rubin VegaApple TV has debuted a trailer for the third season of its Helpsters pre school series which adds a slew of guest stars led by Bradley Cooper and including very many more Helpsters is a live action pre school show from the makers of Sesame Street and it s been an award winner for Apple Ahead of its third season Apple has released a second teaser trailer Whether it s planning a day at the beach inventing a new machine or learning how to line dance the Helpsters can figure anything out says Apple in a statement that includes the trailer video because everything starts with a plan Read more	2022-05-11 16:30:05
Apple	AppleInsider - Frontpage News	Last chance: Amazon has iPod touch models in stock for $189.99	https://appleinsider.com/articles/22/05/11/last-chance-amazon-has-ipod-touch-models-in-stock-for-18999?utm_medium=rss	Last chance Amazon has iPod touch models in stock for Apple may have discontinued the iconic iPod touch but that doesn t mean you can t still get your hands on one for a discounted price The iPod Touch is on sale at Amazon todayFor those of you looking to give the tech one last hurrah Amazon still has several models of the latest iPod touch in stock in a variety of colors Read more	2022-05-11 16:29:59
Apple	AppleInsider - Frontpage News	Apple touts benefits of privacy-preserving ad tech in pitch to advertisers	https://appleinsider.com/articles/22/05/11/apple-touts-benefits-of-privacy-preserving-ad-tech-in-pitch-to-advertisers?utm_medium=rss	Apple touts benefits of privacy preserving ad tech in pitch to advertisersApple has revealed to advertisers that App Store search ads served in a non targeted fashion are just as effective as those relying on targeting via first party data Credit AppleThe company made the claim in a presentation to advertisers that was obtained by AppleInsider That presentation focused on the effectiveness of privacy preserving technologies in Apple s own Search Ads business Read more	2022-05-11 16:10:07
海外TECH	Engadget	Twitter made a game to explain its privacy policy	https://www.engadget.com/twitter-privacy-game-161550729.html?src=rss	Twitter made a game to explain its privacy policyTwitter has revamped its privacy policy to help you understand how it handles your data but it s not convinced that s enough The social network has launched a Data Dash game that it hopes will help you understand the trickier parts of the new policy in simpler terms At its heart it s a simple platformer that has you guide your dog Data around unwanted ads for cats naturally navigate through spam DMs and avoid trolls Complete a level and you ll learn more about Twitter s approach and how you can take control of the experience Also your privacy isn t a game But we DID make one to help you understand the more complex parts of our privacy policy and how you can take control of your experience on Twitter Play amp learn pic twitter com kuaZVqLーTwitter Safety TwitterSafety May Data Dash won t exactly challenge hardcore gamers and the mechanics are a bit crude The bit retro style is cute if unoriginal though and the easy gameplay makes it more likely that you ll learn something rather than give up in frustration The biggest issue may simply be the tone While the game is glib the issues it s dealing with are potentially serious ーwe doubt people will enjoy this if they ve been targets for harassment or hate speech Data Dash is more for newcomers and other innocents who want to wrap their heads around privacy concepts before they encounter the sobering reality	2022-05-11 16:15:50
海外TECH	WIRED	11 Travel Deals to Take You Anywhere You Want	https://www.wired.com/story/travel-deals-may-11-2022	adventures	2022-05-11 16:30:00
金融	金融庁ホームページ	「新型コロナウイルス感染症関連情報」特設ページを更新しました。	https://www.fsa.go.jp/ordinary/coronavirus202001/press.html	新型コロナウイルス	2022-05-11 18:00:00
金融	金融庁ホームページ	金融関係団体等に対し、「原油価格・物価高騰等総合緊急対策」を踏まえた資金繰り支援の徹底等について要請しました。	https://www.fsa.go.jp/news/r3/ginkou/20220511.html	原油価格	2022-05-11 18:00:00
金融	金融庁ホームページ	金融庁職員の新型コロナウイルス感染について公表しました。	https://www.fsa.go.jp/news/r3/sonota/20220511.html	新型コロナウイルス	2022-05-11 17:58:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	税還付や未払い金問題の解決など、中小・零細企業への支援策強化	https://www.jetro.go.jp/biznews/2022/05/6211c2ca77278bf7.html	未払い金	2022-05-11 16:50:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	カナダ・トルドー首相、ウクライナ・ゼレンスキー大統領と会談、さらなる支援を約束	https://www.jetro.go.jp/biznews/2022/05/dfac8df2e7989666.html	首相	2022-05-11 16:45:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	カナダ、ウクライナからの輸入関税を1年間撤廃予定	https://www.jetro.go.jp/biznews/2022/05/68b14cf6909fa6f0.html	関税	2022-05-11 16:40:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	入国規制は大幅緩和、ダッカ空港最新状況	https://www.jetro.go.jp/biznews/2022/05/b1970ffb0996f74a.html	規制	2022-05-11 16:35:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	日本からの入国手続きは5月からさらに緩和、グリーンパス提示義務も原則撤廃	https://www.jetro.go.jp/biznews/2022/05/068aceff7e91c7dc.html	義務	2022-05-11 16:30:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	ベネズエラ国内での外貨による取引にブレーキ	https://www.jetro.go.jp/biznews/2022/05/03da89e1e0f5527f.html	外貨	2022-05-11 16:25:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	ルーマニア国営ロムガス、エクソンから黒海ガス田の権益を取得、ガスの自給と輸出を目指す	https://www.jetro.go.jp/biznews/2022/05/b4c748e597f262e9.html	黒海	2022-05-11 16:20:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	2022年7月にGIFTシティーでSGXが金融取引業務を開始予定	https://www.jetro.go.jp/biznews/2022/05/6de10be80efb3353.html	開始予定	2022-05-11 16:15:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	CATL、新興EVメーカー愛馳と電池交換サービスで提携	https://www.jetro.go.jp/biznews/2022/05/dafccaec79fc03c5.html	電池	2022-05-11 16:10:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	英政府、新補助金管理法の成立発表、柔軟性拡大を図る	https://www.jetro.go.jp/biznews/2022/05/09cd1a1c193b8a20.html	補助金	2022-05-11 16:05:00
ニュース	BBC News - Home	Rebekah Vardy admits trying to leak story about Danny Drinkwater	https://www.bbc.co.uk/news/entertainment-arts-61405836?at_medium=RSS&at_campaign=KARANGA	coleen	2022-05-11 16:45:17
ニュース	BBC News - Home	NI election 2022: DUP threatens to stop NI Assembly functioning	https://www.bbc.co.uk/news/uk-northern-ireland-61406434?at_medium=RSS&at_campaign=KARANGA	assembly	2022-05-11 16:02:21
ニュース	BBC News - Home	Rob Edwards: Watford appoint former Forest Green boss as manager from 2022-23	https://www.bbc.co.uk/sport/football/61413324?at_medium=RSS&at_campaign=KARANGA	championship	2022-05-11 16:08:29