東京・名古屋・大阪・福岡の選抜された学生たちが競い合ってオリジナルのプロダクトを開発し、業界のプロが審査する「A-TECH コンテスト」。「IT業界で通用するスキル」を身につけるシステム開発コンテストとして、2024年2月に第1回が開催されました。

本コンテストでグランプリに輝いたのは、タスク管理システムにギャンブルを掛け合わせた『Gamble To Do ～タスク×ギャンブル～』（以下『Gamble To Do』）という画期的なサイトです。斬新なアイデアはどのように生み出されたのか。当時、[東京ビジネス・アカデミー](https://www.tsb-yyg.ac.jp/)／ITビジネス学科に在籍していた開発チームの田中悠斗さんと太田雄翔さんにプロダクトのデモ画面も見せてもらいながら、開発過程の苦労やこだわりのポイントを伺いました。

~~ 「第１回A-TECH コンテスト全国大会」表彰式の様子 ~~

学校法人２１世紀アカデメイアが運営するビジネス・アカデミー4校のITビジネス学科・AIシステム学科から選抜された学生たちが、「企画力」と「技術力」を競い合うシステム開発コンテスト。チームで取り組むシステム構築やプレゼンテーション・デモンストレーションを通して、「IT業界で通用するスキル」を身につけ、より良い社会の実現に貢献する人材を育てることを目的に開催している。

## 『Gamble To Do ～タスク×ギャンブル～』とは？

#### balloon kishi left
「第１回A-TECH コンテスト全国大会」でのグランプリ受賞おめでとうございます。サイトの開発はどのようなチーム体制で進めていったのですか？

#### balloon gtd_ota right
合計4名のメンバーで開発を進めていきました。その中で私は副リーダーとしてバックエンドの開発を行い、PHPでのコーディングを担当しています。

#### balloon gtd_tanaka right
私はチームリーダーとしてプロジェクトマネジメントと全体のサポートを行い、コンテスト当日のプレゼンテーションも担当しました。他のメンバーにはフロントエンドの開発やサイトのデザイン作業を担当してもらっています。

#### balloon kishi left
今回開発された『Gamble To Do』はどんなサイトですか？

#### balloon gtd_ota right
「タスク管理」と「ギャンブル」を組み合わせたサイトです。人は目標を達成しようとするときに「口で目標を宣言したものの、実際の行動を後回しにしてしまう傾向にある」と感じたことから着想を得ました。**やる気満々で目標を立てたのに予定の期日を守らず、「明日やればいいや」とタスクをどんどん先延ばしにするのは誰しも経験があると思います。**

#### balloon gtd_tanaka right
例えば私の場合、ジムで1ヶ月がんばろうと思っても途中で面倒くさくなったり、一人だけではやる気が起こらなかったりして続きません。そもそも一生懸命がんばって目標を達成したとしても、まわりから「がんばったね」と言われるだけでは面白みがないのも続かない理由です。

#### balloon kishi left
タスクを後回しにする気持ちは痛いほどわかります。それに、がんばったときには「ご褒美がほしい」と思っちゃいますよね。

#### balloon gtd_tanaka right
そうなんです。そこで開発したのが『Gamble To Do』。**サイトのコンセプトは「タスクにチャレンジしながらギャンブルも楽しもう！」です。**

#### balloon kishi left
タスク管理×ギャンブルの斬新なアイデアを思いついたきっかけは？ 

#### balloon gtd_ota right
あるアプリゲームにインスパイアされています。やることリストを達成すると敵キャラにダメージを与えられるゲームなのですが、それを参考にしつつ「タスク管理」に何を掛け合わせるのかを考えていきました。その過程で日本人がギャンブルを好きなことに着目して、このコンセプトにたどり着きました。

#### balloon kishi left
日本人はそんなにギャンブル好きなんですか？

#### balloon gtd_tanaka right
はい、次の統計を見ていただくと、**日本人は世界34ヶ国中7位とかなり上のランクに入るほど、ギャンブルを好きなことがわかると思います。**

#### balloon kishi left
そう言われてみると、日本には公営ギャンブルとして競馬、競輪、競艇、オートレース、身近なところでは宝くじまでありますもんね。

#### balloon gtd_tanaka right
『Gamble To Do』で私たちが作成した機能は、大きく2つあります。まず1つ目はタスク管理としての機能です。目標達成にチャレンジするためタスクを作成できます。例えば、恋愛に関する目標であれば「クリスマスを彼女と過ごす」、就活に関する目標であれば「2024年の夏までに内定をもらう」、他にもダイエットの目標であれば「1ヶ月で3kg痩せる」というタスクなども。簡単なものから難しいものまで自分で設定できます。

#### balloon gtd_tanaka right
ここまでは通常のタスク管理と変わりませんが、2つ目のギャンブル機能で、他の人のチャレンジ（タスク管理）にポイントを賭けて楽しめるようになっています。例えば、あるチャレンジャーが「1ヶ月で3kgやせる」という目標を立てたときに、ある男性ギャンブラーが「達成」に10ポイントを賭ける。また、別の女性ギャンブラーは「失敗」に10ポイントを賭ける。

#### balloon gtd_tanaka right
結果を見てみると、チャレンジャーが目標を達成して3kgやせることに成功しました。その場合、「成功」に賭けていた男性ギャンブラーは配当として10ポイントがプラスされ、「失敗」に賭けていた女性ギャンブラーは当たらなかったのでポイントがマイナスされます。また、目標を達成したチャレンジャーにもポイントが加算されます。

#### balloon kishi left
なるほど、チャレンジャーが達成したかどうかの結果によって、ギャンブラーたちにポイントが加算されるということですね。この仕組みならみんなに注目されるので、タスクを達成したいチャレンジャーのやる気も高まりそうです。

#### balloon gtd_tanaka right
ダイエットの目標などは、みんなに知られたくない方もいらっしゃると思うので、その場合は一人で挑戦してポイントを獲得できます。逆に**招待コードを発行してSNSなどで告知すれば、より多くの人に自分のチャレンジを知ってもらうことも。**達成に向けてモチベーションを高めたいときにはおすすめです。

## デザインと「言葉の違い」が大きなハードルに

#### balloon kishi left
開発過程についても教えてください。サイト開発ではどんなことを重視しましたか？

#### balloon gtd_ota right
やはり「独創性」ですね。というのも『Gamble To Do』の企画を着想する前は、リコメンド機能などを備えた旅行サイトを作っていました。しかし、既存の旅行サイトがその上位互換として存在していることがわかり、旅行サイトの制作を止め、イチから他のサイトを開発する決断をしました。そこからチーム内で話し合い、**「今までにない画期的なサイトを作る」という方向性を決めて『Gamble To Do』の開発に至っています。**

#### balloon kishi left
プロジェクトが立ち上がってからの開発はスムーズでしたか。

#### balloon gtd_tanaka right
途中で詰まってしまうこともありましたね。例えば、トップページのデザインは何度も変えて検証を重ねています。それに合わせてテキスト部分も試行錯誤していました。

~~ 『Gamble To Do』のトップページ ~~

#### balloon kishi left
デザインがなかなか決まらなかったのはなぜですか？

#### balloon gtd_tanaka right
単純にデザインが得意じゃないメンバーが集まっていたからだと思います（笑）。「ギャンブルで想起するカラーは何色？」という議論から始まって、カジノや白熱するなどのイメージから赤色に。わかりやすいトップページを心がけて、コインやサイコロのイラストもプラスしています。

#### balloon kishi left
見やすいデザインになっていますね。機能面についてはいかがですか。

#### balloon gtd_ota right
タスク管理とギャンブルの機能をとにかく作ろうと突っ走っていきましたが、仕様変更が何度かありましたね。例えば、最初はポイント制ではなかったり、グループを組むことができなかったり。チャレンジャーやギャンブラーの気持ちになって、より使いやすい仕様に変えていきました。

#### balloon kishi left
特に苦労したのはどんなところですか？

#### balloon gtd_ota right
やはりデザイン的な部分ではありますが、タスクの期限をあらわす円グラフを上手く作れず苦戦しましたね。簡単そうに見えて制作過程では意外とややこしく、いろいろな知識を組み合わせて取り組みました。

~~ 『Gamble To Do』のタスク表示画面。グラフで期限までの残り期間を表示。 ~~

#### balloon kishi left
メンバー同士の連携についてはいかがですか？

#### balloon gtd_tanaka right
**チームに海外からの留学生がいたので、最初は言葉の壁に苦しみました。**「今日はこの作業をお願いします」と割り振ったときに、意図が上手く伝わっていないこともありましたね。その日の作業報告になったとき、全く別の作業を進めていたことも（苦笑）。

#### balloon kishi left
どのように言葉の壁を乗り越えたんですか？

#### balloon gtd_tanaka right
簡単な日本語であれば理解してもらえたので、できるだけ難しい言葉を使わないようにしたり、**任せたいタスクを関連画像やお手本のサイトを見せながら説明したりしました。**その結果、日本語が十分伝わらなくても、今日の作業内容は理解してもらえるようになりましたね。

## プレゼンの秘訣は、自分の言葉で伝えること

#### balloon kishi left
田中さんはコンテスト当日のプレゼンテーションを担当されていますが、審査員からの反応は？ 

#### balloon gtd_tanaka right
**タスク管理とギャンブルを組み合わせるという発想自体が面白いと、多くの審査員から褒めていただきました。**あとは技術面で、太田さんがこだわった円グラフでタスク完了までの時間が確認できることも評価していただきましたね。

#### balloon gtd_ota right
田中さんのプレゼンも審査員から高評価でした。「私もデモンストレーションの説明をがんばったのに」と正直悔しかったです（苦笑）。

~~ 「第１回A-TECH コンテスト全国大会」における『Gamble To Do』のプレゼンテーション ~~

#### balloon kishi left
どんなポイントが評価されていたんですか？

#### balloon gtd_ota right
自分の言葉で話していたことが高い評価につながったのではないかと。他のチームのメンバーは発表するときに手元の台本を見ながら話していたのですが、田中さんは台本を持つことなく常にモニターを見ながら説明していました。

#### balloon kishi left
台本は用意していなかったんですか？

#### balloon gtd_tanaka right
台本を読む感じになるのが嫌だったので、紙に印刷しませんでした。**投影するスライドのテキストを「箇条書き」にして、それをもとに自分の言葉で話すように意識しました。**

#### balloon kishi left
プレゼン後の質疑応答も素晴らしかったですね。

#### balloon gtd_tanaka right
ありがとうございます。その背景として、私たちが当時所属していたビジネス総合専門学校「[東京ビジネス・アカデミー](https://www.tsb-yyg.ac.jp/)」で、しっかりコミュニケーションのことを学べたことが大きいのではないかと。今回のサイト開発を通して、**開発現場では「メンバーとの連携が重要」だと実感しましたが、そのスキルを学生のうちから実践的に学べたのは、本当に良かったと感じています。**

#### balloon gtd_ota right
私も[東京ビジネス・アカデミー](https://www.tsb-yyg.ac.jp/)に在籍しているときに、ITやAIのことを学んだり模擬プレゼンに取り組んだりするのはもちろん、**各種のビジネスマナーを学べる授業もあったので、社会人としての基礎力を身につけられたと思います。**

~~ 「第１回A-TECH コンテスト全国大会」終了後の講師からのフィードバック ~~

## 「ランキング」や「ガチャ」機能を実装したい

#### balloon kishi left
『Gamble To Do』について、今後ローンチの予定などはありますか？

#### balloon gtd_ota right
今のところ一般公開する予定はありませんが、「[東京ビジネス・アカデミー](https://www.tsb-yyg.ac.jp/)」のITビジネス学科・AIシステム学科の講師から授業で使いたいという話をいただいています。個人的には、**ユーザーごとのランキング機能なども新たに実装して、他の人と競い合いながらタスク達成のモチベーションを維持できるようにしたいと思っています。**

#### balloon kishi left
田中さんも新たに追加したい機能などありますか。

#### balloon gtd_tanaka right
プレゼン後の質疑応答でもあったんですが、獲得したポイントの使い道ですね。**中長期的にはポイントによるガチャ機能を搭載したいと考えています。**ガチャの中で家具などいろんなアイテムを獲得できるようにして、サイト内の“マイルーム”に配置できるようにするとか。他のメンバーの部屋を見て刺激を受けながら、タスク達成やギャンブルにより励んでもらえるようにしたいと思っています。

#### balloon gtd_ota right
またコンテストの審査員から、チャレンジャーとして参加するメリットとギャンブラーとして参加するメリットが明確に区別されていない、というコメントをいただきました。つまりチャレンジャー側で参加することに、魅力を感じにくいのではないかと。**獲得できるポイントの量や種類を変えるなど、工夫できることはいろいろあるかもしれません。**

#### balloon kishi left
最後にお二人のキャリアについての展望も教えてください。 

#### balloon gtd_tanaka right
IT開発エンジニアとして、さまざまな案件に携わっていきたいと思っています。フロントエンドを担当したり、サイト制作のUIに関する業務を担当したりしながら、エンジニアとしてのスキルを高めていきたいですね。

#### balloon gtd_ota right
私もSEとして多くの経験を積んでいきたいと考えています。母校である「[東京ビジネス・アカデミー](https://www.tsb-yyg.ac.jp/)」からも、MBA取得のコースなどを卒業後に案内してもらえるので、キャリアの選択肢が広がって助かります。今回の『Gamble To Do』の開発経験を活かしながら、より多くの方に使ってもらえるプロダクトをつくっていきたいと思います。

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

岸 裕介

田中さん

太田さん

「第１回A-TECH コンテスト全国大会」でグランプリに輝いたプロダクトの内容

「タスク管理」に「ギャンブル」を組み合わせた画期的なサイトの開発過程

台本なしのプレゼンテーションが審査員に高評価だった理由

日本人のギャンブル好きに着目！A-TECHコンテストグランプリ受賞作品のタスク管理サイト『Gamble To Do』誕生秘話

ハードウェアとソフトウェアのつながりを理解し、システム開発の全体像を把握する。そんな実践的なスキルの習得を可能にするのが「ロボットキット」を用いたエンジニア教育です。

今回は、いち早くレゴ® エデュケーション教材を活用したエンジニア向け研修を事業化した株式会社アフレルを取材。**同社ではソフトウェア開発やAI技術など、見えづらい開発過程や成果をロボットの動きを用いて”見える化”することで、受講者にとってわかりやすく、確かな知識・技術力となる実践研修の機会を提供しています。**インタビューでは同社代表取締役共同CEOの柏崎暁子氏に、ロボットキットならではの教育効果や、同社の研修に込める想いを語っていただきました。

これからのエンジニアに求められるマインドやスキル、そしてロボットの組み立てを通して「腹落ち」するものづくりの面白さとは。柏崎氏への取材を通し見えてきた、ロボットキットによる"学び"の可能性を探ります。

株式会社アフレル  代表取締役共同CEO

金沢大学教育学部を卒業後、株式会社永和システムマネジメントに入社。大規模組込みシステム開発を担当。教育未来支援事業部を経て、株式会社アフレル設立参画。カスタマーセンター長、経営企画部マネージャを経て、2017年9月、取締役に就任。2022年 取締役 経営戦略室長。2024年代表取締役共同CEOに就任。

## ロボットキットを用いたエンジニア教育のパイオニア

#### balloon kaneko left
「教育版レゴ®マインドストーム」を活用したエンジニア向け研修を、世界で初めて事業化したそうですね。設立の経緯を伺えますか？

#### balloon kashiwazaki right
はい。アフレルは、永和システムマネジメントというシステム開発会社から、教育関連の部署が独立してできた会社です。永和マネジメントシステム社が2000年に親子ロボット・プログラミング・ワークショップを開催したことが、後々のエンジニア向け研修事業の発端となりました。実は私自身も本事業の立ち上げに携わり、現在までずっとエンジニア向けの教育に尽力しています。

#### balloon kaneko left
当時はまだ一家に1台パソコンがない時代ですよね。

#### balloon kashiwazaki right
そうなんです。システム開発やプログラミングに対する世の中の認知度も低かったですね。私たちも地域貢献の一環で親子向けワークショップを実施したのですが、想定以上に大きな反響がありました。具体的には、**「プログラミングを使うと物事の裏側の仕組みが見えてきて、これまでとは違う角度から世界を眺められるようになった」「システムを使ったらこんな問題解決ができるんじゃないかという作り手側の視点を持てた」などの感想があり、さまざまなメリットを提供できる点に気づきました。**

#### balloon kaneko left
そのような状況から、企業向けのエンジニア教育に尽力しはじめたのはなぜでしょうか。

#### balloon kashiwazaki right
当時からIT業界は人材不足で、大学等でプログラミングの経験がない新入社員にどのような教育を行うか課題をもっている企業が多いと感じていました。私自身も文系からシステム開発の世界に飛び込み、最初はかなり苦労しました。

#### balloon kashiwazaki right
その中で、自分が関わったシステムが動いたときに「そういうことか」とそれまで知識として理解していたことが腹落ちし、点が線になり、立体になるような感覚を得て、ものづくりの世界の面白さを実感することができました。**このような0の状態からものづくりの面白さを感じるまでの期間を短くするためには、実践的に理解する体験が重要だと考えたのです。そこで当社が注目したのがロボットキットを活用したエンジニア教育です。**

#### balloon kaneko left
ロボットキットのなかでも、はじめにレゴ® エデュケーション教材に着目した理由は？

#### balloon kashiwazaki right
大きく2つあります。**1つ目が、ハードウェアとして品質が安定している点です。**世界的メーカーのレゴ社が製造しており、モーターやセンサーなどフィードバック制御を行うために必要な機能が簡単に使えることと、レゴブロックで機体を組み立てるため、さまざまなモノを模して形を作りやすいという利点がありました。

#### balloon kashiwazaki right
**もう1つが、制御するためのソフトウェアの優位性です。**例えばアイコン型のビジュアル言語により、文系・理系を問わずさまざまな人たちに取り組みやすいツールになっています。動かしはじめて1時間もすればみなさん使い方に慣れてきますので、すぐに本来の課題に注力することができるのです。

## 「腹落ち感」を醸成し、行動変容を促す

#### balloon kaneko left
現在もロボットキットを活用した研修を数多く提供されているとのことですが、どのようなテーマで実施しているのですか？

#### balloon kashiwazaki right
**代表的なテーマが『システム開発体験研修』と『データ分析プロセス実践研修』です。**前者は要求分析、設計、実装、テスト、納品まで一連の開発工程を、5日間で体験していただく内容です。以前はIT系企業を中心に導入いただいていましたが、昨今はDX推進の流れから、多様な業種のお客様にもご提供する機会が増えています。

#### balloon kashiwazaki right
後者に関しては、データをビジネスに活用する際に必要となるデータ処理・分析のスキルを高めていただくことを目的としています。ロボットキットを用いて、データ分析プロセス（CRISP-DM）の流れを可視化して学ぶ点が特徴で、データマイニングのプロセスをはじめとしたデータ分析に関する概念を習得したのちに、製造ラインの課題に対するデータ分析を実践してもらいます。

#### balloon kaneko left
これらの研修は主にどのような階層の社員を対象としているのでしょうか？

#### balloon kashiwazaki right
**システムの全体像を知るという目的で実施する場合は、新入社員や若手社員が多いですね。一方で、ハードウェアとソフトウェアの組み合わせを理解する目的の場合は、中堅以上の社員の方が対象となるケースが増えています。**特に最近は、機電系のエンジニアの方々にもソフトウェアに対する理解を深めてもらいたいというニーズが高まっています。これまでハードウェアをベースに作ってきたものに、ソフトウェアやAIを組み込んでいくような技術転換の流れのなかで、ロボットキットを活用した研修に注目が集まっている印象です。

#### balloon kaneko left
研修の目的が変わるにつれて、受講者の幅が広がってきたのですね。ロボットキットを用いた研修で、大切にしている考え方はありますか？

#### balloon kashiwazaki right
**当社の事業理念にも掲げている「情報技術を通じた感動体験の創出」に重きを置いています。**研修はその場限りの学びになってしまいがちです。しかし、私たちはその後の行動変容に結びつけることを大切にしています。そのためには、“腹落ち感”が必要だと考えており、**「目に見えない裏側の仕組みが理解できて楽しい」「自分のチームに持ち帰ってこんなふうにしてみよう」といった自分の心が動く経験が必要だと思うんです。「心が動く場」を提供することが、私たちのミッションです。**

#### balloon kaneko left
なるほど。“腹落ち感”の醸成を促すためにも、ロボットキットの活用が有効なんですね。

#### balloon kashiwazaki right
まさにそうですね。頭で理解している事柄と、実際の行動との間にはギャップが生じがちですが、それを埋めるための1つの手段がロボットキットだと考えています。**思考と現物を動かす行為のつながりこそが、ものづくりやソフトウェアの理解には欠かせません。**

#### balloon kashiwazaki right
また、**チームでの開発を体験しやすいこともロボットキット活用の大きなメリット。**互いの状況や周囲の動きを確認しながらプロジェクトを進めることで、チームワークやコミュニケーションの重要性に気づけるという声をよくいただきます。

## 現場での実践に役立つ、研修での学び

#### balloon kaneko left
ロボットキットを用いた研修で得た知識やスキルは、実際の現場でどのように活かすことができますか？

#### balloon kashiwazaki right
1つが、**ハードウェアとソフトウェアのつながりを理解して開発案件に取り組むことができようになります。**研修では単に「システムが動いたらOK」ではなく、ゴールを踏まえて設計し、実装する体験を行うため、設計と実装のつながりが見えやすくなる特徴もあります。その結果、**開発現場で発生しがちな仕様変更や拡張などの問題に対し、柔軟に対応することの重要性に気づくことができます。さらに、役割分担やコミュニケーションの重要性、優先順位の決め方などを体験することで、チーム開発に活かす効果もあると考えています。**

#### balloon kaneko left
どのような課題感からロボットキットを用いた研修を導入される企業が多いのでしょうか。

#### balloon kashiwazaki right
**『システム開発体験研修』に関しては、受講対象となる社員に技術レベルのバラつきがあっても開発業務において自身の役割を理解できるようになってほしいというニーズが多いですね。**例えば文系や理系、プログラミング経験の有無を問わずにエンジニア職を採用している企業の場合、未経験者をスタートの段階である程度のレベルに引き上げたいと考えているクライアントが多い印象です。

#### balloon kashiwazaki right
**『データ分析プロセス実践研修』については、特にビジネスにおけるデータ活用に不慣れな非エンジニアの方に、データの集め方や分析の仕方を習得してほしいというニーズが多いですね。**一般的なデータ分析系の研修では既存のデータをもとに分析を行うケースが多いと思いますが、当社の場合はその場でデータを集める体験もしてもらいます。バラつきを踏まえていかにデータを取捨選択するのか、見極めの練習にもなりますので、より納得感や腹落ち感を得られやすいのではないでしょうか。

## 「感動体験×テクノロジー」を、多くの人に届けたい

#### balloon kaneko left
アフレル様では「ロボットコンテスト（以下、ロボコン）」の開催にも力を入れています。

#### balloon kashiwazaki right
はい。社会人エンジニアと学生が、同じ競技で“制御”と“設計図（モデル）”の2つの技術要素で競い合う『ETロボコン』や、世界の小中高生による国際ロボット競技会『WRO』などに関わってきました。

例えば、ロボットキットを用いた研修は最長で5日間程度ですが、ロボコンの場合は半年先や1年先の目標に向けてチームで試行錯誤しますので、より実際の開発現場に近い経験ができます。また、実際の開発では納期やお客様の要望があるため失敗できませんし、チャレンジもしづらいという側面があるでしょう。一方で、**ロボコンであれば、安心・安全な場でさまざまな挑戦ができるので、より深い成長の場を提供できると考えています。**

#### balloon kaneko left
「成長」のお話もありましたが、御社が考えるこれからのエンジニアに求められるマインドやスキルについて教えてください。

#### balloon kashiwazaki right
**まず、失敗を恐れないことです。**当社の研修やロボコンにおいて「安心・安全な場 であること」を強調しているのは、まさにここにつながっていて。実践を繰り返して問題解決につなげることが大切であり、ミスを恐れず試行錯誤する姿勢が大切だと思います。

#### balloon kashiwazaki right
**もう1つ大切なことが、課題を抽出し、設定する力です。**技術のめまぐるしい変化や多様化により、今までのように一度決めた仕様が長く有効であることが少なくなってきていると感じています。**現代のエンジニアには、各自で課題を見つけて設定し、どう解決するかを考えていくスキルが求められているといえます。解決手段を増やすためにも、俯瞰的に物事を見る力や視点を鍛える必要があると感じます。**

#### balloon kashiwazaki right
以前、当社の研修を受講された大手ソフトウェア会社のエンジニアの方が、「自分たちが作っているシステムがユーザーにどう役立っているか、これまであまり考えていなかったかもしれない」とおっしゃっていました。みなさんが作っているシステムの価値を紐解いていくと、ユーザーのさらなるニーズも見えてきますし、課題に対する打ち手の選択肢も増えていく。ひいては、仕事のやりがいを高めることにもつながります。そのような意味でも、視点を切り替えるスキルは重要だと考えています。

#### balloon kaneko left
視野を広げたり、視座を高めていくために、どんなアクションが必要だと考えますか？

#### balloon kashiwazaki right
**できるだけ社外との接点を増やすことだと考えます。**例えば外部のラボなどに参加をして、興味の糸口を見つけていくことも有効なのではないでしょうか。あとは、最近ですと社内で部活動やプロジェクトを立ち上げる企業も増えていますし、組織内で互いの知見を高め合うような場も活用できるといいですよね。

#### balloon kaneko left
今後アフレル様が目指す世界について教えてください。

#### balloon kashiwazaki right
昨今は、業種・職種を問わず「どうテクノロジーをビジネスに活用すればいいのか」模索している企業様が多い印象です。そういったニーズに応えるためにも、**非エンジニアの方々も含めより多くの方に、「感動体験」と「テクノロジー」を組み合わせたサービスを届けていきたいですね。**

#### balloon kashiwazaki right
「感動」は心が動くという意味合いだけではなく、個々人の期待値を超える体験を提供できるかどうかが大切だと考えています。いい意味でみなさんの期待を裏切れるような、既存の枠組みにとらわれないサービスを今後も展開していく予定です。

12年勤務した大手人材会社を退職後、フリーランスライターに転身。会社員時代からIT業界のクライアントとの相性がよく、さまざまなIT系企業の採用活動支援や、エンジニアのスキル開発・育成支援業務に携わってきた。いまの一番の関心ごとは、子ども向けプログラミング教育の未来について。

金子 茉由

柏崎さん

腹落ち感を醸成し、行動変容を促す。アフレルが描くロボットキットを活用した研修の未来

デザイン思考の先駆的存在である米IDEO社の大規模なレイオフや日本法人撤退に伴い、「デザイン思考の終焉」という言葉も囁かれる今日この頃。一方で、「エンジニアリング」と「デザイン」の考え方は、密接に関連しているとも言われます。

今回は、デジタル領域のUI/UXデザインやプロダクト開発に強みを持つ株式会社グッドパッチにて、エンジニアを務める藤井 陽介氏と内田 啓太氏にインタビュー。同社が考える「デザインの視点」や、エンジニアリングの現場における活用方法などを伺いました。

株式会社グッドパッチ DesignDiv - Engineer
東京大学大学院情報理工学系研究科コンピュータ科学専攻修士課程を修了後、2021年グッドパッチに新卒入社。主にiOSエンジニアとしてクライアントワークに従事しながら、副業で在学中立ち上げに関わったオンライン劇場ZAのWebフロントエンドやサーバーサイドの実装も行う。また社内では、教育系インターンの経験を生かしエンジニアリング研修の設計・運営を担当。コンピュータ科学の経験と、デザインへの理解をもとに、「いいデザイン」を素早く動くものにするのが得意。

株式会社グッドパッチ ProductDiv - Frontend Engineer
奈良先端科学技術大学院大学 先端科学技術研究科の修士課程を修了後、2023年グッドパッチに新卒入社。自社サービスのオンラインホワイトボード「Strap」の開発・デザインを担当。コネクター機能の改善やPPTX書き出し機能などの開発、提案を主導。

学生時代のグラフィック、モーション制作、Webデザインのアルバイト経験での学びをベースに、学生ベンチャーとして企画、コンセプト立案、体験設計などの広義のデザインも経験している。

## グッドパッチが重視する広義の「デザインの視点」

#### balloon kaneko left
まずはお2人の業務内容を教えてください。

#### balloon gp_fujii right
iOSエンジニアとして、クライアントワークを中心に従事しています。具体的には、アプリのグロース段階で企画や実装に携わったり、プロトタイプを作って検証チームに連携したり。最近はテクニカルディレクターとしてデザインフェーズからプロジェクトに参画し、デザイナーと相談をしながら実装作業を進めています。

#### balloon gp_uchida right
私は自社プロダクトのエンジニアとして、オンラインホワイトボード『[Strap](https://product.strap.app/)』の開発設計を担当。特に、ホワイトボード上におけるコラボレーション機能の開発に携わっています。

#### balloon kaneko left
藤井さん、内田さんはエンジニアとして「デザインの視点」を重視した開発を得意としています。グッドパッチでは、「デザインの視点」をどのように解釈していますか？

#### balloon gp_fujii right
「デザイン」という言葉には大きく2つの意味合いがあり、1つが「狭義のデザイン」です。みなさんがイメージしやすい“見た目を綺麗に整えること”や“スタイリングをすること”などが、狭義のデザインに当てはまります。

#### balloon gp_fujii right
一方で**当社が大切にしているのは「広義のデザイン」の視点です。見た目や表層的なデザインにとどまらない、本質的な課題解決やより良いユーザー体験の創出を目的としたデザインを指しています。**

#### balloon gp_uchida right
デザインという言葉自体にはさまざまな解釈がありますが、本質的には人が抱える課題に向き合い、解決していくプロセスがベースにありますよね。

#### balloon gp_fujii right
そのような意味では、エンジニアリングも「広義のデザイン」の一種だと言えるかもしれません。**エンジニアも日々の開発業務のなかで、ユーザーのどんな課題を解決したいのか、ユーザーにどういう感情を受け取ってもらいたいかを意識した設計を行っているはずですから。**

#### balloon kaneko left
なるほど。ユーザーに寄り添った考え方が「デザインの視点」の基本ということですね。

#### balloon gp_uchida right
はい。エンジニアが課題解決を行う際も、ユーザーが何に困っているのか、何を望んでいるのか、どうすれば喜んでもらえるかを思考する場面が多いのではないかと思います。**それらの思考プロセスこそが、「デザインの視点」そのものだと考えています。**

## 「デザインの視点」はエンジニアにも求められる

#### balloon kaneko left
普段エンジニアが無意識に取り組んでいることが、実は「広義のデザイン」につながっているのですね。

#### balloon gp_uchida right
そうですね。お客様からヒアリングする、ニーズを調べる、使いやすい設計にする、組織がうまく回る仕組みを考える。人にとって、社会にとってプラスに働くアクションに対して「デザイン」という言葉をつけることで、曖昧な概念に対して共通言語が生まれるわけです。「デザイン」という言葉で議論できるようになると、デザイン業界に閉じてしまっている、広義のデザインに対して有効なノウハウを活用できるようになると思います。**エンジニアが開発を進めるうえでは他職種との連携が不可欠ですから、プロジェクト内での認識をそろえるという点でも「デザインの視点」は有効だと思います。**

#### balloon kaneko left
共通言語というお話がありましたが、職種間などで「デザインの視点」に関する認識のズレが生じるのはなぜでしょうか？

#### balloon gp_uchida right
やはり、デザインという言葉に対する解釈の違いが大きいと思います。英語の「Design」は広義の意味で解釈されることが多いのですが、日本語の「デザイン」は表層的な意味合いが強いですよね。

#### balloon gp_fujii right
そう思います。余談ですが、先日参加したGoogle社のイベントで、Designという言葉が日本語訳ではすべて「設計」となっていたことに驚きました。まさに「広義のデザイン」を指していて、ここでは“デザイン＝設計”のニュアンスで使われているんだな、と。

#### balloon gp_uchida right
人によって、または職種によって「デザイン」とするか「設計」とするか、温度差があるがゆえに認識がずれてしまうのかもしれません。当社では設計のプロセスも含めて「デザイン」と表現する傾向がありますが、まずはとらえ方のすり合わせを行う必要があると思います。

## エンジニアならではの強みを活かした提案

#### balloon kaneko left
グッドパッチの社内では、どのような手法で職種間の認識合わせを行っていますか？

#### balloon gp_uchida right
基本的に、エンジニアとデザイナーがよくコミュニケーションを取る文化がありますよね。 

#### balloon gp_fujii right
そうですね。例えば、2～3年前から「[エンジニアオフィスアワー](https://goodpatch-tech.hatenablog.com/entry/about-engineer-office-hours)」という施策を打ち、職種の垣根を超えてエンジニアに相談できる体制を整えています。当社でクライアントワークを行うデザイナーは、グッドパッチ以外のエンジニアと連携する機会もあり、社外のエンジニアには聞きづらい専門的な知識などを質問されるケースも多いですね。

#### balloon gp_fujii right
そのほかにも、エンジニア視点での「UIレビュー」や、エンジニアとデザイナーが同じ画面を見ながらリアルタイムにデザインを行う「ライブデザイン」など、1つのプロジェクトにおけるコミュニケーションの密度を高めることにも注力しています。

#### balloon gp_uchida right
自社プロダクト事業に関しては、チームメンバーの入れ替わりが少ないため、最初のマインドセットやプロジェクトの目的など、共通認識を持ちながら開発しやすいという側面があります。だからこそ、エンジニアからデザイナーに対してデザイン面での提案を気軽にできますし、その逆のパターンもあります。互いに質問や相談をしやすい関係性が作られている点が特徴的ですね。

#### balloon kaneko left
お2人が開発に関わったプロジェクトで、特に「デザインの視点」を活かした事例はありますか？

#### balloon gp_uchida right
例えば『Strap』には、図形同士をコネクターでつなぐ機能があります。そのリニューアル開発の際に、**エンジニアがユーザーからのフィードバック履歴を読んだり、ユースケースを整理するなど、広義のデザインの視点から関わりました。**

#### balloon gp_uchida right
そのうえで、まずはエンジニアがプロトタイプを作成し、デザイナーと相談しながら手触り感や体験を改善していくプロセスをとったんです。**触り心地やユーザー体験などを直接数値や仕組みで調整できるのは、エンジニアならではの強みです。**その結果、製品の品質が格段に高まり、ユーザーからも「使いやすい」という声をいただくことができました。

#### balloon gp_uchida right
また、仮にデザイナーから開発難度の高い機能を提案されたとしても、デザイナーと同じ目線で「ユーザーに提供したい価値」を考えることができれば、期待する価値を維持したうえで開発難度の低い代案を提示できる可能性もあるんです。

#### balloon gp_fujii right
同様に「狭義のデザイン」においても、エンジニアならではの強みが発揮できると考えています。例えば、iOS、Android、Webなどプラットフォームごとのお作法の違いはエンジニアのほうがよく理解しています。そのような知識を踏まえてデザイナーにデザイン上の問題点を伝えたり、代替案を提案したりなど、エンジニア側からアプローチするケースも多々ありますね。

## ユーザーの視点に立ち、意図を持った設計を行う

#### balloon kaneko left
お2人の経験上、「デザインの視点」はどのように磨いてきたのでしょうか。

#### balloon gp_fujii right
正直、普段のものづくりの過程で学んでいった部分が大きいのですが、主に狭義のデザインに関しては「デザインの4大原則」の考え方を参考にしています。**「近接」「整列」「対比」「反復」という4つの要素に基づく概念を学んだことで、UIフレームワークのコンポーネントの役割やプロパティの意味を深く理解したうえで、デザイナーの意図を汲んだ選択や実装ができるようになりました。**特に『ノンデザイナーズ・デザイナーブック』という書籍は、狭義の「デザインの視点」を学ぶうえで役立ちました。

#### balloon gp_uchida right
『ノンデザイナーズ・デザイナーブック』は私も読みました。ほかにも『インタフェースデザインの心理学』『UXデザインの法則』『なるほどデザイン』などの書籍は、学術的または論理的に説明されているため分かりやすく、個人的に参考になりました。

#### balloon gp_uchida right
一方で広義の「デザインの視点」は、本を読んでステップどおりに行えばできるような、体系化されたものではありません。**常に「使う人がどう感じるのか」という観点に立ちながら、意図を持って設計していくことが大切です。**

#### balloon gp_uchida right
特にエンジニアは製品の内部構造を知っているがゆえに、ユーザーにとって分かりにくいものであっても、分かりやすいと評価してしまう傾向があるように思うんです。内部構造を理解していない人にはどのように見えるのかを考える点でも、「デザインの視点」は有効なのではないでしょうか。

#### balloon gp_fujii right
エンジニアのみなさんは、日常的に「開発者が開発しやすいように」「開発者が変わってもメンテナンスがしやすいように」といった目的でプログラムのアーキテクチャ設計を行っているはずです。それこそがまさに「デザインの視点」であり、目的の部分をユーザーに置き換えてみると、分かりやすいのではないかと思います。

## あらゆる営みがデザインにつながる

#### balloon kaneko left
今後、「デザインの視点」の重要性をどのように展開していきたいですか？

#### balloon gp_fujii right
**広義の「デザインの視点」に関しては、どんな職種のビジネスパーソンにも必要な考え方だと思います。実際に当社はかねて「[デザインの5段階モデル](https://goodpatch.com/blog/the-processes-of-design)」をはじめ、イベントやカンファレンスでの登壇などを通じて、広義のデザインの視点について提唱していますし、あらゆる営みが実はデザインなのだという点を、これまで以上に発信していきたいですね。**

#### balloon gp_fujii right
エンジニアのみなさんも、例えばFigmaなどを使っても表現しきれない触り心地や、ユーザーの反応に意識を向けてみる。エンジニアが得意とする高速化などもユーザーの体験を良くする「デザイン」の1つですので、まずは身近な領域から取り組んでみるとよいのではないでしょうか。

#### balloon gp_fujii right
生成AIの進化にともなって、手書きの絵からUIの実装コードを自動で書き出すなど、便利な機能に注目が集まるようになりました。多くのエンジニアからは“仕事が楽になる”という声もあがっているようですが、私個人としては、人間だからこそ工夫できる事柄があると思いますし、その楽しさをもっとたくさんの人に感じてもらいたいですね。

#### balloon gp_uchida right
**『Strap』の開発者としては、本プロダクトを通じて「デザインの視点」を活かしたチームを世の中に増やしていくことが目標です。**というのも、『Strap』はただのオンラインホワイトボードツールではなく、業務プロセスや思考を整理・見える化し、情報資産としたうえで、それを活用してくためのプラットフォームだからです。

#### balloon gp_uchida right
チームの全員が共通の目標に向け、同じものを見ながらコラボレーションをする。その過程で、デザインのプロセスの1つである「視覚化」を誰もが簡単に実践する。**職種の垣根を超え、さまざまなビジネスパーソンのみなさんに気軽にデザインの体験をしてもらうことで、当社が考える「デザインの視点」の価値を届けていきたいなと思います。**

藤井さん

内田さん

日常のあらゆる営みがデザインにつながる。エンジニアならではの「デザインの視点」とは？

リモートワークが広がり働く場所が自由になったことで、PCや周辺機器、デジタルガジェットを持ち運ぶビジネスパーソンをよく見かけるようになりました。特に昨今はオフィスカジュアルも普及し、より機能的でスタイリッシュなビジネスバッグを求めるエンジニアの方が増えているようにも思います。

そこで今回はエンジニアにおすすめのビジネスバックをご紹介します。話を聞いたのは、これまで数々のPCバックを開発・販売してきたエレコム株式会社でサプライチームのリーダーを務める児野 健亮氏と、同チームの大嘉 真伍氏。二人が厳選するおすすめのビジネスバックとは？

取締役社長：柴田 幸生
設立： 1986年5月
従業員数：676名（2022年3月31日現在）
HP：https://www.elecom.co.jp/

## エンジニアに最適なビジネスバッグの選び方

### ビジネスバッグのデザイントレンド

#### balloon kishi left
まず、最近のビジネスバッグのトレンドについて教えていただけますか。

#### balloon chigono right
外見では表側にポケットやファスナーが見えないような、シンプルなデザインが人気になっていますね。素材は、ツルッとしたポリエステル系の生地よりも、カジュアル系の生地を使ったバッグが選ばれる傾向にあります。

#### balloon kishi left
カジュアル系の生地というのは、どのような素材なのでしょうか。

#### balloon ooka right
「ファブリック系の生地」と私たちは呼んでいますが、いわゆる杢調（※）と呼ばれるような布地です。黒いバッグであってもベッタリとした黒一色ではなく、黒と少し薄いグレーが混ざっているような、やや軽やかな印象の素材です。

~~※杢調……濃淡2〜３色の糸を織り交ぜた生地の色で、仕上がりは霜降り効果を持つミックス色となる。メランジとも呼ばれる。~~

#### balloon kishi left
なるほど。カジュアルな雰囲気のビジネスバッグが選ばれるようになったということですね。このあたりは、やはりオフィスカジュアルの浸透が大きく影響しているように思われます。

### ビジネスバッグを選ぶときのポイント

#### balloon kishi left
ビジネスバッグを選ぶポイントも教えていただきたいと思います。大前提としてPCをしっかり守れる機能性が重要ですが、その他にどんなことがありますか。

#### balloon chigono right
**ビジネスバッグ内にはパソコンの他にデジタルガジェットや書類なども入れることが多いので、それらをきちんと分けて収納できることが重要です。**バッグ内が一つの空間だと、バッグの中で荷物が動いて下に溜まってしまうんですね。

#### balloon chigono right
バッグ内の空間を「気室」といいますが、上下で気室が分かれていると上下に収納できます。また、別の小さいポケットが付いていれば、モバイルバッテリーや充電ケーブルを仕舞えるので、すぐに取り出すことができます。

#### balloon ooka right
荷物へのアクセスは重要なポイントです。細かいポイントですが、バッグの背面にキャリーバッグに固定できるベルトが付いているのも便利です。

#### balloon kishi left
出張のときなどに便利ですね。ビジネスバッグの開発でこだわっているのはどんなことですか？

#### balloon chigono right
当社でモバイルバッテリーや充電器なども取り扱っていることもあり、周辺機器も持ち歩けるようにバッグ作りをしています。**他社製品に比べて、周辺機器を収納できるポケットやスペースを完備していることが、エレコムのバッグの特徴だと思います。**また、基本的に全てのビジネスバッグにPC収納スペースを完備しており、撥水加工を施しています。

### ビジネスバッグの買い換え時期

#### balloon kishi left
ビジネスバッグの買い替えの時期についても教えてください。

#### balloon chigono right
使用頻度によりますが、ボロボロになるまで使い込むことはあまりないと思います。そのため、**買い換えのタイミングはバッグに入れる荷物が変わったときがいいのではないかと。**例えば、コロナ前は自宅にPCを持ち帰ることがなかったとしても、最近はPCに加えて充電器などの周辺機器まで一緒に持ち帰るケースが増えています。

#### balloon ooka right
他にも部署異動や配置替えなどで、通勤方法が変わるタイミングでもバッグは変えた方がいいかなと思います。例えば、自転車に乗って通勤するようになると、ブリーフケースよりも両手が空くバックパックの方が便利です。

#### balloon kishi left
なるほど。使用環境の変化に合わせて買い換えを検討すると良いわけですね。

## エンジニアにおすすめのバックパック3選

#### balloon kishi left
おすすめのバックパックについて教えてください。バックパックが人気の理由として、両手が自由に使えることがあげられますが、それ以外にもメリットはありますか？

#### balloon ooka right
 **たくさんの荷物を割と楽々持ち運べるというのが、バックパックの大きなメリットです。収納力が高く、その重さをバッグ全体に分散させられるので、体への負担は少ないかなと思います。**

#### balloon kishi left
エンジニアはPC以外にもいろいろな荷物を持ち歩くので、バックパックは王道ですね。

#### balloon ooka right
ええ。エレコムのバックパックも、PCを入れるコンパートメントが体に近い背中側に付いており、全体の重さを分散させています。**バッグ自体の重心を体に近づけられるので、体幹がぶれにくくなり体全体への負担を軽減できるのです。**

### “off toco（オフトコ）” 3WAY PCバックパック

~~カラー：ブラック、グレー、ネイビー　 標準価格：¥18,040（税込）~~

人気のある記事

新着記事

お役立ち記事