AWS Amplify ホスティングで、Amplify でホストされるアプリケーションをほぼリアルタイムでモニタリングできるようになりました。Amplify は、受信リクエスト、ダウンロードされたバイト数、アップロードされたバイト数、4XX/5XX エラー、レイテンシ―に関するメトリクスに関するダッシュボードを提供します。Amplify コンソールで CloudWatch アラームを作成し、特定の条件が満たされたときに通知を送信することができます。1 つのアラームは 1 つのメトリックをモニタリングし、メトリクスで評価の特定の数のしきい値に達した時に Amazon Simple Notification Service 通知を送信します。
概要 以前 のブログで、Azure でフルマネージドの認証基盤を使ってサイトのホスティングはできないような話を書いたが、新たに Static Webapps なるサービスの Preview が発表され、めでたく要件が実現できるようになった。 しかも、Google AppEngine × IAP では面倒だった、ロールベースで URL 毎に閲覧制限をかけることも手軽にできそうなので、早速試してみた。 やりたいこと Hugo の静的サイトをホスティング ホスティングしたサイトに Azure AD 認証ベースで、特定のユーザーしか閲覧できないページを作る やるべきこと概要 これらを実現するためには、下記のようなことをすればよい。 GitHub のリポジトリ上に、Hugo(静的サイト) のプロジェクトを作成 Azure Portal から Static Webapps を作成。上記 リポジトリとつ
いつも「2Style.net無料ホームページサービス/無料レンタルサーバーホスティング」をご利用いただきありがとうございます。 「2Style.net無料ホームページサービス/無料レンタルサーバーホスティング」はサービス開始以来、多くの皆様にご利用いただきましたが、諸般の事情により2022年3月31日をもちまして、一部サービスを除き、終了させていただきました。 長らくのご利用、誠にありがとうございました。 ◆終了サービス ・無料プラン ・有料プランα ・レンタルオプション（掲示板・チャット等全オプション） ・2Styleランキング ◆継続サービス ・有料プランβ ・有料プランγ ※有料プランβおよびγをご利用の方は、以下のURLでお知らせ等をご案内しております。 https://ex2.2style.net/ https://c2k.jp/st/index.php 本件に関するお問い合わせ
sphinx-quickstart で Sphinx の初期設定を対話的に行うことができる。<target> で指定されたディレクトリの下に Sphinx のファイルが生成される。省略するとカレントディレクトリの下に作られる。今回は docs_src 以下にファイルを作る。 実行後、以下のようなファイルが生成される。 docs_src ├── Makefile ├── build ├── make.bat └── source ├── _static ├── _templates ├── conf.py └── index.rst
Firebase HostingとCloud Functionsを使ってHonKitで生成した静的ページをBasic認証付きでホスティングする - Output::Weblog
ひょんなことからタイトルにあるようなことをやってみたので、その作業ログを残しておきます。 *作業ログを残すのは途中でなにか煮詰まったときに思考を客観視できたり、後々役に立つことがあるので習慣にしています。 やりたいこと - Markdownで書いているドキュメント（GitHubで管理している）をWebで見れるようにしたい - 不特定多数に公開するものではないので、簡易的な認証も欲しい - 無料で試したい Markdownで書いているドキュメントをWebで見れるようにするためにHonKitを使うことはすぐに決められたのですが、認証をかけるためにどこにホスティングするかちょっと迷いました。 はじめはHerokuかなぁと思っていたのですが、作業ログにあるように少し躓いてしまい、調べていくと最近はFirebaseがモダンなようだったので試してみることにしました。 （本当はNetlifyが一番よさそ
同じECSインスタンスを使用して複数のウェブサイトをホスティングするDevOpsの方法 - Qiita
このチュートリアルでは、Docker Composeとリバースプロキシを使って、同じECSインスタンスを使って2つ以上のWebサイトを実行する方法を学びます。 本ブログは英語版からの翻訳です。オリジナルはこちらからご確認いただけます。一部機械翻訳を使用しております。翻訳の間違いがありましたら、ご指摘いただけると幸いです 。 なぜこのアプローチなのか？ ほとんどの場合、アリババクラウドECSインスタンスを取得したときには、1つのウェブサイトやアプリケーションにのみ使用します。しかし、家族と写真を共有したり、新しいブログを立ち上げたり、基本的にはコンテンツをホストして提供するために別のECSインスタンスを必要とするような、他のことに使用する必要がある場合もあります。このソリューションは、安定性のために推奨されていますが、時にはやりすぎてしまうこともあります。静的なサイトや小さなブログを運営する
Nuxt.js + Firebase + Netlifyでログイン認証＋Push通知機能のあるPWAを作る(その1) - 環境構築(Nuxt、Firebase設定、Netlifyホスティング、自動デプロイ) - Qiita
Nuxt.js + Firebase + Netlifyでログイン認証＋Push通知機能のあるPWAを作る(その1) - 環境構築(Nuxt、Firebase設定、Netlifyホスティング、自動デプロイ)Vue.jsFirebasePWANetlifyNuxt Nuxt.jsを使うと簡単にPWAアプリが作れるのでログイン認証＋プッシュ通知機能のあるアプリを作ってみます。 量が多くなるので３回に分けて書いていきます。 第2回と第３回の記事はこちらになります - 第2回 Nuxt.js + Firebase + Netlifyでログイン認証＋push通知機能のあるPWAを作る(その2) - ログイン処理、ユーザ登録、認証処理実装 - Qiita - 第3回 Nuxt.js + Firebase + Netlifyでログイン認証＋push通知機能のあるPWAを作る(その3) - Push通知受
自前でホスティングしている Redash のQueryを公式の Redash に移す - Qiita
自前でホスティングしている Redash(v1.0.3) を公式（SaaS）のRedash(v7) に移しましたまとめです。 いくつかの方法が見つかるのですが、SaaSなのでDBダンプなどの方法は取れませんでした。 フォーラムで聞いてみたところ、マイグレーション用のスクリプトを教えてもらいました。 How to migrate self hosted redash queries to official redash service? Migration script for V4 ただ、移行したいのが Query のみ && import_users() メソッドがうまく動かなかったため、以下のように一部書き換えました。 全て meta で定義した 1番目のユーザーが作成したクエリとして登録されます。
はてなブログの自作テーマのCSSをGitHub Pagesでホスティングして本番反映を楽にするテク - ふるつき
はてなブログにはテーマという概念があって、ブログのデザインをガッと変更できる。 テーマははてなブログオフィシャルのテーマやテーマストアにあるものをインストールしてきても良いけど、自分で作ることもできる。ちょっと見た目を変えたいブログができたので、一個テーマを作ってみた。誰かに使ってもらいたいということはないので、テーマストアでは公開してない。 github.com 上記自作テーマはHatena-Blog-Theme-Boilerplateというのをベースにしている。このボイラープレートはどうやってテーマを作っていけば良いとか、どこにスタイルをあてたらよいとか、ブログに実際に反映するには、とかがさっとわかるようになっている。そして、デザインテスト用のブログを一つ作っておけば手元のviteでHMRした結果がさっと確認できてめちゃめちゃ体験が良い。 github.com というのが前節で、ここか
※この投稿は米国時間 2023 年 4 月 11 日に、Google Cloud blog に投稿されたものの抄訳です。 ライブイベントのホスティングを成功させるには、相当なレベルの計画と準備が必要です。Google Cloud は、重要なライブイベントを世界規模で配信するお客様をサポートしてきました。最近では、2022 FIFA ワールドカップのサッカーの試合を Media CDN を使用して世界中に配信しました。予期せぬタイミングで大勢の人が同時に視聴するというこのワークロードの特性は特殊です。この記事では、数々のベスト プラクティスおよびメディア パートナーとの連携によって得た教訓について、インフラストラクチャの計画、セキュリティ、そして Google Cloud プロダクト（コード変換のための Live Stream API、送信元のための Google Cloud Storage
LAN環境での【IISホスティング】の許可設定
LAN環境で、Webアプリのサーバーを立て、別のマシンがそのアプリにアクセスできるようにするため方法方法メモです。 実際外部に公開する際は、httpsにするために証明書を設定したり、IPアドレスとドメイン名を紐づけたりなどの設定も必要ですが、 とりあえず今回はLAN環境でのIISホスティングをメインにお話ししていきます。 やること一覧 マシンAのIISのDefaultWebSite/abcアプリでのアクセス許可 マシンAのIISのDefaultWebSiteへのアクセス許可 マシンAのファイアウォールのWorldWideWeb:HTTP通信の許可 また、マシン内でIISホスティングする場合は、以下の記事を参考にしてください。併せて読めば、理解も深まると思います。 【Visual Studio 2019 & .net core でIISホスティングをする①】 【Visual Studio 2
１週間無料トライアル！ Claris FileMaker Server 専用 クラウドサーバーホスティングサービス 専用クラウドサーバーで安全安定稼働 面倒なサーバー設定作業不要 安心のセキュリティ機能標準装備 Claris FileMaker®のパフォーマンスを ビジネスシーンで最大限に引き出す FMHostプライベートは、FileMaker Server（ファイルメーカー サーバー）専用のクラウドサーバーホスティングサービスです。FileMaker Server の知識がなくても、どなたでもカンタンにセキュアな FileMaker Server 環境をご利用いただけます。価格やライセンスについてお気軽にご相談下さい。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
この記事はMOSH Advent Calendar 2024の1日目の記事です。 LINEの問い合わせ対応の窓口の一次対応ボットをHonoで実装したのでその話をします。 お問い合わせ基盤について MOSHではチャネルトークという顧客管理及びチャットサポートのサービスを利用しており、ユーザーとのやりとりはチャネルトーク経由で対応しています。 今回紹介するLINEの対応についてもチャネルトークの外部連携機能を使ってLINEに届いたメッセージをチャネルトーク内の受信ボックスに転送しています。 今回やりたいこと 今回はLINEからチャネルトークに接続している部分にWebhookを受信するアプリケーションを挟み、そこで独自の処理を入れます。 処理自体はシンプルで、特定のワードに対して適切な選択肢を返してあげる(対応する選択肢がなければ自動応答メッセージを送信)という機能を実装するだけです。 Befo
※S3については、前回で解説したので省略。 CloudFront 高性能な分散配信 (世界187拠点の接続ポイント) ※2019年7月時点 高いパフォーマンス (高いパフォーマンスの実績) キャパシティアクセスからの解放 (予測不可能なスパイクアクセスへの対応) ビルトインのセキュリティ機能 (WAF 連携、DDoS 対策) 設定が容易で即時利用可能 (GUI からの設定で15 分程度でサービス利用可能) 充実したレポーティング (ログ、ダッシュボード、通知機能) 完全従量課金 (初期費用がなく安価、一時的な利用も可能) CloudFront 用語 名前 読み方 概要
はじめに このチュートリアルを実際にやってみた記録です。 できるようになること GitHubに登録した静的なウェブサイトをAmplifyで公開します。GitHub上のコンテンツが更新されると自動的に再デプロイされる仕組みになります。 準備するもの AWSのアカウント GitHubのアカウント 手順 実際のチュートリアルの中ではReactのコンテンツを作っていますが、React環境がなかったためindex.htmlファイルが一つの簡易コンテンツ版としました。gitコマンドの操作わからなかったのでGitHubのウェブサイトから操作しています。 GitHubにRepositoryを作成してhtmlファイルを置く GitHubにログインし、右側の「+」マークを押して、「New repository」を選択する。 「Repository name」を適当に入力したら「Create repositor
今回のクレジッドカード情報漏えいに関して気になったのですが、ECSのようなものの上でjsファイルを含むWebアプリをホスティングしている場合でも同様の事象は起こり得るのでしょうか。 個人的な理解として、フレームワーク等にRCEなどが存在する場合は例えばコンテナ内部のファイルがjsファイルが改ざんされることはあり得ると思っています。ただ、デプロイが頻繁に起こる環境の場合、ファイル改ざんが行われたとしてもすぐに正常なファイルに上書きされ得るため、（もし脆弱性が修正されなかった場合）攻撃者はスクリプトなどを用いて同様の脆弱性を継続的に突く必要があると思うのですが、そのような攻撃は実際に発生しているのでしょうか。
飼育動物は単なる負担？「やっと全部いなくなった」 学校での動物飼育の状況に変化を感じている人は多いはずだ。かつては多くの小学校に屋外設置の飼育小屋があり、飼育委員や飼育係は子どもたちに人気の役割だった。だが今日、その「かつての当たり前」に異変が起きている。 「変化の最大の要因は学校の改革にあると思います。学校動物の飼育数は極端に減っており、私たちの管轄する地域の学校でも、鳥類や哺乳類の飼育をやめる学校が増えてきました」 こう語るのは、愛知県獣医師会の副会長を務める杉本寿彦氏だ。同氏は20年近く、獣医師会のさまざまな支援事業を通じて、学校飼育動物のあり方を見つめてきた。その中で多くの課題を感じていたという。 「働き方改革も進められていますが、学校の先生方はとにかく忙しく、動物に適切なケアをする余裕はありません。また、学校では餌や治療にかかる予算がきちんと取られていないことがほとんどで、大抵は
どうしてもAmplifyホスティングをプロジェクトに採用したいので、Amplifyホスティングを最大限に活用してセキュリティ評価をした結果 - Qiita
どうしてもAmplifyホスティングをプロジェクトに採用したいので、Amplifyホスティングを最大限に活用してセキュリティ評価をした結果AWSSecurity脆弱性診断amplify AWS Amplifyホスティングが便利そうなので使いたいのですが、セキュリティ的な不安からプロジェクトへの導入をあきらめていました。やはり、AWSにおいての開発は、Amplifyを使うのが便利だと思うので、再度チャレンジしようと思い、まずはセキュリティ評価を行いました。 結論を先に記載すると以下の通りです。 セキュリティヘッダが不十分 ※ただし、設定は可能 DV証明書のみであり、OV/EV証明書の導入ができない 暗号強度が低い IPアドレス制限ができない WAFの設定ができない Amplifyホスティングを最大限に活用する 「Amplifyホスティングを最大限に活用する」というのは過大広告のつもりではなく
サーバーがSEOに与える影響とは─適切なホスティングの選び方
サーバーがSEOに与える影響とは─適切なホスティングの選び方 SEOと聞いて、何を思い浮かべますか？ キーワードやコンテンツの最適化、そして被リンクの最適化など、一般的に知られているSEOの施策を思い浮かべる方が多いはず。技術的な面で言えば、サイト構造やモバイルフレンドリーといった要素を挙げる人もいるでしょう。 ウェブサイトのサーバーがSEOに影響することはご存知ですか？2016年、Kinstaはそれまでに提供していた高性能WordPress専用サーバーを次のレベルに引き上げるプロジェクトに着手しました。 サーバーをGoogle Cloud PlatformのプレミアムティアネットワークとGoogle最速のC2仮想マシンに支えられたコンテナ化スタックに変更し、超高速なコンテンツ配信と最大200%のパフォーマンス向上を実現しました。 KinstaのWordPress専用マネージドクラウドサー
AmplifyでホスティングしたAngularのアプリにログイン認証を追加してみた | DevelopersIO
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 先日、Amplifyの入門としてAngularアプリをホスティングして、実際にブラウザで表示・APIの利用をするところまでを試してみました。 今回、更にアプリにログイン認証を追加するところを試してみたいと思います。 前提 この環境は以下の記事のとおりAmplifyを利用したAngularのアプリを作成し、AWS上にホスティングしています。 今回やりたいこと Angularアプリ上にログイン認証を組み込ませたいです。 ログイン認証を追加する 今回は、下記のドキュメントに記載の手順を参考に、ログイン認証を追加していきます。 認証サービスを追加する まずはamplifyコマンドを利用して、認証サービスの追加を行います。「サインインにメールアドレスを使うようにしたいな」と思ったので、ここだけデフォルトの選択肢から変
【就活攻略】現場のノウハウを学んで就活に役立てよう～ホスティング・EC編～ / 技育CAMPアカデミア / 開発者向けブログ・イベント | GMO Developers
【就活攻略】現場のノウハウを学んで就活に役立てよう～ホスティング・EC編～ / 技育CAMPアカデミア ～GMOペパボ編～ GMOインターネットグループは、学生エンジニア向けオンライン勉強会「技育CAMP アカデミア」にて、GMOインターネットグループのシリーズを計6回開催します！ 第4回は、GMOペパボからエンジニアが登壇します。 現場で活躍するプロフェッショナルをお招きし、彼らが実際にどのような開発を行っているのかをMCのGMOインターネットグループ 成瀬がヒアリングしながら解明していきます。 学生の皆さま是非ご参加ください！ ※タイトル、概要について一部変更ございますが、当初予定していた実施内容と大幅な変更はございません。 旧タイトル：【ハッカソン入門編】成瀬が解説！プロの現場から学ぶプロダクト開発ノウハウ～GMOペパボ編～ 技育CAMPとは？ 「自ら考え、自ら創る」ことができる未来
S3 の静的 Web サイトをセキュアに Envoy でホスティング | 豆蔵デベロッパーサイト
庄司です。 モダンな UI のフレームワークは静的なコンテンツとしてパッケージングされることが主流となっています。これは変化の激しい UI とそれと比較すれば比較的変化のスピードが遅くてよいバックエンドとの関係で理にかなっています。UI のこうした静的なコンテンツの配信では多くの SaaS 製品で CloudFront のような CDN が利用されています。しかし、エンタープライズで利用されるフロントエンドの場合には VPN を通じたアクセスのみを許可している場合が多くあります。このような場合にまで世界中の多数のユーザに低レイテンシーな配信を目的としている CDN を利用することは本来の用途外であるというだけでなく、セキュリティ要件のために CDN の利点を失わせる方向で無用な修正やオーバーヘッドを加えることにもつながります。 2022年2月16日の前回の記事「S3 の静的 Web サイト
Amplify が Next.js 14 SSR アプリのホスティングをサポートしたので情報整理 - Qiita
はじめに 23年11月に AWS からフロントエンド開発者のための AWS Amplify の 6 つの新しいリリース という発表がありました。個人的に目を引いているものは Amplify が Next.js 14 のホスティングをサポートしたことです。 Next.js App Router と Server Actions をサポート Amplify Hosting で任意の SSR アプリをホスティング これまでも Next.js を使いたいという思いはありました。フロントエンドは Vercel でバックエンドは AWS で基盤が泣き別れてしまう。AWS に統一するにもサーバー（ECS/EC2/Fargate）をフロントエンドチームで管理するのも避けたい。小規模な Web サイトであればトータルで見た時に Next.js で得られる恩恵とフロントエンド基盤構築や基盤保守のバランスを考え
AWS Amplify ホスティングは、開発者が Amplify でサーバーサイドレンダリング (SSR) アプリケーションをホストするためのプラグインを構築できるようにする新しいデプロイ仕様の一般提供開始について、お知らせいたします。この新機能を活用して、Nuxt チームと提携して、Amplify ホスティングに Nuxt SSR デプロイのビルトインサポートを追加しました。この仕様は、Nuxt を強化する Nitro.js サーバー内の組み込みデプロイメントプリセットで利用できます。これにより、Nitro.js 上に構築されたあらゆるフレームワークがサポートされます。 デプロイ仕様により、Amplify ホスティングのコンピューティング機能がすべてのフレームワークに拡張されます。これ以前は、SSR サポートは Amplify ホスティングの Next.js に限定されていました。これで
どうも！大阪オフィスの西村祐二です。 Vercelは一つのレポジトリで複数のサイトを管理するようなmonorepo構成のレポジトリにも対応していたので試してみました。 画像はhttps://vercel.com/blog/monoreposより引用 プランごとに一つのレポジトリに紐付けられるプロジェクト数が決まっているのでご注意ください。 Hobbyプラン（無料プラン）では一つのレポジトリに紐付けられるプロジェクト数が3つまでとなっています。(2020/12/28現在) 詳細はこちらをご確認ください。 やってみる 環境 Node.js: v12.18.0 Mac: 10.15.7 monorepo構成のレポジトリを作成する 適当にmonorepo構成を作ります。 Next.jsのサンプルを3つ作成します。 $ npx create-next-app nextjs-blog1 --examp
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 先日、Amplifyの入門としてまずはAmplify CLIを利用してアプリケーションの初期化処理までを行ってみました。 今回はアプリをホスティングして、実際にブラウザで表示するところを試してみたいと思います。 前提 この環境は以下の記事でAngularのアプリを作成し、Amplify CLIで初期化までを行っています。 ホスティングの設定 ホスティングの設定として、amplify add hostingコマンドを実行します。 プラグインモジュールの選択では今回はHosting with Amplify Consoleを選択して、Amplify Consoleに任せるようにします。 また、タイプの設定ではContinuous deployment (Git-based deployments)としてGitベ
こんにちは。こちらは AWS for Games Advent Calendar 2022 18日目の記事です。 TL;DR Game Server を ECS/Fargate で実行する Github : aws-samples/fargate-game-servers を紹介します。想定読者は ECS/Fargate を使ってAPIサーバを実装した経験があり、今後、特に Dedicated Game Server を実装する予定があるエンジニア向けです。 Game Server とは？ Game Server といっても範囲が広いため、今回は Dedicated Game Server をターゲットにした記事です。そもそも、Dedicated Game Server (DGS)とは何なのかご存じない方もいるかと思います。Dedicated Game Server とは、日本語だと専用ゲ
個人や企業に無許可のAIディープフェイクの作成・ホスティング・共有に対する責任を課す「NO FAKES法」を超党派の議員が提出
2024年7月31日に、アメリカの超党派の議員らが個人の同意なしに人の声や肖像のディープフェイクを作成することを違法とする「Nurture Originals, Foster Art, and Keep Entertainment Safe Act(NO FAKES法)」を上院議会に提出しました。 Senators Coons, Blackburn, Klobuchar, Tillis introduce bill to protect individuals’ voices and likenesses from AI-generated replicas https://www.coons.senate.gov/news/press-releases/senators-coons-blackburn-klobuchar-tillis-introduce-bill-to-protect-
最初に簡単に!流れを要約すると... URL解析 DNSでIPアドレス取得 IPアドレスでwebサーバーにリクエスト ポート番号わりあてる HTTPリクエスト送信 ロードバランサーでアクセス調整 HTTPレスポンス送信 レンダリング ( => ブラウザレンダリングへ続く ) この流れに沿って解説していきます。 ■ 1. まずはURLの解析を行う。 URL(Uniform Resouse Locator)とは... インターネット上のWebページやファイルの位置や場所を示すもの。インターネット上の住所。 上記のように、さまざまな要素で作られている。 例として、私のzennのURLを使用し解説していきます。 URLは以下のようにさまざまな要素で構成されています。 プロトコル： コンピュータでデータをやりとりするために定められた手順や規約、信号の電気的規則、 通信における送受信の手順などを定めた
【AWS】Basic認証付き静的ページをS3でホスティングするまで(CodeBuildによるデプロイも含む) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
初めに みなさこんにちは、AWS の S3 静的ホスティングで少しはまったので記録を残しておきます。 S3 の静的ホスティングは AWS WAF や CloudFront の検証などで意外と設定する機会が多いのではないのでしょうか？ 発生したエラー 今回発生したのは 404 Forbidden エラーです 確認するべき３か所 1. S3静的ホスティングが有効化されていか しっかり確認しましょう、意外と忘れているかもしれません。 S3バケット画面のプロパティ下部にあります。 2. オブジェクトへのパブリックアクセスは許可されているか アクセス許可タブ、上から二番目にあります。 チェックを外してパブリックからのアクセスを受け入れましょう。 3. S3バケットのポリシーは適切か 今回私はこれでした、忘れないようにしましょう パブリックアクセスの下にあります。 { "Version": "2012
ASP.NET Core アプリは IIS ワーカー プロセスとは独立したプロセスで実行されるため、プロセス管理は ASP.NET Core モジュールによって処理されます。 モジュールでは、最初の要求が届いたときに ASP.NET Core アプリのプロセスが開始され、プロセスがシャットダウンまたはクラッシュした場合はアプリが再起動されます。 この動作は、インプロセスで実行されるアプリであり、WAS (Windows プロセス アクティブ化サービス) によって管理されるアプリと基本的に同じです。 次の図は、IIS (ASP.NET Core モジュール) とアウトプロセスでホストされるアプリとの間のリレーションシップを示しています。 要求は、Web からカーネル モードの HTTP.sys ドライバーに到着します。 ドライバーは、Web サイトの構成ポートで IIS への要求をルーティン
AWS Amplify で Next.js 14 アプリを SSG（静的サイト）としてホスティングする [2023年11月版] - PLAY DEVELOPERS BLOG
こんにちは、SaaS プロダクト開発部テックリードの丸山です。 2023 年 10 月 26 日に、Next.js の最新バージョンである Next.js 14 がリリースされました。 nextjs.org そこで早速、Next.js 14 で作ったウェブサイトを AWS Amplify でホスティングしようとしたところ、想定外に苦戦しましたので、備忘録がてらブログの記事に残しておこうと思います。 なお、本記事は 2023 年 11 月 2 日時点での AWS Amplify の仕様に基づいて執筆しております。今後の AWS Amplify のアップデート等により、状況は変わる可能性が十分にありますので、ご留意ください。 結論（お急ぎの方へ） AWS Amplify とは Next.js 14 アプリを作成する Amplify でホスティングしてみる Framework を Next.js
![AWS Amplify で Next.js 14 アプリを SSG（静的サイト）としてホスティングする [2023年11月版] - PLAY DEVELOPERS BLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f49ebb7296091bd551cca043f0b7b34d4fe5d4e/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ffd538a926ad114bd0197ed0a07a75b63ecc314a9%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fplayjp%252F20231103%252F20231103211222.jpg)
背景 今までAmplifyでホスティングを行いたい時はAmplifyCLIを使ってましたが、今年に入ってAWSの構築をCloudFormatinからCDKに移した事もあって、Amplifyはどっちに寄せようか考える機会がありました。 Amplifyで立てたバックエンドリソースをエクスポート機能を使ってCDKでも扱えるようにして、overrideで設定をカスタマイズする方法を取ることも考慮したのですが、その時点でAmplifyCLIの用途がホスティングくらいでバックエンドはCDKで用意することにしていたことと、エクスポート＆overrideは工程がやや煩雑になるのを嫌って、ならいっそCDKに統一してみるかと決めました。 CDKによるホスティング自体は問題なく終わったのですが、Amplifyの自動ビルドが実行されない事象が発生し、原因自体は小ネタでしたが個人的に「そんなことが・・・」だったので
こんにちは。データアナリティクス事業本部 サービスソリューション部の北川です。 業務内でpulumiを使用することになったので、今回はNext.jsで作成したページのホスティングを実行してみました。 pulumiとは Pulumiはインフラ構築・運用をコード化するツール、Infrastructure as Codeの一つです。IaCでは、CloudFormationや、Terraformが有名ですよね。 言語は、TypeScript、JavaScript、Python、Go、C#をサポートしています。 今回、AWS Profileとpulumiの紐付けに関しては、記述しません。 こちらに関して、チームメンバーがエントリしている以下の記事が参考になると思います。 PulumiのGet Started with Google Cloudを試してみた プロジェクト作成 早速、プロジェクトを作成し
経緯 現在のプロジェクトで静的ファイルをS３にホスティングして運用しているので、勉強がてら記録を残します。 AWS S3とは 基本的にストレージを提供するサービスになっています。 画像、動画、ファイルなど様々なデータを保存するサービスで、 例えば、icloudは写真や書類（メモアプリ、pdfなど）を保存するストレージサービスです。 S3は、他のAWSサービスと連帯して使うことができ、 EC2のスナップショット（バックアップ）の保存先、 ファイルアップロード時をイベントトリガーとして、Lambda関数を呼び出しをしたりと、 一般的なストレージサービスより多くの機能を兼ね備えています。 今回は、静的ホスティング機能について記載していこうと思います。 参照：S3ユースケース 静的ホスティングとは 静的なwebサイトをホスティング（一般公開）すること。 静的なwebサイトとはhtmlファイルをサー
![[ハンズオン] ５分でAWS S3で静的ホスティングする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9cfa4ac93b94c64dce2218cc984f275ae7a8bb0b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNTM2OTMyJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTgyOTg1ODU1P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPWRlYjYyN2JkODE4MTczMGMyODg0YjUxZjRjYjUxMGRh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da48339e3c43c1c4f62d2e307258c8cc9%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUUzJTgzJThGJUUzJTgzJUIzJUUzJTgyJUJBJUUzJTgyJUFBJUUzJTgzJUIzJTVEJTIwJUVGJUJDJTk1JUU1JTg4JTg2JUUzJTgxJUE3QVdTJTIwUzMlRTMlODElQTclRTklOUQlOTklRTclOUElODQlRTMlODMlOUIlRTMlODIlQjklRTMlODMlODYlRTMlODIlQTMlRTMlODMlQjMlRTMlODIlQjAlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zOWU5MDM4MzEyMmExZTk0NThlNTAxZDE4ZmUwNDNhNg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBkYWljaGlfc3VnaXlhbWEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz05MzA5MWViN2NjNjQxYWEzODU5OGYzYmMzN2ViMzhlMw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D5a2c47ed53ebec69bf1ceb70468643f3)
#Slack Bolt for python で複数Slackアプリを1つのBoltでホスティングしてコスト削減してみた - Qiita
これまで社内用アプリ、社外でもインストールできる公開用アプリと色々なアプリをSlackが提供するフレームワークである、Bolt for Pythonおよび、Pythonフレームワークの一つであるFlaskを使って作ってきました。 社内的な事情で、というかboltが出てきた当初はHerokuに簡単にデプロイする仕組みがあったりしたので、そのままHeroku上にアプリを走らせているのですが、アプリによっては活動時間が大したことなかったりしてちょっともったいないよなという状態になったりしていました。 そもそも負荷が高くないようなアプリであれば、一つのHeroku環境で処理してしまいたいなと思ったことはありませんか。僕はありました。 ということで、いつものSlack瀬良さんにヒアリングしてみたり、そもそもFlaskの書き方がよくわかってなかったなということもあってそのあたりのコードの補完をChat
マイクロソフト、OpenAIが非難したAIモデル「DeepSeek R1」のホスティング開始 (Gadget Gate)
ChatGPTのOpenAIは、DeepSeek R1開発元の中国企業が同社のAIモデルを規約違反の「蒸留」に使っていると非難していた。その直後、OpenAIの最大投資企業であるマイクロソフトがDeepSeek R1をAzureクラウドサービスでホストすると発表してい...
フルスタックの Amplify Gen 1 アプリを使用したチームワークフロー - AWS Amplify ホスティング
翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。 フルスタックの Amplify Gen 1 アプリを使用したチームワークフロー 機能ブランチのデプロイは、フロントエンドと、オプションのバックエンド環境で構成されます。フロントエンドはグローバルコンテンツ配信ネットワーク (CDN) に構築およびデプロイされ、バックエンドは Amplify Studio または Amplify CLI によって AWSにデプロイされます。このデプロイシナリオを設定する方法については、「アプリケーションのバックエンドの構築」を参照してください。 Amplify ホスティングは、機能ブランチのデプロイで GraphQL API や Lambda 関数などのバックエンドリソースを継続的にデプロイします。次のブランチモデルを使用して、バック
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AWS Amplify ホスティングが Amazon CloudWatch の統合でモニタリング機能を追加
Azure でも フルマネージド認証付き静的サイトがホスティングできるようになった
サービス終了のお知らせ | 2Style.net - 無料ホスティング/無料ホームページサービス -
Sphinx と GitHub Pages によるドキュメント生成とホスティング
Google Cloud でライブイベントのホスティングを成功させる | Google Cloud 公式ブログ
FileMaker ホスティング・レンタルサーバー / Fmhost.jp
【Terraform】S3+Cloudfront+独自ドメインで手軽にサイトをホスティングするためのインフラを作る - Qiita
LINEボットをHonoで実装、Cloudflareでホスティングする
【AWS】S3で静的ウェブサイトをホスティングする - Qiita
チュートリアル「静的ウェブサイトをホスティングする」をやってみる - Qiita
今回のクレジッドカード情報漏えいに関して気になったのですが、ECSのようなものの上でjsファイルを含むWebアプリをホスティングしている場合でも同様の事象は起こり得るのでしょうか。 個人的な理解として、フレームワーク等にRCEなどが存在する場合は例えばコンテナ内部のファイルがjsファイルが改ざんされることはあり得ると思っています。ただ、デプロイが頻繁に起こる環境の場合、ファイル改ざんが行われたとしてもすぐに正常なファイルに上書きされ得るため、（もし脆弱性が修正されなかった場合）攻撃者はスクリプトなどを用い
学校飼育動物のこれからを探る､愛知県｢モルモットのホスティング事業｣ | 東洋経済education×ICT
AWS Amplify ホスティングが、サーバーサイドレンダリング (SSR) のサポートを追加のフレームワークに拡張
Vercelでmonorepo構成で管理しているサイトをホスティングしてみる | DevelopersIO
AngularのアプリをAmplifyでホスティングしてみた | DevelopersIO
Game Server ホスティング on ECS/Fargate の紹介 - Qiita
webの基礎：HTTP通信の仕組み / ホスティングとドメインの関係性
S3 の静的ホスティングでうまくいかないときに確認するべき３つのこと - Qiita
IIS と ASP.NET Core を使用したアウトプロセス ホスティング
自動ビルドが実行されない？CDKでホスティングしたAmplifyに起きた謎現象を追え！！ - Qiita
Pulumiを使って、Next.jsページをホスティングしてみた | DevelopersIO
[ハンズオン] ５分でAWS S3で静的ホスティングする - Qiita