{"componentChunkName":"component---src-modules-datocms-post-page-page-tsx","path":"/posts/37","result":{"data":{"post":{"title":"ブログの起承転結は読み手にとって非効率なので、結論ファーストで書いたほうがいいと思う","author":{"name":"suin","images":{"r32":{"src":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&fm=png&h=32&mask=ellipse&w=32","srcSet":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1&fm=png&h=32&mask=ellipse&w=32 1x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1.5&fm=png&h=32&mask=ellipse&w=32 1.5x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=2&fm=png&h=32&mask=ellipse&w=32 2x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=3&fm=png&h=32&mask=ellipse&w=32 3x"},"r48":{"src":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&fm=png&h=48&mask=ellipse&w=48","srcSet":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1&fm=png&h=48&mask=ellipse&w=48 1x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1.5&fm=png&h=48&mask=ellipse&w=48 1.5x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=2&fm=png&h=48&mask=ellipse&w=48 2x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=3&fm=png&h=48&mask=ellipse&w=48 3x"}},"bio":"好き: TypeScript, DDD, OOP／#YYTypeScript の主催者／Qiita 4位／株式会社クラフトマンソフトウェア取締役／『実践ドメイン駆動設計』邦訳レビュア／#分報 考案者／Web自動テストShouldBeeを開発"},"date":"2015年10月11日","tags":["ブログ記事の書き方"],"category":"プログラミング","body":"<a href=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/3c77f039-51e2-4c16-acd5-43306e65eb0e.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img width=\"1199\" alt=\"image.png (539.4 kB)\" src=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/3c77f039-51e2-4c16-acd5-43306e65eb0e.png\"></a>\n<p data-sourcepos=\"3:1-5:211\">時間に追われる人が多い現代、読者は貴重な時間を割いて、<a href=\"http://www.digitalbuzzblog.com/infographic-24-hours-on-the-internet/\" target=\"_blank\" rel=\"noopener noreferrer\">ネット上に1日あたり200万件ほど公開されるブログ記事</a>の中から、数えられる程度の記事をピックアップして読んでいます。<br>\n読者は限られた時間に、できるだけ多くの記事に触れようとします。<br>\n特に、実践的な情報を提供したいと考えている記事では、<strong>結論が最初に書かれた記事のほうが情報伝達効率の高く読者にやさしい</strong>ものになると思います。</p>\n<h1 data-sourcepos=\"7:1-7:44\" id=\"1-0-0\" name=\"1-0-0\">\n<a class=\"anchor\" id=\"起承転結は物語の構成パターン\" name=\"%E8%B5%B7%E6%89%BF%E8%BB%A2%E7%B5%90%E3%81%AF%E7%89%A9%E8%AA%9E%E3%81%AE%E6%A7%8B%E6%88%90%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3\" href=\"#%E8%B5%B7%E6%89%BF%E8%BB%A2%E7%B5%90%E3%81%AF%E7%89%A9%E8%AA%9E%E3%81%AE%E6%A7%8B%E6%88%90%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3\" data-position=\"1-0-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"起承転結は物語の構成パターン\"> &gt; 起承転結は物語の構成パターン</span></a>起承転結は物語の構成パターン</h1>\n<p data-sourcepos=\"9:1-13:78\">小中学校の国語や高校の現代文の授業を思い起こしてください。<br>\n「起承転結」という文章構成パターンを良いものと教わったことはありませんか？<br>\n国語は日本語の授業というより「文学」的な側面が強いと思います。<br>\n夏目漱石や宮沢賢治の作品を読み解くのが中心なのはこのためです。<br>\n起承転結は、物語を面白く書くための構成パターンです。</p>\n<ul data-sourcepos=\"15:1-19:0\">\n<li data-sourcepos=\"15:1-15:43\">起: 登場人物や世界観を設定。</li>\n<li data-sourcepos=\"16:1-16:61\">承: キャラや世界観を緩やかに育てていく。</li>\n<li data-sourcepos=\"17:1-17:67\">転: 追加で新事実発覚！どんでん返し！急展開！</li>\n<li data-sourcepos=\"18:1-19:0\">結: ↑で発散した物語を謎解きしたり、結末を見せて物語収束。</li>\n</ul>\n<p data-sourcepos=\"20:1-21:180\">序盤3分でコナンの真犯人が暴かれたり、デスノート1話目でキャラもよく分かってないのに夜神月が死んでしまったりしたら、物語としての楽しみが何もありませんよね。<br>\n物語は登場人物に感情移入していく過程が大事なので、結論に至るまで読者が時間をかけないといけないような構成になるわけです。</p>\n<h1 data-sourcepos=\"23:1-23:59\" id=\"2-0-0\" name=\"2-0-0\">\n<a class=\"anchor\" id=\"ブログ記事では結論→具体化の流れで書く\" name=\"%E3%83%96%E3%83%AD%E3%82%B0%E8%A8%98%E4%BA%8B%E3%81%A7%E3%81%AF%E7%B5%90%E8%AB%96%E2%86%92%E5%85%B7%E4%BD%93%E5%8C%96%E3%81%AE%E6%B5%81%E3%82%8C%E3%81%A7%E6%9B%B8%E3%81%8F\" href=\"#%E3%83%96%E3%83%AD%E3%82%B0%E8%A8%98%E4%BA%8B%E3%81%A7%E3%81%AF%E7%B5%90%E8%AB%96%E2%86%92%E5%85%B7%E4%BD%93%E5%8C%96%E3%81%AE%E6%B5%81%E3%82%8C%E3%81%A7%E6%9B%B8%E3%81%8F\" data-position=\"2-0-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"ブログ記事では結論→具体化の流れで書く\"> &gt; ブログ記事では結論→具体化の流れで書く</span></a>ブログ記事では結論→具体化の流れで書く</h1>\n<p data-sourcepos=\"25:1-25:349\">一方、実用的なブログ記事の構成としては、起承転結はアンチパターンです。実用書では感情移入の過程が必要ないからです。代わりに、<strong>結論を最初に書き、その後に理由・ストーリー・体験談・具体的な方法など、結論を補足する情報を書いていきます</strong>。</p>\n<p data-sourcepos=\"27:1-27:114\">例えば、ランディングページの作り方の記事だったら、次のような構成になります。</p>\n<ul data-sourcepos=\"29:1-34:0\">\n<li data-sourcepos=\"29:1-29:103\">結論: ランディングページはデザインより伝えたい内容を先に考えるべし！</li>\n<li data-sourcepos=\"30:1-30:53\">理由1: デザインは変わりやすいから。</li>\n<li data-sourcepos=\"31:1-31:86\">理由2: 内容が変わるとデザインも変更しないといけないから。</li>\n<li data-sourcepos=\"32:1-32:76\">体験: デザイナに何度も大変更をお願いして困らせた。</li>\n<li data-sourcepos=\"33:1-34:0\">方法: ブレストする。アウトラインを書く。文章にしてみる。その後デザインを考える。</li>\n</ul>\n<h2 data-sourcepos=\"35:1-35:15\" id=\"2-1-0\" name=\"2-1-0\">\n<a class=\"anchor\" id=\"メリット\" name=\"%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88\" href=\"#%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88\" data-position=\"2-1-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"メリット\"> &gt; メリット</span></a>メリット</h2>\n<p data-sourcepos=\"37:1-37:489\">結論を先に言うと、読者が時間を効率的に使うことができます。方法や理由など一部だけ学びたければ、そのセクションだけ読めばいいし、既に結論に共感をしている人なら、それ以降を全く読まずにSNSで共有してくれたりします。こうして、ひとつの記事の時間が短縮できると、関連の記事を見に行って、もっと多くあなたの記事を読むチャンスが生まれます。</p>\n<h1 data-sourcepos=\"40:1-40:11\" id=\"3-0-0\" name=\"3-0-0\">\n<a class=\"anchor\" id=\"まとめ\" name=\"%E3%81%BE%E3%81%A8%E3%82%81\" href=\"#%E3%81%BE%E3%81%A8%E3%82%81\" data-position=\"3-0-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"まとめ\"> &gt; まとめ</span></a>まとめ</h1>\n<ul data-sourcepos=\"42:1-44:83\">\n<li data-sourcepos=\"42:1-42:74\">みんな時間がないので、伝達効率の高い文章が必要。</li>\n<li data-sourcepos=\"43:1-43:110\">起承転結は時間をかけて読む物語の構成パータンで、ブログには向いていない。</li>\n<li data-sourcepos=\"44:1-44:83\">ブログでは結論→具体化の流れで書くと、伝達効率が高い。</li>\n</ul>\n"}},"pageContext":{"id":"DatoCmsPost-5142972-ja","description":"時間に追われる人が多い現代、読者は貴重な時間を割いて、ネット上に1日あたり200万件ほど公開されるブログ記事の中から、数えられる程度の記事をピックアップして読んでいます。 読者は限られた時間に、できるだけ多くの記事に触れようとします。 特に、実践的な情報を提供したいと考えている記事では、結論が最初に書かれた記事のほうが情報伝達効率の高く読者にやさしいものになると思います。 起承転結は物語の構成パターン 小中学校の国語や高校の現代文の授業を思い起こしてください。 「起承転結」という文章構成パターンを良いものと教わったことはありませんか？ 国語は日本語の授業というより「文学」的な側面が強いと思いま","toc":[{"tag":"h1","depth":1,"href":"#%E8%B5%B7%E6%89%BF%E8%BB%A2%E7%B5%90%E3%81%AF%E7%89%A9%E8%AA%9E%E3%81%AE%E6%A7%8B%E6%88%90%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3","text":"起承転結は物語の構成パターン","html":"起承転結は物語の構成パターン"},{"tag":"h1","depth":1,"href":"#%E3%83%96%E3%83%AD%E3%82%B0%E8%A8%98%E4%BA%8B%E3%81%A7%E3%81%AF%E7%B5%90%E8%AB%96%E2%86%92%E5%85%B7%E4%BD%93%E5%8C%96%E3%81%AE%E6%B5%81%E3%82%8C%E3%81%A7%E6%9B%B8%E3%81%8F","text":"ブログ記事では結論→具体化の流れで書く","html":"ブログ記事では結論→具体化の流れで書く"},{"tag":"h2","depth":2,"href":"#%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88","text":"メリット","html":"メリット"},{"tag":"h1","depth":1,"href":"#%E3%81%BE%E3%81%A8%E3%82%81","text":"まとめ","html":"まとめ"}],"ogpImageUrl":"https://www.datocms-assets.com/29850/1593190022-pastedimage20200627146.png?fm=png&mark64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9NDAwJmg9NjQmZml0PWNyb3AmYmxlbmQ2ND1hSFIwY0hNNkx5OTNkM2N1WkdGMGIyTnRjeTFoYzNObGRITXVZMjl0THpJNU9EVXdMekUxT1RFNE16TXlPVEF0WVhaaGRHRnlOVEV5TG1wd1p6OXRZWE5yUFdWc2JHbHdjMlVtWm0wOWNHNW5KbmM5TWpVMkptZzlNalUyJmJsZW5kLWg9NjQmYmxlbmQteD0wJmJsZW5kLXk9MCZibGVuZC1tb2RlPW5vcm1hbCZtYXJrNjQ9YUhSMGNITTZMeTloYzNObGRITXVhVzFuYVhndWJtVjBMMzUwWlhoMFAzUjRkQzFoYkdsbmJqMXRhV1JrYkdVbE1rTnNaV1owSm5SNGRDMW1iMjUwUFhOaGJuTXRjMlZ5YVdZbE1rTmliMnhrSm5SNGRDMWpiMnh2Y2oweU1qRTRNVFltZEhoME5qUTlZek5XY0dKbkpuUjRkQzF6YVhwbFBUTXdKbWc5TmpRJm1hcmsteD02NCZtYXJrLWFsaWduPW1pZGRsZSUyQ2xlZnQ&mark-align=bottom%2Cleft&mark-x=100&mark-y=496&blend64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9MTIwMCZoPTYzMCZmaXQ9Y3JvcCZtYXJrNjQ9YUhSMGNITTZMeTkzZDNjdVpHRjBiMk50Y3kxaGMzTmxkSE11WTI5dEx6STVPRFV3THpFMU9UTXhOVEE1TkRBdFkzSmhablJ6YldGdUxUQXhMbkJ1WncmbWFyay1hbGlnbj10b3AlMkNjZW50ZXImbWFyay13PTI1MCZtYXJrLXk9ODAmYmxlbmQ2ND1hSFIwY0hNNkx5OWhjM05sZEhNdWFXMW5hWGd1Ym1WMEwzNTBaWGgwUDNSNGRDMWhiR2xuYmoxdGFXUmtiR1VsTWtOalpXNTBaWEltZEhoMExXWnZiblE5YzJGdWN5MXpaWEpwWmlVeVEySnZiR1FtZEhoMExYQmhaRDB4TURBbWRIaDBMV052Ykc5eVBUSXlNVGd4TmlaMGVIUTJORDAwTkU5WE5EUlBkRFEwUzNjME5FZDFOa3hYTXpWdmJWODJUSFZwTlRkWFVUUTBSM1kyUzNGME5EUkhYelZ2YlV3ME5FZHlORFJIYnpRMFIybzBORWR0TmxveVpUVlpjVFUxTkRaSU5EUkhjVFEwUjNVME5FZHVORFJEUWpVM1YxRTJTM1ZYTkRSUFZqUTBTMmcwTkU4NE5EUkxOVFEwVDBrME5FZHVOWEIxTkRRMFIwVTBORWRtTkRSSE56UTBSMGMwTkVkTk5EUkhSVFEwUjBVME5FZHZOVzlEWkRRMFIwY21kSGgwTFhOcGVtVTlOVFVtZHoweE1qQXdKbWc5TmpNdyZibGVuZC1tb2RlPW5vcm1hbA&blend-mode=normal","otherPost":{"type":"author","title":"Crystal言語をMacに入れて\"Hello World\"してみた","slug":"/posts/39"}}}}