可変長の 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 を設定する
Hugo, bulam, rellax, animate.css を netlify + netlify cms でホスティングしたランディングページを作成する
golang SHA2 でパスワードのハッシュ化と検証
golang crypto/md5 でパスワードのハッシュ化と検証
golang.org/x/crypto/bcrypt でパスワードのハッシュ化と検証
Hugo, bulam, rellax, animate.css を netlify + netlify cms でホスティングしたランディングページを作成する
Angular Flex-Layout の入門記事です。 stackblitz のサンプルで解説しています。
golang の struct と method
Angular FormArray内のFormGroupでCross-field validationを行い任意のinput要素にエラーを返す
Angularで1:Nのコンポーネント間でデータ連携を行う
はじめに Chartを扱う際に、任意の時間間隔かつ時間範囲での配列が欲しくなる時があります。 Angularでは Date や import { DatePipe } from '@angular/common'; を使うことが一般的かと思いますが Chart.jsではmoment.jsを利用しているようなのでそちらでも…
Angular でChart.js を利用する
AngularのHttpClientのエラー制御
はじめに SORACOM Endorseを利用してSIMの認証を外部サーバーの認証と連携するでもアプリケーションを作成し、各ノードの役割についてまとめます。 Endorseは SIMごとにユニークかつ改ざん検知可能なトークンの払い出しを受けることができるサービスです。 …
はじめに 先日の記事でSORACOMとAWS間のプライベートネットワーク接続をまとめました。 今回はRaspberry Piでセンサからデータを取得し、ソラコムへ送信する部分をまとめます。 デバイス側の実装を極力シンプルに保つため、SORACOMのメタデータサービスに必…
はじめに SORACOMというIoTプラットフォームを提供する会社があります。 SORACOM AirとSORACOM Canal/Gate/Junctionを利用することで、とても安価かつ簡単にAWSとデバイス間をプライベートネットワーク接続することができます。 環境構築する中でWebコンソー…