Hatena Blog Tags
はてなブログ トップ
CloudFlare Pages
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

CloudFlare Pages

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
構築中。•2ヶ月前

Cloudflare Meetup Nagoya 第 6 回 NextJS + Pages ハンズオン参加（8/16）

盆休み明け、関東には台風が接近していましたが地元は大丈夫、というわけで参加してきました。 cfm-cts.connpass.com オープニングと亀田さんのセッション 今夜はフロントエンド回エイチームさん、いつもありがとうございます！ #CloudflareUG_ngo pic.twitter.com/QqycvL9G6G— KMiura (@k_miura_io) 2024年8月16日 フロントエンド回…なのですが全然意識していませんでした（勝手に「エッジコンピューティングの使い方回」ぐらいなイメージで）。 まずは亀田さんによるサービス解説#cloudflareug_ngo pic.twit…

ネットで話題

もっと見る
305ブックマーク「Cloudflare Pages」が正式版に。JAMスタックによる高速なWebサイトを構築、CDNに展開へwww.publickey1.jp
220ブックマークCloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめるzenn.dev
192ブックマーク実質無料で使える Hosting Service の比較や使い分けの紹介 2021 (Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun)blog.ojisan.io
132ブックマークCloudflare PagesにそれなりにちゃんとBasic認証をかける | おそらくはそれさえも平凡な日々songmu.jp
110ブックマークCloudflare PagesでURL短縮サービスをつくる！zenn.dev
94ブックマークCloudflare Workers を活かしきるスタックを考えた(remix+d1 on pages-functions) + 残タスクzenn.dev
90ブックマークCloudflare、サーバレスの「Cloudflare Workers」とJAMスタックの「Cloudflare Pages」を統合へwww.publickey1.jp
71ブックマークCloudflare Pagesの`{name}.pages.dev`ドメインに自分だけアクセスできるようにアクセス制限をつける手順efcl.info
67ブックマークCloudflare PagesInstall Cloudflare PagesWhere do you want to install Cloudflare Pages?github-usernameInstall & Authorize Cloudflare PagesInstall & AuthorizeCancel Frontend developers want to build fast and beautiful sites, not play system integrator: bogged down by configuring build systems, setting up environme...pages.cloudflare.com

関連ブログ

*iroi*•3ヶ月前

PlaywrightのレポートをCloudflare PagesにデプロイしてGitHub IdPでアクセス制限する

導入 PlaywrightやReg SuitなどのVRT（Visual Regression Testing）の結果は、HTMLで出力されます。Playwright のヘルプ1 でもレポートをダウンロードして確認する方法が記載されていますが毎回行うのは面倒です。また、レポートをGitHub Pagesにデプロイする方法もありますが、アクセス制限にはEnterpriseプランが必要だったり、Pull Requestごとの結果を保存するのに手間がかかるなどの問題があります 2 3。Amazon S3にレポートを置く方法もアクセス制限が面倒なことが知られています。 そこでこのエントリでは、レポートを…

#CloudFlare Pages#playwright#VRT
LIVESENSE ENGINEER BLOG•5ヶ月前

Q by LivesenseをWordPress on EC2からHugo on Cloudflare Pagesに移行しました

はじめに 技術構成（before）と課題 技術構成（after）と選定の理由 改善したこと パフォーマンスの向上 デリバリー速度の向上 セキュリティ面でのリスク低下 大変だったこと 記事のマークダウン変換 段落分けと改行の区別 字下げ 書式の追加 Lintが必要になった 記事ごとのOGP画像周りの実装 URL変更に伴うリダイレクト設定 標準の検索機能がない おわりに はじめに 技術部の @mom0tomo , @etsxxx です。 技術部では、事業部横断的な仕事としてコーポレートサイトの運用も行っています。このたびWordPress on EC2で運用されてきた弊社のWebメディア（Q by…

#Hugo#GitHub Actions
ENECHANGE Developer Blog•6ヶ月前

Team Blog HubをVercelからCloudflare Pagesに移行しました

VPoTの岩本 (iwamot) です。 ENECHANGEでは、所属エンジニアの個人的なアウトプットをまとめたハブサイト「ENECHANGE Engineers' Articles」を運用しています。 engineer.enechange.co.jp このハブサイトは、OSSのTeam Blog Hubで構築したものです。これを使うと、メンバーのアウトプットが簡単にまとめられます。 先日、ハブサイトのデプロイ先をVercelからCloudflare Pagesに移行しました。 この記事では、なぜ移行しようと思ったのか、また、どのように移行したのか書いてみます。

#CloudFlare Pages#Cloudflare Workers#Team Blog Hub
ユニファ開発者ブログ•10ヶ月前

日々のdaily scrumでアイスブレイクの話題ガチャつくって運用してみた

