ブースアプリ開発裏話 〜pixivCanvasができるまで〜

Transcript

1. ブースアプリ開発裏話 〜pixivCanvasができるまで〜 wcaokaze pixivCanvas Development Lead After DroidKaigi 2026
2. wcaokaze わかおかぜ pixivCanvas開発リーダー Jetpack Composeが好き
3. pixivCanvasとは？ DroidKaigi 2026のピクシブブースで 展示したアプリ。 円形や四角形などのシンプルな図形を 組み合わせて絵を描くことができる
4. pixivCanvasとは？ DroidKaigi 2026のピクシブブースで 展示したアプリ。 円形や四角形などのシンプルな図形を 組み合わせて絵を描くことができる pixivCanvasは こちらから！
5. はじまり pixivCanvasは こちらから！
6. はじまり 「今年のアプリの開発リーダーを担当してください」 pixivCanvasは こちらから！
7. はじまり 「今年のアプリの開発リーダーを担当してください」 「全部好きにやっていいですよ」 pixivCanvasは こちらから！
8. はじまり 全部好きにやっていい • どんなテーマにする？ • どんなアプリにする？ • どうやって作る？ pixivCanvasは こちらから！
9. はじまり このときの気持ち • 20% • 80% pixivCanvasは こちらから！
10. はじまり このときの気持ち • 20% リーダーなんてやったことねえよ 「全部決めていい」って全部決めろってことでしょ 何もわからんな • 80% pixivCanvasは こちらから！
11. はじまり このときの気持ち • 20% リーダーなんてやったことねえよ 「全部決めていい」って全部決めろってことでしょ 何もわからんな • 80% まあやってみるか pixivCanvasは こちらから！
12. コンセプト決め pixivCanvasは こちらから！
13. コンセプト決め 昨年のブースで公開したアプリの反省を 活かして考えた pixivCanvasは こちらから！
14. コンセプト決め 昨年はクイズアプリを公開したが・・・？ pixivCanvasは こちらから！
15. コンセプト決め 昨年はクイズアプリを公開したが・・・？ • 難しすぎた pixivCanvasは こちらから！
16. コンセプト決め 昨年はクイズアプリを公開したが・・・？ • 難しすぎた • ピクシブっぽくない pixivCanvasは こちらから！
17. コンセプト決め 昨年はクイズアプリを公開したが・・・？ • 難しすぎた • ピクシブっぽくない • アプリのインストールはハードルが高い pixivCanvasは こちらから！
18. コンセプト決め 昨年はクイズアプリを公開したが・・・？ • 難しすぎた 今年はもっと楽しく！ • ピクシブっぽくない 今年はもっとピクシブらしいテーマで！ • アプリのインストールはハードルが高い 今年はWebアプリで！ pixivCanvasは こちらから！
19. コンセプト決め 結論 ブラウザ上で動作する、創作系のアプリ pixivCanvasは こちらから！
20. コンセプト決め • QRコードを読み取ったらすぐにブラウザで アプリが動作する • すぐに何かを作れる • 完成した作品を投稿したり 他の人の作品を見たりできる pixivCanvasは こちらから！
21. コンセプト決め 言うは易く行うは難し pixivCanvasは こちらから！
22. コンセプト決め • QRコードを読み取ったらすぐにブラウザで アプリが動作する • すぐに何かを作れる • 完成した作品を投稿したり 他の人の作品を見たりできる pixivCanvasは こちらから！
23. コンセプト決め • QRコードを読み取ったらすぐにブラウザで アプリが動作する • すぐに何かを作れる • 完成した作品を投稿したり 他の人の作品を見たりできる サーバーは？ pixivCanvasは こちらから！
24. コンセプト決め • QRコードを読み取ったらすぐにブラウザ で アプリが動作する 本当にできるの？ • すぐに何かを作れる • 完成した作品を投稿したり 他の人の作品を見たりできる サーバーは？ pixivCanvasは こちらから！
25. コンセプト決め • QRコードを読み取ったらすぐにブラウザ で アプリが動作する 本当にできるの？ • すぐに何かを作れる • 完成した作品を投稿したり 何かって何？ 他の人の作品を見たりできる サーバーは？ pixivCanvasは こちらから！
26. プロトタイプ作成 pixivCanvasは こちらから！
27. プロトタイプ作成 来訪者目線のブースアプリ体験を確認するための デモアプリを作成 1. ブースに来訪 2. QRコードを読み取る 3. 練習用の作品を作る 4. 他の人の作品を見る 5. 自分も作ってみる pixivCanvasは こちらから！
28. プロトタイプ作成 来訪者目線のブースアプリ体験を確認するための デモアプリを作成 1. ブースに来訪 2. QRコードを読み取る 3. 練習用の作品を作る 4. 他の人の作品を見る 5. 自分も作ってみる pixivCanvasは こちらから！
29. プロトタイプ作成 来訪者目線のブースアプリ体験を確認するための デモアプリを作成 円形や四角形などのシンプルな図形を組み合わせて 描いた絵をデモ用の作品とした pixivCanvasは こちらから！
30. 開発メンバー顔合わせ pixivCanvasは こちらから！
31. 開発メンバー顔合わせ デモアプリを見せて、どんなアプリを作りたいのか 構想をメンバー全員に共有 pixivCanvasは こちらから！
32. 開発メンバー顔合わせ デモアプリを見せて、どんなアプリを作りたいのか 構想をメンバー全員に共有 ＆ アイデアを募集 • 作ってもらう作品は何がいい？ • どんな機能がほしい？ pixivCanvasは こちらから！
33. 仕様の決定 pixivCanvasは こちらから！
34. 仕様の決定 メンバーから集めたアイデアを元に 来訪者に作ってもらう作品を決める pixivCanvasは こちらから！
35. 仕様の決定 重要視したのはこれらのポイント • 楽しさ • 簡単さ • 適度に不自由であること pixivCanvasは こちらから！
36. 仕様の決定 wcaokazeさんの 「図形を組み合わせてお絵かき」に決定！ pixivCanvasは こちらから！
37. 仕様の決定 wcaokazeさんの 「図形を組み合わせてお絵かき」に決定！ 出来レースだったのでは？ pixivCanvasは こちらから！
38. 仕様の決定 wcaokazeさんの 「図形を組み合わせてお絵かき」に決定！ 出来レースだったのでは？ 違います pixivCanvasは こちらから！
39. 仕様の決定 最後まで悩んだ案 「短歌投稿アプリ」 pixivCanvasは こちらから！
40. 仕様の決定 最後まで悩んだ案 「短歌投稿アプリ」 • 楽しい • 簡単 • 適度に不自由 pixivCanvasは こちらから！
41. 仕様の決定 最後まで悩んだ案 「短歌投稿アプリ」 • ピクシブってイラストだけじゃないよ pixivCanvasは こちらから！
42. 仕様の決定 最後まで悩んだ案 「短歌投稿アプリ」 • ピクシブってイラストだけじゃないよ • 合作もできる ◦ 上の句を投稿したら 他の人が下の句をつけてくれる pixivCanvasは こちらから！
43. 仕様の決定 最後まで悩んだ案 「短歌投稿アプリ」 なぜ採用しなかったのか？ pixivCanvasは こちらから！
44. 仕様の決定 最後まで悩んだ案 「短歌投稿アプリ」 • 日本語話者しか楽しめない pixivCanvasは こちらから！
45. 仕様の決定 最後まで悩んだ案 「短歌投稿アプリ」 • 日本語話者しか楽しめない • 技術的に簡単すぎる pixivCanvasは こちらから！
46. 仕様の決定 結局、「図形を組み合わせてお絵かき」が 一番コンセプトに適していた pixivCanvasは こちらから！
47. 仕様の決定 結局、「図形を組み合わせてお絵かき」が 一番コンセプトに適していた しかもすでに3割くらい完成している pixivCanvasは こちらから！
48. 仕様の決定 wcaokazeさんの 「図形を組み合わせてお絵かき」に決定！ pixivCanvasは こちらから！
49. 仕様の決定 機能アイデアもたくさん出してもらっていたが 大半は開発コストの都合で断念 pixivCanvasは こちらから！
50. 怒涛の開発期間 サーバーの使用申請、デザインの作成などの 諸々が終わったころには 1ヶ月半程度しか残されていなかった pixivCanvasは こちらから！
51. 怒涛の開発期間 メインの作品作成機能も半分はできてない pixivCanvasは こちらから！
52. 怒涛の開発期間 • 作品作成機能の半分 • 下書き保存機能 • 投稿機能 • みんなの作品閲覧機能 • 読みもの pixivCanvasは こちらから！
53. 最後に pixivCanvasは こちらから！
54. 最後に pixivCanvasは9月末まではアクセス可能！ ぜひ触ってみてね！