コンピュータJavascriptで作るWebページで動くアナログ時計 前回の秒針を動かすプログラムに分針と時針を追加してみました。 $(function(){ var ele = document.getElementById("cv"); var ctx = ele.getContext("2d"); ct...2023.10.07コンピュータ
コンピュータJavaScriptで時計の秒針を表現する。その2 前回の記事ではrotate()でキャンバスごと回転していましたが、それだと分針や時針を描画する場合同時に回転してしまい都合が悪いです。各針ごとレイヤーとして重ね合わせれば良さそうです。その方法は、自分が当初考えていたプログラムと異なるので今...2023.10.06コンピュータ
コンピュータJavaScriptで時計の秒針を表現する。 Javascriptでデジタル時計を作る方法を見つけたので、時計の絵を描いてあげればアナログ時計も作れるのでは?と思いアナログ時計の秒針をCansvasで描いてみました。 $(function(){ var ele = document.g...2023.10.05コンピュータ
コンピュータJavaScriptで現在の時刻を表示する。 以前にJavaScrptで日時を取得する方法は調べてあるので、1秒ごとに時刻を更新するタイマー機能を組み込んでみました。 $(function(){ setInterval(function(){ var d = new Date(); v...2023.10.04コンピュータ
コンピュータJavaScriptで文字列を16進数で表示するフォーム TextEncoderで文字列をUint8Arrayに変換し16進数形式で表示します。 文字列: 実行 16進数: ページ内に埋め込んだJavaScriptで扱う文字列の文字コードは何だろう?と思い作成してみました。 適当な漢字を入力して試...2023.04.27コンピュータ
コンピュータ文字数をカウントするフォーム【JavaScript x ChatGPT】 ツイッターの投稿文字数(半角280文字)などの制限がある場合、文字数をカウントする必要があります。 テキストエディタなどによくある機能ですが、Windows10のメモ帳にはその機能が無さそうですのでJavaScriptで動くフォームを作成し...2023.03.02コンピュータツール
コンピュータjQeryでtextareaの値の変化をchange()イベントで捕まえる。 textareaの値を変更するとalertで変更後の値が表示されるサンプルです。 A ソース HTML <textarea id="textarea01">A</textarea> JavaScript(jQery) $(function(...2022.10.05コンピュータ
コンピュータJavaScript連想配列(Dictionary)のキーを並べ替え 「GASで複数の画像をOCR処理してテキストファイルに保存するスクリプト」を作成しました。 そのスクリプトを使っていて気が付いたのですが、処理される画像ファイルの順番が順不同です。 getFiles()メソッド取得したファイルイテレーターが...2022.07.17コンピュータ
コンピュータGAS(Javascript)でhello world Google Apps Scriptと言う事でJavascriptでhello worldになります。 function myHelloworld(){ let data = { '0': , '1'...2022.06.05コンピュータ
コンピュータGASで複数の画像をOCR処理してテキストファイルに保存するスクリプト Googleドライブで画像ファイルをGoogleドキュメントとして開くとOCR処理をしてくれます。 複数の画像ファイルを開く作業を自動化するスクリプトを書いてみました。 Googleドライブのフォルダに複数の画像ファイルをアップロードしスク...2022.05.23コンピュータ
コンピュータ入力した文字列から画像を作成する【JavaScript・アイキャッチ画像】 文字列: ソースコード $(function(){ $("#exec").click(function(){ const ctx = $("#cv").getContext("2d"); var word = $("#word").val(...2022.02.11コンピュータツール
コンピュータ数値を左0埋めで文字列に変換する。(Python,C#,JavaScript,Excel) 私は数値を文字列に変換したい場合が良くあります。 特に連番のファイル名を作成するプログラムを組む場合、ファイル数をカウントする数値変数の値を左0埋めで固定幅の数字文字列に変換するコードを書くことが多いです。 多くのプログラミング言語で数値を...2021.12.15コンピュータ