投稿時間:2023-08-12 18:11:06 RSSフィード2023-08-12 18:00 分まとめ(13件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	React Hook Form でフォームのバリデーションを手動で発動する方法	https://qiita.com/qiita969/items/068c5e4534ca3028f1e4	reacthookform	2023-08-12 17:59:06
js	JavaScriptタグが付けられた新着投稿 - Qiita	Vitest の toBe と toEqual の使い分け	https://qiita.com/Yasushi-Mo/items/8bdda16fcbba1facd431	expecttobe	2023-08-12 17:02:11
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	そうだ、Ubuntuを覚えよう(インストール手順メモ)	https://qiita.com/Ki2neudon/items/ddb04b9647a45d1ab562	rhelcentos	2023-08-12 17:53:36
AWS	AWSタグが付けられた新着投稿 - Qiita	Glue Studio を使って、商品コード変換をやってみる	https://qiita.com/sugimount-a/items/65ecd9fe14f2c3505a70	gluestudio	2023-08-12 17:55:01
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSを使ってCI/CDを試してみる	https://qiita.com/nanana08/items/d19d6b861b9697691e9a	react	2023-08-12 17:37:52
海外TECH	DEV Community	The Key to Passing your AWS Solutions Architect Professional!!!	https://dev.to/aws-builders/the-key-to-passing-your-aws-solutions-architect-professional-34a1	The Key to Passing your AWS Solutions Architect Professional Hey Folks It s been a while however I have been settling into my new role as DevOps Engineer SRE whilst having a key requirement by my employer to pass the AWS SAP C I would love to simplify the process for anyone deciding to embark on this challenge and give you guidelines on what worked for me and what to avoid The JourneySo first and foremost especially if you are in the early phases of your AWS Cloud Career like myself Years It s vital to engage with your community I am posting this blog within the AWS Community Builders forum so if you reading this you are already well on your way Engage with your Peers and gain as much Experience and Exposure either from personal projects and asking questions to learning from your Peers s Experiences We have are lucky to have AWS Hero s and awesome program managers whom are always willing to assist Step Set Realistic Targets and Stay True to Yourself Choose a Training Provider or in my case more than I went with Cloud Academy amp Adrian Cantrill s course Adrian s course really helped give me that extra hands on exposure I needed to build confidence to state Okay I am now confident on this Subject Matter as he gives tonnes of real world examples and has a Slack Group filled with people providing great insight as well We all have day jobs and responsibilities but Consistency is key I feel what really helped keep me to my commitments was Cloud Academy s approach they allow you to set a date of when you would like to have achieved your exam by For example we can tell we have Hours of Content to work through but if you took the AWS SysOps SAA or the Developer Associate there is a lot of overlap so this will be in your favor You can preset based on the overall hours how many hours in a given day or given week you would like to commit too and all the rest of the training plan is performed by Cloud Academy From there they will send you reminders should be falling behind your schedule and you can always amend this should need be The Training Courses are often coupled with Labs after explaining a specific domain and short practice tests to confirm that you have understood all the material provided to you At the end of the course you will be provided a Certificate of Completion after passing a Mock Exam The above roughly took me three months to complete before I headed into Adrian s content but what s great with this is you can show potential employers your worth by sharing such achievements on Social Media that you are upskilling yourself Labbing So I performed a tonne of Labs which I have shared on LinkedIn working through Adrian s course and a few personal projects of my own because I recently made the transition from AWS Support Team Lead to DevOps Site Reliability Engineer I needed the extra exposure to prove to myself that I do not just have a theoretical understanding of the courseware as these are Technical Certifications so being hands on is a must Working with Grafana amp Amazon s Amazon Managed Service for GrafanaSite to Site VPN Lab With SCP s Defined amp within a IaC Control Tower Account I builtIdentity Management amp VPN Authorization Setup a Free Tier account amp Sign up to Bitbucket amp Terraform CloudMost of the above Labs cost me almost nothing and for the cost that I had to absorb Our free AWS Credit from the AWS Community Builders Program comes in handy Terraform Cloud allows up to free users in your organization and you can hook this up to your BitBucket or Github using the VCS Provider feature and Create CI CD pipelines and webbooks seamlessly Again all the above is free Practice TestsSo I have always been a big fan of Jon Boso s Tutorial Dojo Practice Tests They have always setup me up for Success not only are the exams much harder than the actual exam but it gives you the ability to practice your Exam Agility as sitting for an Exam for mins can take its toll An added benefit to Tutorial Dojo s Practice questions is they don t just explain for example why you would be correct incorrect in answering a question they would provide you detailed explanations with the necessary whitepapers to the actual AWS Documentation itself What surprised me further is they even have Youtube Video Explanations to boot Remember the best investment we can make is the one in which we make on ourselves BOOK YOUR EXAM Once you are comfortable passing all of your practice exams book your exam and do not procrastinate by now I would have worked for just about Months and I felt a little unsure but AWS at the time was giving free exam retakes should you fail so I booked my exam and then after hours I received the below result My worst nightmare occurred I failed after preparing for such a long period it really disheartened me and at that point I had just over a Year s Experience with AWS So I took a break and continued with my day to day tasks getting more hands on experience and time just flew before I knew it it was July and the Promotional Retake Voucher Expires at the end of August So I put in another Month s worth of Practice Exams and I booked the Exam once more Months Later I achieved what I thought was an impossible goalI made it over the mountain amp let me tell you it felt like a marathon but there is no greater victory then proving to yourself that with the right amount of passion consistency resilience and mental endurance there is nothing you cannot do So if I can do it so can you All the best on your Exam	2023-08-12 08:27:46
海外TECH	DEV Community	Simplify Infinite Loading with React Query	https://dev.to/brainiacneit/simplify-infinite-loading-with-react-query-48oj	Simplify Infinite Loading with React Query IntroductionFetching data in React applications can be a challenge especially when it comes to infinite loading React provides no built in way to handle infinite loading and it can be difficult to manage the state of data as it s being fetched Infinite loading is a common problem in web applications that display large amounts of data such as social media feeds or product listings Users expect these types of applications to load quickly and smoothly even as more data is loaded Fortunately there s a powerful library that can help simplify infinite loading in React applications React Query React Query provides a simple and efficient way to manage data fetching and caching in React applications making it easier to handle infinite loading and improve the overall performance of your application Set upWe need react query of course yarn add react queryThen we need to use the provider do this at your root file import QueryClient QueryClientProvider from react query const queryClient new QueryClient lt React StrictMode gt lt QueryClientProvider client queryClient gt lt App gt lt QueryClientProvider gt lt React StrictMode gt The QueryClient is created with const queryClient new QueryClient This creates a new instance of the QueryClient that can be used to fetch and cache data The QueryClientProvider is a component that allows the QueryClient instance to be used throughout the application The client prop is used to pass the QueryClient instance to the QueryClientProvider Finally the App component is wrapped in the QueryClientProvider which makes the QueryClient instance available to all of the child components of App ObserverTo determine when the browser should fetch new data we require a certain logic This involves triggering a callback whenever the user scrolls to a particular point on the page Let s write a hook for this export default function useIntersectionObserver root target onIntersect threshold rootMargin px enabled true React useEffect gt if enabled return const observer new IntersectionObserver entries gt entries forEach entry gt entry isIntersecting amp amp onIntersect root root amp amp root current rootMargin threshold const el target amp amp target current if el return observer observe el return gt observer unobserve el target current enabled This code defines a custom hook named useIntersectionObserver that s used to observe when a certain element intersects with another element typically the viewport The hook uses the IntersectionObserver API to detect when the element becomes visible and triggers a callback function when it does The hook accepts an object as its argument with properties such as root target onIntersect threshold rootMargin and enabled These properties are used to configure the IntersectionObserver The useEffect hook is used to create and destroy the IntersectionObserver when the component is mounted and unmounted respectively It also watches for changes in the target current and enabled properties and only creates the observer if the enabled flag is set to true The observer is created using the IntersectionObserver constructor and is passed a callback function that is triggered whenever an intersection is detected This function checks if the observed element target current is intersecting with another element such as the viewport If it is the onIntersect callback function is called The observer is then attached to the observed element using the observer observe el method and the observer is removed from the observed element when the component is unmounted using the observer unobserve el method Implementationconst data fetchNextPage hasNextPage isFetchingNextPage useInfiniteQuery starwars async pageParam gt await fetch pageParam then res gt res json getNextPageParam lastPage gt lastPage next false const loadMoreButtonRef React useRef useIntersectionObserver target loadMoreButtonRef onIntersect fetchNextPage enabled hasNextPage First I found an API in the internet to get Star Wars characters lucky me okay let s breakdown the codeuseInfiniteQuery Hook The useInfiniteQuery hook from React Query is used to fetch and manage the data for the starwars query It takes three arguments A query key in this case starwars to uniquely identify the query in the cache An asynchronous function that fetches and returns the data In this case it fetches data from the SWAPI using the fetch function with the pageParam as the URL If pageParam is not provided it defaults to An options object containing the getNextPageParam function which determines the next page URL based on the response of the last page It checks the next property of the lastPage object and returns it if it exists otherwise it returns false The hook returns an object containing properties such as data fetchNextPage hasNextPage and isFetchingNextPage React useRef Hook The React useRef hook is used to create a mutable ref object loadMoreButtonRef that can be passed as a ref attribute to a DOM element e g a Load More button useIntersectionObserver Custom Hook This custom hook utilizes the Intersection Observer API to detect when the loadMoreButtonRef element comes into the viewport ConclusionIn conclusion infinite loading can be a challenging aspect to implement in React applications but the React Query library simplifies the process by providing an efficient way to manage data fetching and caching By utilizing custom hooks such as useIntersectionObserver developers can easily observe when an element comes into the viewport and trigger additional data fetching as needed This allows for smooth and performant infinite loading experiences in web applications meeting user expectations and improving the overall experience With the help of React Query and a solid understanding of hooks handling infinite loading in React applications becomes a much more manageable task Don t worry if this article is too obscure for you check these out Source Code Live Demo	2023-08-12 08:26:59
海外TECH	DEV Community	Amazon CloudWatch	https://dev.to/hasanelsherbiny/amazon-cloudwatch-363d	Amazon CloudWatch What is Amazon CloudWatch Amazon CloudWatch is a fully managed monitoring service that provides real time insights into the performance and health of AWS resources and applications CloudWatch collects and tracks metrics collects logs sets alarms and automatically reacts to changes in the AWS environment It plays a crucial role in ensuring that organizations can identify and resolve issues proactively maintain application availability and optimize resource utilization Key Features of Amazon CloudWatchMetrics and Dashboards CloudWatch collects and stores metrics from AWS resources such as EC instances RDS databases and Lambda functions It allows users to create customized dashboards to visualize these metrics providing real time visibility into the performance of AWS resourcesAlarms CloudWatch Alarms enable users to set up threshold based alerts on specific metrics When a metric breaches the defined threshold CloudWatch triggers an alarm allowing users to take immediate actions to address issues Logs Monitoring CloudWatch Logs enables centralized logging of application logs and system logs from AWS resources Developers can use CloudWatch Logs Insights to query analyze and monitor log data making troubleshooting and root cause analysis more efficient Event Rules CloudWatch Event Rules allow users to respond to operational changes within their AWS environmentEvent Rules can trigger actions such as invoking AWS Lambda functions running ECS tasks or sending notifications via SNS Simple Notification Service Container Insights For containerized applications CloudWatch offers Container Insights which provides specialized dashboards and metrics for monitoring container performance on services like Amazon ECS and EKS X Ray Integration CloudWatch integrates seamlessly with AWS X Ray AWS s service for distributed tracing enabling end to end visibility into application performance and latency Benefits of Amazon CloudWatchReal Time Monitoring CloudWatch provides real time monitoring and metrics for AWS resources allowing organizations to react promptly to any performance anomalies or issues Cost Optimization With CloudWatch organizations can monitor resource utilization and performance enabling them to optimize costs by right sizing their AWS infrastructureAutomated Actions CloudWatch Alarms and Event Rules enable automated responses to changs in the environment such as scaling EC instances or executing remediation actions Application Performance Insights CloudWatch provides detailed insights into application performance facilitating the identification of bottlenecks and areas for optimization Operational Efficiency Centralized logging and monitoring with CloudWatch lead to enhanced operational efficiency streamlining troubleshooting and minimizing downtime Use Cases for Amazon CloudWatchAmazon CloudWatch finds application in various scenarios Infrastructure Monitoring CloudWatch is used to monitor EC instances EBS volumes load balancers and other AWS resourcs to ensure their health and performanceApplication Monitoring CloudWatch helps monitor and analyze the performance of applications running on AWS enablng developers to optimize their applications Resource Auto Scaling CloudWatch Alarms can trigger AWS Auto Scaling automatically adjusting the number of instances based on defined metrics to handle varying workloadsGetting Started with Amazon CloudWatchTo begin using Amazon CloudWatch organizations need an AWS account and access to the AWS Management Console or AWS CLI From there they can set up CloudWatch Alarms configure log streams and start monitoring AWS resources and applications ConclusionAmazon CloudWatch has become a cornerstone for effective monitoring and management of AWS resources and applications Its real time insights metrics and automated actions help organizations maintain high availability optimize resource utilization and enhance operational efficiency in their AWS environments With CloudWatch developers and system administrators gain valuable observability ensuring they can respond proactively to changes and deliver robust reliable and highly available services to their customers As cloud computing continues to evolve Amazon CloudWatch remains an indispensable service empowering organizations to unleash the full potential of AWS and drive innovation in the cloud era	2023-08-12 08:08:14
ニュース	BBC News - Home	Hawaii fires: Fresh evacuations under way in Maui as death toll climbs to 80	https://www.bbc.co.uk/news/world-us-canada-66481977?at_medium=RSS&at_campaign=KARANGA	disaster	2023-08-12 08:11:53
ニュース	BBC News - Home	One dead and several taken to hospital after migrant boat sinks in Channel	https://www.bbc.co.uk/news/uk-66484699?at_medium=RSS&at_campaign=KARANGA	authorities	2023-08-12 08:56:31
ニュース	BBC News - Home	Harry Kane joins Bayern Munich ending record-breaking Tottenham career	https://www.bbc.co.uk/sport/football/66484550?at_medium=RSS&at_campaign=KARANGA	Harry Kane joins Bayern Munich ending record breaking Tottenham careerEngland captain Harry Kane joins German champions Bayern Munich on a four year deal ending his record breaking career at Tottenham	2023-08-12 08:35:04
ニュース	BBC News - Home	Harry Kane's move from Tottenham to Bayern Munich... in 68 seconds	https://www.bbc.co.uk/news/uk-66482095?at_medium=RSS&at_campaign=KARANGA	euros	2023-08-12 08:10:40
ニュース	BBC News - Home	Licensing row as grouse shooting season begins	https://www.bbc.co.uk/news/uk-scotland-66476893?at_medium=RSS&at_campaign=KARANGA	moors	2023-08-12 08:21:21