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
640
Cloudflare PagesにVue.jsアプリをデプロイしてみた
Kazumasa Yamamoto
May 25, 2021
Tweet
Share
More Decks by Kazumasa Yamamoto
See All by Kazumasa Yamamoto
ユニークビジョンの Rust 活用事例
fill9120
0
810
Rust & AWS X-Ray による分散トレーシングの実現
fill9120
0
2k
Rust製プロダクトを 3年以上運用して得たノウハウ
fill9120
0
710
Messaging APIを駆使した ChatGPT ボットのUX改善
fill9120
0
330
Rust を開発言語として採用してからの取り組み
fill9120
1
1.7k
ストラクチャードコミュニケーション
fill9120
0
88
Rustでディープラーニング
fill9120
0
330
Rustで定数式を扱う
fill9120
0
370
LINE BotとLIFFを使って謎解きアプリを作った話
fill9120
0
580
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Building Flexible Design Systems
yeseniaperezcruz
324
37k
4 Signs Your Business is Dying
shpigford
179
21k
Building Applications with DynamoDB
mza
89
5.9k
Done Done
chrislema
180
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
25
5k
Statistics for Hackers
jakevdp
793
220k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
22
3.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
Designing Experiences People Love
moore
138
23k
The Invisible Side of Design
smashingmag
295
50k
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サイトを作成する際の選択肢の一つになると思います