GUIとは何か
GUI（Graphical User Interface）は、ウィンドウ、ボタン、メニュー、入力欄などの視覚的な部品を使ってソフトウェアを操作する窓口です。文字だけで操作するCLIと対比されます。
GUIは見た目そのものではなく、利用者が状態を理解し、入力し、結果を受け取るための仕組みです。
一文でいうと
GUIとは、画面上の部品と視覚的な状態変化を通じて、人とソフトウェアをつなぐ操作方法です。
MDNはUIを利用者と機械のやり取りを助けるものと説明しています。Microsoft LearnのUI資料では、ボタンや入力欄などのコントロール、レイアウト、ナビゲーション、動き、ウィンドウがUIの構成要素として扱われています。
個人開発のどこで登場するか
利用者向けのWeb画面やアプリだけでなく、開発ツールにもGUIがあります。
GUIは選択肢を見つけやすく、状態を視覚的に比較しやすい一方、裏で実行される処理や対象環境が省略表示されることがあります。
デプロイ画面を読む例
「Deploy」ボタンがある管理画面を考えます。ボタンを押す前後に、少なくとも次を読み取れる必要があります。
対象のプロジェクトと環境
配置するコミットや版
実行される処理
進行中、成功、失敗の状態
生成されたURL
再実行や切り戻しの入口
色だけで成功や失敗を示すと、見分けられない利用者がいます。文字、アイコン、読み上げ可能な状態を組み合わせます。
UIやCLIと区別する
UI：人とシステムのやり取りを支える窓口全般
GUI：視覚的な部品を中心にしたUI
CLI：文字のコマンドを中心にしたUI
画面デザイン：配置、色、文字など見た目と伝達方法の設計
GUIとCLIは優劣ではなく用途が違います。一度きりの探索や視覚的な比較はGUIが使いやすく、繰り返し、記録、自動化にはCLIが適することがあります。
見えていない対象と結果を確認する
GUIの短いラベルだけでは、影響範囲が分からない場合があります。削除、公開、課金、権限変更では次を確認します。
どのアカウント、環境、データが対象か
操作を取り消せるか
完了後に何が変わったか
詳細ログや識別子を確認できるか
キーボードや支援技術でも操作できるか
成功通知が出ても、実際の本番URLや保存データを別に確認します。GUIの状態は重要な証拠ですが、利用者が受け取る結果そのものとは限りません。
次に読む記事
文字で操作する方法はCLIとは何か、CLIを表示する画面はターミナルとは何かへ進みます。利用者が迷わない一連の画面は小さなプロダクトの画面と状態を設計するで具体化できます。