JSと仲良くする方法をスライドにしました。まる

1. Sと仲良くなるための心得
「 ねぇ、JSくん。キミと一緒なら”いろいろ”できるね」
2014/05/29
JSオジサン
「俺の話を聞け、5分だけでもいい」 #2 あみみみ @kanata420

2. 鈴木安美（すずきあみ）
自己紹介
@kanata420
コーダー
（企画、デザインも）
「PAKUTASO/ぱくたそ」でモデルをさせていただいてます。
http://www.pakutaso.com/
http://www.pakutaso.com/web_ami.html

3. ・JSとかJQuery勉強したいけど、プログラム
とか難しくてよくわからない…
・勉強はしたいけどなにから始めたらいいか
わからない。
そんな人の為に……

4. 本日は、JSについて語りません。

5. を勉強するキッカケとか考え
について語らせてください！S

6. 勉強するのに必要なもの

7. 勉強するのに必要なもの
欲よく

8. ここでちょっとニーソの話

9. （ニーソとふとももの間に指いれたいなー）

10. ということで……

11. Sを勉強するためにも
欲を満たすためにも！

12. ニーソのゲームをつくりました
bit.ly/1he2OWj

13. ゲームを作るにあたって
仕様を考える
希望
・ニーソ脱がすのと、とりあえず太ももとの指入れたいよね！！！？？
・一つのイメージじゃつまらないから、他のポーズも見たいよね！！！！
要件
・ニーソを脱がすこと
・指をふとももとの間に入れること
・カメラアングルをもう一つ変える。（２パターンのイメージ）
bit.ly/1he2OWj

14. ゲームを作るにあたって
仕様を考える
今後追加したい機能
＋触りたい
＋コメント入れたい！！！！
そしてぺろぺろ

15. 動きを考える
・簡単に画像の表示切替でやりたい！
・カメラアングル二つにするから同じ構造の物が
二つ必要！
bit.ly/1he2OWj

16. 必要な事を洗い出す
ボタン画像にして、ホバーさせたい！
→JSでやってみよう！
画像を表示したり非表示にしたりしたい！
→JSでやってみよう！
視点の切り替えをしたい！
→JSでやってみよう！
bit.ly/1he2OWj

17. ニーソの状態を考える
①ニーソを履いている状態
ニーソを脱がすことも、指を入れることも
自由だああああああああ
bit.ly/1he2OWj

18. ニーソの状態を考える
②指を入れている状態
ニーソを脱がすことはできるが、
また同じ指をさらに入れるのはできない。
なので、脱がすだけ！！
bit.ly/1he2OWj

19. ニーソの状態を考える
③素足の状態
ニーソを履かせることはできるが、
ニーソを履いてないので、指は入れられない
また、履いてないものは脱がせる事ができない
bit.ly/1he2OWj

20. 画像を用意する
bit.ly/1he2OWj
ベースの画像 ニーソオンリー 指ありバージョン

21. ニーソの状態を考える
3パターンから、ニーソを履いている嫁に対して、
できる行動が変わってくるので、
それをJSの処理として書くと、動いてくれる。
bit.ly/1he2OWj

22. みんな大好きニーソだよ～～
bit.ly/1he2OWj

23. 結論
欲に忠実に何かを作ったり、考えたりすると、
勉強になるよ！！！
JS難しいとか出来ないとかもったいないと思う。
自分の好きなことと結び付けて、何かを作って
たのしくJS知識が学べるといいね！

24. 結論
欲に忠実に何かを作ったり、考えたりすると、
勉強になるよ！！！
JS難しいとか出来ないとかもったいないと思う。
自分の好きなことと結び付けて、何かを作って
たのしくJS知識が学べるといいね！

25. ご視聴ありがとうございました！
初めてのLTどきどきでした！