
シルミルとは
Webサイトやアプリの修正依頼を、スクリーンショット1枚で伝えるためのフィードバックツールです。
「ヘッダーの右のボタン」「2段目の見出し」のような言葉での説明は、受け取った側がどこのことかを探すところから始まります。シルミルでは画像の上で場所を直接示して、番号付きの付箋でコメントを残せます。共有はURLを送るだけです。
できること
付箋で場所ごと伝える
場所の示し方は3種類です。
- 囲む:画像をドラッグして四角で囲みます。文章やボタンなど範囲を指したいときに。
- ピン:クリックした1点に付箋を立てます。
- 矢印:根元から指したい場所へドラッグします。離れた場所から指し示したいときに。
付箋は6色から選べて、画像上の番号と右側の一覧が対応します。画像上の付箋にマウスを乗せると、コメントがその場で表示されます。
返信と作業状況の管理
付箋ごとに返信を重ねられます。作業状況は「未対応」「作業済」「確認済」「保留」の4つで、一覧は「未対応」「自分の付箋」で絞り込めます。
登録不要で共有
共有URLを送れば、相手は登録なしで閲覧・返信できます。公開範囲は「リンクを知っている人」「自分だけ」「パスワードを知っている人」から選べて、ゲストの書き込み可否や付箋の編集ロックも設定できます。URLは推測されにくい32桁です。
描き込みと書き出し
作成者は描画エディタで、矢印・四角・楕円・ペン・テキスト・番号・ぼかし・塗りつぶしを画像に直接描き込めます。塗りつぶしやぼかしで隠した部分は、共有相手からは見えません。付箋と返信はMarkdown・JSONで書き出せます。
使い方
- トップページで画像をドラッグ&ドロップするか、「画像を選ぶ」を押します(PNG・JPEG・WebP・GIF・PDF、10MBまで)。
- 囲む・ピン・矢印で場所を示し、コメントを書いて付箋を追加します。
- 右上の「共有」からURLをコピーして相手に送ります。
登録不要・無料で、作った画像は14日間保存されます。詳しくは使い方ページをご覧ください。
使用技術
- Next.js 15(App Router)/ TypeScript / Vercel
- Neon(PostgreSQL)/ Drizzle ORM
- Cloudflare R2(画像の非公開保存)
- Konva(描画エディタ)
- Fly.io + Playwright(ページ撮影・PDF変換ワーカー)
