はじめに 2020年1月時点の記事となります。 記事を見ていただくタイミングによっては 記事中で使用しているAzureのキャプチャやコマンドが変更されている可能性がありますのでご留意ください。 また、Angluarは下記バージョンで構成しています。 @angular/cl…
はじめに 使用するライブラリは下記バージョンとなります。 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: 1.0.1 SPAっぽいなにかを作りたかったのでAngularも使用しています。 @angular/cli: 8.0.0 ただ、記述するソースコードの殆どはmsal.jsのヴァニラなものを使用しているので 他のフレーム…
はじめに 2019/6/2時点のAzureを使用しています。 記事をご覧頂いているタイミングによっては 記事内に出てくる画像、設定内容などが変更されている可能性があることをご留意くださいませ。 あらまし 先日のde:code19でデプロイ王子のアンプラグドイベントに…
はじめに 本記事ではAngularは下記Versionを使用しています。 AngularCLI: 7.3.6 Angular: 7.2.10 ゴール Inputコントロールなんかと同様に formControlName を指定できるような ReactiveFormsで使用できるComponentを作成します。 今回は「ダイアログ表示ボ…
はじめに .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は下記のバージョンでお送りします。 @angular/cli: 7.3.9 なにがしたかったか 認証にAzure ADを使用している関係で、定期的に(1時間立ち上げっぱなしで1回程度)ページがリフレッシュされる 入力内容が消えちゃうのもアレなので入力状態を保…
昨日、Azure DevOps Tokyo, Japan 2nd impactに参加しました。 jazug.connpass.com その時にAzure DevOps パイプラインでのカバレッジレポートの収集の話になり 自分が今使っているAngularのプロジェクトでも、カバレッジレポートが収集できるか試してみまし…
12/1 修正しました。 はじめに 今回のお話は、下記バージョンでお送りします AngularCLI : 7.0.4 ↓みたいなコントロールを作成していきます。 テキストボックスがあり フォーカスが当たった際に、ソフトウェアキーボードではなくQRを読み込むカメラが起動し …
はじめに れがしぃなWindowsFormsなプロジェクトをAzure DevOps(ADO)でCI/CDできるか「雑に」試してみました。 exeをどこかに吐き出すだけでは面白くないので Azure Blob Storage上にClickOnceアプリケーションをデリバリして Web Apps上のリンクからそのア…
はじめに Angularは下記Verisonでお届けします。 AngularCli:7.0.3 先日の、bitbank LT NightでみたJestがとても良い感じで使ってみたくなったので 現在使用しているCI環境のAzure DevOps(以降ADOと呼びます)で使用できるか確認してみました。 jestjs.io Azu…
はじめに この記事は、下記のVersionでお送りします。 Angular CLI : 7.0.3 どんな風に動作する？ こんな感じです。ちょっと見えづらいですが 一番下部で数字をカウントしているのがQRコードの読み取り結果です。 QRは2秒毎に0からカウントアップしていき、…
はじめに 今回の記事の構成は下記のとおりです。 AngularCLI : 7.0.3 Angular : 7.0.1 Azure DevOpsの略し方が未だにつかめていないので VSTSの名称でお送りいたします。（ADops…？） 今回のゴール AngularのUnitTestをVSTSで実施し 結果をVSTSのテストレポ…
Azure WebAppsのHybridConnectionとは、Azure上のVPNなどの閉域網を構成しなくても 社内閉域網サーバー内のデータにアクセスできるツールです。 エンプラ系の課題にリーチしそうですね。 こと、Cloud移行したいんだけど一気には無理・・・なんて要求に対応し…
最初に 今回使用した環境は下記の通りです。 @angular/cli : 6.0.8 @angular : 6.0.7 AzureAD認証を支援するJSライブラリ AzureActiveDirectory認証を支援するJSライブラリとして MicrosoftからADALというJSライブラリが提供されています。 github.com マル…
最近話題になったこと 最近、WindowsのDesktopでPWAが動くぜー！と話題になっていました。 https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/#o1UfZRcqAE1SGUem.97 英語力が低いので誤解しているかもしれな…
初めに 今回の記事は、下記構成でお送りします。 Angular: 5.1.1 AngularCli: 1.6.1 Reactive FormsでOriginalのComponentを使いたい 業務系のWebApp作るお仕事してるとReactive Formsを多用します。 Validatorのエラーチェック部分を楽に作れるのが気に入っ…
この記事は [初心者さん・学生さん大歓迎！] Xamarin その1 Advent Calendar 2017 13日目の記事となります。Advent Calendar初挑戦です。よろしくお願いします！ 初めに Xamarin.Formsはずいぶん前からちょこちょこ触ってましたが 本業はWebの方のお仕事中心…
実験的要素モリモリでございます。 ビルドサーバーのVirtualMachineはAzure上にある。 でも、検証環境は自社の閉域ネットワーク内のどこそこにある。といった場合に。 (きわめてレアだとは思いますが！) ちなみに使用するGatewayとか高めのお値段なので 自前…
AzureにWebAppsを置いてもいいけど他アプリケーションとの連携の関係で SQLDatabaseはオンプレミスサーバーに置いときたい！なんて事が合った場合に。 ちと手順が複雑で日本語の最新資料も見当たらなかったのでメモ書き程度に。 参考文献 少し古いですが、At…
はじめに 下記バージョン構成でお送りします。 Angular ： 4.4.4 Angular-cli : 1.4.3 Angular Material：2.0.0-beta.12 Angular Material Angular Material まだβなんですが、主たるコントロールはそろっているので angularでマテリアルデザインのサイトを…
最強Jsonシリアライザと噂のUtf8JsonをXamarinで使用しようとしてドはまりした話です。 公式のGithubは↓です。使用の仕方からすごくわかりやすく記述されています！ github.com neue cc - Utf8Json - C#最速のJSONシリアライザ(for .NET Standard 2.0, Unity…
AngularのReactiveFormsは素敵なFormModuleだと思います。 自分も実際の作業の際には非常にお世話になりました。 ReactiveFormsについて https://angular.io/docs/ts/latest/guide/reactive-forms.html https://angular.io/docs/ts/latest/cookbook/form-val…
業務用のアプリケーション作ってるときに大概あるのがCSV出力ですが WEBでCSV出力するときに、ちょいとはまったのでメモがてらに記事投稿します。 記事投稿時のAngularはV4です。 「IEで」下図のような感じで動くのを作ります エクスポートしたCSVどうやって…
YouTube等の外部Serviceを使用してもいいですが Privateな環境で動画のアップロードをしたい場合があります (業務利用ぐらいしか思いつきませんが…) AzureのMediaService等を使っても良いかもしれませんが 同じくAzureのBlobStorageServiceを使用し、Azureの…
Angularを使用するようになって、jQuery自体は殆ど使用しなくなりました。 Componentベースでアプリを作成したときに jQueryの処理が全体に波及するので使いにくかったんですね。 （特に同じ部品のComonentを親Componentで何度も使用しているときとか。） た…
以前にASP.Net4+Angularで記事を書いたことがありましたが 当時、R.C版だったこともあるので、現在のVer.で作り直してみようと思います。 といっても前回より環境や情報が整ったこともあり、そんなに難しい内容にはならないと思います。 ただ割と無茶な作り…
Angular2ばっかりもアレなんで、下記のもくもく会に参加してXamarinばっかり考える時間を設けました。 jxug.connpass.com 今回はいうほどはまるポイントがなかったというか クリティカルな参考サイトが多かったため、参考サイトの紹介程度です。 成果 Enumデ…
Angular2のDIについて ちまちま書いてたんですが度重なるR.C版リリースと 正式版リリースでかなりゴテゴテに回りました。 目指すところ Angular2のDIをざっくりと理解する Angular2のDIの書き方を理解する。 DI 一般的にDependency Injection（依存注入）と…
業務で使っているだけあって、Angular2の知見が溜まってきたので放出放出。 こんな感じの表示ができるPipeを作りました。というお話です。 使用したのは「Angular2 R.C5」でございます。 Pipeってなんぞや Angularでデータバインドする際、下記のように記述…
