投稿時間:2023-03-13 23:22:51 RSSフィード2023-03-13 23:00 分まとめ(25件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Networking and Content Delivery	How to enhance CloudFront origin security of on-premise web servers using third-party firewalls	https://aws.amazon.com/blogs/networking-and-content-delivery/how-to-enhance-cloudfront-origin-security-of-on-premise-web-servers-using-third-party-firewalls/	How to enhance CloudFront origin security of on premise web servers using third party firewallsThis post provides a solution to enhance the Amazon CloudFront origin security of on premises web servers by automating the AWS IP prefix update process for some network firewalls CloudFront is a content delivery network CDN service that securely delivers data videos applications and APIs to customers globally with low latency and high transfer speedsーall within …	2023-03-13 13:28:35
python	Pythonタグが付けられた新着投稿 - Qiita	業務効率化を図る試作2号機	https://qiita.com/makimakimakimac/items/773bf56a38694dde8bc7	業務効率化	2023-03-13 22:55:24
python	Pythonタグが付けられた新着投稿 - Qiita	FastAPIのbackground taskでstatusを取得	https://qiita.com/kotattsu3/items/bce0c016f028601875df	backgroundtask	2023-03-13 22:05:17
技術ブログ	Developers.IO	ChatGPTでTerraformのエラーメッセージから原因を特定できるか試してみた	https://dev.classmethod.jp/articles/chatgpt-ecs-error-messages-qa/	chatgpt	2023-03-13 13:35:31
技術ブログ	Developers.IO	React 내부 상태를 React가 아닌 곳에서 변경하기	https://dev.classmethod.jp/articles/modify-react-state-outside-of-react/	React 내부상태를React가아닌곳에서변경하기리액트가아니지만같은어플리케이션내에존재하는곳에서특정리액트컴포넌트의상태를변경하고싶다면어떻게할까요 해봅시다간단한카운터가있습니다 카운트상태를가지고클릭하면카운트가증	2023-03-13 13:01:16
海外TECH	Ars Technica	First Tesla, now Nissan: Another EV recall to replace a steering wheel	https://arstechnica.com/?p=1923461	bolts	2023-03-13 13:34:40
海外TECH	MakeUseOf	What Is the Technology Adoption Curve?	https://www.makeuseof.com/what-is-the-technology-adoption-curve/	adoption	2023-03-13 13:15:16
海外TECH	MakeUseOf	Alexa Echo Auto 2: Upgrade Your Infotainment	https://www.makeuseof.com/alexa-echo-auto-2-review/	alexa	2023-03-13 13:05:16
海外TECH	DEV Community	How to build a sticky banner component using Tailwind CSS and Flowbite	https://dev.to/themesberg/how-to-build-a-sticky-banner-components-using-tailwind-css-and-flowbite-2i0i	How to build a sticky banner component using Tailwind CSS and FlowbiteToday I would like to write a tutorial on how you can code a sticky banner component that you can use to show messages or marketing CTA elements to your website users based on a banner that is sticked to the top or bottom part of your page This tutorial will use the utility first CSS framework called Tailwind CSS and it will also leverage the JS interactivity and data attributes from the Flowbite UI component library Here s a quick preview of the component that we will build Zoltán Szőgyényi zoltanszogyenyi New component for Flowbite The banner element can be used to show marketing informational or CTA buttons to your users and it will stay sticked to the top side of the page Coded with Tailwind CSS it is fully responsive and supports dark mode PM Mar Without further ado let s get started Tailwind CSS Sticky BannerThe first thing that we need to do is set up the HTML tags and for this purpose we will use a generic lt div gt tag a paragraph for the text and finally a button for the close behaviour with a SVG icon lt div id sticky banner tabindex gt lt div gt lt p gt lt span gt lt span class sr only gt Light bulb lt span gt lt span gt lt span gt New brand identity has been launched for the lt a href gt Flowbite Library lt a gt lt span gt lt p gt lt div gt lt div gt lt button gt lt span class sr only gt Close banner lt span gt lt button gt lt div gt lt div gt We added an id and tabindex so that we can improve accessibility for screen reader users by skipping the banner when navigating the website The next step would be to use the fixed and positioning classes from Tailwind CSS to make the banner stick to the top side of the page as you scroll down the content lt div id sticky banner tabindex class fixed top left z gt lt div gt lt p gt lt span gt lt span class sr only gt Light bulb lt span gt lt span gt lt span gt New brand identity has been launched for the lt a href gt Flowbite Library lt a gt lt span gt lt p gt lt div gt lt div gt lt button gt lt span class sr only gt Close banner lt span gt lt button gt lt div gt lt div gt We also added a Z index class so that it will go above all the other elements as you scroll down The component doesn t look too good though so let s proceed by adding some classes to position the elements inside and style them with colors shadows and spacings lt div id sticky banner tabindex class fixed top left z flex justify between w full p border b border gray bg gray dark bg gray dark border gray gt lt div class flex items center mx auto gt lt p class flex items center text sm font normal text gray dark text gray gt lt span class inline flex p mr bg gray rounded full dark bg gray gt lt svg class w h text gray dark text gray fill currentColor viewBox xmlns aria hidden true gt lt path d M a va VzM a l a l zM a h a ha zM A l a l zM a Ha ha zM v hva zM c a c hz gt lt path gt lt svg gt lt span class sr only gt Light bulb lt span gt lt span gt lt span gt New brand identity has been launched for the lt a href class inline font medium text blue underline dark text blue underline offset decoration dark decoration decoration solid hover no underline gt Flowbite Library lt a gt lt span gt lt p gt lt div gt lt div gt Let s also add the dismiss button to the component lt div class flex items center gt lt button data dismiss target sticky banner type button class flex shrink inline flex justify center items center text gray hover bg gray hover text gray rounded lg text sm p dark hover bg gray dark hover text white gt lt svg aria hidden true class w h fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a L l a L l a L l a L a z clip rule evenodd gt lt path gt lt svg gt lt span class sr only gt Close banner lt span gt lt button gt lt div gt Make sure that you have Flowbite s JS installed either via the CDN or using NPM by following the quickstart guide For simplicity just include the following script tag lt script src gt lt script gt Here s the full code for the banner lt div id sticky banner tabindex class fixed top left z flex justify between w full p border b border gray bg gray dark bg gray dark border gray gt lt div class flex items center mx auto gt lt p class flex items center text sm font normal text gray dark text gray gt lt span class inline flex p mr bg gray rounded full dark bg gray gt lt svg class w h text gray dark text gray fill currentColor viewBox xmlns aria hidden true gt lt path d M a va VzM a l a l zM a h a ha zM A l a l zM a Ha ha zM v hva zM c a c hz gt lt path gt lt svg gt lt span class sr only gt Light bulb lt span gt lt span gt lt span gt New brand identity has been launched for the lt a href class inline font medium text blue underline dark text blue underline offset decoration dark decoration decoration solid hover no underline gt Flowbite Library lt a gt lt span gt lt p gt lt div gt lt div class flex items center gt lt button data dismiss target sticky banner type button class flex shrink inline flex justify center items center text gray hover bg gray hover text gray rounded lg text sm p dark hover bg gray dark hover text white gt lt svg aria hidden true class w h fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a L l a L l a L l a L a z clip rule evenodd gt lt path gt lt svg gt lt span class sr only gt Close banner lt span gt lt button gt lt div gt lt div gt Congratulations This is how the banner should look on light and dark mode Check out how you can enable dark mode with Tailwind CSS on the Flowbite Docs and also use a theme switcher based on localStorage More componentsThis is only one example of the many sticky banner components built with Tailwind CSS from the open source Flowbite Library so make sure you check out all the examples that you can directly copy paste inside your project CreditsThis tutorial could not have been done without the following awesome open source resources Tailwind CSSFlowbite	2023-03-13 13:40:20
海外TECH	DEV Community	Meme Monday 👩‍🎤	https://dev.to/ben/meme-monday-58j4	Meme Monday ‍Meme Monday Today s cover image comes from last week s thread DEV is an inclusive space Humor in poor taste will be downvoted by mods	2023-03-13 13:04:09
海外TECH	DEV Community	Building a JSON to Typescript converter with React, NodeJS and ChatGPT 🚀	https://dev.to/novu/building-a-json-to-typescript-converter-with-react-nodejs-and-chatgpt-46p2	Building a JSON to Typescript converter with React NodeJS and ChatGPT TL DRIn this article you ll learn how to build a web application that converts JSON objects to Typescript interfaces using the ChatGPT API Why do you need it Many websites offer API for different stuff The main problem usually is when writing code your code needs to be made aware of the response and as a result you don t get completion The solution is to send one request get the result and map it into interfaces Another option is to look for the result over the website documentation if they have one and map it into interfaces But a much simpler solution is sending JSON and returning the interface in Typescript Easy You can do it with JSON to typescript libraries but I am going to show you this with ChatGPT because you know I like magic 🪄️ HELP ME OUTI have created the repo with the full code to turn JSON to Typescript feel free to clone use it and give me a star ️ What is ChatGPT ChatGPT is an AI language model trained by OpenAI to generate text and interact with users in a human like conversational manner Users can submit requests and get information or answers to questions from a wide range of topics in just a few seconds ChatGPT also helps with writing debugging and explaining code snippets It is worth mentioning that ChatGPT and its API are currently free and open to public use Therefore in this article we ll use its API to build a JSON to Typescript converter Project SetupHere I ll guide you through creating the project environment for the web application We ll use React js for the front end and Node js for the backend server Create the project folder for the web application by running the code below mkdir json to typescriptcd json to typescriptmkdir client server Setting up the Node js serverNavigate into the server folder and create a package json file cd server amp npm init yInstall Express Nodemon and the CORS library npm install express cors nodemonExpressJS is a fast minimalist framework that provides several features for building web applications in Node js  CORS is a Node js package that allows communication between different domains and Nodemon is a Node js tool that automatically restarts the server after detecting file changes Create an index js file the entry point to the web server touch index jsSet up a Node js server using Express js The code snippet below returns a JSON object when you visit the http localhost api in your browser index jsconst express require express const cors require cors const app express const PORT app use express urlencoded extended true app use express json app use cors app get api req res gt res json message Hello world app listen PORT gt console log Server listening on PORT Configure Nodemon by adding the start command to the list of scripts in the package json file The code snippet below starts the server using Nodemon In server package json scripts test echo Error no test specified amp amp exit start nodemon index js Congratulations You can now start the server by using the command below npm start Setting up the React applicationNavigate into the client folder via your terminal and create a new React js project cd clientnpx create react app Install the Monaco Editor for React and the React Copy to Clipboard libraries npm install monaco editor react react copy to clipboardMonaco Editor for React is a simple package for adding code editors to React apps and the React Copy to Clipboard package allows us to copy and paste contents via a button click Delete the redundant files such as the logo and the test files from the React app and update the App js file to display Hello World as below function App return lt div gt lt p gt Hello World lt p gt lt div gt export default App Navigate into the src index css file and copy the code below It contains all the CSS required for styling this project import url Grotesk wght amp display swap box sizing border box margin padding font family Space Grotesk sans serif app width min height vh loading display flex align items center justify content center width height vh header container width display flex align items center height vh background color effe header right display flex align items center runBtn padding px px width px margin right px cursor pointer border none border radius px box shadow px px eeea background color f outline none color fff header border px solid ddd padding px px border px solid eee display flex align items center justify content space between flex height code container display flex height vh width align items flex start minimap display none editor padding px px width code output width vw deleteIcon height px color cfaa cursor pointer copyIcon height px color eac cursor pointer Building the application user interfaceHere we ll create the user interface for the JSON to Typescript converter to enable users to add JSON objects on the left hand side of the screen and view the results in Typescript on the right hand side of the screen To begin with create an icons folder within the client src folder The icons folder will contain the delete and copy icon from the image above cd client srcmkdir iconscd iconstouch Copy js Delete jsUpdate the Copy js file to contain the SVG icon from Heroicons import React from react const Copy gt return lt svg xmlns viewBox fill currentColor className w h copyIcon gt lt path d M c h a vC hA vC h A Vz gt lt path d M a A h A VzM HvA Hvc h A VC z gt lt svg gt export default Copy Copy the code below into the Delete js file It renders an SVG icon for the delete button import React from react const Delete gt return lt svg xmlns viewBox fill currentColor className w h deleteIcon gt lt path fillRule evenodd d M v a l a Ha L l a A v c a c zm a C v a v c zm a l a l zm a l a l z clipRule evenodd gt lt svg gt export default Delete Update the App js file to render the header elements as done below import React from react import Delete from icons Delete import Copy from icons Copy const App gt const handleSubmit gt console log Run Button Clicked return lt main className app gt lt header className header container gt lt div className header gt lt h gt JSON lt h gt lt div className header right gt lt button className runBtn onClick handleSubmit gt RUN lt button gt lt Delete gt lt div gt lt div gt lt div className header gt lt h gt Typescript lt h gt lt Copy gt lt div gt lt header gt lt div className code container gt lt div gt lt main gt export default App The code snippet above displays the header components of the web application In the upcoming section I ll guide you on how to add the Monaco code editor to the React application Add the Monaco code editor to ReactThe Monaco Editor is a well known web technology based code editor that powers VS Code and it just requires a one line integration to support multiple programming languages We ve installed the library in the previous section Next import it into the App js file as done below import React useState from react import Delete from icons Delete import Copy from icons Copy import Editor from monaco editor react const App gt const value setValue useState const output setOutput useState const handleSubmit gt console log Run Button Clicked return lt main className app gt lt header className header container gt lt div className header gt lt h gt JSON lt h gt lt div className header right gt lt button className runBtn onClick handleSubmit gt RUN lt button gt lt Delete gt lt div gt lt div gt lt div gt lt h gt Typescript lt h gt lt Copy gt lt div gt lt header gt lt div className code container gt lt div className code gt lt Editor height vh className editor defaultLanguage json defaultValue value value onChange value gt setValue value gt lt div gt lt div className output gt lt Editor height vh className editor defaultLanguage typescript options domReadOnly true readOnly true defaultValue value output onChange value gt setOutput value gt lt div gt lt div gt lt main gt export default App From the code snippet above I imported the Editor component from the Monaco Editor package The first editor component accepts props such as height value language and the onChange event prop The second editor component accepts the same props as the first but with an additional prop called options that prevents users from editing its values since it s read only How to communicate with ChatGPT in Node jsIn this section you ll learn how to communicate with the ChatGPT via its API in a Node js server We ll send the JSON code provided by the user to the API to convert the code to its Typescript equivalent To accomplish this Install the OpenAI API Node js library by running the code below npm install openaiLog in or create an OpenAI account hereClick Personal on the navigation bar and select View API keys from the menu bar to create a new secret key Copy the API Key somewhere safe on your computer we ll use it shortly Configure the API by copying the code below into the index js file Replace the value of the apiKey with your API Key const Configuration OpenAIApi require openai const configuration new Configuration apiKey lt YOUR API KEY gt const openai new OpenAIApi configuration Create a POST route on the server that will accept the JSON code from the front end and generate its Typescript equivalent app post convert req res gt console log req body Update the handleSubmit function within the App js file to send the JSON object provided by the user to the convert endpoint on the server const handleSubmit gt fetch http localhost convert method POST body JSON stringify value headers Content Type application json then res gt res json then data gt setOutput data response catch err gt console error err Update the convert endpoint as done below app post convert async req res gt Destructure the JSON object let value req body the ChatGPT prompt const prompt Convert the JSON object into Typescript interfaces n value Please I need the only the code I don t need any explanations const completion await openai createChatCompletion model gpt turbo messages role user content prompt res json message Successful response completion data choices message content The code snippet above accepts the JSON object from the React app creates a prompt with the JSON code and sends it to the ChatGPT API The response containing the Typescript equivalent of the code is sent back to the client Since we ve retrieved the response from the Node js server add a loading state to the application to notify the users when the request is pending To begin with create a Loading js file and copy the code below into the file import React from react const Loading gt return lt div className loading gt lt h gt Loading lt h gt lt div gt export default Loading Add a loading state within the App js file const loading setLoading useState false Update the handleSubmit function to update the loading state when a user clicks the Run button or when the request is successful const handleSubmit gt sets to true setLoading true fetch http localhost convert method POST body JSON stringify value headers Content Type application json then res gt res json then data gt sets to false setLoading false setOutput data response catch err gt console error err Conditionally render the second code editor containing the output as done below return lt main className app gt other UI components lt div className code container gt lt div className code gt lt Editor height vh className editor defaultLanguage json defaultValue value value onChange value gt setValue value gt lt div gt lt div className output gt loading lt Loading gt lt Editor height vh className editor defaultLanguage typescript options domReadOnly true readOnly true defaultValue value output onChange value gt setOutput value gt lt div gt lt div gt lt main gt When a user submits a JSON object for conversion the Loading component is displayed immediately until the request is successful then the result is displayed on the code editor Congratulations The application is almost complete Next let s add some extra features such as the ability to copy all the Typescript code via a button click and clear all the content of the input editor via a button click How to copy the Typescript code via a button clickHere you ll learn how to copy and paste content on a button click using the React copy to clipboard library You ve already installed the package at the beginning of this tutorial Next import it into the App js file as done below import CopyToClipboard from react copy to clipboard Create a function within the App js file that runs after the content has been successfully copied const copyToClipBoard gt alert Copied Wrap the CopyToClipboard component from the package around the SVG icon as done below lt CopyToClipboard text output onCopy copyToClipBoard gt lt span gt lt Copy gt lt span gt lt CopyToClipboard gt The CopyToClipboard component accepts a text prop containing the content to be copied and an onCopy prop a function that runs when the content is copied Deleting all the user s input via a button clickTo delete all the user s input pass the value state as a prop into the lt Delete gt component lt Delete setValue setValue gt Update the value state when a user clicks the delete icon import React from react const Delete setValue gt return lt svg xmlns viewBox fill currentColor className w h deleteIcon onClick gt setValue gt lt path fillRule evenodd d M v a l a Ha L l a A v c a c zm a C v a v c zm a l a l zm a l a l z clipRule evenodd gt lt svg gt export default Delete ConclusionSo far you ve learnt what ChatGPT is how to add an efficient code editor in a React app how to communicate with ChatGPT in Node js andhow to copy contents on button click in React This tutorial walks you through an example of an application you can build using the ChatGPT API With the API you can create powerful applications useful in various fields such as translators Q amp A code explanation or generation etc The source code for this tutorial is available here Thank you for reading HELP ME OUTI have created the repo with the full code to turn JSON to Typescript feel free to clone use it and give me a star ️	2023-03-13 13:03:06
Apple	AppleInsider - Frontpage News	How to use Smart Annotation on iPad	https://appleinsider.com/inside/ipad/tips/how-to-use-smart-annotations-on-ipad?utm_medium=rss	How to use Smart Annotation on iPadApple s Pages has a handy feature called Smart Annotation which lets you switch between a tightly formatted document and easy annotation All you need is an iPad and ideally an Apple Pencil Here s how to use it The inch iPad Pro with Apple Pencil and Magic KeyboardYou can be paperless and still mark up documents freehand To take full advantage of Apple s hardware however you need to know how to best use its software Read more	2023-03-13 13:25:57
Apple	AppleInsider - Frontpage News	Daily Deals: $200 off 2023 16-inch MacBook Pro, $50 off Xbox Series X, Apple Watch Series 8 $329 & more	https://appleinsider.com/articles/23/03/13/daily-deals-200-off-2023-16-inch-macbook-pro-50-off-xbox-series-x-apple-watch-series-8-329-more?utm_medium=rss	Daily Deals off inch MacBook Pro off Xbox Series X Apple Watch Series amp moreToday s most valuable deals include off an LG XBOOM Go wireless Bluetooth party speaker off an Apple iPod touch up to off Blink smart home doorbells and cameras and up to off Sony OLED TVs Get an iPhone X for The AppleInsider staff searches the web for unbeatable deals at online stores to create a list of amazing sales on the sought after tech items including discounts on Apple products TVs accessories and other gadgets We share the best finds in our Daily Deals list to help you save money Read more	2023-03-13 13:15:28
海外TECH	Engadget	The best budget robot vacuums for 2023	https://www.engadget.com/best-budget-robot-vacuums-133030847.html?src=rss	The best budget robot vacuums for Chances are if you ve landed on this guide you know you want a robot vacuum to help clean your home But you also probably know that these can be pretty expensive gadgets it s not unheard of to drop close to on a high end robot vacuum cleaner Just a few years ago there weren t a ton of solid yet affordable robot vacuums out there But now there have never been more budget robot vacuum options to choose from At Engadget we consider anything under to be cheap in this space and you may be surprised to see how many there are at that price point And if you re new to the world of robot vacuums you may find that one of these budget gadgets does everything you expected and more without sacrificing cleaning performance Are robot vacuums worth it Friends and family often ask me if new gadgets are “worth it and when it comes to robot vacuums the answer is yes The most important thing they have going for them is autonomy Just turn it on walk away If you re someone who wants to spend as little time as possible cleaning your home ーor just someone who detests vacuuming ーa semi autonomous robotic vacuum is a great investment There are plenty of other good things about them but before we dive in let s consider the biggest trade offs less power less capacity and less flexibility Those first two go hand in hand robot vacuum cleaners are much smaller than upright vacuums which leads to less powerful suction They also hold less dirt because their built in bins are a fraction of the size of a standard vacuum canister or bag And while robo vacs are cord free that means they are slaves to their batteries and will require regular recharging When it comes to flexibility robot vacuums do things differently than standard ones You can control some with your smartphone set cleaning schedules and more but robo vacs are primarily tasked with cleaning floors On the flip side their upright counterparts can come with various attachments that let you clean couches stairs light fixtures and other hard to reach places What to look for in a budget robot vacuumValentina Palladino EngadgetWhen looking for the best budget robot vacuum one of the first things you should consider is the types of floors you have in your home Do you have mostly carpet tile laminate hardwood Carpets demand vacuums with more suction power that can collect debris pushed down into nooks and crannies Unfortunately there isn t a universal metric by which suction is measured Some companies provide Pascal Pa levels and generally the higher the Pa the stronger But other companies don t rely on Pa levels and simply say their robots have X times more suction power than other robot vacuums So how can you ensure you re getting the best robot vacuum to clean your floor type Read the product description Look for details about its ability to clean bare floors and carpets and see if it has a “max mode you can use to increase suction If you are given a Pa measurement look for around Pa if you have mostly carpeted floors Size is also important for two reasons clearance and dirt storage Check the specs for the robot s height to see if it can get underneath the furniture you have in your home Most robo vacs won t be able to clean under a couch unless it s a very tall very strange couch but some can get under entryway tables nightstands and the like As for dirt storage look out for the milliliter capacity of the robot s dustbin ーthe bigger the capacity the more dirt the vacuum cleaner can collect before you have to empty it You should also double check the WiFi capabilities of the robo vac you re eyeing While you may think that s a given on all smart home devices it s not Some of the most affordable models don t have the option to connect to your home WiFi network If you choose a robot vac like this you won t be able to control it with a smartphone app or with voice commands Another feature that s typically reserved for WiFi connected robots is scheduling because most of them use a mobile app to set cleaning schedules But WiFi incapable vacuums usually come with remote controls that have all the basic functions that companion mobile apps do including start stop and return to dock And if you re concerned about the possibility of hacking a robot vac with no access to your WiFi network is the best option Object detection and cliff sensors are other key features to look out for The former helps the robot vacuum navigate around furniture while it cleans rather than mindlessly pushing its way into it Meanwhile cliff sensors prevent robot vacuums from tumbling down the stairs making them the best vacuum for multi level homes Best overall iRobot Roomba Both iRobot and Shark impressed with their affordable robo vacs But we think iRobot s Roomba will be the best budget robot vacuum cleaner for most people thanks to its good cleaning power and easy to use mobile app The Roomba replaced the Roomba last year but aside from an updated exterior it s fundamentally the same vacuum It looks much sleeker now with its new all black design giving it an aesthetic similar to some of the more expensive Roomba models It has three physical buttons on it ーstart dock and spot ーand it connects to WiFi so you can control it via the iRobot app Unfortunately your gets you the vacuum and its necessary parts only so you ll have to pay up immediately when you need a replacement filter or brushes Setting up the Roomba is straightforward Open the companion app and follow the instructions Once it s connected to your home WiFi network you re able to use the app to control the vacuum whenever you don t feel like using the physical buttons However the spot clean function is only available as a button which is a bit of a bummer iRobot s app is one of the biggest selling points for any Roomba It s so easy to use that even someone with no prior experience will be able to quickly master the robot s basic functions iRobot s app puts most pertinent controls on the homepage so you rarely if ever need to navigate through its menu to do things like set a cleaning schedule We recommend setting cleaning schedules to really get the most out of the device After all these are semi autonomous robots so why not make it so you rarely have to interact with them Doing so will ensure the Roomba runs through your home on a regular basis so you re always left with clean floors The Roomba in particular did a good job sucking up dirt and debris on my carpets as well as the tile flooring in my kitchen and bathrooms The only thing I try to do before a cleaning job is get charging cables off of the floor the Roomba will stop if it sucks something like that up and it s relatively easy to extract a cable from the machine s brushes but I d rather not have to do so if I can avoid it When it comes to battery life the Roomba ran for around minutes before needing to dock and recharge iRobot says run times will vary based on floor surfaces but the is estimated to have a minute battery life when cleaning hardwood floors While minutes may be enough time for the robot to scuttle around most rooms in my apartment those with larger homes may have to wait for it to recharge in order to clean everywhere iRobot has made a name for itself in the autonomous vacuum market for good reason Its machines are polished dead simple to use and the accompanying app is excellent That ease of use and the reputation of the iRobot name comes with a slightly higher asking price which many will be willing to pay But there are plenty of solid options now that didn t exist even just three years ago Runner up Shark Ion RVThe Shark RV is the updated version of the RV that we previously recommended Like the Roomba the Shark RV has a slightly different design and a longer run time than the RV but otherwise they re the same vacuum You can still find the RV but it s a little difficult to do so now that the latest model is available Although we haven t tested the RV we feel comfortable recommending it since we found the previous version to be a great affordable robot vacuum One thing that the RV fixes about the previous version is the latter s ugly bowling shirt design The new model nixes that and opts for a sleeker all black look with three buttons for docking cleaning and max mode You could rely just on the buttons but it also connects to WiFi so you can use the Shark Clean app As for the longer run time that s just a bonus The RV ran for about minutes before needing to recharge which was plenty of time for it to clean my two bedroom apartment The additional minutes of battery life on the RV should allow it to clean larger spaces more efficiently Some other things we liked about the RV include its spot clean feature adjustable wheels which raise and lower automatically depending on the “terrain and the obstacles in its path and its intuitive companion app that allows you to start and stop cleaning jobs set schedules and more Best bang for your buck Anker Eufy RoboVac SAnker s Eufy RoboVac S was one of the cheapest vacuums I tested but it also proved to be one of the most versatile First thing to note This robot vacuum doesn t have WiFi but it does come with a remote that gives you most of the functions and smart features you d find in an app including a schedule feature Eufy also includes additional brushes and filters in the box The “S in this robot s name stands for slim and it s roughly half an inch thinner than all of the other vacuums I tested Not only does this make the S lighter but it was the only one that could clean under my entryway table The S has a physical on off toggle on its underside plus one button on its top that you can press to start a cleaning It always begins in auto mode which optimizes the cleaning process as it putters around your home but you can use the remote to select a specific cleaning mode like spot and edge clean The S has three power modes ーStandard BoostIQ and Max ーand I kept mine on BoostIQ most of the time It provided enough suction to adequately clean my carpeted floors missing only a few crumbs or pieces of debris in corners or tight spaces around furniture It ran for roughly one hour and minutes when in BoostIQ mode and it has remarkable collision avoidance Sure it bumped into walls and some large pieces of furniture but it was the only budget vac I tried that consistently avoided my cat s play tunnel that lives in the middle of our living room floor As far as noise levels go you can definitely hear the difference between BoostIQ and Max but none of the three settings is offensively loud In fact I could barely hear the S when it was on the opposite end of my apartment running in BoostIQ mode Thankfully error alert beeps were loud enough to let me know when something went awry like the S accidentally getting tripped up by a rogue charging cable which only happened a couple of times and neither robot nor cable were harmed in the process Overall the Eufy RoboVac S impressed me with its smarts despite its lack of WiFi The lack of wireless connectivity is arguably the worst thing about the robot and that s saying a lot It s worth mentioning that this model is rated for up to Pa suction but you can grab the next model up the RoboVac S Max which gives you Pa suction just know that it ll likely be louder as a result But you can t argue with the value of the S ーespecially when you can often find it on sale for or less At this point though the S is a few years old so you could grab either the Robovac G or G if you want something comparable but a bit newer Both come in hybrid versions which means you ll get a robot vacuum and mop in one The differences between the G and G series are minor and we recommend getting the G Hybrid if you re just looking for a Eufy machine with some of the latest technology but don t want to spend a ton It has Pa of suction power dynamic navigation and WiFi connectivity with support for Alexa and Google Assistant voice commands The G Hybrid on the other hand is a slight step up from that It s also a WiFi connected machine with vacuum and mop capabilities but it includes Smart Dynamic Navigation a slightly longer battery life and it comes with boundary strips with which you can set no go zones the G Hybrid supports this feature but you ll have to buy the strips separately This article originally appeared on Engadget at	2023-03-13 13:32:37
海外TECH	Engadget	'The Last of Us' finale sums up everything the show's first season did right	https://www.engadget.com/the-last-of-us-finale-sums-up-everything-the-shows-first-season-did-right-134544926.html?src=rss	x The Last of Us x finale sums up everything the show x s first season did rightEditor s note This article contains heavy spoilers for season one of The Last of Us and minor spoilers for the game The Last of Us Part II Last night s finale of the first season of HBO s The Last of Us turned out to be a microcosm of everything that worked across the nine episodes as well as a reminder of what showrunners Craig Mazin and Neil Druckmann will want to work on when they pick things up for season two Throughout the season The Last of Us has been exceedingly faithful to the original story ーbut Mazin and Druckmann smartly expanded on the stories of everyone surrounding Joel and Ellie to make the world much richer In a perhaps too tight minutes the shortest episode of the season the show wrapped up the first part of the story ending with Ellie s “Okay just like the game That single word that tells us Ellie accepts Joel s lies about what happened between him and the Fireflies that he s being honest when he says that they stopped looking for a cure and that her immunity doesn t mean anything Joel s ostensibly off the hook for his murderous rampage through the Salt Lake City hospital to save Ellie from having her brain dissected by the Fireflies Of course Ellie being a cure for the cordyceps infection was the whole point of their journey ーbut not the point for Joel And the look on Ellie s face throughout the episode s coda tells us she s not convinced despite what she says before everything cuts to black Really there was no other place it could have stopped Throughout the season Mazin and Druckmann made plenty of deviations from the game s main story but things always came back to the most important beats in the relationship between Joel and Ellie The importance of these events in the Salt Lake City hospital cannot be overstated as they form the basis for everything that follows in the game The Last of Us Part II As such some expected to get some hints of how the hospital bloodbath will tie into events to come but the show stayed firmly focused on the events in the first game That s for the best as Part II has a sprawling complicated story of its own shoehorning in a few teases of what s to come probably would have taken away from the immediacy of what happened between Joel and Ellie Before Joel s killing spree and Ellie s acceptance of his lies we were treated to another of the flashbacks that Mazin and Druckmann have masterfully dropped throughout the season this one going all the way back to Ellie s birth People who checked out the many collectibles in the game surely found Ellie s letter in her backpack from her mother Anna who writes to her newborn knowing that her life is about to be cut short Liane Hentscher HBOThe game doesn t make it explicit but here we see that Anna played by Ashley Johnson who plays Elle in the games is both infected and about to give birth We also get to see Firefly leader Marlene promise to keep Ellie safe before ending her friend s life Also we now know that Anna gave Ellie her trademark switchblade something I always assumed but wasn t explicit in the game Given how important Marlene s presence is in this episode it was the right time to see the very beginnings of her relationship with Ellie And as with every other supporting actor on the show Johnson crushes her limited time onscreen she s much more than an easter egg for fans of the game The glimpses of lives beyond just Joel and Ellie that we ve seen throughout the season have made the world of The Last of Us feel far richer whether they take up a whole episode like Bill and Frank in “Long Long Time or Riley in “Left Behind or just a few minutes My only complaint about this flashback is that Johnson s story eats into the precious little time we have left for Pedro Pascal and Bella Ramsey to share the screen together Throughout the season the two actors have had marvelous chemistry but in episodes seven and eight the story dictates that they spend very little time together In the finale they share some of the strongest moments of the entire season but there are so many plot points to get to that I wished for even just an extra five minutes to let things breathe a bit But moments like the famous giraffe scene and Joel telling Ellie how he really got that scar on his head were just a couple more emotional high points between the two characters and actors in a season full of them With the first season and adaptation of the first game now in our rear view I can t help but wonder how Mazin Druckmann and the rest of their team will set about adapting The Last of Us Part II While the first game told a fairly linear story Part II is full of twists flashbacks and changes in perspective without getting too much into spoilers the game devotes a third or more of its ish hour playtime to a totally new set of characters It s an essential part of the story but it should also present a major challenge for the showrunners to integrate it and keep the story s emotional impact without leaving behind familiar characters for hours at a time Fortunately Mazin showed his narrative chops in the first season skillfully deploying a number of flashbacks ーsome new to the story and some straight from the game As for the divergent stories I d have to imagine there will be a lot more intercutting between them than there is in the game A good example is what director Peter Jackson did in The Two Towers and Return of the King The original books both split time between two ongoing stories and you stay with one set of characters for half the book before catching up with another group in the second half Rather than leave Frodo and Sam for major chunks of screen time he cross cut between the stories as they progressed If Mazin does something similar it ll require some major re thinking about how to make the game s dramatic moments land but that comes with the territory of being showrunner Whether he can pull it off or not will be critical for future seasons of The Last of Us the acting set design effects and everything else should continue to be top notch but it won t matter if the narrative doesn t hold up Of course a vocal subset of those who played Part II were intensely negative about the game s story so we re likely to see future seasons be significantly more divisive than the first It s also worth considering how the show will treat Ellie s quest for revenge that makes up the bulk of Part II s story In the game she s as much an unstoppable killing machine as Joel is in the original game But in season one human on human violence was significantly curtailed compared to the game That doesn t mean Joel is shy about using violence to protect Ellie see the infamous torture scene in episode eight or his calm dispatch of the Fireflies in the finale but he s not an invincible video game superhero a necessary change to ground the show more in reality It seems inevitable that Ellie s body count will be similarly scaled down once the show hits her John Wick phase but it s still going to be a tricky balance between showing her how far she is willing to go without the violence losing its emotional weight Regardless of how it all plays out it s going to be a while before we get to see how the HBO adaptation takes on the second game Pascal recently said there was “a chance filming starts before the end of and Mazin has hinted that the “remaining story that they re looking to adapt will take more than a season to tell That means we re likely to get a serious cliffhanger at the end of season two even though I know where the story is going I m already preparing to yell at the screen when things cut to black This article originally appeared on Engadget at	2023-03-13 13:15:44
海外TECH	Engadget	The best Android phones for 2023	https://www.engadget.com/best-android-phone-130030805.html?src=rss	The best Android phones for Unlike the iOS ecosystem where Apple is the only game in town one of the best things about the Android phone market is the wide range of different devices and manufacturers to choose from That said when it actually comes time to upgrade that wealth of options can make it a bit more difficult to choose the right handset for you If you re looking for a new phone and don t know where to start we ve got you covered with a selection of the best Android phones for every budget What to look for in a new Android phonePerformanceWhen it comes to picking our favorite Android phones the main things we look for are pretty straightforward good performance both compute and AI a nice display solid design sharp cameras long battery life and a significant commitment to ongoing software support For performance not only do we look at benchmarks and other metrics but we also evaluate phones based on responsiveness Regardless of whether you re reading browsing social media or playing a game no one wants a device that feels sluggish DisplaySam Rutherford EngadgetWhen it comes to displays we generally prefer OLED panels that can produce rich saturated colors with at least nits of brightness though many of our top mid range and high end phones can hit nits or more And more recently most of our favorite devices also support screens with fast refresh rates of Hz or Hz which adds an extra level of smoothness and fluidity DesignNow we will admit there is a bit of subjectivity when deciding which phones look the best but there are other design aspects like dust and water resistance or screen durability that can make a big difference to long term survival It s also important to consider things like support for wireless charging power sharing aka reverse wireless charging and UWB connectivity which can have an impact on how your phone interacts with your other devices CamerasSam Rutherford EngadgetObviously for photos we re looking for sharp colorful shots in both bright and low light conditions And we want video clips with high dynamic range rich audio and smooth image stabilization Extra cameras for ultra wide and zoom lenses are a plus It s also important to consider features like dedicated night modes support for various video recording resolutions and additional photo modes like timelapse slow motion and more Battery and softwareFinally in terms of battery life we re looking for all day longevity on devices that also delivered great results on our local video rundown test at least hours on a charge but more is obviously better And with people holding onto their phones longer than ever we like to see companies commit to at least three years of software support and regular security patches Best Android phone overall Google Pixel ProThe Pixel Pro and the standard Pixel might not be the absolute fastest phones on the market but what they lack in pure performance they make up for with thoughtful software Thanks to Google s Tensor G chip the Pixel series features powerful AI and machine learning capabilities that support things like on device language recognition and real time translation You also get gorgeous OLED displays and the best overall camera quality of any smartphone available today And with the standard Pixel starting at just Google s latest flagship is an incredible value too The main differences between the two are that the Pixel Pro has a larger inch screen and features a third rear camera with a x optical zoom But regardless of whether you prefer a smaller or larger device you can t really go wrong with either the Pixel or Pixel Pro Best mid range Android phone OnePlus For those who want a phone with a big screen solid cameras and great performance but for less than a traditional flagship the OnePlus strikes a good balance between budget phones and more premium devices In a lot of ways the OnePlus is like a more affordable Galaxy S Not only do you get a similar inch Hz display it also features a speedy Snapdragon Gen chip and a big mAh battery Meanwhile thanks to OnePlus blazing watt wired charging it juices up faster than any phone from Google or Samsung And on the camera side the company s ongoing partnership with Hasselblad has resulted in notable improvements in image quality The main shortcomings of the OP are that its IP rating for dust and water resistance falls short of what you get from competing devices and the camera s x optical zoom lens feels a bit on the short side But with OnePlus adding wider carrier compatibility and committing four years of OS upgrades and five years of security patches the OP is a well equipped option that costs significantly less than its rivals Best budget Android phone Google Pixel aIf you just want a simple phone for a good price the Pixel a can t be beat Starting at just you get a vibrant inch OLED and Google s Tensor chip along with GB of RAM and GB of storage But the thing that separates the Pixel a from other budget phones are its cameras which thanks to Google s superior image processing produce pictures that are sharper and more accurate than competitors twice its price Meanwhile Google s commitment to software updates means you should get at least three years of OS support and five years of security patches And thanks to all of the Pixel specific software features like Call Screener Hold For Me and the Pixel Recorder app you can get a very affordable device with a ton of smarts Best premium Android phone Samsung Galaxy S UltraStarting at the Galaxy S Ultra is very expensive but it has practically everything you could ever want or need in a smartphone It has a huge inch OLED display with a Hz adaptive refresh rate a total of five cameras main ultra wide x zoom x zoom and a selfie shooter and a built in S Pen for drawing and note taking It also features a huge mAh battery that delivers some of the longest runtime we ve seen on any phone And with Samsung s renewed commitment to software support you can expect a minimum of four major OS upgrades and five years of regular security patches Best foldable Android phone Samsung Galaxy Z Fold While the Galaxy Z Flip is arguably the most stylish and compact phone on the market the bigger and more expensive Z Fold is like three devices in one which makes it a unicorn among mobile devices When you just need to respond to a text or look up an address quickly its inch exterior cover screen makes that a cinch But when you want to sit down to watch a movie or play a game you can open up the Fold to reveal a stunning inch flexible display It s compact when you need it to be while providing an immersive viewing experience when you don t And thanks to support for stylus input you even can use one of Samsung s S Pens designed specifically for the Fold to quickly draw or jot down a note On top of all that its OLED display makes the Z Fold great for reading books and comics And unlike practically any other non Samsung foldable the Fold also has an IP rating for dust and water resistance In a lot of ways this thing is the Swiss Army knife of phones Sure it s a bit bulky and at it s not what anyone would call affordable But its ability to serve as a phone a tablet an e reader and more depending on the situation puts the Z Fold in a category of its own This article originally appeared on Engadget at	2023-03-13 13:00:30
海外科学	NYT > Science	Biden Administration Approves Willow Oil Project in Alaska, Officials Say	https://www.nytimes.com/2023/03/12/climate/biden-willow-arctic-drilling-restrictions.html	Biden Administration Approves Willow Oil Project in Alaska Officials SayThe administration also announced new limits on Arctic drilling in an apparent effort to temper criticism over the billion Willow oil project which has faced sharp opposition	2023-03-13 13:35:56
ニュース	@日本経済新聞 電子版	習近平氏、プーチン・ゼレンスキー両氏と協議へ　米報道 https://t.co/Nsn1gBkusp	https://twitter.com/nikkei/statuses/1635272215230025730	習近平	2023-03-13 13:30:52
ニュース	@日本経済新聞 電子版	アメリカで卵子凍結を選ぶ女性が増えています。 手順や費用、卵子凍結を巡る誤解について解説します。（無料記事です） 【ナショナルジオグラフィック】 https://t.co/hQE6gQCAhw	https://twitter.com/nikkei/statuses/1635272083558256641	費用	2023-03-13 13:30:21
ニュース	@日本経済新聞 電子版	米ファイザー、約5.7兆円でバイオ買収　がん治療薬強化 https://t.co/I5G2VfuED5	https://twitter.com/nikkei/statuses/1635271223851757570	買収	2023-03-13 13:26:56
ニュース	@日本経済新聞 電子版	習近平氏「3期目、崇高な職務」 全人代の演説全文 https://t.co/i4L7GPy5d5	https://twitter.com/nikkei/statuses/1635269132370448385	職務	2023-03-13 13:18:37
ニュース	BBC News - Home	Swansea: Gas explosion destroys homes in major incident	https://www.bbc.co.uk/news/uk-wales-64941189?at_medium=RSS&at_campaign=KARANGA	media	2023-03-13 13:37:16
ニュース	BBC News - Home	Ukraine war: Heavy losses reported as battle for Bakhmut rages	https://www.bbc.co.uk/news/world-europe-64935449?at_medium=RSS&at_campaign=KARANGA	eastern	2023-03-13 13:08:34
ニュース	BBC News - Home	What has gone wrong for England - and what happens next?	https://www.bbc.co.uk/sport/rugby-union/64938583?at_medium=RSS&at_campaign=KARANGA	What has gone wrong for England and what happens next With the help of former England internationals Ugo Monye and Chris Ashton BBC Sport explores why England suffered a record defeat by France on Saturday	2023-03-13 13:32:56
ニュース	BBC News - Home	Oscars 2023: An Irish Goodbye wins best short film Oscar	https://www.bbc.co.uk/news/uk-northern-ireland-64903140?at_medium=RSS&at_campaign=KARANGA	short	2023-03-13 13:07:00