2026-01

覚書

newDate()を使った日付の操作について

概要コードDateを使って日付を取得するconst year = new Date(targetMonth.getFullYear()) //年を取得(2桁)const year = new Date(targetMonth.getFull...
覚書

input入力値の扱いについて

概要コード入力のバリデーションlet value = e.target.value; //input内の値を一度value変数に代入value = value.replace(/,/g, ""); //カンマを除去するvalue = val...
WordPress

wordpressの投稿画面の表示スタイルを変更する

概要デフォルトの表示スタイルでは①フォントサイズが小さすぎる②フォーカスが当たっていないテキストの透過度が低く、全体を見ながらの編集作業がしづらいそこで、投稿画面時の時だけあてるcssファイルを用意してスタイルを上書きし、投稿作業に集中でき...
WordPress

wordpressで目次の出し分けを設定する方法

Cocoonには目次の自動生成機能があるが、記事構造によっては不要なケースもある。投稿ごとに目次の表示有無を制御するには、表示ロジックに条件分岐を加える必要があるため、テーマの挙動を安全かつ再利用可能な形で拡張できるfunction.php...
フロントエンド

jsonデータから最新の日付を抽出する方法

jsonデータ内にある複数の日付から最新の日付を抽出する。主なフローは以下。①jsonデータから対象の日付のみを抽出②空データの除去③順番を最新順に④配列の0番目を抽出コード lastUpdate() { const lastUpdated...
Web・アプリ開発

SPメニュー表示時に背景をスクロールさせない

概要SPメニューを表示した時、スクロールすると後ろの背景ページもスクロールできてしまう問題がある。一般的に、overflow:hiddenをbodyに当てることで対策するが、1点問題がある。SPメニューを表示したときに、背景ページが一番上ま...
フロントエンド

localstrageの有無によって処理を変更する

ポイント・localstrageを読み込む前に、使用できるか検証する(プライベートモードなどでは使えないため、エラー処理を適切に行う)コード// localStorageが使えるかを事前に確認する。使えない場合にエラーを返す// local...
覚書

はじめてのFigma|最初に知っておきたい基本の操作

Figmaには便利で高機能な機能が数多く用意されていますが、このページでは Figmaを初めて触る方が、まず押さえておきたい基本操作 に絞って解説します。
覚書

エンターキーを押した時の挙動の制御

jsで実装します。コード事例var DesignNoBtn = function(o){. //①DesignNoBtnの関数コンストラクタを定義 this.$inputSearchBtn.on('click', $.proxy(this,...