「渋い」を、抹茶で。
ハッカソンで
「抹茶振るネス」を作った2日間

午前は、チームの外で「渋い」を考えた

1日目の午前は、すぐに自分のチームで集まるのではなく、他のチームの人とも交流しながら「渋いとは何か」を考える時間でした。渋いをどう捉えるか、どんな方向に広げられるか、渋いからどんなアプリが思いつくか。チームの垣根を越えて話し、そのままアイデアソンをしました。

話してみると、同じ「渋い」でも見えているものが本当に違いました。

• 味の渋さ苦い・渋い。でも大人はそれを「おいしい」と感じる。
• 佇まいの渋さ派手じゃないのにかっこいい。落ち着いた所作や、水墨画のような引き算の美しさ。
• 「渋る」気持ちやったほうがいいと分かっているのに、腰が重くて手が出ない。

他のチームの捉え方を聞けたことで、見た目を和風にするだけの「渋さ」では弱いと気づけました。わたしたちが最後にたどり着いたのは、この3つを一度に満たす「抹茶を点てる」という行為です。味は苦く、所作は静かで美しく、そして「渋って」なかなか取りかかれない人が、作業の前に一杯点てることで「渋る」から「渋い」へ切りかえられる。テーマを飾りではなく、使う人の行動を変える理由にしようと決めました。

GitHub に残した記録の時刻と写真の撮影時刻をもとに、2日間を振り返りました。日付のタブで切り替えられます。

※ 時刻は GitHub の記録と写真の撮影時刻をもとにしています。記録のない時間帯は、おおよそで書いています。

午後にチームで集まってからは、午前に他のチームと話して広がった「渋い」を持ち寄り、一人ずつ案をホワイトボードに書いて、全員で ○・△・× をつけていきました。実際に出た案はこんな感じです。

• ×
  盆栽 × 子ども盆栽を育てる体験を子どもに
• ×
  味覚 × 渋い × 子ども苦い・渋い味に挑戦する「おとなの舌」
• △
  ししおどし × メッセンジャー一言だけを、間をおいて送る
• △
  失敗 × ジャーナル失敗を渋く振り返る
• ×
  渋い × SNS
• ○
  抹茶 × マインドフルネス→ これが「抹茶振るネス」になる
• ○
  衝動買い防止 × 干し芋育成→ 試作「ほしいも」
• ○
  コミュニケーション × 抹茶

決まるまでに、わたしは2つの案を実際に動くところまで作りました。話し合いだけで決めるより、触れるものがあるほうが、チームの判断が早くなると思ったからです。「ほしいも」は面白さはあったものの、テーマとのつながりが少し遠い。抹茶の案は、茶碗を回す・茶筅を振るという体の動きがそのまま操作になるのが強みでした。

夜にもう一度ホワイトボードで整理して、流れを「奥と手前を往復する →「の」の字を書く → iPhone を回す」に決め、泡の細かさは裏で点数にして変える、という今の形になりました。

名前は2回変わった

最後の「抹茶振るネス」は、マインドフルネスと「抹茶を振る」をかけた名前です。プレゼンでは「マインドフルネス」とルビをふりました。

ショート動画や SNS を開いて、気づいたら1〜2時間たっている。「意識の高いこと」をしたいのに、つい渋ってしまう。そんな人が、「渋る」のではなく「渋く」集中に入れるようにするアプリです。ねらいは、自分を高めたい・SNS 漬けから抜けたい学生と社会人です。

机に置いた iPhone を茶碗に、指を茶筅に見立てます。何かに取りかかる前に短い「儀式」をすると、そのあとがうまくいきやすく、緊張も下がる、という研究があり、その儀式に抹茶を点てる所作を選びました。

1. 

   1りきゅうさんが案内

   「渋々でいい。一杯たてたら、渋い時間が始まる。」

2. 

   2まっすぐ往復して点てる

   ていねいなほど、泡がきめ細かくなる。

3. 

   3茶碗を 90° ずつ2回

   iPhone ごと回すと、目盛りごとに指へ振動が返る。

4. 

   4ししおどしで集中

   講評のあと、タイマーで勉強や仕事へ。

本番で使ったスライドです。左右の矢印、スワイプ、キーボードの ← → でめくれます。それぞれのスライドで何を伝えたかも、下に添えました。

01 / 14

表紙

1. 01
2. 02
3. 03
4. 04
5. 05
6. 06
7. 07
8. 08
9. 09
10. 10
11. 11
12. 12
13. 13
14. 14

このチームは、わたしが「一緒に出よう」と声をかけて集まった、大学の仲の良い友達4人と自分の5人です。わたしはリーダーとして参加し、チームをまとめながら、アプリの実装も担当しました。

