Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
今から始める Amplify Studio #stapy
Search
Kihara, Takuya
September 22, 2022
Technology
0
620
今から始める Amplify Studio #stapy
みんなのPython勉強会#85 での発表内容です。
Amplify Studio + Figma でコンポーネントを作成し、 Python で作成したグラフを表示する、という流れを説明しています。
Kihara, Takuya
September 22, 2022
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
AWS Lambda で LLRT を動かしてみた #北海道まったりLT大会
tacck
0
56
地方から始める登壇のステップアップ 〜Java Do から JJUG CCC への登壇参加記録 #javado
tacck
0
85
ゆるWebの新型コロナ Before/After とこれからのこと #seb_yearend
tacck
0
24
AWS Amplify と Amazon Bedrock を使ってオレオレ生成AIサイトを作る #ゆるWeb札幌
tacck
0
150
「普通」のエンジニアとしての生存戦略〜または、いかにして技術を楽しむか。 #情報メディア入門
tacck
0
56
噂の Amazon Bedrock を Java から使ってみる #javado
tacck
1
280
ソラカメとAmplifyでお手軽ライブカメラを作ってみた(制限あり) #ゆるWeb札幌
tacck
0
220
ゆるWeb勉強会@札幌 #24 #ゆるWeb札幌
tacck
0
120
AWS Amplify と Cloudflare Pages 比べてみれば / #CloudflareUG_cts #AWSAmplifyJP
tacck
1
630
Other Decks in Technology
See All in Technology
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
180
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
130
WebアプリケーションにおけるPDOの使い方入門 / phpcon odawara 2024
meihei3
2
440
Compose Compiler Metricsを使った実践的なコードレビュー
tomorrowkey
1
210
私が trocco を推す理由
__allllllllez__
1
190
最近たまに見かけるTiDBってなんだ? - Findy
pingcap0315
2
750
マルチアカウント環境への発見的統制の導入
ch1aki
1
1.3k
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
190
Databricks における 『MLOps』
databricksjapan
2
160
本当のAWS基礎
toru_kubota
0
400
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
120
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
3
530
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
16
6.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
77
42k
It's Worth the Effort
3n
180
27k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Six Lessons from altMBA
skipperchong
20
3k
BBQ
matthewcrist
80
8.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Raft: Consensus for Rubyists
vanstee
132
6.3k
What the flash - Photography Introduction
edds
64
11k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
What’s in a name? Adding method to the madness
productmarketing
PRO
15
2.6k
Transcript
今から始める Amplify Studio みんなのPython 勉強会#85 2022/09/22 木原卓也 / @tacck 1
みんなのPython勉強会#85 / #stapy
私 • 名前 • 木原 卓也 / @tacck • 所属
• 生活共同組合コープさっぽろ • 主催コミュニティ • ゆるWeb勉強会@札幌 • スマートスピーカーで遊ぼう会@札幌 (休眠中) • 参加コミュニティ • Amplify Japan User Group 運営 • AWS Community Builders Program (Q2 2021, 2022) Category: Front-end Web and Mobile • 好きなフィギュアスケートの技 • スプレッド・イーグル 2 みんなのPython勉強会#85 / #stapy
このお話のゴール • Amplify Studio + Figma でパーツを作って、 Python で書いたグラフを表示してみよう。 3
みんなのPython勉強会#85 / #stapy
お品書き • AWS Amplify • AWS Amplify って何? • AWS
Amplify の大まかな分類 • Amplify Studio • Amplify Studio って何? • Amplify Studio でできること • Python で書いたグラフを表示してみよう 4 みんなのPython勉強会#85 / #stapy
AWS Amplify って何? Webフロントエンド/モバイルアプリ開発を中心に、 フルスタックのアプリ・システム構築を素早く簡単にできるようにする、 AWS のサービスとツールの総称。 特に、 Cognito /
AppSync / DynamoDB などの マネージドサービスの利用を簡単に行うことができ、 いわゆる「サーバレス」なフルスタックシステムを構築しやすい。 また、Webサイトのホスティング機能も用意されており、 個別の S3 / CloudFront 設定無しにサイト公開を行うことが可能。 5 みんなのPython勉強会#85 / #stapy Amplify Console Amplify Hosting Amplify Studio Amplify CLI Amplify Library Amplify UI UI Component
AWS Amplify の大まかな分類 6 みんなのPython勉強会#85 / #stapy AWS サービスとしての Amplify
OSS ツールとしての Amplify Cognito Dynamo DB AppSync React Vue Flutter ... ... Amplify Console Amplify Hosting Amplify Studio Amplify CLI Amplify Library Amplify UI UI Component
みんなのPython勉強会#85 / #stapy 7 AWS Amplify 各機能相関(概要)
Amplify Studio って何? ブラウザの操作で、フロントエンド UI とバックエンドの 構築を (ある程度) 可能にする機能。 (Preview:
2021-12-03 / GA: 2022-04-21) 現在可能なこと: • 認証 (Cognito) の有効化 • Storage (S3) の有効化、ファイル配置 • データモデル (AppSync+DynamoDB) の有効化、データ作成 • フロントエンド UI 作成 (Figmaからのインポート) • React のコードとして連携可能 8 みんなのPython勉強会#85 / #stapy
Amplify Studio でできること • アプリケーションの管理機能の一部を実現 • 簡易なユーザー管理画面(Amplify Studio自身) [Cognito] •
格納しているデータ操作 [DynamoDB] • 静的ファイルの操作 [S3] • 画面のパーツ(UI Components)をコード化 • Figma で作成した Component を取り込み • 取り込んだ Component とデータ(DynamoDB)をバインディング • React のプロジェクトにコードとして取り込み・即利用 9 みんなのPython勉強会#85 / #stapy
[参考]Amplify Studio でできること Amplify CLI Amplify Studio Amplify CLI +
CDK リソース作成 ◦ ◦ ◦ リソース設定変更 ◦ △ ◎ リソース削除 ◦ ◦ ◦ データ操作 × ◎ △ Figma連携 × ◎ × 10 みんなのPython勉強会#85 / #stapy
Python で書いたグラフを 表示してみよう 11 みんなのPython勉強会#85 / #stapy
Python で書いたグラフを 表示してみよう • Figma でグラフ表示のためのパーツを作成 • React へ取り込んでページ作成 •
Lambda の Python 実行環境でグラフ生成コード作成 • ページで確認 12 みんなのPython勉強会#85 / #stapy
まとめ • Amplify Studio + Figma で 使いたいパーツを手軽に作れる! 個人的感想: •
データ処理してグラフを作りたいときは、 Pythonを使うのも便利そう。 13 みんなのPython勉強会#85 / #stapy
宣伝1: JAWS DAYS 2022 プレイベント • 2022-09-25 14:00〜17:25 • 今回お話した内容を
改めてお話します。 14 みんなのPython勉強会#85 / #stapy https://jaws-ug.doorkeeper.jp/events/142615
宣伝2: AWS APAC Community Summit 2022 -re:Port Back- • 2022-10-17
18:50〜22:00 • タイで行われたイベント の報告会です。 15 みんなのPython勉強会#85 / #stapy https://jaws-ug.doorkeeper.jp/events/142954
終 16 みんなのPython勉強会#85 / #stapy