情報処理学会 インタラクション 2022
IPSJ Interaction 2022

2D03
2022/2/21

Sketch2Makizushi:ユーザースケッチによる飾り巻き寿司
調理支援システム大森 和1

舟橋 克樹1

吉田 匠吾1

彭 以琛1

謝 浩然1

岡田 将吾1

宮田 一乘1

概要：飾り巻き寿司とは断面が花柄やキャラクターのように見えるように調理した巻き寿司であり，海苔の上に酢飯や具材を適切に配置した後に巻いて調理する．独自のデザインの巻きずしを作成しようとする
とき，調理に必要な海苔の数やサイズ，酢飯の量などに加え，具材の配置などのレシピを考えるのは簡単ではない．そこで，ユーザーがイラストを入力すると，そのデザインに応じた巻きずしのレシピを計算し，調理方法をユーザーに提示することで，飾り巻きずしの調理を支援する既存の手法と比較してよりデザインの自由度に制約のないシステムを提案する．また，本システムによる支援がユーザーへどのような影響を与えるのか評価実験を行い，有効性を検証した.

1. はじめに料理は，味だけでなく色合いや見た目などもおいしさを構成する重要な要素となっている．見た目を工夫することで料理に新しい価値を与えるものとしてキャラ弁やラテアートが挙げられる．キャラ弁は弁当の見た目をキャラク
ターのイラストのような見た目にすることで食欲などを増進させ, 大人だけでなく子供にも食への興味を持たせるきっかけになることもある. しかし, このような通常とは

図 1 研究概要図

異なった調理方法をするような料理は調理する際に特有のコツや職人技などがあるため, 初心者にとっては調理が難を計算することで調理することができる．しかし，キャラしい. このような問題を解決するためにセンシングデバイ

クターのようにパーツの配置位置に規則性がないものは，スやコンピュータを用いて制作を支援するような研究が行形を維持するのが難しい．そういったときは図 2 のようにわれている. 例えば, スケッチしたデザインのキャラ弁の海苔の中心付近で完成形に近い状態になるようにパーツを作成支援 [1] を行っていたり, ミルクの注ぎ経路をアニメー盛っていき，最後に海苔を巻くといった方法がとられるこ

ションとして提示することでラテアートの作成を支援するとが多い．また，デザインによってはそれ 1 つで完結する

既存研究 [2] がある. キャラ弁やラテアートと似たようなパーツだけではなくパーツを階層的に内包しているパーツ

創作料理として，飾り巻きずしがある．飾り巻き寿司とはも存在する（本研究では前者を独立パーツ，後者を親パー

断面が花柄やキャラクターのように見えるように調理しツ，内包されているパーツを子パーツと呼ぶ）．レシピをた巻き寿司で，さまざまなバリエーションがあり，調理方作成するときは海苔の枚数やご飯の量だけでなく，このよ法も断面の形によってさまざまな種類がある．基本的に調うなパーツ同士の関係性も考慮しなければならず初心者に理は巻きすだれの上に敷いた海苔の上に酢飯を載せ，そのとって簡単な作業ではない．本研究ではユーザーが入力し上にパーツ（目や口などの具材のまとまり）を配置していたイラストに応じた巻き寿司のレシピを画像処理を用いてき，配置後に海苔で巻くことで完成するが，具材の配置の計算し, ユーザーに提示することで飾り巻き寿司の調理を仕方や具材自体に細工をすることでいろいろな形を表現で支援するシステムを提案する.

きる．例えば，花柄のようにパーツが円状に一定の規則で配置されているようなものは，海苔を巻く前の具材の配置
1

北陸先端科学技術大学院大学 先端科学研究科© 2022 Information Processing Society of Japan

2. 関連研究
制作を支援するような研究は数多く行われており、本研

264情報処理学会 インタラクション 2022
IPSJ Interaction 2022

2D03
2022/2/21

図 4

図 2

図 3 右側の調理過程, 海苔の中心付近で完成形に近い状態にな

システム概要図

断面になり，レシピ通りに調理することができた．実際にるようにパーツを盛っていき，最後に海苔で巻く飾り巻き寿司調理してみた結果，海苔のサイズや色ごとに必要な酢飯の調理法

量，パーツを調理する順番などのレシピがないと調理方法が全く分からないこと，調理方法がわかっていたとしても考えている通りに酢飯を盛ったりパーツを盛ったりすることは簡単ではないことが感じられた．また，巻いたときに酢飯と海苔の間に隙間が生まれてしまうと，海苔がしぼんだりしてしまうことによって整形が難しくなってしまうことを新しい知見として得た．

