NICE STALKERのイトウシンタロウによるTechBuzz_AndroidGames勉強会_2012.9.11にて発表したプレゼンのスライド資料です。 ニコニコニュースでも紹介され、公開4週間で1万ダウンロードを達成した人気アプリ「ヤンデレ小杉」の製作理由や過程などについて発表したプレゼン資料です。

1. コードが書けない人が
凶悪ノベルゲーム
「ヤンデレ小杉」を作ってみた

2. 自己紹介
• イトウシンタロウ
• NICE STALKER主宰
• 東京の小劇場界で劇作家・俳優として
活動。舞台作品を製作。
• 2008年、創作団体である、
NICE STALKER (ナイスストーカー）
を立ち上げて活動を開始。

3. アプリ製作開始時
• アプリ製作経験なし
• プログラム言語は一切わからない
• Android不所持 (ガラケー持ち)
※ 一 応 、 W E B 製 作 を や っ て い る の で 、
H T M L と C S S と 基 本 的 な 画 像 編 集 ( P h o t o s h o p ) は で き ま す
j a v a s c r i p t は ほ ぼ コ ピ ペ と 微 修 正 程 度 。

4. アプリ公開までの流れ

5. アプリ公開までの流れ
知識ゼロ(企画もゼロ・アプリ製作だけ決定)
↓

6. アプリ公開までの流れ
知識ゼロ(企画もゼロ・アプリ製作だけ決定)
↓
立ち読み(1時間)

7. アプリ公開までの流れ
知識ゼロ(企画もゼロ・アプリ製作だけ決定)
↓
立ち読み(4時間) → 製作(1ヶ月)

8. アプリ公開までの流れ
知識ゼロ(企画もゼロ・アプリ製作だけ決定)
↓
立ち読み(4時間) → 製作(1ヶ月) → 公開

9. アプリ公開までの流れ
知識ゼロ(企画もゼロ・アプリ製作だけ決定)
↓
立ち読み(4時間) → 製作(1ヶ月) → 公開
↓
1万ダウンロード (公開4週間)

10. 製作目的
私イトウが、
「初対面の女子を口説くためのツール」
として作成。

11. 「ヤンデレ小杉」とは？
• いわゆる恋愛ノベルゲーム
• ヒロインがヤンデレ
• マルチエンディング方式だが、エン
ディング23個中22個がバッドエンド
• 選択肢を間違えると即死
• イラストでなく実写の写真を使用
• 実在する女優「小杉美香」が、
本名で本人として出演している。

12. ゲーム画面

13. ゲーム画面

14. ゲーム画面

15. ゲーム画面

16. ゲーム画面

17. ゲームへの反応
▼ 紹 介 記 事
• EXドロイド：『バッドエンド多すぎの鬼畜ゲー「ヤンデレ小杉」が人気』
→（ニコニコニュースにも掲載)
• OCTOBA『ヤンデレな彼女に振り回される三次元ノベルゲーム』
• アプリ★ゲット：『まて……。包丁をしまっ……（ザシュっ！！？）
即殺天使アドベンチャー「ヤンデレ小杉」』
• appliko：『ヤンデレ小杉 | | スタッフレビュー』
• あ～んどろいど：『病んでる中にふと見せるデレが男のハートと命を鷲掴み！！』
• AppLab：『ヤンデレヒロインに振り回されながら、Androidで真のエンディングを探そう！』
▼プレイ動画
• IWGP(池袋ウエストガールズフォン)メンバーの女子大生様たちが、
「ヤンデレ小杉」をプレイしてみたくれた動画記事
http://www.youtube.com/watch?v=A8F0nq363b0&feature=youtu.be

18. 企画の経緯
主宰する団体
NICE STALKERが
公演開催不能な状態に
陥ったため集団としての活
動を維持するためにアプリ
製作をすることに！！

19. NICE STALKERとは？
【N IC E STALKER ：ナイスストーカー 】はイトウシンタロ
ウを主宰とする、 【芸術表現を大義名分 】に【個性的な女子
をフィーチャーした作品製作 】を行う創作団体です 。メン
バーは、W EB上に開設した「 NIC E STALKER バックス
テージ」という、クローズド のSNS( 承認制) に登録し、主宰
を中心にゆるくつながりながら、イトウシンタロウ の出す企
画毎に参加者を決めてチームを作り公演を運営しています。
集団への出入りの敷居を下げることで、アイデア と人間の風
通しが良い創作環境を担保する【 劇団とプロデュースユニッ
トの中間のような組織】を目指しています 。現在 は完全ク
ローズドの集団ですが、いずれはファンや関係者にも集団を
解放し、一定の制限の中でゆるくつながりながら、一つの作
品を作り上げていく半ＣＧＭ （消費者生成メディア）的創作
集団を指向しています 。社会 にとっての演劇を変えるには、
それを作る集団の在り方自体を変える必要があると考えてい
ます。

20. 要は、
面白くて変わった女子をみつけて、
【芸術】【アート】を口実に誘い、
一緒にいろいろ楽しいことをして
それを観客に見せびらかしてお金を取る
人数不定の個人サークル
※ 公 序 良 俗 に 著 し く 反 す る よ う な 行 為 や 、 犯 罪 に 類 す る よ う な
行 為 は し ま せ ん

21. 活動の一部
• 実際に登場人物とやりとりができる
メールアドレスの展示即売会型演劇
• 観客自身が推理し謎を解いていくことで
物語が展開していく、参加型ARG演劇
• 上演中にリアルタイムで行われる観客の
電子投票でストーリーが分岐していく
マルチエンディング型展開の舞台公演

22. 分岐ノベルゲームの舞台化
いわゆる選択肢分岐型サウンドノベル
ゲームを、そのまま舞台上でリアルに
やってみよう！

