QiitaのLGTMランキング記事を参考に、大事な「説明の順番」を考えた

説明とは相手の頭の中を整理すること。自分の頭も整理されていないとならない。
よって「説明の順番を考えることは良記事に必須」という話。

<script async class="speakerdeck-embed" data-id="cc808ea83a6f4a76b95b9a6970cdd35b" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js"></script>

を基にするが、ポイントとしては以下である。

[![thumbnail](https://files.speakerdeck.com/presentations/cc808ea83a6f4a76b95b9a6970cdd35b/slide_31.jpg)](https://speakerdeck.com/line_developers/explanation-order-is-also-important-information?slide=32)

## 説明の順番

- 場所ごと（**L**ocation）
- アルファベット、五十音（**A**lphabet）
- 時系列、物語順（**T**ime）
- カテゴリ別（**C**ategory）
- 階層、重要度順（**H**ierarchy）
 
「**LATCH**」という考え方がある。重要度も広義で階層と言えるのかなと考える。

https://medium.com/@3inowayosuke/latch-5%E3%81%A4%E3%81%AE%E6%83%85%E5%A0%B1%E6%95%B4%E7%90%86%E6%96%B9%E6%B3%95-d66b769d2470


https://qiita.com/e99h2121/items/aa87cddd0ff57ff98e5b#2-%E6%83%85%E5%A0%B1%E3%82%92%E6%95%B4%E7%90%86%E3%81%99%E3%82%8B%E3%81%9F%E3%81%A3%E3%81%9F5%E3%81%A4%E3%81%AE%E6%96%B9%E6%B3%95-latch


では具体的に、説明の順番をかんがえると、いい記事がかけるものだろうか。
Qiitaのランキングに登場した良記事たちを基に、良い説明の順番を見てみた。

https://qiita.com/rana_kualu/items/307d461ad2d59a1d6008#%E8%A8%98%E4%BA%8Blgtm%E6%95%B0%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0

2020年のLGTM数ランキングを参考。


## 各種、良記事はどう説明の順番を整頓しているか

以下のようになりそう。

### 場所ごと（Location）あるいは アルファベット、五十音（Alphabet）

- [エンジニアの情報収集法まとめ](https://qiita.com/nesheep5/items/e7196ba496e59bb2aa28)
- [何かのときにすっと出したい、プログラミングに関する法則・原則一覧](https://qiita.com/hirokidaichi/items/d6c473d8011bd9330e63)
- [「AWS is 何」を3行でまとめてみるよ](https://qiita.com/kohashi/items/1bb952313fb695f12577) 
- [GitHubで使われている実用英語コメント集](https://qiita.com/shikichee/items/a5f922a3ef3aa58a1839) 
- [ネイティブと働いて分かった英語コミットメッセージの頻出動詞10つ](https://qiita.com/gogotanaka/items/b65e1b081fa976e5d754)
- [すべての新米フロントエンドエンジニアに読んでほしい50の資料](https://qiita.com/suzu-4/items/ea5d802cb0ad16682ae2)
- [[初心者向け] RubyやRailsでリファクタリングに使えそうなイディオムとか便利メソッドとか](https://qiita.com/jnchito/items/dedb3b889ab226933ccf)
- [コードを書く際の指針として見返すサイトまとめ](https://qiita.com/kenichi_cc/items/c3ecca7b7d5fc5c6bf2e) 


### 時系列、物語（Time）順に並んでいるもの

- [一番分かりやすい OAuth の説明](https://qiita.com/TakahikoKawasaki/items/e37caf50776e00e733be) 
- [AtCoder に登録したら次にやること ～ これだけ解けば十分闘える！過去問精選 10 問 ～](https://qiita.com/drken/items/fd4e5e3630d0f5859067)
- [新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡](https://qiita.com/hirokidaichi/items/591ad96ab12938878fe1)
- [数学を避けてきた社会人プログラマが機械学習の勉強を始める際の最短経路](https://qiita.com/daxanya1/items/218f2e3b922142550ef9)
- [オブジェクト指向と10年戦ってわかったこと](https://qiita.com/tutinoco/items/6952b01e5fc38914ec4e)
- [もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った](https://qiita.com/hirokidaichi/items/ff54a968bdd7bcc50d42)
- [開設後３週間で収益１０万円を得た個人開発サイトでやったことの全部を公開する](https://qiita.com/jabba/items/1a49e860a09a613b09d4)
- [Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary)](https://qiita.com/wtetsu/items/c43232c6c44918e977c9)
- [初心者向け、「上手い」シェルスクリプトの書き方メモ](https://qiita.com/m-yamashita/items/889c116b92dc0bf4ea7d)
- [Google社のテクニカルライティングの基礎教育資料がとても良かったので紹介したい](https://qiita.com/yasuoyasuo/items/c43783316a4d141a140f)
- [【図解】Dockerの全体像を理解する -前編-](https://qiita.com/kotaro-dr/items/b1024c7d200a75b992fc)
- [いまさらだけどDockerに入門したので分かりやすくまとめてみた](https://qiita.com/gold-kou/items/44860fbda1a34a001fc1)
- [Pythonを書き始める前に見るべきTips](https://qiita.com/icoxfog417/items/e8f97a6acad07903b5b0) 
- [エンジニアなら知っておきたい、絵で見てわかるセキュア通信の基本](https://qiita.com/t_nakayama0714/items/83ac0b12ced9e7083927)
- [要件定義～システム設計ができる人材になれる記事](https://qiita.com/Saku731/items/741fcf0f40dd989ee4f8) 
- [エンジニアの劣等感との付き合い方](https://qiita.com/karamage/items/771b633c3243989418a2)
- [メンバーに恨まれそうな3つのコードレビュー施策を徹底したら、逆にメンバーが爆速で成長した話](https://qiita.com/gakuri/items/f4970aea8de5fa9bf016)




### カテゴリ（Category）別に並んでいるもの

- [ロシアの天才ハッカーによる【新人エンジニアサバイバルガイド】](https://qiita.com/jacksuzuki/items/b2fa6b44962e73a53d08)
- [プログラミングでよく使う英単語のまとめ【随時更新】](https://qiita.com/Ted-HM/items/7dde25dcffae4cdc7923)
- [うまくメソッド名を付けるための参考情報](https://qiita.com/KeithYokoma/items/2193cf79ba76563e3db6)
- [非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選](https://qiita.com/okappy/items/119e31cae9aa9bd9da6d)
- [【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超](https://qiita.com/suin/items/f570f057a0ff927b47dc) 
- [イマドキのJavaScriptの書き方2018](https://qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9)
- [VSCodeのオススメ拡張機能 24 選 (とTipsをいくつか)](https://qiita.com/sensuikan1973/items/74cf5383c02dbcd82234)
- [2018年の最先端バックエンドエンジニアに必要なスキルについて考えてみました。](https://qiita.com/poly_soft/items/fb649573c19b7a5c0227) 
- [インフラエンジニアとしてよく使うコマンド集](https://qiita.com/sion_cojp/items/04a2aa76a1021fe77079)
- [モデルやメソッドに名前を付けるときは英語の品詞に気をつけよう](https://qiita.com/jnchito/items/459d58ba652bf4763820) 
- [AWSアカウントを取得したら速攻でやっておくべき初期設定まとめ](https://qiita.com/tmknom/items/303db2d1d928db720888)
- [個人でも使える！おすすめAPI一覧](https://qiita.com/mikan3rd/items/ba4737023f08bb2ca161)
- [Go言語の初心者が見ると幸せになれる場所　#golang](https://qiita.com/tenntenn/items/0e33a4959250d1a55045)
- [2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ](https://qiita.com/rana_kualu/items/915345b8f3f870cfe2aa)







### 階層、重要度（Hierarchy）順に並んでいるもの

- [Markdown記法 チートシート](https://qiita.com/Qiita/items/c686397e4a0f4f11683d) 
- [ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習](https://qiita.com/hirokidaichi/items/27c757d92b6915e8ecf7)
- [質問は恥ではないし役に立つ](https://qiita.com/seki_uk/items/4001423b3cd3db0dada7)
- [Gitのコミットメッセージの書き方](https://qiita.com/itosho/items/9565c6ad2ffc24c09364)
- [Reactを使うとなぜjQueryが要らなくなるのか](https://qiita.com/naruto/items/fdb61bc743395f8d8faf)
- [インフラエンジニアじゃなくても押さえておきたいSSHの基礎知識](https://qiita.com/tag1216/items/5d06bad7468f731f590e)
- [良いコードの書き方](https://qiita.com/alt_yamamoto/items/25eda376e6b947208996)
- [使えるRSpec入門・その1「RSpecの基本的な構文や便利な機能を理解する」](https://qiita.com/jnchito/items/42193d066bd61c740612)
- [Vim幼稚園からVim小学校へ](https://qiita.com/hachi8833/items/7beeee825c11f7437f54)
- [ウェブカツ運営者が語る！エンジニアで稼ぐために大切な２０のコト](https://qiita.com/kazukichi/items/7379b75fba2f90d3cf45)
- [プロジェクトリーダーというお仕事](https://qiita.com/br_branch/items/bbbaba835b45e79efa5b)



### 「LATCH」考察

場所（Location）、アルファベット（Alphabet）順というのはなかなか乱暴なのだが、ともかく全網羅しているものをそこに分類してみた。

- 「～の話」。は当然ストーリー性が有り、共感性があり、だからわかりやすい。
- 逆に少数だが、ともかく数「まとめ」た記事も圧巻。「～のまとめ50」、等。辞書的価値が出せているということか。
- ただいずれも少なくとも
    - カテゴリ
    - 時系列、物語順
    - 階層、あるいは重要度

でまとまっている。かつ例外なくどの記事もまとまっている。


## まとめ

説明の順番を考えることは良記事に必須。参考図書:

https://www.amazon.co.jp/%E4%B8%80%E7%95%AA%E4%BC%9D%E3%82%8F%E3%82%8B%E8%AA%AC%E6%98%8E%E3%81%AE%E9%A0%86%E7%95%AA-%E7%94%B0%E4%B8%AD%E8%80%95%E6%AF%94%E5%8F%A4/dp/4894519836

確かに**説明の順番**がスッキリすることによって理解度、腹落ち度が全く変わる。
ということで**説明の順番**を考えて文書を作りたいなという話 でした。

以上です～。