-
Code
モーダル開いたら動画を再生。閉じたら動画を停止＆再生位置を初期化
モーダル内に動画を設置したけど、開いたときに自動で再生させたい。あと、一度再生するとモーダルを閉じてもずっと動画再生されてる。バックグラウンドで音だけ聞こえてる、、なんとかして。 しんぺー モーダルを開いたり閉じたりした […] -
Code
Clipboard APIを使用して、リッチテキストコピーを実装する方法
リッチテキストをコピーできるボタン作ってって言われたけど、そんなん実装してるの見たこと無い。できないでしょ。。 しんぺー ぼくも出来ないだろうな〜と思いながら調べたらできるみたいです。あまりサンプルや記事も少く実装するの […] -
CSS
SNSリストのテンプレート
SNSのアイコンのリストって毎回作ってるけど、そろそろテンプレほしいな。使いまわしやすくて、ホバーアクションもいい感じにしたい。 しんぺー よくあるSNSアイコンリストのテンプレを共有しますね。ホバーアクションはFont […] -
Code
IntersectionObserverを使うときのテンプレート
IntersectionObserverって使いたくても記述長くて面倒。。 しんぺー 使いやすい雛形を共有しますね。 完成形のイメージ スクロールして見出しが表示されると、文字がランダムに表示されるようにしています。今回 […] -
Code
remodal.jsがブラウザバックで再表示されるときは、hashTracking: false,にします【使い方・オプション】
ブラウザの戻るボタン押すとモーダル開くのなおしたい。 しんぺー remodal.jsの中の記述を変更するだけです。hashTracking: true,からhashTracking: false,に変更すればOKです。 […] -
Blog
2023年に読んだ本
2023年に読んだ本を見返していたので、ついでに記事にしました。1年間で78冊ほど読んでいたようです。 2024年は読書メモをもう少し整えてNotionでとったメモを公開できるようなサイトを公開したいなぁ〜と思っています […] -
JavaScript
【React】オプショナルチェイニング派？AND演算子派？
Reactで同じような処理をオプショナルチェーンで記述しているものと、AND演算子で記述しているものがありました。どちらが良いのでしょうか？ オプショナルチェイニング プロパティやメソッドが存在しない場合に、エラーになら […] -
React
静的なHTMLでReactを使う｜BabelによるJSXのコンパイル
静的なHTMLでReactを使用してみます。 JSXをJavaScriptにコンパイルするBabelをCDNで読み込み、ブラウザが解釈できるJavaScriptにコンパイルすることで、静的なHTMLでもReactを使用で […] -
JavaScript
どうぞ！キーイベントの動作確認｜onkeyup、onkeydown、onkeypress
キーイベントの動作確認用です。どうぞ。 試すと面白いこと 1,2,3と一文字ずつ入力してみる 長押ししてみる コピーしたテキストを貼り付けてみる 入力した文字を一文字ずつ消していく 上記を日本語入力で試してみる See […] -
JavaScript
JavaScriptのclassListは全部で6つ
JavaScriptのclassListで古いクラスから新しいクラスに変えるのなんだっけ？古い方先に書くんだっけ？たしかJavaScriptの書籍に書いて。。。ない。前調べたけど簡単だからって油断してメモも残してない。。 […]
