タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
今回は2020年の5月に発表され、2021年5月に正式に一般公開されたばかりのホヤホヤサービスである「Azure Static Web Apps」についてご紹介します。 AzureでWebアプリをデプロイしようと思ったら真っ先に思い浮かぶのはAzure Web Appsです。 Azure Web AppsはPaaSの一種であり、.NETやJava、Node.js、PHP、Pyhton等多様な言語で書かれたWebアプリをインフラのことを気にすることなくデプロイできるのが特徴になります。 また、静的なサイトのホストティングということでは 「Azure Storageでの静的Webサイトホスティング」という方法もあります。 既にいくつかの選択肢があるなかで新たに追加された「Azure Static Web Apps」は何が特徴なのでしょうか。 1. 安価 Static Web Appsには二種類
Azure Static Web Apps で Puppeteer を動かしたかった - ほりひログ
はじめに 前回のエントリーでは、Azure Functions で Puppeteer を動かして、特定のページのスクリーンショットを取得する Web API を作ってみました。 uncaughtexception.hatenablog.com Web API で動作がするのは確認できましたが、Web ブラウザーのアドレスランを編集して URL クエリーに対象の URL を入れるのがやや面倒なので、Web API を使用しつつ Web ページで UI を作ってみたいと思い、 静的ページとバックエンド API を一緒にデプロイできる Azure Static Web Apps (以下 SWA、ちな Preview) で試してみました。 Azure Static Web Apps を作る クイック スタートがあるので、そのまま使います。 docs.microsoft.com ざっくりいうと、
ちょっとしたアプリの作成に最適な「Azure Static Web Apps」が一般提供開始：Microsoft Azure最新機能フォローアップ（141） Microsoftは2021年5月12日（米国時間）、「Azure Static Web Apps」の一般提供開始を発表しました。Azure Static Web Appsは、静的なコンテンツのホスティングを動的なスケールとサーバレスのAPIを通じて提供するもので、無料で利用できるFreeプランが用意されています。 Microsoft Azure最新機能フォローアップ このアプリにはちょうどいい、Azure Static Web Apps 「Azure Static Web Apps（静的Webアプリ）」（以下、Static Web Apps）が「Azure App Service」の新しいサービスとして正式に利用可能になりました。S
Azure Static Web Apps とは
Azure Static Web Apps は、フル スタックの Web アプリをコード リポジトリから Azure に自動的にデプロイするサービスです。 Azure Static Web Apps のワークフローは、開発者の日常のワークフローに合わせて調整されています。 アプリは、コードの変更に基づいてビルドおよびデプロイされます。 静的 Web アプリを作成すると、Azure は GitHub または Azure DevOps と直接やり取りして、選択されたブランチを監視します。 コミットをプッシュするたび、または監視対象のブランチへの pull request を受け入れるたびに、ビルドが自動的に実行されて、自分のアプリと API が Azure にデプロイされます。 通常、静的 Web アプリは、Angular、React、Svelte、Vue、Blazor など、サーバー側のレン
Azure Static Web Apps と Azureストレージの静的Webサイトホスティングを比べる | DevelopersIO
いわさです。 AzureではApp Serviceを使ってWebサイトをホストすることが出来ます。 しかし、静的コンテンツ限っていえば他にもホストオプションが用意されています。 Azure Static Web Apps – App Service | Microsoft Azure Azure Storage での静的 Web サイト ホスティング | Microsoft Docs Blobストレージでのホスティングが先に登場し、Static Web Appsは最近（2021年5月）にGAとなったサービスです。 現在静的コンテンツのホストには上記２つの方法が用意されていますがどういう違いがあるのか少し調べました。 触ってみる まずは、両サービスでホスティング設定を行い、操作性や流れを把握してみたいと思います。 Azure Static Web Apps 通常のWeb Appsと同様にサー
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Azure Static Web Appsを使い始めるときの記録記事です。 はじめに Jamstackいいですよね。 始祖である Netlify 使っても良いですよね。 Jamstack公式サイト の Site Generatorsのページ には、 1クリックでNetlifyにデプロイできるボタンが並んでいてステキです。 GCP, AWS, AzureでもJambstackできるようになりました。 それぞれ、 Firebase Hosting, AWS Amplify Hosting, Azure Static Web Apps です。
2021年5月に正式リリースされたばかりのAzure Static Web Apps（SWA）は無料で商用利用も可能な夢に溢れるサービスです。 一方で、やはりネックなのはその名の通り静的なサイトしか扱えないということです。 せっかく個人でも試しやすい料金設定なのに、静的なサイトを一から作るのは大変ですよね。 そこで今回は、個人でサイトを作りたいと思ったときにお世話になる可能性が高いWordPressで作成したサイトをSWA上に乗っけることを目標にしたいと思います。 前提条件 ・GitHubのアカウントを持っている ・Azureのアカウントを持っている ・ウェブフロント系に多少の理解がある or WordPressを扱ったことがある WordPressとは？ ブログやウェブサイトを作ることができるオープンソースソフトウェアです。 PHPで開発されており、一般的にはユーザーがウェブページにアク
Azure に実装されている 3 つの Easy Auth (Web Apps / Static Web Apps / Container Apps) の実装を再確認した - しばやん雑記
アプリケーション開発で地味に難しい認証周りですが、Azure の Web Apps / Static Web Apps / Container Apps には認証機能が組み込まれているため、コードを修正することなく追加できるので非常に便利です。 既に何回もブログで扱っているので、基本的な使い方については以下のエントリを参照してください。 少し前に GitHub や Sign in with Apple、汎用的な OpenID Connect に対応したので、適用可能なシナリオが大きく広がりました。最近では Azure AD B2C を導入して、OpenID Connect として Easy Auth に登録するパターンも増えてきました。以前はハックっぽい設定を入れる必要がありましたが、今では標準対応です。 継続的に Easy Auth の実装はアップデートが行われていて、少し前には Ope
Azure Static Web Apps と Front Door の組み合わせが正式にサポートされたので試した - しばやん雑記
少し前に App Service Authentication と Front Door や Application Gateway を組み合わせた時の問題と解決法を書きましたが、ほぼ同じアーキテクチャの Static Web Apps では当時は回避方法が無く利用困難でした。 Static Web Apps はグローバルに分散されて配信されますが、CDN ではないので Front Door を入れてさらに高度なルーティングとキャッシュを行いたくなることは多いです。 当然ながら非常に困る挙動なので GitHub に Issue を作成していたのですが、先日対応完了したというコメントを貰ったので再度検証することにしました。 まずは適当に Static Web App を Standard で作成して、カスタム認証として Azure AD B2C を設定したアプリケーションを GitHub 経
Azure Static Web Apps with .NET and Blazor - .NET Blog
Aaron is a Developer Advocate at Microsoft. Having spent 15 years doing web development he’s seen it all, from browser wars, the rise of AJAX and the fall of 20 JavaScript frameworks (and that was just yesterday!). Always tinkering with something new he explores crazy ideas like writing your own implementation of numbers in .NET, creating IoC in JavaScript or implementing tic-tac-toe using git com
真剣に技術ブログを作ろう【Azure DevOps × Azure Static Web Apps × Next.js】
最近偉い人に言われました。 エンジニアたるもの、アウトプットしてなんぼだと。 お前がどれだけ勉強しているかなんて知ったことではない。 こいつはエンジニアとしてどの程度使えるかどうかを可視化する必要がある。その為に常日頃アウトプットするんや！と。 確かにおっしゃる通り。ほな作りましょか。ということで自分専用の WEB アプリを作成しようと思います。 使用する技術 所属している会社が Azure を使うので、それに合わせて技術選定してみました。 フロントは最近アゲアゲっぽい Next.js を選定 サーバサイドはおそらく Azure の Functions を使って拡張していく予定 まずは Azure DevOps の Repos と Pipeline を使って Next.js の WEB アプリを Deploy するところまでやってみる。 フロントエンド → Next.js(TypeScri
Azure Static Web Appsで特定テナントのAzure ADによるカスタム認証を設定をしてみた | DevelopersIO
いわさです。 以下の記事では、事前構成済みプロバイダーを使うことでAzure Static Web AppsでAzure ADでの認証機能を追加しました。 しかし、事前構成済みプロバイダーでは特定テナントに制限することは出来ず、Azure ADのいずれかの認証が出来ていればアクセス出来る状態でした。 カスタム認証機能を使うと特定テナントの制限が出来るので本日はこちらを構成してみました。 Azure ADへ静的アプリを登録 まず、対象テナントのAzure ADへアプリ情報を登録します。 リダイレクトURIを指定する関係で、カスタム認証実装前の静的アプリを事前に準備しておく必要がありますが、前回の記事で作成したものを使いたいと思いますので割愛します。 Azure ADのアプリの登録から新規アプリを登録します。 登録したアプリの認証からプラットフォーム（Web）を追加します。 構成時にリダイレク
Azure Static Web Apps を使用して Blazor WebAssembly アプリと .NET API を公開する - Training
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。
Azure Static Web Apps は、GitHub リポジトリからアプリをビルドすることによって、サーバーレス バックエンドによってサポートされる Web サイトを運用環境に発行します。 このチュートリアルでは、サーバーレス API によって返される気象データを表示する C# Blazor WebAssembly アプリをデプロイする方法を示します。 前提条件 GitHub アカウント Azure アカウント。 Azure サブスクリプションを持っていない場合は、無料試用版アカウントを作成できます。 1. リポジトリを作成する この記事では、簡単に作業を開始できるように、GitHub テンプレート リポジトリを使用します。 テンプレートには、Azure Static Web Apps にデプロイできるスターター アプリが含まれます。 GitHub にサインインしていることを確認し
2021 年の Azure Static Web Apps(以下 SWA) は、ついに 5 月に GA するなど嬉しいアップデートがたくさんありました。逆にいうといろいろ選択肢も増えたため、どの機能をどこで活用すべきか悩む場面も多くなってきたのではないでしょうか。そこで、一旦このタイミング（2021 年末）で、SWA の活用プラクティスをテーマ別に QA 形式でまとめてみました。 Static Web Apps の用途は？Azure でフロントエンドの Web アプリケーション（特に SPA のような静的アプリ）をホストするなら、まず Static Web Apps を第一候補として選択して良いと思います。 よく Blob Storage の Static Web Hosting と比較されますが、機能的にはほとんど SWA でもカバーできるのとコスト的にも Blob が有利になることはな
FastAPIのアプリをAzure Web AppsとAzure Static Web Appsにデプロイ
↑ 今回用途では、十分なスペックですが、デプロイを繰り返すと、CPU 時間を超過して、QuotaExceeded になって、何もできなくなり、手探り段階の場合、きついです。（５分くらいすると回復します。） この後、Basic(B1)に変更する手順が出てきます。（無料プランでは、この記事の内容は実現しませんでした。） 構築中です。 こうなったら、成功です。 startup 設定Web App 起動時のスタートアップスクリプトを作成し、設定します。 backend/startup.sh を以下の内容で作成します。 https://portal.azure.com/ へアクセスして、App Service アプリ名 otamesi-backend をクリック → 構成 → 全般設定 スタートアップ コマンド：startup.sh とし、 保存 をクリックします。 スタートアップ コマンドのところ
はじめに Azure Static Web Apps が GA してしばらくたってしまいましたが、やっとお試しすることができました。 いつものようにまず気になったのは認証やアクセス制御周りなのですが、通常の App Service や Functions とはどうも使い勝手が違うので若干戸惑いました、という記事です。 まあ例によってドキュメントに書いてあったことではあるんですが、 試してみないと分からないことも多かったわけです。 （以下では 衝撃 とか書いてますが、個人的にビックリしただけでネガティブな意味合いはありません） 何もしなくてもユーザーは認証できる Azure Static Web Apps では作成時点で 3 つの認証プロバイダーが設定されているので、何も設定しなくてもこれらの ID をもつユーザー認証は可能です。 Azure Active Directory Github
いわさです。 Azure Static Web Appsは静的Webサイトをホストするにはとてもおすすめできるサービスです。 これだけの高機能で無料というのが驚きですが、最近知ったのがカスタムドメインとSSL証明書についても無料という点です。 Azure App Serviceだとカスタムドメインは無料プランでは利用出来なかったと記憶していますし、無料のカスタムドメインSSL証明書も最近登場したものでかつ利用の前提として有料のApp Serivceが必要だったと認識しています。 今回は所有しているドメインがあったので、カスタムドメインを設定してみました。 また、あわせてSSL証明書の確認とデフォルトドメインにアクセスできないようにもしました。 静的Webアプリ作成 Static Web Appsについては以前に作成していますが、同じ流れで作成したいと思います。 カスタムドメインはFreeで
Azure Static Web Appsを無料で試す みなさん、Azure Static Web Apps知ってますか？ 私はpreviewのときから使ってまして、Gatsby製の個人ブログをデプロイしていました。 なにがいいかって、とにかくお手軽なんです。 Gatsbyブログをただホストするだけなら実作業10分もいらないレベルです。 もちろん、開発をしているエンジニアじゃなくても全然問題ありません。実際に私はインフラ寄りのエンジニアでゴリゴリの開発畑にいるわけでは決してありません。 これってすごいことじゃないですか？ 今回は、とにかくスピード勝負でGatsbyブログをデプロイするところまで目指します。 静的なブログをホストするだけならAzureのBlob StorageやawsのS3でも可能ですが、時代は変わりました。 Azure Static Web Appsなら無料かつ爆速でGit
Blazor WebAssemblyのAOTコンパイルによる高速化とAzure Static Web Appsへのデプロイ - Qiita
Blazor WebAssemblyのAOTコンパイルによる高速化とAzure Static Web AppsへのデプロイWebAssemblyBlazorAzureStaticWebApps はじめに .NET 6でBlazor WebAssemblyにAOT (Ahead-of-time) コンパイルがサポートされました。従来のBlazor WebAssembyアプリでは.NETのコードはWebAssemblyに実装された.NET中間言語インタープリタを使用して実行されるため、.NETコードの実行は通常の.NETランタイムよりも遅くなります。AOTコンパイルによって.NETのコードをWebAssemblyに直接コンパイルすることでパフォーマンスの向上が期待されます。 この記事の手順では最初にBlazor WebAssemblyでサンプルアプリを作成して処理時間を計測してから、次にAOT
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料でも使える新サービス「Azure Static Web Apps」はここまでできる！
ちょっとしたアプリの作成に最適な「Azure Static Web Apps」が一般提供開始
Azure Static Web Appsの始め方 - Qiita
Azure Static Web AppsにWordPressで作成したサイトを配置する
Azure Static Web Apps に Blazor アプリをデプロイする
Azure Static Web Apps 活用プラクティス (2021年末版)
Azure Static Web Apps の認証とアクセス制御まわりで気になったところ
Azure Static Web Appsでカスタムドメインを構成する | DevelopersIO
無料で使えるAzure Static Web AppsにGatsbyブログを爆速でデプロイする - Qiita
Azure Static Web Apps のドキュメント
www.kanucha.jp
www.imdb.com
genomicsworkshop.isr.umich.edu
www.imdb.com
genomicsworkshop.isr.umich.edu
note.com/ryoichi_asahi