投稿時間:2022-08-29 15:21:54 RSSフィード2022-08-29 15:00 分まとめ(27件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	劇場版アニメ「夏へのトンネル、さよならの出口」 欲しいものが手に入る「ウラシマトンネル」をめぐるひと夏の青春物語	https://robotstart.info/2022/08/29/natsuton.html	劇場版アニメ「夏へのトンネル、さよならの出口」欲しいものが手に入る「ウラシマトンネル」をめぐるひと夏の青春物語シェアツイートはてブ優しさと切なさに満ちた、ひと夏の不思議な体験を通して青春を描く劇場版アニメ「夏へのトンネル、さよならの出口」が年月日金より全国公開となる。	2022-08-29 05:18:29
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 滋賀の観光名所「メタセコイヤ並木」沿いにグランピング施設が誕生	https://www.itmedia.co.jp/business/articles/2208/29/news080.html	glampingcafemuku	2022-08-29 14:50:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] トヨタ、お台場に新アリーナ建設　どんな施設？	https://www.itmedia.co.jp/business/articles/2208/29/news118.html	itmedia	2022-08-29 14:45:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] j5create、4K解像度に対応したHDMIキャプチャーユニット	https://www.itmedia.co.jp/pcuser/articles/2208/29/news114.html	itmediapcuserjcreate	2022-08-29 14:19:00
AWS	lambdaタグが付けられた新着投稿 - Qiita	AWS Lambda を時刻起動する	https://qiita.com/red_picmin/items/b1a6c0a9ed9d6974cb05	awslambda	2022-08-29 14:31:26
python	Pythonタグが付けられた新着投稿 - Qiita	DjangoでWeb APIを公開してみる	https://qiita.com/hiroed1218/items/6c635196bb08d9621edf	django	2022-08-29 14:04:02
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScriptのクイズの選択ボタンのプログラムと説明	https://qiita.com/nagahitoyuki/items/754c97067cb01d7d318a	javascript	2022-08-29 14:45:03
js	JavaScriptタグが付けられた新着投稿 - Qiita	three.jsでverticesを更新しても一回しかされなかったり、見る角度によって表示されなくなったりしたけど直った	https://qiita.com/unsait/items/9a90f1912cb644d3e9a6	position	2022-08-29 14:38:17
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Lambda を時刻起動する	https://qiita.com/red_picmin/items/b1a6c0a9ed9d6974cb05	awslambda	2022-08-29 14:31:26
Ruby	Railsタグが付けられた新着投稿 - Qiita	devise導入	https://qiita.com/CS-BASE/items/c43e92b73624b8d0591f	railsgdeviseinstall	2022-08-29 14:48:32
技術ブログ	Developers.IO	[AWS Step Functions] Workflow Studioでワークフロー編集中に離脱しても復元できるようになりました	https://dev.classmethod.jp/articles/aws-step-functions-workflow-studio-can-be-restored-even-if-you-leave-while-editing-a-workflow/	workflowst	2022-08-29 05:39:50
技術ブログ	Developers.IO	#HashiTalks Japanで「シングルテナント構成のSaaSのIaCにTerraform Workspacesを導入してみた」という発表をしました	https://dev.classmethod.jp/articles/terraform-workspaces-for-single-tenant-saas-iac/	hashitalksjapan	2022-08-29 05:36:22
海外TECH	DEV Community	How to Solve Changes Not Reflecting When useState Set Method Applied?	https://dev.to/kuldeeptarapara/how-to-solve-changes-not-reflecting-when-usestate-set-method-applied-ic4	How to Solve Changes Not Reflecting When useState Set Method Applied Do you know that React js is the most preferred web framework used by of developers in While it is widely used by developers globally certain errors are observed by the developers The useState set method error is one such issue related to the state management in React js Hence you can hire react developers who have the expertise in handling these errors is recommended Let us go through this error and the top solutions for the same Image source github com React hooks A quick flashback The different React components have a built in state object which is the encapsulated data to store the assets between the different component renderings This state is the JavaScript data structure The user s interaction with this state can change the user interface looks which is now represented by a new state than the previous state With the increase in the application data React engineers need to use the different React hooks and Redux for dedicated state management React hooks are the specific functions which hook the React features and states from different functional components Hence React hooks are widely used to use React features without writing a class Let us now move to the useState hooks and issues related to the useState set method What is useState in React Developers looking to incorporate the state variables in functional components use the “useState hook in the program The initial state is passed to the function and returns a variable with the current state value along with another function to update this value Hence “useState is called inside the function to create a single piece of state associated with the component The state can be any type with hooks even if the state in a class is always an object Every state piece holds a single value like an array a Boolean or another type The “useState is widely used in the local component state This hook can be used with other key state management solutions for large projects The “useState can be declared in React as “React useState import React useState from “react It allows the declaration of the one state variable which can be of any type at any specific time A simple example of the same is import React useState from react const Message gt const messageState useState const listState useState This method takes the initial value of the state variable Let us look at the error in the “useState set method What is the useState set method not reflecting a change immediately error The “useState hook is one of the in built hooks in React and is backwards compatible While the React developers can create custom hooks some other popular ones are “seducer “effect etc The “useState hook adds React state to other functional components The following example shows the State Variable declaration in the class and the count state initialization with by setting “this state to “ count class Example extends React Component constructor props super props this state count In this it is not possible to read “this state and hence “useState hook can be directly used as function Example const count setCount useState Let us now have a quick look at the error where the “useState set method is not reflecting the change The following code is taken under consideration const posts setPosts useState useEffect gt const myData await axios method post url my api call setPosts myData data Before jumping to the different solutions for the issue related to the “useState method it is important to know the reason When the “useState set method is not reflecting a change immediately it may be due to the current closure of the state variable Hence it is still referring to the old value of the state It is the failure of the re render to reflect the updated value of the state The “useState set method is asynchronous hence the updates are not reflected immediately However this is not the reason for the change not getting reflected immediately in the method Hence all you need to do is to go for any of the methods which reflect the changes in the “useState set method immediately Methods to solve the error when the useState set method is not reflecting an immediate change Some of the quick methods to solve the situation when the “useState set method is not reflecting a change immediately include Using the “useEffect hook The easiest solution for solving this issue with the “useState set method is to use the “useEffect hook It is the popular hook used to accomplish side effects in the program components The main side effects performed by the “useEffect hook are timers directly updating the DOM data fetching etc The following code can be used to update the posts useEffect gt setPosts Here posts Using a Temp Variable In case the “useState method is not reflecting the immediate change any temporary variable can be used The use of a temporary variable with “await may ask the API to take time and then set the value The example for using the temporary variable is const posts setPosts useState useEffect gt const myData await axios method post url my api call const newPosts await myData data setPosts newPosts Merging response Another solution for the “useState set method which is not reflecting the change immediately is to merge the responses The callback is the function passed as an argument to the other function Hence any function can call the other function using callback It is achieved by using the callback syntax of the state updation with the precise use of the spread syntax The example for the same is setPosts prevPostsData gt prevPostsData newPostsData Try using “React useRef The “useref hook is used to persist values between the renders It is used to access a DOM element directly or to store a mutable value which doesn t cause a re render when updated Hence “useRef hook is used to calculate the number of times an application renders in the “useState hook The simple method to use “React useRef for observing an instant change in the React hook is const posts React useRef null useEffect gt posts current values console log posts current Wrapping Up Hence it is easy to get over this “useState set method error quickly after understanding all about the “useState in React The four different solutions to solve the useState set method include using the “useEffect hook temporary variable merging responses and using the “React useRef All you need to do is try these methods to find the ideal solution to this error in React js	2022-08-29 05:55:51
海外TECH	DEV Community	How to add custom API methods to Vue Storefront 2	https://dev.to/vue-storefront/how-to-add-custom-api-methods-to-vue-storefront-2-4gjj	How to add custom API methods to Vue Storefront Vue Storefront allows you to scaffold your next E Commerce website in minutues You can choose from a variety of platforms like Magento Shopify Commercetools and many more In this tutorial I would like to guide you through the process of adding a custom API method to create a new function for your E Commerce It will allow you to have a completely new endpoint extension that could send a new request a GraphQL query mutation or something completely different as well For this tutorial I will be using Vendure integration but you are free to choose any E Commerce integration you want The process is the same for all these integration with a small difference depending on the API client that the integration is using either Apollo GraphQL or Axios REST CodeFirst of all you would need to register a new extension in a middleware config js file module exports integrations vendure location vue storefront vendure api server configuration api uri process env GRAPHQL API to be used later with authentication tokenMethod process env TOKEN METHOD extensions extensions gt extensions name test extendApiMethods testApiMethod async client config gt const result await client query query gql query products products items id customFields fetchPolicy no cache console log result Let s focus on the part from the extensions as everything else is just a default value for the certain integration to work properly Extensions will accept a parameter called extensions and it is important to return a spread extensions in the final return Otherwise the default extensions in the integration may stop working so just please remember to return them as well Next we can see the structure of a new extension Let s take a look at it with more details name test extendApiMethods testApiMethod async client config gt const result await client query query gql query products products items id customFields fetchPolicy no cache console log result First of all we need to name our new extension It is advised to give it some unique name i e fetch multiple products but in this case I am just showing a test example Next we will have an extendApiMethods object where each property can represent its own new or extended API method Each API method have access to the destructured client parameter This parameter can then be used to call certain requests queries or mutations really easily from the frontend This example shows how to fetch the multiple products from the GraphQL API by using the custom API method the new one as Vendure does not have this query implemented products are being fetched by using different query Then you can use the newly created API method in your component or a page like following const vendure useVSFContext onSSR async gt await vendure api testApiMethod If everything worked correctly you should see a result of a products query in the console where the project is running SummaryWell done You have just implemented a completely new API method in your Vue Storefront project This knowledge will allow you to customize it even more to suit your business needs better	2022-08-29 05:50:08
海外TECH	DEV Community	🤹‍♂️ AWS CDK 101 Projects - 🏄‍♂️ CDK Stack/Resource/Drift events forwarded to cool Slack posts - Event-Forwarder	https://dev.to/aws-builders/aws-cdk-101-projects-cdk-stackresourcedrift-events-forwarded-to-cool-slack-posts-event-forwarder-1m0m	‍ ️AWS CDK Projects ‍ ️CDK Stack Resource Drift events forwarded to cool Slack posts Event ForwarderDelighted to share my first post as AWS Community Builder do read the full and share your thoughts Beginners new to AWS CDK please do look at my previous articles one by one in my previous series on AWS CDK which gives exposure to working from beginner to intermediate level If in case missed my previous article do find it with the below links Original previous series post at Dev PostReposted the previous series post at dev to aravindvcyberIn this new series article we will be talking about new advanced serverless projects series built with AWS CDK using typescript This will be also my first series as AWS Community Builder in the developer s tools category Without my ado let me start briefing about this first project I just put it into the public domain for this awesome aws community folks as an opportunity to collaborate and refine this tool which was just started to learn by playing in the cloud solutions Expectations ️This solution is one which I feel could not only help the developer but also their peers along with Leads Ops and architects to track the deployment of Cloud formation solutions in AWS cloud and monitor and track any mutations continuously using slack channels and yes in the future drive actions and discussions from the posts to have a seamless developer experience across multi region and cross account deployments This could very much help the developer team monitor the deployments of both personal and organizational accounts with less footprint cost effectively Starting with Cloudformation events to post Slack notifications effortless from multi region and even cross accounts to never miss your peers ci initiated aws cloudformation deployments on stacks and resources besides that it could also notify drift events Architecture in short ️The backbone of this stack is based on the new feature released for the availability of cloud formation events in the default bus in the AWS Eventbridge These events are of three types Stack level EventsResource level EventsDrift detection EventsThis project stack has two components as elaborated below Remote Event Router Stack which is deployed into one or many regions across accounts forwarding specific eventbridge events Cloudformation Events specifically into the specific target default EventBus in the below stack from the current default EventBus source by making use of event bridge rules Event Forwarder Stack which lives in a single region for event ingestion and transformation to various delivery channels Slack is the first channel from the default EventBus target Prerequisites ️ At least single region where you could cdk deploy with necessary privileges to spin up the resources such as lambda sqs eventbridge rules and targets with access to cloudwatch and xrayMake use of AWS free tier benefits for personal use or request access sandbox account from your org to try this out At least one Custom Slack App with incoming webhook generated and configured to post to necessary slack channelsWant to experiment create a free slack workspace Recommended creating a slack app with an incoming webhook or generating an incoming webhook in a slack app from your organization admin There are multiple tutorials to get this or DM me for clarifications Create Slack AppSetup Incoming Webhook Project repo in GitHub I have fully shared the code base that I have built into this public repository which now available for your review and learning or even implement this into your account to catch up with the deployments happening across the interested stacks direct into your Organizational or Private Slack workspace Private Slack workspaces are free to set up and use like me and you could create a simple slack app with an incoming webhook and direct the messages to your channel of choice event forwarder Github repo Use cases which emit Cloudformation Events CDK deployment via terminal or even CDK destroy these are visible for the developer but may not be saved anywhere except in the AWS console view Your peers are also not aware of these deployments happening until they check the console Sending this to slack channels will drive greater involvements from the team Direct cloudformation console level changes deletesResource level mutations can also be tracked with drift detection but only one person knows what happened and could not easily correlateSomeone edits the Cloud formation template using designer and updates the stack with without changesetOr yourself team can have other parallel IaC framework like terraform making some changes via terminalsEven your CI CD pipeline does deployments to AWS you need not check them to understand if the deployments are completed rather slack post will reach your channel in seconds consistently across the included environmentsForbidden environments where you don t have access to checkout the events and resources created and may know if it had failed or does not know the resource names and you could not check this in the console Possibilities Quite frankly this is my second weekend on this project I believe that this could be very much improved when I receive feedback from the community and fine tune and extend the solution in future Also I have not restricted the cfn events to any specific stack since data generation was key to continuously build this solution Make use of the event bridge rule filtering pattern and matchers to get the interest events only to avoid too much noise in your channels by simply adding more refined patterns const stackEventsRule new Rule this stack events rule eventPattern detail stack id exists true source aws cloudformation eventBus Extracted Utils I have made used most of the generic parts of this solution are refracted into separated util functions which could help to simply the solution and may be reuse them in your own project work Slack UtilsConsole UtilsDynamodb UtilsData model to interact with dynamodbCfn events definition and may be more soon Checkout the config folder This project is designed to have the various developer expectations and limits we may have so I have made myself aware of those and included most of the configurations below as config The default json and test json are from GitHub with dummy fields make sure you create local json and production json overriding the necessary fields of choice account Primary account to host the solution region ap south Primary region to host the solution slackhook You need to update your slack app incoming webhook as the primary delivery channel for your users errorslackhook You need to update your slack app incoming webhook as the error delivery channel to notify the stack maintainers in your environment to get the errors as and when they happen and need to dive into cloudwatch logs to figure out most of the issues eventStore eventStores This is some new dynamodb table name of your choice remoteRegions us east us east Your secondary regions to monitor remoteAccounts Your secondary accounts to monitor logLevel WARN Use WARN for less verbose and use INFO for the verbose cloudwatch logs for the main processor handler perPostEventCount This is used to limit max N events in a single slack post this is mainly to make sure we don t hit limit on a single slack post dynamodbQueryPagingLimit This is used to have limited the read units on a single API call to not throttle your dynamodb if you are using provisioned RCU logRetentionDays Retention period for the primary handler cloudwatch logs deleteNotified false Setting this to true will automatically delete data from dynamoDb once the event are notified But I highly recommend you to have this false to understand the data which gets generated which could help you with other integrations or possibilities in this monitoring Slack Posts ResultsNever miss anything happening to your cloudformation stacks since you will be always notified in your respective slack channel Drift detection notifications Stack deletion notifications Stack Resource creation update notifications Even exception are sent to slackThis can be directly reported to the maintainers without waiting to dig into the cloudwatch logs to identify and track the issue And all these cool things about this slack post it is having a rich format that could be customized at the source and it also include a deep link to the resources provisioned besides the stack level links to various console screens Note these console links will only work if you have already logged into your respective AWS account in the browser where you open them and if you have the necessary privileges to make sure that security even for production environments is honored when you share this across various members of your teams for any follow ups in any slack threads Dynamodb to store dataHere in this article we choose to use dynamodb not only as an ad hoc data store I believe the data generated will trigger further insights and expand the possibilities of this solution Also I have used provisioned RCUs and WCUs to make use of my free tier benefits and as well set throttling it is also recommend try with on demand mode and pay as your usage Indexes created for critical data lookups Sample DB item stackId arn aws cloudformation ap south stack EventForwarderStack c f ed aef dcdd time account clientRequestToken detail stack id arn aws cloudformation ap south stack EventForwarderStack c f ed aef dcdd stack drift detection id b e ed d bbdfa status details stack drift status detection status DETECTION IN PROGRESS drift detection details drifted stack resource count detectionStatus DETECTION IN PROGRESS driftDetectionDetails drifted stack resource count eventId c dd aa e ccddf logicalResourceId notified false notifiedTime physicalResourceId region ap south resources arn aws cloudformation ap south stack EventForwarderStack c f ed aef dcdd resourceType status DETECTION IN PROGRESS statusReason type CloudFormation Drift Detection Status Change Engineering Aspects I would like to discuss this further in the upcoming articles and we refine this stack and refine There is always opportunities to improve and perfect Besides this I made this repo public now and I am sure our creative community will like to request features issues help patch and contribute and refractor this solution further to feed our discussions in our engineering articles soon beside me This project is open to your generous contributions if you feel it will help other developers and also you could also solve the issues or bring new features with a Pull request event forwarder Github repoWe have our next article in serverless do check outIf in case missed my previous article do find it with the below links Original previous series post at Dev PostReposted the previous series post at dev to aravindvcyberThanks for supporting and do follow and share this series for more such articles Would be great if you like to Buy Me a Coffee to help boost my efforts Original post at Dev PostReposted at dev to aravindvcyber	2022-08-29 05:03:00
ビジネス	ダイヤモンド・オンライン - 新着記事	老朽原発、欧米や日本で延命の動き - WSJ発	https://diamond.jp/articles/-/308801	老朽	2022-08-29 14:26:00
北海道	北海道新聞	アルペンスキー佐々木が優勝　南米カップ男子回転	https://www.hokkaido-np.co.jp/article/723268/	佐々木明	2022-08-29 14:22:00
北海道	北海道新聞	中京が１１度目Ｖ　全国高校軟式野球選手権	https://www.hokkaido-np.co.jp/article/723262/	明石トーカロ球場	2022-08-29 14:05:00
北海道	北海道新聞	リフトでブランコ、小学生が死亡　高さ３ｍから、パレット落下	https://www.hokkaido-np.co.jp/article/723225/	前橋市堀越町	2022-08-29 14:06:05
ビジネス	東洋経済オンライン	仲間意識を持った人々がとてつもなく開花する訳 1つの成功が10年後の新たな成功を生むパターン | リーダーシップ・教養・資格・スキル | 東洋経済オンライン	https://toyokeizai.net/articles/-/610781?utm_source=rss&utm_medium=http&utm_campaign=link_back	仲間意識	2022-08-29 15:00:00
ニュース	Newsweek	【動画】アメリカがウクライナに新たに供与する兵器「バンパイア」とは	https://www.newsweekjapan.jp/stories/world/2022/08/post-99488.php		2022-08-29 14:31:00
IT	週刊アスキー	『ソニックオリジンズ』の魅力を紹介する動画シリーズにて『ソニックCD』を紹介！	https://weekly.ascii.jp/elem/000/004/103/4103316/	speedstrats	2022-08-29 14:50:00
IT	週刊アスキー	【今月もやります】ペッパーランチの「肉の日」はステーキ29％増量！ライス大盛り無料もうれしい	https://weekly.ascii.jp/elem/000/004/103/4103302/	肉の日	2022-08-29 14:45:00
IT	週刊アスキー	ビッグボーイ「秋のご馳走グリルフェア」骨付きポークと巨大ソーセージで気分はオクトーバーフェスト	https://weekly.ascii.jp/elem/000/004/103/4103298/	豪快	2022-08-29 14:30:00
IT	週刊アスキー	JT、プルーム・エックス専用アクセサリーの「プルーム・エックス・フロントパネル」から新色「プラムバイオレット」を発売	https://weekly.ascii.jp/elem/000/004/103/4103311/	新色	2022-08-29 14:30:00
IT	週刊アスキー	『ウマ娘 プリティーダービー』新衣装の★3育成ウマ娘「ウイニングチケット」「ナリタタイシン」が登場	https://weekly.ascii.jp/elem/000/004/103/4103301/	衣装	2022-08-29 14:10:00
海外TECH	reddit	Does anyone else’s allergies flare up more in Japan?	https://www.reddit.com/r/japanlife/comments/x0g6ab/does_anyone_elses_allergies_flare_up_more_in_japan/	DoesanyoneelsesallergiesflareupmoreinJapanIhavelivedinJapanforyearsBeforecomingIhadnoallergiesButyearsinIstartedgettingseverelyblockednoseanditchyeyesIwenttothedoctorsandgotmedicineItakethemtothisdaywhenevermysymptomsflareupWheneverItraveledbacktotheUKInoticedthesymptomswoulddisappearWhenmyfirstkidwasbornhedevelopedsimilarsymptomsHegotabloodtestthatrevealedhewasallergictodustandhousemitesasamIInitiallyIthoughtitwasbecausewelivedinanolderhouseButwemovedtoanewbuildshortlyafterwediscoveredabouthisallergiesWhenItookhimbacktheUKhissymptomswoulddisappearcompletelylikemineMysecondkidwhohaslivedinthenewhousehisentirelifehasthesameallergyproblemsMywifeandcleanborderlineobsessivelyandhaveairpurifiersthroughoutthehouseYetonourtriptotheUKthispastmonthwhichhasbeenawhilebecauseofCOVIDbothoftheirallergieswerenonexistentMyeldestkidwhoisnowyearsoldcommentedonhowmuchhepreferstheUKairthoughnotthefoodlolAssoonaswegotbacktoJapaneventhefirstnightinahotelnearNaritabothkidsnosescloggedupTheyhavehadtotaketheirmedicinesagaintoeasethesymptomsIbroughtthisuptotheirdoctoronarecentvisitbuthejustshruggedhisshouldersandsaid不思議ですね。	2022-08-29 05:06:23