righttouch_dev https://blog.hatena.ne.jp/righttouch_dev/ RightTouch エンジニアブログ https://tech.righttouch.co.jp/ TypeScript react html css こんにちは、RightTouchでデザインエンジニアをしている @kan_dai です。 今回は、ブログ記事のメイン画像やビデオ会議の背景画像をブラウザ上で作れる社内ツールを作った話を紹介します。 作ったもの 解決したかった課題 同じ構造の課題も解決できるように 技術構成 SnapDOMによる「見たまま = 出力」 Webフォントでどの環境でも同じ見た目に 初回キャプチャで文字が欠ける問題 工夫したこと メンバープリセットで入力の手間を減らす データ更新の自動化とGitHub Actionsの落とし穴 認証はシンプルに 入力内容はローカルストレージに保存 作ってみてどうだったか まとめ 採用情… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.righttouch.co.jp%2Fentry%2F2026%2F08%2F28%2F140626" title="ブラウザで完結する画像ジェネレーターで発信画像の作成を効率化する - RightTouch エンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/r/righttouch_dev/20260819/20260819205429.png Hatena Blog https://hatena.blog 2026-08-28 14:06:26 rich https://tech.righttouch.co.jp/entry/2026/08/28/140626 1.0 100%