最近、自分でWebアプリを作ってみたいと思ったことはありませんか？今回は、JavaScriptを使ってシンプルなストップウォッチアプリを作成してみます。
…Webアプリはもちろん、ブログ記事もChatGPTさんに任せようと「フランクに！」と付け加えたらちょっと軽すぎた感が…w
このプロジェクトでは、基本的なHTML、CSS、そしてJavaScriptが必要です。さらに、チャートを描画するためにChart.jsというライブラリも使用します。
Chart.jsを使用して、計測したラップタイムをグラフで視覚化します。各ラップのタイムがグラフに反映され、平均ラップタイムも表示されます。
天体写真を撮る時に被写体やピント、露光時間等の確認のため、まずは超高感度で絞り開放にするなどをしてテスト撮影の時間を短縮することがあります。
本番撮影時はノイズを減らすため感度を落とし、収差も減らすため絞りも絞るなどをする場合、テストで撮ったデータから感度や絞りの変動分を加味して露光時間を決めなければなりません。
そういったことをチャチャっと計算するwebアプリを作りました。
直接URLを開いて使うことができますし、JavaScriptなのでローカルに保存してからwebブラウザで使用することもできます。
HTMLは任意のファイル名.html、JavaScriptファイル名はLongTimeExposure.jsにしてhtmlと同一階層に保存すればそのまま動きます。
露光時間計算アプリ
https://www.renachan.com/script/LongTimeExposure.html
テスト撮影のISO感度、絞り、露光時間を入力して、本番で撮影したいISO感度、絞りを決定すれば、自動的に露光時間が表示されます。
本番撮影のISO感度とf値はローカルストレージに保存されますので、次回からは同じ条件がデフォルトでセットされます。
デスクトップ用のAdobe AirアプリやiOS版（webアプリを呼び出しているだけ？）もあるのでiPhoneやiPadでも同じ様に使えます。（トップページ下部のリンク参照）
画像をアップロードまたはキャプチャしてから、次に色をいじる為のフィルタを選んでかけていきます。フィルタの種類は多く、また実用度も高そうなものばかり、しかも綺麗です。
フィルタを選んだら次は画面下部にある「メーター」を青に。ここを飛ばす事も出来ます。
次に1番右の黄色ゾーン。