ELQ When we implement responsive design, mostly we have to rely on media queries. However, we want to decouple each component asu much as possible. These requirements led the idea of element queries. With element queries, component's state…

SPAで動的にOGP書き換える時は少し大変という話を書いたけど、NetlifyだとBETAではあるがチェックボックスつけるだけでPrerenderingしてくれるようになるからある程度反映させられるようになってしまう。すごい。

結構多くの人は知っているみたいですが私は自分がその立場になるまで知らなかったので書いてみようと思います。TwitterとかでWorking at <会社名>. Tweets are on my own.とプロフィールに書いてある人をよく見ますね。 昔は何も知らなかったので、「言いた…

パフォーマンス修正の事例 リストコンポーネントはランタイムのパフォーマンスのボトルネックになりがち。React16からはパフォーマンス計測には公式モジュールを利用できるらしい。 Performance monitor is useful to detect any setTimeout() or setInterva…

FormGroupの_updateValue()が走ったとき、diabledになっているvalueは無視される -> フォーム全体をdisbleにした後のvalueChangeがあり、valueを保持したい場合はdisable()のemitEventをfalseにする。 OGPタグのnameもpropertyも基本的には同じ。propertyの…

DailyUX: Visual Weight We should give high contrast and big size to the important thing. パフォーマンス修正の事例 再現性がないと計測がきちんとできないのでTimelineツールで記録を取っておくと良い。 (おさらい)リフロー＝レイアウト算出。これはペ…

JavaScriptライブラリを読むときのコツ ライブラリ読む時にloggerやdebuggerを入れる発想はなかったので面白いなあと思った。 package.jsonのbinフィールドに対象ファイルの指定するだけで、npx と言うように使うことができるようになる。 Consoleクラスを使…

挙動みてもしかして…と思っていたけど、HttpClientから返されるObservableは全てcoldだからsubscribeするまでリクエストが飛ばない。GETばっかり使っててsubscribeするのが当然だったから意識してなかった。参考 altとtitleは全然役割が違う。altはSEOにも影…

Github Actions usesはサードパーティ使う時。actions.yamlで使い方や引数を確認しよう。withで必要な引数を渡せる。 いちいちcdコマンドをrunにいれなくてもworking directory的なものを渡せる。 UX Crash Course UserStory is not about UI. It is about f…

TypeScript Meetup#4 Async Function and Runtime Error Tracking by lacolaco-san async/awaitをES2015にcompileすると、__awaiterという実装に置き換えられる。 これは、各xx.jsファイルごとに作成されるので、最終成果物の中に重複が生じる。 tslibという…

Nodeでメールを送信したいとなるとだいたいnodemailerを使うのが一般的。この時、SMTPサーバーを指定する必要がある。Gmailのサーバーを使うことが多い模様。 SendGridというサービスを使うとAPI経由でメールの送信ができる。

Angular observer cdk DOMの変更を検知することができる。例えばattriuteの変更など。 NativeでMutation RecordというAPIがあって、それをベースにしている様子。

UX week5 Don't hide the place where you don't have an elegant solution with glitz or glam decoration CSS/SVG/Canvasのビジュアル表現でできること・できないこと 直線的なものはCSS、ベジェ曲線を動かしたかったらSVG、画像自体をぐにゃぐにゃ動かし…

きっかけ ノートPC育ちなのでうっすーいキーボードが好きで、 それならWFHになってもlaptopのキーボードそのまま使えばいいだろうと思っていましたがpixelbookのキーボードUK配列なんですよね…。 意外とすぐ慣れるので海外に持って行って使うとかたまに使う…

Daily UX Sometimes good ui is good because popular and common Some resources for building UI: GoodUI, 10 Key Landing Page Features That Draw in Prospects, and Timoa on Pinterest

OGPタグを使うことで、TwitterやFacebook等のメディアでリンクが貼られた時に表示されるサムネイルの内容をコントロールすることが出来る。(恥ずかしながら2年弱Web系やってたのに検索流入のあるコンテンツを作ったことがなかったので知らなかった)