投稿時間:2022-07-29 00:15:51 RSSフィード2022-07-29 00:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS SDK for PHP: DynamoDB だけ? リトライを 10 回する件	https://qiita.com/yh1224/items/1e42c5dad204d14394c8	awssdkforphpdynamodb	2022-07-28 23:11:50
Docker	dockerタグが付けられた新着投稿 - Qiita	docker-compose でサクッと postgres を使用する	https://qiita.com/aro/items/8d5b5127ee971a640253	dockercompose	2022-07-28 23:30:50
Ruby	Railsタグが付けられた新着投稿 - Qiita	Aurora MySQLをサービス無停止でスケールアップ	https://qiita.com/2kai/items/68099817966cefac7436	aurora	2022-07-28 23:47:42
技術ブログ	Developers.IO	Elastic Beanstalkのマネージドプラットフォーム更新が失敗し続けていたらどうする？	https://dev.classmethod.jp/articles/elasticbeanstalk-managed-update-failure/	delivery	2022-07-28 14:57:50
海外TECH	DEV Community	Getting Started with Artillery	https://dev.to/qainsights/getting-started-with-artillery-4o8b	Getting Started with ArtilleryThere are over performance testing tools available in the market It is not possible to learn all the tools but instead learning the general performance concepts helps you to master any tool irrespective of programming language I usually cherry pick when I write blog or create video tutorials In this blog article we are going to see about Artillery ArtilleryArtillery is a modern open source performance testing tool for performance test engineers DevOps SREs and more It is built on top of JavaScript and we can declare the tests in yaml format Following are the Artillery features which I picked from their repo Supports various protocolsCloud native and highly scalableSupports correlation data parameterization transactions conditional logic quick load testing and moreSupports synthetic and functional testsOY and CI CD integrationsand moreArtillery comes with two flavors Artillery Core and Artillery Pro Artillery Pro is a premium offering with cloud features Installing ArtilleryYou can leverage npm to install the Artillery library using either of the below commands npm install g artillery latest To validate enter the below command artillery versionGetting Started with ArtilleryHello DinoTo verify the artillery installation enter the below command which will display a Dino in rainbow colors artillery dino m QAInsights rArtillery DinoHello Quick Load TestingLet us run a quick load test without writing any tests in yaml Enter the below command which will execute virtual users each sending requests and stores the performance stats in the JSON file artillery quick count num output quicktest json http localhost petclinic api petsArtillery Quick TestHello Web ServiceNow it is time to write our simple test in YAML format Below is the simple hello world test in Artillery Copy and paste into hello web service yml file config target http localhost petclinic apiscenarios name petclinic flow get url pets get url pettypesThe inception JSON object is config which defines the target app We create scenarios to define our flow Each scenario has a name and flow flow can be an array where we can define our steps sequentially as shown above Feel free to edit the target to a valid URL and execute the below command to start a smoke test artillery run hello web service ymlThe above command will execute the yaml with virtual user for second duration The stats will be displayed in the terminal by default Data ParameterizationHere is a demo of how data parameterization works in Artillery CorrelationHere is a demo of how correlation works in Artillery Learn Artillery Series GitHub Repo lt wp button gt HTML ReportArtillery generates a basic HTML report from the output JSON Generating a report involves a two step process First we need to pass the output tag during the execution The second step is to generate a report using the report command artillery run hello web service yml output hello web service jsonartillery report hello web service jsonHTML ReportPhasesTo design the workload model we can leverage Phases object in yaml Here is a quick demo of phases Final ThoughtsWe just scratched the surface of Artillery by seeing various fundamental concepts Artillery also supports conditional logic custom JS code Docker Kubernetes Debugging UI mode OY integrations and more If you already know JavaScript then you do not need to learn a new language to work with Artillery JavaScript expertise is required only if you are writing complex scripts Since Artillery wraps the core concepts most of the time you will be good with the core features You may need to opt in to Artillery Pro if you are planning to use highly scalable and distributed load testing in your AWS infrastructure If you are into JMeter world and maintaining the scripts for a long time I do not see any solid reason to switch it to another framework	2022-07-28 14:15:38
海外TECH	DEV Community	Migrating your React App to React Router v6	https://dev.to/damkols/migrating-your-react-app-to-react-router-v6-4p26	Migrating your React App to React Router vRouting is important in any frontend project the previous versions of React Router played their part in making routing configuration easier for React and React Native developers In this article we will be focusing on react router dom which is the package that is used to configure routing in most React web apps In this article we will take look at how to do routing with the previous version of React Router before learning about the latest version which is React Router version This article is for developers who want to learn how to migrate their React Apps from previous versions of React Router to React Router v If you are new to React Router this article is also for you I ll walk you through how to use React Router and its latest features in your React projects PrerequisiteTo follow along with this tutorial you ll need the following A text editorNode js installed locally on your machineWorking knowledge of HTML CSS and JavaScriptWorking knowledge of React Table of contents A quick walkthrough of React Router version v In React Router v we declare all of our routes in the root App component and the BrowserRouter components wraps the entire application index js lt BrowserRouter gt lt App gt lt BrowserRouter gt App jsconst App gt return lt div className App gt lt nav gt lt Link to gt Home Page lt Link gt lt Link to about gt About Page lt Link gt lt Link to product gt Product Page lt Link gt lt Link to contact gt Contact Page lt Link gt lt nav gt lt Switch gt lt Route gt lt Route gt lt Switch gt lt div gt export default App This is how we would set up a typical React application when using React Router v or older In the App component we have a nav section the nav section contains the Link component provided by React Router which helps us navigate to different pages in the application After the nav section we have the Switch component which wraps all the routes in the application What the Switch component essentially does is wrap all routes in the application and ensure that only one route can be active at one time The Switch component is where all individual routes and page components are registered lt Switch gt lt Route exact to gt lt Home gt lt Route gt lt Switch gt Here we specify a path in the Route component and the page component we want to render for that path is also nested inside the Route component lt Switch gt lt Route exact to component lt Home gt gt lt Switch gt We can also use the component prop on the Route component instead of nesting to specify which component should be rendered for a specific path If you are new to React Router you should now have an idea of how it works If you already know how it works let s dive into React Router version Moving on to React Router version v Getting startedOpen up the terminal and create a new React project by running the following command gt npx create react app ReactRoutervDemo gt cd ReactRoutervDemoNext install React Router as a dependency in the React app gt npm install react router dom This command will install the latest version of react router dom which is version After installing the React router dependency we ll need to add some code to the src index js file React Router vimport React from react import ReactDOM from react dom client import App from App import BrowserRouter from react router dom ReactDOM createRoot document getElementById root render lt React StrictMode gt lt BrowserRouter gt lt App gt lt BrowserRouter gt lt React StrictMode gt We import the BrowserRouter component from react router dom then wrap the App component with the BrowserRouter component now we are set up to use React Router components and hooks in our app Routes configuration in React Router vIn previous versions of React Router the Switch component wraps the individual Route components in the App In React Router v the individual Route are placed in a Routes component React Router v lt Routes gt lt Route gt lt Route gt lt Routes gt The Routes component replaces the Switch component in React Router v React Router v App jsximport Routes Route from react router dom import About from components About import Home from components Home const App gt return lt div className App gt lt h gt React Router lt h gt lt Routes gt lt Route path element lt Home gt gt lt Route path about element lt About gt gt lt Routes gt lt div gt export default App Another change in React Router v is how we register the page component we want to render when we navigate to a specific path Here we do not nest the component instead we use the element prop provided by React Router v this element prop is set to the page component we want to render Also we do not need the exact keyword in React Router v because the default behavior of the Route component in v is to exactly match each defined path How to Set Up a pageIn previous versions of React Router we would set up routing for a page like so lt Route gt lt NotFound gt lt Route gt NotFound component is the page component we want to render when a user logs on to a page that doesn t exist also we do not specify a path here Next up Let s look at how to set up a page in vFirst create a NotFound component in the component folder component NotFound jsimport React from react const NotFound gt return lt div gt lt h gt Page lt h gt lt p gt The page you are trying to access does not exist lt p gt lt div gt export default NotFound Next we ll setup the page route lt Route path element lt NotFound gt gt Here s how we would set up the page Route in React Router v we have a catch all routes path which is this path we specified picks up anyone trying to access a page that doesn t exist and displays the page when you log on to a route that does not exist you should see a page similar to this Writing inline jsx templates in Route componentIn React Router v we can inline some JSX template inside the element prop instead of creating a page component lt Route path test element lt div gt lt h gt Test Page lt h gt lt p gt Hello test page lt p gt lt div gt gt A page similar to this is rendered in the browser when we log on to test RedirectsNext up is to look at how we do redirects for certain routes and how we can programmatically redirect users In previous versions of React Router to perform redirects we use the Redirect component In v the Redirect component does not exist instead we use a new component from React Router v which is the Navigate component lt Route path redirect element lt Navigate to about gt gt When a user logs on to redirect the user is redirected to the About page Programmatic RedirectsTo programmatically redirect users in previous versions of React Router we use the useHistory hookimport useHistory from react router dom const history useHistory lt button onClick gt history push products gt Click me lt button gt In React Router v the useHistory hook is replaced with the useNavigate hook the useNavigate hook works exactly the same way as the useHistory hookimport useNavigate from react router dom const navigate useNavigate lt button onClick gt navigate products gt Click me lt button gt The difference between using the useHistory hook and the useNavigate hook is we do not need to call the push method on the useNavigate hook to redirect the user Nested RoutesIn previous versions of React Router here is how we would nest routes lt Route path about offers gt lt Offers gt lt Route gt There is a change in how we do nested routes in React Router v First we import the Routes and Route components Product jsximport Routes Route from react router dom import Offers from Offers lt Routes gt lt Route path offers element lt Offers gt gt lt Routes gt Here in React Router v the Route component will be nested inside the Routes component we use the element prop to set the page component we want to render unlike in previous versions where we only nest the page component inside the Route component Another change in how we do nested routes in v is how to set the path instead of writing out the parent path with the nested path here nested routes path becomes relative to the parent path The offers path is just attached to the end of the parent path Product page Next up in the App jsx file where we have all the routes in the application we have to make some changes to the Route component that links to the product Product page lt Route path product element lt Product gt gt This Product Route component is currently set to match exactly the product path anything after the product is neglected which means the nested offers path will be neglected To avoid this we add to the product path lt Route path product element lt Product gt gt The means to match any slug or path that comes after the product path ConclusionIf you finished reading this article you should now have a good base knowledge of React Router v and be able to use it in your React projects So that s it for this article there s more on React Router that we didn t touch in this article You can check out some of the following resources to learn more about React Router v React Router documentationReact Router guideGive these resources a read As always thanks for giving it a read give it a like share it with others too and if you still got any questions then drop them down in the comments THANKS FOR READING if you enjoyed reading this as much as I enjoyed writing it then Like and Share this with your friends and feel free to follow me on Twitter ‍	2022-07-28 14:03:00
Apple	AppleInsider - Frontpage News	How to speed up working on your Mac with basic automation	https://appleinsider.com/inside/macos/tips/how-to-speed-up-working-on-your-mac-with-basic-automation?utm_medium=rss	How to speed up working on your Mac with basic automationYour Mac spends most of its time waiting for your typing Use automation to make it work harder while you concentrate on your work instead of finding files and opening apps It s at least very likely that your work involves you opening the same documents time and time again If it does it s at least pretty certain that you open the same folders And without doubt you use the same apps over and over Read more	2022-07-28 14:46:00
海外科学	NYT > Science	Surprise Deal Would Be Most Ambitious Climate Action Undertaken by U.S.	https://www.nytimes.com/2022/07/28/climate/climate-change-deal-manchin.html	Surprise Deal Would Be Most Ambitious Climate Action Undertaken by U S The announcement Wednesday of an agreement in the Senate almost instantly reset the role of the United States in the global effort to fight climate change	2022-07-28 14:18:46
海外TECH	WIRED	How Tor Is Fighting—and Beating—Russian Censorship	https://www.wired.com/story/tor-browser-russia-blocks/	anonymous	2022-07-28 14:34:27
金融	RSS FILE - 日本証券業協会	株券等貸借取引状況（週間）	https://www.jsda.or.jp/shiryoshitsu/toukei/kabu-taiw/index.html	貸借	2022-07-28 15:30:00
金融	RSS FILE - 日本証券業協会	新型コロナウイルス感染症への証券関係機関等・各証券会社の対応について（リンク集）	https://www.jsda.or.jp/shinchaku/coronavirus/link.html	新型コロナウイルス	2022-07-28 14:30:00
ニュース	BBC News - Home	NHS to close Tavistock child gender identity clinic	https://www.bbc.co.uk/news/uk-62335665?at_medium=RSS&at_campaign=KARANGA	independent	2022-07-28 14:46:55
ニュース	BBC News - Home	British Gas owner Centrica and Shell see profits soar as bills rise	https://www.bbc.co.uk/news/business-62330190?at_medium=RSS&at_campaign=KARANGA	energy	2022-07-28 14:21:03
ニュース	BBC News - Home	Ukraine war: Pro-Putin chants cause outrage at Turkish football match	https://www.bbc.co.uk/news/world-europe-62332847?at_medium=RSS&at_campaign=KARANGA	dynamo	2022-07-28 14:38:45
ニュース	BBC News - Home	Amine Laouar: Minimum 38-year jail term for random knife killer	https://www.bbc.co.uk/news/uk-england-london-62324192?at_medium=RSS&at_campaign=KARANGA	london	2022-07-28 14:13:21
ニュース	BBC News - Home	Sam Tarry fired for making up policy on the hoof, says Keir Starmer	https://www.bbc.co.uk/news/uk-politics-62331428?at_medium=RSS&at_campaign=KARANGA	picket	2022-07-28 14:42:54
ニュース	BBC News - Home	Everton sign winger Dwight McNeil from Burnley for £20m	https://www.bbc.co.uk/sport/football/62328718?at_medium=RSS&at_campaign=KARANGA	contract	2022-07-28 14:44:04
北海道	北海道新聞	ＮＹ株、反落	https://www.hokkaido-np.co.jp/article/711430/	工業	2022-07-28 23:38:00
北海道	北海道新聞	九州南部・奄美で台風警戒　土砂災害、増水に備えを	https://www.hokkaido-np.co.jp/article/711427/	九州南部	2022-07-28 23:09:00
北海道	北海道新聞	高梨沙羅「ジャンプが好きだと再確認」　主な一問一答	https://www.hokkaido-np.co.jp/article/711426/	一問一答	2022-07-28 23:02:00