Upgrade to Pro — share decks privately, control downloads, hide ads and more …

プリパラで学ぶ プログラミング(&表現の極意)

takanakahiko
August 29, 2018
1.4k

プリパラで学ぶ プログラミング(&表現の極意)

takanakahiko

August 29, 2018
Tweet

More Decks by takanakahiko

Transcript

  1. プリパラで学ぶ
     プログラミング
    なかひこくん@aniben

    View Slide

  2. はじめに

    View Slide

  3. 注意
    × 撮影OKです
    × 絵は自分で描いたのでOKだと思います

    View Slide

  4. 自己紹介
    × Twitter,FB,GitHub : takanakahiko
    × オタク(プリパラ)
    × 院生

    View Slide

  5. オタク(プリパラ)

    View Slide

  6. プリパラ
    ある日お年ごろの女の子たちに届く招待状。
    それはファッションやダンス、音楽といった女の子の夢と憧れが詰まった「プリパラ」の入場チケット。
    そこでは毎日のように、歌やダンス、ファッションセンスを競い合うライブが開催され、
    その様子はTVやネットを通じて世界中に発信される。
    今やトップアイドルはこのプリパラから生まれるのだ。
    主人公・らぁらも友だちと同じくプリパラに興味津々。
    でもらぁらの学園では小学生のプリパラは禁止…
    ところがひょんなことからプリパラに初入場してしまったらぁらは、なりゆきからライブに出ることに。
    どうなる、らぁらのプリパラデビュー!?

    View Slide

  7. プリパラとは
    × 主人公たちは「プリパラ」(VR空間)内でアイドル活動をする
    × いわゆる女児向けアニメ
    プリパラ内へ
    真中らぁら
    (かわいい)
    真中らぁら(プリパラ内)
    (かわいい)

    View Slide

  8. プリパラとは2
    × 主要キャラが死亡したり生き返ったり
    × マジモンの基地外が出て来たり
    × BPOに怒られたり
    × システムに記憶を書き換えられたり
    女の子が憧れるような素敵なお話の数々!

    View Slide

  9. プリパラとは3
     
    真中らぁら
    (かわいい)
    南みれぃ
    (かわいい)
    北条そふぃ
    (かわいい)

    View Slide

  10. 悲報 「放送終了」
    × 全200話で日常に染み付いた視聴ルーチン
    × それが消える寂しさ
    × 消えてわかるありがたみ
    →何か貢献したい…作品への感謝を伝えたい…

    View Slide

  11. 女児の方々
    × 毎週プリパラを観てくれた方たち
    × 楽しんでくれたおかげで作品が成長した
    × 作品を盛り上げてくれた方たち
    × 感謝の念しかない
    →なにかお返しできることはないだろうか

    View Slide

  12. 僕ができること
    × 将来が楽しみな方々
    × プログラミング義務教育化
    × プログラミングを好きになって欲しい…
    × ITエンジニアの端くれ
    →プログラミング教材を作ろう
    女児
    ぼく

    View Slide

  13. 技術同人誌

    View Slide

  14. プリパラで学べる
    プログラミングの
    入門書を書くぞ

    View Slide

  15. 技術選定

    View Slide

  16. プログラミングの入門...
    ここらへんを目指したい
    × 環境のセットアップが不要
    × 結果が目に見えると嬉しい
    × 実用的だともっと嬉しい

    View Slide

  17. そこで

    View Slide

  18. Google Apps Scriptって?
    × ブラウザ上で書ける
    × Googleのサービスを簡単に操作
    × 言うなれば,Google版VBA

    View Slide

  19. Google Apps Script の魅力
    ファイルとして作成 ソースコードを記述 実行
    一連の作業をWebブラウザ上で行える

    View Slide

  20. プログラミングの入門...
    ここらへんを目指したい
    × 環境のセットアップが不要
    × 結果が目に見えると嬉しい
    × 実用的だともっと嬉しい

    View Slide

  21. Twitter Bot
    プログラムがTwitterの操作を行うもの
    -----------
    ------
    -----------
    -----
    ---------

    View Slide

  22. テーマ
    一定期間ごとに自動でツイートする
    TwitterBotを作ってみよう!

    View Slide

  23. 同人誌を書く

    View Slide

  24. ストーリーを考える
    主人公はアイドル
    自分のライブの告知ツイートを
    Bot(自動)で出来るようにしよう

    View Slide

  25. デザイン
    × 可愛くしたい
    × リボンとか大量に使う
    × 全部ふりがなつける
    × フォロワーの皆さんありがとう

    View Slide

  26. 女児アニメオンリーで同人誌頒布した
    ● 主人公の女の子がTwitterBotを作る本です
    ● 50部持って行きました
    まさかの完売しました
    →つまり女児(または女児アニメオタク)
    50人がプログラミングを始めた
    GASはプログラミングに触れるきっかけになる...?
    (通販 : https://booth.pm/ja/items/921304 )

    View Slide

  27. 学び

    View Slide

  28. 本を書くにあたって
    (対象が同じなので)
    アニメの表現を参考にしました

    View Slide

  29. シンプルに伝える大切さ
    × 女児アニメは何も考えなくても観れる
    × でも”””濃い”””

    View Slide

  30. なぜ「濃い」の?
    × 基本的に話を次回に持ち越さない
    × 女児は記憶力が低い
    × 長いセリフが少ない
    × 1つ(単位)の情報量が少ない

    View Slide

  31. この要素を取り入れる

    View Slide

  32. 例えばスライド
    × 基本的に話を次回に持ち越さない
    →1スライド1テーマに
    × 長いセリフが少ない
    →1スライドに情報を詰めすぎない

    View Slide

  33. プリパラ
    ある日お年ごろの女の子たちに届く招待状。
    それはファッションやダンス、音楽といった女の子の夢と憧れが詰まった「プリパラ」の入場チケット。
    そこでは毎日のように、歌やダンス、ファッションセンスを競い合うライブが開催され、
    その様子はTVやネットを通じて世界中に発信される。
    今やトップアイドルはこのプリパラから生まれるのだ。
    主人公・らぁらも友だちと同じくプリパラに興味津々。
    でもらぁらの学園では小学生のプリパラは禁止…
    ところがひょんなことからプリパラに初入場してしまったらぁらは、なりゆきからライブに出ることに。
    どうなる、らぁらのプリパラデビュー!?

    View Slide

  34. 例えば本
    × 基本的に話を次回に持ち越さない
    →ページのまたぎを意識する
    × 長いセリフが少ない
    →章に情報を詰め込みすぎない

    View Slide

  35. シンプルに濃くするには
    極意「セクション内でテーマを1つに絞る」

    View Slide

  36. 宣伝

    View Slide

  37. プリッカソン4を開催します
    内容
    作品に関する創作をしながら「いいよね...」「いい...」などと言う
    対象
    × プリティーリズム
    × プリパラ
    × キラッとプリ☆チャン
    https://prickathon.github.io

    View Slide

  38. おわり
    ありがとう...プリパラ...ありがとう...本当に...

    View Slide