投稿時間:2023-08-09 02:26:08 RSSフィード2023-08-09 02:00 分まとめ(30件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Apple、｢AirPods (第3世代)｣の整備済み品を日本でも販売開始	https://taisy0.com/2023/08/09/175083.html	airpods	2023-08-08 16:07:03
AWS	AWS Media Blog	Multi-Region Rendering with Deadline and Hammerspace	https://aws.amazon.com/blogs/media/multi-region-rendering-with-deadline-and-hammerspace/	Multi Region Rendering with Deadline and HammerspaceOver the past few years Visual Effects VFX studios have gone more global by opening satellite studios or hiring artists working from home all around the world Whether the reasons are location specific financial incentives unlocking local talent or co locating with a production team having a render farm in a single location is no longer …	2023-08-08 16:02:07
AWS	AWS	Accelerate your ML journey with Amazon SageMaker JumpStart | Amazon Web Services	https://www.youtube.com/watch?v=i4W7SfP6_38	Accelerate your ML journey with Amazon SageMaker JumpStart Amazon Web ServicesThis video demonstrates how to use Amazon SageMaker JumpStart to quickly deploy pre trained machine learning models It shows how to launch foundation models like text summarization in the SageMaker console and SageMaker Studio It also walks through deploying a sentiment analysis model to an endpoint fine tuning it and making inference requests The video highlights how SageMaker JumpStart can help developers rapidly build and prototype with machine learning Learn more at Subscribe More AWS videos More AWS events videos Do you have technical AWS questions Ask the community of experts on AWS re Post ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster machinelearning SageMaker AWS AmazonWebServices CloudComputing	2023-08-08 16:34:13
AWS	AWS	Automate your ML workflows with Amazon SageMaker Autopilot and Pipelines | Amazon Web Services	https://www.youtube.com/watch?v=ZJ9DigIVHtY	Automate your ML workflows with Amazon SageMaker Autopilot and Pipelines Amazon Web ServicesIn this video learn how to leverage SageMaker Pipelines and Autopilot to quickly build evaluate and deploy ML models We ll use the Census Income dataset to predict income level automatically generate models with Autopilot pick the best performer evaluate it and deploy it in an end to end workflow Follow along with the demo to see how SageMaker Pipelines and Autopilot can accelerate your model development and reproducibility Learn more at Subscribe More AWS videos More AWS events videos Do you have technical AWS questions Ask the community of experts on AWS re Post ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster machinelearning SageMaker AWS AmazonWebServices CloudComputing	2023-08-08 16:34:10
AWS	AWS - Webinar Channel	Analytics in 15: Secure Your Amazon Redshift Data Warehouse- AWS Analytics in 15	https://www.youtube.com/watch?v=6vIywDTIHFs	Analytics in Secure Your Amazon Redshift Data Warehouse AWS Analytics in Amazon Redshift security capabilities help protect your PII data simplify management of admin credentials and authorize and authenticate access Join this session to learn how to protect your data through industry leading security and access management features at no additional cost Learning Objectives Objective Learn how to protect your data warehouse Objective Explore Amazon Redshift s latest security capabilities Objective See popular customer use cases on this topic To learn more about the services featured in this talk please visit To download a copy of the slide deck from this webinar visit	2023-08-08 16:15:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	async/awaitにおけるエラー処理を実行の順番から整理する	https://qiita.com/sobacha/items/5259cfc0b35bbf593f8a	asyncawait	2023-08-09 01:05:02
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Railsで配列の配列を解消する方法	https://qiita.com/hiiragiya/items/4182de378b33b86d30d7	rails	2023-08-09 01:22:52
golang	Goタグが付けられた新着投稿 - Qiita	【Go】gRPCのprotoc-gen-validateでenumの必須&値チェックを行いたい	https://qiita.com/someone7140/items/efeaada69bcd11e76f34	cgengoinvalidgoimportpath	2023-08-09 01:28:19
Ruby	Railsタグが付けられた新着投稿 - Qiita	Railsで配列の配列を解消する方法	https://qiita.com/hiiragiya/items/4182de378b33b86d30d7	rails	2023-08-09 01:22:52
海外TECH	Ars Technica	Even the Pope is worried about AI and its “disruptive possibilities”	https://arstechnica.com/?p=1959520	disruptive	2023-08-08 16:16:36
海外TECH	DEV Community	Top 7 Featured DEV Posts from the Past Week	https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-26gk	Top Featured DEV Posts from the Past WeekEvery Tuesday we round up the previous week s top posts based on traffic engagement and a hint of editorial curation The typical week starts on Monday and ends on Sunday but don t worry we take into account posts that are published later in the week Should New Developers Use AI Coding Tools AI coding tools like GitHub Copilot ChatGPT and similar tools took the software development world by storm Here catalinpit answers whether new developers should use AI coding tools and how to make the most of them Should New Developers Use AI Coding Tools Catalin Pit・Aug ai developer beginners programming Exploring How Websites Talk A Beginner s Guide to HTTP Requests APIs and Backend MagicIn this guide we ll demystify HTTP requests and APIs with ibrahzizo and uncover the secrets of backend development ーa behind the scenes look at modern web experiences Exploring How Websites Talk A Beginner s Guide to HTTP Requests APIs and Backend Magic Ibrahim Aziz・Aug webdev backend api beginners Using Document Picture in Picture and Insertable Streams APIs to record your screen and cameraIn the past few months Google Chrome recently added the Document Picture in Picture API which supports any arbitrary HTML content within the PiP window volcomix shows off how this change opens up tons of new possibilities Using Document Picture in Picture and Insertable Streams APIs to record your screen and camera Sébastien Jalliffier Verne・Aug javascript webdev tutorial frontend Time Travel in React with Immer A Step by Step TutorialImagine having the power to rewind and fast forward through your application s state changes pinpoint bugs and gain a deeper understanding of your code s behavior Let s dive into the world of time travel debugging with brainiacneit Time Travel in React with Immer A Step by Step Tutorial Super・Aug webdev javascript react beginners Finding My Blogging Path Lessons from My JourneyBlogging can be a crucial step to your path as a developer but can lead to severe burnout without some considerations taken in measure Take a look at danielrendox s journey and find answers to these questions and more Finding My Blogging Path Lessons from My Journey Daniel Rendox・Aug writing beginners career community Scaling Node js Web Apps with DockerLet s explore with fabiancdng how Node js web applications can be scaled across multiple CPU cores and even machines using Docker Scaling Node js Web Apps with Docker Fabian Reinders・Aug webdev docker tutorial node Start by Writing Messy Code svemaraju suggests that you start by writing messy codeー messy code that diverges from the traditional clean code following design patterns programming paradigms or any opinionated design methodologies Read on to find out why Start by writing messy code Srikanth・Aug programming webdev python career That s it for our weekly Top for this Tuesday Keep an eye on dev to this week for daily content and discussions and be sure to keep an eye on this series in the future You might just be in it	2023-08-08 16:50:10
海外TECH	DEV Community	Running The Feast Feature Store With Dragonfly	https://dev.to/dragonflydbio/running-the-feast-feature-store-with-dragonfly-195a	Running The Feast Feature Store With Dragonfly A brief introduction to FeastFeast stands as an exceptional open source feature store revolutionizing the efficient management and uninterrupted serving of machine learning ML features for real time applications At its core Feast offers a sophisticated interface for storing discovering and accessing featuresーthe individual measurable properties or characteristics of data essential for ML modeling Operating on a distributed architecture Feast harmoniously integrates several pivotal components including the Feast Registry Stream Processor Batch Materialization Engine and Stores Facilitating both offline and online storage paradigms Feast enables comprehensive time series analysis by harnessing historical feature values stored in data sources For real time responsiveness Feast leverages online stores ensuring features are served at remarkably low latencies With a simple feast materialize command feature values flow from data sources to the online store empowering your ML applications with unparalleled agility and performance One of the online stores supported by Feast is Redis In this blog post we will explore how to use Dragonfly as a drop in replacement for Redis as an online store for Feast In memory online storesOne of the most critical factors determining the success of a feature store is its ability to serve features at low latency High latency can severely impact model performance and the user experience leading to delayed predictions and suboptimal outcomes In memory data stores offer a substantial advantage in terms of low latency feature serving By storing data directly in memory they eliminate the need for disk I O operations which are often a bottleneck in retrieving data from traditional storage systems With data residing in RAM in memory data stores rapidly retrieve and serve features resulting in near instantaneous response times The significance of low latency feature serving provided by in memory data stores cannot be overstated It empowers machine learning models to access necessary features swiftly allowing for more efficient and timely predictions or inferences Whether it s delivering personalized recommendations making instant decisions or powering real time analytics in memory data stores ensure quick access to features contributing to improved model performance and elevated user satisfaction Meet DragonflyDragonfly a cutting edge in memory data store distinguishes itself with novel algorithms and data structures integrated into a multi threaded share nothing architecture Its hardware efficiency allows Dragonfly to thrive across diverse machine configurationsーrunning a single node on an GB machine or vertically scaling to colossal TB machines with cores This versatility not only delivers substantial infrastructure cost savings but also streamlines architectural complexity Another true marvel lies in Dragonfly s exceptional API compatibility effortlessly serving as a drop in replacement for Redis not only in Feast but also in many other scenarios As of version Dragonfly boasts an impressive implementation of over Redis commands covering the vast majority of use cases including support for the Hash data structure relied upon by Feast for storing feature values With Dragonfly s impressive blend of compatibility efficiency and comprehensive features we embark on an exploration of its immense benefits to Feast as an online feature store unlocking new dimensions of performance and scalability Running Feast with Dragonfly a hands on guideIn this section we will go through some hands on steps to demonstrate how to run Feast with Dragonfly seamlessly This tutorial is highly inspired by the official Feast documentation with the emphasis on integrating Dragonfly as an online store for Feast PrerequisitesMake sure Python and pip are installed on your platform Then we can install the Feast SDK and CLI pip install feastIn order to use Dragonfly as the online store we will need to install the redis extra pip install feast redis Create a feature repositoryTo start we can use the feast CLI to bootstrap a new feature repository feast init feast dragonflycd feast dragonfly feature repoA Feast feature repository consists ofA collection of Python files containing feature declarations A feature store yaml file containing infrastructural configuration A feastignore file containing paths in the feature repository to ignore We are interested in the feature store yaml file since it contains the configuration of infrastructure such as the online store for Feast Update the feature store yaml file with the following content project feast dragonflyregistry data registry dbprovider localonline store type redis connection string localhost Start DragonflyThere are several options available to get Dragonfly up and running quickly we will be using Docker for this tutorial docker run network host ulimit memlock docker dragonflydb io dragonflydb dragonflyIntegrating Dragonfly as an online store in Feast is astonishingly straightforward without a hitch Instead of running a Redis instance locally we effortlessly initiated Dragonfly In the provided feature store yaml configuration file we directed Feast to utilize the online store pointing to localhost which aligns with Dragonfly s default running configuration The beauty of this transition lies in the ease of implementationーit doesn t require a single change in Feast s core configuration We merely directed Feast to use Dragonfly and that s all it took From this point onward the tutorial continues as a typical Feast guide empowering you to explore its vast capabilities Register feature definitions and deploy the feature storeWithin the same feast dragonfly feature repo directory use the following command feast applyThe apply command scans Python files in the current directory example repo py in this case for feature view and entity definitions registers the objects and deploys the infrastructure We should see the following output upon success Created entity driverCreated feature view driver hourly stats freshCreated feature view driver hourly statsCreated on demand feature view transformed conv rateCreated on demand feature view transformed conv rate freshCreated feature service driver activity vCreated feature service driver activity vCreated feature service driver activity v Generate training dataSave the code below as generate training data py from datetime import datetimeimport pandas as pdfrom feast import FeatureStore Note see for more details on how to retrieve for all entities in the offline store insteadentity df pd DataFrame from dict entity s join key gt entity values driver id event timestamp reserved key gt timestamps event timestamp datetime datetime datetime optional label name gt label values Feast does not process these label driver reported satisfaction values we re using for an on demand transformation val to add val to add store FeatureStore repo path training df store get historical features entity df entity df features driver hourly stats conv rate driver hourly stats acc rate driver hourly stats avg daily trips transformed conv rate conv rate plus val transformed conv rate conv rate plus val to df print Feature schema n print training df info print print Example features n print training df head To generate training data run python generate training data py Ingest batch features into the online storeNext we serialize the latest values of features since the beginning of time to prepare for serving feast materialize incremental date u Y m dT H M S When feature data is stored using Dragonfly as the online store Feast utilizes the Hash data structure to store a two level map The first level of the map contains the Feast project name and entity key The entity key is composed of entity names and values The second level key i e field of the Hash contains the feature table name and the feature name and the Hash value contains the feature value Feel free to connect to the local Dragonfly instance using redis cli if you want to learn more about how Feast stores features in Dragonfly Fetching feature vectors for inferenceAt inference time we need to quickly read the latest feature values for different drivers which otherwise might have existed only in batch sources from the online feature store using get online features Save the script below as fetch feature vectors py from pprint import pprintfrom feast import FeatureStorestore FeatureStore repo path feature vector store get online features features driver hourly stats conv rate driver hourly stats acc rate driver hourly stats avg daily trips entity rows join key entity value driver id driver id to dict pprint feature vector To fetch feature vectors run python fetch feature vectors pyWe should see output similar to the following acc rate avg daily trips conv rate driver id ConclusionIn this blog post we witnessed the effortless integration of Dragonfly as an online store for Feast By simply directing Feast to use Dragonfly we embraced a modern in memory data store capable of swift feature serving Our primary focus in the tutorial above was on the Redis command compatibility of Dragonfly However Dragonfly s capabilities go beyond mere protocol and command compatibility Whether deployed on small instances or powering large scale machines Dragonfly s versatility shines offering unmatched hardware efficiency that reduces infrastructure costs and complexity To delve deeper into Dragonfly s hardware efficiency please explore this dedicated blog post on scaling and performance comparisons Our command reference and documentation provide an extensive resource to gain a comprehensive understanding of Dragonfly s full spectrum of capabilities At our core we are dedicated to fostering a thriving open source community As passionate supporters of cutting edge technology our team is actively working with more open source projects to ensure streamlined integration with Dragonfly By extending our reach and engaging in collaborative efforts we aim to empower diverse ecosystems with the unmatched efficiency of Dragonfly Stay tuned for more Dragonfly integrations by subscribing to our newsletter and joining our social media channels	2023-08-08 16:09:00
海外TECH	DEV Community	React Hooks: Cheat Sheet, with examples	https://dev.to/alakkadshaw/react-hooks-cheat-sheet-with-examples-4o30	React Hooks Cheat Sheet with examplesIn this article we are going to learn about react Hooks What are the types of hooks built in hooks how you can combine multiple hooks to create your own hooks What are Hooks To understand react hooks let us first consider what are functional components Functional components at their core are functions and as with all javascript functions you can use one function inside of another function Hooks are functions that let you use different react features in your components You can import built in hooks or create your own custom hooks by combining one or more built in hooksThis article is brought to you be DeadSimpleChat Chat API and SDK for website and Apps Using which you can easily add in app messaging to your appLet us learn about built in hooks and how you can combine them to create your own hooks with examples Types of built in hooksState HooksuseStateuseReducerContext HooksuseContextRef HooksuseRefuseimperativehandle Effect Hooks useEffectuseLayoutEffectuseInsertionEffectPerformance HooksuseMemouseCallbackuseTransitionuseDeferredValueOther HooksuseDebugValueuseIduseSyncExternalStoreCreating your own Hooks State HooksReact State basically lets a component remember the data any data that you would like to store can be stored in StateState is a javascript Object that stores the data that is specific to the component inside of which the state is defined To add State to a component use one of the following hooksuseState declares a state variable which can be assigned to any data and updated directlyuseReducer declares a state variable inside a reducer function with update logicNow let us look at some of the examples Example initializing the stateimport React useState from react function Counter const count setCount useState rest of the component Here we are initializing state using the useState hook The hook is a function that takes the initial state as an argument and returns an array with current state and a function to update the current state accessing the stateTo access the state just refer to the variable that you have defined while initializing the state like so lt p gt the count count lt p gt updating the statesimply call the update function and assign the new value of state to the functionsetCount count Note The component re renders whenever the state is updated Example Let us look at another example with useReducer When you have many state updates across many event handlers it can get overwhelming In these cases you can consolidate all the state logic outside your component in a single function called the reducerReducer is a pure function that takes the current state and an action then returns the new stateimport React useReducer from react current state and action are recieved and new state is returnedconst counterReducerFunc state action gt switch action type case increase return count state count case decrease return count state count default throw new Error This action is not known action type const Counter gt const state dispatch useReducer counterReducer count return lt div gt Count state count lt button onClick gt dispatch type increase gt Add lt button gt lt button onClick gt dispatch type decrease gt Subtract lt button gt lt div gt export default Counter Context HooksContext lets you pass the data from far away distant parents to child with passing it as propsAs an example Your App s top level component can pass the current UI theme to all components below no matter how deep With react context you are able to avoid what is called as prop drilling where you passing down the data from one component to its child then from child component to its child componentWith context all the data is provided to every component that subscribes to the contextuseContext reads and subscribes to a context ExampleLet us understand the useContext with the help of an exampleFirst we are going to create a context by using React createContext methodconst SomeContext React createContext Providing value to react contextThe SomeContext Provider component is used to provide a context value to all the children in the component treeYou can then place the SomeContext Provider anywhere in the tree where you need to access the value Consuming the Context value with useContextTo access the value from context simply use the useContext Hook inside your componentuseContext takes the context Object that is SomeContext here and returns the current context value like soconst ChildComponent gt const currentContextValue useContext SomeContext return lt p gt CurrentContextValue lt p gt We have electricity useContext provides the context value directly to the child components without the need to pass the data using props Ref HooksThe Refs lets a component hold a value that is not needed for rendering This value can be a DOM node or a timeout ID Unlike a state updating a ref does not re render a component Refs are sort of an escape hatch from the react paradigm Refs can be useful when working with non react systems like Rest APIS or to store previous state values accessing the DOM directly or keeping any mutable values There are two hooks that deal with refsuseRef declares a ref and you can hold any value in ituseImperativeHandle lets you customize the ref exposed by the component This hook is rarely usedLet us look at some examples to better understand this Example Creating a Refyou can initialize the ref like thisconst exampleRef React useRef The ref object here that is exampleRef will persist throughout the lifetime of the component accessing the values inside of a RefYou can easily access the values inside of the Ref by using the current property likeexampleRef current We got the power console log exampleRef current outputs We got the power Accessing DOM elementsIn this example we are going to access a DOM node directly for something that can t be done in react declarativelets see the example import React useRef from react const SampleComponent gt const inputRef useRef const handleClick gt inputRef current focus return lt div gt lt input ref inputRef type text gt lt button onClick handleClick gt On button click focus on the input tab lt button gt lt div gt export default SampleComponent In this example we have input element to the inputRef ref and when the handleClick function is called it focuses on the input element using the inputRef current focus method Effects HooksEffects lets a component connect to and synchronize with external systemsThis includes dealing with DOM widgets that were written using a different UI library and other non react code Basically useEffect lets you perform side effects in functional components This includes interaction with outside of the component like data fetching subscriptions manual DOM manipulations etc Effects are an escapse hatch from the react ecosystem So do not use effects to orchestrate the data flow of your application as this might defeat the basis of using react and create multiple problems If you are not interacting with systems outside of React you might not need to use Effect Let us look at examples to better understand the useeffect hook import React useEffect from react const CoolComponent gt useEffect gt console log Rendering the component on the display return lt h gt using the useEffect lt h gt export default CoolComponent In this example when the CoolComponent is rendered the console log statement written within the function will print the Rendering the component on the display Now let us look at two other variations of useEffectuseLayoutEffect anduseInsertionEffectuseLayoutEffect runs similarly to the useEffect but runs synchronously after all the DOM mutations are done This makes it a good tool for reading the layout from the DOM and re renderingSo if you need to measure a DOM node and then cause a synchronous re render you can use the useLayoutEffectuseInsertionEffect is a react hook designed for developers working on CSS in JS librariesUsing this hook you can inject styles into the DOM before layout effects are fired ensuring that these styles are available immediately when the component rendersthe useInsertionEffect accepts a setup function and an optional dependency array similar to other hooks Performance HooksSkipping unnecessary work is a common way to optimize re rendering performance That is if the data has not changed from the previous re render you can tell react to skip the re render or to skip the calculations thus saving resourcesReact provides several hooks to optimize the performance of your components and these are To skip calculations and avoid re rendering of components you can useuseMemo Lets you cache the result of an expensive calculationuseCallback Lets you cache a function definition before passing it down to an optimized componentSometimes you can t skip the re rendering because the screen needs to update In this case you can improve performance by separating the blocking updates that must be synchronous from non blocking updates which do not need to block the UIIn these cases you can use one of the following hooks useMemouseMemo memorizes the result of a function let us learn more about this using an exampleimport React useMemo from react const CoolComponent values gt const expensiveCalculation useMemo gt return values reduce big expensive gt big expensive values return lt div gt expensiveCalculation lt div gt export default CoolComponent In the above example useMemo memorizes the result of the expensiveCalculation and only perform the calculation if the props change useCallbackuseCallback is similar to useMemo but it returns a memorized version of the callback function that only changes if one the dependencies have changedlet us consider an exampleimport React useState useCallback from react const CoolComponent gt const count setCount useState const increaseTheCount useCallback gt setCount count count return lt button onClick increaseTheCount gt Increase the Count lt button gt export default CoolComponent Here we are using the useCallback function to create a memorized version of the increaseTheCount function that only changes when the count changes useTransitionuseTransition is a hook that manages transitions on slow networks and devices It returns two valuesa startTransition function andan isPending booleanLet us consider an exampleimport React useState useTransition from react const CoolComponent gt const resource setResource useState null const startTransition isPending useTransition const GettingTheResource gt startTransition gt fetchResource then setResource return lt div gt lt button onClick GettingTheResource gt Get the Resource lt button gt isPending Waiting lt ShowTheResource resource resource gt lt div gt export default CoolComponent In the above example the usetransition is used to provide a smooth transition when the app is fetching a resource The isPending value can be used to show a loading screen while the resource is being fetched over the internet useDeferredValueLets you defer a non critical part of the UI and lets the other parts display firstLet us consider an example to better understand thisimport React useState useDeferredValue from react const CoolComponent gt const writeUp setWriteUp useState const deferredValue useDeferredValue writeUp return lt div gt lt input value writeUp onChange e gt setWriteUp e target value gt lt SlowComponent setWriteUp deferredValue gt lt div gt export default MyComponent In this example the useDeferredValue is used to defer the value of the writeUp as that is less important than showing the input tab to the user first Other HooksThese are some of the other interesting built in hooks availableuseDebugValue You can customize the label that the React DevTools displays for your custom with with useDebugValueuseId Associate a unique ID with a component You can use this with accessibility APIsuseSyncExternalStore subscribe a component with an external storeLet us consider some examples to understand these hooks better useDebugValueimport useState useDebugValue from react function useChatStatus userId const isOnline setIsOnline useState null show a lable next to this hook in react Dev tools useDebugValue isOnline Online Offline return isOnline In the above example we are using useDebugValue to show a custom hook useChatStatus in the react devtools useIduseId is a react hook that can be used to create multiple unique ids that can be passed to accessibility attributeslet us consider an example to learn betterimport useId from react function PasswordField useId is used to generate a unique ID const passwordHintId useId return lt gt lt label gt Password lt input type password aria describedby passwordHintId gt lt label gt lt p id passwordHintId gt The password should contain at least characters lt p gt lt gt export default function App return lt gt lt h gt Choose password lt h gt lt PasswordField gt lt h gt Confirm password lt h gt lt PasswordField gt lt gt In the example the useId is used to generate unique ids for the description paragraph of the password input If the PasswordField is used multiple times across the app the generated ids will not clashReason behind using useId for generating ids instead of an incrementing counteryou could simply increment the Global counter like count to generate new idsThe primary reason is that the useId maintains compatibility with the server rendering Creating custom hooksYou can also define your own custom hooks as javascript functions This involves extracting the duplicated logic that is being re used in multiple components into a separate functionThe function will be called a Hook The name of the hook always starts with the word useThere can be multiple hooks within a hook like there can be multiple functions inside of a functionThe returned values can be anything like functions state or any other value that you want to share between componentslet us create the useOnlineUserStatus Hook as an example to better understand this topicWhat is the Shared Logic In this case the shared logic is whether the user is online or not This shared logic can be useful to multiple componentsCreate a function with the starting keyword use As we have already decided that the name of our hook will be useOnlineUserStatus function useOnlineUserStatus Moving the shared logic into the function that we just createdimport useState useEffect from react function useOnlineUserStatus const isUserOnline setIsUserOnline useState true useEffect gt function handleOnline setIsUserOnline true function handleOffline setIsUserOnline false window addEventListener online handleOnline window addEventListener offline handleOffline return gt window removeEventListener online handleOnline window removeEventListener offline handleOffline return isUserOnline return Here we are returning the data the other components might need that is the status of the user Using the Custom Hook in your codeYou can use the custom hook in your component like any other hookfunction ShowOnlineUserStatus const isUserOnline useOnlineUserStatus return lt h gt isOnline Online Disconnected lt h gt Thus we have created a custom hook ConclusionIn this article I have covered a wide range of topics regarding the React Hooks including types of hooks their use cases and how to use them in your codeI hope that you liked the article Thank you for reading	2023-08-08 16:02:08
Apple	AppleInsider - Frontpage News	Spotify's AI DJ expands to 50 countries around the world	https://appleinsider.com/articles/23/08/08/spotifys-ai-dj-expands-to-50-countries-around-the-world?utm_medium=rss	Spotify x s AI DJ expands to countries around the worldSpotify is bringing its AI based DJ feature to more markets expanding the feature s reach six months after launch in North America as it continues to compete against Apple Music Introduced in February Spotify s AI DJ is an automated music discovery system that effectively makes a radio station specifically for the user While personalized stations aren t new Spotify s version added in a synthetic voice adding commentary like a traditional radio DJ On Tuesday Spotify revealed it is bringing the feature to more markets beyond the US and Canada from February s launch and the May expansion to the UK and Ireland Now it will be available in markets around the world including in Europe Asia Africa Australia and New Zealand Read more	2023-08-08 16:56:19
Apple	AppleInsider - Frontpage News	Apple Pay officially launches in Chile	https://appleinsider.com/articles/23/08/08/apple-pay-officially-launches-in-chile?utm_medium=rss	Apple Pay officially launches in ChileApple has confirmed that Apple Pay is now available in Chile marking the service s second new country within a few days Following expectations that Apple Pay would shortly be launching in Chile the service has now reportedly gone live The news comes shortly after Vietnam also gained Apple Pay Unusually the launch has been listed first on Apple s support pages for Apple Pay locations Ordinarily if Apple doesn t issue a press release local banks do or at least welcome the service on social media Read more	2023-08-08 16:54:01
Apple	AppleInsider - Frontpage News	Rival leaker claims new USB-C image the 'real deal'	https://appleinsider.com/articles/23/08/08/rival-leaker-claims-new-usb-c-image-the-real-deal?utm_medium=rss	Rival leaker claims new USB C image the x real deal x Following a dubious leak of an image showing USB C charging components for the iPhone range another leaker has produced an image that appears more likely to be accurate USB C has been wished for on the iPhone for years perhaps ever since it appeared on the iPad and now it looks like pressure from the EU is going to make it happen Earlier today two leakers produced images of what were claimed to be the USB C components for some of the iPhone range However that report noted that one of the two apparent leakers had a particularly bad reputation for faking leaks Subsequently a more credible leaker known as Unknownz suggested that the images were fake Read more	2023-08-08 16:29:06
Apple	AppleInsider - Frontpage News	Apple TV+ unveils trailer for urban horror series, 'The Changeling'	https://appleinsider.com/articles/23/08/08/apple-tv-unveils-trailer-for-urban-horror-series-the-changeling?utm_medium=rss	Apple TV unveils trailer for urban horror series x The Changeling x Ahead of its September streaming premiere Apple TV has revealed a two minute trailer for The Changeling an adult fairy tale based on Victor LaValle s bestselling novel The Changeling source Apple Written by showrunner and executive producer Kelly Marcel Apple says that the series is a fairytale for grown ups Read more	2023-08-08 16:25:28
海外TECH	Engadget	The best cameras for 2023	https://www.engadget.com/best-cameras-151524327.html?src=rss	The best cameras for It s a strange and wonderful time to buy a digital camera Since smartphones have gutted the casual photography market manufacturers are focusing on building technological marvels designed for very specific uses Mirrorless cameras continue to improve in terms of autofocus video and more Action cams provide sharp fluid video compact cameras are targeted to both tourists and vloggers and DSLRs are available at some of the best prices we ve seen With so many different types of digital cameras though you may need some guidance to find just the right one and that s where we come in Whether you re a creator looking for just the right vlogging camera an aspiring wildlife photographer or a sports enthusiast we ll help you find the perfect camera system to match your budget and needs Best mirrorless cameras under Best mirrorless cameras over Best action camerasBest compact camerasBest DSLR camerasWhat to consider before choosing a cameraThere are a lot of reasons to choose a camera over a smartphone The larger image sensors in mirrorless cameras let more light in and you have a wide choice of lenses from wide angle to telephoto to zoom lenses with far superior optics Where smartphones have one f stop cameras have many which gives you more exposure control You also get natural and not AI generated bokeh quicker shooting a physical shutter more professional video results and so on With that extra quality comes a lot of extra factors to consider however The first thing is sensor size In general the larger the sensor size the better and usually more expensive the camera Full frame is available on models like Sony s new ZV E the Canon EOS R II and Panasonic S II At a size equivalent to mm film x mm it offers the best performance in terms of image quality low light capability and depth of field It s also the most expensive and finicky While bokeh looks incredible at f the depth of field is so razor thin that your subject s nose might be in focus but not their eyes This can also make video shooting difficult The next size category is APS C around x mm for most models and x mm for Canon offered on Fujifilm s X Series lineup Canon s R and R and the Nikon Z It s cheaper than full frame both for the camera body and lenses but still brings most of the advantages like decent bokeh high ISOs for low light shooting and relatively high resolution With a sensor size the same as movie cameras it s ideal for shooting video and it s easier to hold focus than with full frame cameras Micro Four Thirds x mm a format shared by Panasonic and Olympus is the next step down in sensor size It offers less bokeh and light gathering capability than APS C and full frame but allows for smaller and lighter cameras and lenses For video you can still get reasonably tight depth of field with good prime lenses but focus is easier to control The other common sensor size is Type inch which is actually smaller than one inch at x mm That s used mostly by compact models like Sony s ZV vlogging camera Finally action cameras like the GoPro Hero and DJI s Osmo have even smaller sensors and size respectively For both amateur and professional photographers another key factor is excellent autofocus AF speed and accuracy Most modern mirrorless cameras have hybrid phase detect AF systems that allow for rapid focus and fast burst speeds The majority also feature AI smarts like eye detect AF for people and animals However some models are just a bit faster and more reactive than others The electronic viewfinder EVF and rear display are also key The best models have the sharpest and brightest EVFs that let you best judge a shot before taking it For things like street photography it s best to have as bright and sharp a rear display as possible You may also want a screen that flips out rather than just tilting DSLRs and mirrorless cameras let you change lenses but you re stuck with what s built into a compact camera While that s great for portability a single lens means you re going to sacrifice something Fujifilm s XV for instance has a fast but fixed mm equivalent f lens and no zoom Sony s RX V has a mm zoom but it s slower at the telephoto end f and less sharp than a prime lens When it comes to video there are other factors to consider Does your camera do “pixel binning for video recording or read out the entire sensor Better cameras tend to do the latter Another key factor is sensor speed as slower sensors tend to have more rolling shutter that can create a “jello effect that skews video In addition how s the battery life How do you like the handling and feel How long can you shoot video before the camera heats up or stops Does it support bit HDR video Is there a microphone and or a headphone jack if you do a lot of interviews it s preferable to have both How s the video autofocus All of these things play a part in your decision so now let s take a look at the best models The best camerasBest mirrorless camerasMirrorless is far and away the biggest category of cameras for these days so it s the best way to go if you want the best camera for photography with the most advanced features Both Canon and Nikon recently announced they re discontinuing development of new DSLRs simply because most of the advantages of that category are gone as I detailed in a recent video The biggest selling feature of a mirrorless camera is the ability to change lenses depending on the type of shooting you want to do The key features are sensor size resolution autofocus shooting speeds and video specs If you re primarily focused on sports photography or outdoor photography you ll likely want fast shooting speeds and accurate autofocus Portrait and landscape shooters will likely favor large sensors and high resolution to maximize image quality And content creators will want to look for things like flip out displays high end video specifications and good in body stabilization Price point is of course a major factor as well Mirrorless cameras under Best mirrorless camera under Canon EOS RMy top budget camera pick is Canon s brand new megapixel R which is one of the best cameras for photography and content creators will love it It can shoot bursts at up to fps in electronic shutter mode and offers K bit at up to p with supersampling and no crop It has a fully articulating display and unlike other cameras in this price range an electronic viewfinder It uses Canon s Dual Pixel AF with subject recognition mode and even has a popup flash The only drawback is the lack of decent quality lens that s as affordable as the camera itself and a lack of in body stabilization Autofocus Dual Pixel CMOS AF II with pointsMax shutter speed fpsWiFi YesBluetooth YesRunner up Canon EOS RFull frame cameras generally used to start at and up but Canon s brand new EOS R is priced at just It offers Canon s excellent Dual Pixel AF with subject recognition AI and can shoot bursts at up to fps It s equally strong with video supporting oversampled bit K at up to fps The R also offers a flip out display making it great for vloggers The main drawback is a lack of in body stabilization Another good option Panasonic Lumix S IIContent creators should take a hard look at Panasonic s full frame S II It s the company s first camera with hybrid phase detect AF designed to make focus quot wobble quot and other issues a thing of the past You can shoot sharp K p video downsampled from the full sensor width or K p from an APS C cropped size all in bit color It even offers K p capture along with RAW K external output to an Atomos recorder You also get a flip out screen for vlogging and updated five axis in body stabilization that s the best in the industry Photo quality is also good thanks to the dual gain megapixel sensor The main drawback is the slowish burst speeds Read our full review of the Panasonic Lumix S IIMirrorless cameras over Best mirrorless camera over Sony ZV EEquipped with the same backside illuminated BSI megapixel sensor as the AS III Sony s ZV E offers excellent low light performance K at up to p and a host of new AI features like auto framing making it one of the best cameras for photography and videography It also comes with an updated in body image stabilization IBIS system aimed at vloggers that can smooth out even jolting movements like footsteps The price tag makes it enticing for vloggers as it offers features found on the AS III for considerably less money Autofocus pointsMax shutter speed fpsWiFi NoBluetooth YesRunner up Fujifilm X HSIf you re OK with a smaller APS C sensor check out the Fujifilm X HS It has an incredibly fast stacked backside illuminated megapixel sensor that allows for rapid burst shooting speeds of fps along with K p video with minimal rolling shutter It can capture ProRes bit video internally has stops of in body stabilization and a class leading EVF Yes it s expensive for an APS C camera but on the other hand it s the cheapest stacked sensor camera overall The other downside is AF that s not quite up to Canon and Sony s level Read our full review of the Fujifilm X HSAnother good option Sony AR VFor the ultimate high resolution camera check out Sony s AR V With a megapixel sensor it shoots sharp and beautiful images at a very respectable speed for such a high resolution model fps It has an equally fast and reliable autofocus system the sharpest viewfinder on the market and in body stabilization that s much improved over the AR IV Video has even improved with K and bit options now on tap albeit with significant rolling shutter If you don t need the video features however Sony s AR IVa does mostly the same job photo wise and costs a few hundred dollars less Read our full review of the Sony AR VBest action cameraThe most important features to look for in an action cam are image quality stabilization and battery life GoPro has easily been beating all rivals over the last few years in all those areas but DJI made some strides last year with the Osmo Action At the same time GoPro s latest models are more expensive than rivals Best action camera GoPro Hero BlackGoPro didn t change the design on its latest model but it has a larger sensor that enables a couple of cool features Horizon Lock stabilization and Full Frame mode that makes it easier to shoot for say TikTok and YouTube at the same time It also offers a new wider though slightly distorted Hyperview field of view Otherwise the Hero Black offers better video quality than ever up to K p Hypersmooth stabilization that s still the best in the business by far battery life that s improved by percent over the last model and more It s easily the best action camera on the market but you pay for that it s with a one year subscription without it compared to for the DJI Osmo Action and for the Insta RS K bundle If you re serious about filming extreme sports though it s worth it WiFi YesBluetooth YesRead our full review of the GoPro Hero Runner up DJI Osmo Action After experimenting with an oddball modular design on the Action design has gone back to a more classic action cam design on the Osmo Action It also comes with a slick new magnetic quick release mount that lets you connect the camera directly to a GoPro style mount with or without the case Video quality and stabilization are quite good but fall short of the Hero Black the Action tops out at K p resolution compared to K p on the GoPro While it s not quite as good as the Hero it s considerably cheaper Read our full review of the DJI Osmo Action Best compact cameraThis category has fewer cameras than it did even a few years ago and many models are older as manufacturers focus instead on mirrorless models However I m still a big believer in compact cameras This type of camera is a big step up from smartphones quality wise and a lot of people will take a compact traveling or to events when they d never bother with the hassle of a DSLR or mirrorless camera Compacts largely have type inch sensors but a few offer larger options particularly Fujifilm s XF V Another popular model Sony s XV is primarily aimed at content creators looking to step up In any case desirable qualities include image quality a fast lens relatively long zoom flip out display good battery life a high quality EVF decent video and good pocketability Best compact camera Fujifilm XVThe XV is the latest in Fujifilm s famous fixed lens X camera series Like other models in the lineup it has an APS C sensor and a mm f lens equivalent to mm on a full frame sensor You also get the same hybrid optical electronic viewfinder mechanical dials film simulations and good looks as before But the XV is the most significant advancement in the series history It has Fujifilm s latest megapixel X Trans CMOS sensor compared to megapixels on the last model and a new sharper lens to handle that extra resolution A new tilting rear display makes quot shooting from the hip quot street photography much easier as does the fast fps fps shooting speeds in mechanical silent shutter modes You also get a better hybrid phase and contrast detect autofocus AF system with more AF points along with face and eye detection Finally it now has the same K video shooting features as the X T It doesn t come cheap but the XV is the ultimate camera if you re into street photography assuming you can find one Max shutter speed fpsWiFi YesBluetooth YesRead our full review of the Fujifilm XVRunner up Sony ZV The ZV is Sony s first RX series camera designed specifically for vlogging It does that job well thanks to a lightweight body built in high quality microphone flip out display best in class autofocus and excellent image quality The mm lens is sharp but it needs to be wider because of the percent crop when using electronic stabilization It also lacks a true touch display and a headphone port That nitpicking aside if you re looking to step up from a smartphone or just want something simple it does the job nearly perfectly Read our full review of the Sony ZV Another good option Panasonic ZS For a value compact camera the best option is Panasonic s megapixel ZS It offers a lot of features for the price like a inch megapixel sensor axis stabilization K fps video and more Its main claim to fame though is the x lens that offers incredible reach for travel and more Though it dates back to it s actually one of the more recent compact models Best DSLR cameraWith mirrorless cameras taking over the interchangeable lens market DSLRs still give you the ability to change lenses at relatively cheap prices The defining feature is the reflex mirror that lets you look directly through the lens at your subject with no electronics in between Most also have very fast autofocus thanks to a dedicated phase detect sensor and very fast battery life However many lack features you d expect on modern mirrorless cameras like subject tracking eye detection and more Best DSLR camera Nikon DNikon s full frame FX D is the best deal on a high end camera and arguably the best camera for photography With a megapixel sensor and max ISO it gives you the best quality for the money whether mirrorless or DSLR It can also shoot fast at up to fps which is very good for such a high res camera In addition the battery life shots on a charge puts any mirrorless option to shame and there s a massive number of FX Nikkor lens options to choose from Nikon has upped its video game as well with the D by introducing K internal recording If you d still rather have a live optical rather than an electronic view the D is the best option available Autofocus pointsMax shutter speed fpsWiFi YesBluetooth YesRunner up Canon EOS Rebel SLAnother one of the best cameras for photography is Canon s megapixel APS C EOS Rebel SL which has a great blend of features build quality and value It offers features like a vari angle touchscreen K video albeit with a crop and Dual Pixel autofocus technology in live mode You get shooting speeds of up to fps shots on a charge and an ISO range up to expanded It also offers guided screen options for beginners Best of all it offers excellent picture quality for the price thanks to Canon s skin friendly color science This article originally appeared on Engadget at	2023-08-08 16:55:13
海外TECH	Engadget	GM will enable vehicle-to-home charging on all Ultium-based EVs	https://www.engadget.com/gm-will-enable-vehicle-to-home-charging-on-all-ultium-based-evs-164248583.html?src=rss	GM will enable vehicle to home charging on all Ultium based EVsGM says it will support vehicle to home VH bidirectional charging on all of its electric vehicles with Ultium battery technology by model year The first vehicles that will support the tech include the model year Chevrolet Silverado EV RST GMC Sierra EV Denali Edition Chevrolet Blazer EV Chevy Equinox EV Cadillac Lyriq and Cadillac Escalade IQ ーthe company is set to reveal the latter on August th There s no indication as to when the upcoming Ultium based Chevy Bolt will support VH Severalautomakers are adopting VH technology which enables owners to power their home in a pinch using their EV It s an option that can come in very useful during a blackout or even to save money by drawing from the EV s battery when electrical grid prices are high You can still charge your EV by connecting it to your home s power supply of course Last year GM announced a spin off business called GM Energy that includes a division focused on home energy management solutions such as VH In June GM Energy revealed some of its residential hardware which includes systems with VH support so it was only a matter of time until GM started enabling the tech on its vehicles Owners of Ultium EVs will be able to manage the transfer of energy between their vehicle and home using the GM Energy Cloud software platform GM says it will reveal more details about when it will start enabling the tech in its vehicles at a later date This article originally appeared on Engadget at	2023-08-08 16:42:48
海外TECH	Engadget	Spotify's new AI 'DJ' expands to 50 countries	https://www.engadget.com/spotifys-new-ai-dj-expands-to-50-countries-162852829.html?src=rss	Spotify x s new AI x DJ x expands to countriesThe beta version of Spotify s AI enhanced DJ feature is coming to new countries after soft launching in the US and Canada back in February In recent months it s rolled out in the UK and Ireland but now the robotic Wolfman Jack is headed to more countries in Europe Asia and Africa in addition to Australia and New Zealand There s a caveat but it depends on some initial understanding of what this tool actually does The Spotify DJ is available to premium subscription members and provides algorithmic recommendations of what to listen to just like any music streaming app However these recommendations are accompanied by AI generated DJ commentary on what you re listening to So what s the rub The DJ based on Spotify s Xavier Jernigan only speaks English no matter where you live This is not a big deal for Australia and New Zealand but an annoying constraint for listeners in Ghana Singapore and most other parts of the world A Spotify spokesperson told Engadget that the company has “no more news to share on new languages at this time Despite the language limitation it s still a nifty toolset It combines OpenAI s proprietary large language model LLM technology which powers ChatGPT with Sonantic s AI voice generation platform Spotify bought Sonantic last year largely due to its focus on generating realistic speech In addition to the AI enhanced speech the platform also gives for written information as to why a particular song was chosen This tool is available today for Spotify Premium users across the world but this is a beta so expect changes and improvements in the short term and long term future Spotify says that it is “continuing to iterate and innovate the experience This article originally appeared on Engadget at	2023-08-08 16:28:52
海外TECH	Engadget	Adobe's $20 billion purchase of Figma is being scrutinized by the EU	https://www.engadget.com/adobes-20-billion-purchase-of-figma-is-being-scrutinized-by-the-eu-160532767.html?src=rss	Adobe x s billion purchase of Figma is being scrutinized by the EUThe European Commission has opened an in depth investigation into Adobe s planned billion purchase of design rival Figma The EU said it s concerned about the acquisition diminishing competition for interactive design software and digital asset creation tools The EU Commission has until December th to make a decision “With our in depth investigation we aim to ensure that users continue to have access to a wide pool of digital creative tools to choose from European Commissioner for Competition Margrethe Vestager said in a statement to Reuters The move echoes a similar move from the UK last month when its Competition and Markets Authority CMA launched its own in depth investigation into the transaction The UK has until December th to complete its “phase two review The transaction would be the largest ever purchase for Adobe The San Francisco based Figma founded in quickly grew in popularity and became a go to tool for vector design and remote collaboration The company s products compete directly with Adobe XD and Illustrator Adobe has previously said it wants to incorporate Creative Cloud suite features into Figma while adding some of Figma s collaborative capabilities to its core products It said at the time of the acquisition s announcement that it was “deeply committed to keeping Figma independent and said there was “no plan to change its pricing or remove its free tier “The combination of Adobe and Figma will deliver significant value to customers by making product design more accessible and efficient reimagining creative capabilities on the web and creating new categories of creativity and productivity Adobe said in a statement to Engadget “We have been delighted to hear overwhelmingly positive feedback from customers worldwide and are excited about the economic benefits the deal will bring We remain confident in the merits of the case as Figma s product design is an adjacency to Adobe s core creative products and Adobe has no meaningful plans to compete in the product design space This article originally appeared on Engadget at	2023-08-08 16:05:32
金融	金融庁ホームページ	金融庁広報誌「アクセスFSA」第240号を発行しました。	https://www.fsa.go.jp/access/index.html	金融庁	2023-08-08 16:25:00
ニュース	BBC News - Home	Cyber-attack on UK's electoral registers revealed	https://www.bbc.co.uk/news/uk-politics-66441010?at_medium=RSS&at_campaign=KARANGA	personal	2023-08-08 16:27:13
ニュース	BBC News - Home	Weight-loss drug heart benefit 'significant'	https://www.bbc.co.uk/news/health-66440808?at_medium=RSS&at_campaign=KARANGA	disease	2023-08-08 16:50:07
ニュース	BBC News - Home	Bibby Stockholm: Asylum seekers warned over failure to board Dorset barge	https://www.bbc.co.uk/news/uk-england-dorset-66438086?at_medium=RSS&at_campaign=KARANGA	government	2023-08-08 16:21:06
ニュース	BBC News - Home	Italian banks hit with surprise windfall tax	https://www.bbc.co.uk/news/world-europe-66440335?at_medium=RSS&at_campaign=KARANGA	plummet	2023-08-08 16:39:11
ニュース	BBC News - Home	A cunning plan? Experts set puzzles to find out whether city foxes are smarter	https://www.bbc.co.uk/news/uk-england-humber-66441721?at_medium=RSS&at_campaign=KARANGA	study	2023-08-08 16:10:23
ニュース	BBC News - Home	2,160 bus routes cut in England leaving communities isolated, campaigners say	https://www.bbc.co.uk/news/uk-politics-66442599?at_medium=RSS&at_campaign=KARANGA	campaigners	2023-08-08 16:36:07
ニュース	BBC News - Home	Police treated after hazardous material found in Glasgow flat	https://www.bbc.co.uk/news/uk-scotland-glasgow-west-66438514?at_medium=RSS&at_campaign=KARANGA	glasgow	2023-08-08 16:27:35
海外TECH	reddit	我是那个得阴道炎的女默友	https://www.reddit.com/r/Youmo/comments/15lmqoo/我是那个得阴道炎的女默友/	他是标准小黄人做题家中考考上了深圳最好的高中但是之后家里人没经过他同意就安排他去美国读高中那时候他还是个粉红。	2023-08-08 16:18:39