コンピュータ Javascriptで画像ファイルをドラッグアンドドロップでプレビュー表示 実際にJavaScriptで動くページになっています。 画像ファイルをドロップしてください説明以前にWebページでファイルをアップロードするフォームの作り方を調べたことがあり、その際ファイルをドラックアンドドロップ出来ることを知りました。そ... 2024.09.02 コンピュータツール
コンピュータ Javascriptで作るWebページで動くアナログ時計 前回の秒針を動かすプログラムに分針と時針を追加してみました。$(function(){ var ele = document.getElementById("cv"); var ctx = ele.getContext("2d"); ctx... 2023.10.07 コンピュータ
コンピュータ JavaScriptで時計の秒針を表現する。その2 前回の記事ではrotate()でキャンバスごと回転していましたが、それだと分針や時針を描画する場合同時に回転してしまい都合が悪いです。各針ごとレイヤーとして重ね合わせれば良さそうです。その方法は、自分が当初考えていたプログラムと異なるので今... 2023.10.06 コンピュータ
コンピュータ JavaScriptで時計の秒針を表現する。 Javascriptでデジタル時計を作る方法を見つけたので、時計の絵を描いてあげればアナログ時計も作れるのでは?と思いアナログ時計の秒針をCansvasで描いてみました。$(function(){ var ele = document.ge... 2023.10.05 コンピュータ
コンピュータ JavaScriptで現在の時刻を表示する。 以前にJavaScrptで日時を取得する方法は調べてあるので、1秒ごとに時刻を更新するタイマー機能を組み込んでみました。$(function(){ setInterval(function(){ var d = new Date(); va... 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 コンピュータ
コンピュータ Javascriptファイルをドラッグアンドドロップ出来るアップロードフォーム アップロードするファイルをドラッグアンドドロップするフォームを良く見受けます。サンプルを作成してみました。<!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8"> <titl... 2022.06.09 コンピュータ
コンピュータ GAS(Javascript)でhello world Google Apps Scriptと言う事でJavascriptでhello worldになります。function myHelloworld(){ let data = { '0': , '1': , '2': , '3': , '4'... 2022.06.05 コンピュータ
コンピュータ GASで複数の画像をOCR処理してテキストファイルに保存するスクリプト Googleドライブで画像ファイルをGoogleドキュメントとして開くとOCR処理をしてくれます。複数の画像ファイルを開く作業を自動化するスクリプトを書いてみました。Googleドライブのフォルダに複数の画像ファイルをアップロードしスクリプ... 2022.05.23 コンピュータ