コンピュータ JavaScriptで画像の差分を表示するプログラム
canvasの画像をピクセル単位でアクセスする方法を学びましたので、２つの画像の差分を表示するプログラムを作成してみました。以下のフォームは実際動作します。比較したい画像をドロップし「差分」ボタンを押すと結果の画像が表示されます。結果画像は...
ツール
コンピュータ 
コンピュータ Javascriptで画像ファイルをドラッグアンドドロップでプレビュー表示
実際にJavaScriptで動くページになっています。 画像ファイルをドロップしてください説明以前にWebページでファイルをアップロードするフォームの作り方を調べたことがあり、その際ファイルをドラックアンドドロップ出来ることを知りました。そ...
コンピュータ 文字数をカウントするフォーム【JavaScript x ChatGPT】
ツイッターの投稿文字数(半角280文字)などの制限がある場合、文字数をカウントする必要があります。テキストエディタなどによくある機能ですが、Windows10のメモ帳にはその機能が無さそうですのでJavaScriptで動くフォームを作成して...
ツール URLをメモするフォーム
ネットサーフィンをしてURLを沢山収集するために作成しました。HTMLとCSSとJavaScriptで動作しています。URL:追加保存結果:使い方はURL:フィールドのにURLを貼り付け追加ボタンを押すと結果：フィールドにURLが追加されま...
ツール ExcelのVLOOKUP関数の列番号を計算するフォーム
ExcelのVLOOKUP関数では検索値、範囲、列番号,の引数を取ります。範囲内で何番目の値を取得するか列番号を指定するのですが、その列番号を範囲のアルファベットから計算するフォームになります。(アルファベット大文字で入力してください)HT...
コンピュータ 今年は平成何年？
平成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で作成しています。Oracl...
コンピュータ カラーコード一覧 – Webセーフカラー216色
JavaScriptでカラーコードのテーブルを作成してみました。 コード 描画に要した時間:ms
コンピュータ JavaScriptでhtmlの特殊文字をエスケープ処理しクリップボードに出力する
変換前変換後実 行クリアHighlighting Code BlockBashC#XMLHTMLTEXTPythonJavaScriptC++<code>説明HTMLで文章上で使ってはいけない文字を置き換えます。ブログ記事にプログラムのソー...