mikanBox
AI時代の軽量CMS。Markdownで書き、AIが生成したHTMLをそのまま置ける。MCPでAIエージェントから直接編集でき、静的サイトの書き出しにも対応。このサイトもmikanBoxで動いています。
Designer / Author / Maker — Tokyo
Design,
Writing,
Making.
デザインする。書く。つくる。
佐藤好彦（さとう・よしひこ）。グラフィックデザイナー、ウェブデザイナー。ウェブなどのメディアのデザインやプランニング、コンサルティングを手がけながら、デザインの本を書き、教え、最近は自分で使う道具としてのアプリもつくっている。
01 — Apps
Appsアプリ
デザイナーが自分のために、そして身近な人のためにつくった道具たち。どれも大きなプラットフォームに頼らず、自分の手元やCloudflareで動かせることを大切にしています。ソースは GitHub で公開しています。
SweetType/ SweetType-h
日本語の文字組みをウェブで調整するツール。本文は文字種ごとに、見出しは一字ずつ、字間・書体・位置を詰めていける。縦組にも対応。
LOWTALK
声だけで、ふらっと。顔を出さない小さな音声のたまり場。4つのテーブルを行き来できる匿名の音声チャットを、自分のCloudflareで開ける。
txt2groove
Write the groove. Hear the code. テキストで書くステップシーケンサー。数字を並べればリズムに、コードを書けばベースとパッドがついてくる。
家族のおしゃべりfamily-talk
文字が大きく、広告がなく、家族だけでつながる。高齢の家族にも使いやすい、音声入力つきのコミュニケーションアプリ。
design-md-editor
DESIGN.md のデザイントークンを、プレビューを見ながら視覚的に編集するローカルエディタ。AIと協働してデザインシステムを育てる。
storyboard-editor
絵コンテをつくり、並べ替え、共有するためのエディタ。（説明文は仮）
Coming soon
血圧手帳blood-pressure-handbook
テンキーだけで、最高・最低・脈拍を続けて入力。学会基準で色分けし、推移をグラフで見られる、軽い血圧記録アプリ。
02 — Books
Books著書
デザインを、才能ではなく、手を動かして身につける技術として伝えてきました。入門書からウェブ制作、ビジネスの資料づくりまで。共著も多数。
MdN
デザインの教室
手を動かして学ぶデザイントレーニング
MdN
デザインの授業
目で見て学ぶデザインの構成術
Impress
フラットデザインの基本ルール
Webクリエイティブ&アプリの新しい考え方。
Impress
ビジネス教養としてのデザイン
資料作成で活きるシンプルデザインの考え方
- Dreamweaver8デザインスクール（MdN）
- ウェブサイト制作のワークフローと基礎技術（技術評論社）
- DREAMWEAVER FIREWORKS FLASH プロフェッショナル・スタイル（BNN）
03 — Profile
Profileプロフィール
デザイン・プランニング・コンサルティングのほか、大学や企業、イベントでデザインを教え、伝えています。
- Teaching 東京造形大学 非常勤講師
- Jury 経団連推薦社内報審査 委員
- Workshop 青山学院大学履修証明プログラム修了 ワークショップデザイナー
- Talks 宣伝会議 経団連 社内広報関連イベント Bauya + MdN Font Plus Day Type& スクー