画期的な発明、:hasセレクタ

これまでのcssは、先にある要素 → 後にある要素 の順番(親→子、兄→弟、隣)で詳細度を高めるしかありませんでした。 それを逆向きに指定できるようになったのがhasセレクタです。 chrome、safariではすでに対 […]

Objectをkey,valueで呼び出す

ループの中でオブジェクトをkey、valueで呼出したいときの備忘録です。 Object.entries(object)を使う Object.entries( )を使うとkey,valueをセットにした配列で受け取ること […]

初心者向け Swiper jsの使い方 覚書

Twitterに勝手に表示されるおすすめ投稿で「Swiperの使い方がわからない!」という叫びと、それに共感する声をたくさん見たので、ざっくりとした基本の使い方と、実際使用して遭遇したエラーなどをまとめておくことにします […]

zipファイルの文字化けを直す

Windowsでzip圧縮すると自動的にShift-jisで保存されてしまうらしく、これをLinuxで展開すると当然のようにファイル名が文字化けします。 今回はファイル名が非常に重要だったので対処することに。 unzip […]

iPhoneのLive Photosをjpg画像に一括変換

備忘録にて。 iPhoneのLivePhotos(mp4ファイル)から切り出して画像として使用したいときに、一括でjpg画像に変換してしまう方法。 OSはLinux mint20。 ffmpegを使用する LivePho […]

Java Scriptの第一歩

WEB制作を独学でやっていると、HTMLとCSSは理解できてもJava Scriptでつまづくケースは非常に多いと思います。 私もかつて同じようにJSで絶望し、一度学ぶことを諦めたタイプなのでとてもよく分かります。 この […]

counter関数の使い方 [CSS]

cssのcounter変数を利用すると、指定の要素に任意のcounterを設定することができ、設定されたcounterはcontentで利用することができます。 早速具体例を見ていきます。 counter-resetでカ […]

githubからrubyをインストールする

古い32bitパソコン(LinuxMint OS)にもshopify-cliインストールできるかなと思って確認したら、最新バージョンで2.5.xでした。 shopify-cliのインストール要件がruby2.7以上なので […]