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
750
Cloudflare PagesにVue.jsアプリをデプロイしてみた
Kazumasa Yamamoto
May 25, 2021
Tweet
Share
More Decks by Kazumasa Yamamoto
See All by Kazumasa Yamamoto
ユニークビジョンの Rust 活用事例
fill9120
0
1.2k
Rust & AWS X-Ray による分散トレーシングの実現
fill9120
0
2.4k
Rust製プロダクトを 3年以上運用して得たノウハウ
fill9120
0
830
Messaging APIを駆使した ChatGPT ボットのUX改善
fill9120
0
350
Rust を開発言語として採用してからの取り組み
fill9120
1
1.8k
ストラクチャードコミュニケーション
fill9120
0
100
Rustでディープラーニング
fill9120
0
360
Rustで定数式を扱う
fill9120
0
400
LINE BotとLIFFを使って謎解きアプリを作った話
fill9120
0
610
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
510
Faster Mobile Websites
deanohume
306
31k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
For a Future-Friendly Web
brad_frost
176
9.6k
How STYLIGHT went responsive
nonsquared
98
5.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Git: the NoSQL Database
bkeepers
PRO
427
65k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
A better future with KSS
kneath
238
17k
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サイトを作成する際の選択肢の一つになると思います