2026-05-22
Project
TOOLWanko-note
Next.jsTypeScriptTailwind CSSCanvas API
SharePost

Wanko-note(わんこのて)は、お気に入りの画像を一発でnoteに最適なサイズへ変換できるツールです。「猫の手も借りたい」ほど忙しいnoteでの活動を、愛らしいWankoが手伝ってくれるイメージで制作しました。
note特有のサイズ問題を解決
通常記事のサムネイル(1280×670 px)から、表示範囲が独特なマガジンヘッダーやクリエイターヘッダーまで、noteに求められる独特な縦横比を自動的に考慮。誰でも簡単に「ぴったり」な画像を作成できます。
ブラウザ完結の安全な処理
プライバシーを重視し、画像の加工処理はすべてブラウザ内で完結します。データが外部サーバーに送信されることはないため、大切な素材も安心して加工いただけます。
多彩な編集モードと処理方式
日常使いの「簡易モード」と、アイコン調整も可能な「全部盛りモード」を搭載。さらに、トリミング・余白追加(背景ぼかし等)・縦横比フィットの3つの処理方式を選ぶことができ、理想の仕上がりを追求できます。
使用技術
Next.jsTypeScriptTailwind CSSCanvas API