WEB制作 全般 WordPressをヘッドレスCMS化した話
このたび長年放置していたWordPressサイト（このサイトではない）をヘッドレス化することにしました。WPのヘッドレス化に至った理由としては、FSEまで付き合...
memo
WEB制作 全般 
WEB制作 全般 Vueテンプレートのループ覚書
Vuejsのテンプレートで初めてループ処理を書くとき、いくつか引っ掛かったので備忘録としてまとめます。v-forとv-ifを同時に使いたいときv-forとv-i...
WEB制作 全般 WordPress REST APIを特定のサイトにのみ許可する
WordPressのREST APIは標準で公開されておりサイトURLさえ知っていれば誰でも利用できます（セキュリティ系プラグインなどがRestAPIを無効化し...
WEB制作 全般 画像ファイルの保存先をサブドメインに変更する 【WordPress】
RestAPIを使用してWordPressをヘッドレスCMSとして使うにあたり、投稿ページなどのURLは問題ないとしてメディアファイルのURLは元のままなのが気...
WEB制作 全般 WSLからWindowsのデスクトップにアクセスする
Windows Subsystem for Linux（WSL）からデスクトップやドキュメントにcdしたいときどうすれば良いのかなと迷ったので備忘録。/mnt/...
WEB制作 全般 モーダルをdialog要素で実装してみる
主要ブラウザがdialog要素が対応してそろそろ1年経つので、そろそろ良いだろうと実際の制作で使用してみました。dialog要素を使用することによって得られるメ...
WEB制作 全般 否定擬似クラス、:not()の詳細度
まれに疑似クラス:not()が予想とちがう振る舞い（効いてほしくないところに効く）をすることがあったので、cssの詳細度についてきちんと調べ直しました。素直な感...
WEB制作 全般 Swiperで複数のスライドを連動する方法
Swiperのcontrollerメソッドを使うことで、複数のスライドを同時に動かすことができます。// 3つのスライドをすべて連動させあうサンプルconst ...
WEB制作 全般 兄弟要素をもたない要素を指定する疑似クラス、:only-child
only-childの指定範囲はセレクタ名の通りで、:only-child疑似クラスを使用すると、兄弟要素を持たない要素を指定することができます。個人的にはリス...
WEB制作 全般 配列内の要素すべてが条件に一致しているかチェックするArray.every()
ある文字列が複数の条件にマッチするか調べる良い方法がないかと考えていたら、ARRAY.every()を使うのが一番スマートのようでしたので備忘録。every()...
WEB制作 全般 JavaScriptのレスポンシブ
CSSで@media screenをつかってレスポンシブなデザインを作るように、JavaScriptでもメディアクエリにあわせた設定が可能です。window.m...
WEB制作 全般 Firefoxブラウザで:hasセレクタを試す方法
「画期的な発明、hasセレクタ」でご紹介した新しいCSSセレクタである「:has()」ですが、今のところFirefoxが対応していません。その為、実際のサイト制...