覚書 リダイレクトページの作成
概要リダイレクトページを作成する。今回はあるディレクトリ配下に以下のhtmlを配置し、urlに到達したら、設定しているページに自動遷移するコードを実装する。コード・・・<body> <script> var ulr="test.html";...
フロントエンド
覚書 覚書 tab forcus – モーダル対応
概要アクセシビリティの観点から、モーダルのあるページではtab移動をjsを使って制御する必要がある。（１）モーダルを開くと、tab移動がモーダル内でループする（２）モーダルを閉じると、tabの位置が下のカーソル位置に戻る（３）escキーでモ...
覚書 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...
フロントエンド jsonデータから最新の日付を抽出する方法
jsonデータ内にある複数の日付から最新の日付を抽出する。主なフローは以下。①jsonデータから対象の日付のみを抽出②空データの除去③順番を最新順に④配列の0番目を抽出コード lastUpdate() { const lastUpdated...
フロントエンド localstrageの有無によって処理を変更する
ポイント・localstrageを読み込む前に、使用できるか検証する（プライベートモードなどでは使えないため、エラー処理を適切に行う）コード// localStorageが使えるかを事前に確認する。使えない場合にエラーを返す// local...
覚書 はじめてのFigma｜最初に知っておきたい基本の操作
Figmaには便利で高機能な機能が数多く用意されていますが、このページでは Figmaを初めて触る方が、まず押さえておきたい基本操作 に絞って解説します。
覚書 エンターキーを押した時の挙動の制御
jsで実装します。コード事例var DesignNoBtn = function(o){. //①DesignNoBtnの関数コンストラクタを定義 this.$inputSearchBtn.on('click', $.proxy(this,...
ReactJs 【react】npxコマンド実行後にエラー
概要Npx reactのコマンドを実行した時に生じたエラーとその回避策についてメモします。事象Npx react実行時に以下のエラーが発生した。reactプロジェクトは生成されるが、その後のnpm startが正常に動作しない。Instal...
フロントエンド 【JavaScript】セレクタの条件一致について
data-terms_typeに複数の値が含まれている場合、特定の値を含む要素のみを選択したい場合には、属性の部分一致を指定できるを使います。この場合、cafeを含む要素を取得するには、以下のように書けます：javascriptコードをコピ...