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
290
2020.06-にゃーにゃーマップvol.1
w2or3w
June 26, 2020
Tweet
Share
More Decks by w2or3w
See All by w2or3w
2021.09-DeployDeGo!!
w2or3w
0
19
2021.08-CICD-01
w2or3w
0
50
2021.06-Deploy-de-Go!!
w2or3w
0
24
2021.04-YOTEIASOBI vol.1 (Amplify, Cognito, Google Calendar)
w2or3w
0
250
2020.12-浜松IT合同勉強会2020
w2or3w
0
250
2020.10-にゃーにゃーマップvol.4(Uber H3 Index)
w2or3w
0
350
2020.09-JAWS UG SONIC(コロナ対策サイト+にゃーにゃーマップvol.3)
w2or3w
0
290
2020.07-にゃーにゃーマップvol.2(CloudSearch)
w2or3w
0
280
2020.03-サーバーレスWebアプリ制作で学ぶAppSync
w2or3w
0
280
Featured
See All Featured
Building Applications with DynamoDB
mza
93
6.2k
Practical Orchestrator
shlominoach
186
10k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Automating Front-end Workflow
addyosmani
1367
200k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
600
Product Roadmaps are Hard
iamctodd
PRO
50
11k
KATA
mclloyd
29
14k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
The Language of Interfaces
destraynor
156
24k
The Cult of Friendly URLs
andyhume
78
6.2k
How to Ace a Technical Interview
jacobian
276
23k
A Modern Web Designer's Workflow
chriscoyier
693
190k
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 !!