初心者に優しい技術記事の見分け方

公式ドキュメントを読むのにハードルが高い初心者がどうやって適切な技術記事を選ぶかの話です

Transcript

1. 初心者に優しい技術記事
   の見分け方
   @udayan28
   WeJS 2019/02/21
   

   View Slide

2. 自己紹介
   イケてるエンジニアのための転職サービスを作ってい
   ます@Findy
   UX Developer（なんでも屋？）
   開発（React, Rails）
   企画・仕様策定
   リリースブログ・ユーザーインタビューetc
   元ソシャゲプランナーʕº̫͡ºʔ
   

   View Slide

3. 好きなもの
   本と映画
   最近おもしろかったもの
   ズーランダー2（コメディ映画）
   世界神話辞典（各国の神話の起源とかがサクッと読
   める文庫）
   

   View Slide

4. 話すこと、話さないこと
   話すこと
   初心者に優しい技術記事について
   話さないこと
   JavaScriptについて（？？？）
   

   View Slide

5. 先日こんな記事を見かけました
   私たちはどうして公式ドキュメントが読めないのか？
   https://qiita.com/hiraike32/items/f0a211cceb0ecc516b6c
   

   View Slide

6. 読んで思ったこと
   「公式ドキュメント読め」はとても分かるし、中級以
   上のエンジニアは読んでる
   でも、初心者には無理じゃなかろうか？？？
   当時の私には無理でした！！！（怒
   

   View Slide

7. ここでいう初心者とは
   下記のような人
   入門書1冊 or Progate終わった
   フレームワーク入門終わった
   

   View Slide

8. なぜ初心者は公式ドキュメントが
   読めないのか
   探したい情報を探せない
   ドキュメントが整備されていない
   英語わからない
   

   View Slide

9. 探したい情報を探せない
   そもそも公式ドキュメントはどれ？？？
   GitHub？
   日本語版？英語版？
   公式ドキュメントごとに微妙に構造違って情報にたど
   りつけない
   検索使おうにも知らないことは検索できない
   

   View Slide

10. ドキュメントが整備されていない
    更新が間に合っていない（翻訳版にありがち）
    更新されていない（GitHubは更新されているｗ）
    ドキュメントがない or 各方面からドキュメントのポ
    ンコツさを指摘されているが直らない
    

    View Slide

11. 英語わからない
    英語で新しい概念を勉強するのそれなりにつらくない
    です？
    英語からは逃げられないが、初心者には酷
    Google翻訳はあるが、結構きついｗ
    ReactのState = 州 or 状態
    同じくProps = プロップ or 小道具
    

    View Slide

12. じゃあ、初心者はどうす
    るか・・・？
    

    View Slide

13. 日本語の技術記事を読み
    ますʕº̫͡ºʔ
    

    View Slide

14. というわけで・・・
    

    View Slide

15. 初心者に優しい技術記事
    の見分け方
    

    View Slide

16. 技術記事を読むときの心構え
    書いてあることが正しいかは自分で判断するしかない
    新しい記事＝良いではないときもある
    よくあるのが他の人のブログやQiitaをなぞっただ
    けの記事・メモ
    古いものがそのまま使われていることもある(node
    だとndenvとか)
    できる限り正確である可能性が高いものを選ぶ
    公式ドキュメント
    書籍 or コミッターや業界で有名な人の技術ブログ
    その他の技術記事
    

    View Slide

17. 初心者に優しい技術記事とは
    最低でも1つ、多い方が優しい（初心者が詰みにく
    い）
    環境・バージョン等が書かれている
    参考にした記事・ドキュメント等が書かれている
    ソースコード全体が公開されている
    

    View Slide

18. 環境・バージョン等が書かれてい
    る
    学習したいことに集中できる
    書かれていないとどうなるか？
    初心者は環境構築だけでつまづく
    ex. Aは入りません、そんなコマンドはない
    ググって解決できなければ詰み
    

    View Slide

19. 参考記事・ドキュメント等が書か
    れている
    動かない等エラーが出たら、参考文献に飛べる
    記載されていないとどうなるか？
    動かなかった瞬間にググり地獄が始まる
    適切な回答を見つけられなければ詰み
    

    View Slide

20. ソースコード全体が公開されてい
    る
    依存関係やソース全体が分かるため、変なエラーを産
    まない
    細切れのソースコードだとどうなるか？
    どこに書いていいのか迷う
    そして、変なところに書いて詰む
    未記載のライブラリとか使われていると詰む
    

    View Slide

21. この3つがあれば、詰む可能性が減
    らせる！
    環境・バージョン等が書かれている
    参考にした記事・ドキュメント等が書かれている
    ソースコード全体が公開されている
    

    View Slide

22. やったね！
    

    View Slide

23. ？
    

    View Slide

24. 全然やってない
    

    View Slide

25. 公式ドキュメントからは逃げられ
    ない
    参考記事・書籍には、ほぼほぼ公式ドキュメントが出
    てくる
    脱初心者には公式ドキュメントを読むのが必須
    公式ドキュメント読めないと最新情報のキャッチアッ
    プができない
    

    View Slide

26. じゃあ、どうするか？
    

    View Slide

27. 公式ドキュメントに慣れ
    よう！
    

    View Slide

28. 公式ドキュメントに慣れるために
    まずは公式ドキュメントを見つけよう
    良く使うメソッドを公式ドキュメントで探そう
    色々なページを見てみよう
    

    View Slide

29. まずは公式ドキュメントを見つけ
    よう
    正確なソースを知ることができる
    分からなければ、知り合いに聞こう！
    

    View Slide

30. 良く使うメソッドを公式ドキュメ
    ントで探そう
    公式ドキュメント内で検索できるようになる
    公式ドキュメントでメソッドの定義を読めるようにな
    る
    

    View Slide

31. console.logをMDN内で検索する
    

    View Slide

32. 色々なページを見てみよう
    既知から未知へのアクセス
    ドキュメントの構造を知ってアクセスの効率化
    

    View Slide

33. console.logからconsoleオブジェ
    クトのページへ
    

    View Slide

34. 公式ドキュメントは慣れれば勝
    ち！
    

    View Slide

35. まとめ
    初心者に優しい技術記事とは
    環境・バージョン等が書かれている
    参考にした記事・ドキュメント等が書かれている
    ソースコード全体が公開されている
    

    View Slide

36. 優しい技術記事から公式
    ドキュメントにステップ
    アップ！
    

    View Slide

37. ありがとう
    ございました！
    

    View Slide