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
860
Cloudflare PagesにVue.jsアプリをデプロイしてみた
Kazumasa Yamamoto
May 25, 2021
Tweet
Share
More Decks by Kazumasa Yamamoto
See All by Kazumasa Yamamoto
ユニークビジョンの Rust 活用事例
fill9120
2
1.5k
Rust & AWS X-Ray による分散トレーシングの実現
fill9120
0
2.7k
Rust製プロダクトを 3年以上運用して得たノウハウ
fill9120
0
930
Messaging APIを駆使した ChatGPT ボットのUX改善
fill9120
0
360
Rust を開発言語として採用してからの取り組み
fill9120
1
1.8k
ストラクチャードコミュニケーション
fill9120
0
120
Rustでディープラーニング
fill9120
0
400
Rustで定数式を扱う
fill9120
0
430
LINE BotとLIFFを使って謎解きアプリを作った話
fill9120
0
660
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
70
11k
Done Done
chrislema
185
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.1k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Automating Front-end Workflow
addyosmani
1370
200k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Typedesign – Prime Four
hannesfritz
42
2.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
4 Signs Your Business is Dying
shpigford
184
22k
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サイトを作成する際の選択肢の一つになると思います