24. 分岐ノベルゲームの舞台化
いわゆる選択肢分岐型サウンドノベル
ゲームを、そのまま舞台上でリアルに
やってみよう！

25. 分岐ノベルゲームの舞台化
いわゆる選択肢分岐型サウンドノベル
ゲームを、そのまま舞台上でリアルに
やってみよう！
↓
やってみた

26. 分岐ノベルゲームの舞台化
いわゆる選択肢分岐型サウンドノベル
ゲームを、そのまま舞台上でリアルに
やってみよう！
↓
やってみた
↓
大赤字！！！！

27. 集団の継続ができない
これまで加わってくれていたメンバーの
女子と一緒にやる仕事がない
面白い女子をみつけても、
一緒に●●をしましょうという、
女子を、口説く(勧誘する)ネタがない！

28. 集団の継続ができない
面白い女子をみつけても、
一緒に●●をしましょうという、
女子を、口説く(勧誘する)ネタがない！
↓
アプリでも作ろう

29. 内輪受け専用アプリ
• 当の女子とそのファンコミュニティの
人が喜ぶ内容のゲーム
• 遠方に住んでいる等、実際に会えなく
ても簡単に製作に加わってもらえるも
の
• プログラムやガワが一緒で、画像とテ
キスト等の素材のみを差し替えて、何
人でも量産できるもの

30. ジョークアプリであること
• 女子を過剰に賛美するような内容は✕
コミュニティの外部にも内部にもアン
チを生んでしまう
• 少し汚れ、ドロをかぶるくらいのもの
の方が、女子の写真提供へのハードル
が下がる
• 人に笑われる気概のある女子という線
引きで、今後の企画への参加が期待で
きる

31. 展開
• NICESTALKERでタグ付けされた、そ
こそこ人気の面白い女子を、アプリを
介して紐付ける
• ひもづけられたそれぞれのファンが
NICE STALKERを認知するようにな
る。
• 既存の女優・女子アーティストの販促
物・名刺の提供者としていくらでも売
り込んでいける

32. 課題
仕組みはできた
↓

33. 課題
仕組みはできた
↓
後は作るだけ
↓

34. 課題
仕組みはできた
↓
後は作るだけ
↓
プログラムができない！！(盲点)

35. 課題
仕組みはできた
↓
後は作るだけ
↓
プログラムができない！！(盲点)
↓
何か方法があるはず…！

36. 課題
仕組みはできた
↓
後は作るだけ
↓
プログラムができない！！(盲点)
↓
「APP Inventor」
(アップ インベンター)

37. 「APPInv entor 」 と は ？
• Google Labsで公開された
Androidアプリ作成ツール(現在MITに移管)
• EclipseもJavaのコードも不使用
• 教育目的なので直感的。12歳の小学生でも1
時間でアプリが作れるようになる
• パーツをつなぎ合わせることでアプリを作る
ので、コーディングの必要がなくバグの入り
込む余地が非常に少ない

38. Web ブ ラ ウ ザ で 「 デ ザ イ ナ 」

39. 「ブロックエディタ」

40. 「ブロックエディタ」

41. 「ブロックエディタ」

42. 何故APPInventor？
ノベルアプリを作りたいなら、
他にマルチプラットフォームなツール
がある。
▼例
Artemis Engine
KAS（吉里吉里/KAG）
Onscripter on android (Ns0cripter)

43. 何故APPInventor？
それでもAPP Inventorを選んだのは、
↓

44. 何故APPInventor？
それでもAPP Inventorを選んだのは、
↓
たまたま本屋で最初に手に取ったから！

45. 何故APPInventor？
それでもAPP Inventorを選んだのは、
↓
たまたま本屋で最初に手に取ったから！
↓
ではなく、JavaとAndroidSDKへの理
解が進みやすいため、ステップアップが
容易になるから

46. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ

47. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー

48. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー
2. 写真撮影

50. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー
2. 写真撮影

51. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー
2. 写真撮影
3. Photoshopで画面デザイン

53. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー
2. 写真撮影
3. Photoshopで画面デザイン

54. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー
2. 写真撮影
3. Photoshopで画面デザイン
4. シナリオ執筆(2週間)

55. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー
2. 写真撮影
3. Photoshopで画面デザイン
4. シナリオ執筆(2週間)
5. AppInventorでプログラム

56. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー
2. 写真撮影
3. Photoshopで画面デザイン
4. シナリオ執筆(2週間)
5. AppInventorでプログラム
6. 台詞と背景と音を通し番号で管理

57. 台詞をExcelで管理

58. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
1. 女子(小杉美香)へオファー
2. 写真撮影
3. Photoshopで画面デザイン
4. シナリオ執筆(2週間)
5. AppInventorでプログラム
6. 台詞と背景と音を通し番号で管理
7. App Inventorに流しこみ完成

59. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
8. 関係者にテストプレイ→修正
9. 小杉美香本人のチェック
10.彼氏チェック（重要！）
11.Google PLAYで公開
12.SNSやブログで宣伝
13.本作を見本とした、
次回作を女子にオファー (←今ココ！)

60. 苦労した点
• デバッグ
• 誤字脱字チェック
• APP Inventor 【5MBの壁】
• App Inventorのウイルス疑惑
• 変なメールと無言の★1ラッシュ
• iPhone版を出せという圧力
• 彼氏問題

61. 今後の展開
• 次回作の複数製作
• iPhone版の開発
• 舞台化

62. 最後に
• Androidアプリ製作のいいところは、
こういう仕事とも趣味ともなんとも言
えない領域の活動に形を与えてくれる
こと
• アプリ製作という行為自体は自由
「アプリ製作」ということ自体を何か
のツールや媒介にして活動していくと
いう方法もあると思います

63. ありがとうございました。