JavaScript Expressでテンプレートエンジンを使う方法をまとめました【Node.js/Express/EJS】
ExpressはNode.jsでWebアプリを作成できるフレームワークです。今回、代表的なテンプレートエンジンであるEJSの使い方についてまとめました。将来の自分がコピペできるようにメモしておきます。
どんなシチュエーションでテンプ...
JavaScript 
JavaScript APIからデータを取得してブラウザに表示する方法を調べました【React/axios/useEffect/zipcloud】
ReactでAPIデータを取得して何かをする。という場面が多いので、今後の雛形としてメモしておきます。
住所検索アプリ（サンプル）
サンプルとして、郵便番号から住所を検索できるアプリを作りました。ユーザーが入力した郵便番号をA...
JavaScript Expressのインストールと基本的な使い方についてまとめました【Node.js/Express/nodemon/GET/POST】
ExpressはNode.jsでWebアプリを作成できるフレームワークです。今回、基本的な使い方についてまとめました。将来の自分がコピペできるようにメモしておきます。
Express導入に必要なパッケージをインストールする
...
Excel VLOOKUP関数と同じ動きをVBAで処理して複数該当の値を取得する【Excel/VBA】
ExcelといえばVLOOKUP！っていうくらいこの関数をよく使います。というか関数はVLOOKUPとSUMくらいしかまともに使えません、、。勉強しなきゃ、、
今回は、VLOOKUP関数ではなくVBAで複数該当の値を取得したので、コ...
JavaScript Reactでグローバルな状態を管理する【Context/useContext】
グローバルな状態管理の方法は複数ありますが、Reactに標準で実装されてるReactHooksのContextとuseContextの使い方をまとめたのでメモ。
グローバルな状態管理とは
コンポーネント間で値を渡すにはProp...
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との主な違いは、値を更新し...
css gridレイアウトについて調べました【CSS/grid-template/auto-fit/auto-fill】
最近CSSのgridを使う機会がありました。最低限の仕組みを知っておく必要があると思い、基本的な並べ方を実装する方法をまとめました。
gridの基本的な使い方
gridは要素の表示形式を設定するdisplayプロパティの値にな...
WordPress WordPressで記事一覧を固定ページに表示する【ショートコード/ページネーション】
WordPressで、記事一覧を特定の場所に表示したい！ってことがあると思います。そんな時に使えそうなショートコードを作成したのでメモ。
ページネーション付きで表示できるので、デフォルトで出力されるカテゴリーのURLを変えたい！...