javascript

コンピュータ

今年は平成何年?

平成01年 JavaScriptで当日の年(西暦)から1988減算し平成を算出しています。
コンピュータ

入力した文字列から画像を作成する【JavaScript・アイキャッチ画像】

文字列: ソースコード $(function(){ $("#exec").click(function(){ const ctx = $("#cv").getCont...
コンピュータ

数値を左0埋めで文字列に変換する。(Python,C#,JavaScript,Excel)

私は数値を文字列に変換したい場合が良くあります。 特に連番のファイル名を作成するプログラムを組む場合、ファイル数をカウントする数値変数の値を左0埋めで固定幅の数字文字列に変換するコードを書くことが多いです。 多くのプログラミング言語で...
コンピュータ

HTMLの入力フォームで半角英数字を全角文字に変換するJavaScript。

今時分、半角文字と全角文字を気にする場面も少なくなりましたが、必要になる場面がありましたのでJavaScriptで実装する方法を調べて試作してみました。 サンプルフォーム コード(抜粋、要jQery) <div>サンプル...
コンピュータ

jQueryでHTMLの要素を動的に追加する。

項目数が可変の入力フォームを作成する必要があり、jQueryをつかって要素を動的に追加するコードを試作してみました。 追加ボタンをおすと入力項目が追加され、削除ボタンを押すと項目が一つ削除されます。 入力項目の値が変更されるとalertで...
コンピュータ

文字列の前後に指定する文字列を連結するツール

プログラムの変数名が複数ある場面で、一括で変数名にプレフィックスなどを加えるために作成しました。 前に加える文字列 後ろに加える文字列 変換前 変換後 ブラウザ内で実行するJavaScriptで作成しています。
コンピュータ

Oracleのテーブルの項目名をC#のクラスのプロパティ名に変換するツール

Oracleのテーブルの項目名をC#のクラスのプロパティ名に変換するために作成しました。 BUMON_CODE => BumonCodeの様に変換されるはずです。 変換前 変換後 ブラウザ内で実行するJavaScrip...
コンピュータ

カラーコード一覧 – Webセーフカラー216色

JavaScriptでカラーコードのテーブルを作成してみました。 コード 描画に要した時間:ms
コンピュータ

JavaScriptでhtmlの特殊文字をエスケープ処理しクリップボードに出力する

変換前 変換後 ソースコード HTML <span>変換前</span> <textarea id="src" style="height:20em;"></textarea&gt...
コンピュータ

JavaScriptとCanvasで画像の一部を切り出して表示

HTMLのCanvasで座標を指定して画像ファイルを表示することが出来るようなので、一つの画像ファイルを6分割し一コマ一コマ表示してみました。 表示された画像をクリックすると次のコマが表示されます。 動くサンプルへのリンク ソースコード...
コンピュータ

JavaScriptとcanvasでグラフを描いてみる「スーパーπ104桁結果一覧」

円周率の計算時間を計測してくれるプログラム「スーパーπ」を手持ちのパソコンで実行してみました。 結果 プロセッサ名 104桁(秒) AMD Ryzen 5 2600 Six-Core Processor 12 Inte...
コンピュータ

JavaScriptでHTML5のcanvasを使って図形を描画

HTML5ではcanvasで図形を描くことが出来るので試してみます。 扇形 四角形 ソース window.onload = function() { var c = document.getElementById(&...
コンピュータ

WordPressの記事内でJavaScriptを動かす2 – jQuery

WordPressの記事のHTMLソースを眺めていたら、jquery.min.jsを読み込んでいる記述がありました。 jQueryを使うとJavaScriptのブラウザの違いを吸収してくれるのでWeb上で公開しているページでJavaScr...
コンピュータ

WordPressの記事内でJavaScriptを動かす

ふと思ったのですが、記事内にJavaScriptを記述することはできるのでしょうか? たぶん出来ると思われますが、WordPressに使われているテーマなどでも確実にJavaScriptを使われているはずなので、ユーザーのJavaScri...