図 3

完成した飾り巻き寿司

4. 手法
4.1 システム構成

究のようなユーザーのスケッチを基に制作を支援するような研究 [1][3][5] も行われている。また、飾り巻きずしの調システム構成を図 4 に示す．システムは画像処理・レシピ計算側とレシピ表示の 2 つに分けられる．

理を支援する既存研究 [4] がある．この研究では，専用のエディタを用いてユーザーがデザインした巻きずしの完成

4.2 画像処理側

形から，巻く前のパーツの展開図と海苔，ご飯の量を計算

ここでは，入力された画像をもとに，飾り巻き寿司を構し，海苔にレーザーカッターを用いて配置図を印刷するこ成するパーツに分割する．そして，それぞれのパーツにつとで飾り巻きずしの調理を支援している．しかし，この手いて，飾り巻き寿司のレシピを作成する上で必要なパーツ

法では円柱状に分割した各層の上にしかパーツを配置するの内包関係，必要な材料の量，図形とレシピとの対応表のことができないためデザインに大きな制約が発生する．ま3 つの情報を出力する．

た，パーツの親子関係は考慮していないため，パーツを内包するパーツを作ることができない．

パーツの内包関係は，パーツの調理する順番を決める際に必要な情報である．まず，各パーツを独立パーツ，親本研究では，海苔の中心付近で完成形に近い状態になるパーツ，子パーツに分類する．また各子パーツについて，ようにパーツを盛っていき，最後に海苔を巻く方法を採用

親パーツを求め，各親パーツについて，内包している子パーすることで，デザインの幅を広げ, レシピをわかりやすくツの数を求める．飾り巻き寿司を調理する上で，親パーツ提示し, 初心者にも優しい飾り巻きずし調理支援システムを調理する際，内包している子パーツを先に調理する必要を提案する．

がある．パーツの内包関係を求めることで，正しいパーツ

3. 予備実験の調理順序を提示することが可能となる．
必要な材料の量は，各パーツごとにご飯の量と，海苔の予備実験として実際に飾り巻きずしを作成することで，サイズを求める．ご飯の量に関しては，前述の予備実験の巻きずし 1 本を調理する際に必要なご飯の量や盛り付ける

結果，全形海苔の 1/2（210mm × 95mm）に対して，260gときに気を付ける点などを調査する．作成する断面をアニのご飯を使用すると，巻いた後のご飯の密度と巻きやすさ

メキャラクターとし， [6] の動画を参考に調理する．まず，に関して，妥当なものが得られることが経験則からわかっ

食紅を使用して各パーツを調理する際に必要となる着色している．この結果をもとに，各パーツの面積によって，ごた酢飯とそれぞれのパーツに適したサイズの海苔を用意飯の量を求める．海苔のサイズに関しては，最終的に全体する．そして目や鼻などのパーツを調理したあとそれらのに巻く海苔のサイズを全形海苔の 1/2（210mm × 95mm）

パーツを図 2 のように酢飯とともに盛り付けていき，海苔とし，各パーツの周長によって，海苔のサイズを決定する．

を巻く．最後に細かくカットした海苔を目の中身やひげな調理者の海苔サイズ加工を容易にするため，表示単位は，どの部分として貼り付ける．完成した巻きずしの図を図 3

全形海苔の何分の一となるかで表す．また，予備実験の結に示す．少し形が崩れることもあったが，大方想定通りの果，海苔の分割数が細かすぎると，パーツの調理が困難と© 2022 Information Processing Society of Japan265

情報処理学会 インタラクション 2022
IPSJ Interaction 2022

2D03
2022/2/21なるため，最高分割数を 4 とし，それより小さいパーツは，海苔を巻き終わった後に，海苔をカットして調理することとする．

4.3 レシピ表示
Python 側から出力された CSV データと画像データをUnity 側で受け取り，図 5，6，7，8 のように表示する．レ
シピ表示は材料準備，独立パーツ制作，親パーツ制作の大きく 3 つの工程に分けて行う．

• 材料準備調理を始める前にあらかじめ炊いたご飯に食紅で色を付けたり，使用する海苔をカットしておく必要があるため，図 5 のように制作するパーツごとに必要な海図 5

飾り巻き寿司の調理に必要なご飯と海苔の量の表示画面

苔とご飯の量を提示する．

• 独立パーツ制作
各独立パーツの形状ごとに作り方を提示する．提示できる形状は円，楕円，半円，多角形であり，円，楕
円，多角形は図 6 に示すように酢飯を盛って海苔を巻いた後に任意の形に整形するように指示し，半円は図7 のように酢飯を盛って海苔を巻いた後に半分に切るように指示する．

