Windows10 | 重複した画像ファイルを検出・一括削除できる「Fast Duplicate File Finder」の使い方
「Fast Duplicate File Finder」は画像ファイル及びその他の種類のファイルの重複ファイルを検出して一括削除ができるWindows10で使えるアプリケーションソフトです。 Duplicate FileFinder-無料の ...
JavaScript | split()で文字列を区切り文字で分割して配列に代入する方法
JavaScriptのsplitメソッドを利用して文字列を区切り文字または文字列で分割して配列に代入する方法です。 改行コードでの分割や、複数の区切り文字での分割、最大分割数を指定した分割方法も紹介しています。 split()の基本は以下の ...
JavaScript | 現在時刻をリアルタイムに表示する方法
このページではWEBサイトにJavaScriptを利用して現在時刻をリアルタイムに表示する方法を紹介しています。 現在時刻を表示する 先にJavaScriptを利用して現在時刻を表示(リアルタイムではない)するサンプルを紹介します。 See ...
JavaScript | マウスカーソルに要素を追従移動させる方法
JavaScriptを利用して図形や画像・文字列などの要素をマウスカーソルの位置に追従して移動させるイベント処理の実装方法の紹介です。 要素をマウスカーソルの位置に追従して移動させるイベント処理サンプル See the Pen JavaSc ...
JavaScript | localStorageへのデータ保存と取得・破棄、注意点など
JavaScriptを使ってlocalStorageにデータを保存する方法と、保存したデータを取得、または保存されているデータを破棄する方法です。 また、有効期限やデータの保存量制限、その他注意点も紹介しています。 localStorage ...
JavaScript | クリックした要素を削除(非表示)する方法
JavaScriptを使ってクリックしたHTTMLの要素を削除(非表示)する方法のまとめです。 idからクリックした要素を削除(非表示)にする方法 クリックした要素のIDから要素を指定して非表示にする方法です。 ※右下のRerunボタンで操 ...
範囲外から落下してくるCSSアニメーションサンプル
ブラウザの表示領域の上部・範囲外・画面外から指定した要素が落下してくるCSSアニメーションのサンプルコードです。 昔のWEBサイトでマリオやクモが落下してくるWEBサイトやブログがありましたが、そんなイメージです。 上から落下してくるCSS ...
PCから楽天カードでのマイナポイントに申し込みはできない?
マイナポイントを楽天カードで登録して楽天ポイントとして受け取ろうと申し込みましたが、現在は「マイナポイント」というスマートフォンアプリが必要とのこと。 この「マイナポイント」というスマートフォンアプリから申し込みをすすめるには対応したNFC ...
マイナポータルからe-Taxにマイナンバーカードでのログイン方法
WEB版e-Taxへのカードリーダー&マイナンバーカードでのログインは、Chromeやedgeは2021年対応予定で2019年現在は「Internet Explorer」でしか使えないのかと考えておりましたが「マイナポータル」の連携機能(も ...
マイナポータルの利用者登録の手順(Windows10)
この記事ではWindows10でマイナポータルの利用者登録する場合に必要なアプリケーションやセットアップ方法、登録手順などなどを紹介しています。 マイナポータルの利用者登録に必要なもの 詳細リンクお使いのブラウザこの記事ではGoogle C ...
e-Taxでマイナンバーカードによるログインができない場合
2019年10月現在では、Chromeや新edgeにてWEB版e-TaxにICカードリーダーを使ってマイナンバーカードでログインしようとすると「電子証明書の有効期限が切れています。有効期限内の電子証明書を設定してください。」と表示されエラー ...
Windows10 | アンインストールしたInternet Explorerを再インストールする方法
この記事ではWindows10からアンインストールしたInternet Explorerを再インストールして使えるようにする方法を紹介しています。 Microsoftサイトからは既にダウンロードできない 現在ではWindows10からInt ...
SONY RC-S370でマイナンバーカードを読み取る
「SONY RC-S370」は既に生産終了している機器で所有している人も少ないかもしれませんが、確定申告書類関連にてマイナンバーカードでのログインが必要になりました。 住民基本台帳カード時代に購入した古いICカードリーダーの「SONY RC ...
Windows10 | ファイルやフォルダを一括リネームする方法
Windows10でファイル・フォルダの名前を一括リネームする方法の紹介です。 一括リネーム系のアプリケーションソフトは選択肢も多く人気ですが、単純な一括リネームであればWindowsのリネーム機能だけで十分利用可能です。 ファイル・フォル ...
Windows10 | ファイルの連番に付く括弧を削除する
Windowsのファイル操作で同名のファイルがあった場合に連番が付与されますが「ファイル名(1).jpg」「ファイル名(2).jpg」のように括弧で括られた連番ファイル名となっています。 Windowsの設定から、この連番付与の方式を変更す ...
要素を拡大・縮小させるCSSアニメーションサンプル
CSSでテキストや要素を拡大や縮小させるCSSアニメーションのサンプルコードです。 マウスホバーでの拡大・縮小、マウスクリックでの拡大・縮小、animationプロパティでの拡大・縮小などそれぞれの方法のCSSアニメーションの実装パターンを ...
Windows10 | 付箋アプリをAndroidスマホと同期する方法
Windows10の標準アプリの中では何気に気に入っているのが「付箋(Sticky Notes)」アプリ。 起動もはやく、過剰な機能もなく、デザインもシンプルで、自動保存。 そんな「付箋(Sticky Notes)」をAndroidスマート ...
CSS | positionでabsoluteの中にabsoluteという入れ子構造
CSSのpositionプロパティで「absolute」を使う場合はそのままウィンドウ左上隅を基準として使うことはあまりなく、親、祖先の要素に「relative」を指定してその左上角を基準にしているケースが多いはずです。 では、absolu ...
CSS | position:absoluteで要素を縦横中央揃えをする方法
CSSのpositionプロパティでabsoluteを指定して、要素を縦横中央揃えをする方法を紹介しています。 「position:absolute;」で、縦または横の中央揃えをする方法で良く使われる方法は二通りあり、marginを使った方 ...
Windows10 | USB接続でAndroidスマホのファイルを同期する方法
Windows10パソコンでUSB接続を使ってAndroidスマートフォン内の画像・写真や動画、音楽、pdfなどのファイルを同期処理する方法の紹介です。 色々あるスマホとの同期や転送といった方法の中では、一番確実で簡単な方法かもしれません。 ...
CSS | 日本語での折返しでベストな指定は?
overflow-wrapとword-breakの全パターン比較 CSSで自動折り返し処理を行うoverflow-wrapとword-breakの全パターンを日本語、英文での比較を紹介しています。 以下に比較用ページを用意しました。可変幅な ...
映画の字幕っぽいCSSアニメーションサンプル
CSSのアニメーションを利用して映画の字幕表示のようにテキストを表示するCSSアニメーションサンプルの紹介です。 字幕っぽく下段中央に文章から一行ずつ順番に割とパッと、でもふわっと表示して消えるようにしています。 ※右下のRerunボタンで ...
CSS | 円形グラデーションの基本的な使い方
CSSで円形グラデーションの作成にはradial-gradient()やrepeating-radial-gradient()を利用することが可能です。 この記事ではradial-gradient()、repeating-radial-gr ...
CSS | letter-spacingとline-heightでテキストの字間と行間を変更する方法
CSSで指定したフォントサイズが大きくなると、どうしてもデフォルトのままでは表示される字間と行間で納得いく形にならなくなってきます。 そんな時に「letter-spacing」で字間、「line-height」で行間を調節・変更する方法を紹 ...
CSS | テキストに合わせて画像を切り抜く方法
CSSだけで画像をテキストに合わせて切り抜く方法の紹介です。 この記事では、テキストの文字色を透過して「background-clip」で「text」を指定する方法と「mix-blend-mode」で「screen」を指定して画像を切り抜く ...