AI活用の教科書
フロントエンドやさしい2分で読了

GUI

Graphical User Interfaceじーゆーあい

ひとことで言うと

アイコンやボタンを見て、直感的に操作するための画面方式のことです。

📖 もうちょい詳しく

何が新しいの?

むかしのコンピューターは、文字でコマンドを打ち込んで動かすのがふつうでした。それだと、決まった命令の言葉を覚えていないと使えません。そこで、アイコンやボタンを「見て・押して」操作できるようにしたのが GUI です。読み方は「じーゆーあい」、英語の Graphical User Interface(絵で表した操作画面)の頭文字です。

どうやって動いてるの?

画面にはアイコンやボタン、メニューなどの「部品」が並んでいます。マウスでクリックしたり、画面をタップしたりすると、その部品に結びついた処理が動きます。文字の命令を覚える代わりに、目に見える絵を選ぶだけでよいのが特徴です。

何ができるの?

ふだん使っているスマホのアプリやパソコンの画面は、ほとんどが GUI です。フォルダを開く、写真を選ぶ、送信ボタンを押す、といった操作はすべて GUI の上で行っています。専門知識がなくても、見たまま触れば使えるのが大きな利点です。

🌱 身近なたとえ

券売機で例えると分かりやすいです。食券機にメニューの写真とボタンが並んでいれば、商品名を正しく言わなくても、見て・押すだけで注文できます。GUI もこれと同じで、命令の言葉を覚えなくても、目に見える絵を選ぶだけで操作できる仕組みです。

✅ まず覚えるポイント

  • GUI は「アイコンやボタンを見て操作する画面方式」のことです。
  • 読み方は「じーゆーあい」です。
  • 文字で命令を打ち込む CLI とは反対の考え方です。
  • スマホやパソコンの一般的な画面は、ほとんどが GUI です。
  • 専門知識がなくても直感的に使えるのが利点です。

🧭 よくある勘違い

GUI は CLI より優れているの?

どちらが上ということはなく、向き不向きがあります。GUI は初めての人にもやさしい一方、CLI は同じ作業をすばやく繰り返したり、自動化したりするのが得意です。プロの開発現場では、両方を場面ごとに使い分けることが多いです。

GUI はパソコンだけのもの?

そうとは限りません。スマホやタブレットの画面、ATMや券売機のタッチパネルなども GUI の仲間です。指で触れる方式も含めて、絵を見て操作する画面は広く GUI と呼ばれます。

🧩 関連して覚えると楽な言葉

  • CLI: 文字でコマンドを打ち込んで操作する方式。GUI の反対です。
  • UI: 人とコンピューターが触れ合う接点。GUI は UI の一種です。
  • UX: 操作を通して得られる体験や使い心地のこと。
  • HTML: Webページの骨組みを書く言語。GUIで見える画面の土台になります。

🏁 ひとことでまとめ

命令の言葉を覚えなくても、見たまま押して使える画面。それが GUI です。