• 親パーツ制作
親パーツは盛り付ける子パーツの位置まで酢飯を盛り，パーツを盛り付け，次の子パーツの位置まで酢飯を盛り付けることを繰り返すことで調理できる．表示側では図 8 のように画像を用いて順番に示す．

図 6

円，楕円，多角形パーツの調理レシピの表示画面

5. 評価実験
提案システムを評価するために，飾り巻きずし調理をしたことがない 2 名を対象とした評価実験を行った．被験者に図 9 のイラストの飾り巻きずしをレシピを何も提示しない状態で調理してもらったあと，提案システムを使用しながら飾り巻きずしを調理してもらい，調理後にレシピを何も提示されない場合と比較して，提案システムを使用する
ことで 1) レシピは参考になったか，2) レシピは見やすかったか，3) レシピによって調理が容易になったかアンケートを取る．

6. 結果

図 7

半円パーツの調理レシピの表示画面

図 10 にレシピを提示しない状態で調理された飾り巻きずし，図 11 に本システムを利用して調理された飾り巻きずしの例を示す．1) レシピは参考になったかについては，全ての被験者が参考になったと答えた．2) レシピは見やす
かったかについては，1 人の被験者が見にくいと答えた．
理由として，実際に飾り巻き寿司にご飯を盛るときは，底辺が平らであるのに対し，レシピの中のガイドイメージは

図 8 盛り付ける順番を表示する画面曲線となっているため，ご飯の盛り具合がわかりにくかっ© 2022 Information Processing Society of Japan266

情報処理学会 インタラクション 2022
IPSJ Interaction 2022

2D03
2022/2/21[4][5]

図 9

図 10

評価実験に使用する入力画像

図 9 の画像をもとに

図 11[6]and Guidance’, Nicograph International, 2020.
松隈詩織, ‘飾り巻き寿司のデザインと調理の支援システ
ムの研究’, 研究報告ヒューマンコンピュータインタラクション（HCI）, 2013, pp.1-7.
Haoran Xie, Yichen Peng, Hange Wang, Kazunori Miyata, ‘SketchMeHow: Interactive Projection Guided Task
Instruction with User Sketches’, HCI International 2021,2021, pp.513-527.
【 節 分 】恵 方 巻 に も ぴ っ た り ド ラ え
も ん 巻 き ず し!!!【 道 具 は 100 円 均 一 】，
https://www.youtube.com/watch?v=ce5rwgoRlPw，
参照 2021/12/21

図 9 の画像をもとにシステムを使用してシステムを使用せずに調理した飾り巻きずし

調理した飾り巻きずしたという意見があった．また，3) レシピによって調理が容易になったかについては，全員が容易になったと答えた．
飾り巻き寿司を調理する上で，海苔の大きさ，盛るご飯の量が想像しづらいため，レシピによってそれが表示ことは，とても効果的だという意見が得られた．

7. まとめ，今後の展望
本研究では絵柄やキャラクターの顔などを模した巻きずしである飾り巻きずしについて，先行研究ではできなかったより自由度の高いデザインに対応した調理支援システムを提案し，実装したシステムを用いて評価実験を行った．
結果として，レシピを表示することで，何も提示しないより飾り巻き寿司の調理を容易にすることができた．しかし，実際の飾り巻き寿司の状態と，レシピのガイドイメージの差が大きくわかりにくいという意見があり，レシピの表示方法について，再検討する必要があることがわかった．今後の展望として，うずまきや，線，曲線などの識別できる形状の増加や味や触感を考慮した使用具材の提案，レシピのガイドイメージを，実際に飾り巻き寿司を調理している
ときの状態に近づけることなどが考えられる．
参考文献
[1]

[2]

[3]

金山春香, 王寒歌, 彭以琛, 吉田匠吾, 謝浩然, 岡田将吾, 宮田一乘, ‘Sketch2Bento: スケッチベース弁当具材配置支援システム’, IPSJ Interaction 2021, 2021, pp.318-322.
河合桃花, 小玉周平, 高橋時市郎, ‘デザインテンプレートを用いたラテアートにおけるミルクの注ぎ経路提示シス
テム’，ITE technical report，43(9)，2019，pp.281-284.
Yichen Peng, Yuki Mishima, Yamato Igarashi, Ryoma
Miyauchi, Masahiro Okawa, Haoran Xie, Kazunori Miyata, ‘Sketch2Domino: Interactive Chain Reaction Design© 2022 Information Processing Society of Japan267