BM Board
Where Designer's Intuition
meets Hacker's Command.
デザイナーの直感と、ハッカーのコマンドが
交差する場所。
A pressure-sensitive pen engine. Strokes snap to close. Eight anchors bend every shape. Rotation feels like Illustrator — not a browser demo. Nothing stutters at 60fps.
筆圧の重みを読む鉛筆。始点近くで止めれば線は自動で閉じる。8つのアンカーが形を曲げ、回転は Illustrator のそれに近い。ブラウザのデモではなく、道具の仕事。60fps で止まらない。
Themes are a single word: dark, light, gray. Your file is yours — no account, no server, no upload.
テーマは一語で切り替わる。dark, light, gray。アカウントは無い。サーバーも無い。あなたのファイルは、あなたのディスクに。
Paste a JSON payload. A new spell installs. Type its name. Your canvas bends to its will. Spells live in IndexedDB — portable, remixable, yours.
JSON をペーストする。新しい呪文がインストールされ、名前を呼べばキャンバスは従う。呪文は IndexedDB に眠り、いつでも他人と交換できる。
Features are not bought. They are shared as spells.
機能は買うものではない。呪文として共有するものだ。
An AI can write your next spell. Paste the BM API into Claude or ChatGPT, describe what you want, get back a JSON. The ecosystem grows one sentence at a time.
次の呪文は AI に書かせられる。BM API を Claude や ChatGPT に貼り、自然言語で依頼すれば、動く JSON が返ってくる。エコシステムは、一文ずつ育つ。
Draw with the pen. Type svg. Drop the file into Figma or Illustrator and keep editing — beziers, anchors, strokes all intact.
鉛筆で描いて、svg と唱える。書き出した SVG を Figma / Illustrator に放り込めば、曲線・アンカー・線幅すべてそのまま編集できる。
Select one or many shapes, hit png, get a pixel-crisp raster with full transparency — drop it into Keynote, Notion, a deck, a Discord post.
形を選んで png と唱えれば、アルファチャンネル付きの高精細 PNG に。Keynote でも Notion でもスライドでも、そのまま置ける。
Type a word. Images of it appear on the board — spread, rotated, ready to annotate. The canvas becomes a mood-board that writes itself.
一語を投げれば、イメージがボード上に散らばる。回転、余白、注釈。キャンバスが、勝手にムードボードになる。
$ fetch-img <keyword>Write one line of JS or paste JSON — your command is registered, auto-completed, persisted. Describe what you want to Claude or ChatGPT and get a spell back instantly.
1 行の JS を書く。あるいは JSON を貼るだけ。呪文は登録され、補完され、IndexedDB に残る。Claude や ChatGPT に自然言語で依頼すれば、動く JSON が返ってくる。
$ register · paste JSONExport any spell as JSON — drop it into X, Slack, a gist, or your friend's DM. They paste, it installs. Features spread like memes.
呪文は JSON 1枚。X に貼る、Slack に貼る、gist にしてもいい。受け取った人は貼るだけで自分のボードに魔法が住み着く。機能はミームのように広がる。
$ export · $ pasteType Black Mirror. A draggable webcam wipe appears — selfie-mirrored, CRT-tinted. Flip a switch and the canvas streams straight to YouTube. Casual, personal, live.
Black Mirror と唱えれば、カメラのワイプがふわっと現れる。ドラッグで自由に置ける。スイッチ一つで、キャンバスはそのまま YouTube ライブへ。気楽で、個人的で、生。
A4 / B5 / postcard / square / 16:9 — call frame, pick a size, draw inside the placed frame, then X to clip-export. Print-ready PNG without leaving the canvas.
A4 / B5 / ハガキ / 正方形 / 16:9 — frame でサイズピッカー、フレーム内だけ描いて X でクリップ書き出し。入稿サイズの PNG が、キャンバス内で完結する。
Compose a deck on the canvas. Type export pptx. Open in Keynote or PowerPoint — text, shapes, layout all editable. No raster bake, no rebuilding from screenshot.
キャンバスでスライドを組んで export pptx。Keynote / PowerPoint で開けば、テキストも図形もレイアウトもすべて編集可能。スクショから組み直す摩擦がゼロ。
Vertical text via vertical. Switch typeface in one word: font mincho · gothic · yugo · hand · mono — ten Japanese-aware fonts. Bold and bullets (- · * · 1.) work on any sticky.
縦書きは vertical 一語。フォント切替も一語: font mincho · gothic · yugo · hand · mono — 日本語対応 10種。bold と bullet -/*/1 はどの付箋にも効く。
Select any shape — 8 anchors appear (4 corners + 4 mid-edges) plus a rotation handle. Scale, skew, deform, rotate — like Illustrator's transform, in-place on the canvas.
図形を選ぶと 8 つのアンカー（4 隅 + 4 辺中央）と回転ハンドルが現れる。拡大、シア、変形、回転 — Illustrator の transform をその場で。
select · drag · rotateBuilt-in GIF encoder (gifenc). Select multiple images — frames, sketches, fetched stills — and pack them into a looped animation. Local-only, no upload, no service.
GIF エンコーダ（gifenc）を内蔵。複数の画像を選んで一発でループ GIF に。フレーム、スケッチ、fetch した素材も同列に扱える。サーバ不要、外部サービス不要。
via BMBrowser · AvailableOther tools give you layers. We took them out. Z-order without panels, selection without filters — every object lives on the same surface, where ideas live too. The cognitive overhead is the feature we removed.
レイヤー機能はあえて入れていない。z 順は触れる、選択はそのまま、すべてのオブジェクトが同じ一面に住む。アイディアと道具のあいだに「レイヤーパネル」を挟まない。引いたものが、機能。
— intentional simplicityBlack Mirror Browser is a Chrome extension. It brings BMBoard into the browser as a side panel — opened with the toolbar icon or ⌘⇧Y. Right-click an image or selected text on any page — "Send to BMBoard" drops it directly onto the side panel.
Black Mirror Browser は Chrome 拡張機能。BMBoard をサイドパネルとして持ち込み、ツールバーのアイコン（または ⌘⇧Y）でいつでも黒板を開ける。画像やテキストの右クリックメニューから「Send to BMBoard」でサイドパネルに送る。
No account. No analytics. No tracking. Same hands, same desk — one more surface.
アカウントなし。アナリティクスなし。トラッキングなし。同じ手、同じ机 — もう一面だけ広く。
Netflix was on. I was watching Black Mirror.
Then it hit me — why don't designers and engineers ever share the same canvas?
One has intuition. The other has commands.
Both are trying to build something.
Black Mirror Board is the place where they finally meet.
ある夜、Netflixで「ブラックミラー」を見ていた。
そのとき気づいた —— デザイナーとエンジニアが同じキャンバスを見る場所が、この世にない。
一方には直感がある。もう一方にはコマンドがある。
ふたりは同じものを作ろうとしている。
Black Mirror Board は、その交差点だ。
Takahiro Kinoshita / 木下 貴博
Designer & Developer — 木下スタジオ / kinoshita studio · Shiga, Japan
Read the full story →開発ストーリーを読む → kinoshita.studio / 木下 貴博 →