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
300
2020.06-にゃーにゃーマップvol.1
w2or3w
June 26, 2020
Tweet
Share
More Decks by w2or3w
See All by w2or3w
2021.09-DeployDeGo!!
w2or3w
0
20
2021.08-CICD-01
w2or3w
0
54
2021.06-Deploy-de-Go!!
w2or3w
0
28
2021.04-YOTEIASOBI vol.1 (Amplify, Cognito, Google Calendar)
w2or3w
0
270
2020.12-浜松IT合同勉強会2020
w2or3w
0
260
2020.10-にゃーにゃーマップvol.4(Uber H3 Index)
w2or3w
0
380
2020.09-JAWS UG SONIC(コロナ対策サイト+にゃーにゃーマップvol.3)
w2or3w
0
300
2020.07-にゃーにゃーマップvol.2(CloudSearch)
w2or3w
0
300
2020.03-サーバーレスWebアプリ制作で学ぶAppSync
w2or3w
0
300
Featured
See All Featured
For a Future-Friendly Web
brad_frost
179
9.8k
Unsuck your backbone
ammeep
671
58k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How STYLIGHT went responsive
nonsquared
100
5.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Designing for humans not robots
tammielis
253
25k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
What's in a price? How to price your products and services
michaelherold
246
12k
GitHub's CSS Performance
jonrohan
1031
460k
Optimizing for Happiness
mojombo
379
70k
A Tale of Four Properties
chriscoyier
160
23k
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 !!