Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cloudflare PagesにVue.jsアプリをデプロイしてみた

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Kazumasa Yamamoto Kazumasa Yamamoto
May 25, 2021
0
980

Cloudflare PagesにVue.jsアプリをデプロイしてみた

Avatar for Kazumasa Yamamoto

Kazumasa Yamamoto

May 25, 2021
Tweet

More Decks by Kazumasa Yamamoto

See All by Kazumasa Yamamoto
ユニークビジョンの Rust 活用事例
Avatar for Kazumasa Yamamoto fill9120
2
1.7k
Rust & AWS X-Ray による分散トレーシングの実現
Avatar for Kazumasa Yamamoto fill9120
0
2.8k
Rust製プロダクトを 3年以上運用して得たノウハウ
Avatar for Kazumasa Yamamoto fill9120
0
1k
Messaging APIを駆使した ChatGPT ボットのUX改善
Avatar for Kazumasa Yamamoto fill9120
0
370
Rust を開発言語として採用してからの取り組み
Avatar for Kazumasa Yamamoto fill9120
1
1.8k
ストラクチャードコミュニケーション
Avatar for Kazumasa Yamamoto fill9120
0
130
Rustでディープラーニング
Avatar for Kazumasa Yamamoto fill9120
0
420
Rustで定数式を扱う
Avatar for Kazumasa Yamamoto fill9120
0
450
LINE BotとLIFFを使って謎解きアプリを作った話
Avatar for Kazumasa Yamamoto fill9120
0
710

Featured

See All Featured
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
220
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
340
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
420
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
500
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
140

Transcript

  1. 2021年5月25日 Cloudflare Pagesに Vue.jsアプリをデプロイしてみた 1

  2. 自己紹介 2 • 名前：山本 一将（@kyamamoto9120） • 所属：ユニークビジョン株式会社 • 言語：C++, Rust,

    Python, Ruby • 趣味：将棋、キャンプ、DIY、野球観戦 • 実績：2015年 世界コンピュータ将棋選手権９位

  3. フロントエンド技術は趣味で触る程度 3

  4. 今までのLIFFアプリを作るときの構成 4 HTML/JS取得 APIアクセス データ読み書き

  5. Chapter - 01 Cloudflare Pagesとは 5

  6. Cloudflare Pagesとは 6 ⚫ Cloudflare社が提供する 静的サイト ホスティングサービス → 競合するサービスはNetlify, Vercelなど

    ⚫ 2021年4月に正式リリースされた新しいサービス → 機能追加に意欲的 ⚫ 無料枠の気前が良い

  7. 料金プラン 7

  8. Cloudflare社のサービスで構築するJAMスタック 8 HTML/JS取得 APIアクセス データ読み書き Cloudflare Pages Cloudflare Workers Cloudflare

    Workers KV

  9. Chapter - 02 デプロイ手順 9

  10. GitHubリポジトリにVue.jsのプロジェクトを作成 10

  11. Cloudflare Pagesのプロジェクトを作成 11

  12. GitHubのリポジトリを選択する 12

  13. ビルドの設定を行う 13

  14. 設定が完了するとデプロイが開始される 14

  15. デプロイが完了するとアクセスできる 15

  16. 変更をプッシュするとビルド・デプロイが走る 16

  17. まとめ 17 1. Cloudflare PagesにVue.jsのアプリをデプロイしました 2. 手順は簡単です 3. 趣味でWebサイトを作成する際の選択肢の一つになると思います