はまったりひらめいたり…とか…

Angularや.NETやAzureやその他色々。

Azure Communication Services Emailを触ってみた話

はじめに 2022年5月25日時点の記事となります。 この時点でAzure Communication Services EmailはPreviewです。 記事中にでてくる画面キャプチャやコードは参照時期によっては変更されている可能性がありますのでご留意ください。 Azure Communication Servi…

かんたんなdevcontainerのコンテナ構成作り方メモ

はじめに この記事は2022年3月時点の情報で作成されています。 参照時期によっては掲載のコードなど動作しない可能性がありますのでその点ご留意ください。 とても便利なdevcontainer...だが… Visual Studio Codeのdevcontainer(Visual Studio Code Remote -…

YARPを利用して実装したWeb APIをAzure ADで保護してOn-Behalf-Ofフローでトークンを再取得し通信する

はじめに この記事は2021年11月に記述された内容です。 参照時期によっては記載している実装内容と異なっている可能性がありますのでその点ご留意ください。 記事中の実装内容はYarp.ReverseProxyの1.0.0をベースに実装されています。 YARP Visual Studio 20…

Azure.IdentityのTokenCredentialの認証全部試す(その1)

はじめに この記事は2021年10月時点の記事になります。 参照時期によっては記載している実装内容が動作しない可能性がありますので その点ご留意いただければと思います。 Azure.IdentityのTokenCredential Azure Key Vaultのシークレット値などを使用すると…

Azure DevOpsのパイプラインで `version` という名前の変数を作るとNuGetパッケージ生成で面倒くさいことになった話

はじめに 2021年10月時点の情報です。 参照時期によっては動作が変わっている可能性がありますのでご注意ください。 なにをしようとしていたか .NETのライブラリプロジェクトをビルドしてNuGetパッケージをビルドしようとしています。 ライブラリのバージョ…

まんがリマインダーWebサービス(α)を公開してみました

Webサービスでまんがリマインダーを公開してみました。 manrem.devtakas.jp どんなサービスなの? キーワードを登録しておくと近日中に発売される/された漫画の一覧が表示されます。以上。 ブラウザのlocalstorage内にキーワード情報とか格納しているのでサ…

AngularからGoogle Calendar APIでイベントを登録する

はじめに この記事のソースコードは下記のバージョンで構成されています。 Angular: v12.1.3 参照されるタイミングによっては動作しない可能性がありますのでご留意ください。 やりたいこと Front(Angular)のみで、任意のユーザーにサインインさせ、サインイ…

MSAL for Angular v2がGAしたので触ってみたお話

はじめに この記事は下記の内容でお送りいたします。 Angular: v12.1 @azure/msal-angular: 2.0.1 参照時期によっては記述しているサンプルコードで動かないない可能性がありますので その点ご留意ください。 @azure/msal-angularのv2がGAしました @azure/ms…

AADSTS501051 <ClientId> is not assigned to a role for the application への対処

出るたびに対応を忘れて調べているのでメモ。 Microsoft.Identity.ClientのConfidentialClientApplicationBuilderでシークレットを使用したアクセストークンの取得を行いたいときに発生する場合の対応です。 はじめに 2021年7月時点の情報です。 参照時期に…

Azure Web PubSub ServiceのイベントをトリガーにAzure Funcrtionsを実行する

はじめに 2021年7月時点の内容です。 また、AzureWebPubSubServiceはプレビュー版ということもあり 記載している画面やソースコードや設定内容は参照時点によっては異なっている可能性が高いので 参照される際はご留意ください。 今回は.NETラボのセッション…

メモ書き-msal.jsでSSOしたらiOSやChromeでエラーが発生したので対応した話

はじめに 下記のライブラリのバージョンで発生したエラーに対する対応となります。 参照される時期によっては対応方法や対応不要になったりと状況が変わっている可能性がありますのでご留意ください。 @azure/msal-browser: 2.13.1 (状況変わっているのが一…

メモ書き - AzureDevOpsで別プロジェクトのCIをトリガーにパイプラインを実行する

はじめに このメモは2021年1月17日時点のAzure DevOpsを使用したメモになっています。 参照されるタイミングによっては、記事内で称しているキャプチャ・設定内容が変更されている可能性がありますのでご注意ください。 やりたいこと Docsみててこんがらがっ…

Azure DevOpsのPipelineでOWASP ZAPを実行してみる

はじめに 2020年12月時点の情報で記事を作成しています。 参照される時期によっては、記事内で使用されているコマンド、画面キャプチャが使用できなくなっている可能性がありますのでご留意ください。 Azure PipelineでOWASP ZAPを実行したい だいぶ前にGitH…

SubscriptionのLifecycleNotificationUrlをいじってみた

Subsriptionのライフサイクル通知が存在するようです。 サブスクリプションと変更通知の消失を減らす Docsの履歴を見る感じだと機能自体は2020年の7月くらいに使用できるようになってたみたいなのですが Microsoft Graphの変更ログに上がってきていなかった…

VisualStudioからAzure KeyVaultにアクセスするときにえらいハマった話

はじめに 今回の記事は下記の環境で検証を行っています。 記事を参照されるタイミングによっては画面構成や設定などが変わる可能性がありますのでご留意ください。 Visual Studio Enterprise: 16.7.2 ※以降Visual StudioはVSと記載しています 発生した問題 …

msal.js v2.0.1 をAngularで使用する

はじめに 今回の記事で使用するコードは下記の構成で実装しています。 記事を参照されるタイミングによっては動作しない可能性がありますのでご留意ください。 @angular/cli:10.0.5 @azure/msal-browser:2.0.1 msal.js v2.0.0がリリース 先月の末頃(2020年…

AngularのRouterでuseHashをtrueにしているときにmsalで`Error: Cannot match any routes. URL Segment: 'access_token'`が出るときの対処

はじめに 2020年7月時点の記事となります。 msal.jsのv2が出たのですが、書きかけだった記事の供養となります。。ご留意ください。 Angular・msal.js・@azure/msal-angularは下記のバージョンとなっています。 Angular: 10.0.1 msal.js: 1.3.2 @azure/msal-a…

Microsoft Graphのpresenceについて

修正 2020/7/19 : presenceのβ公開時期を2020年6月から2019年12月に修正しました。 (@karamem0さんご指摘ありがとうございました!) 2020/8/2:presenceのSubscriptionのドキュメントが公開されたので反映しました。 はじめに 2020年7月時点のMicrosoft Grap…

Angular Elementsで作成したWeb Componentsの設定情報をプレーンなJSから変更する

はじめに この記事内のアプリケーションは下記バージョンで構成しています。 Angular CLI: 10.0.1 Angular: 10.0.2 この記事を参照されるタイミングによっては サンプルコードが動作しなかったりする可能性がありますのでご留意くださいませ。 そもそもなに…

Microsoft MVPを初受賞しました

タイトルの通りMicrosoft MVPを初受賞しました。 カテゴリはOffice Developmentとなります。 登壇の機会を多くくださった.NETラボの皆様 セッションを聞いてくださった皆様 フィードバックをくださった皆様 個人の活動であるにも関わらず会社でぼくの活動を…

AzureDevOpsのCIで.NET CoreとAngularのアプリケーションをバージョンアップする

はじめに この記事内で使用する各フレームは下記バージョンで構成しています。 Angular: 9.1.8 .NET Core: 3.1 また、AzureDevOpsは記事作成時点のキャプチャやコマンドが掲載されています。 この記事を参照されるタイミングによっては 動作しなかったり画面…

Angular MaterialのComponentHarnessを使ってみた(Autocomplete編)

はじめに この投稿内のAngularは下記のバージョンで構成しています。 この記事を参照されるタイミングによってはサンプルコードが動作しない可能性がありますのでご留意くださいませ。 Angular CLI: 9.1.6 @angular/material: 9.2.3 ComponentHarness 先日、…

Azure AD(v2.0)の認証をWPF(.NET Core)とASP.NET Core WebAPIで使用しようとしてハマった話

はじめに 下記の構成で構築しています。 .NET Core : 3.1 Microsoft.Identity.Client : 4.13.0 Microsoft.Identity.Web : 0.1.1-preview 一部Previewを使用していることもあり 参照されるタイミングによっては掲載するソースコードで動作しない可能性があり…

AngularのライブラリをAzure Artifactsで使用する

はじめに 2020年1月時点の記事となります。 記事を見ていただくタイミングによっては 記事中で使用しているAzureのキャプチャやコマンドが変更されている可能性がありますのでご留意ください。 また、Angluarは下記バージョンで構成しています。 @angular/cl…

フロントエンドのMicrosoft Graphことはじめ

はじめに 使用するライブラリは下記バージョンとなります。 typescript: 3.5.3 msal.js : 1.1.3 @microsoft/microsoft-graph-client : 1.7.0 @microsoft/microsoft-graph-types: 1.10.0 また、Graph使用部分はAngularになるべく依存しない形で構成しています…

MSAL.js+Azure AD v2を触ってみる

はじめに 使用ライブラリは下記のバージョンでお送ります。 msal.js: 1.0.1 SPAっぽいなにかを作りたかったのでAngularも使用しています。 @angular/cli: 8.0.0 ただ、記述するソースコードの殆どはmsal.jsのヴァニラなものを使用しているので 他のフレーム…

Azure Front Doorを使ってみる

はじめに 2019/6/2時点のAzureを使用しています。 記事をご覧頂いているタイミングによっては 記事内に出てくる画像、設定内容などが変更されている可能性があることをご留意くださいませ。 あらまし 先日のde:code19でデプロイ王子のアンプラグドイベントに…

ReactiveFormsで使用できるカスタムコンポーネントを作成する

はじめに 本記事ではAngularは下記Versionを使用しています。 AngularCLI: 7.3.6 Angular: 7.2.10 ゴール Inputコントロールなんかと同様に formControlName を指定できるような ReactiveFormsで使用できるComponentを作成します。 今回は「ダイアログ表示ボ…

NLogを.Net Standard/Coreで使用する

はじめに .Net Core等は下記バージョンでお送りします。 netstandard: 2.0 netcoreapp: 2.2 AspNetCore: 2.2.0 NLog: 4.6.3 あらまし NLogを使うとかは今更ではあるのですが .Net CoreのExeアプリケーションからASP.net WebAPIアプリケーションで NLogを使用…

「簡単な」入力状態復帰機能をAngularのReactiveFormsで実装した話

はじめに Angularは下記のバージョンでお送りします。 @angular/cli: 7.3.9 なにがしたかったか 認証にAzure ADを使用している関係で、定期的に(1時間立ち上げっぱなしで1回程度)ページがリフレッシュされる 入力内容が消えちゃうのもアレなので入力状態を保…