ホームページ モバイル ゲームのチュートリアル ゲームニュース ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

Aug 26, 2024 pm 02:41 PM

 2024年8月21日,ゲーム開発者向けカンファレンス「CEDEC 2024」で,セッション「ゲーム開発の知恵、教育アプリで花開く」が行われた。

 同セッションでは,LoiLo CEOの杉山浩二氏がゲーム開発で培ったスキルや経験を生かし,同社の教育用アプリ「ロイロノート・スクール」がどのように開発され,運営に至ったのかの経緯が紹介された。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

杉山浩二氏
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]


教員と児童・生徒を双方向につなぐ「ロイロノート」


 LoiLoが展開する「ロイロノート・スクール」(以下,ロイロノート)は,現在日本に存在する学校の約40%に導入されているという教育アプリである。2024年7月にはデイリーアクティブユーザー(DAU)が260万人に達するなど,教育界ではトレンドの渦中にあるようだ。

 ロイロノートが注目を集めたきっかけは,杉山氏によると,文部科学省が2019年に提唱した「GIGAスクール構想」にあったという。
 この構想は,全国の児童・生徒1人あたりに1台のPC(などの)端末と高速ネットワークを整備するという取り組みで,2019年以降,国内の学校には児童・生徒が授業で使う端末が順次導入されてきた。

 それに合わせて,ロイロノートも2020年から2021年にかけてDAUが急増し,今もなお数字を伸ばし続けているとのことである。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 ロイロノートはネットワークを介し,児童・生徒が課題を提出したり,回収した課題を教員が添削して返却したりといった双方向性のやり取りができる。ほかにも,教員が動画やPDF化した資料を配布したり,児童・生徒同士で協力して回答したりといったこともでき,さらには写真や動画,音声などの編集といったクリエイティブな使い方もできる。

 しかし杉山氏によると,用途の大半は「単に教員が児童・生徒から宿題を回収して,添削・返却するツール」として使われるケースがほとんどで,これに関しては社内でも大きな課題になっているという。

セッションの序盤では,聴講者が実際にロイロノートを使って課題を提出したり,新機能のゲームモードを使ってアンケートに答えたりする機会が設けられた
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024] ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024] ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]


ロイロノート開発に至るまでの経緯


 杉山氏は大学生時代,映像学科を専攻していた兄と一緒に趣味で動画作りをしていたそうだ。こちらは2000年代前半のことで,当時は現行機とは比べものにならない低スペックなPCで作業していたという。現在でもそれなりに高スペックなPCが求められる動画編集なだけに,感想としても「動作が遅いし重いしで,やりたくなかった」と述べていた。

 あるとき杉山氏は,ゲームも動画編集とほとんど同じ処理で動いていることに思い至った。同じ処理のはずなのに,なぜゲームはリアルタイムで動き,動画編集だけあんなにも重いのか。それはゲームがGPUベースで動作しているのに対し,動画編集はほぼCPUベースで動いていたからだ。そこで杉山氏は「GPUベースの動画編集ソフトをつくれば,リアルタイムで動画を編集できるのではないか」と考えたらしい。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 試しにGPUベースの動画編集ソフトを自作したところ,狙いどおりのものが生まれた。リアルタイムで動画編集できる,つまり誰でも動画が作れるようになると考えた杉山氏は,兄と共同で「一億総放送局化を実現するノンレンダリング映像ソフト“回向”開発」というテーマで,2006年に未踏ソフトウェア創造事業(当時)に応募し,見事採択された。

 未踏ソフトウェア創造事業に採択された杉山氏らは,そこで新しい動画編集ソフトを作ることとなった。だがリアルタイムで動画編集できるといっても,UIが既存のPremierと同じだったら誰もが使えるほどのハードルにまでは下がらない。どんなUIにすればいいのか悩んだ杉山氏だったが,ヒントは当時プレイしていたRTSにあった。
 そのRTSでは,ユニットにカメラをズームインすると3Dモデルが表示され,ズームアウトすると2Dアイコンが表示されたという。

 それを目にした杉山氏は,動画を始めとするデータは非常に抽象的な概念であり,一般の人たちにはよく分からないものなので,「データをゲームのキャラクターのように具体性を持つものとして見せたら,もっと理解しやすくなるのでは」と考えたとのこと。
 そしてロイロノートの前身となるUIの開発がスタートし,2008年には「Super LoiLoScope」がリリースされる運びとなった。当時はGPUを汎用処理に使う事例はあまりなく,またUIもゲームをヒントにしたことから,「かなりゲームから着想を得たソフト」と話した。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 Super LoiLoScopeの開発当時,メンターから「ソフトウェアは経験商材だから,経験を積んだユーザーはほかに乗り換えない」「競合製品との互換性をもっとも重視しないといけない」と指摘されたエピソードも語られた。つまるところ,既存のソフトと互換性のあるUIにしないと,そもそも使ってもらえないと言われたわけだ。

 杉山氏は「実際,その言葉は正しい」と咀嚼しつつも「ただ,それはPremierやFinalCut Proを使いこせる人にしか当てはまらない」と指摘する。そして,これら既存のソフトを使いこなせる人は意外と少ない。したがって,動画編集をやりたいと思ってもソフトを使いこなせなかった人にもっと注目を向けるべきだ,という見解を導き出した。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 実際,一般の人たちが持つPCのリテラシーは,PCを日常的に使っている人が想像するよりもかなり低いと言われる。

 杉山氏も,OECDが2011年に実施した国際成人力調査で,レベル3(最大レベル)の「ITによる問題解決スキル」を持つ人が,日本人の8%(OECD加盟国平均では5%)しかいなかったことを指摘し,「PCを使える人は実はすごく少ない」と語った。なお,同スキルのレベル3の内容は「メールにきた申し込みを,Excelの表に転記できる」とのことだ。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 このように,PCに興味はあっても,ツールが使いづらくてこぼれ落ちた人はたくさんいるわけだが,そこをうまく取り込んだのが「スマートフォン」であったと杉山氏は語る。実際,PCは使えずともスマホやタブレットを使えるという人は,高齢者を除けば珍しくない。

