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
2020.06-にゃーにゃーマップvol.1
Search
w2or3w
June 26, 2020
0
310
2020.06-にゃーにゃーマップvol.1
w2or3w
June 26, 2020
Tweet
Share
More Decks by w2or3w
See All by w2or3w
2021.09-DeployDeGo!!
w2or3w
0
23
2021.08-CICD-01
w2or3w
0
57
2021.06-Deploy-de-Go!!
w2or3w
0
32
2021.04-YOTEIASOBI vol.1 (Amplify, Cognito, Google Calendar)
w2or3w
0
280
2020.12-浜松IT合同勉強会2020
w2or3w
0
270
2020.10-にゃーにゃーマップvol.4(Uber H3 Index)
w2or3w
0
390
2020.09-JAWS UG SONIC(コロナ対策サイト+にゃーにゃーマップvol.3)
w2or3w
0
310
2020.07-にゃーにゃーマップvol.2(CloudSearch)
w2or3w
0
310
2020.03-サーバーレスWebアプリ制作で学ぶAppSync
w2or3w
0
310
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
4.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How to Think Like a Performance Engineer
csswizardry
27
2k
A Modern Web Designer's Workflow
chriscoyier
697
190k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
A designer walks into a library…
pauljervisheath
209
24k
Producing Creativity
orderedlist
PRO
347
40k
Building an army of robots
kneath
306
46k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Making Projects Easy
brettharned
119
6.4k
Transcript
サーバーレスWebアプリ制作で学ぶ にゃーにゃーマップ vol.1 2020.06.26 JAWS UG 浜松 2or3
自己紹介 2or3 (ツカサ) 2(ツー) or(~か) 3(サン) アプリケーションエンジニア です。 最近サーバーレスWebアプリ制作にお熱です! 去年7月頃からJAWS
UG浜松に 顔を出しているモノです。 よろしくおねがいします。 ついに 1年経ちまし た!!
自己紹介 最初の2,3ヶ月 ぼんやり参加 ↓ 9月頃 何かやらねば → 〜10, 11, 12月
1つ目の作品『Mosaic』 ダッシュで制作 &進捗報告at勉強会 ↓ みなぎってきてる (37才)
自己紹介 みなぎってきてる (37才) ↓ 3〜4月 コロナ対策サイトに 関わったりしながら、、 → 4〜5月 2つ目の作品
にゃーにゃーマップ制作 ↓ ますますみなぎる38才 となるか!? (※9月末です)
• AWSを活用したサーバーレスWebアプリ • 新型コロナ対策サイトで利用されていた技術の更なるキャッチアップ • テイクアウトサイトの乱立。すぐ動ける人達への尊敬。 • ワタシもコロナにかこつけたアプリを作ってみたかった。 • 店舗やメディアの情報をキュレーションしたマップベースのWebアプリ
• Stay NEAR, Enjoy NEAR (近くで楽しむ) がコンセプト • 絶賛学習 & 拡張中。 サーバーレスWebアプリ 『にゃーにゃーマップ』とは? https://near-near-map.w2or3w.com
まずはデモします。 https://near-near-map.w2or3w.com
『にゃーにゃーマップ』 アーキテクチャ図 https://near-near-map.w2or3w.com
『にゃーにゃーマップ』 AWS 要素 (サーバーレスでマネージド) https://near-near-map.w2or3w.com Amplify (Console/CLI/JS) API Gateway AppSync
Cognito CloudSearch DynamoDB Rekognition Lambda S3
『にゃーにゃーマップ』 新型コロナ対策関連 要素 https://near-near-map.w2or3w.com Nuxt.js i18n internationalization (iとnの間に18文字) Maps JavaScript
API Geocoding API Places API
『にゃーにゃーマップ』 アーキテクチャ図 https://near-near-map.w2or3w.com
『にゃーにゃーマップ』 ネコたちの紹介 https://near-near-map.w2or3w.com 1. Webマップネコ (゚-゚*) 2. 検索ネコ (Ф∀Ф) 3.
インポートネコ (=・ω・) 4. スクレイピングネコ (,,・∀・) 5. Web管理ネコ (*゚д゚) 6. 画像管理ネコ (・д・,,)
『にゃーにゃーマップ』 1.Webマップネコ (゚-゚*) https://near-near-map.w2or3w.com ニャー ♪ (゚-゚*)
『にゃーにゃーマップ』 2.検索ネコ (Ф∀Ф) https://near-near-map.w2or3w.com ケンサク ケンサクゥ (Ф∀Ф)
『にゃーにゃーマップ』 3.インポートネコ (=・ω・) https://near-near-map.w2or3w.com ググレ バ ナントカ ナル ヨ (=・ω・)
『にゃーにゃーマップ』 4.スクレイピングネコ (,,・∀・) https://near-near-map.w2or3w.com ドロボウネコ ッテ イワナイデ.. (,,・∀・)
『にゃーにゃーマップ』 5.Web管理ネコ (*゚д゚) https://near-near-map.w2or3w.com Amplify ヨシ‼ (*゚д゚)
『にゃーにゃーマップ』 6.画像管理ネコ (・д・,,) https://near-near-map.w2or3w.com イヤラシイ ノハ ヨク ナイト オモイマス (・д・,,)
『にゃーにゃーマップ』 これからやりたいこと https://near-near-map.w2or3w.com まだまだ増えるネコ達
『にゃーにゃーマップ』 7.ロコガイド同期ネコ (,,・∀・,,) https://near-near-map.w2or3w.com コンザツ ジョウキョウ ノ ミエルカ (,,・∀・,,)
『にゃーにゃーマップ』 8.アップデートネコ (´ω`*) https://near-near-map.w2or3w.com アップップ (´ω`*)
『にゃーにゃーマップ』 9.ワークフローネコ (^・ェ・^) https://near-near-map.w2or3w.com バックエンド ノ ジドウカ (^・ェ・^)
『にゃーにゃーマップ』 これからやりたいこと https://near-near-map.w2or3w.com 目指せ11ぴきのネコ
『にゃーにゃーマップ』 これからやりたいこと https://near-near-map.w2or3w.com 求む・キャラデザイン
『にゃーにゃーマップ』 これからやりたいこと https://near-near-map.w2or3w.com Qiitaへのシリーズ記事投稿 Mosaicのときは17記事書けた 今回は果たして、、!?
『にゃーにゃーマップ』 これからやりたいこと https://near-near-map.w2or3w.com 管理ネコ Nuxt.js から Next.js へ。
Thank You !!