Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

JS初心者だけど3ヶ月でこんだけ書けるようになりました

16,007 views

Published on

2015/12/8
Meguro.es #1で発表したLTの資料です
http://meguroes.connpass.com/event/21510/

Published in: Engineering
  • Be the first to comment

JS初心者だけど3ヶ月でこんだけ書けるようになりました

  1. 1. ノンプログラマー・UXUI デザイナーな JS 初心者だけど 3ヶ月でこんだけ書けるようになりました Miki Yokouchi | twitter@kswmch 01@kswmch
  2. 2. 02@kswmch 軽く自己紹介
  3. 3. 03@kswmch twitter@kswmch 前職は某 R 者で社でアプリデザインを主にやってました 弁護士ドットコムで UXUI デザイナーやってます WEB デザイナー歴 1.5 年 HTML と CSS 書き始めて 1.5 年
  4. 4. このあいだこんな記事でバズりました 04@kswmch
  5. 5. 3 ヶ月 JS を勉強して ... 本題に入りますが 05@kswmch
  6. 6. こんな問題も解けなかった私が ... 次の画像のようなポップアップダイアログに 「Hello JavaScript」と出力しなさい。 06@kswmch
  7. 7. こんなメモ帳アプリをつくれるようになりました (追加・保存・削除・マーカー・フラグがつけれらる) 07@kswmch
  8. 8. 実際勉強したこと 08@kswmch
  9. 9. var/if 文 /for/function/dom 操作 /jQuery って何? / 戻り値 / 引数 / 配列 /localStorage JS の基礎を勉強しただけ! 09@kswmch
  10. 10. 実際に勉強した時間 10@kswmch
  11. 11. 週 1(5h)×8 回 + 学校 土日にぼちぼち 家での復習とか 11@kswmch
  12. 12. 一般的な社会人が 土日で勉強できるレベル 12@kswmch
  13. 13. 作っていたときの苦労話2点 初心者だから覚えてる 13@kswmch
  14. 14. 関数が全然理解できなかった ひとつめ 14@kswmch
  15. 15. こうやって教えてもらって 理解できました 15@kswmch
  16. 16. 関数を呼ぶっていうのは、キャバ嬢を指名するものでね ※イメージです 16@kswmch
  17. 17. 引数と返した結果を例えるなら .... キャバ嬢にプレゼントを渡すとき ... ありがとうという言葉だけ ... GODIVA のチョコを渡す 体で返してくれた! マンションをあげる ※イメージです 17@kswmch
  18. 18. わかるようになった 意味がわからんから詳しく!って方は懇親会で話しかけてください w 18@kswmch
  19. 19. ふたつめ マーカーの機能をつけるとき どうすればいいのか悩んだ ... 19@kswmch
  20. 20. つけたり外したりする機能をつけたい 20@kswmch
  21. 21. textarea で span タグを書いて JS をゴリゴリかいて実装する? 21@kswmch
  22. 22. 既存のライブラリー使ってみる? 22@kswmch
  23. 23. 時間もないし 今回はサクッとつくりたい!! 23@kswmch
  24. 24. こんなのありました ... 指定した iframe をテキストエディタみたいに編集できる機能です! ※iframe 以外でもつかえるみたいです 24@kswmch
  25. 25. デザインモードをオンにして ... 25@kswmch
  26. 26. onclick に処理を書くだけ 26@kswmch
  27. 27. とりあえず b タグをつけはずしはできた 27@kswmch
  28. 28. CSS が当たらない でも iframe だから 28@kswmch
  29. 29. JS で無理やり iframe 内に link タグを突っ込みました 29@kswmch
  30. 30. できた! 30@kswmch
  31. 31. JS を勉強してみて思ったこと 最後になりますが 31@kswmch
  32. 32. わかりやすいゴールがあったから モチベーションが続いた! メモ帳アプリをつくるという 32@kswmch
  33. 33. 用語だけだとよくわからなくって モチーベーション下がっちゃうけど わかりやすい例え話があることで 楽しく理解できるようになった! 33@kswmch
  34. 34. わかりやすいって大事! あらためて ... 34@kswmch
  35. 35. 「第三引数に入れて」とか「普通にやってくれればいいよ」とか デザイナーにいってませんか? 35@kswmch
  36. 36. そんなわかりずらいこと言っても やる気なくすだけですからー! 36@kswmch
  37. 37. 私の JS 道は続く ... 37@kswmch
  38. 38. twitter でも気軽に絡んでくださいね @kswmch ご静聴ありがとうございました 38@kswmch

×