$30 off During Our Annual Pro Sale. View Details »

ドットインストールの質問回答サービスで身につくプログラミング学習法

 ドットインストールの質問回答サービスで身につくプログラミング学習法

【参考ページ】
ドットインストールで身につく4つのプログラミング学習法 #ドットインストール
https://e-yota.com/weblearning/dotinstall_programming_learning/

echizenyayota

August 04, 2019
Tweet

More Decks by echizenyayota

Other Decks in Programming

Transcript

  1. ドットインストールの
    質問回答サービスで身につく
    プログラミング学習法
    2019年8月4日(土)
    2019年8月号第4回JavaScript初心者もくもく勉強会の日
    @さくらインターネット本社

    View Slide

  2. About me
    福井 洋(ふくい ひろし)
    WordPress関連の個人事業
    (ブログサイトの運営・サーバー環境構築・投げ銭プラグイン開発)
    http://e-yota.com/about_me/
    https://speakerdeck.com/echizenyayota
    https://twitter.com/echizenya_yota
    コミュニティ活動
    さくらクラブ JavaScriptもくもく勉強会(管理人)
    https://2018.tokyo.wordcamp.org/speaker/fukui-hiroshi/
    WordCamp Osaka 2019 実行委員会 (スポンサーチーム担当)
    https://2019.osaka.wordcamp.org/

    View Slide

  3. ドットインストールとは
    https://dotinstall.com

    View Slide

  4. ドットインストールのヘビーユーザー

    View Slide

  5. ドットインストールのサービス
    - 無料サービス
    - 有料サービス

    View Slide

  6. ドットインストールのサービス
    - 無料サービス
    - 有料サービス → 980円(税込)/月
    https://dotinstall.com/premium

    View Slide

  7. ドットインストールの有料サービス(例)
    - 中上級者向けプレミアムレッスン動画の視聴
    - 文字起こしテキストの閲覧
    - ソースコードの閲覧

    View Slide

  8. ドットインストールの有料サービス(例)
    - 中上級者向けプレミアムレッスン動画の視聴
    - 文字起こしテキストの閲覧
    - ソースコードの閲覧
    → 質問回答サービス
    (月に5回まで。2019年5月14日現在試験運用中)

    View Slide

  9. ドットインストールの質問回答サービスとは
    - 動画の内容について「先生」が教えてくれる
    - 「プログラミングが動作しない」
    - 「説明の意味がよく分からない」

    View Slide

  10. 質問の具体例

    View Slide

  11. 質問一覧ページ

    View Slide

  12. 質問回答サービスの優れた点
    質問しても
    すぐに「答え」を教えてくれない
    (「魚」は与えてくれない。ただし「魚の釣り方」を教えてくれる)

    View Slide

  13. 「魚の釣り方」とは?
    1. デバッグで動作の検証をする
    2. 公式ドキュメントを確認する
    3. Googleでキーワード検索をする
    4. 質問の書式を整える

    View Slide

  14. 1. デバッグで動作の検証をする
    - 変数の中身や動作を確認すること
    - JavaScript は “console.log()”

    View Slide

  15. デバッグの例

    View Slide

  16. デバッグのメリット
    - プログラミングの途中経過がわかる
    - 質問の切り分けができる

    View Slide

  17. 2. 公式ドキュメントの確認
    - JavaScript → MDN

    View Slide

  18. 公式ドキュメントを確認するメリット
    - 専門用語で意思疎通を図る

    View Slide

  19. 3. Googleでキーワード検索をする
    - 聞いたことがない専門用語
    - エラーメッセージ

    View Slide

  20. エラーメッセージを検索する

    View Slide

  21. Google検索をするメリット
    - 質問の切り分けができる

    View Slide

  22. 4. 質問文の書式を整える
    - 質問の主旨
    - 質問の補足説明

    View Slide

  23. 質問をするときの書式

    View Slide

  24. 4. 質問文の書式を整えるメリット
    - 質問の意図を伝えやすくなる
    - 答えを引き出しやすくする

    View Slide

  25. 質問の仕方を身につけると...
    ドットインストールだけでなく、
    他の質問投稿サイトでも質問ができる!

    View Slide

  26. スタック・オーバーフロー

    View Slide

  27. teratail

    View Slide

  28. 【参考資料】エコテキブログ
    ドットインストールで身につく4つのプログラミング学
    習法 #ドットインストール
    https://e-yota.com/weblearning/dotinstall_programming_learning/

    View Slide

  29. もくもく会作業のコツ
    - ホワイトボードに名前・自己紹介などを記入
    - 分からないことは自己紹介を見ながら質問
    - 聞きにくかったら運営者に相談
    - 運営者と一緒に分かりそうな人を探す

    View Slide

  30. もくもく会終了後の懇親会参加について
    - 午後4時半までに出欠をホワイトボードに記入
    - 出欠状況を見て食べ物の出前を取ります
    - 飲み物は各自で購入(アルコールOK)
    - 懇親会はオープンスペースで

    View Slide

  31. ご清聴ありがとうございました!

    View Slide

  32. ハッシュタグ
    “#さくらクラブ”

    View Slide