最近Reactを使っているのでReactのモーダルメモ。モーダルを開いている時はbodyのスクロールができないようになります。 モーダルを起動するボタン（ModalBtn）と表示するモーダル（Modal）が分かれているの…

福袋の絶対王者スターバックス。私は去年、一昨年と外れ続けていたのですが、今回ついに当選してウッキウキです！☕️ 今回の福袋のテーマは「つながり」。そのためかペアで使えるものが複数入っていました…

私はずっとMacを使っているのですが、開発しているとWindowsの動きも確認しなければいけません。（ 特にIE😨 ）そんな時ずっと使っていたのが仮想環境を作ることのできるOracle VirtualBo…

いつもお世話になっているGoogle AdSense広告。このブログでは今までディスプレイ広告しか設置してこなかったのですが、今回新しくインフィード広告を設置してみることに。 新しく作成した広告を設置して待つこと３０分（…

以前のエントリ「メルマガをダークモード対応する備忘録」でwebサイトのダークモード対応に関して記載していましたが、このブログもダークモードに対応しました。白をベースにしたブログだったので、ダークモードで見た時は目に優しい…

Bootstarpのスライドショーによくある 1 / 5 みたいなスライドショーの全個数と、今のスライド番目を出したかったのでメモ。公式に既にイベントとプロパティについて説明があったのでサクッと作ることができました。Bo…

ダークモード対応する機会があったのでメモ。ダークモードに対応しているメーラーは背景色と文字色が反転したり、文字色の彩度が落ちます。2021年8月時点でiOS , mac 標準搭載のメールアプリでは制御を確認しました。 G…

Vue.jsで複数設置可能なモーダルを作りました。モーダルのコンポーネント(Modal.vue)を作成して、ボタン（ModalBtn.vue）とモーダルコンテンツ（ModalContents）のペアをカプセル化することで…