メインコンテンツまでスキップ

「React」タグの記事が6件件あります

全てのタグを見る

· 約6分
moritalous
お知らせ

過去にQiitaに投稿した内容のアーカイブです。

新年に間に合いました!AWSかるたを作成しました!! AWSのサービス説明とアイコンを頼りにサービス名を当てください。

AWSかるた

image.png

かるたは楽しく遊んでいただくとして、作成するにあたって使用した技術要素を紹介します。

· 約10分
moritalous

IoT Application KitとCloudscapeを使ったWebアプリを作ってみました。

IoT Application Kitとは

IoT Application Kitとは

IoT Application Kit is a development library for creating web applications to visualize industrial data.

SiteWiseやTwinMakerをデータソースとして、独自ダッシュボードを作成するためのReactコンポーネントが提供されています。

Cloudscapeとは

Cloudscapeとは

An open source design system for the cloud Cloudscape offers user interface guidelines, front-end components, design resources, and development tools for building intuitive, engaging, and inclusive user experiences at scale.

AWSが提供するUIコンポーネント集です。

IoT Application KitのexampleではMaterial-UIが、aws-iot-app-kit-bottling-line-demo ではCloudscapeの前身のAWS-UIが使用されていますが、Cloudscapeを使った形式で挑戦してみました。

↓はIoT Application Kitのexampleの画面

image.png

· 約13分
moritalous

Amplifyを使うと、AWSと連携したWebアプリをとても簡単に作成できます。 AWSのバックエンドをほとんど意識せず、フロントエンドのコーディングに集中できるのがとても嬉しいです。

Amplifyの提供するライブラリーの中にPubSubがありますので、認証機能と合わせて試してみました。