こんにちは。サーバーサイドエンジニアの伊東です。 この記事はユニファAdvent Calendar 2023の20日目の記事です。 adventar.org 私達のチームでは、daily scrumの冒頭にアイスブレイクを行っています。 アイスブレイクは、テーマに沿った話を１〜３分程度簡単に話すことで行っています。 テーマは、メンバー全員が１周するまで固定で、話す人は毎日入れ替えて実施しています。 そんなアイスブレイクですが、テーマの選定に悩むこともありました。 今回、技術の習得も兼ねて、簡単な話題を引けるガチャを作ってみることにしました。（趣味で）

#アイスブレイク#Cloudflare Workers#CloudFlare Pages
covelline blog•1年前

公式サイトを Next.js に移行しました

こんにちは。先日弊社Webサイトを WordPress から、WordPress をヘッドレス CMS として使った Cloudflare Pages・Next.js 構成へ移行しました。本記事では移行手順についてご紹介します。

#GraphQL#Next.js#TypeScriot
RM-BLOG•2年前

【Next.js】のビルド時間をいくつかのプラットフォームで計測してみた

はじめに 以前Amplifyで個人開発のNext.jsのアプリをビルドさせたら遅すぎて萎えたって話をしたことがあるが、そういえば同じやつを他でビルドしてみたらどうなるんだろうと思って試してみた。その結果のまとめ。

#Next.js#Heroku#Vercel#CloudFlare Pages#AWS Amplify
約束の地•2年前

Cloudflare Pages でリダイレクトを行う方法

結論 1. アカウントメニューの「アカウントの管理」から「構成」→「リスト」とたどり「リスト」を作る このリストを作っただけでは何も起こらない 作成後に編集はできず、削除して新規作成をする必要がある gyazo.com gyazo.com 2. アカウントメニューの「一括リダイレクト」を選択し「一括リダイレクトルールの作成」をする 一つの「ルール」には一つの「リスト」を割り当てることができる いきなり反映するには「保存してデプロイする」で、「下書きを保存する」だとリリースされないでデータだけ保存される 「一括リダイレクト」のトップページで「有効」を ON にするとリリースされる gyazo.c…

#Cloudflare
佐賀県産黒松の備忘録•2年前

Cloudflare Pagesで `Failed: build output directory contains links to files that can't be accessed` が出た時の対応

Nuxt3で作成したプロジェクトをCloudflare Pagesにデプロイするときに、表題のエラーが出ました。 Failed: build output directory not found 等は結構ググれば出てくるし、何となく意味もわかるのですが、こちらは見つからず。 解決方法は単純で、 ビルド出力ディレクトリ の部分を、 /dist から /.output/public に変更すればOKでした。 generateを実行した際、 /dist が元々 /.output/public へのリンクになっていたと思うんですが、それがうまく貼られなかったということなんですかね...。

#CloudFlare Pages#Nuxt3
ナカザンドットネット•10日前

Cloudflare Meetup NiigataとRemix Tokyo Meetupで登壇してきました

技術記事はzennに書くことが多くなりましたが、登壇報告はまあこっちでいいでしょう。 8/25に行われたCloudflare Meetup Niigataと、9/25に行われたRemix Tokyo Meetupで登壇してきましたのでご報告しますー。 Cloudflare Meetup Niigata #1 8/25はCloudflare Meetup Niigata #1 に登壇しました。仕事で7月にリリースしたキャラつくAIの事例をどうしてもCloudflareのイベントで喋りたくて、主催のkasacchifulさんを唆して開催した形になります。新潟なら家庭内稟議が通りやすいので……。わが…

以下省略!•1ヶ月前

カスタムドメインなCloudflare R2へのリクエストがHTTP/1.1になるの、なんかモヤる

(記事画像は適当) タイトルで言いたいことは言っている系記事。cdn.gudako.netはCloudflare R2から呼び出しているのだが、仕様なのかは知らんがHTTP/1.1でのアクセスとなってしまう件。Cloudflare Pagesなgudako.netはちゃんとHTTP/2やHTTP/3となっている。CDN通しているわけだからHTTP/2 or 3になってもいいのに。謎やわ。

newmo 技術ブログ•1ヶ月前

monorepo内でのパッケージのバージョンを1つだけに統一するOne Version Ruleをpnpm catalogで実装する

newmoでは、フロントエンド、バックエンド、iOSやAndroidなどのモバイルアプリをすべて同じリポジトリで管理するmonorepoを採用しています。 monorepoを採用することで、アプリケーション間で共通のコードを共有することができたり、CIの管理が楽になったり、他のチームのコードを見るのにわざわざリポジトリをcloneする必要がなくなります。 また、monorepoを採用することで、アプリケーションが利用しているパッケージ(ライブラリやツール)のバージョンを1つだけにするOne Version Ruleが実装できます。 One Version Rule One Version Ru…

以下省略!•2ヶ月前

とりあえずマトモなgudako. netを公開しました

先日あともう少しでマトモなgudako.netのトップページができそうと書いたが、今日とりあえず完成としてマトモなgudako.netを公開した。Cloudflare Pagesを使ってGitHubの公開リポジトリ上にあるページを公開している。今後プロフィールの追加など充実化したい感。ちなみにrita.xyzも同じ仕組みで公開しているが、リポジトリ自体は非公開である。

