NestJS への入門としてNestJS のインストールから簡単な API の追加までをまとめます。 NestJS は Typescript で書かれた ServerSide Web Frameworkです。 nestjs/ng-universalというAngular 用の Server Side Rendering ライブラリーや、公式でOpenAPI対応…

はじめに go で WebAuthn します。 12月初旬にはおっしゃ実装したろ！という気持ちがありましたが時の流れとは恐ろしいもので以下の go で実装された WebAuthn の example の実装を読んで 2020年へ気持ちを高めていこう。という Go3 Advent Calendar 2019の2…

aws コマンドなど CLI でも簡単かつセキュアに AssumeRole したいですね。 今回は moznion/sesstok と 1password を利用して CLI から AssumeRole する方法をまとめます。

AWS Organizations はセキュリティ、リソース、請求の一元管理が無料で実現できます。 AWS Organizations を利用して AssumeRole できる環境を構築する方法をまとめます。

macOS (High Sierra) の wireshark で USBpcap する方法をまとめます。

年の瀬なので今年買った積みガジェットを消化していきましょう。 今回は YubiKey 5 NFC（USB-A）を利用して 秘密鍵を PC 上に保管せず公開鍵の発行と RaspberryPi へ SSH するところまでをやってみます。

AWS Amplify に入門してみます。 まずは Angular で作ったサイトを Amplify にホスティングする方法をまとめます。

firebase にホスティングして firebase/app を import する方法をまとめます。

手元のPCに入っているであろうAnsible から SORACOM Napter を使ってデバイスの構成管理をしてみたいと思います。

Angular で jsQR を使ってQRCodeを読み取る方法をまとめます。 この記事は Angular 2019アドベントカレンダーの記事です。

Raspberry Pi model 3b+ 初期設定をまとめます。

Hugo を利用していると baseURL など prod環境、dev環境で別の値を利用したい場合があります。 今回は config.toml を分割する方法をまとめます。

Hugo で markdown の hタグに自動で Anchorタグをつける方法をまとめます。 Hugo では markdown内の hタグには自動で idタグがつきますが、そこに anchor も合わせてつけて、hタグをクリックすすると anchorリンクが取得できるようにします。

Angular formArray にデータが追加される度に Angular material の dataTable にデータを追加する方法をまとめます。 サンプルアプリケーションのソースコードを Github で公開しています。

Angular Elements で単一の js ファイルとして build する方法とそれを読み込む方法をまとめます。

Angular formArray 内の重複した key を集計して個数カウントおよびエラー制御を行う

可変長の Angular formArray 内で autocomplete の要素を filter する方法をまとめます。 formArray が可変長の場合 filter を当てる autocomplete 要素の位置を特定する必要があるので少し工夫が必要です。

Hugo のような静的なコンテンツを扱うフレームワークを利用している際に部分的に動的なガジェットが欲しくなることがあります。 Angular Elements で作ったアプリケーションを Hugo に埋め込む方法をまとめます。

はじめに go でjson をパースする方法をまとめます。 構造体を使うパターンとbuger/jsonparser を利用して構造体を使わないパターンを書きます。 github.com go でjson をパースする 個人的には構造体を書けばいいと思ってますが、めんどくさいなぁと思うこ…

以前、angular でlocalにある画像をslide として表示する方法をこちらの記事でまとめました。 画像のURL をfetch する際に多少の遅延が生じることになりますが、その遅延に起因してslide の切替わり時に一部の画像が表示されません。

Angular でwebsocket を利用する（rxjs/webSocket）

はじめに Angular8 でelectron を利用する方法をまとめます。 Angular6/7 と同じように main.js つくったら画面が真っ白だぜ。という方向けの記事です。 angular8 electron

Typescript とrxjs でマイナス100から100までのランダムな数字を1秒ごとに生成する

Typescript とmoment.js で 毎秒更新されるClock を作成する

gorilla/websocket で異なるOrgin間の Error during WebSocket handshake: Unexpected response code: 403 を回避する

Angular formArray と仲良くなる

Hugo で異なる Sectionの Pageの一覧を取得する

Angular でngFor をネストさせる

Angular でSentry を設定する

Angular でGoogle Analytics を設定する