ITエンジニアが1年を振り返り、おすすめの本を選ぶイベント「ITエンジニア本大賞2025」のプレゼン大会が2月13日に開催されました。全国のエンジニアによるWeb投票で選出された技術書・ビジネス書の各ベスト10から、特に支持の高かった6冊について著者や編集者が登壇。それぞれの書籍の魅力を語りました。

技術書部門では、「この一冊で全部わかる ChatGPT & Copilotの教科書」「7日間でハッキングをはじめる本」「VTuberサプーが教える！ Python 初心者のコード／プロのコード」の3冊が選出。

ビジネス書部門では「世界一流エンジニアの思考法」「ITエンジニア働き方超大全」「『何回説明しても伝わらない』はなぜ起こるのか？」の3冊が選ばれました。本記事では、AIからキャリア論、コミュニケーションまで幅広いテーマについて語られたプレゼン大会の模様をお届けします。

*■ITエンジニア本大賞2025*
開催期間：2024年11月7日（木）～2025年2月13日（木）
技術書、ビジネス書全般。出版社や刊行年は問わず、この1年を振り返っておすすめしたい書籍。※[過去の大賞受賞書籍](https://www.shoeisha.co.jp/campaign/award/about#past)は除く
主催：翔泳社

## 「この一冊で全部わかる　ChatGPT & Copilotの教科書」（技術書部門）

~~「この一冊で全部わかる　ChatGPT & Copilotの教科書」中島大介 (著), 西宏章 (監修)／出版社：SBクリエイティブ~~

#### balloon nakashima left
私はプログラミング教育事業を運営する傍ら、YouTubeチャンネルを5年ほど続けています。最初にプログラミングを学んだのは、C言語の入門書でした。しかし変数や関数、ポインタなど、初心者には難しすぎる内容で完全に挫折しました。この経験から、初心者に寄り添った技術書を作りたいという思いが生まれ、本書の執筆につながっています。

#### balloon nakashima left
本書には3つのこだわりがあります。**1つ目は、フルカラーで大量のイラストを入れている点です。**最近は本を読まない方も増えているので、イラストをたくさん入れた本を作りたいと考えました。編集者からはイラストが想定以上に多すぎると指摘されましたが、譲れないポイントとして全て採用してもらいました。

#### balloon nakashima left
**2つ目は、読み物として面白い内容を目指した点です。**ChatGPTの本は、プロンプト例が並んでいるだけの書籍が多いのですが、そうではなく、**AIが文章生成する仕組みなどもわかりやすく解説しています。**AIは日々進化していますが、基本的な理解があれば今後のさらなる技術革新にも対応できます。また、専門的な内容については慶應義塾大学の西宏章先生に監修いただき、信頼性の高い情報を提供しています。

#### balloon nakashima left
**3つ目は、実用的なユースケースの提示です。**ChatGPTの使い方として、英会話練習やレシピ作成、旅行の計画立てなどがよく紹介されますが、実際には使わないケースが多いと思います。そこで本書では、文章作成のコツや誤字脱字のチェック、Excelの関数など、実務で使える活用法を中心に紹介しています。

#### balloon nakashima left
AIの活用については、エンジニアが在籍する企業でさえ、まだ十分に使いこなせていないのが現状です。これからAIの活用が本格化する段階だからこそ、今が学び始めるベストなタイミングといえます。本書を通じて、より多くの方のAIリテラシーが高まることを願っています。

[【関連記事】「AIエンジニアの仕事内容は？求められるスキルや資格について解説します。」](https://mynavi-agent.jp/knowledge/maker/656.html)

[【関連記事】「ChatGPTを会社で活用する方法をフレームワークで解説！AIコンサルタントが語る「最適な仕組みづくり」とは？」](https://and-engineer.com/articles/Z7PxkRAAACQALY0z)

## 「VTuberサプーが教える！ Python 初心者のコード／プロのコード」（技術書部門） 

~~「VTuberサプーが教える！ Python 初心者のコード／プロのコード」サプー（著）／出版社：技術評論社~~

#### balloon saboo left
VTuberのサプーです。普段はYouTubeでPythonのプログラミング情報を発信しています。多くの方がプログラミングを学びたいという思いで動画を視聴してくださって、現在では10万人以上のチャンネル登録者がいます。

#### balloon saboo left
**Pythonは2024年のStack Overflowの調査で、最も使われているプログラミング言語の第3位に入っており、非常に注目されています。**その理由の一つは、現在のAIのほとんどがPythonで作られているためです。AIを作れるエンジニアの育成には、Pythonの学習が必須となっています。

#### balloon saboo left
このような背景からPythonを学ぶ人は増えていますが、初心者から中級者へステップアップできる人は意外に少ないと感じています。本書の執筆前にYouTubeでアンケートを実施したところ、「プロのコードの書き方」に関する本を望む声が1位となりました。

#### balloon saboo left
特に印象的だったのは、**「Pythonの情報は超初心者向けか専門家向けかで二極化しているので、その間を埋める本が欲しい」**というコメントでした。そこで本書では、プロらしい良いコードを書くためのテクニックやヒントを豊富に盛り込みました。

#### balloon saboo left
例えば、可読性を高めるテクニックとして、コードを意味のあるまとまり「関数」に切り分ける方法を紹介しています。多くの入門書では関数のメリットを「コードの再利用」という観点で説明しますが、**実際には一度しか使わない処理でも、コードを整理する目的で関数化することがあります。**そのことが直感的に理解できるように、次のような日本語の文章におけるブロック分けの例も使いながら説明しています。

#### balloon saboo left
このようにブロック分けすると、理解しやすくなりますよね。その他にも本書では、**ミュータブルなオブジェクト、テストコードの書き方、オブジェクト指向、型を意識したコーディングなど、プロフェッショナルな開発に必要なテクニックも詳しく解説しています。**ここからは、この本を一緒に作ってくれた編集者の佐久未佳さんにバトンタッチします。

#### balloon saku right
技術評論社の佐久未佳と申します。本書は技術書に慣れていない読者でも挫折することなく読み進められるよう、さまざまな工夫を施しています。**本書をフルカラーにしたのもその一つで、そうした理由はコードの色分けを見やすく表現するためです。**プログラマーの方々はエディター上での色分け表示に慣れていると思いますが、それをそのまま印刷すると意外と読みづらくなってしまいます。そこでデザイナーと協力し、いくつかのパターンを検討して、最も読みやすく伝わりやすい色使いを実現しました。

#### balloon saku right
これらの工夫の結果、初心者から中級者への橋渡しになればという目標を達成できたと考えています。より良いコードを書きたいと考えている方は、ぜひ本書を手に取っていただければと思います。

[【関連記事】「Pythonのスキルを活かせる仕事とは？習得方法を解説」](https://mynavi-agent.jp/knowledge/it/590.html)

[【関連記事】「Pythonの資格試験について徹底解説！難易度や受験の流れについて」](https://mynavi-agent.jp/knowledge/it/765.html)

[【関連記事】「Pythonライブラリ：Pandasのインストール方法を解説！」](https://and-engineer.com/articles/YXpgehUAACkAisiL)

[【関連記事】「【Pythonのライブラリ管理ツール】pipインストールを解説！Windowsでも簡単？」](https://and-engineer.com/articles/YcJyaRAAACMAl3BX)

## 「7日間でハッキングをはじめる本 TryHackMeを使って身体で覚える攻撃手法と脆弱性」（技術書部門）

~~「7日間でハッキングをはじめる本 TryHackMeを使って身体で覚える攻撃手法と脆弱性」野溝 のみぞう (著)／出版社：翔泳社~~

#### balloon nomizo_itbook left
私は元々エンジニアではありませんでしたが、所属していた会社が情報漏えい事件の被害に遭ったことがきっかけで、セキュリティ対策を本業とするようになりました。

#### balloon nomizo_itbook left
現在、セキュリティ人材は11万人不足していると言われ、セキュリティ関連の求人倍率は50倍という状況です。その中でセキュリティは重要だと認識されながらも、「売上に貢献しない」「面倒くさい」という印象を持たれがちです。しかし、実際には非常に興味深い分野なのです。

#### balloon nomizo_itbook left
**本書で扱う「ハッキング」とは、オフェンシブセキュリティと呼ばれる分野を指します。これは攻撃的な手段を用いてシステムの弱点を特定し、その対策を考える手法です。**一種の予防注射のようなものとお考えください。ただし、日本国内では不用意にハッキングを行うと、悪意がなくても法律に触れる可能性があるため、学習環境の準備が大きな課題でした。

#### balloon nomizo_itbook left
**そこで本書では、イギリスのサービス「TryHackMe」の利用を提案しています。**このサービスでは、クラウド上で脆弱性のあるサーバーを安全に立ち上げ、VPN経由で接続することで、隔離された環境でハッキングを学習できます。

#### balloon nomizo_itbook left
7日間のカリキュラムでは、パスワードの重要性やソフトウェアの更新など、普段セキュリティ研修で聞くような内容を実際に体験しながら学べます。基礎的な脆弱性の確認から始めて、最終的にはWordPressやActive Directoryなど、**実務でよく使用されるソフトウェアへの実践的なハッキングまで段階的に学習できる内容となっています。**

#### balloon nomizo_itbook left
新人の方でも、独学でも着実に成長できるようスモールステップで優しく解説しており、興味のある部分から始めることもできます。Amazonのレビューでも**「脆弱性や攻撃手法を具体的に知ることができて楽しめた」「実践を通じてサイバーセキュリティの基礎を身につけることができた」**という評価をいただいており、本書の目指した方向性が読者の皆様に受け入れられているようです。この本をきっかけに、ぜひエンジニアの皆さんにセキュリティの知識を深めていただければと思います。

本書は特別ゲストのManaさんによる「特別賞」を受賞。さらに、プレゼン大会を視聴されたみなさんによる最終投票で、**「技術書部門大賞」**にも選ばれました。投票理由や感想コメントの一部を抜粋します。

ハンズオン形式でハッキングを学べる貴重な本。攻め方を理解することで、より守り方が理解できる。

類書の少ない分野で、初学者向けの本が出てきたのはとても大きい。

職場の同僚たちとハンズオンで取り組みました。攻撃側の視点でセキュリティを捉えるきっかけになり、いい経験ができました。

[【関連記事】「セキュリティエンジニアとは？仕事内容・年収・資格について」](https://mynavi-agent.jp/it/jobindex/09.html)

[【関連記事】「情報セキュリティマネジメント試験の難易度は？合格率と勉強方法を解説」](https://and-engineer.com/articles/Y6MWKxIAACQAZEtp)

## 「ITエンジニア働き方超大全 就職・転職からフリーランス、起業まで」（ビジネス書部門）

~~「ITエンジニア働き方超大全 就職・転職からフリーランス、起業まで」小野 歩 (著)／出版社：日経BP~~

#### balloon sengoku right
本書の編集を担当した仙石誠と申します。普段はプログラミングの入門書や基本書を中心に企画・制作していますが、その中でITエンジニアとして働く際の入門書やガイドブックが不足していることに気づきました。そこで、豊富なキャリア支援経験をお持ちの小野さんにご相談させていただき、本書の企画が実現しました。ここからは、著者の小野さんのコメント映像を紹介します。

#### balloon ono left
テックワークスの小野歩と申します。本書を通じて、ITエンジニアの方々が理想の人生を実現するためのお手伝いができればと考えています。私自身、SIerのバックエンド開発からキャリアをスタートし、現在は独立してITスクールを中心としたキャリア支援事業を行っています。

#### balloon ono left
これまで1000人以上のエンジニアのキャリア相談に携わってきましたが、多くの方に共通する課題がありました。それは、**転職や就職がゴールになっていることや、数年後の方向性が見えないという悩みです。**本書では、この課題に対する一つの答えとして、「キャリアビジョン」の大切さを強調しています。

#### balloon ono left
**キャリアビジョンとは、この先自分がどうありたいか、人生の理想像を具体的に描くことです。これが明確になっていると、様々な場面での意思決定が容易になります。**例えば、どの領域で働くか、収入とワークライフバランスをどのように捉えるのか、さらには結婚や家族との関係など、生活面での変化にも柔軟に対応できます。また、フリーランスへの移行を考える際も、適切なタイミングで決断することができます。

#### balloon ono left
**本書では理論的な説明だけでなく、できる限り多くのケーススタディを紹介しています。**キャリアビジョンがしっかりしていたからこそ良い選択ができた事例や、逆にキャリアビジョンが不明確だったために苦労した事例なども掲載しています。これらの実例を通じて、エンジニアの皆様がご自身のキャリアビジョンを構築する際の参考にしていただければと思います。

[【関連記事】「ITエンジニアの職種図鑑」](https://mynavi-agent.jp/it/jobindex/)

## 「世界一流エンジニアの思考法」（ビジネス書部門）

~~「世界一流エンジニアの思考法」牛尾 剛 (著)／出版社：文藝春秋~~

#### balloon yamamoto_itbook right
文藝春秋の山本浩貴と申します。本書は、マイクロソフトで活躍されている牛尾剛さんが、ソフトウェア開発の最前線で一流の同僚たちから得た学びをまとめた一冊です。発売以来、**「仕事の考え方が激変した」「黒船襲来レベルのカルチャーショック」「グローバル水準のマインドセットが学べる」**など、大変ありがたい評価をいただいてきました。

#### balloon yamamoto_itbook right
一点特筆すべきは、本書は「弱点を抱えた人」や「壁にぶつかる人」すべてをエンパワーするものだということです。**ADHDで仕事に困難を覚えてきた牛尾剛さんが40代で見出したこの方法論は、仕事を高める本質が才能や能力ではなく、「考え方」と「チームビルディング」にあることを力強く示しています。**ここからは、著者の牛尾さんのコメント映像を紹介します。

#### balloon ushio left
こんにちは。「世界一流エンジニアの思考法」の著者、牛尾剛と申します。私はこれまでずっとプログラマーとして仕事をしてきましたが、日本では思うように成果を出せませんでした。

~~「世界一流エンジニアの思考法」（文藝春秋）著者 牛尾 剛さん~~

#### balloon ushio left
しかし、40代でマイクロソフトに入社し、世界トップクラスのエンジニアたちと働く機会を得て、状況が大きく変わりました。そこで優秀な**同僚たちを観察し、そこで学んだことを自分のためにブログに書き留めていたところ**、現在の担当編集者である山本さんの目に留まり、この本の執筆につながりました。

#### balloon ushio left
日本とグローバルな開発現場では大きな違いがあり、その違いが生産性に大きく影響していると感じています。具体的な例をお話しします。マイクロソフトに入社したばかりの頃、それまで日本企業でしか働いた経験がなかった私の上司は、フランス人のダミアンでした。私以外は全員が外国人という環境で、初めての英語での仕事に必死に取り組んでいました。

#### balloon ushio left
しかし、忙しさでどうにもならなくなり1on1でダミアンに相談したところ、「牛尾にとって今一番重要な仕事は何だ？」と聞かれました。そこで私が「DevOps ハッカソンだ」と答えると、驚くことに「それ以外の仕事は一切やらなくていい」と言われたのです。日本では考えられないアドバイスでしたが、ダミアンは優秀な上司だったので、言われた通りに実践してみました。

#### balloon ushio left
その結果、私はチーム内で圧倒的な成果を出し、顧客満足度でもNo.1を達成することができました。おそらく、他の仕事に時間を割いていたら、この成果は出せなかったでしょう。このように、アメリカの開発現場では日本とは異なる考え方があり、それが生産性にも大きく影響していると実感しています。

#### balloon ushio left
これらの経験は、私のマイクロソフトでの10年間の集大成として本にまとめていますので、興味のある方はぜひ手に取っていただければと思います。

本書は、特別ゲストのラファエル・ヴィアナさんによる「特別賞」を受賞しています。選考理由として、**「エンジニアのハイパフォーマンスという概念を、個人の能力や生産性だけでなく、より広い視点から捉え直している点が興味深い」**ということが挙げられました。

[【関連記事】「エンジニアのキャリア戦略。言語・環境選びのベストルートは？」](https://mynavi-agent.jp/consultant/special-pivot/article-4.html)

[【関連記事】「エンジニア転職のリアル。面接官が「会いたい」と思う経歴の中身とは？」](https://mynavi-agent.jp/consultant/special-pivot/article-3.html)

## 「『何回説明しても伝わらない』はなぜ起こるのか？ 認知科学が教えるコミュニケーションの本質と解決策」（ビジネス書部門）

~~「『何回説明しても伝わらない』はなぜ起こるのか？ 認知科学が教えるコミュニケーションの本質と解決策」 今井 むつみ (著)／出版社：日経BP ~~

#### balloon miyamoto right
本書の編集を担当した宮本と申します。コミュニケーションの問題は、多くの方が日々直面している課題ですが、コミュニケーションが問題となる本質的な原因についてはあまり理解されていません。例えば、皆さんは日常業務でこんな経験はありませんか？ 

上司の言うことが以前言っていたことと違う

説明した内容と全く違う理解をされる

厳守と伝えた締切が守られない

#### balloon miyamoto right
**私たちが日々直面するこうしたコミュニケーションの問題の多くは、実は「スキーマ」の違いが原因なのです。**ここで著者の今井むつみ先生から、この「スキーマ」について詳しくご説明いただきたいと思います。

#### balloon imai left
慶應義塾大学の今井むつみと申します。私は長年、人間の認知と学習のメカニズムについて研究してきました。「**スキーマ」とは、私たち一人一人が持っている知識の体系や物事のとらえ方のことです。例えば、ITエンジニアとクライアントでは、同じシステム開発についても持っているスキーマが大きく異なります。**同じITエンジニア同士でも、経験や専門分野が違えば、スキーマは異なるのです。

#### balloon imai left
私たちは「伝わらない」とき、「説明の仕方が悪かった」もしくは「相手の理解力が足りない」と考えがちです。しかし、**単に言い方を変えても、スキーマの違いが解消されない限り、本当の理解には至らないのです。**

#### balloon miyamoto right
例えば、「猫」という言葉一つとっても、ある人はかわいいキャラクターを思い浮かべ、別の人は不潔なイメージを持つかもしれません。このように、基本的な言葉でさえ、人によって異なる意味を持つことがあるのです。

#### balloon miyamoto right
本書では、このようなスキーマの違いを乗り越えるにはどうすればよいのか、認知科学の知見に基づいて効果的なコミュニケーションの方法を提案しています。「話せば分かる」という考えは、時として幻想かもしれません。しかし、**お互いのスキーマを理解し、それをすり合わせていく方法を知ることで、より良いコミュニケーションが可能になるのです。**

本書はプレゼン大会を視聴された方による最終投票で**「ビジネス書部門大賞」**にも選ばれています。投票理由や感想コメントの一部を抜粋します。

プライベートや仕事で日々感じている、同じ言葉でも捉え方が異なり、行動が変わってくることを解説してくれた本。納得しかない。

ITエンジニアが1年を振り返り、おすすめの本を選ぶイベント「ITエンジニア本大賞2025」のプレゼン大会が2月13日に開催されました。全国のエンジニアによるWeb投票で選出された技術書・ビジネス書の各ベスト10から、特に支持の高かった6冊について著者や編集者が登壇。本記事では、AIからキャリア論、コミュニケーションまで幅広いテーマについて語られたプレゼン大会の模様をお届けします。

大学卒業後、構成作家・フリーランスライターとして、幅広いメディア媒体に携わる。現在は採用関連のインタビュー記事や新卒採用パンフレットの制作に注力しながら、SaaS企業のマーケティングにも携わっている。いま一番関心があるのは、キャンプ場でワーケーションできるのかどうか。

岸 裕介

今井さん（慶應義塾大学教授／認知心理学者）

宮本さん（日経BP／編集者）

山本さん（文藝春秋編集者）

仙谷さん（日経BP／編集者）

野溝さん

佐久さん（技術評論社／編集者）

中島さん

サブ―さん

小野さん（テックワークス）

牛尾さん

2025年のITエンジニア本大賞 プレゼン大会の全容

技術書＆ビジネス書の各分野で最終選考に残った6冊の魅力

ChatGPTからキャリア論まで、エンジニアに役立つノウハウ

「ITエンジニア本大賞2025」プレゼン大会レポート！ChatGPTからコミュニケーション論まで、注目の6冊を徹底解説

スマートフォンやPC、スマート機器を用いたインターネット利用が生活に不可欠となった現在、UI/UXはエンジニアの設計・開発プロセスにおいても不可欠な要素となっています。しかし、エンジニアの中には「UI/UXはデザイナーの仕事」「センスが必要な分野」と考える方もいるかもしれません。

「UIのデザインはセンスではなく、習得可能な技術である」と力強く語るのは、『UIデザイン必携 ユーザーインターフェースの設計と改善を成功させるために』の著者、原田秀司氏です。SIerのプログラマー/SE、Web制作ディレクターを経てUIデザイナーとして活躍している原田氏に、エンジニアが知っておくべきUI/UXの基本知識とルール、UIを学ぶ上で特に重要なポイントについて伺いました。

*■『UIデザイン必携 ユーザーインターフェースの設計と改善を成功させるために』*
*■出版社：翔泳社、著者：原田秀司*
*■原田 秀司 *
UIデザイナー／Webディレクター
1974年東京都生まれ。東京大学工学部卒。ITベンダーにてプログラマー/SEとして勤務したのち、Web制作会社にてディレクターとして勤務。2008年よりフリーランスとして独立。PC、スマートフォン、タブレット、TV、スマートホーム機器などのUIを設計している。2011年に『UIデザインの教科書』、2019年に『UIデザインの教科書[新版]マルチデバイス時代のインターフェース設計』、2022年にポイントを図解やイラストで解説した『UIデザイン必携 ユーザーインターフェースの設計と改善を成功させるために』を執筆。いずれも翔泳社より出版。
HP：[https://www.hidesign.jp/](https://www.hidesign.jp/)

## UIで大切なのは「ビジュアル」だけではない

#### balloon kishi left
はじめに、UI/UXについてまず認識しておくべきことを教えてください。

#### balloon harada_syuuji right
UIを単なる「見た目」のことだと誤解している方がいらっしゃいますが、それは少し違います。**UIはビジュアルだけではなく、「ユーザーに最適な情報が立体的に構造化されたもの」と認識していただければと思います。**

#### balloon kishi left
なるほど、UIの「見た目」は構造化された情報の一つの要素ということですね。

#### balloon harada_syuuji right
もちろんビジュアルはUIにとって大事な要素の一つですが、**UIの設計で最も大切なことは「利用者が行いたいことや、得たい情報などにスムーズにたどり着く」**ことであり、ビジュアルだけの問題ではありません。

~~『UIデザイン必携 ユーザーインターフェースの設計と改善を成功させるために』（翔泳社）より転載~~

#### balloon kishi left
UIについては、「デザイナーの仕事でセンスが必要な分野」という声を聞くこともあります。こういったとらえ方についてはいかがですか？ 

#### balloon harada_syuuji right
UIのデザインは先天的に持っているセンスでなく、習得可能な技術だということをまず認識していただければと思います。UIとUXがひとまとめに語られることも多いですし、UIやUXを改善したいという人や企業に話を伺うと、UIやUXについての認識が社内でバラバラであることが多い印象です。

#### balloon kishi left
そうなると、UIを最適化しようとしても意思統一が難しそうですね。

#### balloon harada_syuuji right
UI/UXに取り組む場合、まずは関係者間で「UI/UXはそもそも何なのか」という認識をそろえることが必要です。そのため私の著書では「UI/UXとは何なのか」について私の解釈であり定義を最初に示しました。

#### balloon kishi left
では改めてUI/UXについて教えていただけますか。

#### balloon harada_syuuji right
**UIとUXは「User」、つまり「人に関わること」を扱う分野です。**そのうえで、UIのIは「Interface」であり、UIはユーザーが特定のやりとりをするための「接点」のこと。接点として使うものは、パソコンやスマートフォン、Webサイト、ガスコンロや銀行のATM、アプリのサービスなどさまざまです。

#### balloon harada_syuuji right
インターフェースをユーザーにとって利用しやすい、わかりやすいものにすることがUIと定義できます。

#### balloon kishi left
なるほど、IT機器だけではないということですね。UXについてもお願いします。

#### balloon harada_syuuji right
UXはユーザーが対象となる商品やサービスを知り、関心を持ち、使い、問い合わせや利用などを行い、対象を忘れるまでのすべての体験のことです。UIは対象とユーザーとの間でやりとりされる接点であり、目に見える客観的なものですが、UXはユーザーの体験ですので、目に見えない主観的な「知る」「関心を持つ」「忘れる」など多岐にわたります。

## UIを設計する際の3つの基本要素とは？

#### balloon kishi left
エンジニアが知っておくべきUIのルールや取り組みなどについて伺いたいと思います。まず、デバイスの画面に関してお願いします。

#### balloon harada_syuuji right
ひとくちにデバイスの画面といってもPC、スマホ、スマートTVなどさまざまです。画面の大きさが異なるとユーザーにとっての使い勝手も違ってきます。大切なのは「UIを設計する際の3つの基本要素」を知っておくことです。

#### balloon kishi left
具体的に教えていただけますか。

#### balloon harada_syuuji right
**基本要素は大きく分けて3つ、「画面の形と大きさ」、「画面までの距離」、「入力手段」です。UIを考えるときは、まずこの3つの掛け合わせで考えていくと良いでしょう。**

#### balloon kishi left
では、まず「画面の形や大きさ」について伺いたいのですが。例えばPCやテレビではどのように考えれば良いのでしょうか。

#### balloon harada_syuuji right
テレビはPCより画面が大きいため、多くの情報を表示できそうに思えます。しかし実際はそうではありません。テレビの場合、ユーザーは離れた位置からリモコンで操作するため、細かい文字は読みづらいからです。私も以前、テレビ画面に多くの情報を詰め込んでみたことがありますが、結果的に視認性が悪くなってしまいました。

#### balloon kishi left
画面が大きければ良いというものでもないのですね。

#### balloon harada_syuuji right
はい。スマートTVで楽しめるサービスはいろいろありますが、テレビの場合、画面の大きさと距離と入力手段を組み合わせて考えるとシンプルで似たようなUIにならざるを得ません。

#### balloon kishi left
入力手段によってもUIは異なるのでしょうか。

#### balloon harada_syuuji right
はい。**入力手段は音声入力以外でマウスやトラックパッドを使う「ポインティング操作」、スマホやタプレットで行う「直接操作」、テレビのリモコンやゲームのコントローラーを使う「フォーカス操作」の3種類があり、手段が異なればUIも異なります。**

#### balloon kishi left
それぞれの入力手段ごとに、基本的な知識とUIのポイントについて教えていただけますか。

#### balloon harada_syuuji right
マウスなどのポインティングデバイスは、PCのように画面との距離が近い環境で、細かい操作を可能にします。特に重要な機能が「ホバー」効果です。カーソルを要素の上に置くと、色が変わったり説明が表示されたりすることで、ユーザーは操作可能な場所を直感的に把握できます。このホバー効果は、PC向けUIデザインにおける重要な要素の一つとなっています。

#### balloon kishi left
直接操作とフォーカス操作はどうでしょうか。

#### balloon harada_syuuji right
直接操作とフォーカス操作では、UIの設計アプローチが異なります。タッチパネルなどの直接操作では、操作可能な場所が一目でわかるUI設計が必要です。一方、テレビのリモコンのようなフォーカス操作では、上下左右ボタンで移動するカルーセルの際、現在の選択位置が明確にわかるUI設計が重要になります。

#### balloon kishi left
プルダウンで選ぶときにも、それぞれの入力手段によって最適なUIが変わってくるということですね。Webサイトとアプリケーションの違いについても教えてください。

#### balloon harada_syuuji right
Webサイトは汎用性が高く、ブラウザさえあれば様々なデバイスで利用できるという特徴があります。一方、アプリケーションは特定の目的に特化した専用ツールで、デバイスごとに個別のインストールが必要です。

#### balloon kishi left
Webサイトとアプリケーションで、UIの違いはありますか。

#### balloon harada_syuuji right
大きな違いがあります。Webサイトは各ページがURLとひもづいているため、URL構造を意識したUI設計が必要です。一方でアプリケーションの場合は、AndroidやiOSなど、それぞれのOSが持つUIガイドラインに沿った設計が求められます。

## 「色・形・動き」の3つの認知特性をUIに活かす

#### balloon kishi left
著書では人の認知特性についても触れられています。UI設計で重要となる認知特性について教えていただけますか？

#### balloon harada_syuuji right
UIは人間の生得的な認知能力に基づいて設計する必要があります。**特に視覚的な認知特性の理解は重要で、これを活かしたUI設計が効果的です。視覚的な認知特性は、大きくわけて「色」「形」「動き」の3つがあります。**

#### balloon kishi left
まず、「色」について教えてください。

#### balloon harada_syuuji right
人間には生来の色彩認識能力があります。例えば、0から9までの数字が100個ランダムに並んでいる中で、特定の数字だけに色を付ければ、その数字は一目で見つけることができます。このような人間の視覚特性をUIに活用できるのです。

#### balloon kishi left
色を使うときのポイントはありますか？

#### balloon harada_syuuji right
2つの重要なポイントがあります。**1つは色の数を抑えること、もう1つは適切な色の組み合わせを選ぶことです。**色を増やしすぎると識別効果が低下します。基本は白・黒・グレーの無彩色を基調とし、重要な箇所に有彩色を1〜2色加える程度が効果的です。また、明度差の活用も有効です。さらに、配色によってブランドイメージを想起させることもできます。

#### balloon kishi left
「形」についてはどうでしょうか？

#### balloon harada_syuuji right
人間は、同じ形が並ぶ中で1つだけ異なる形があると、自然とそこに注目する特性があります。例えば、フォーカス機能では選択した項目を大きく表示することで、ユーザーの現在位置を視覚的に示します。つまり、統一された要素の中で一つだけ差異を設けることで、意味を持たせるのです。

#### balloon kishi left
「動き」についても教えていただけますか？

#### balloon harada_syuuji right
UIにおける動きの設計は使いやすさを大きく左右します。**動きには「注目」「理解」「演出」という3つの役割があり、最も重要なのは「理解」です。**

#### balloon kishi left
動きで理解を促すということですか？

#### balloon harada_syuuji right
その通りです。iPhoneの設定画面を例に説明しましょう。日付変更時の画面遷移では、画面が右からスライドして重なり、前の画面が「戻る」ボタンとして左上に表示されます。この一連の動きは1秒未満で完了し、ユーザーは画面の階層構造を直感的に理解できます。

#### balloon kishi left
なるほど。今まで意識したことはありませんでしたがたしかにそのように動きますね。

#### balloon harada_syuuji right
はい。このような動きによって、**ユーザーは「どこからどのように移動してきたか」を体感的に理解できるようになっています。**

#### balloon kishi left
動きには、理解だけではなく演出的なものもあるのでしょうか？

#### balloon harada_syuuji right
そうですね、動きをつけることで面白さやカッコよさを表現することもできます。一例として、Xの「いいね」機能のハートマークのアニメーションは、凝った動きで演出効果を高めています。演出は必須ではありませんが、ブランドの差別化や独自性の表現に効果的です。

## 「場所・操作・状態」の”分かりにくさを回避するためのUI対策

#### balloon kishi left
わかりやすいUIを設計するために知っておくべきことはありますか。

#### balloon harada_syuuji right
ユーザーにとって何がわかりにくいのかを知っておくと良いと思います。**UIの分かりにくさは主に「場所」「操作」「状態」の3つに分類できます。特に「場所」に関する問題が半数以上を占めています。これらの要素を理解することが、より良いUI設計につながります。**

#### balloon kishi left
例えばどのようなことでしょうか。

#### balloon harada_syuuji right
あるレストランのタブレット注文システムを例に説明しましょう。このシステムでは、現在地の表示がなく、画面遷移の導線も不明確でした。

#### balloon harada_syuuji right
そのため、ユーザーは目的のページに行くために毎回トップページに戻る必要があり、ディナーメニューを探しているのにランチページに迷い込むといった問題が発生していました。

#### balloon kishi left
それはストレスを感じそうですね。

#### balloon harada_syuuji right
その通りです。このシステムには2つの大きな問題がありました。1つはナビゲーション構造の一貫性が欠如していること。もう1つは、一般的に左上に配置される「戻るボタン」が右上にあったことです。それらの改善点を反映すると、次のようになります。

#### balloon kishi left
なるほど、今どこにいるのかわかりやすくなりました！

#### balloon harada_syuuji right
このように、現在位置が不明確で、直感的な操作ができないUIは避けるべきです。

#### balloon kishi left
「状態がわかりにくい」とはどのようなことでしょうか。

#### balloon harada_syuuji right
オンラインミーティングアプリを例に挙げると、自分のマイクがオンかオフか判断できないような状況です。つまり、システムの現在の状態が明確に示されていない状態を指します。

#### balloon harada_syuuji right
この場合は、「状態」と「操作」を分けて表現することで解決できます。ボタンが「状態」と「操作」のどちらを表しているのか、両者を混在させず片方に絞ることで、状態と操作がわかりやすくなるというわけです。

#### balloon kishi left
たしかに、理解しやすくなりました！それから、先ほどの事例で「戻るボタンは左上にあることが一般的な共通概念」と言われましたが、やはり一般的な共通概念というのは守ったほうが良いのですか。

#### balloon harada_syuuji right
はい、**既存の共通概念は尊重すべきです。「戻るボタン」は左上、「閉じるボタン」は右上といった慣習的な配置には重要な意味があります。**ユーザーはこれらの配置に慣れているため、新たな学習が不要です。逆に、これらの慣習を無視すると、ユーザーに余計な学習負担を強いることになります。UIの基本原則の一つは、学習の必要性を最小限に抑えることです。

## エンジニアが知っておくべきUIへの貢献方法

#### balloon kishi left
エンジニアがUIで注意すべきことについて伺えますか？

#### balloon harada_syuuji right
エンジニア出身の私の経験から言えば、エンジニアは機能の実装を優先する傾向があります。しかし、**機能が「動く」ということと「使いやすい」ということは、別の問題なんです。**

#### balloon kishi left
具体的にはどのような問題が起きやすいのでしょうか？

#### balloon harada_syuuji right
例えば、機能は正しく動作するものの、その機能を使うためのスペースが見つけにくかったり、使い方がわかりにくかったりすることがよくあります。特に最近は、フロントエンドとバックエンド両方を担当するエンジニアが増えていますが、API連携や技術的な実装に注力するあまり、ユーザー視点での使いやすさが後回しになりがちです。

#### balloon kishi left
それを避けるにはどうすれば良いでしょうか？

#### balloon harada_syuuji right
**機能を「重要度」で分類し、優先順位をつけることが効果的です。主要な機能は目立つ位置に配置し、補助的な機能は適切に分割して配置するといった工夫が必要です。**

#### balloon kishi left
エンジニアはUIでどのように貢献できるでしょうか？

#### balloon harada_syuuji right
典型的な例として、Webフォームの操作があります。ユーザーが情報を入力した後、「戻るボタン」を押したときにデータが全て消えてしまうケースがあります。エンジニアは、そのような場合でもデータを保持する仕組みを実装することで、ユーザーのストレスを軽減できます。「このような操作をしたらフラストレーションを感じるだろう」という場面を事前に予測し、技術的に解決することが重要です。

#### balloon kishi left
最先端のUI技術があれば教えてください。

#### balloon harada_syuuji right
**UIにおいて重要なのは、最先端の技術より「枯れた技術」です。**つまり、社会に浸透し、ユーザーが習熟している技術です。最先端の技術は往々にして使いづらく、学習コストが高くなります。むしろ、成熟した技術を適切に活用することで、より使いやすいUIが実現できます。

#### balloon kishi left
最後に、エンジニアのみなさんに向けて一言お願いします。

#### balloon harada_syuuji right
「デザインは生まれつきの才能ではなく、習得可能なスキルである」ということを強調したいですね。私自身、理系出身のエンジニアからUIの専門家になった経験から、これは確信を持って言えます。エンジニアの皆さんには、自信を持ってUIデザインに取り組んでいただきたいと思います。

スマートフォンやPC、スマート機器を用いたインターネット利用が生活に不可欠となった現在、UI/UXはエンジニアの設計・開発プロセスにおいても不可欠な要素となっています。「UIのデザインはセンスではなく、習得可能な技術である」と力強く語るのは、『UIデザイン必携 ユーザーインターフェースの設計と改善を成功させるために』の著者、原田秀司氏に、エンジニアが知っておくべきUI/UXの基本知識とルール、UIを学ぶ上で特に重要なポイントについて伺いました。

原田さん

エンジニアが知っておくべきUI/UXの知識とルール

UI/UX設計に重要な人間の認知特性について

エンジニアとしてのUIへの向き合い方

「UIはセンスでなく習得可能な技術」--エンジニアが知っておきたい「UI設計」のポイントを原田秀司氏が解説！

「*競技タイピング*」という世界をご存知ですか？

**タイピングの速度と正確性を競うもので、日本一を決める大会も開催**されているんです。

それがハイエンドキーボードで有名なREALFORCEが主催している**「REALFORCE TYPING CHAMPIONSHIP」（以下、RTC）**。

その大会の熱気と競技性、そしてタイピング速度は想像を大きく越えるものでした。

REALFORCE TYPING CHAMPIONSHIP 2019 Digest

~~RTC2019のダイジェスト動画。miriさんは1:48あたりから登場します。~~

この大会は2017年から毎年開催されているのですが、**優勝者はなんと３年連続同じ方**なんです。

それが、**タイピング女王とも評されるmiri選手**（以下、miriさん）。

大会３連覇を果たしたmiriさんに、競技の裏側、面白さや見どころ、タイピングのスピード向上のコツなどをお伺いしました。

~~miriさんの自己紹介。[RTC2019](https://www.youtube.com/watch?v=4usMMWbadks)より引用。~~

## miri選手のタイピングのスピードと入力方法

#### balloon kurimao left
RTCの動画、見させていただきました！
みなさんタイピングが速すぎて…。
miriさんだと1秒間に何文字ぐらい打っているんですか？

#### balloon miri right
**平均だと16~17キーぐらいです。ローマ字入力なので、文字数に換算するとだと８文字くらい**ですね。

「タイピングの女王」miriさんの爆速タイピング

~~miriさんのタイピングの速さが分かります、短いのでぜひご覧ください。~~

#### balloon kurimao left
１秒間にですよね!?速すぎる…！
大会を見ると*ローマ字入力の選手とかな入力の選手がいらっしゃいます*が、スピードの差はあるんですか？

#### balloon miri right
スピードの差はかなりありますね。
**かな入力は１打鍵で１文字が入るのに対して、ローマ字入力だと１文字を入れるのに２打鍵以上が必要**なので、タイピング量が結構な差になります。   

#### balloon kurimao left
それでも**miriさんはローマ字入力**ですよね？
かな入力に転向を考えたりしないんですか？

#### balloon miri right
かな入力でローマ字入力の速度が出せたらかな入力にしています。
一応かな入力もできるんですが、打ち方が違いすぎて、慣れているローマ字入力ほどの速度は出ません。   

#### balloon miri right
「**競技で戦えるレベルのスピードを出せるのはローマ字入力だけ**」という感じですね。
イメージで言えば短距離走と長距離走くらい別物で、個人的には大会の部門も分けた方がいいと思っています。

人気のある記事