ONE NOTES

switch文のポイント 対象の値とcaseの値は一致か不一致の判別のみ指定可能な値は、数値、文字列で配列の一致等は不可対象の値とcaseの値での範囲指定、比較演算子による比較分岐は不可対象の値、caseの値には変数、数式、関数などを記述で ...

JavaScriptのreplace()で複数の文字または文字列を全て一括で置き換える方法の紹介です。 指定の文字列をひとつ置き換える 最初に見つかった指定文字列または文字をひとつだけ置き換える場合は正規表現を使わずに実装可能です。 サンプ ...

JavaScriptのスクリプトコード内で複数行の文字列（文章）やHTMLを記述する方法の紹介です。 バックスラッシュを使って改行する 文字列はシングルクォーテーションやダブルクオーテーションで囲って記述する事が多いですが、見た目上の改行を ...

JavaScriptで利用できるquerySelector()やquerySelectorAll()のセレクター指定パターンのまとめです。 querySelector()、querySelectorAll()の基本 指定方法は引数にカンマで ...

JavaScriptのgetElementsByClassName()は指定したclass名が付与されているHTML要素（Elements）を取得する関数になります。 このページではgetElementsByClassName()で複数のc ...

JavaScriptのclassNameで複数のclass名を配列として取得する方法を紹介しています。 classNameで要素のclass名を取得する際、対象の要素のclass名が複数指定されている場合は配列ではなく半角スペース区切りでの ...

「Fast Duplicate File Finder」は画像ファイル及びその他の種類のファイルの重複ファイルを検出して一括削除ができるWindows10で使えるアプリケーションソフトです。 Duplicate FileFinder-無料の ...

JavaScriptのsplitメソッドを利用して文字列を区切り文字または文字列で分割して配列に代入する方法です。 改行コードでの分割や、複数の区切り文字での分割、最大分割数を指定した分割方法も紹介しています。 split()の基本は以下の ...

このページではWEBサイトにJavaScriptを利用して現在時刻をリアルタイムに表示する方法を紹介しています。 現在時刻を表示する 先にJavaScriptを利用して現在時刻を表示（リアルタイムではない）するサンプルを紹介します。 See ...

JavaScriptを利用して図形や画像・文字列などの要素をマウスカーソルの位置に追従して移動させるイベント処理の実装方法の紹介です。 要素をマウスカーソルの位置に追従して移動させるイベント処理サンプル See the Pen JavaSc ...

JavaScriptを使ってlocalStorageにデータを保存する方法と、保存したデータを取得、または保存されているデータを破棄する方法です。 また、有効期限やデータの保存量制限、その他注意点も紹介しています。 localStorage ...

JavaScriptを使ってクリックしたHTTMLの要素を削除（非表示）する方法のまとめです。 idからクリックした要素を削除（非表示）にする方法 クリックした要素のIDから要素を指定して非表示にする方法です。 ※右下のRerunボタンで操 ...

ブラウザの表示領域の上部・範囲外・画面外から指定した要素が落下してくるCSSアニメーションのサンプルコードです。 昔のWEBサイトでマリオやクモが落下してくるWEBサイトやブログがありましたが、そんなイメージです。 上から落下してくるCSS ...

マイナポイントを楽天カードで登録して楽天ポイントとして受け取ろうと申し込みましたが、現在は「マイナポイント」というスマートフォンアプリが必要とのこと。 この「マイナポイント」というスマートフォンアプリから申し込みをすすめるには対応したNFC ...

WEB版e-Taxへのカードリーダー＆マイナンバーカードでのログインは、Chromeやedgeは2021年対応予定で2019年現在は「Internet Explorer」でしか使えないのかと考えておりましたが「マイナポータル」の連携機能（も ...

この記事ではWindows10でマイナポータルの利用者登録する場合に必要なアプリケーションやセットアップ方法、登録手順などなどを紹介しています。 マイナポータルの利用者登録に必要なもの 詳細リンクお使いのブラウザこの記事ではGoogle C ...

2019年10月現在では、Chromeや新edgeにてWEB版e-TaxにICカードリーダーを使ってマイナンバーカードでログインしようとすると「電子証明書の有効期限が切れています。有効期限内の電子証明書を設定してください。」と表示されエラー ...

この記事ではWindows10からアンインストールしたInternet Explorerを再インストールして使えるようにする方法を紹介しています。 Microsoftサイトからは既にダウンロードできない 現在ではWindows10からInt ...

「SONY RC-S370」は既に生産終了している機器で所有している人も少ないかもしれませんが、確定申告書類関連にてマイナンバーカードでのログインが必要になりました。 住民基本台帳カード時代に購入した古いICカードリーダーの「SONY RC ...

Windows10でファイル・フォルダの名前を一括リネームする方法の紹介です。 一括リネーム系のアプリケーションソフトは選択肢も多く人気ですが、単純な一括リネームであればWindowsのリネーム機能だけで十分利用可能です。 ファイル・フォル ...

Windowsのファイル操作で同名のファイルがあった場合に連番が付与されますが「ファイル名(1).jpg」「ファイル名(2).jpg」のように括弧で括られた連番ファイル名となっています。 Windowsの設定から、この連番付与の方式を変更す ...

CSSでテキストや要素を拡大や縮小させるCSSアニメーションのサンプルコードです。 マウスホバーでの拡大・縮小、マウスクリックでの拡大・縮小、animationプロパティでの拡大・縮小などそれぞれの方法のCSSアニメーションの実装パターンを ...

Windows10の標準アプリの中では何気に気に入っているのが「付箋（Sticky Notes）」アプリ。 起動もはやく、過剰な機能もなく、デザインもシンプルで、自動保存。 そんな「付箋（Sticky Notes）」をAndroidスマート ...

CSSのpositionプロパティで「absolute」を使う場合はそのままウィンドウ左上隅を基準として使うことはあまりなく、親、祖先の要素に「relative」を指定してその左上角を基準にしているケースが多いはずです。 では、absolu ...

CSSのpositionプロパティでabsoluteを指定して、要素を縦横中央揃えをする方法を紹介しています。 「position:absolute;」で、縦または横の中央揃えをする方法で良く使われる方法は二通りあり、marginを使った方 ...