投稿時間:2023-03-16 23:28:55 RSSフィード2023-03-16 23:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Belkin、｢iPad (第10世代)｣用強化ガラス画面保護フィルムを発売	https://taisy0.com/2023/03/16/169667.html	belkin	2023-03-16 13:09:15
AWS	AWS The Internet of Things Blog	How to replicate AWS IoT SiteWise resources across environments	https://aws.amazon.com/blogs/iot/how-to-replicate-aws-iot-sitewise-resources-across-environments/	How to replicate AWS IoT SiteWise resources across environmentsIntroduction As you scale your AWS IoT SiteWise applications and move them into production you may consider adopting common CI CD methodologies that separate development and QA environments from production environments This separation allows you to automate the deployment of these applications through deployment pipelines You also may have multiple business units and or industrial sites with …	2023-03-16 13:39:40
AWS	AWS Government, Education, and Nonprofits Blog	Modernizing tax systems with AWS	https://aws.amazon.com/blogs/publicsector/modernizing-tax-systems-aws/	Modernizing tax systems with AWSGlobally tax agencies are increasingly looking to the cloud to address pressing needs from aging and costly infrastructure technology debt poor disaster recovery DR and siloed data to challenges integrating with third party systems In this blog post learn how tax agencies and their tax solution providers can adopt a progressive approach to modernizing tax systems with AWS to enable more efficient and effective tax administration	2023-03-16 13:47:49
AWS	AWSタグが付けられた新着投稿 - Qiita	ACM（AWS Certificate Manager)とは何か？	https://qiita.com/kimuni-i/items/3e5cac1ca89830edcce5	acmawscertificatemanager	2023-03-16 22:53:24
AWS	AWSタグが付けられた新着投稿 - Qiita	[AWS Q&A 365][Redshift]AWSのよくある問題の毎日5選 #6	https://qiita.com/shinonome_taku/items/e7e75c32f425b2b70ac6	amazonredshift	2023-03-16 22:17:37
AWS	AWSタグが付けられた新着投稿 - Qiita	[AWS Q&A 365][Redshift]Daily Five Common Questions #6	https://qiita.com/shinonome_taku/items/e92ae405154f68378cf5	amazon	2023-03-16 22:07:50
海外TECH	Ars Technica	Chinese search giant launches AI chatbot with prerecorded demo	https://arstechnica.com/?p=1924504	chatgpt	2023-03-16 13:11:59
海外TECH	MakeUseOf	Geneverse HomePower ONE PRO and SolarPower 2 Review	https://www.makeuseof.com/geneverse-homepower-one-pro-solarpower-2-review/	panels	2023-03-16 13:15:17
海外TECH	DEV Community	How to be Better in React Code Reusability - Part1	https://dev.to/aradwan20/how-to-be-better-in-react-code-reusability-part1-24b3	How to be Better in React Code Reusability PartA brief overview of React and its popularityReact is one of the most popular front end JavaScript frameworks for building user interfaces Developed by Facebook React has gained a vast following in the web development community due to its simplicity flexibility and scalability React s popularity can be attributed to its component based architecture which allows developers to break down complex user interfaces into small reusable parts These smaller components can then be composed to create more extensive and more complex UIs quickly However as the size and complexity of React applications grow it becomes increasingly challenging to manage the codebase effectively This is where code reusability comes into play Code reusability in React refers to the practice of writing reusable code that can be shared across different parts of an application and even across different applications It helps developers save time reduce errors and improve the scalability and maintainability of their applications In this article we will explore how to implement code reusability in React its importance in efficient and scalable development and best practices for implementing code reusability in React projects By the end of this article you will have a better understanding of how to incorporate code reusability in your React projects for more efficient and scalable applications React components and their importance in reusabilityReact components are a fundamental part of achieving code reusability in a React application This in turn leads to more efficient and scalable development When components are reusable they can be easily imported and integrated into different parts of an application or across different applications This results in more streamlined development and faster iterations of the application Comparison of Functional and Class Components in Terms of ReusabilityFunctional and class components are two types of components in React and both have their own advantages and disadvantages when it comes to reusability Functional ComponentsFunctional components are simpler and more straightforward than class components They take in props as inputs and return the UI elements Since they don t have state or lifecycle methods they are easier to test and maintain One significant advantage of functional components is that they are more concise and easier to read which can be helpful in understanding the code and making changes to it They can also be used in higher order components HOCs which are reusable functions that wrap a component and provide additional functionality Here is an example of a simple functional component that displays a welcome message function Welcome props return lt h gt Hello props name lt h gt The above component can be reused throughout the application by passing different values for the name prop Class ComponentsClass components on the other hand have more functionality and are more powerful than functional components They have state which allows them to manage their data and update their UI based on changes in that data They also have lifecycle methods which allow them to perform certain actions at specific points in their lifecycle such as when the component is mounted or unmounted The disadvantage of class components is that they are more verbose and harder to read than functional components They can also be more challenging to maintain and test due to their state and lifecycle methods However class components can be highly reusable if designed correctly By separating their state and functionality into different methods class components can become more modular and easier to reuse They can also be used in HOCs and render props just like functional components Here is an example of a class component that displays a countdown timer class Timer extends React Component constructor props super props this state seconds props seconds tick this setState state gt seconds state seconds componentDidMount this interval setInterval gt this tick componentWillUnmount clearInterval this interval render return lt div gt Seconds remaining this state seconds lt div gt In the above component the state is managed in the constructor and the tick method while the lifecycle methods componentDidMount and componentWillUnmount handle starting and stopping the timer The component can be reused by passing different values for the seconds prop Examples of Reusable Components in ReactHere are some code examples of reusable components in various React apps Button ComponentA button component is a simple example of a reusable component that can be used throughout an application Buttons are a common UI element in most applications and creating a separate component for them can simplify the code and make it more reusable Here is an example of a button component in React function Button props return lt button onClick props onClick gt props label lt button gt In the above component the onClick and label props can be passed in when the component is used to customize the button s behavior and appearance Modal ComponentA modal component is another example of a reusable component that can be used in multiple parts of an application Modals are commonly used to display additional information or to prompt the user to take an action Here is an example of component creation of a modal component in React function Modal props return lt div className modal gt lt div className modal content gt props children lt div gt lt div gt In the above component the children prop is used to render the content of child components of the modal This allows the modal to be easily customized and used in different parts of the application Form Input ComponentForm input components are a type of reusable component that can be used to create different types of user input and fields such as text input password input checkbox etc Here is an example of a form input component in React function FormInput props return lt div gt lt label gt props label lt label gt lt input type props type value props value onChange props onChange gt lt div gt In the above component the type value and onChange props are used to customize the input field This component can be used to create different types of input fields by passing different values for these props Best Practices for Code Reusability in ReactUsing Props and State to Make Components More FlexibleProps and state are two essential concepts in React that allow developers to create flexible and reusable components By using props and state components can be customized and adapted to different use cases making them more versatile and efficient Here are some best practices for using props and state in React components Using Props to Customize ComponentsProps are used to pass data from a parent component to a child component By using props components can be customized and made more flexible For example a button component can have a label prop that allows it to display different text on the button Here is an example of a button component that uses props to customize the label function Button props return lt button gt props label lt button gt In the above component the label prop is used to customize the button s text This makes the button component more versatile and reusable Using State to Manage Component DataState is used to manage data within a component By using state components can be made more dynamic and responsive For example a countdown timer component can use state to update the UI with the current countdown time Here is an example of a countdown timer component that uses state to manage the data class Timer extends React Component constructor props super props this state seconds props seconds tick this setState state gt seconds state seconds componentDidMount this interval setInterval gt this tick componentWillUnmount clearInterval this interval render return lt div gt Seconds remaining this state seconds lt div gt In the above component the state is used to manage the seconds data which is then used to update the UI with the current countdown time This makes the component more flexible and reusable as it can be customized with different countdown times Using Props and State TogetherProps and state can be used together to make components even more flexible and versatile By using props to pass data to a component and state to manage that data components can be made to adapt to different use cases and become more dynamic Here is an example of a form input component that uses props and state together class FormInput extends React Component constructor props super props this state value props value handleChange event this setState value event target value render return lt div gt lt label gt this props label lt label gt lt input type this props type value this state value onChange this handleChange bind this gt lt div gt In the above component the value state is used to manage the value of the input field while the label and type props are used to customize the input field This makes the form input component more flexible and versatile as it can be customized with different labels and input types Creating Higher Order Components HOCs for Cross Cutting ConcernsHigher order components HOCs are functions that take a component and return a new component with additional functionality HOCs can be used to encapsulate cross cutting concerns such as authentication logging and error handling and make them reusable across different components in an application Here are some best practices for creating HOCs in React Separating Cross Cutting Concerns into HOCsCross cutting concerns are functionality that is used across multiple components in an application Examples of cross cutting concerns include authentication logging and error handling By separating cross cutting concerns into HOCs the functionality can be encapsulated in a single place and made more reusable Here is an example of a HOC that provides authentication functionality function withAuth WrappedComponent return class extends React Component constructor props super props this state isAuthenticated false componentDidMount Perform authentication check here const isAuthenticated true replace with actual authentication check this setState isAuthenticated render return this state isAuthenticated lt WrappedComponent this props gt null In the above example the withAuth HOC performs an authentication check and only renders the wrapped component if the user is authenticated This HOC can be used to provide authentication functionality to multiple components in the application Using HOCs to Encapsulate FunctionalityHOCs can be used to encapsulate functionality that is used across multiple components in an application By encapsulating functionality in HOCs the code can be simplified made more modular and easier to maintain Here is an example of an HOC that provides error handling functionality function withErrorHandling WrappedComponent return class extends React Component constructor props super props this state error null componentDidCatch error errorInfo Handle the error here this setState error render return this state error lt div gt Error this state error message lt div gt lt WrappedComponent this props gt In the above example the withErrorHandling HOC provides error handling functionality that can be used to catch and handle errors in multiple components in the application This makes the code more modular and easier to maintain Using HOCs to Wrap ComponentsHOCs can be used to wrap components and add additional functionality By using HOCs to wrap components the functionality can be added to multiple components without changing the component code Here is an example of a HOC that provides a loading spinner while a component is loading function withLoading WrappedComponent return class extends React Component constructor props super props this state isLoading true componentDidMount Perform loading check here setTimeout gt this setState isLoading false render return this state isLoading lt div gt Loading lt div gt lt WrappedComponent this props gt In the above example the withLoading HOC provides a loading spinner that can be used to indicate that a component is still loading This HOC can be used to wrap multiple components in the application making them more user friendly and improving the user experience Composing HOCs for More Complex FunctionalityHOCs can be composed to create more complex functionality By combining multiple HOCs developers can create new functionality that can be used across different components in the application Here is an example of a HOC that composes the withAuth and withLoading HOCs function withAuthenticatedLoading WrappedComponent const AuthenticatedLoading withAuth withLoading WrappedComponent return AuthenticatedLoading In the above example the withAuthenticatedLoading HOC composes the withAuth and withLoading HOCs to provide authentication and loading functionality to a component This HOC can be used to create components that require both authentication and loading functionality Use Render Props for Component CompositionRender props are a powerful technique in React that allow components to share code and functionality with other components By using render props components can be composed and customized in a flexible and efficient way Here are some best practices for using render props in your React app Using Render Props to Share CodeRender props are a technique that allows a component to share code with another component by passing a function as a prop The receiving component can then call the function to access the shared code Here is an example of a component that uses a render prop to share code class Mouse extends React Component constructor props super props this state x y handleMouseMove event gt this setState x event clientX y event clientY render return lt div onMouseMove this handleMouseMove gt this props render this state lt div gt In the above example the Mouse component uses a render prop to share the x and y coordinates of the mouse with a child component The child component can access the x and y coordinates by calling the function passed as the render prop Using Render Props to Compose ComponentsRender props can be used to compose components in a flexible and efficient way By using render props components can be customized and composed in a way that is not possible with other techniques Here is an example of a component that uses a render prop to compose another component class Toggle extends React Component constructor props super props this state on false toggle gt this setState on this state on render const children this props return children on this state on toggle this toggle In the above example the Toggle component uses a render prop to compose another component The child component can access the on state and toggle function by calling the function passed as the children prop Using Render Props for CustomizationRender props can be used for customization by allowing components to be composed in a way that is flexible and efficient By using render props components can be customized with different functionality and options Here is an example of a component that uses a render prop for customization class Button extends React Component render const children onClick this props return lt button onClick onClick gt children lt button gt class App extends React Component render return lt Button onClick gt console log Button clicked gt onClick gt lt span onClick onClick gt Click me lt span gt lt Button gt In the above example the Button component uses a render prop to allow for customization The App component customizes the Button component with a different click event handler and child element Here s another example of a Toggle component that uses the render props import React from react class Toggle extends React Component constructor props super props this state on false toggle gt this setState on this state on render const render this props return lt div onClick this toggle gt render this state lt div gt function App return lt Toggle render on gt lt div gt on The toggle is on The toggle is off lt div gt gt export default App In this example the Toggle component takes a render prop that is a function The render prop function takes an object with the on state as a parameter and returns the JSX to be rendered The Toggle component toggles the on state when it is clicked and passes the updated state to the render prop function The App component renders the Toggle component and passes the render prop function to it When the Toggle component is clicked it toggles the on state and passes the updated state to the render prop function The render prop function then returns the appropriate JSX based on the on state In this example the render prop function returns either The toggle is on or The toggle is off Image by vectorjuice on FreepikConclusionCode reusability is a key aspect of efficient and scalable React development By creating reusable components developers can save time and effort in their development process while also improving the maintainability and modularity of their code Reusable components can be shared across multiple projects and can even be compiled into a library of components for use in a variety of different applications Functional and class components higher order components and render props are all techniques that can be used to create reusable components in React When creating reusable components it is important to use consistent naming conventions props and state to make components more flexible and to ensure compatibility with different versions of React Managing dependencies and dealing with conflicts and naming collisions are also important aspects of creating reusable components There are many benefits to code reusability including improved productivity increased consistency and more efficient development However there are also some challenges such as maintaining backwards compatibility and dealing with conflicts and dependencies Despite these challenges the benefits of code reusability far outweigh the costs and developers should strive to incorporate code reusability in their React development process	2023-03-16 13:44:41
海外TECH	DEV Community	I Created a Screen Time Limiter with Rust	https://dev.to/liftoffstudios/i-created-a-screen-time-limiter-with-rust-5d5d	I Created a Screen Time Limiter with RustFeedback would be greatly appreciated I would also like to know if this would be a project worth putting in one s Portfolio	2023-03-16 13:38:33
海外TECH	DEV Community	The Future is Now: Exploring the Latest Breakthroughs in Technology	https://dev.to/vidhisareen/the-future-is-now-exploring-the-latest-breakthroughs-in-technology-h3m	The Future is Now Exploring the Latest Breakthroughs in TechnologyThe world we live in is constantly evolving and new technologies are emerging at an unprecedented pace These new technologies are changing the way we live work and communicate In this blog we will explore some of the latest technologies that are making a significant impact in our lives Artificial Intelligence AI Artificial Intelligence is one of the most exciting and promising technologies of our time AI has the potential to transform almost every industry from healthcare to finance transportation and more AI systems can learn from data and make predictions automate processes and perform complex tasks that were previously impossible for machines Internet of Things IoT The Internet of Things is a network of interconnected devices that can communicate and exchange data with each other IoT technology is making our lives more convenient and efficient by enabling us to control our devices remotely and monitor our homes and businesses from anywhere G TechnologyThe fifth generation wireless technology or G is the latest evolution in wireless communications G networks offer faster download and upload speeds lower latency and the ability to connect more devices simultaneously This technology is critical for the development of autonomous vehicles smart cities and other applications that require high speed low latency connectivity BlockchainBlockchain is a decentralized digital ledger that is used to record and store transactions This technology is gaining popularity because it provides a secure transparent and immutable record of transactions that cannot be altered or deleted Blockchain technology has the potential to revolutionize the way we conduct transactions from banking and finance to supply chain management and more Augmented Reality AR Augmented Reality is a technology that allows us to overlay digital content onto the physical world AR technology is being used in a variety of industries from gaming and entertainment to education healthcare and more AR is changing the way we interact with the world around us and has the potential to transform the way we learn work and communicate In conclusion these are just a few examples of the latest technologies that are transforming our lives These new technologies are creating new opportunities disrupting traditional industries and changing the way we live work and communicate As these technologies continue to evolve we can expect even more exciting developments in the years to come	2023-03-16 13:32:14
海外TECH	DEV Community	How To Return Different Types in TypeScript	https://dev.to/zirkelc/how-to-return-different-types-from-functions-in-typescript-2a2h	How To Return Different Types in TypeScriptConditional return types are a powerful feature of TypeScript that allow you to specify different return types for a function based on the type of the arguments This can be useful when you want to enforce type safety and ensure that the return type matches the expected type For example consider a function for a custom plus operator with two arguments If the arguments are strings the two strings are concatenated and returned If the arguments are numbers it adds the two numbers together and returns the sum function plus lt T extends string number gt a T b T T extends string string number if typeof a string amp amp typeof b string return a b as string if typeof a number amp amp typeof b number return a b as number throw new Error Both arguments must be of the same type const result plus result has type numberconst result plus Hello World result has type stringIn this code the plus function takes two arguments of type T which can be either a string or a number The function then uses a conditional return type to specify that the return type should be a string if T extends string and a number otherwise However TypeScript has trouble correctly inferring the return type within the function implementation The compiler reports errors on lines and although the return type is correctly inferred on lines and when the function is called TypeScript playgroundThe problem is that the type T is used in both the function signature and the conditional return type which can lead to a circular reference error To fix this we need to use a separate type parameter R for the return type function plus lt T extends string number R T extends string string number gt a T b T R if typeof a string amp amp typeof b string return a b as R if typeof a number amp amp typeof b number return a b as R throw new Error Both arguments must be of the same type const result plus result has type numberconst result plus Hello World result has type stringIn this example the R type parameter is used to specify the return type based on the conditional type This avoids the circular reference error and allows the function to be correctly typed TypeScript playgroundI hope you found this post helpful If you have any questions or comments feel free to leave them below If you d like to connect with me you can find me on LinkedIn or GitHub Thanks for reading	2023-03-16 13:31:48
海外TECH	DEV Community	Building a character select screen with Next.js, using Livecycle to review the PR	https://dev.to/livecycle/building-a-character-select-screen-with-nextjs-using-livecycle-to-review-the-pr-1a5i	Building a character select screen with Next js using Livecycle to review the PR IntroductionIn this post we will look at how to create a character selection screen with Next js a popular React based framework for creating server side rendered apps We ll quickly review the fundamentals of Next js and then walk through the process of creating a character select screen with interactive features utilising Tailwind CSS and JavaScript For this project we ll also look at the benefits of using Livecycle a review and collaboration tool that dramatically simplifies the pull request PR review process for everyone involved We ll see how to set it up for a Next js project and we ll point out how Livecycle increases the efficiency and quality of code reviews Ultimately this post gives a detailed method on creating a character choice screen with Next js and leveraging Livecycle for PR reviews in order to improve the development process and user experience Building a character select screen with Next js The importance of building a character select screenThe creation of a character select screen is essential in applications that need user involvement This is most common in games or simulations The choose character screen is the user s initial point of interaction with the programme giving a visual and interactive interface for the user to select and customise their character Having a well designed and functional character select screen can enhance the user experience as it allows the user to personalise their experience and feel more invested in the application A good character select screen can also make the application more accessible as it provides clear instructions and options for the user A character select screen that is well designed and effective may improve the user experience by allowing the user to personalise their experience and feel more involved in the programme A decent choose character screen may also make the programme more accessible to a wider audience by providing users with clear instructions and alternatives Since the character select screen is essential for producing a user friendly and engaging application it s a good context for our project to try and gain insights for the application development process in general From a programming standpoint we ll utilise Tailwind CSS to construct our beautiful UX This will also allow us to learn about state and how to pass an object of data around in order to display the character s profile and other associated information The benefits of Next js a quick refresherNext js is an open source React based framework that provides several advantages to developers It supports server side rendering for quicker loading times and better SEO It simplifies routing supports automated code splitting has built in CSS and Sass support provides API routes and allows static site development These characteristics simplify the creation and management of complicated applications enhance application speed and lessen the requirement for server side rendering making it a popular option among React developers It is also the number one React build tool so its perfect for creating React applications With our introductions out of the way let s jump into our project Setting up the character select screen project in Next js Creating the projectNavigate to a directory on your computer like the desktop and then run the commands below to scaffold a Next js project Go through and select the options you prefer I just left everything as default in this example We will also install uuid for generating random ids This will become useful later on when we start to work with our data npx create next app latest character select screencd character select screennpm i uuid Installing Tailwind CSSNow you ll need to install tailwindcss and its peer dependencies via npm and then run the init command to generate a tailwind config js and postcss config js file Run the commands below in your terminal npm install D tailwindcss postcss autoprefixernpx tailwindcss init pNext open the project in your code editor We need to update some files to complete the setup for Tailwind CSS Open the tailwind config js file and replace all of the code with this one type import tailwindcss Config module exports content app js ts jsx tsx pages js ts jsx tsx components js ts jsx tsx Or if using src directory src js ts jsx tsx theme extend plugins Lastly replace all of the code inside of the globals css file with this code which has a CSS reset and the Tailwind directives for the CSS tailwind base tailwind components tailwind utilities before after margin padding box sizing border box root main font size px html font size var main font size Finally run your build process with npm run dev and your Next js project should be fully working with Tailwind CSS With the basic setup complete we can now move onto the design phase Creating a character select screenYou re now ready to design the UI with CSS create the components for the screen and add interactivity with JavaScript All you have to do is copy and paste the code into the correct files Update the globals css file with this CSS here import url wght amp family Roboto amp display swap tailwind base tailwind components tailwind utilities before after margin padding box sizing border box root main font size px html font size var main font size body font family Kanit sans serif background color rgb header background color white padding rem header p font size rem h font size rem h font size rem character profile hover border rem solid rgb cursor pointer And lastly replace all of the code in the index js file with all of the logic here and this will complete the design import useState useEffect from react import v as uuidv from uuid export default function Home useEffect gt console log data const data setData useState id uuidv name Xandorath img type Assault ability Offensive combatant bio Assault class combat abilities are unmatched on the battlefield They have a keen eye for spotting enemy positions and are skilled in using a variety of weapons including rifles shotguns and pistols Their favourite weapon is a fully automatic assault rifle that they can use to suppress enemy fire and gain an advantage in a firefight They are also adept at using grenades and other explosive devices to clear out enemy positions id uuidv name Valtorien img type Assault ability Destructive challenger bio Assault class combat abilities are unmatched on the battlefield They have a keen eye for spotting enemy positions and are skilled in using a variety of weapons including rifles shotguns and pistols Their favourite weapon is a fully automatic assault rifle that they can use to suppress enemy fire and gain an advantage in a firefight They are also adept at using grenades and other explosive devices to clear out enemy positions id uuidv name Zephyrion img type Medic ability Support powerhouse bio Medics skills and abilities make them an invaluable asset to any team They are an expert in first aid and can quickly assess and stabilise wounded soldiers on the battlefield They are also skilled in using medical equipment including defibrillators IVs and other life saving devices Their quick thinking and calm demeanour under pressure have saved countless lives on the battlefield id uuidv name Eryndor img type Medic ability Rapid healer bio Medics skills and abilities make them an invaluable asset to any team They are an expert in first aid and can quickly assess and stabilise wounded soldiers on the battlefield They are also skilled in using medical equipment including defibrillators IVs and other life saving devices Their quick thinking and calm demeanour under pressure have saved countless lives on the battlefield id uuidv name Lythirius img type Scout ability Frontline spy bio Scouts skills and abilities make them a valuable asset on the battlefield They are an expert in reconnaissance and can quickly assess enemy positions and movements They are also skilled in using a variety of weapons including long range rifles and pistols to eliminate enemy targets from a distance id uuidv name Aerineth img type Scout ability Recon agent bio Scouts skills and abilities make them a valuable asset on the battlefield They are an expert in reconnaissance and can quickly assess enemy positions and movements They are also skilled in using a variety of weapons including long range rifles and pistols to eliminate enemy targets from a distance id uuidv name Kaeloria img type Tech ability Strategic intellect bio Tech skills and abilities make them an important part of any team They are an expert in the use of technology and can quickly assess a situation and come up with a plan to deploy the right devices to gain an advantage They are skilled in using a variety of gadgets including drones hacking tools and remote controlled vehicles to gather intelligence disrupt enemy communications and take out enemy targets id uuidv name Dravenath img type Tech ability Skilled Hacker bio Tech skills and abilities make them an important part of any team They are an expert in the use of technology and can quickly assess a situation and come up with a plan to deploy the right devices to gain an advantage They are skilled in using a variety of gadgets including drones hacking tools and remote controlled vehicles to gather intelligence disrupt enemy communications and take out enemy targets id uuidv name Sylphiria img type Magic ability Cardinal hero bio The Magic class has skills and abilities which make them an invaluable asset on the battlefield They are skilled in a variety of magic types including elemental magic divination and enchantment They can use their magic to manipulate the environment summon magical creatures and even read the thoughts of their enemies id uuidv name Torvaxus img type Magic ability Dynamic Conjurer bio The Magic class has skills and abilities which make them an invaluable asset on the battlefield They are skilled in a variety of magic types including elemental magic divination and enchantment They can use their magic to manipulate the environment summon magical creatures and even read the thoughts of their enemies const selectedCharacter setSelectedCharacter useState data const getCharacter character gt console log Character Data character setSelectedCharacter character const calcCharTypeColor type gt if type Assault return bg rose else if type Medic return bg cyan else if type Scout return bg lime else if type Tech return bg indigo else if type Magic return bg fuchsia return lt gt lt div className container mx auto gt lt div className header gt lt div gt selectedCharacter data length lt div gt lt p gt Loading lt p gt lt div gt lt div key selectedCharacter id gt lt h gt selectedCharacter name lt h gt lt h gt selectedCharacter ability lt h gt lt p gt selectedCharacter type lt p gt lt p gt selectedCharacter bio lt p gt lt div gt lt div gt lt div gt lt main gt lt section className grid grid cols gt data map character gt lt div key character id className character profile border solid border border black onClick gt getCharacter character gt lt img src character img gt lt div className calcCharTypeColor character type gt lt p className text white text center font bold uppercase gt character type lt p gt lt div gt lt div gt lt section gt lt main gt lt div gt lt gt And there you have it Your beautiful charachter select screen is ready to show off to friends and potential users Because of how prominent and important this screen is to the success of your application you ll almost certainly want to get feedback from testers and beta users before you go live And Livecycle is a great tool for doing so Using Livecycle for PR reviewsGetting feedback on code changes and new features has always been a problem for developers Code reviews from other developers are important but also insufficient they take time and they often doesn t account for UI level issues that might be manifest themselved in the latest commits Getting feedback from other people is also challenging because there simply is no easy way to show off your work and collect feedback in a coherent organized way So how can you get the critical feedback you need in a clear efficient way before pushing changes or new features to production This is the challenge that Livecycle solves for developers everywhere Put simply Liveycle is the best way to review product changes and get feedback from other people Livecycle builds dev like preview environments for every branch or if you prefer you can bring your own environments hosted on another platform Each preview environment playground get a unique shareable link for every branch which automatically updates for every commit pushed to that branch The secret sauce on each Livecycle playground is the built in commenting and collaboration tools So anyone who opens the link can leave clear feedback for you on top of the product UI By allowing people to see instant live previews of the latest code changes and enabling them to leave comments in context Livecycle saves developers time and effort and ensures that the highest quality code gets pushed to production In my experience using the product from the perspective of a FE developer Livecycle does the heavy lifting during the review process so I can concentrate on other activities A collaborative customer facing screen such as our charachter select screen is a natural place to use Livecycle to facilitate outside reviews before trhe product goes live to the general public Setting up Livecycle for a Next js projectIn order to install Livecycle your project needs to be hosted on an SCM platform like GitHub or GitLab this is a standard expectation that most of you will be doing on your own anyway To get started with the installation go to Livecycle and create an account Now you re ready to connect your GitHub repo The last two steps are where you ll set up a preview environment this is the path I chose for this example If you have a preview environment from another provider you can use that too and simply install the Livecycle SDK to it You can choose from the list of project templates provided depending on the build tool you used In our case that is going to be Next js SSG because ours is a static website This is the setting up environment screenThis is the choosing a template screenOnce the setup is complete you can create your first playground environment The playgrounds are all accessible from the Liveycycle dashboard where you can invite other people to review the playground and see status A quick Livecycle demoLivecycle brings value to different team members in various use cases For example copywriters can use it for submitting text changes designers can use it for showing developers a design element that should be changed testers can use it for reporting issues and developers are able to review feedback and report status These are just a few relevant use cases Copywriter collaboration exampleLet s take the example of a copywriter who is reviewing the site and wants to make an edit to the application Without Livecycle this process would be cumbersome at best The reviewer would need to take a screenshot or copy the text in question then write the new text and use another platform like email or a shared document to report everything to the developer From there the feedback loop usually gets longer and longer to resolve this issue the developer might need some clarifications as to where to make the change or the new text might need to be shortened This turns into a lot of time and effort spent by everyone to resolve a simple issue But using Livecycle this communication happens instantly The reviewer can use the internal tools to take a screenshot or video capture to show clear context Or they can even use the HTML editing tool to make the change to the copy see how it looks and submit it to the developer as a requested change that appears as a comment in GitHub In this example our copywriter edited the HTML and changed the copy in the playground You can see what that looks like in the pictures here This is just one small example of the many ways that Livecycle can help front end teams communciate better get clearer feedback and move faster Check out their website or watch this quick overview video So where do I go from here and how can I learn more By using these resources below you can enhance your knowledge and skills in building applications with Next js and using Livecycle for PR reviews Next js Documentation The official Next js documentation offers a thorough how to for developing apps using the framework Everything is covered from using the framework for the first time to more complicated subjects like data fetching and server side rendering Livecycle Documentation Use of the tool for code reviews is covered in great length in the official Livecycle documentation From creating a project to approving and integrating pull requests it covers it all React Documentation Building apps using Next js requires a solid grasp of React because it is built on top of that framework The React library is fully described in the official React documentation Next js Examples On their website Next js offers a number of examples one of which is a character choice screen Building your own Next js apps might be inspired and aided by these examples Livecycle Integrations Livecycle has integrations with several other applications such as GitHub Bitbucket and Slack You may further streamline your development process by investigating these integrations ConclusionTo recap this article provided a detailed guide on how to build a character select screen using Next js and how to use Livecycle for PR reviews We explained the benefits of using Next js for server side rendered applications and walked through the steps to create a character select screen with interactive elements Additionally we explored how Livecycle can automate and streamline the code review process for a Next js project We discussed the benefits of using Livecycle and demonstrated how to create request reviews approve and merge a pull request using this tool By following the steps outlined in this article developers can improve the development process and ensure high quality code for their Next js projects Building a user friendly character select screen and automating the code review process can lead to a better overall developer experience AND user experience ultimately resulting in a more successful project Thanks for reading	2023-03-16 13:28:39
海外TECH	DEV Community	CheatGPT is Here: Upgrade Your Chat Experience	https://dev.to/epavanello/cheatgpt-is-here-upgrade-your-chat-experience-3p99	CheatGPT is Here Upgrade Your Chat ExperienceI m excited to announce the launch of CheatGPT the ultimate AI writing assistant based on GPT turbo soon on GPT that will help you write faster and better than ever before With CheatGPT you ll have access to all the advanced features of ChatGPT plus additional premium features like concise responses text summarization grammar fixing image text recognition and more Why CheatGPT CheatGPT is a powerful tool for anyone who wants to improve their writing skills and productivity Whether you re a content creator a student or a professional writer CheatGPT can help you get your work done faster and more efficiently It uses cutting edge AI technology to provide you with accurate and relevant responses to your writing prompts and it can even help you fix common grammar and spelling mistakes Early Bird Promo CodeTo celebrate the launch of CheatGPT we re offering an Early Bird promo code that will give you a discount on your monthly subscription Just use the code EARLYBIRD when you sign up for CheatGPT and you ll get full access to all our premium features for just per month Technologies UsedCheatGPT is built using the latest web technologies including SvelteKit Tailwind DaisyUI Supabase and Vercel We ve chosen these technologies for their speed efficiency and ease of use and we re confident that they ll provide a great user experience for everyone who uses CheatGPT If you re interested in learning more about CheatGPT you can visit our website at CheatGPT app or check out our GitHub repositoryYou can also follow us on Twitter at e pavanello for updates and news about CheatGPT Thank you for your support and we look forward to helping you write better with CheatGPT	2023-03-16 13:06:03
Apple	AppleInsider - Frontpage News	Apple TV+ baseball fans will get live looks into bad call appeals	https://appleinsider.com/articles/23/03/16/apple-tv-baseball-fans-will-get-live-looks-into-bad-call-appeals?utm_medium=rss	Apple TV baseball fans will get live looks into bad call appealsWhen baseball umpires make a bad call and a dugout appeals fans watching on Apple TV will get live footage of the replay room for transparency into how calls are made Major League Baseball on Apple TV Apple hosts Friday Night Baseball with the Apple TV service for Major League Baseball games along with live pre game and post game shows and live commentary Starting with the season Zoom video calls are making their way into baseball broadcasts on MLB Network and Apple TV Read more	2023-03-16 13:58:54
Apple	AppleInsider - Frontpage News	Deals: $250 off M2 Max MacBook Pro, 75% off iPhone Leather Case, up to $1,500 off Samsung Bespoke refrigerators & more	https://appleinsider.com/articles/23/03/16/deals-250-off-m2-max-macbook-pro-75-off-iphone-leather-case-up-to-1500-off-samsung-bespoke-refrigerators-more?utm_medium=rss	Deals off M Max MacBook Pro off iPhone Leather Case up to off Samsung Bespoke refrigerators amp moreToday s best finds include off an Apple Watch Sport Loop band off a Milanese loop Apple Watch band off LG inch display and up to off kitchen appliances and air purifiers Save on a inch MacBook ProThe AppleInsider staff searches the web for excellent deals at online retailers to create a list of stellar deals on popular tech items including discounts on Apple products TVs accessories and other gadgets We share our top finds in our Daily Deals list to help you save money Read more	2023-03-16 13:43:14
Apple	AppleInsider - Frontpage News	US demands Chinese owners sell TikTok, or face ban	https://appleinsider.com/articles/23/03/16/us-demands-chinese-owners-sell-tiktok-or-face-ban?utm_medium=rss	US demands Chinese owners sell TikTok or face banThe Biden Administration has reportedly told TikTok executives that the service could be banned completely in the US if China does not sell its stake in the firm TikTok on a smartphoneThe long running tensions between the US and social media platform TikTok have already seen President Trump signing an executive order requiring the firm to be sold That was beaten in the courts but pressure toward a ban hasn t ceased Read more	2023-03-16 13:14:41
海外TECH	Engadget	JBL portable speakers are up to 38 percent off right now	https://www.engadget.com/jbl-portable-speakers-are-up-to-38-percent-off-right-now-135018412.html?src=rss	JBL portable speakers are up to percent off right nowNow that it s getting warmer you might want a Bluetooth speaker to soundtrack your outdoor excursions Thankfully Amazon is helping out ーit s running a sale on JBL portable speakers with up to percent off This includes popular models like the Flip which is near an all time low at off as well as the more powerful Charge at off You don t typically have to be fussy about colors either The Charge and Flip made our list of the best portable Bluetooth speakers for good reasons The Flip offers stronger sound quality and durability than you might expect from a speaker its size The Charge meanwhile offers bigger sound a long hour battery life and the option of charging USB C devices They ll both have enough power to last you through an early backyard barbecue and the water resistance to survive an unexpected downpour There are alternatives from brands like Anker Marshall and UE that may sound more to your liking At these prices though JBL may represent the better value regardless of price point Follow EngadgetDeals on Twitter and subscribe to the Engadget Deals newsletter for the latest tech deals and buying advice This article originally appeared on Engadget at	2023-03-16 13:50:18
海外TECH	Engadget	Master & Dynamic MH40 Wireless (2nd gen) review: A novel mix of sound and design	https://www.engadget.com/master-and-dynamic-mh40-wireless-2nd-gen-review-133022239.html?src=rss	Master amp Dynamic MH Wireless nd gen review A novel mix of sound and designWhen it comes to headphone design Master amp Dynamic has carved out a niche The company s signature look of metal and leather immediately set it apart from the competition when the wired MH debuted in M amp D followed up with a wireless version in giving its non ANC active noise canceling over ear headphones a modern update Now the company is back with a second generation wireless model touting improvements to audio battery and more The third iteration of the MH is undoubtedly an improvement on the last but are the company s design chops enough to overcome the lack of features compared to similarly priced alternatives DesignOne element that has always set Master amp Dynamic apart from the competition is its design From those first MH headphones the company has relied on aluminum construction instead of plastic for several products What s more it blends the metal with other premium materials like canvas and leather For the second generation MH Wireless the company has stayed true to its roots right down to the vintage aviator inspired look Alongside the aluminum body a coated canvas wrapped headband is color matched to removable lambskin leather ear pads With all of those high end materials the MH weighs grams grams more than Sony s WH XM Still the extra heft isn t a burden these feel lightweight comfy and the cushiony ear pads keep you from feeling the outer rim of the ear cups Like the previous version the on board controls reside on the right ear cup A three button array is positioned near the headband hinge giving you controls for calls music voice assistant and volume including a mute button The dual function power pairing button sits on the outer edge alongside the USB C port and a multi color pairing battery life indicator I ll always advocate for physical controls over a touch panel mostly because they re more reliable That s certainly the case here as I was easily able to execute multiple presses on the center button for skipping tracks Software and featuresBilly Steele EngadgetThe M amp D Connect app is the companion software for the MH Here battery level is the most prominently displayed item along with a note if your headphones are up to date firmware wise A tap on the gear icon reveals options for sound controls and “about device Inside the sound menu Master amp Dynamic gives you four EQ presets bass boost bass cut podcast mids and vocals and audiophile mids and highs By default there s no equalizer setting selected and the app will remember which one you picked so you don t have to select it each time you activate the so called E Preset EQ You can also enable Sidetone on the sound menu allowing you to hear some of your own voice during calls This comes in handy as it keeps you from feeling the need to speak loudly to hear yourself through the passive noise isolation While Sidetone is a nice feature you can only activate it in the app which means before a call or more likely during the first few seconds of one you ll have to swipe over to the sound menu to turn it on I realize the MH doesn t have ANC so there s not a dedicated button that selects a noise canceling mode But perhaps there could be an option to reassign the long press on the center button from summoning a voice assistant to triggering Sidetone On the controls menu the app gives you the option of renaming the device from M amp D MHW and changing the automatic shut off timer from the default minutes one hour three hours and never are the other options From this screen you can also trigger a factory reset Sound qualityBilly Steele EngadgetAfter testing several Master amp Dynamics products over the years it s clear the company has a knack for warm natural sound that s devoid of any heavy handed tuning Across genres there s no over reliance on bombastic bass or painfully brilliant highs That continues on the second gen MH Wireless where there s ample low end tone when a track demands it like Mike Shinoda s remix of Deftones “Passenger But the bass is a complement to everything else and the default EQ works well across the sonic spectrum Master amp Dynamic swapped out the drivers on the previous version for mm titanium units that it says produce “clearer highs and richer lows Indeed the treble is punchy throughout a range of musical styles and the bass can be as thick and thumping as a song requires Other headphones may offer low boom but it blends better with the mids and highs on the MH making the even the deepest bass on RTJ more pleasant to listen to There s great attention to detail in the sound profile of the MH too and again it s apparent across different types of music However this is most evident with genres like bluegrass and jazz multi instrumental arrangements with interwoven sections emphasizing different players at different times It s not quite on the level of what Bowers amp Wilkins manages with its latest headphones which are some of the best sounding I ve reviewed But Master amp Dynamic does a solid job with the subtle nuances of sound from pick noise on a mandolin to the percussive thumps of an upright bass When it comes to calls the new MH offers a better overall experience than its predecessor but there s still room for improvement The new microphone setup does a solid job with constant background noise It doesn t pick up things like white noise machines and clothes dryers The headphones aren t great with louder distractions and it picks those up in greater detail if you ve got Sidetone active Battery lifeBilly Steele EngadgetMaster amp Dynamic promises up to hours of battery life on the new MH That s up from hours on the first wireless version of the headphones but it s not any longer than most ANC models Audio Technica s best non ANC model lasts up to hours for example There s also a quick charge feature that will give you up to six hours of use in minutes During my testing I managed to hit the stated time before having to plug them in but I didn t go beyond That s doing a mix of music podcasts and calls with Sidetone at around percent volume and leaving the headphones off overnight a few times The competitionIn terms of non ANC headphones one of my favorite options is Audio Technica s ATH MxBT Like the MH this is a second generation model with notable improvements over the MxBT Multi point Bluetooth pairing built in Alexa and a low latency mode were added on top of the company s blend of warm audio tone with a really comfy set of cans Plus they re currently on sale for less than the original price and less than half of what you ll pay for the new MH If you re looking for noise canceling headphones Master amp Dynamic sells the MW with a more modern design than the company s other over and on ear products Adaptive ANC is powered by a set of four microphones and there are three noise canceling modes to choose from The MW is also equipped with wear detection to help you extend that hour listening time with ANC on However these headphones are a whopping only surpassed by Bowers amp Wilkins Px for the most expensive headphones I ve tested recently For the best wireless headphones currently available you ll want to consider Sony s WH XM Simply put no other company comes close to what Sony offers on its flagship set in terms of mixing features sound quality and ANC performance While they re pricey at you get more for that investment Plus we ve seen the M on sale for as low as Wrap upWhat features are you willing to give up for headphones with standout looks and good sound That s really what you have to consider with the MH There s no denying this second gen model is an upgrade from the first wireless version All of the things the company says it improved hold true from the sound quality to the battery life and microphone performance Had the company done so without boosting the price I could make a strong argument for the new MH But at there are flagship noise canceling headphones from other companies that simply offer too much when compared to M amp D s latest Unless of course the main thing that matters to you is a deft hand with product design This article originally appeared on Engadget at	2023-03-16 13:30:22
海外TECH	Engadget	The best SSDs in 2023	https://www.engadget.com/best-ssds-140014262.html?src=rss	The best SSDs in One of the most cost effective ways to upgrade a computer or console is with solid state storage The fastest flash drives will make your desktop or laptop feel snappier with shorter app and operating system loading times The best part is that we re at a point where you don t have to choose between speed and capacity the latest SSDs offer both Whether you want to replace an old hard drive or upgrade the capacity of your existing SSD this guide will help you navigate all the complexities of buying a modern flash drive Don t know the difference between an NVMe and M drive Don t worry Engadget can help you choose the best SSD for your needs What to look for in a PC SSDThe most affordable way to add fast storage to a computer is with a inch SATA drive It s also one of the easiest if you don t want to worry about compatibility since almost every computer made in the last two decades will include a motherboard with Serial ATA connections For that reason inch SSDs are a great way to extend the life of an older PC build Installation is straightforward too Once you ve secured the internal SSD in a drive cage all you need to do is to connect it to your motherboard and power supply The one downside of SATA drives is that they re slower than their high performance NVMe counterparts with SATA III limiting data transfers to MB s But even the slowest SSD has a significantly faster transfer speed than the best mechanical drives And with TB SATA SSDs costing about they re a good bulk storage option If your PC is newer there s a good chance it includes space for one or more M SSDs The form factor represents your ticket to the fastest possible consumer storage on the market but the tricky part is navigating all the different standards and specs involved M drives can feature either a SATA or PCIe connection SSDs with the latter are known as Non Volatile Memory or NVMe drives and are significantly faster than their SATA counterparts with Gen models offering sequential write speeds of up to MB s You can get twice the performance with a Gen SSD but you ll need a motherboard and processor that supports the standard If you re running an AMD system that means a Ryzen or CPU and an X or B motherboard With Intel meanwhile you ll need a th or th Gen processor and a Z Z or Z motherboard Keep in mind you ll pay a small premium for a Gen SSD You might have also seen something about Gen NVMe drives You can safely ignore those for now At the moment only Intel s th gen desktop CPUs support PCIe and there aren t any Gen NVMe SSDs out on the market We ll see the first ones arrive alongside AMD s next generation Ryzen processors later this year but if the price of early Gen drives is any indication they will be expensive As for why you would buy an M SATA drive over a similarly specced inch drive it comes down to ease of installation You add M storage to your computer by installing the SSD directly onto the motherboard That may sound intimidating but in practice the process involves a single screw that you first remove to connect the drive to your computer and then retighten to secure the SSD in place As an added bonus there aren t any wires involved making cable management easier Note that you can install a SATA M SSD into an M slot with a PCIe connection but you can t insert an NVMe M SSD into a M slot with a SATA connection Unless you want to continue using an old M drive there s little reason to take advantage of that feature Speaking of backward compatibility it s also possible to use a Gen drive through a PCIe connection but you won t get any of the speed benefits of the faster NVMe One last thing to consider is that M drives come in different physical sizes From shortest to longest the common options are and The first two numbers represent width in millimeters the latter denote the length For the most part you don t have to worry about that since is the default for many motherboards and manufacturers Some boards can accommodate more than one size of NVMe SSD thanks to multiple standoffs That said check your computer s documentation before buying a drive to ensure you re not trying to fit one it can t support The best buying advice I can offer is don t get too caught up about being on the bleeding edge of storage tech The sequential read and write speeds you see manufacturers list on their drives are theoretical and real world performance varies less than you think If your budget forces you to choose between a TB Gen NVMe and a GB Gen model go for the former From a practical standpoint the worst thing you can do is buy a drive that s too small for needs Drives can slow dramatically as they approach capacity and you will probably end up purchasing one with a larger storage capacity down the line With all that boring stuff out of the way here are some go to best SSD recommendations Best inch SATA Drive Crucial MXYou don t have to look far to find the best all round inch SSD It s the Crucial MX With sequential read speeds of MB s and price tag for the TB model this internal SSD offers a hard to beat combination of performance and value It also comes with a five year warranty for additional peace of mind Best PCIe M Samsung EVO PlusThe EVO Plus is a great pick for anyone buying their first Gen NVMe drive It comes in GB GB TB and TB varieties all of which are competitively priced Expect to pay about for the GB model for the TB version and for TB Samsung s SSDs also have a strong reputation for reliability A more affordable Gen NVME Crucial PIf the EVO Plus is out of your budget but you still want a NVMe drive the Crucial P is a compelling option It s slightly slower than Samsung s M drive offering sequential read speeds of up to MB s instead of MB s but is significantly cheaper Crucial offers the P in GB GB TB and TB variants A SATA option WD Blue SNIf you have an older computer but still want to take advantage of the M form factor consider the WD Blue SN It s slower than the two above options but pricing is comparable to what you would pay for a inch drive Best Gen NVME Crucial P PlusIf you have the necessary hardware and money to spare it s hard to beat the high end Crucial P Plus With sequential read speeds of MB s it s not the absolute fastest Gen NVMe you can buy but it offers about the best value The P Plus comes in GB TB and TB varieties The WD Black SN we recommend below in the console section is also a great pick What to look for in portable and USB flash drivesPortable SSDs are a somewhat different beast to their internal siblings While read and write speeds are important they are almost secondary to how an external drive connects to your PC You won t get the most out of a model like the SanDisk Extreme Pro V without a USB Gen x connection Even among newer PCs that s something of a premium feature For that reason most people are best off buying a portable drive with a USB Gen or Thunderbolt connection The former offers transfer speeds of up to Gbps Additionally if you plan to take your drive on trips and commutes it s worthwhile to buy a model with IP certified water and dust proofing Some companies like Samsung offer rugged versions of their most popular drives For additional peace of mind bit AES hardware encryption will help prevent someone from accessing your data if you ever lose or misplace your external SSD Some of the same features contribute to a great thumbstick drive The best external SSD models feature USB connections and some form of hardware encryption Best portable drive Samsung TFor most people the Samsung T offers the perfect mix of features performance and affordability The company offers the T portable SSD in GB TB and TB varieties and three different colors It s also relatively fast offering sequential read speeds of up to MB s Best of all you can frequently find it on sale Best thumbstick drive Samsung Fit PlusAnother Samsung pick here for good reason The Fit Plus has about all the features you could want on a USB drive It connects to your computer over USB and supports transfer speeds of up to MB s The Fit Plus is also compact and has a handy slot for attaching it to your keychain The only downside of Samsung s USB drive is that it s on the pricey side nbsp A note on console storageSeagateThankfully outfitting your fancy new console with the fastest possible storage is far more straightforward than doing the same on PC With a Series X or Series S the conversation starts and ends with Seagate s storage expansion cards The company offers GB TB and TB models with the most affordable starting at a not so trivial The good news is that gamers can frequently find them on sale Your best bet is to set an alert for the model you want on a price tracker like CamelCamelCamel With Sony s PlayStation upgrading the console s internal storage is slightly more involved Instead of employing a proprietary solution the PS uses NVMe storage Thankfully there aren t as many potential configurations as you would find on a PC Engadget published a comprehensive guide on buying a PS SSD last year In short your best bet is a Gen drive with a built in heatsink Check out that guide for a full list of recommendations but for a quick go to consider the Western Digital SN It meets all the memory specifications for Sony s latest console and you won t run into any clearance issues with the heatsink Western Digital offers GB TB and TB models of the SN Expect to pay about for the TB variant and about for TB For those still playing on a previous generation console you can get slightly faster load times from a PlayStation by swapping the included hard drive to a inch SSD but going out of your way to do so probably isn t worth it at this point and you re better off saving your money for one of the new consoles This article originally appeared on Engadget at	2023-03-16 13:15:11
海外TECH	Engadget	TikTok now lets you start afresh with your For You feed	https://www.engadget.com/tiktok-for-you-feed-refresh-130028273.html?src=rss	TikTok now lets you start afresh with your For You feedBack in February TikTok revealed that it was testing a feature that will give you a way to reset the recommendations that pop up on your For You page Now the ByteDance owned app is rolling out this quot refresh quot option to all users so you can get rid of video recommendations that no longer feel relevant If you enable it the For You feed will look as if you ve only just signed up for an account and TikTok s algorithm will start surfacing content based on your newer interactions on the app nbsp To give your feed a reset head over to TikTok s Settings and Privacy menu then scroll down until you find Content preferences There you ll find a new option that says quot Refresh your For You feed quot Take note that it s all what the new feature does ーit won t change any of your settings or unfollow accounts you ve previously followed nbsp In addition to the new quot refresh quot feature TikTok has also updated its efforts to reduce repetitive patterns of content that could be harmful The app has been doing this for quite some time and has been applying limits to videos that don t exactly violate its policies but might have an effect on your viewing experience Examples include videos that feature sadness or extreme dieting and exercise Now if its systems detect a repetition in those types of themes within a set of videos it actively substitutes some of them with videos about a different topic That way it can further limit your exposure to content that could contain certain triggers These are but the latest updates TikTok has rolled out in a bid to improve its algorithm which has been the subject of investigations and has been at the center of discussions on whether the app should be banned TikTok s critics even call its user experience as enabled by its algorithm manipulative designed to keep you glued to the app nbsp It s no secret that the service has been under intense scrutiny over the past few years so it also doesn t come as a surprise that TikTok has been making an effort to demystify its algorithm and give you more control over the content you see They will certainly give TikTok CEO Shou Zi Chew more positive talking points when he tries to make authorities see the app in a positive light on March rd Chew will testify before the House Energy and Commerce Committee that day and is expected to discuss the app s privacy and data security as well as its impact on kids and ties to China nbsp This article originally appeared on Engadget at	2023-03-16 13:00:28
海外科学	NYT > Science	Covid Worsened a Health Crisis Among Pregnant Women	https://www.nytimes.com/2023/03/16/health/covid-pregnancy-death.html	Covid Worsened a Health Crisis Among Pregnant WomenIn deaths of pregnant women soared by percent in the United States according to new government figures Here s how one family coped after the virus threatened a pregnant mother	2023-03-16 13:16:27
海外科学	NYT > Science	Pregnancy and Covid: What Women Need to Know	https://www.nytimes.com/2023/03/16/health/covid-pregnancy-protection.html	amplify	2023-03-16 13:24:29
金融	金融庁ホームページ	国際金融センター特設ページをリニューアルしました。	https://www.fsa.go.jp/policy/financialcenter/index.html	金融センター	2023-03-16 14:00:00
海外ニュース	Japan Times latest articles	Japan routs Italy to advance to World Baseball Classic semifinals	https://www.japantimes.co.jp/sports/2023/03/16/baseball/japan-routs-italy-advance-world-baseball-classic-semifinals/	Japan routs Italy to advance to World Baseball Classic semifinalsIt s not every day that someone manages to steal the spotlight from Shohei Ohtani Kazuma Okamoto might just have pulled it off however while also putting	2023-03-16 22:29:29
ニュース	BBC News - Home	Video shows moment Russian fighter jet hits US drone over Black Sea	https://www.bbc.co.uk/news/world-europe-64975766?at_medium=RSS&at_campaign=KARANGA	dumping	2023-03-16 13:13:51
ニュース	BBC News - Home	Budget back to work policies to cost £70,000 per job	https://www.bbc.co.uk/news/business-your-money-64975682?at_medium=RSS&at_campaign=KARANGA	budget	2023-03-16 13:34:25
ニュース	BBC News - Home	Unions close to pay deal to avert more NHS strikes	https://www.bbc.co.uk/news/uk-64973045?at_medium=RSS&at_campaign=KARANGA	england	2023-03-16 13:35:18
ニュース	BBC News - Home	Security building on fire in Russia's Rostov-on-Don	https://www.bbc.co.uk/news/world-europe-64975202?at_medium=RSS&at_campaign=KARANGA	russian	2023-03-16 13:40:32
ニュース	BBC News - Home	UK ministers banned from using Chinese app TikTok on government phones	https://www.bbc.co.uk/news/uk-politics-64975672?at_medium=RSS&at_campaign=KARANGA	chinese	2023-03-16 13:08:39
ニュース	BBC News - Home	Cheltenham stab suspect 'believed woman worked at GCHQ' - court told	https://www.bbc.co.uk/news/uk-england-gloucestershire-64975022?at_medium=RSS&at_campaign=KARANGA	actual	2023-03-16 13:45:00
ニュース	BBC News - Home	Budget 2023: Pensions tax cut for wealthy is wrong priority, Labour says	https://www.bbc.co.uk/news/uk-politics-64972143?at_medium=RSS&at_campaign=KARANGA	budget	2023-03-16 13:14:33
ビジネス	ダイヤモンド・オンライン - 新着記事	百度が「中国版チャットGPT」発表、実演なく失望感も - WSJ発	https://diamond.jp/articles/-/319652	百度	2023-03-16 22:02:00
海外TECH	reddit	Postgame Thread ⚾ Italy 3 @ Japan 9	https://www.reddit.com/r/baseball/comments/11sucez/postgame_thread_italy_3_japan_9/	Postgame Thread Italy Japan Line Score Game Over R H E LOB ITA JPN Box Score JPN AB R H RBI BB SO BA CF Nootbaar RF Kondoh DH Ohtani LF Yoshida B Yamada B Murakami B Okamoto B Maki LF Makihara SS Genda C Kai C Nakamura Y JPN IP H R ER BB SO P S ERA Ohtani Itoh Imanaga Darvish Ota ITA AB R H RBI BB SO BA LF Frelick SS Lopez N RF Fletcher Do C Sullivan B Pasquantino B Mastrobuoni DH Friscia PH Mineo CF DeLuzio B Fletcher Da ITA IP H R ER BB SO P S ERA Castellani LaSorsa Pallante Nittoli Marciano Festa Stumpo Scoring Plays Inning Event Score B Masataka Yoshida grounds out shortstop Nicky Lopez to first baseman Vinnie Pasquantino Kensuke Kondoh scores Shohei Ohtani to nd B Kazuma Okamoto homers on a fly ball to left field Shohei Ohtani scores Munetaka Murakami scores T Dominic Fletcher singles on a line drive to right fielder Kensuke Kondoh Ben DeLuzio scores David Fletcher scores Nicky Lopez to rd B Munetaka Murakami doubles on a line drive to center fielder Ben DeLuzio Shohei Ohtani scores Masataka Yoshida to rd B Kazuma Okamoto doubles on a line drive to right fielder Dominic Fletcher Masataka Yoshida scores Munetaka Murakami scores B Masataka Yoshida homers on a fly ball to right field B Sosuke Genda singles on a line drive to right fielder Dominic Fletcher Munetaka Murakami scores Kazuma Okamoto to nd T Dominic Fletcher homers on a line drive to left center field Highlights Description Length Video Ohtani reaches mph for his fastest pitch ever Video Masataka Yoshida hits an RBI ground out in the rd Video Kazuma Okamoto belts a three run homer in the rd Video Dominic Fletcher flares a two run single in the th Video Kazuma Okamoto hits a two run double in the th Video Masataka Yoshida cranks a solo homer in the th Video Dominic Fletcher crushes a solo homer in the th Video Decisions Winning Pitcher Losing Pitcher Save Ohtani ERA LaSorsa ERA Game ended at AM submitted by u BaseballBot to r baseball link comments	2023-03-16 13:34:34