2024/09/21 ~ 2024/09/27 のもくもく日記

もくもく前回までは

Google Workspace に所属していない個人アカウントだと、 OAuth 同意画面のUser Type は「外部」しか選べず、設定がややこしいorz

Angular のReactive Form のインスタンス管理をミスって、 FormArray の追加・削除などが上手くいかないorz

……Component を切ったりしなければ動いていたので、ベタ書きに戻すか 🤔

……Angular でFormArray の要素を追加・削除した時の<input> のvalue が変だなと思ったら、 @for のtrack にindex を指定していて、index 自体は変化が無いから再描画されていないだけだったw

FormArray のcontrols を*ngFor から @for に書き換えたのだけど、track すべきものが分からなすぎてNG0956 が永遠と出続けるorz

下記で紹介されているマイグレーションコマンドを使っても改善しなかったので、自分の組み方が悪い気がするけど、さてどうしよう 🤔

React でJSON Schema に沿った編集欄を作ってくれるこのライブラリを試したのだけど、 anyOf の解釈が上手く行っていないようにみえるので、自分が仕様をミスっている気がしてきたorz

GitHub Pages にAngular で作ったサイトをデプロイしたら何も表示されなくて困ったけど、下記リンクを参考に<base href="???"> の設定を調整したら、表示できるようになった!

ざっくりとTypeSpec ファイルを独自加工して、それに対応した入力欄をつくるサンプルが出来た 🎉

……ちゃんとした動作確認とかも必要だけど、それはこの仕組みを導入した時にやってこっとw

テンプレートエンジン、 Python だとJinja があるけど、それをNode.js で実装する場合は、インスパイアされたnunjucks というのがあるっぽい 👀

Mozilla が作っているので、使ってみても良いかもしれないw

※関連SNS