ONE NOTES

「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を使った方 ...

Windows10パソコンでUSB接続を使ってAndroidスマートフォン内の画像・写真や動画、音楽、pdfなどのファイルを同期処理する方法の紹介です。 色々あるスマホとの同期や転送といった方法の中では、一番確実で簡単な方法かもしれません。 ...

overflow-wrapとword-breakの全パターン比較 CSSで自動折り返し処理を行うoverflow-wrapとword-breakの全パターンを日本語、英文での比較を紹介しています。 以下に比較用ページを用意しました。可変幅な ...

CSSのアニメーションを利用して映画の字幕表示のようにテキストを表示するCSSアニメーションサンプルの紹介です。 字幕っぽく下段中央に文章から一行ずつ順番に割とパッと、でもふわっと表示して消えるようにしています。 ※右下のRerunボタンで ...

CSSで円形グラデーションの作成にはradial-gradient()やrepeating-radial-gradient()を利用することが可能です。 この記事ではradial-gradient()、repeating-radial-gr ...

CSSで指定したフォントサイズが大きくなると、どうしてもデフォルトのままでは表示される字間と行間で納得いく形にならなくなってきます。 そんな時に「letter-spacing」で字間、「line-height」で行間を調節・変更する方法を紹 ...

CSSだけで画像をテキストに合わせて切り抜く方法の紹介です。 この記事では、テキストの文字色を透過して「background-clip」で「text」を指定する方法と「mix-blend-mode」で「screen」を指定して画像を切り抜く ...