あるSEのつぶやき・改

ITやシステム開発などの技術に関する話題を、取り上げたりしています。

2018-10-01から1ヶ月間の記事一覧

Angularで外部JavaScriptを読み込みHTML要素を書き換える方法

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

Fix: oauthService.getIdentityClaims always returns null with implicit flow

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

Fix:ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'state' Error: Cannot match any routes

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…

Fix:ERROR Error: StaticInjectorError(AppModule)[OAuthService -> HttpClient]: StaticInjectorError(Platform: core)[OAuthService -> HttpClient]: NullInjectorError: No provider for HttpClient!

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

AngularなSPAでリロード時にアクセスエラーが起きる問題の解消方法

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

Fix:Error: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.

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…

Fix:Error: The selector "app-root" did not match any elements

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

AngularのSPAをS3+CloudFront環境にデプロイしてキャッシュクリアする方法

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

Xamarin.FormsのCarouselPageで2ページ目を最初に開く方法

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

FacebookのOAuth認証で取得したアクセストークンをC#で検証する方法

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

JSONからC#のクラスを自動生成してくれる「json2csharp」がいい感じ

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

GoogleのOAuth認証で取得したアクセストークンをC#で検証する方法

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

もっと簡単に、AngularなSPAでGoogleのOAuth認証を行う方法

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

AWS Lambda関数をC#で書いて実行するまで

AWS

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

Fix: JsonSerializerException in Lambda C#

AWS

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でFacebookのOAuth認証を行う方法

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

AngularなSPAでGoogleのOAuth認証を行う方法

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

Xamarin.FormsのiOSとAndroidでブラウザのCookieを取得する方法

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

Angularのnpm startでエラーが発生した

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

Windowsの各バージョンがサポートする.NET Frameworkのまとめがいい感じ

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

AWSでMFAデバイスのスマートフォンが紛失・故障した場合の復旧方法

AWS

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

「 #AWSをはじめよう 」はAWS初心者のバイブルになる本 #技術書典

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

#セイチョウ・ジャーニー を片手に成長への旅にでかけよう #技術書典

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

「 #完全SIer脱出マニュアル 」は20代・30代のSIerな人が読んでおくべき良書 #技術書典

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

Udemyの「手を動かしながら2週間で学ぶ AWS 基本から応用まで 」を受講してとてもよかったのでオススメ

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

#技術書典 に行ってきましたので感想などを

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

CloudFrontのキャッシュをすぐにクリアする方法

AWS

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

Amazon S3+お名前.comで独自ドメインのサイトを無料でHTTPS化する方法

AWS

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

映画「イブの時間」を観たが、なかなかに考えさせられた

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

ASP.NET Coreのセッション情報をRedisに格納する方法

概要 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…