JavaScript

useReducerの使い方についてまとめました【React】

stateとは、コンポーネント内で状態を保持できる変数です。Reactには、stateを管理できるフックがいくつか用意されています。 stateの管理は、主にuseStateを使っていたので、useReducerを使う機会があまりあ...
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
スポンサーリンク
JavaScript

APIからデータを取得してブラウザに表示する方法を調べました【React/axios/useEffect/zipcloud】

ReactでAPIデータを取得して何かをする。という場面が多いので、今後の雛形としてメモしておきます。 住所検索アプリ(サンプル) サンプルとして、郵便番号から住所を検索できるアプリを作りました。ユーザーが入力した郵便番号をA...
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