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

by takanakahiko

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

はじめに

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

オタク(プリパラ)

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

技術同人誌

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

技術選定

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

そこで

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

同人誌を書く

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

学び

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

この要素を取り入れる

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

宣伝

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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