css 画期的な発明、:hasセレクタ
これまでのcssは、先にある要素 → 後にある要素 の順番(親→子、兄→弟、隣)で詳細度を高めるしかありませんでした。それを逆向きに指定できるようになったのがh...
css 
JavaScript Objectをkey,valueで呼び出す
ループの中でオブジェクトをkey、valueで呼出したいときの備忘録です。Object.entries(object)を使うObject.entries( )を...
JavaScript 【非同期通信】fetchの完了を待って続きの処理を行う
これまでasync / await をなんとなくでしか理解していなかったばかりに盛大に時間をロスしてしまったので反省として記録にまとめます。今後どなたかの役に立...
JavaScript 初心者向け Swiper jsの使い方 覚書
Twitterに勝手に表示されるおすすめ投稿で「Swiperの使い方がわからない！」という叫びと、それに共感する声をたくさん見たので、ざっくりとした基本の使い方...
Linux zipファイルの文字化けを直す
Windowsでzip圧縮すると自動的にShift-jisで保存されてしまうらしく、これをLinuxで展開すると当然のようにファイル名が文字化けします。今回はフ...
JavaScript DOMの変化を監視してくれるMutation Observer
Java ScriptのObserver（監視者）にはいくつか種類がありますが、Mutation ObserverはDOMの変更を監視してくれます。単純にDOM...
JavaScript ページ内リンクのスクロールを簡単に実装できるscrollIntoView
同じページ内を移動するリンクスクロールは、今やcssのscroll-behaviorプロパティだけでも実装できますが、どうしてもJava Scriptを使いたい...
Linux iPhoneのLive Photosをjpg画像に一括変換
備忘録にて。iPhoneのLivePhotos(mp4ファイル)から切り出して画像として使用したいときに、一括でjpg画像に変換してしまう方法。OSはLinux...
JavaScript Java Scriptの第一歩
WEB制作を独学でやっていると、HTMLとCSSは理解できてもJava Scriptでつまづくケースは非常に多いと思います。私もかつて同じようにJSで絶望し、一...
WordPress WordPressで同じコードを一括管理し使い回す方法
お店の情報発信をwordpressで作成するとき、の「どこでもカラーミー」（jsコード）やの商品をiframeタグで埋め込む機会も多いと思います。しかし、その都...
Shopify 全ブログ記事のURLを取得する [Shopify]
Shopifyでは複数のブログを作ることができますが、それらは独立したブログとなるので一括操作するためのハンドルが用意されていません。たとえば、 「Blog_1...
Shopify 配列を作ってliquidファイルの中で利用する[Shopify]
Shopifyでかんたんな配列を作ってliquidの中で使用したいと思ったとき、下のようなコードで出来るかなと思ったらエラーが出ました。{% assign fr...