WEB制作の備忘録めも | ミフネWEBのWEB制作メモ

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

Linux / 2022年5月7日 2022年5月7日 / convmv、nkf、unzip

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

java script / 2022年4月10日 2022年4月19日 / Mutation_Observer、observer、wai-aria

Java ScriptのObserver（監視者）にはいくつか種類がありますが、Mutation ObserverはDOMの変更を監視してくれます。単純にDOMが生成された、削除された、だけでなく属性値の変化も感知して […]

java script / 2022年3月11日 2022年4月23日 / scrollIntoView

同じページ内を移動するリンクスクロールは、今やcssのscroll-behaviorプロパティだけでも実装できますが、どうしてもJava Scriptを使いたい場合もあると思います。かつてはターゲット要素の位置を取得し […]

Linux / 2022年3月6日 2022年3月6日 / ffmpeg

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

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

css / 2022年1月14日 2022年4月23日 / css関数、セレクタ、擬似要素

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

Linux / 2022年1月8日 2022年1月8日 / python、wordpress

自分メモ。経緯：WordPressから記事をエクスポートしたらxml形式だったが、ほしいのはURL一覧だけなのでpythonで抜き出すことにした。他の加工はしない。 xml.etree.ElementTreeを使うのが […]

Linux / 2021年12月18日 2021年12月18日 / ruby、shopify

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

css / 2021年12月15日 2022年4月23日 / attr、セレクタ

属性（attribute）を利用したCSSセレクタ。混乱してどれを使うかわからなくなることがあるので備忘録でまとめておきます。属性セレクタとは解説サイトなどでは[attr]や [attr = value]のような書き […]

Linux / 2021年11月2日 2021年11月2日 / INDIRECT、Libreoffice、表計算

4年近く書いているこのブログでおそらく初めてWEB関係じゃないネタで、今後おそらく書くこともない表計算ソフトの備忘録です。ほぼ表計算ソフトを使うことなく生きているので、たまに使うと自分でもどうやって作ったのか思い出せな […]

css / 2021年10月25日 2022年4月23日 / columns、レイアウト

つづいて、columnsプロパティに関係してくるcssプロパティの話です。前記事は「columnsで作る段組みレイアウト」まずは、段組みレイアウトにおいて全幅表示させたいボックスに使用するcolumn-spanプロパテ […]

css / 2021年10月25日 2022年4月23日 / columns、レイアウト

最近のWEBサイトレイアウトはgridあるいはflexで設計するのが一般的ですが、もう少しするとそれも古い話となるのかも知れません。今記事と次記事で段組みレイアウト（multi column layout）をまとめてお […]