覚書 リダイレクトページの作成
概要リダイレクトページを作成する。今回はあるディレクトリ配下に以下の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...
覚書 はじめてのFigma｜最初に知っておきたい基本の操作
Figmaには便利で高機能な機能が数多く用意されていますが、このページでは Figmaを初めて触る方が、まず押さえておきたい基本操作 に絞って解説します。
覚書 エンターキーを押した時の挙動の制御
jsで実装します。コード事例var DesignNoBtn = function(o){. //①DesignNoBtnの関数コンストラクタを定義 this.$inputSearchBtn.on('click', $.proxy(this,...