投稿時間:2022-05-04 14:09:37 RSSフィード2022-05-04 14:00 分まとめ(13件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Instagram、フルスクリーンホームフィードの新UIをテスト中	https://taisy0.com/2022/05/04/156571.html	inetagram	2022-05-04 04:44:46
Docker	dockerタグが付けられた新着投稿 - Qiita	既存のDockerfileイメージの検索	https://qiita.com/hikaru0816/items/22e336ad270a5597dc94	dockerfile	2022-05-04 13:13:34
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerコマンド一覧	https://qiita.com/hikaru0816/items/ac27a8bd4272314c08ed	docker	2022-05-04 13:03:28
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Resource Manager - テンプレート間のパラメータ受け渡し	https://qiita.com/takmot/items/fd3313e3227dda7592b3	azureresourcemanager	2022-05-04 13:39:41
海外TECH	DEV Community	📱 AWS CDK 101 - 👯 Fetching JSON from S3 through stepfunction	https://dev.to/aravindvcyber/aws-cdk-101-fetching-json-from-s3-through-stepfunction-15ob	AWS CDK Fetching JSON from S through stepfunctionBeginners new to AWS CDK please do look at my previous articles one by one in this series If in case missed my previous article do find it with the below links Original previous post at Dev PostReposted previous post at dev to aravindvcyberIn this article let us refactor one of our previous step functions which invoked lambda which puts records to dynamo using full message from the event data into one which can read message data from s with keys during the event data Also this is a direct follow up to my previous article mentioned above Benefits of using S data These are not the only benefits it is just only what I just observed in my deployments Using S data directly will make the event detail payload always of the same payload size and very lightWhile a huge message is pumped into the api gateway S will act as the place to capture the full message payload and only the s object identifier is pushed into the event detail so that we are not pushing a lot of into the actual moving parts This also helps to simply preprocess the actual message received by checking for the format data integrity transformation and even antivirus scanning S in itself can trigger various event driven actions asynchronously by its event notifications Pumping the event details into the step functions will be now much more efficient as we are no longer worried about the size of the data Also here we have using S as staging if we need high performance and high throughput we can change it to dynamodb for storing this staging data Construction Plan ️As we mentioned earlier we are trying to read a JSON from s from our message recorder lambda function which we have refined in our previous articles for writing to dynamodb import S from aws sdk const s new S Refactoring put operation inside the lambda into a helper function We have refactored the previously used message recorder function for better reuse of the components as shown below const dbPut any async Record any msg any gt const dynamo new DynamoDB const crt time number new Date msg createdAt getTime const putData PutItemInput TableName process env MESSAGES TABLE NAME Item messageId S msg messageId createdAt N crt time event S msg event ReturnConsumedCapacity TOTAL console log putData JSON stringify putData undefined await dynamo putItem putData promise Refactoring the sendSuccess Helper We will also make use of this opportunity to refactor the existing SendTaskSuccess statement into a dedicated function that we could efficiently const funcSuccess any res any mid string token string gt console log sending success res const sendSuccess StepFunctions SendTaskSuccessInput output JSON stringify statusCode headers Content Type text json putStatus messageId mid ProcessorResult res taskToken token const resultStatus sfn sendTaskSuccess sendSuccess err any data any gt if err console log err err stack else console log data console log sent success resultStatus sendSuccess Refractoring the sendFailure Helper Similarly we will also refactor and create sendTaskFailure module into a new helper function const funcFailure any err any mid string token string gt console log sending failure err const sendFailure StepFunctions SendTaskFailureInput error JSON stringify err cause JSON stringify statusCode headers Content Type text json putStatus messageId mid ProcessorResult err taskToken token const resultStatus sfn sendTaskFailure sendFailure err any data any gt if err console log err err stack else console log data console log sent failure resultStatus sendFailure Granting read Object access to lambda In our previous article we have granted access to the entry handler to putObject here we will grant access to the recorder function to read data as follows stgMsgBucket grantWrite eventCounterBus handler stgMsgBucket grantRead messageRecorder Changes inside the lambda The below changes will be used inside the lambda handler to read every message using the event detailcontent which now has the bucket name and the key from the event Here can find that the bucket name and object key is extracted from the message and used to retrieve an object from S then it is put into dynamodb for recording using the various helper functions created above await Promise all event Records map async Record any gt console log Received message JSON stringify event undefined const msg JSON parse Record body Record const sGet await s getObject Bucket msg bucket Key msg key promise const data sGet Body toString utf if data msg event data const token JSON parse Record body MyTaskToken await dbPut Record msg then async data any gt await funcSuccess data msg messageId token catch async err any gt await funcFailure err msg messageId token Once we get the message we are updating the message object with the message content and inserting it into dynamodb with the dbPut we have refracted earlier Removing the event content from statemachine invocation payload Now we can remove the usage of the actual message body across the entire pipeline which makes it reduce the storage used in transmission call during various invocations call const sfnTaskPayload sfn TaskInput fromObject MyTaskToken sfn JsonPath taskToken Record messageId id createdAt time event States StringToJson detail message event detail message bucket detail message bucket key detail message key Also in the entry handler function discussed in the last article as shown below const message JSON parse event body message uuid getUuid message handler context awsRequestId message key uploads message uuid json message bucket process env BucketName console log Initial request JSON stringify message undefined delete message message new line added since s will have the data Integration testing Keypoint async await One important thing you may have to learn here would be how we have handled the async await to fetch from S first and then write to dynamodb among other async operations Beginners most likely may go wrong in using async await and they may mesh up by getting execution leaks when they implemented callbacks poorly By then the trace below can help you understand where the problem is present We will be adding more connections to our stack and making it more usable in the upcoming articles by creating new constructs so do consider following and subscribing to my newsletter We have our next article in serverless do check outThanks for supporting 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-05-04 04:46:28
海外TECH	DEV Community	Don't use 100vh for mobile responsive	https://dev.to/nirazanbasnet/dont-use-100vh-for-mobile-responsive-3o97	Don x t use vh for mobile responsiveGenerally we use height vh for fullscreen layout which is easy hack and convenient way to get better design Example content height vh But when we test our design on actual device we encounter several issues Mostly Chrome and Firefox browsers on mobile have got a UI address bar etc at the top On Safari it get s more tricky address bar is at the bottom Different browsers have different sized viewportsMobile devices calc browser viewport as top bar document bottom bar vhWhole document is filled to the page using vh ProblemsOn ChromeScrollbar issues has been detected Bad user flow and difficult to navigate the content Note I have also tested this issues on safari which makes more bad user flow Solutions Detect the height of the app by using JSSetting the height of the page using javascript with the window innerheight property const documentHeight gt const doc document documentElement doc style setProperty doc height window innerHeight px window addEventListener resize documentHeight documentHeight Using CSS Variable root doc height html body padding margin height vh fallback for Js load height var doc height Here documentHeight function sets new style property var doc height and includes current window height Final Results Chrome BrowserNote There is no any vertical extra scrollbar is appearing now also no issues on Safari too The bottom address bar of safari is always on the bottom which makes good user flow to the websiteConclusionBy coming this far I hope you can solve the mobile devices viewport issues So I suggest you give it a try on your project and enjoy it Feel free to share your thoughts and opinions and leave me a comment if you have any problems or questions Till then Keep on Hacking Cheers	2022-05-04 04:05:37
海外ニュース	Japan Times latest articles	North Korea launches apparent ballistic missile	https://www.japantimes.co.jp/news/2022/05/04/asia-pacific/north-korea-missile-launch-may-4/	North Korea launches apparent ballistic missileThe North launched an apparent ballistic missile on Wednesday Japan s Defense Ministry said as the nuclear armed country continues its ramped up pace of weapons testing	2022-05-04 13:33:37
北海道	北海道新聞	北朝鮮が弾道ミサイル発射か　日本海に向け、ＥＥＺ外へ落下	https://www.hokkaido-np.co.jp/article/677054/	参謀本部	2022-05-04 13:15:36
北海道	北海道新聞	アレルギー対応のバリアフリーカフェ　釧路市の栄養士・加藤さん、開業へＣＦ	https://www.hokkaido-np.co.jp/article/677065/	加藤さゆり	2022-05-04 13:17:14
北海道	北海道新聞	日本ハム近藤、右脇腹痛める　長期離脱へ	https://www.hokkaido-np.co.jp/article/677066/	日本ハム	2022-05-04 13:05:00
海外TECH	reddit	YOUR MEMPHIS GRIZZLIES BEAT THE WARRIORS 106-101 TO EVEN UP THE SERIES AT ONE A PIECE!!!	https://www.reddit.com/r/memphisgrizzlies/comments/uhyb2h/your_memphis_grizzlies_beat_the_warriors_106101/	YOUR MEMPHIS GRIZZLIES BEAT THE WARRIORS TO EVEN UP THE SERIES AT ONE A PIECE JA MORANT submitted by u nam to r memphisgrizzlies link comments	2022-05-04 04:14:14
ニュース	THE BRIDGE	「メンズウェアの未来は、所有ではなくアクセス」——米国で人気、AIが選ぶシャツのレンタルサブスク「Taelor」	https://thebridge.jp/2022/05/taelor-pre-seed-round-funding	「メンズウェアの未来は、所有ではなくアクセス」ー米国で人気、AIが選ぶシャツのレンタルサブスク「Taelor」eBayやFacebookでプロダクト責任者を務めたAnyaCheng鄭雅慈氏が率いる男性ファッションのレンタルサブスクリプションサービス「Taelor」は月日、オーバーサブスクリプションのプレシードラウンドで万米ドルを調達したと発表した。	2022-05-04 04:15:44
ニュース	THE BRIDGE	台湾のポスト量子暗号スタートアップChelpis（池安科技）、2.6億円を調達	https://thebridge.jp/2022/05/chelpis-ntd58-5m-funding	台湾のポスト量子暗号スタートアップChelpis池安科技、億円を調達台湾スタートアップのChelpis池安科技は、台湾政府の行政院国家発展基金と菓子製造大手IMeiFoods義美食品CEOのLuisKo高志明氏らが参加したラウンドで約万ニュー台湾ドルを調達したと発表した。	2022-05-04 04:00:54