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
Cloudflare PagesにVue.jsアプリをデプロイしてみた
Search
Kazumasa Yamamoto
May 25, 2021
0
600
Cloudflare PagesにVue.jsアプリをデプロイしてみた
Kazumasa Yamamoto
May 25, 2021
Tweet
Share
More Decks by Kazumasa Yamamoto
See All by Kazumasa Yamamoto
ユニークビジョンの Rust 活用事例
fill9120
0
730
Rust & AWS X-Ray による分散トレーシングの実現
fill9120
0
2k
Rust製プロダクトを 3年以上運用して得たノウハウ
fill9120
0
680
Messaging APIを駆使した ChatGPT ボットのUX改善
fill9120
0
330
Rust を開発言語として採用してからの取り組み
fill9120
1
1.7k
ストラクチャードコミュニケーション
fill9120
0
85
Rustでディープラーニング
fill9120
0
330
Rustで定数式を扱う
fill9120
0
370
LINE BotとLIFFを使って謎解きアプリを作った話
fill9120
0
570
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
34
1.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Build your cross-platform service in a week with App Engine
jlugia
227
17k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
Done Done
chrislema
179
15k
Happy Clients
brianwarren
94
6.5k
Fireside Chat
paigeccino
25
2.8k
Scaling GitHub
holman
458
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Unsuck your backbone
ammeep
666
57k
Mobile First: as difficult as doing things right
swwweet
219
8.8k
Transcript
2021年5月25日 Cloudflare Pagesに Vue.jsアプリをデプロイしてみた 1
自己紹介 2 • 名前:山本 一将(@kyamamoto9120) • 所属:ユニークビジョン株式会社 • 言語:C++, Rust,
Python, Ruby • 趣味:将棋、キャンプ、DIY、野球観戦 • 実績:2015年 世界コンピュータ将棋選手権9位
フロントエンド技術は趣味で触る程度 3
今までのLIFFアプリを作るときの構成 4 HTML/JS取得 APIアクセス データ読み書き
Chapter - 01 Cloudflare Pagesとは 5
Cloudflare Pagesとは 6 ⚫ Cloudflare社が提供する 静的サイト ホスティングサービス → 競合するサービスはNetlify, Vercelなど
⚫ 2021年4月に正式リリースされた新しいサービス → 機能追加に意欲的 ⚫ 無料枠の気前が良い
料金プラン 7
Cloudflare社のサービスで構築するJAMスタック 8 HTML/JS取得 APIアクセス データ読み書き Cloudflare Pages Cloudflare Workers Cloudflare
Workers KV
Chapter - 02 デプロイ手順 9
GitHubリポジトリにVue.jsのプロジェクトを作成 10
Cloudflare Pagesのプロジェクトを作成 11
GitHubのリポジトリを選択する 12
ビルドの設定を行う 13
設定が完了するとデプロイが開始される 14
デプロイが完了するとアクセスできる 15
変更をプッシュするとビルド・デプロイが走る 16
まとめ 17 1. Cloudflare PagesにVue.jsのアプリをデプロイしました 2. 手順は簡単です 3. 趣味でWebサイトを作成する際の選択肢の一つになると思います