Phaser 3 | 2点の距離を求める方法
phaser3で2点の距離を求める方法は、射程や効果範囲などを計算する際に利用できます。 この記事ではJavaScriptの関数を使った方法やphaser3の機能を利用した方法などを紹介しています。 例えばプレイヤーと敵キャラクターの直線距 ...
JEMTC譲渡会でみたノートパソコンの機種や型番、高い?安い?
以前ノートパソコンを買おうか考え中と母親に話してたのを覚えていたらしく、新聞広告に入っていたぽい公民館などで定期的に行われているJEMTC主催のノートパソコン(有償)譲渡会のチラシを母親が取っておいてくれていました。 チラシからはスペックも ...
JavaScript | switch()で条件分岐 複数、範囲指定や比較演算子は?
switch文のポイント 対象の値とcaseの値は一致か不一致の判別のみ指定可能な値は、数値、文字列で配列の一致等は不可対象の値とcaseの値での範囲指定、比較演算子による比較分岐は不可対象の値、caseの値には変数、数式、関数などを記述で ...
JavaScript | replace()で複数の文字列を全て置き換える方法
JavaScriptのreplace()で複数の文字または文字列を全て一括で置き換える方法の紹介です。 指定の文字列をひとつ置き換える 最初に見つかった指定文字列または文字をひとつだけ置き換える場合は正規表現を使わずに実装可能です。 サンプ ...
JavaScript | スクリプト内で改行を含む複数行の文字列を記述する方法
JavaScriptのスクリプトコード内で複数行の文字列(文章)やHTMLを記述する方法の紹介です。 バックスラッシュを使って改行する 文字列はシングルクォーテーションやダブルクオーテーションで囲って記述する事が多いですが、見た目上の改行を ...
JavaScript | querySelector()とquerySelectorAll()の使い方、指定方法まとめ
JavaScriptで利用できるquerySelector()やquerySelectorAll()のセレクター指定パターンのまとめです。 querySelector()、querySelectorAll()の基本 指定方法は引数にカンマで ...
JavaScript | getElementsByClassNameで複数のclass名を指定して取得する方法
JavaScriptのgetElementsByClassName()は指定したclass名が付与されているHTML要素(Elements)を取得する関数になります。 このページではgetElementsByClassName()で複数のc ...
JavaScript | classNameで複数のclass名を配列として取得する方法
JavaScriptのclassNameで複数のclass名を配列として取得する方法を紹介しています。 classNameで要素のclass名を取得する際、対象の要素のclass名が複数指定されている場合は配列ではなく半角スペース区切りでの ...
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スマート ...