Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
2020.12-浜松IT合同勉強会2020
w2or3w
December 19, 2020
0
86
2020.12-浜松IT合同勉強会2020
w2or3w
December 19, 2020
Tweet
Share
More Decks by w2or3w
See All by w2or3w
2021.09-DeployDeGo!!
w2or3w
0
7
2021.08-CICD-01
w2or3w
0
22
2021.06-Deploy-de-Go!!
w2or3w
0
13
2021.04-YOTEIASOBI vol.1 (Amplify, Cognito, Google Calendar)
w2or3w
0
91
2020.10-にゃーにゃーマップvol.4(Uber H3 Index)
w2or3w
0
120
2020.09-JAWS UG SONIC(コロナ対策サイト+にゃーにゃーマップvol.3)
w2or3w
0
82
2020.07-にゃーにゃーマップvol.2(CloudSearch)
w2or3w
0
89
2020.06-にゃーにゃーマップvol.1
w2or3w
0
110
2020.03-サーバーレスWebアプリ制作で学ぶAppSync
w2or3w
0
78
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
126
5.4k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1k
Become a Pro
speakerdeck
PRO
3
790
Clear Off the Table
cherdarchuk
79
280k
Happy Clients
brianwarren
89
5.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
638
52k
The Invisible Customer
myddelton
110
11k
Build The Right Thing And Hit Your Dates
maggiecrowley
19
1.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
315
19k
The Pragmatic Product Professional
lauravandoore
19
2.9k
Learning to Love Humans: Emotional Interface Design
aarron
261
37k
Transcript
サーバーレスWebアプリ制作で学ぶ 2020年 振り返り @w2or3w 2020.12.19 浜松IT合同勉強会2020 LT大会
自己紹介 @w2or3w 2020.12.19 浜松IT合同勉強会2020 LT大会
ナカムラ ツカサ 2(ツー) or(~か) 3(サン) 38才 リーマンアプリケーションエンジニア 最近サーバーレスアプリ制作にお熱です! 好き :
川や雪山で遊ぶこと JAWS-UG歴 : 約1年半 @w2or3w 自己紹介
自己紹介
この初々しさ! 2019年の浜松IT合同勉強会 LT大会 で 初LT! 自己紹介
2020年 何をした? @w2or3w 2020.12.19 浜松IT合同勉強会2020 LT大会
2020年なにをした? 1. 2019/06/28(金) JAWS-UG浜松 AWS勉強会 2. 2019/07/04(木) JAWS-UG浜松 AWS Expert
Online 3. 2019/08/21(水) JAWS-UG磐田 AWSコンテナ勉強会その2 4. 2019/08/23(金) JAWS-UG浜松 AWS勉強会 5. 2019/09/07(土) Local IT Meetup -Episode 1- IWATA 6. 2019/09/19(木) JAWS-UG浜松 AWS Expert Online 7. 2019/10/25(金) JAWS-UG浜松 AWS勉強会 8. 2019/11/23(土) JAWS-UG磐田 AWSコンテナ勉強会その3 9. 2019/11/29(金) JAWS-UG浜松 AWS勉強会 10. 2019/12/07(土) 浜松IT合同勉強会2019 LT大会 <- 去年!! 引き続き、 勉強会に参加した! なるべく 発表することを 意識した! 1. 2020/01/24(金) JAWS-UG浜松 AWS勉強会 (発表) 2. 2020/02/05(水) JAWS-UG浜松 Expert Online 視聴 3. 2020/03/25(水) JAWS-UG浜松 Expert Online 視聴 4. 2020/04/24(金) JAWS-UG浜松 AWS勉強会 (発表) 5. 2020/06/26(金) JAWS-UG浜松 AWS勉強会 (発表) 6. 2020/07/08(水) JAWS-UG浜松 Expert Online 視聴 (+発表) 7. 2020/08/28(金) JAWS-UG浜松 AWS勉強会 (発表の練習) 8. 2020/09/12(土) JAWS UG SONIC (発表) 9. 2020/10/30(金) JAWS-UG浜松 AWS勉強会 (発表) 10. 2020/12/19(土) 浜松IT合同勉強会2020 LT大会 (LT) <- Now!!
2020年なにをした? 何といっても この2つ! 新型コロナ対策サイト(浜松版)への コントリビュート にゃーにゃーマップを制作して シビックテック的なことをした
2020年 何をした? > 新型コロナ対策サイト浜松版へのコントリビュート マップベースWebアプリの制作 @w2or3w 2020.12.19 浜松IT合同勉強会2020 LT大会
2020年 何をした? ~ 新型コロナ対策サイト 浜松版 ~ 新型コロナウィルス 対策サイト で 何をした?
2020年 何をした? ~ 新型コロナ対策サイト 浜松版 ~ 立ち上げの場に (たまたま) 居合わせた。 そして
(Nuxt.js経験ないけど) ジョインした! ヨッ! \ ナイス ジョイン!! /
2020年 何をした? ~ 新型コロナ対策サイト 浜松版 ~ オープンデータと Webアプリのデータ とを 繋いだ!
ヨッ! \ オープンデータ活用!! /
2020年 何をした? ~ 新型コロナ対策サイト 浜松版 ~ UIも 少しはやったよ! ヨッ! \
強々Web デベロッパー!! / これらアプリの リンクを追加した! ここに スクロールバーを追加した! (※当時、感染者1名につき1行だった時に縦長になりすぎる のを防ぐ目的)
2020年 何をした? ~ 新型コロナ対策サイト 浜松版 ~ これのレイアウトを変更した! (※東京都のサイトから差分を探してマージしただけ) ヨッ! \
強々マージ職人!! / グラフを横スクロールできるようにしたり、 下にテーブルを表示するようにした! (※東京都のサイトから差分を探してマージしただけ) UIも 少しはやったよ!
2020年 何をした? ~ 新型コロナ対策サイト 浜松版 ~ \ ・・・・ /
2020年 何をした? ~ 新型コロナ対策サイト 浜松版 ~ \ もっとできるようになりたい! /
2020年 何をした? ~ にゃーにゃーマップ ~ \ もっとできるようになりたい! / Stay Near,
Enjoy Near (Nuxt.jsを)
2020年 何をした? 新型コロナ対策サイト浜松版へのコントリビュート > マップベースWebアプリの制作 @w2or3w 2020.12.19 浜松IT合同勉強会2020 LT大会
2020年 何をした? ~ にゃーにゃーマップ ~ (Nuxt.js を) \ もっとできるようになりたい! /
\ 沢山できたテイクアウトサイト / \ まとめたい!! / Stay Near, Enjoy Near
2020年 何をした? ~ にゃーにゃーマップ ~ \ 混雑ランプ! / \ 認証店舗!
/ \ Go To Eat! / Stay Near, Enjoy Near 制作期間 約2週間! 5月の頭ごろに1st版完成! 7月頃 9月頃 10月頃 12月末?
2020年 何をした? ~ にゃーにゃーマップ ~ 見どころはバックエンド! WebスクレイピングとGooglePlaceAPIを利用した情報収集とその自動化、 位置情報をキーにした情報検索や管理。
2020年 何をした? ~ にゃーにゃーマップ ~ 位置情報をキーにした情報検索や管理 => Uber’s H3 というものを利用
2020年 何をした? ~ にゃーにゃーマップ ~ 位置情報をキーにした情報検索や管理 => Uber’s H3 というものを利用
• タイプ (PK) • 名前 • 電話番号 • 住所 • 緯度経度 • h3index (Secondary Index) • : クライアントの現在位置(緯度経度) -> h3indexへ変換 DynamoDB(KVS)からh3indexでスパッと選択! この中にある(=h3index) 複数店舗情報をSelect !! ヨッ! \ サーバーレス!! / ~クライアントからのセレクト用~
2020年 何をした? ~ にゃーにゃーマップ ~ 位置情報をキーにした情報検索や管理 => Uber’s H3 というものを利用
type=food |- h3index=xxxxxxxxxxxffff |- shopinfo.json 住所、電話番号、店名、、などの柔軟な検索 ここでも位置情報(h3index)を検索条件に加えることで より効率的かつ低コストな検索が可能となる! ヨッ! \ データレイク!! / ~バックエンドからのセレクト用~
2020年 何をした? ~ にゃーにゃーマップ ~ 位置情報をキーにした情報検索や管理 => Uber’s H3 というものを利用
~バックエンドからのセレクト用~ (計画的に、柔軟な検索が可能!) ~クライアントからのセレクト用~ (バシバシ叩かれても平気!) \ にゃーにゃーマップは / \ バックエンドがテクい / \ サーバーレス!! /
@w2or3w 2020.12.19 浜松IT合同勉強会2020 LT大会 Enjoy OPENDATA with SERVERLESS Thank You
!!