覚書

覚書

リダイレクトページの作成

概要リダイレクトページを作成する。今回はあるディレクトリ配下に以下のhtmlを配置し、urlに到達したら、設定しているページに自動遷移するコードを実装する。コード・・・<body> <script> var ulr="test.html";...
覚書

tab forcus – モーダル対応

概要アクセシビリティの観点から、モーダルのあるページではtab移動をjsを使って制御する必要がある。(1)モーダルを開くと、tab移動がモーダル内でループする(2)モーダルを閉じると、tabの位置が下のカーソル位置に戻る(3)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...
覚書

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

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

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

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