はてなブックマーク

Twitchの英語チャットを日本語に自動翻訳するChrome拡張を作ってみました。 「作ってみた」程度のレベルなので、きちんと翻訳したい方は回れ右してください。 概要 Chrome Extension Manifest V3で開発 Google App Script経由でGoogle Translation APIを利用 Mutation observerでDOM要素の変更を監視、チャットが追加されたら自動で翻訳 リポジトリ mimonelu/twitch-chat-translator 詳細 翻訳APIの準備 まずは翻訳APIです。当然のようにGoogle Translation APIを使いますが、ご存知のように基本有料なので、 こちらの記事 を参考に、Google App Scriptの翻訳機能を経由して利用することにしました（つまり利用者各位が自前で用意する必要があります）。 ただ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

概要 YouTube やニコニコ動画のワンシーンを画像として保存したい時、どうしてますか？ OS のスクリーンショット機能？でも良いんですが、たいてい矩形選択する必要があるから面倒だし、きれいに選択できなかったら嫌ですよね？私は嫌です。 そこでエンジニアなりに video 要素について調べてみると（ほとんどの動画は video 要素で実装されているので）、 Canvas の drawImage 関数にそのまま渡して描画できることがわかりました。 つまり仮想 Canvas に video 要素を描画してスクリプトダウンロードするブックマークレットを作れば、ワンタッチで動画のスクリーンショットを撮影することができそうです。 コード というわけで作ったのがこちらになります。 javascript: (() => { const video = document.querySelector('vi

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本稿は Generative Art の簡単な入門記事です。今回は周辺知識の説明を、 次回はサンプルコードの紹介 を行います。コードだけ読みたいという方は今回をスキップしても問題ありません。 「 Generative Art （ジェネラティブ・アート）」とはプログラムによって自動的に生成された芸術作品です。 「芸術」というと堅苦しい印象を受けますが、ノートの落書きでもノートルダム大聖堂にあるルーベンスの祭壇画でも本人次第で芸術足り得るので問題ありません。 本稿は Generative Art の概要とサンプルコードの紹介を通し、プログラ