JavaScriptJavaScriptでUnique(Arrayの中の重複を削除する)を実装する。 やりたいこと JavaScriptでUnique(Arrayの中の重複を削除する)を実装します。 filterとSetを使用した2つの方法を紹介します。 実装 filterを使用した実装 Filter関数で重...2025.05.21JavaScript
JavaScript[JavaScript]Arrayから要素を削除(filter()が便利) やりたいこと JavaScriptでArrayの要素を削除するにはいくつかの方法がありますが、だいたい使いにくいです。 (shift,popは使い時が限られるしslice,spliceは個人的に使いにくい。) ここでは汎...2025.05.21JavaScript
JavaScript[JavaScript]フルパスから親フォルダの名前を取得する やりたいこと JavaScriptでフルパスから親フォルダの名前を取得します。 URL、ファイルパス共に有効です。 探したところ、rootから親フォルダまでのパスを返すものはあったのですが、親フォルダのみを返却するものは...2025.05.14JavaScript
JavaScript[JavaScript][Unarchiver.js]サーバーからZip/RARの中身を取得する やりたいこと javascriptでサーバー上のZip/RARファイルの中身のファイルををローカルに保存せずに取得します。 大まからな流れは以下のようになります。(ローカルにファイルは保存しません) 使用するライブラリ...2025.05.132025.05.28JavaScript
JavaScript[JavaScript][zip.js]サーバーからZipの中身を取得する やりたいこと javascriptでサーバー上のZipファイルの中身のファイルををローカルに保存せずに取得します。 大まからな流れは以下のようになります。(ローカルにファイルは保存しません) サーバーからZipファイ...2025.05.13JavaScript
JavaScript【有料】Canvasタグに表示されている画像をPHPでサーバに保存する。 やりたいこと HTMLのCanvasタグに表示されている画像をPHPでサーバに送信してサーバに保存します。 懐かしのお絵描き掲示板の実装などにどうぞ。 実装 クライアント(Javascript)側 J...2025.04.29JavaScript
JavaScriptJavaScriptでユニークな文字列(UUID)を作成する。 やりたいこと JavaScriptでユニークな文字列(UUID)を作成します。 具体例 Classのにユニークな文字列を持たせてポインタの代わりにインスタンスの確認に用います。 実装 ユニークな文字列(UUI...2025.04.23JavaScript
JavaScript【有料】SVGをJavaScriptでインラインにする やりたいこと SVGファイルをJavaScriptで操作するにはSVGファイルをHTMLに埋め込む(インラインにする)必要があります。 しかしSVGファイルを更新した際に毎回、HTMLを更新するのは手間であり、ミスを誘発します...2025.04.15JavaScript
JavaScript【有料】ViteでGeminiの画像生成 やりたいこと Googleの生成AIであるGeminiをNodeJSで使用して、画像生成を行います。 実装はフロントエンドのみでバックエンドはGoogleにあるGeminiを使用します。 GoogleのAPIキーを発行す...2025.04.15JavaScript
JavaScriptイベントトリガで一回だけ実行する(JavaScript) やりたいこと JavaScriptでイベントをトリガにして処理を行う場合、addEventListenerを使用しますが、1度だけしか実行したくないときがあります。(準備が終わったイベントで初期化とか) removeEven...2025.03.112025.03.14JavaScript