花火大会などのイベントで一般客が撮影する風景は,スマホ普及前だとほぼ見られなかった。しかし,今や多くの人が意識せずに高性能コンピュータを使っている
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 スマホがここまで一般に普及した理由のなかで,もっとも大きいのは「直感性」だったと杉山氏が論を述べる。

 一例として,杉山氏のお子さんは1歳5か月のとき,すでにタブレットを操作してYouTubeの動画を視聴できていたという。スマホのタッチUIはそれくらい誰にでも使える直感的なものだという証明だ。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 一方で,現在4歳になったお子さんは,まだPCのマウスやゲーム機のコントローラは使えないそうだ。杉山氏は「道具は使っているうちに自分の身体の延長のようになることもあるが,そうなるまでには修練が必要。結果として,扱いが難しいものなっている」と話す。

 ロイロノートにしろ,教員から「やっとPCの操作を覚えたのに,また新しいことを覚えなければならないのか」と言われることがあるそうだ。

 けれど,同アプリはPCとは異なる視点で,異なる使い方をするツールとして提案していた。杉山氏も実際に触った人から「使いやすい」と言ってもらえる想定で分析していたとしている。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 ここまでの考え方は,元バンダイナムコ研究所の“コヤ所長”こと小山順一朗氏のマーケティング論などに影響を受けていると説明された。

 杉山氏は,小山氏から学んだ「ヒット商品=新市場開拓商品」という概念に当てはまるものとして,スマートフォンやロイロノートを挙げ,「新しいUIやUXを提案し,今までのユーザーではない人にうまくマッチしてヒットした」と解説していく。

杉山氏は,小山氏のもとで「機動戦士ガンダム 戦場の絆」の開発を手がけていた
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 ゲーム開発では,気持ちよくプレイできる操作やUIを追求するが,一般的なソフト開発ではあまり重視されないことにも言及された。

 たとえばOfficeにしてもPhotoshopにしても,新機能はどんどん追加されるのに,決して使いやすくはならないと述べられる。これに関しては誰しも,ツールを問わず思い当たることが多そうである。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 また,そうした状況は前述の「ソフトウェアは経験商材である」ということとも関連する。つまり,ソフトを使いこなせる人にとっては一度覚えた操作が最も使いやすく,新たに覚えなければならない操作はどうやっても使いづらいというわけだ。
 杉山氏も,ロイロノートが小さくないヒットを飛ばしてしまったがゆえに,今後はUIに変更を加えることが難しくなると語っていた。

 セッションの終盤,杉山氏はゲーム開発では直感的で気持ちいいUI/UX作りが当たり前であることにあらためて言及した。
 その一方で,GAFAMを含む既存の企業は機能重視で,かつ既存ユーザーの存在に縛られるため新市場開拓は苦手であるとし,「新しいUI/UXは,これまで取り残されてきた多くの人に新しい提案ができる。そのとき,ゲーム開発の経験が生きる」とまとめ,講演を締めた。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

