いろいろ調べ物をしていて、なんかVite使っている人多くない…？と思ったら、最近はReact公式があまりCreact React App（CRA）をすすめていないのですね。しかも公式の Start a New React…

よく見かける配列メソッドの覚え書き。 push() 配列の最後に新しい要素を追加する unshift() 配列の先頭に新しい要素を追加する pop() 配列の最後の要素を取り除く shift() 配列の先頭の要素を取り除…

Reactの環境を作るべくnodebrewからNode.jsをインストールしたのですが、途中でエラーになったりいろいろゴチャっとして必要ないバージョンまでインストールしてしまった状態のため、必要のないバージョンは削除した…

MacにReactの環境をつくるときの手順とつまずいたところのメモ。試行錯誤しているところもそのままメモしているので、成功したパターンだけを確認したい方はもっと頭のいい人の記事を参照してください。。 大まかな作業の流れは…

OSが macOS 12 Monterey 以降であればAirPlayで簡単にMacを外部ディスプレイにできます。簡単だし非常に便利！ケーブルを買わずに済んだので助かりました… 設定方法 受信側のMacの共有設定をする …

IDまたはスラッグを指定して説明文を出力したい場合 自動で説明文を囲うpタグを削除する 説明文を囲うpタグが自動で入ってしまうのを削除したい場合は、functions.phpに以下を追記。

いつも書き方の詳細を忘れて調べがちなのでレスポンシブ対応覚え書き。前回jQueryの場合をメモったので一応メディアクエリの場合もメモ。

いつも書き方の詳細を忘れて調べがちなので、jQueryでレスポンシブ対応する場合の覚え書き。

MacでAppを強制終了する方法メモ。 [option]＋[command]＋[esc] 上記ショートカットキーで「強制終了」ウィンドウが開くので、終了したいAppを選択して「強制終了」をクリック。

お名前.comのレンタルサーバで、常時SSL化した後にWordPressをインストールしようとしたところ、CSSファイルや画像がhttpになって表示されない状態に。そのまま強引にインストールしてみたところ、リダイレクトル…

WordPressの目次を表示するプラグイン「Table of Contents Plus」。先日、気がついたら目次が表示されなくなっていました。目次を表示する枠はあるけど中身が表示されていない状態です。調べたところ、プ…

Live Sass Compiler でコンパイル時に自動でベンダープレフィックスをつける設定のメモ。 settings.jsonを開く command + , (Windowsは Ctrl + ,) で設定画面を開いて…

ツールバー非表示にしていて、ログアウトのリンクも設定していない場合は、以下のURLにアクセスするとログアウトできます。 サイトURL/wp-login.php?action=logout いったん /wp-admin で…

BASIC認証の設定など、現在のディレクトリのフルパスが必要な時用のメモ。 もうあまり遭遇しないとは思いますが…PHP5.2以前の場合は上記の書き方が使えないので、PHP5.2以前の書き方も念のためメモ。

いつも忘れがちなスクショのショートカットキーのメモ。 画面全体のスクリーンショットを撮る [command]＋[shift]＋[3] 範囲指定でスクリーンショットを撮る [command]＋[shift]＋[4] 任意の…

Live Sass Compilerはデフォルトだと元のscssファイルと同じ階層にcssファイルが出力されます。cssファイルを元のscssファイルとは別の階層に出力したい場合の設定変更方法です。 settings.j…

ローカルでWordPressを構築していてスマホ実機で見え方を確認したい時の方法メモ。デベロッパーツールではちゃんと動いているように見えても実機だとダメとかありがちなので、実機で確認しておきたいところです。 前提パソコン…

長らく Sublime Text を使っていたのですが、思い立って Visual Studio Code（VSCode）に移行してみました。以前に「VSCode使ってる人多いよなー」と思って試しにインストールだけしてあっ…

position:stickyを使ってサイドバーをスクロールで上部に固定しようとしてうまくいかない場合の対応メモ。 gridの場合 CSS Gridは、align-items のデフォルトが strecth のため、al…

コンテンツ量が画面の高さより少ない時のみフッターをページ最下部に固定する方法メモ。レスポンシブ対応などでフッターの高さを固定にできない場合はpositionだとうまくいかないのでFlexboxで実現します。他にもいろいろ…

YoastSEOプラグインのスニペット変数まとめ。どこにあるかわかりにくくていつも探してしまう公式ヘルプのスニペット変数一覧のページも参考サイトに記載しておきました。原典にあたりたい場合はそちらへ。 基本の変数 日付 %…

いつも忘れがちなカスタム投稿タイプの説明文の出力方法メモ。 ついでにカテゴリとタームの説明文の出力もメモ。

CSS Grid のauto-fitまたはauto-fillとminmaxで、メディアクエリを使わずにレスポンシブ対応が可能です。これは便利すぎる…！ 以下の例の場合、子要素の横幅が140pxより小さくなると自動的に改行…

CSS Grid で grid-template-columns を 1fr にした場合に、横幅がはみ出して横スクロールが出てしまう場合の対応メモ。どうも1frにした要素の中に横スクロール可能なコンテンツがある場合におき…