コンピュータJavaScriptで画像の差分を表示するプログラム
canvasの画像をピクセル単位でアクセスする方法を学びましたので、２つの画像の差分を表示するプログラムを作成してみました。 以下のフォームは実際動作します。比較したい画像をドロップし「差分」ボタンを押すと結果の画像が表示されます。 結果画...
ツール
コンピュータ
コンピュータJavascriptで画像ファイルをドラッグアンドドロップでプレビュー表示
実際にJavaScriptで動くページになっています。 画像ファイルをドロップしてください 説明 以前にWebページでファイルをアップロードするフォームの作り方を調べたことがあり、その際ファイルをドラックアンドドロップ出来ることを知りました...
コンピュータ文字数をカウントするフォーム【JavaScript x ChatGPT】
ツイッターの投稿文字数(半角280文字)などの制限がある場合、文字数をカウントする必要があります。 テキストエディタなどによくある機能ですが、Windows10のメモ帳にはその機能が無さそうですのでJavaScriptで動くフォームを作成し...
ツールURLをメモするフォーム
ネットサーフィンをしてURLを沢山収集するために作成しました。 HTMLとCSSとJavaScriptで動作しています。 URL: 追加 保存 結果: 使い方はURL:フィールドのにURLを貼り付け追加ボタンを押すと結果：フィールドにURL...
ツールExcelのVLOOKUP関数の列番号を計算するフォーム
ExcelのVLOOKUP関数では検索値、範囲、列番号,の引数を取ります。 範囲内で何番目の値を取得するか列番号を指定するのですが、その列番号を範囲のアルファベットから計算するフォームになります。(アルファベット大文字で入力してください) ...
コンピュータ今年は平成何年？
平成01年 JavaScriptで当日の年(西暦)から1988減算し平成を算出しています。
コンピュータ入力した文字列から画像を作成する【JavaScript・アイキャッチ画像】
文字列： ソースコード $(function(){ $("#exec").click(function(){ const ctx = $("#cv").getContext("2d"); var word = $("#word").val(...
コンピュータ文字列の前後に指定する文字列を連結するツール
プログラムの変数名が複数ある場面で、一括で変数名にプレフィックスなどを加えるために作成しました。 HTMLとCSSとJavaScriptで動作しています。 前に加える文字列 後ろに加える文字列 変換前 変換後
コンピュータOracleのテーブルの項目名をC#のクラスのプロパティ名に変換するツール
Oracleのテーブルの項目名をC#のクラスのプロパティ名に変換するために作成しました。 BUMON_CODE => BumonCodeの様に変換されるはずです。 変換前 変換後 ブラウザ内で実行するJavaScriptで作成しています。 ...
コンピュータカラーコード一覧 – Webセーフカラー216色
JavaScriptでカラーコードのテーブルを作成してみました。 コード 描画に要した時間:ms
コンピュータJavaScriptでhtmlの特殊文字をエスケープ処理しクリップボードに出力する
変換前 変換後 実 行クリアHighlighting Code BlockC#XMLHTMLTEXTPythonJavaScript 説明 HTMLで文章上で使ってはいけない文字を置き換えます。ブログ記事にプログラムのソースコードの貼り付け...