コミュ障だから明日が僕らをよんだって返事もろくにしなかった•2ヶ月前

読むだけPages

読みましたという記録を残すためだけのブログ はい、おはようございます。僕です。今日もどうでもいいことを書いていきます。僕に出来るのはどうでもいいことを書き続けて死ぬしかないのです。というわけでコレの使い方を読みます。 pages.cloudflare.com 謎のCDN会社の提供している謎のホスティングサービス。無料枠でもそこそこ堅牢で速いからいいらしいって書いてあったけども実際のところはしらない。使い方はここに書いてあった。 Get started · Cloudflare Pages docs GitHubPagesからいじるとメリットがよくわからん…。僕が無料枠しか使わないからというのも…

SO Technologies 開発者ブログ•2ヶ月前

今さらCloudFlare Pagesの手軽さに感動した話

1. CloudFlareとは みなさん、こんにちは。パートナービジネス（AG-Boost）事業部でエンジニアの清水です。 今日はCloudFlareに興味があり使ってみたところAWSとの違いに感動したのでそのことについて書きます。 CloudFlareは、ウェブサイトをより速く、安全にするためのサービスを提供している企業です。 CDNというイメージがありますが、AWSの「S3」に対応する「R2」や「CloudFront」「Route53」「S3」全ての機能を持ったPagesなどWebサービスを運用するための機能全般的に揃っています。 国内の大手企業でWebエンジニアをスタートした人はAWSか…

天の月•2ヶ月前

フロントエンド開発最前線 ~ Developer Experience を最大化するには ~に参加してきた

aws-dev-live-show.connpass.com こちらのイベントに参加してきたので、会の様子と感想を書いていこうと思います。 会の概要 会の様子 開発者体験とは？ 開発者体験を考慮したフロントエンド技術の判断軸 フロントエンドのテスト テスティングトロフィー フロントエンドのデプロイ Q&A UI TestでAPIが用意されていないときにどういう風にテストをしているか？ E2Eテストはどこまでやるべきか？ 会全体を通した感想 会の概要 以下、イベントページから引用です。 フロントエンド開発は近年、めまぐるしい変化を遂げています。React や Vue などのフレームワークの台頭、…

ishikawa_pro's memorandum•3ヶ月前

Platform Engineering Kaigi 2024 に運営 & 登壇者として参加しました

お久しぶりです。 Platform Engineering Kaigi 2024 というカンファレンスがあって、運営として携わったのと、弊社の親会社(サイバーエージェント)でスポンサーもしてもらって、スポンサーブースの出展やスポンサー枠での登壇もしたので、今日はその振り返りです。 経緯 もともと Platform Engineering Meetup(PFEM) という勉強会の運営に関わっていたので、その流れでカンファレンスの運営にも関わらせてもらいました。 platformengineering.connpass.com 運営として何をやっていたか 当日の運営以外では、 PEK のウェブサイ…

メモ的な思考的な•3ヶ月前

Cloudflare Pages・Workers + Hono + React + Chart.js で食べたリンゴの割合をグラフ化してみた

今まで、「食べたリンゴの割合をグラフ化するアプリ」をGoogle Cloud Runで動かしてきました。 Python + Django + Highcharts + Coogle Cloud Cloud Run + Cloud Storage + Litestream で食べたリンゴの割合をグラフ化してみた - メモ的な思考的な 運用する中で、 コールドスタートがやや気になる めったに使わないアプリとはいえ、使うときにはさっと起動すると嬉しい DB(Litestream + SQLite)をCloud Storageに置いているので、テーブルの中身を確認しづらい Cloud Runはほとんど…

LIVESENSE ENGINEER BLOG•4ヶ月前

立ち話から始まる業務改善、リブセンスのソリューションチーム

はじめに 立ち話から株価通知くん、爆誕 技術投資とソリューションチーム 越境とソリューションチーム 具体事例 株価通知くん メンション集約くん ユーザー管理システムの権限移譲 今後について はじめに 技術部インフラGの鈴木です。先日金沢競馬で最終レースで全てを取り返す体験をしたところ、久しぶりに生きていると感じました。 ところで、今回は以前こちらの勉強会にて話した内容をもとに、今年から始まった「会社に紐づくエンジニアリング」を行うソリューションチームの活動についてお話しします。 勉強会の時に使用したスライドは以下となります。 speakerdeck.com 立ち話から株価通知くん、爆誕 リブセ…

メモ的な思考的な•4ヶ月前

CloudflareのService Bindings RPC を使って、Bun + Hono な Pages と Workers を連携してみた

Cloudflare環境でアプリを作っていたところ、Cloudflare Workers(以降Workers) で Service Binding RPC が使えると知りました。 Service bindings - Runtime APIs · Cloudflare Workers docs Service bindings - RPC (WorkerEntrypoint) · Cloudflare Workers docs Remote-procedure call (RPC) · Cloudflare Workers docs We've added JavaScript-native …