Angular でプログラムを書いていると、どうしても画面の遷移時に JavaScript を実行させたくなります。 ですが、テンプレートの HTML に <script>要素で処理を記述しても、テンプレート適用時に無効になってしまいます。 そこで調べてみたところ、コンポーネントの初…

Angular の angular-oauth2-oidc ライブラリで、Google の OAuth 認証を行おうとしたら、this.oauthService.getIdentityClaims();が必ず null を返してきて、ユーザーの情報が取得できませんでした。 原因がいくつか分かったので、メモとして残しておきます…

Angular で OAuth の処理を行っている際に、以下のエラーが出力されました。 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'state' Error: Cannot match any routes. URL Segment: 'state' at Anonymous function (ht…

Angular で OAuth の処理を行っている際に、以下のエラーが表示されました。 ERROR Error: StaticInjectorError(AppModule)[OAuthService -> HttpClient]: StaticInjectorError(Platform: core)[OAuthService -> HttpClient]: NullInjectorError: No provide…

Angular な SPA を、Amazon S3 + CloudFront の環境にアップロードしていたのですが、デフォルトのルーティング設定だと、リロード時に以下のようなアクセスエラー(403? 404?)が発生してしまいます。 <Error> <Code>AccessDenied</Code> <Message>Access Denied</Message> <RequestId>774BF58712AE4AD1</RequestId> <HostId>bn3apgN</hostid></error>…

Angular で以下のようなエラーが発生するようになってしまいました。 Error: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document. at new PathLocationStrategy (common.js:403) at provideLocat…

Angular でなにも変更してないと思っていたのですが、突然、以下のようなエラーが発生するようになりました。 Error: The selector "app-root" did not match any elements at DefaultDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/pla…

はじめに Angular な SPA を Amazon S3 + CloudFront にホストするのはいいですが、じゃあデプロイはどうするのとなって行き詰まっていました。 www.aruse.net いろいろ調べてみたところ、Angular の SPA を自動でデプロイして CloudFront のキャッシュもク…

Xamarin.Forms の CarouselPage を２ページ使って、左ページにメニュー、右ページにコンテンツを表示しようと考えてみました。 そうすると、CarouselPage の２ページ目を最初に開く必要があるのですが、意外と簡単にできたのでメモとして残しておきます。 ま…

はじめに 以下の記事で、Angularな SPA で Facebook の OAuth 認証を行いました。 www.aruse.net OAuth 認証時に取得したアクセストークンは、サーバーに送信して検証をしなければいけないはずなのですが、Facebook がその情報をきちんと公開していません。 …

JSON の文字列を Json.NET などでデシアライズする際、デシアライズ先のクラスを定義する必要がありますが、JSON をクラスにするって難しいですよね。 そんな難しい JSON から C# のクラスを自動生成してくれるのが、「json2csharp」です。 json2csharp.com …

はじめに 以下の記事で、Angular な SPA で Google の OAuth 認証を行いました。 www.aruse.net 実際には、この時取得したアクセストークンをサーバーサイドに送信して、検証を行わないといけません。 ネットで調べた限りでは、セキュリティに配慮しているサ…

はじめに 先日、Angular で Google の OAuth 認証を行う方法として、かなり頑張って以下の方法をご紹介しました。 www.aruse.net ですが、さらに調べてみると Google でも Facebook と同じような SDK が用意されていて、簡単に OAuth 認証できることが分かり…

はじめに みなさん、AWS Lambda 使っていますか？ 私は、始めたばかりです。 自分は C# で書きたいのでネットで情報を集めてみたのですが、ほとんどないですね。 サーバーレスアーキテクチャがまだメジャーになっていないのに、その中でマイナーな C# ですか…

An exception has occured in my Lamda function with C#. { "errorType" : "JsonSerializerException", "errorMessage" : "Error converting the Lambda event JSON payload to a string. JSON strings must be quoted, for example \"Hello World\" in ord…

はじめに Angular な SPA(Single Page Applicaiton)で、Facebook の OAuth 認証を実現する方法のご紹介です。 始めは以下の記事と同じように、angular-oauth2-oidcというライブラリを使用して実現しようとしたのですがうまくできませんでした。 www.aruse.ne…

はじめに Angular で SPA(Single Page Application)を作成したはいいけれど、ソーシャルログインを行おうとするととたんにハードルが高くなります。 ネット上でも、まとまった情報というのはあまりありません。英語でもごくわずかでした。 この記事では、Ang…

はじめに Xamarin.Forms で、内部ブラウザ(WebView)で表示したサイトで Cookie をセットし、その値を画面に表示する方法を調べてみました。 サンプルアプリ 以下の画面遷移を行う iOS と Android のサンプルアプリを作ってみました。 初期画面 Cookie がセッ…

現在、Udemy の Angular の講座を受講しているのですが、サンプルアプリケーションでエラーが発生してしまいました。 www.udemy.com 以下が発生したエラーです。 $ npm start > angular-quickstart@1.0.0 prestart /Users/xxx/Desktop/quickstart > npm run …

.NET Framework で TLS1.1 および 1.2 を有効化する方法 -まとめ- – Japan IE Support Team Blog IEBlog にて、上記記事が公開されたのですが、その中に各OS上でサポートされる.NET Framework のバージョンというものがあり、それがとてもよくまとまっている…

はじめに AWAで Multi-Factor Authentication (MFA, 多要素認証)を有効にしたのですが、ふと「あれ？MFAデバイスのスマートフォンが壊れた時、ログインできなくなるんじゃない？」と思い調べてみたところ解決策がありました。 ルートユーザーなら別の方法で…

先日、技術書典に行ってきました。当日の様子は下記記事をご覧ください。 www.aruse.net 今回、一番の目的であった戦利品の「AWSをはじめよう」を読み終わったので、その感想などを書いてみます。 「AWSをはじめよう」は、BOOTH で販売されているので、入手…

昨日は技術書典に行ってきました。当日のことは下記記事をご覧ください。 www.aruse.net その戦利品の中に「セイチョウ・ジャーニー 」という本があります。 日本語？で言えば、「成長のためのあてのない旅」といったところでしょうか？ 「セイチョウ・ジャ…

昨日は技術書典ということでいろいろと楽しめた一日でした。 技術書典当日のお話は、下記記事をご参照ください（サムネイルが油そばなのはご愛嬌）。 www.aruse.net 技術書典に行ってきたなら、せっかく買った戦利品を楽しまないと意味がありませんね。 戦利…

Udemyの「手を動かしながら2週間で学ぶ AWS 基本から応用まで 」をだいたい２週間くらいかけて受講しました。 www.udemy.com このコースの価格は15600円のところ、セールで1300円で購入することができました。 Udemyはちょくちょくセールをやっているような…

今日(2018/10/08)、池袋サンシャインシティ2F 展示ホールDにて技術書典なる技術書専門の同人即売会が行われました。 techbookfest.org 同人即売会といっても、ものすごーい規模の大きなものになります。 最終的にはのべ人数で１００００人を超えたそうです。…

CloudFront + S3 で静的サイトを公開している場合、CDN でコンテンツがキャッシュされているのですぐには更新が反映されません。 ですが、更新作業の後などですぐに反映したい場合は困ってしまいます。 この記事では、CloudFront でキャッシュをすぐにクリア…

はじめに この記事は、Amazon S3で作成した静的サイトを、お名前.com で取得した独自ドメインで公開し、無料で HTTPS 化する方法をご紹介します。 なぜ、HTTPS化で必要な SSL/TLS 証明書が無料で使用できるかというと、AWS Certificate Manager(ACS)で発行し…

アマゾンプライムを全然活用していないなと思い、アマゾンプライムビデオでよい作品がないかと思い探してみたら「イブの時間」なるものを発見。 未来、たぶん日本―――。ロボットが実用されて久しく、アンドロイド(人間型ロボット)が実用化されて間もない時代…

概要 ASP.NET Core のセッション情報を Redis に格納する方法を調べてみました。 開発環境は、macOS Mojave と .NET Core 2.2 SDK(v2.2.100-preview2)、Visual Studio Code になります。 まずは、Mac 単体で動作確認後、AWS(Amazon Web Services)の EC2 の W…