WEB制作 全般 Firefoxブラウザで:hasセレクタを試す方法
「画期的な発明、hasセレクタ」でご紹介した新しいCSSセレクタである「:has()」ですが、今のところFirefoxが対応していません。その為、実際のサイト制...
WEB制作 全般
WEB制作 全般 
WEB制作 全般 select要素のoptionを操作するときのJavaScript
たまに使うと忘れているので自分用メモ。選択されているoption要素のvalueではなく要素自体（テキスト）を取得手順直接optionを指定することはできないの...
WEB制作 全般 input[type=number]の矢印を消したい時のCSS
input要素の入力値を数値に指定する type="number" に設定すると、ブラウザの既定スタイルで上下の矢印が表示されます。これを消したいときに設定する...
WEB制作 全般 画期的な発明、:hasセレクタ
これまでのcssは、先にある要素 → 後にある要素 の順番(親→子、兄→弟、隣)で詳細度を高めるしかありませんでした。それを逆向き(子要素 -> 親要素)に指定...
WEB制作 全般 objectをkey,valueで呼び出す[JavaScript]
ループの中でオブジェクトをkey、valueで呼出したいときの備忘録です。Object.entries(object)を使うオブジェクトに対して、Object....
WEB制作 全般 【非同期通信】fetchの完了を待って続きの処理を行う
これまでasync / await をなんとなくでしか理解していなかったばかりに盛大に時間をロスしてしまったので反省として記録にまとめます。今後どなたかの役に立...
WEB制作 全般 初心者向け Swiper jsの使い方 覚書
Twitterに勝手に表示されるおすすめ投稿で「Swiperの使い方がわからない！」という叫びと、それに共感する声をたくさん見たので、ざっくりとした基本の使い方...
WEB制作 全般 zipファイルの文字化けを直す
Windowsでzip圧縮すると自動的にShift-jisで保存されてしまうらしく、これをLinuxで展開すると当然のようにファイル名が文字化けします。今回はフ...
WEB制作 全般 DOMの変化を監視してくれるMutation Observer
Java ScriptのObserver（監視者） APIにはいくつか種類がありますが、Mutation ObserverはDOMの変更を監視してくれます。単純...
WEB制作 全般 商品ページが全てGoogleインデックスから抹消される
非常にレアケースだと思いますが、商品ページが全てGoogleのインデックスから消されるという大惨事に遭遇したので、解決の糸口が見つかるまでの顛末を記録しておきま...
WEB制作 全般 ページ内リンクのスクロールを簡単に実装できるscrollIntoView
同じページ内を移動するリンクスクロールは、cssのscroll-behaviorプロパティだけでも実装できますが、どうしてもJavaScriptを使いたい場合も...
WEB制作 全般 iPhoneのLive Photosをjpg画像に一括変換
iPhoneのLivePhotos(mp4ファイル)から切り出して画像として使用したいときに、一括でjpg画像に変換してしまう方法です。OSはLinux Min...