日記

日本語の勉強のためのブログ

HTML

YouTubeの字幕を画像に合成するツールの作成

完成したツール: YouTube字幕合成ツール GitHubのリポジトリ: GitHub - kalaxity/youtube_caption_app 1. 目的 字幕として表示したい文章と画像を入力すると、字幕付き画像が出力されるようなプログラムを作成したい。 ただ単に画像の上に字幕を表示するのは…

【JavaScript】canvasに入力画像を描画する

もともと別の記事に書いていた内容だが、読みづらいと感じたため分割。 1. 画像の読み込み まず画像を読み込む方法について学んだ。 HTMLに <input type="file" id="input_image" accept="image/*"> を設置することで、ファイル選択ボタンが表示される(ここではaccept="image/*"と設定しているため、画像のみ選択で…

【WPAの練習】logを計算するだけのWebアプリを作成する

Webアプリと呼んでいいのかという出来だが... 1. 作成に至る経緯 平均情報量を計算する際に、底が2のlogを何度も計算することになった。 底が10(常用対数)やe(自然対数)であれば、たいていの計算アプリを用いて簡単に計算できる。 しかし底2の対数を(一発で)…

【HTML/JS】画像を分割するプログラムを作成する

1. 背景 JavaScriptを用いた画像処理に興味があったので、まず簡単なプログラムを作成してみることにした。 2. 目的 画像を縦にm分割、横にn分割し、分割した画像を表示するプログラムを作成する。 3. プログラムの処理内容 (ユーザ側) ユーザが画像を入力す…