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
Building Adaptive Systems
keathley
40
2.4k
The Language of Interfaces
destraynor
156
24k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Product Roadmaps are Hard
iamctodd
PRO
51
11k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
How GitHub (no longer) Works
holman
314
140k
Code Review Best Practice
trishagee
67
18k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
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サイトを作成する際の選択肢の一つになると思います