青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

svg画像をimportしてレンダリングしてると、svg画像の同じ名前のファイルを差し替えた場合に .next/cache を一回消さないとキャッシュが残っちゃってローカル開発時に差し替わらない

blog.makotoishida.com svg画像をimportしてレンダリングしてると、svg画像の同じ名前のファイルを差し替えた場合に .next/cache を一回消さないとキャッシュが残っちゃってローカル開発時に差し替わらない。 ので、自分で.next/cacheを自分で消すとローカル…

【リンクメモ】音のフィードバック snd.dev

www.dentsu.co.jp snd.dev zenn.dev たしかにいままでWeb上で音のフィードバックってつけたことないなー。でもゲームとかだとボタンとか基本全部音のフィードバックついてるもんな。まあゲームだから音量付きでユーザーが使ってるって前提はあるだろうけど

objectのdata属性で読み込んだsvgにCSSやJSをあてる

objectのdata属性で読み込んだsvgの中にあるaタグに対してJSやCSSをあてたい。 qiita.com 別documentになるので、普通にJSやCSSはあたらない。上記Qiitaにあるようにobjectをとってきてその.contentDocumentをとり、そこに対してJSを当てる必要がある。 cons…

【リンクメモ】AWSで2段階認証を設定する

qiita.com

Safariでborder-radiusがhover中に一瞬とれてしまう件、重ねあわせコンテキスト作ってあげると直る

hirakublog.com qiita.com z-indexとかwill-changeとかもあるのだけど、つまるところ重ねあわせコンテキストを作ってあげれば直るみたい。ホバー時に中身でopacityなりtransformなりしていると思うのだけど、それらで重ね合わせコンテキスト的になんかバグっ…

cannot assign to read only property | useStateで管理しているオブジェクトの更新をする際にイミュータブルな感じでやるようにする

qiita.com まあどうやらオブジェクトを直接更新するの無理ってことみたい。まあstateなので直接更新するつもり無いのだけど、オブジェクトを直接更新した新しいオブジェクト作ってそれをsetする、みたいなときにも怒られちゃうので、新しいオブジェクトの作…

M1MacでのWeb開発の開発環境構築。homebrewやnodeが特に注意

一緒のプロジェクトのメンバーがM1のMacで開発環境の構築のサポートをしたメモ。 zshになっているか確認 最近のmacOSはデフォルトがzshなので、たぶんなにもしなくてもzshになっている気はしています echo $SHELL と入力し /bin/zsh と出たらzshになっていま…

ChromeでWebGLが使えない 「THREE.WebGLRenderer: Error creating WebGL context.」

qiita.com これでChromeでWebGLの機能使った実装(react-vfxを使った) blog.amagi.dev amagi.dev github.com したら「THREE.WebGLRenderer: Error creating WebGL context.」と出て機能しなくて困ったのでメモ masshiro.blog まあ結局のところ昔自分でハー…

vscodeでエディタ上でコンフリクト時にCurrentとIncomingのどちらを受け入れるかを選ぶ

たぶん初期設定だと出てくれると思うのですが、いつの間にかどこかのタイミングでこの設定を消してしまっていたらしい。 stackoverflow.com

この技術ブログの今年のアクセス数を見てみる

www.xserver.ne.jp Googleアナリティクスの設定してあるけど見方がまるでわかっていないので、これを期にちょっと見てみる ブログ全体 https://www.xserver.ne.jp/blog/how-to-google-analytics/#1ブログ全体のアクセス数 同一端末を使ってブログを訪問した…

PS4でDNSサーバーが使えない(NW-31247-7)と言われて困った、あと家のWi-Fi(Deco)がずっと赤ランプ点灯しているけど動いてて結局大丈夫なのだろうか

PS4でDNSサーバーが使えない(NW-31247-7)と言われて困った PS4で発生するエラーコードの一覧と基本的な対策手順まとめ | NW-31247-7 DNSサーバーが使えません did2memo.net 結局これでGoogle Public DNSに設定して直った。 (蛇足)家のWi-Fi(Deco)がず…

【リンクメモ】position: fixedの要素をスクロール

chaika.hatenablog.com

【リンクメモ】iOS Safari ではクリックやタッチでしかfocus()できないらしい

www.gwtcenter.com qiita.com mixiengineer.hatenablog.com

VisualViewport.height がiOS15でおかしかった件、iOS15.1でだいたいは解消されたけどまだちょっとだめっぽい?

(2020/11/24現在知っている情報。もしかしたらもう治っているのかも) developer.mozilla.org zenn.dev iPhoneやAndroidでキーボードが表示されたとき、「画面の見えている部分の高さ」はwindow.heightでは取得できないvisualViewport.heightなら取得できる…

iOS Safariでキーボードを開いている際にposition: fixedの挙動がおかしい?

ちょっと明確なソースがあるわけではないので確証はない。 iOS Safariでキーボード(Virtual Keyboard)を開いている際にposition: fixedの挙動がおかしいっぽい。 iOS Safari Virtual Keyboardを開いている position: fixed; bottom: 0; の際に、 スクロール…