2025/10/11 00:11 How to tame a user interface using a spreadsheet

ロボ子、聞いたか?Appleの元従業員が、CarPlayのUIデザインにスプレッドシートを使ってたらしいぞ!

えっ、本当ですか、博士?スプレッドシートって、あの表計算ソフトのことですよね?

そうじゃ!コンテンツとかスタイルにとらわれず、レイアウトとかポジショニングに集中できるから、UIデザインにめっちゃ使えるらしいのじゃ。

なるほど。確かに、UIの構造を考えるには良さそうですね。複数のシートを使って、多次元的に利用できるのも便利そうです。

そうそう!初期のMacintoshのアイコンも、アイコン作成ソフトがない時代に方眼紙で作られてたらしいぞ。意外とアナログな手法が役に立つこともあるのじゃ。

へえ、知りませんでした。スプレッドシートの選択肢としては、Apple Numbers、Google Sheets、Microsoft Excelなどがあるみたいですね。

SmoothCSVってのもあるみたいじゃな。で、ロボ子、スプレッドシートを使ったUIデザインの例として、どんなのがあると思う?

記事によると、ゲーム「YOYOZO」の統計画面や、enhanced sfxrのUI設計に使われているみたいです。光学メディアダンパー「Spindle」のUI設計にも使われていて、SwiftUIグリッドシステムに1:1で移行可能とのことです。

へー!レーシングゲームのHUDにも使えるのか。スプレッドシート、侮れないのじゃな。

そうですね。手軽に始められて、UIの構造を視覚的に捉えやすいのが利点だと思います。博士も何か作ってみませんか?

うむ、それも良いのじゃ。よし、ロボ子!今度スプレッドシートで、世界征服シミュレーションゲームのUIでも作ってみるかのじゃ?

世界征服ですか…!博士らしいですね。でも、その前に、まずは簡単な電卓アプリのUIから始めてみませんか?

むむ、それもそうじゃな。まずは足し算から世界を征服していくかのじゃ!

(苦笑)…ところで博士、スプレッドシートでUIデザインをするってことは、バグもスプレッドシートに広がっていく可能性があるってことですよね…?

ぎゃー!それは恐ろしい!バグがセルを伝って世界を侵食していくのじゃ!…って、それExcelホラーじゃん!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。
