APIwhisperとChatGPTのAPIを組み合わせた音声ファイルの要約ツールを作った
3月1日にOpenAIが提供しているChatGPTとwhisperのそれぞれがAPIとして使えるようになりました。 whisperの方はこれまではpythonの環境を整えてpipから導入することはできましたが、今回のAPIの登場によってローカルPCのマシンパワーを使わずに使用できるようになったと言えるかなと思います（もちろん費用は掛かる）。 今回は両APIを使った音声ファイルの要約ツー...
JavaScript
APIHTML5HTML5のCanvasで画像を加工するツールを作成する３
前回の続きです。 リサイズ機能を追加しました。 画像エディタ その他、カラーフィルタ機能のチェックボックスにはdhtmlxformを使用していましたが、他の機能と同様にネイティブなHTMLに変更しました。 以下は課題、メモ クリッピング機能を追加 数値指定のリサイズ機能を追加 追加済 アスペクト比を保持しない場合の処理はfabricjsの...
HTML5HTML5のCanvasで画像を加工するツールを作成する２
前回の続きです。 出来上がってる機能だけをまとめ上げたものを公開してみました。 画像エディタ 注意点としてIE11やEdgeだと画像が読み込めません。デバッグもツールがうまく動いていないのかよくわからない状態です(^q^ FireFoxとChromeではおおよそ使えるようになっています。 以前問題点に挙げてた背景に表示するグリッドが重い件はグループ化することで軽くなりました。 ...
HTML5HTML5のCanvasで画像を加工するツールを作成する
画像を編集するにあたってHTML5標準のCanvasを拡張するFabric.jsというすごいJavascriptライブラリを使用しています。 画面のUIにはDHTMLXというすごいJavaScriptライブラリを使用しています。PhotoshopのようなUIを目指してますが難しいです。 まだ作成中で頓挫する可能性もありそう、、ということでScreenToGifというデスクトップをキャプチャ...
JavaScriptGoogleMapの表示、マーカーの設置、緯度・経度の取得の備忘録
GoogleMapの表示、マーカーの設置、緯度・経度の取得の備忘録です。 デモではオプションのON,OFFの状態を切り替えるのにチェックボックスの表示を置き換えてくれる以下のプラグインを使用しました。 GitHub - nostalgiaz/bootstrap-switch: Turn checkboxes and radio buttons in toggle switche...