タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
カウンターワークスで主にDevOpsなところでお手伝いしている@tchikubaです。ベンチャー企業のTech支援やアジャイルコーチ、エンジニア向け研修など複数社に関わってます。 この記事では、HTML・CSS主体の静的ページをVercelを使って配信していた構成を、Cloudflare Pages（以下Pages）で配信するように変更した話をお届けします。 歴史的経緯 そもそもなんで静的ページをVercelで配信してたん？ってところです。 課題感 もともと、動的なアプリケーションの構成が、フロントエンド = Next.js（Vercel）、バックエンド = Ruby on Rails（AWS）で、特にバックエンドとのAPI通信を必要としないページもフロントエンド環境に組み込まれていました。 1枚もののLPやよくあるフッター系のページ（ex. プライバシーポリシー）くらいならそのままでも良
ALB TargetGroup を切り替えて S3 上の静的ページを表示する(HaMaMo! ハマスタモバイルオーダーの事例）[DeNA インフラ SRE] | BLOG - DeNA Engineering
2023.12.15 技術記事 ALB TargetGroup を切り替えて S3 上の静的ページを表示する(HaMaMo! ハマスタモバイルオーダーの事例）[DeNA インフラ SRE] by yuto.ota #ydb #hamamo #aws #infrastructure はじめに こんにちは，IT 本部 IT 基盤部第一グループの大田です． IT 基盤部では，DeNA のグループ子会社等も含めて横断的に複数のサービスのインフラ運用を行っています． 今回は，横浜DeNAベイスターズ（以下，YDB）の HaMaMo! というサービスについて，IT 基盤部が関わっているインフラ部分の構成について一部ご紹介します． HaMaMo! とは HaMaMo!（ハマスタモバイルオーダー）は、 ハマスタオリジナルフードを、スマホでオーダーして、完成通知を受信後に、 受け取りに行くだけの便利なオーダ
![ALB TargetGroup を切り替えて S3 上の静的ページを表示する(HaMaMo! ハマスタモバイルオーダーの事例）[DeNA インフラ SRE] | BLOG - DeNA Engineering](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b4ff31d50480362d641df055d98e3b11303ccf9/height=288;version=1;width=512/https%3A%2F%2Fengineering.dena.com%2Fblog%2F2023%2F12%2Fydb-mobile-order-infra-arch%2Fcover.png)
Railsでpublic以下の静的ページ（404.htmlといったエラーページ等）をデプロイ時に生成するgemを作った - Qiita
はじめに: 404.htmlや500.htmlといったエラーページをhtmlで直接書くのって面倒じゃないですか？ Railsでは独自デザインの404ページや500ページをpublic/404.htmlやpublic/500.htmlに置くことができます。 ただし、このファイルは静的なファイルなので、HTMLやCSSも静的にしなければなりません。 そのためデザインをサイト全体で合わせようとして、以下のようにHTML内にがんばって静的なCSSを埋め込んだりしているケースもあるのではないでしょうか？ <html> <head> <style type="text/css"> // コンパイル済みのapplication.cssからコピペした自前のCSSが何百行も並んだり // ... // ... // ... </style> <!-- もしくはpublic以下に専用のcssファイルを用意した
静的ページと動的ページの違いとメリット・デメリット
manaable（マナブル）は、利用ユーザー数25万人を突破した医療団体向け研修管理システムです。会員や研修から決済・受講・アンケートまで、研修管理に必要な機能を網羅。あらゆる業務の一元管理を可能にしたシステムだからこそ、お客様に合わせた革新的で最適な研修体制をご提供します。 静的ページ 静的ページとは、いつどこでアクセスしても毎回同じものが表示される、HTMLファイルで作成されたWebページのことです。ユーザーの要求に対して、Webサーバーが要求されたデータをそのままブラウザに送信し、表示します。静的ページは、そのWebページの制作者が更新をしない限り内容は一切変化しません。静的ページは企業の紹介サイトなど、ユーザーの入力内容や環境によって表示に差が出てしまうと困る内容を掲載するのに適しています。 動的ページ 動的ページとは、アクセスしたときの状況に応じて異なる内容が表示されるWebペー
Pythonスクレイピング：JavaScriptによる動的ページ、静的ページ、キャプチャ取得のそれぞれの手法をサンプルコード付きで解説
Pythonスクレイピング：JavaScriptによる動的ページ、静的ページ、キャプチャ取得のそれぞれの手法をサンプルコード付きで解説 2020年4月16日 プログラミング takatan69 PythonはWebスクレイピングするのに大変便利な言語です。ライブラリーが充実しているため、簡単にWeb上のデータを取得することができるのです。今回はPythonで可能な2種類のスクレイピングの手法についてまとめてみました。 目次 Webスクレイピングを実施するために知っておくべきこと静的なhtmlからデータを取得する（BeautifulSoup4）動的にJavaScriptで出力されるhtmlのデータを取得する（Selenium & ChromeDriver ）Webサイトのキャプチャを取得するには？まとめ 1. スクレイピングを実施するために知っておくべきこと まずスクレイピングをする前に知っ
S3に静的ページを独自ドメインを利用してホスティングする - RAKUS Developers Blog | ラクス エンジニアブログ
始めに 弊社では、数行と画像１枚の静的ページを表示させるためだけ に、1台サーバーを構築し保守運用してました。 それだけのために、1台のサーバーを保守運用するの馬鹿らしくね？？？？？？ ＼＼＼うん！馬鹿らしい／／／ ということで、AWS上に移行すること となりました にしました。 今回は、S3とCloudFrontを利用して静的ページを表示させる設定をご紹介させていただきます。 初歩的な内容となりますので、これから静的ページを作りたいんだけど！といった方向けの内容となります。 始めに 要件 構成について AWSの利用サービス 構成図 実際の設定手順 S3設定 1. バケット作成 2. indexファイルのアップロード CloudFront設定 1. ディストリビューションを作成 2.ポリシー設定 3.接続確認 Route53 設定 1. カスタム SSL 証明書発行 2. CNAME登録
Gatsbyの静的ページ遅延生成機能であるDSGを使ってビルド時間を短縮してみた。 | DevelopersIO
どうも、ベルリンオフィスの小西です。 本日はGatsbyのビルド時間を短縮する仕組み DSG を使ってみたので紹介します。 GatsbyのDSGってなぁに？ DSG (Deferred Static Generation)はGatsbyのバージョン4から追加された機能で、一部のページの生成を、ビルド時ではなくアクセスがあって初めて行います。 自分は 静的ページ遅延生成機能 と訳すとしっくりきました。 Gatsbyは静的ページ生成フレームワークのため、基本的にサイトビルド時に全ての静的ページを生成します。 これによりユーザーがどのページをリクエストしても高速なページの表示が可能になるのですが、一方でページ数が増えるに従ってビルド時間も比例して増えていくことになります。 数百ページ程度なら問題になることはないと思いますが、ヘッドレスCMSなどを使って数千ページ以上の規模になってくると、一回一回
静的ページと動的ページの違い - Qiita
何度アクセスしても同じものが表示されるWebページ 企業や団体の紹介サイトなどはいつも同じ情報を表示する必要があるため、一般的に静的ページで構成される。Webはもともと研究資料を閲覧するために開発されたものであり、静的ページを表示するだけで十分だったが、徐々に用途が拡大し、閲覧するユーザーの状態や要求に応じて表示する内容を変化させる動的ページの技術が生まれた。 アクセスした時の状況に応じて異なる内容が表示されるWebページ 動的ページの例としては、ユーザーが書き込むたびに内容が増えていく掲示板サイトやログインするユーザーごとに異なる情報を表示する会員サイト、Googleなどの検索サイトの結果表示などがある。 動的ページの仕組み Webブラウザから要求を受信したWebサーバーでは、CGI(Common Gateway Interface:プログラムを起動する際の起動方法（環境変数の名前や値）
S3の静的ページでのindex.htmlについて
現在、AWSのS3で静的ページを作っているのですが、backet直下のindex.htmlは正常に表示ができています。 階層化した（例えば、backet/hoge/hogehoge/index.html）のindex.htmlが表示されません。 直下以外はindex.htmlを表示させることは出来ないのでしょうか。 ※.htaccessで出来ないかと思ったのですが、そもそもS3は.htaccessが動きませんでした。 S3の設定でどうにかなるものでしょうか。
今さら…というツッコミが聞こえてきそうですがちょっと待ってください。 React.js/Auth0はAuth0の公式にサンプルがありますが、今回はNext.jsを選択しています。 そして、 Next.js/Auth0もAuth0公式にサンプルがあるのですがこれはSSRのサンプルであり、SSGのサンプルはありません。 このNext.js/Auth0/SSGのパターンは、ググっても記事が無くハマりどころがあったのでまとめていきます。 本記事を通してNext.js/Auth0/SSGの構成で認証認可の実装を体験できます。 想定所要時間は5〜10分です。 補足 基礎の組み合わせの話なので、React.js/Next.jsをちゃんと理解している方はハマらないと思います。 本記事は、最終的にはCloudFront/S3の静的サイトホスティングを利用する場合を想定しています。 それでは、はじめていきまし
![[Auth0]Next.jsで生成した静的ページに認証を追加してみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e81bc75025d4e88341afa9e9fc9af0a236024e2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F10%2FAuth0ByOkta.jpg)
何を書いた記事か AWS S3を用いて静的ページをホスティングする際のTipsです。 特に、apacheなどで配信されていた静的ページをS3に移行する際に使えると思います。 apacheなどのMWがよしなに解析してくれていたURI PathをS3を用いたホスティングでどのように実現するかについて記載します。 ストーリー とあるWebサイトのクラウド移行案件を進めることになりました。 そのWebサイトには、静的コンテンツ（HTML/CSS/JavaScript）のみで構成されたLP（静的ページ）が存在することがわかり、せっかくクラウドに移行するので、信頼性の高いS3から配信するようにしようと考えました。 また、対象のLPは接続できるIPに制限をかける必要があり、その実現についても考える必要がありました。 As-Is apacheで静的ページを配信 LoadBalancerでSSLを終端し、F
今使っているドメインで「suuupe.com」の直下に入れてるのがHTMLで作ってるページをフロントに設けてるんですけど、その配下にディレクトリ型で色々付け足していってる形でサイトを構成しているんですが、どうやらSSLの設定が上手く出来てなかったみたいで、httpに飛んだりhttpsに飛んだりしていたので1個ずつ見て行きました。 WordPressで作ってるサイト「https://suuupe.com/s_portal/」こっちは.htaccessを直したりプラグインの力を借りてSSLの常態化が出来たはずだったんですけど、それでもリダイレクトがちょっとおかしくてクッキーやらキャッシュをクリアしても時々httpに飛んで行ってしまったりもしていました。 そこでフロントページに置いている静的ページの方を見てみると、どうやってもhttpsに飛ばずSSLが利いてないようでした。 （サーバーの方ではS
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/89d69da1ff63f03a6134b1ba08325495afbaf56e/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2024%2F06%2F000_basic_web_app.png)
Vercelで配信していた静的ページをVite + Cloudflare Pagesに置き換えた
![家族で情弱には厳しいと噂のディズニーランドに行ってきたので乗ったアトラクションとかかった金額を公開します - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbfe9afd897e6319726fdcc524ffadff1c28209a/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20240610%2F20240610182527.jpg)
[Auth0]Next.jsで生成した静的ページに認証を追加してみた | DevelopersIO
apacheからS3に静的ページを移行してパス補完で詰まった話 - Qiita
静的ページと動的混在で常時SSLの設定が上手くいかなかった時の対処 - プログラミング未経験者の備忘録
search.app
www.nikkei.com
xn--u9ju60gogrl3mltj.life
note.com/142857tatsuta
togetter.com
zenn.dev/tetsu_koba