以上がゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

「ホワイトロータス」の星は、「平均」の後にSNLからまれな謝罪を受けます<🎜> 「ホワイトロータス」の星は、「平均」の後にSNLからまれな謝罪を受けます<🎜> Apr 15, 2025 am 11:29 AM

スカーレット・ヨハンソンがパイパーと同等のイヴァンカとして、そして実際のグレッグ、ジョン・グリスを登場させて、トランプとしてラトリフ家を持っています。問題は、サラ・シャーマンがホワイトロータスでエイミー・ルー・ウッドが演じたチェルシーとして現れたときでした。そこには

「Minecraft Movie」監督は、その混oticとしたチキンジョッキー上映を楽しんでいます 「Minecraft Movie」監督は、その混oticとしたチキンジョッキー上映を楽しんでいます Apr 14, 2025 am 11:10 AM

Minecraftの若いファンはミームに満ちた映画を愛していますが、この若い群衆がティクトクで見た他のスクリーニングの狂気を誇示しようとしているように見えるので、今では混乱が劇場で君臨しているので、ほとんどの人が少し言えます。 監督のジャレッド・彼

NYT Connections Hints Today:手がかり、2025年4月15日の回答 NYT Connections Hints Today:手がかり、2025年4月15日の回答 Apr 15, 2025 am 10:49 AM

Connectionsは、国民の注目を集めた最も人気のあるニューヨークタイムズワードゲームの1つです。ゲームは、「単語間の共通のスレッド」を見つけることです。 Wordleのように、接続はAFをリセットします

「The Last Of Us」シーズン2<🎜>要約とレビュー:私にはいくつかの懸念があります 「The Last Of Us」シーズン2<🎜>要約とレビュー:私にはいくつかの懸念があります Apr 15, 2025 am 11:08 AM

今シーズンは、それが基づいているビデオゲームと比較しているため、今シーズンだけレビューしたくありませんが、ソース素材を単に無視することも同様に不可能です。しかし、私の感情はゲームについてでしたが、それが多くのことを否定することはありません

新しい「Elder Scrolls Online」コンテンツパスは、非常に必要な変更を導入します 新しい「Elder Scrolls Online」コンテンツパスは、非常に必要な変更を導入します Apr 17, 2025 am 11:50 AM

私は、ある種の大きな変化がかなり長い間タムリエルの世界を打つのを待っていました。また、新しいコンテンツをリリースする方法を抜いた変化は、私が念頭に置いていたものではありませんが、頭を回すのに十分な大きさです。 上に

今日の「ワードル」#1394ヒント、手がかり、答え<🎜>、4月13日 今日の「ワードル」#1394ヒント、手がかり、答え<🎜>、4月13日 Apr 14, 2025 am 11:16 AM

土曜日のワードルのヒント、手がかり、答えをお探しですか?ここで見つけることができます: Forbestodayの「Wordle」#1393 4月12日土曜日のヒント、手がかり、回答 別の怠zyな日曜日は、春の栄光の中で私たちの前に広がります。それは1つです

NYTストランドのヒント、4月14日の回答 NYTストランドのヒント、4月14日の回答 Apr 15, 2025 am 11:30 AM

これを読んでいる場合は、ストランドを演奏するのに少し助けてくれるのを探しています。NewYork Timesの昇格したWord-Searchゲーム。言葉はから作ることができます

NYTの「ストランド」のヒント、4月15日火曜日のSpangramの回答 NYTの「ストランド」のヒント、4月15日火曜日のSpangramの回答 Apr 15, 2025 am 11:35 AM

Forbesnyt「ストランド」ヒント、スパングラム、4月14日月曜日の回答 ねえ、皆さん!今日のNYTストランドのヒント、Spangram、および4月15日火曜日の回答がすぐに現れます。 ストランドの遊び方 ニューヨークタイムズのストランドパズルはの劇です

See all articles