css

要素を上下左右中央に配置してフッターを下に固定する【CSS】

要素を上下左右中央に配置して、コンテンツ量が少ない時もフッターを画面の下に固定したい!ってことはよくあります。方法は色々ありますが、最近よく使っている手法をメモ。 実装したいレイアウトを確認する 実装したいレイアウトはこち...
JavaScript

Reactのパフォーマンスを最適化する方法を調べました【React.memo/React.useCallback/React.useMemo】

Reactはコンポーネントを組み合わせて作っていきます。日頃あまり意識することはありませんが、一部に負荷の高いコンポーネントがあると、レンダリングの最適化を考える必要があります。Reactのレンダリングの仕組みと、パフォーマンスの最適化に...
JavaScript

useRefで値を更新したりDOMを参照する方法【React/useRef/useState/useEffect/TypeScript】

useRefは、主にDOMを参照したい時に使用しますが、改めて使い方を調べたのでメモしておきます! useRefとは useRefは、useStateと同じく値を保持できるフックです。useStateとの主な違いは、値を更新し...
2022.05.05
スポンサーリンク
css

gridレイアウトについて調べました【CSS/grid-template/auto-fit/auto-fill】

最近CSSのgridを使う機会がありました。最低限の仕組みを知っておく必要があると思い、基本的な並べ方を実装する方法をまとめました。 gridの基本的な使い方 gridは要素の表示形式を設定するdisplayプロパティの値にな...
2022.04.28
WordPress

WordPressで記事一覧を固定ページに表示する【ショートコード/ページネーション】

WordPressで、記事一覧を特定の場所に表示したい!ってことがあると思います。そんな時に使えそうなショートコードを作成したのでメモ。 ページネーション付きで表示できるので、デフォルトで出力されるカテゴリーのURLを変えたい!...
2022.03.18
WordPress

WordPressテーマCocoonでカスタム投稿タイプとカスタム分類を作成して一覧を表示させる【WordPress/PHP】

カスタム投稿タイプやカスタム分類を追加する際、今までプラグインを使っていましたが、コードで実装しました。将来の自分がコピペできるようにメモしておきます。 なお、使用しているテーマは無料で使えるCocoonというテーマです。テーマの機...
2022.03.13
JavaScript

getRangeメソッドでセルの範囲を取得する【GAS/JavaScript】

Google Apps Script(GAS)は、Googleが提供しているプログラミング言語です。自分は主にGoogleスプレッドシートを操作する為に使いますが、GmailやGoogleカレンダー、Googleフォームなど、Google...
2022.03.13
WordPress

Cocoonのヘッダーメニューをおしゃれにカスタマイズする【WordPress/Cocoon/PHP/Google Fonts】

WordPressのテーマ「Cocoon」。高機能なのに無料で使えるありがたいテーマです。今回、ヘッダーメニューをカスタマイズしたのでメモ。頑張ってオシャレにしました。 カスタマイズ内容 カスタマイズしたメニューはこんな感じに...
2022.03.13
Linux

PHPのバージョンをアップする手順をまとめました【WordPress/さくらVPS/CentOS7】

WordPressのサイトヘルスで、PHPのバージョンアップをすすめられました。さくらのVPSを使っているので、バージョンアップは毎回手動で作業しています、、。毎回調べながらやっているので、今後の為に手順をメモしておきます。 Wor...
WordPress

WordPressのお引っ越し(データ移行)する手順をまとめました【ワードプレス/プラグイン】

WordPressのお引っ越し(データ移行)の方法を調べてまとめました。 今回試したのは、プラグインを使用して、かつ無料でお引っ越しできる方法です。プラグインでうまく移行できない場合、最終的には手動でやることになると思います、、。 ...
2022.02.28