Javascript

Arduino Google Apps Script Javascript プログラミング 工作 電子工作

ソーラー充電ランタンの電池寿命を測るためにESP32にCdsセンサを繋いで明るさをGoogleスプレッドシートに記録した

非常灯として使えそうなソーラー充電ランタンをもらったので、どれくらいの時間点灯できるのか知りたくてESP32にCdsセンサを付けて明るさをGoogleスプレッドシートに記録してみました

Google Apps Script Google Workspace (G Suite) Javascript プログラミング

GoogleスプレッドシートからLINE Notifyにメッセージとスタンプを送る

テスト用にGoogleスプレッドシートからLINE Notifyにメッセージやスタンプを送れるプログラムを書きました

Google Apps Script Google Workspace (G Suite) Javascript プログラミング

GoogleスプレッドシートをWebアプリのデータベース代わりに使う-その2【シート選択、配列orオブジェクト指定を追加】

Googleスプレッドシートのデータをブラウザから読み書きするアプリにシート選択やデータ形式の選択(配列/オブジェクト)機能を加えました

Javascript プログラミング

fabric.jsを使ったお絵かきアプリがひとまず完成

ブラウザ上でちょこっと絵が描きたい、という目的で作っていたfabric.jsを使ったお絵かきWebアプリがひとまず完成しました

Javascript プログラミング

fabric.jsでペン習字練習アプリを作った

利き手じゃない方の手で文字を書く練習するために、お手本をなぞって字が書けるアプリを作りました

Javascript プログラミング

【備忘録】fabric.jsのオブジェクト編集ハンドルの見た目設定

fabric.jsでオブジェクトを選択したときに表示されるコントロールハンドルの見た目を変更するプロパティをいろいろと試してみました

Javascript プログラミング

fabric.jsのお絵かきアプリにUNDO/REDOを追加

fabric.jsのフリーハンドドローイングにUNDO/REDO機能を付けてみました。オブジェクトの編集や削除にも対応しています。

Javascript プログラミング

「fabric.js、おそろしい子!」。たった1行(実質)書き加えるだけでお絵かきの編集が可能になった

fabric.jsを使ったお絵かきアプリでは、描いたオブジェクトの編集が簡単に実現できることが分かりました。また、それを利用した削除機能も実装してみました。

Javascript トラブル

javascriptファイルを複数使ったらwindow.onloadが利かなくなった

お絵かきアプリをメモあぷりと合体 このあいだ作ったブラウザ上でお絵かきができるアプリ。 単体で使っても良いですが、以前から愛用しているメモアプリ(ちょいメモ)と合体させることにしました。   ...

Javascript プログラミング

お絵かきアプリにブラシサイズと色が反映されるドットカーソルを追加した

自作のお絵かきWebアプリを使いやすくするために、現在のブラシサイズと色が分かるドットカーソルを作ってみました

Javascript プログラミング

fabric.jsを使ったシンプルなお絵かきWebアプリ

fabric.jsライブラリを使ってブラウザ上でさくっとお絵かきができるwebアプリを作りました

Javascript プログラミング

fabric.jsのfree drawingの基本機能まとめ

htmlのcanvas要素を拡張してくれるfabric.jsでお絵かきをするための基本機能をまとめました

Google Apps Script Google Workspace (G Suite) Javascript

GoogleスプレッドシートをWebアプリのデータベース代わりに使う

GoogleスプレッドシートをローカルWebアプリのデータ保存先として使えるようにしました

Javascript プログラミング 備忘録

clickイベントのthisはアロー関数だと使えないって最近知った

javascriptでクリックされた要素のthisを取ろうとしたらうまくいかなかったので、調べたらアロー関数が原因でした

Javascript プログラミング

canvas要素にcssでborderを付けるとfabric.jsのフリードローイングがズレる件

fabric.jsのフリードローイング機能を使ったwebアプリを作っているときに、canvas要素にcssでborderを付けると描画がズレてしまったので対策をメモりました

© 2021 make it easy Powered by AFFINGER5