チーム名の「五人五色」のとおり、5人それぞれが違う色の役割を持っていました。リーダーとして意識したのは、全員の得意をそのまま活かせる分け方にすることです。リサーチとプレゼン、ペルソナ、デザイン、要件定義をそれぞれに任せ、わたしはみんなのアイデアやデザイン、要件を、実際に動くものにしていく係を引き受けました。普段から仲が良い分、遠慮なく「ここは違う」と言い合えたのも、短い時間で形にできた理由だと思います。

山脇翔太リーダー、コーディング（アプリの実装）

渡邊賢信プレゼン作成、リサーチ

大村尚輝ペルソナ分析、アイデア出し

冨樫颯太デザイン

前林慶敬要件定義書の作成、アイデア出し、一部バックエンド

実装係として気をつけたのは、意見をもらったら、すぐ実機で触れる形にして返すことです。「炭酸みたい」「規則正しすぎる」といった泡への感想も、ペルソナから出た「ホームはもっと簡単に」という意見も、数十分後には TestFlight の新しいビルドで確かめられるようにしていました。

※ アイコンは SPAJAM の公式キャラクター「SPAにゃん」です。

ていねいさを、数式で点数にする

心がよそへ行くと、リズムがばらつき、なぞる線もコースからそれる、という研究があります。そこで、指の往復のまっすぐさとリズムのそろい方から、「集中の目安」を点数にしました。

泡の描画を GPU へ移して、約 1/10 に

泡は液の流れに乗って全体に広がり、場所によってムラが出て、濃い緑から淡い抹茶色へ変わっていきます。最初は CPU で計算していたので処理が追いつかず、茶筅が指より遅れてついてくる状態でした。Metal のシェーダーに移したことで、1コマあたりの待ち時間が大きく減りました。

本物の所作を、センサーで再現する

茶道では、いただく前に茶碗を回します。この動きを、iPhone のセンサー（Core Motion）で読み取り、90° を2回まわすと次へ進むようにしました。目盛りを1つ越えるたびに Core Haptics で小さな振動を返すので、画面を見なくても回した量が指で分かります。

使った技術

ししおどしの音は Wikimedia Commons の自然の音（CC0・パブリックドメイン・CC BY-SA）を使い、作者名はアプリの設定画面に載せています。

1. リーダーとして、得意を活かす分け方にする声をかけて集めた5人だからこそ、全員が力を出せる形にしたいと思っていました。リサーチ・プレゼン、ペルソナ、デザイン、要件定義、実装と、それぞれの得意に合わせて任せたことで、同じ時間に5つの作業が並んで進みました。リーダーの仕事は全部を自分でやることではなく、みんなが動きやすい形を作ることだと学びました。
2. テーマは、チームの外で広げてから絞る午前に他のチームの人と「渋い」を話したことで、自分たちだけでは出てこない捉え方に出会えました。最初から一つの答えを探すより、一度大きく広げてから、使う人の行動につながるものに絞るほうが、テーマに深く答えられると学びました。
3. 話し合いより先に、触れるものを作る案が決まりきらないうちに「ほしいも」と「渋分」の2つを動くところまで作り、チームに触ってもらいました。言葉だけだと好みの話になりがちですが、触れるものがあると「これは楽しい」「ここは違う」と判断が早くなります。
4. 意見は、すぐ実機で返す泡が「炭酸みたい」「規則正しすぎる」と言われては作り直し、ペルソナから出た「ホームはもっと簡単に」もすぐ反映しました。振動・茶碗を回す動き・音は実機でしか確かめられないので、TestFlight で入れては触って直す、をくり返しました。実装係の仕事は、みんなの言葉を早く「触れる形」にすることだと感じました。
5. 作ったものを、削る勇気夜に仕様を書き直したとき、半日かけて作った季節の茶室や掛け軸、ランクなどを外しました。先に今の状態を残しておいたので、迷わず削れました。機能の多さより、一杯を気持ちよく点てられることのほうが大事だと、チームで同じ方向を向けました。
6. 締切から逆算して、仕上げの時間を守る2時間しか眠れない中で、最後の数時間は新しい機能を足すのをやめ、ししおどしの音を動きに合わせる、提出物を整える、といった仕上げに使いました。デモで触られるところの完成度が、伝わり方を決めると思ったからです。
7. 本物の所作を、技術で支える「ていねいさ」をまっすぐさとリズムの式で点数にし、泡の描画を GPU に移して指に遅れないようにし、茶碗を回す動きをセンサーで読み取りました。技術は目立たせるためではなく、所作が自然に感じられるように裏で支えるものだと学びました。

2時間しか眠れない2日間でしたが、他のチームにも徹夜で作っているところがあって、会場全体の熱量に背中を押されました。

テーマ「渋い」を、ただ見た目で表すのではなく、手を動かす所作そのもので感じてもらうところまで持っていけたのは、5人の違う色が集まったからだと思います。これからは、実際に毎日の作業の前に使えるように、泡と音をもう少し磨いていきたいです。

結構なお点前でした。読んでいただき、ありがとうございました。