実用ウェブアプリ

以下でPWAと書かれているものは、様々な環境でアプリとしてインストールできます。
  • Android の Chrome : 「ホーム画面に追加」から「インストール」を選択(操作画面の例
  • Mac, PC の Chrome : アドレスバー右のアイコンから「インストール」を選択(操作画面の例
  • iPhone, iPad の Safari : アドレスバー右の共有アイコンから「ホーム画面に追加」を選択(操作画面の例
PWA : プログレッシブウェブアプリ (Progressive Web Application)

学会タイマー PWA
webアプリ(日本語版英語版)、 Androidアプリ(APK ファイル)
説明書(日本語英語)、ダウンロード用ファイル一式

特徴:全画面表示・スリープ抑制機能(環境による↓)、バーグラフ表示、直感的な時間設定、キーボード操作、設定の記憶、など


画像リサイズ・圧縮率変更・EXIF削除 PWA
webアプリ

すべてブラウザ内で処理するため、画像の送受信は行われません。EXIF情報(撮影場所やカメラの機種、露光パラメータなどの付加情報)はすべて削除されます。


演算誤差のないRPN電卓 PWA
webアプリAndroidアプリ(APK ファイル)
説明書(日本語英語

すべての演算を分数(分母・分子は無限長の整数)で行うため、絶対に誤差を生じない電卓。RPN(逆ポーランド記法)の流儀で操作します。一部スマホでは入力の表示欄をタップすると全画面表示になります


動画からのぼけ画像生成
webアプリ、説明書 日本語, 英語

手持ち撮影した10秒程度の動画からボケ画像を生成。透明物体や輪郭も綺麗にぼけ、合焦箇所のアーティファクトも軽減される


STLファイルビューワー
webアプリ(Chrome のみ)

JavaScript, WebGL + three.js(3D描画)、ファイル入力

サンプルのSTLファイル sample.stl(いったんローカルにダウンロードしてから読み込ませてください)


画像ファイルの明るさを高さとするSTLファイルの生成
webアプリ

JavaScript, ファイル入出力


サンプルプログラム

感染の広がりの簡単なシミュレータ
シミュレータ

JavaScript, 2D描画


カメラから入力した画像からリアルタイムにアスキーアート風画像を生成
動画プレビューあり動画プレビューなし

JavaScript, 2D描画、WebRTC(カメラアクセス)


OpenCV 画像処理サンプル
OpenCV 画像処理サンプル

JavaScript, WebRTC, OpenCV
OpenCV の読み込みが終わるまで時間がかかることがあります