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

Azure Static Web Apps

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

Azure社内勉強会 #4「改めて知る Azure Static Web Apps」を開催しました！

こんにちは！オルターブースでエンジニアをしているはっしーです！ 私事ですが最近猫カフェに行ってきました！ かわいい猫たちがたくさんいて大変癒されたのですが、なかなか寄ってきてくれませんでした。課金システムでエサを買うと猫たちが寄ってきますが、課金アイテムを使わずに猫に囲まれている「無課金おじさん」がいて、うらやましい限りでした.... Copilotに猫にモテるための方法を聞いたところ、以下のアドバイスをもらえたので次回実践したいと思います。 猫カフェで猫にもてるためのコツをいくつかご紹介しますね！ 1. 静かに行動する: 猫は静かな環境を好みます。大きな声や急な動きは避け、ゆっくりとした動作…

#Azure#Azure Static Web Apps#勉強会/イベント登壇

関連ブログ

ROUTE06 Tech Blog•10ヶ月前

Azure Static Web Appに認証機能付きのReactアプリケーションを10分でデプロイする

Azure OpenAI Serviceを使うためにMicrosoft Azure環境を用意することがこれから増えてくると思います。その際、ウェブのフロントエンドをMicrosoft Azureで用意できると便利ですね。 Azure Static Web Appというサービスを使うと、GitHubのリポジトリと連携してフロントエンドの環境を用意でき、さらにパスワードを使った閲覧制限をかけることも可能です。 無料で使い始めることができ、パスワードを使った閲覧制限をかける場合も、1時間あたり$0.01で使い始めることができ、本番環境はもちろん、検証環境としても便利に使えると思ったので、この記事で …

#Azure Static Web Apps#Vite
miyohide's blog•2年前

Azure Static Web AppsにてPrivate Endpointsを試す

はじめに 全然気がついていなかったのですが、Azure Static Web AppsにてPrivate EndpointsのサポートがGAしていました。 azure.microsoft.com ものは試しということで早速やってみました。 設定 設定と言ってもそんなに難しいことはなく、以下のドキュメントに沿って作業をするだけです。 learn.microsoft.com Azure Static Web AppsのプランをStanadrdホスティングプランに設定するところが注意点でしょうか。 これだけでインターネットからアクセスすると以下の画面のように403のエラー画面が表示されますが、 仮想…

#Azure#Azure Static Web Apps
Software development of explosion! －夢の破片（カケラ）たちの日々－•2年前

CDK for Terraform で Azure StaticSiteApps のアプリをデプロイした際のハマりどころメモ

純正 Provider の有無は CDKTF のプロバイダーから検索 https://github.com/orgs/cdktf/repositories?q=cdktf-provider- 下記ページのまんま(リンク抜粋してるだけだし) Providers - CDK for Terraform | Terraform | HashiCorp Developer 各プロバイダーの API は HCL と同じ どんな設定ができるか？だとか、HCLと VSCode の「定義へ移動」(F12) を使って調べればわかる。 Input Variables の使い方が謎 cdktf cli では、現時点…

#CDK for Terraform#GitHub Actions#Azure Static Web Apps
miyohide's blog•2年前

Azure Static Web Apps CLIを使ってローカル開発環境を構築する（3）

先日より、Azure Static Web Appsの検証をしています。今回はその続きです。 Azure Static Web Apps CLIを使ってローカル開発環境を構築する - miyohide's blog Azure Static Web Apps CLIを使ってローカル開発環境を構築する（2） - miyohide's blog 認証プロバイダーをブロックする 先日実施した認証機能の実装の際、下記にあった認証プロバイダーをブロックするという項目に目が止まり実装することにしました。 learn.microsoft.com これを実装するには、設定ファイルとしてstaticwebapp…

#Azure#Azure Static Web Apps
miyohide's blog•2年前

Azure Static Web Apps CLIを使ってローカル開発環境を構築する（2）

先日、Azure Static Web Apps CLIを使ってローカル開発環境を構築することを実施してみました。 miyohide.hatenablog.com 今回はその続きです。 認証 認証機能を実装します。以下のドキュメントに仕様が記されています。 learn.microsoft.com これもローカル環境でもエミュレーション可能です。 learn.microsoft.com 単純に/.auth/login/ + 承認プロバイダーへのリンクをおけば良いだけです。こんな感じの実装をしました。 const NavBar = ({user}) => { return ( <> { !user…

#Azure#Azure Static Web Apps
おーみんブログ•2年前

ReactアプリをAzure Static Web Appsへデプロイし、GitHub ActionsでCI/CD管理を行う！

はじめに ReactアプリをAzure Static Web Appsへデプロイし、GitHub ActionsでCI/CD管理を行う方法について備忘録として残します。 手順 簡潔ではありますが、以下に簡単な手順を記載します。 GitHubへのコードプッシュ 作成したReactアプリのソースコードをGitHubへプッシュします。 ※今回はGitHubでのソースコード管理を前提にしていますがAzure DevOps等でも同様の内容は可能です。 Azure Static Web Appsでの環境作成 Azureホームの検索欄より静的 Web アプリと検索します。 作成ボタンを押下すると以下のような…

#Azure Static Web Apps
JBS Tech Blog•2年前

Azure Static Web AppsはCI/CD無しでも使えるのか？

はじめに Azure Web Appsと似て非なるサービスとして「Azure Static Web Apps」というものがあります。 azure.microsoft.com サービス名と、サービス概要にある「静的コンテンツ ホスティングに対応」という記述から、シンプルなHTMLやCSSのサイト構成用という印象を持ったのですが、一方で、CI/CD前提、サーバーレスAPI対応なども書かれており、最新のWebアプリケーション向け、という印象も受けます。 本記事では、こちらをひとまず作ってみて、通常のWeb Appsとの違いや、CI/CD無しでも利用できるものなのか、といった観点で見ていってみたいと思…

#Azure Web Apps#Azure Static Web Apps
おーみんブログ•3年前

Vue.js + Vuetify + Azure Static Web Appsで家計黄金比率シミュレーターを作ってみた！

はじめに お正月休みを利用して久しぶりにVue.jsのお勉強をしたいなと思い、手取りの収入から家計黄金比を出してくれるアプリを作ってみました。 どんなアプリか 利用方法としてはとても単純で「月の手取りを入力してください」というフィールドに金額を入力すると、いくつかの分類ごとに支出額が計算されるというものです。 ※実際のアプリはAzure Static Web Appsにデプロイしており、以下のリンクから利用が可能です。 brave-forest-03723ea00.azurestaticapps.net 使用技術 使用技術は以下です。 フロントエンド Vue.js 2.6.14 デザイン Vu…

#Vue.js#Azure Static Web Apps#Vuetify#Azure
Alternative Architecture DOJO•3年前

Azure Static Web Appsのサイトにアクセスできるユーザーを限定する

こんにちは、MLBお兄さんこと松村です。 未だに MLB のロックアウトは終わっていません。シーズン開幕の延期も濃厚です。涙 前回の記事で Azure Static Web Apps の認証機能について説明しました。 aadojo.alterbooth.com 今回はこの認証機能を活用して、Azure Static Web Apps のサイトにアクセスできるユーザーを限定する方法について解説します。 ロールでアクセス制御 前回の記事でも言及しましたが、 Azure Static Web Apps の認証機能は staticwebapp.config.json にて定義することができます。 do…

#Azure#Azure Static Web Apps#SPA