shunmatsuのブックマーク / 2022年12月3日

ほぼコードを書くことなく Figma からレスポンシブな React コンポーネントを生成する | Amazon Web Services

Amazon Web Services ブログほぼコードを書くことなく Figma からレスポンシブな React コンポーネントを生成する Amplify Studio が、Figma のコード化を通じて、レスポンシブコンポーネントのデザインを大幅に強化しました。バリアントを作成してブレークポイントをカスタマイズするだけで実現可能です。Amplify Studio は、あなたのレスポンシブデザインが組み込まれた React コンポーネントを生成することで、面倒な作業を人の代わりに行います。どのように動作するか最新のアプリケーション設計では、開発者はさまざまな画面サイズに合わせてアプリケーションを設計する必要があります。これは多くの場合、React コンポーネントの複数のバージョンを作成し、画面サイズに基づいてレンダリングするようにトリガーすることを意味します。 Amplify の

shunmatsu 2022/12/03

Figma
React

リンク

FigmaのVariants入門 - さらにコンポーネントを使いこなそう - ICS MEDIA

ウェブ制作の現場で定番となってきたデザインツール「Figma」。前回の記事『デザインの管理と効率化が行える FigmaのComponents入門』では、デザインパーツの管理や柔軟な変更が可能になる「Components」機能を紹介しました。本記事ではComponentsをまとめ、検索性を保ちつつ、さらに柔軟な変更と管理が行える「Variantsバリアンツ」を紹介します。 Variantsを使うと、複雑なコンポーネントの切り替えや管理が行いやすくなり、堅牢なデザインファイルが作成できます。また、コーディング時に近い思想でデザインを組めるので、実装時に破綻が起こりにくくなります。 Variantsは規模感に関わらず小さな単位でも活用できます。「使いこなせていない」、「自分の制作の規模感では不要」と考えているデザイナーにも、手軽に導入できメリットを実感できるはずです。本記事で使い方を説明する

shunmatsu 2022/12/03

リンク

クレジットカード取引とメルカードマイクロサービスについて | メルカリエンジニアリング

この記事は、Merpay Advent Calendar 2022 の3日目の記事メルカードの舞台裏編です。株式会社メルペイでメルカードのバックエンドサービスを担当している @uechoco です。「メルカード」はメルペイが2022年11月にリリースした、新しいクレジットカードです。クレジットカードを発行する事業を実現するためには、メルペイで行わなければならない業務もありますし、メルペイ以外の会社と取引も必要です。本記事では、クレジットカード取引と、メルペイで新たに導入したメルカードマイクロサービスについて、決済処理の流れをまとめ、ご紹介します。クレジットカード取引と関係会社一般的に、クレジットカードの取引を実現するためには、大きく３つの役割の会社が必要となります。国際ブランド … 世界中で広く利用可能なクレジットカードのブランドを持つ会社です。JCB、VISA、Maste

shunmatsu 2022/12/03

リンク

Amazon EventBridge Pipesを使ってプロデューサー/コンシューマー型メッセージ処理のパイプラインを簡略化しよう #reinvent | DevelopersIO

re:Invent 2022で発表されたAmazon EventBridge PipesはProducer/Consumer型のメッセージング処理をメッセージブローカーやワーカーに関係なく一貫した手法で実装するサービスです。メッセージブローカーにAmazon SQS、ConsumerのワーカーにLambdaを利用する構成で、従来のLambdaイベントソース型とEventBridge Pipes型を比較しましょう。 Producer/Consumer型メッセージ処理 Producer/Consumer型メッセージは、メッセージキューなどで利用される、非同期のメッセージングパターンです。Producerはブローカーにメッセージを送信し、Consumerはブローカーをポーリングしてメッセージを受信します。 SQS-Lambda構成の場合、SQSがメッセージブローカー、LambdaがConsum

shunmatsu 2022/12/03

aws_lambda

リンク

AWS Lambda Powertools for TypeScriptでサーバーレスのベストプラクティスを簡素化する | Amazon Web Services

Amazon Web Services ブログ AWS Lambda Powertools for TypeScriptでサーバーレスのベストプラクティスを簡素化するこの記事は Simplifying serverless best practices with AWS Lambda Powertools for TypeScript (記事公開日: 2022 年 7 月 15 日) を翻訳したものです。開発チームは、ビジネス価値を迅速かつ確実に提供するために、自分たちが所有するワークロードとその期待される動作について、共通の理解を持つ必要があります。AWS Well-Architected Framework とその Serverless Lens は、AWSクラウドで信頼性、安全性、効率性、コスト効果の高いシステムを設計、運用するためのアーキテクチャーのベストプラクティスを提供しま

shunmatsu 2022/12/03

aws_lambda

リンク

ソースコード変えてないのにLambdaをデプロイしたら急にエラーになって焦った話 | iret.media

起きたこと GitHub Actionsで毎朝自動デプロイを行っているServerless FrameworkのAPIサービス（API Gateway + Lambda）がある朝急にエラーを吐くようになった。 TypeError: _convert_to_request_dict() missing 1 required positional argument: 'endpoint_url' 試したこと、調査したことどこでエラーになっているか … 全文はこちら：ソースコード変えてないのにLambdaをデプロイしたら急にエラーになって焦った話著者：@danishi

shunmatsu 2022/12/03

aws_lambda

リンク

[速報]Step Functionsで大量データの並列処理が可能に！Step Functions Distributed MapがGAされました！# reInvent | DevelopersIO

速報です！本日の Werner Vogels キーノートで、Step Functionsで大規模な並列処理を可能にする、「Step Functions Distributed Map」が発表されました！これまで Step FunctionsにはもとよりMap並列処理を提供機能がありましたが、並列処理の同時実行数は最大40回という制限がありました。 Step Functions Distributed Mapで何ができるのか Mapは上記の制限により、数千件以上の項目を並列でタイムリーに処理することは困難でしたが、「Step Functions Distributed Map」により大規模な並列ワークロードの処理が可能になりました！！「Step Functions Distributed Map」では、最大1万回の並列ワークロードを起動することができます。並列で実行できる処理には、St

shunmatsu 2022/12/03

aws_StepFunctions

リンク

[AWS IoT Core] MQTT v5 を使用してトピック・エイリアスを実装して見ました | DevelopersIO

トピック・エイリアスは、Topic Alias Maximum で設定されている数までしか利用できず、AWS IoT Core のデフォルトの制限は 8（ソフトリミット）となっています。 https://docs.aws.amazon.com/general/latest/gr/iot-core.html ※ クライアントが最大値を超えるトピックエイリアス使用して Publish しようとすると、クライアントは切断されます。 4 実装例以下が、実装したコードです。プログラムは IoT Core に接続後、3 回１回トピックを指定した Publish を行い、残りの 2 回は、トピック指定を 0 バイトにしています。 import ssl import time import os import paho.mqtt.client as mqtt from paho.mqtt.prop