
[note]読みやすい文章の書き方《17選》
📌 はじめに

noteエディタでできる“読みやすい文章”の書き方をまとめました。
最終更新日:2024年6月18日
《 もくじ 》
[01]見出しを使う
[02]見出しに罫線(下線)を引く
[03]文章を段落で分ける
[04]段落間に区切り線を入れる
[05]段落間にスペースを入れる
[06]重要な語句を太字にする
[07]リンクは画像付きリンクを使う
[08]項目が多い時はリストを使う
[09]箇条書きの時は表記を統一する
[10]文章が長い時は改行する
[11]文章が長い時は読点(、)を使う
[12]追記する時は引用表示を使う
[13]読みにくい漢字はフリガナを書く
[14]難しい漢字は使わない
[15]見出しで絵文字を使う
[16]記号を使う
[17]専門用語には説明を加える
■[書き方]見出しを使う

大見出しの例
小見出しの例
文章の内容を要約した見出しがあれば、文章を読む前に内容を大まかに予想できる。
また、自分にとって有用な情報が記載された項目を素早く見つけられるので、不要な文章は読み飛ばせる。
《 Markdown記法 》
[大見出し]## 見出し文字
[小見出し]### 見出し文字
■[書き方]見出しに罫線(下線)を引く

見出しがどこにあるか、一目で分かる。
《 Markdown記法 》
[区切り線]---
見出し下線用・画像素材
《 画像素材について 》
当記事でも使用している“見出し下線用”の画像素材です。
[大きさ]1598px × 6px
・ 著作権フリー
・ 表記不要
・ 有料記事での使用OK(商用利用OK)
・ 複製OK
・ 再配布OK
・ 改変OK
・ 改変して自作素材として配布OK
■[書き方]文章を段落で分ける

文章を段落で分けることで、文章の流れ(例:問題提起→仮説→結論)を把握しやすくなる。
段落の先頭を読めば『その段落で伝えようとしているテーマ』が分かるので、知りたい部分だけに絞って読める。
■[書き方]段落間に区切り線を入れる

■[書き方]段落間にスペースを入れる

段落の始まりが一目で分かる。
段落と段落の間に『区切り線』を引くとこのような見た目になる。文章のテーマごとに段落を分け、段落と段落の間に区切り線や空白スペースを入れることで文章が読みやすくなる。
■[書き方]重要な語句を太字にする

重要度の高い語句を太字にすることで、『文章のテーマ』や『重要ポイント』が分かりやすくなる。太字の箇所を読むだけで内容を大まかに把握できる。
《 Markdown記法 》
[太字]**太字にしたい文字**
■[書き方]リンクは画像付きリンクを使う

画像付きリンクを使うと、リンクが張ってある場所が一目で分かり、クリックもしやすい。張りたいリンクの数が多い時は『テキストリンク』にした方がごちゃごちゃした見た目にならない。
画像付きリンク
テキストリンク
《 画像付きリンクの張り方 》
「+」をクリックしてメニューを開く→「埋め込み」をクリック
■[書き方]項目が多い時はリストを使う

列挙する項目が多い時は、横並びで書くより、縦並びのリスト(箇条書き)で書いたほうが読みやすい。
横並びで書いた例
「大見出しを使う」「小見出しを使う」「見出しに罫線(下線)を引く」「文章を段落で分ける」「段落間に区切り線を入れる」「段落間にスペースを入れる」
縦並びで書いた例
・ 大見出しを使う
・ 小見出しを使う
・ 見出しに罫線(下線)を引く
・ 文章を段落で分ける
・ 段落間に区切り線を入れる
・ 段落間にスペースを入れる
《 Markdown記法 》
- 1つ目の項目
- 2つ目の項目
- 3つ目の項目
■[書き方]箇条書きの時は表記を統一する

箇条書きで書く時は、表記(書き方)を他の項目と似た書き方にした方が把握しやすい。
表記を統一した例
[食事]ビュッフェで食事
[食事]高級感のあるカフェ・レストラン・ファミレスで食事
[食事]高級感のあるスイーツ店で食事
■[書き方]文章が長い時は改行する

『文章のテーマが変わるタイミング』『文章が展開するタイミング』『文章が読みづらいと感じるタイミング』などで改行した方が読みやすい。
■[書き方]文章が長い時は読点(、)を使う

読点を使うことで、『いつ』『どこで』『何が(主語)』『何を』『どうした/どんなだ(述語)』『原因』『結果』『時系列』などの項目を把握しやすくなる。
また、読み間違えを防止することもできる。【参考:ぎなた読み】
■[書き方]追記する時は引用表示を使う

文章の内容をより分かりやすくするために『例』や『解説』などを付け加えたい時は、引用表示を使う。
《 〇〇の例 》
ここに例を書く。
《 Markdown記法 》
[引用表示]> 《 〇〇の例 》
[引用表示]> ここに例を書く。
■[書き方]読みにくい漢字はフリガナを書く

■[書き方]難しい漢字は使わない

難しい漢字は使わず、ひらがな・カタカナで書く。
暫く→しばらく、然し→しかし
■[書き方]見出しで絵文字を使う

見出しの内容にあった絵文字を使うと、読みやすくなり、堅苦しさも減る。
《 例 》
📝 記事一覧
🔍 記事を検索
🏷️ タグ一覧
■[書き方]記号を使う

文章内の一部分を強調したい時などに( )「 」『 』“ ”【 】[ ]< >といった記号を使う。
■[書き方]専門用語には説明を加える

意味が分からない専門用語が多いと読むのが苦痛になるので、引用表示などを使って説明を加える。
noteで“読みやすい文章”を書く方法《17選》
[01]見出しを使う
[02]見出しに罫線(下線)を引く
[03]文章を段落で分ける
[04]段落間に区切り線を入れる
[05]段落間にスペースを入れる
[06]重要な語句を太字にする
[07]リンクは画像付きリンクを使う
[08]項目が多い時はリストを使う
[09]箇条書きの時は表記を統一する
[10]文章が長い時は改行する
[11]文章が長い時は読点(、)を使う
[12]追記する時は引用表示を使う
[13]読みにくい漢字はフリガナを書く
[14]難しい漢字は使わない
[15]見出しで絵文字を使う
[16]記号を使う
[17]専門用語には説明を加える
(text)
◇ ◇ ◇
《 過去に作成したnoteの記事リスト 》
https://note.com/text_sakura/n/na2cd73291236
《 記事についてのお問い合わせ先 》
text.sakura.note@gmail.com
※ 添付ファイルが含まれるメールは受け取ることができません。
※ テキストのみでお願いいたします。