テクニカルライティングの基本

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>テクニカルライティングの基本 - Speaker Deck</title> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link rel="stylesheet" media="screen" href="https://d1eu30co0ohy4w.cloudfront.net/assets/application-501db7e03e864713ac7fbdd4ae3c5591765f51b140a8de0e98adfd2d065b13aa.css" /> <script src="https://d1eu30co0ohy4w.cloudfront.net/assets/application-bb883a8c431d6aaaad55.js"></script> <link rel="icon" type="image/png" href="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" /> <link rel="apple-touch-icon" type="image/png" href="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" /> <link rel="manifest" href="/manifest.json"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="FbaegV9LzJxlAVee5JWLcDu3GqgR01dSw09f1s374ZOPKGun/lpiN0ZpamEHwXExytAFfZJcrlmRQ1sukTVA1A==" /> <link rel="stylesheet" media="screen" href="https://d1eu30co0ohy4w.cloudfront.net/assets/player-0b8a94428c659e1ac7e00f01233899ccfb27ea3bd2b6b59de4e1bc856c362af7.css" /> <script src="https://d1eu30co0ohy4w.cloudfront.net/assets/player-5149bb60884c0e415330.js"></script> <link rel="alternate" type="application/json+oembed" href="https://speakerdeck.com/oembed.json?url=https%3A%2F%2Fspeakerdeck.com%2Fnaohiro_nakata%2Ftechnicalwriting" title="テクニカルライティングの基本"> <meta property="og:url" content="https://speakerdeck.com/naohiro_nakata/technicalwriting"> <meta property="og:site_name" content="Speaker Deck"> <meta property="og:title" content="テクニカルライティングの基本"> <meta property="og:description" name="description" content="テクニカルライティングの基本を学べます。サイボウズの新入社員向け研修資料です。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。本資料をもとにした書籍も発売中です：https://amzn.asia/d/2hQNEk2 Twitter：https://twit&hellip;"> <meta property="og:type" content="website" /> <meta property="og:author" content="Naohiro Nakata"> <meta property="og:image" content="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_0.jpg?21597936"> <meta name="robots" content="max-image-preview:large"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@speakerdeck"> <meta name="twitter:creator" content="@speakerdeck"> <meta name="twitter:title" content="テクニカルライティングの基本"> <meta name="twitter:description" content="テクニカルライティングの基本を学べます。サイボウズの新入社員向け研修資料です。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。本資料をもとにした書籍も発売中です：https://amzn.asia/d/2hQNEk2 Twitter：https://twit&hellip;"> <meta name="twitter:image:src" content="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_0.jpg?21597936"> <link rel="canonical" href="https://speakerdeck.com/naohiro_nakata/technicalwriting" /> <meta name="twitter:label1" value="Deck by" /> <meta name="twitter:data1" value="Naohiro Nakata"> <meta name="stats-owner_id" content="975999" /> <meta name="stats-talk_id" content="877931" /> <meta name="stats-view_type" content="talk" /> <style> @media only screen and (min-width: 0px) and (min-height: 0px) { .ads-container > div { min-width:300px; min-height:250px; } } @media only screen and (min-width: 640px) and (min-height: 0px) { .ads-container > div { min-width:570px; min-height:90px; } } </style> <script type="text/javascript"> (function(){ var bsa_optimize=document.createElement('script'); bsa_optimize.type='text/javascript'; bsa_optimize.async=true; bsa_optimize.src='https://cdn4.buysellads.net/pub/speakerdeck.js?'+(new Date()-new Date()%600000); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa_optimize); })(); </script> </head> <body class="sd-app"> <div id="promo" class="promo d-flex alert alert-warning"> <a class="d-block flex-grow-1 text-center text-dark h4 mb-0" href="/pro?utm_campaign=option1&utm_medium=web&utm_source=promo_banner"> $30 off During Our Annual Pro Sale. View Details » </a> <script> document.addEventListener("DOMContentLoaded", (event) => { gtag('event', 'promo_view', { 'banner': 'option1' }); }); </script> <button type="button" id="promo-dismiss" class="btn-close align-self-center" aria-label="Close"></button> </div> <div class="sd-menu d-md-none"> <div class="container sd-menu-fixed-container"> <div class="sd-brand"> <a class="sd-brand-logo" href="/"> <img alt="Speaker Deck" width="32" height="20" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" /> <span class="d-none d-md-inline">Speaker Deck</span> </a> </div> <nav class="sd-fixed-nav" aria-label="Primary"> <div class="sd-nav-main js-toggle-container"> <ul class="sd-nav-fixed-group nav toggle-flex-when-off"> <li class="sd-nav-item nav-item d-none d-md-block"> <a class="sd-nav-link nav-link" href="/features"> Features </a> </li> <li class="sd-nav-item nav-item d-none d-md-block"> <a class="sd-nav-link nav-link" href="/pro"> <span class="d-none d-md-inline">Speaker Deck</span> <div class="badge badge-pro-prominent">PRO</div> </a> </li> <li class="sd-nav-item nav-item"> <a class="sd-nav-link nav-link" href="/signin"> Sign in </a> </li> <li class="sd-nav-item nav-item"> <a class="btn btn-primary" href="/signup"> Sign up for free </a> </li> <li class="sd-nav-item d-block d-md-none"> <button class="btn btn-link me-2 js-toggle-trigger" aria-label="Toggle Search"> <svg class="icon icon-search "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-search"></use></svg> </button> </li> <li class="sd-nav-item nav-item d-none d-md-block"> <form action="https://www.google.com/cse" id="cse-search-box" class="row"> <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4"> <input type="hidden" name="ie" value="UTF-8"> <label for="q" class="visually-hidden">Search</label> <div class="col"><input type="text" name="q" id="q" value="" placeholder="Search..." class="form-control search-input w-auto"></div> <div class="col"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div> </form> </li> </ul> <ul class="sd-nav-fixed-group nav toggle-flex-when-on"> <li class="sd-nav-item"> <form action="https://www.google.com/cse" id="cse-search-box" class="row"> <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4"> <input type="hidden" name="ie" value="UTF-8"> <label for="q" class="visually-hidden">Search</label> <div class="col"><input type="text" name="q" id="q" value="" placeholder="Search..." class="form-control search-input w-auto"></div> <div class="col"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div> </form> </li> <li class="sd-nav-item pe-2"> <button class="btn btn-link js-toggle-trigger"> <svg class="icon icon-x "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-x"></use></svg> </button> </li> </ul> </div> </nav> </div> </div> <div class="sd-main"> <div class="deck deck-with-banner"> <div class="deck-background" style="background-image: url('https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/preview_slide_0.jpg?21597936')"></div> <div class="deck-header d-none d-md-block js-toggle-container"> <div class="container d-flex align-items-center w-100"> <div class="deck-header-logo py-3 me-5"> <a class="sd-brand-logo" href="/"> <img alt="Speaker Deck" width="32" height="21" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-white-8d908558fe78e8efc8118c6fe9b9b1a9846b182c503bdc6902f97df4ddc9f3af.svg" /> </a> </div> <div class="p-3 text-center toggle-block-when-off flex-fill"> <h4 class="deck-header-title text-white text-truncate"> テクニカルライティングの基本 </h4> </div> <div class="d-flex justify-content-end align-items-center ms-auto"> <div class="deck-header-user-nav toggle-block-when-on"> <form action="https://www.google.com/cse" id="cse-search-box" class="row"> <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4"> <input type="hidden" name="ie" value="UTF-8"> <label for="q" class="visually-hidden">Search</label> <div class="col"><input type="text" name="q" id="q" value="" placeholder="Search..." class="form-control search-input w-auto"></div> <div class="col"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div> </form> </div> <div class="deck-header-user-nav toggle-block-when-on"> <button class="btn btn-link me-2 js-toggle-trigger text-white"> <svg class="icon icon-x "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-x"></use></svg> </button> </div> <div class="deck-header-user-nav toggle-block-when-off"> <button class="btn btn-link me-2 js-toggle-trigger text-white" aria-label="Toggle Search"> <svg class="icon icon-search "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-search"></use></svg> </button> </div> <div class="deck-header-user-nav flex-grow-0 dropdown py-3"> </div> </div> </div> </div> <div class="deck-embed js-deck-embed" style="aspect-ratio:1024/576;" data-ratio="1.7777777777777777" data-state="processed"> <div class="speakerdeck-embed" data-title="false" data-skip-resize="true" data-id="faa63b5c68cc450b878e384181e1b7cd" data-name="テクニカルライティングの基本" data-ratio="1.7777777777777777" data-host="speakerdeck.com"></div> </div> <div class="deck-meta"> <div class="container"> <div class="row align-items-center justify-content-between"> <div class="col-md-auto col-12 py-3"> <div class="row align-items-center justify-content-md-start"> <a class="d-flex align-items-center font-weight-bold text-white col-auto" href="/naohiro_nakata"> <span class="me-2"> <img width="47" height="47" class="avatar " loading="eager" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=47" /> </span> <span> Naohiro Nakata </span> </a> <div class="col-auto deck-date"> June 01, 2022 </div> <div class="col-auto d-none d-md-block"> </div> </div> </div> <div class="col-md-auto col-12 py-md-3 pb-3"> <div class="row justify-content-between justify-content-md-start gap-2 gap-md-0"> <div class="col-auto me-auto me-md-0 align-self-center"> <a class="text-white font-weight-bold" href="/c/business"> <svg class="icon icon-folder "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-folder"></use></svg> Business </a> </div> <div class="row col-auto text-white font-weight-bold"> <div class="col-auto pe-0 pe-lg-2 align-self-center"><div class="js-bookmark bookmark animated" data-talk-id="877931"> </div> </div> <div class="col-auto pe-0 pe-lg-2 align-self-center"><div class="js-stargazer stargazer animated" data-talk-id="877931"> <a class="font-weight-bold" title="Star テクニカルライティングの基本" href="/signin?return_to=%2Fnaohiro_nakata%2Ftechnicalwriting"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 254 </a></div> </div> <div class="col-auto pe-0 pe-lg-2 align-self-center" title="293,276 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 290k</div> <div class="col-auto pe-0 pe-lg-2 align-self-center"><a title="Download PDF" class="text-white" href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/TechnicalWriting.pdf"><svg class="icon icon-download "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-download"></use></svg></a></div> </div> </div> </div> </div> </div> </div> </div> <div class="container py-md-5"> <div class="ads-container"><div id="bsa-zone_1710255896577-0_123456"></div></div> <h1 class="mb-4 text-break"> テクニカルライティングの基本</h1> <div class="deck-description text-break mb-4"> <p>テクニカルライティングの基本を学べます。サイボウズの新入社員向け研修資料です。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。</p> <p>本資料をもとにした書籍も発売中です：<a rel="nofollow" href="https://amzn.asia/d/2hQNEk2">https://amzn.asia/d/2hQNEk2</a> <br>Twitter：<a rel="nofollow" href="https://twitter.com/naoh_nak">https://twitter.com/naoh_nak</a> <br>2023年度のアップデート版もあります：<a rel="nofollow" href="https://speakerdeck.com/naohiro_nakata/technicalwriting2023">https://speakerdeck.com/naohiro_nakata/technicalwriting2023</a></p> <small><p></p></small> </div> <div class="row align-items-center td-none mb-4"> <div class="col-md-auto col-12 me-md-auto mb-4 mb-md-0"> <div class="row align-items-center"> <div class="col-auto"> <img width="128" height="128" class="avatar avatar-lg" loading="eager" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=128" /> </div> <div class="col-auto ps-0"> <h2 class="m-0 h4"> <a class="text-dark" href="/naohiro_nakata">Naohiro Nakata</a> </h2> <div class="text-muted"> June 01, 2022 </div> </div> </div> </div> <div class="col-md-auto col-12"> <div class="btn-group btn-group-flex d-flex" role="group"> <a href="https://twitter.com/intent/tweet?url=https://speakerdeck.com/naohiro_nakata/technicalwriting&text=%E3%83%86%E3%82%AF%E3%83%8B%E3%82%AB%E3%83%AB%E3%83%A9%E3%82%A4%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E5%9F%BA%E6%9C%AC" class="btn btn-outline-primary w-100"> <svg class="icon icon-twitter "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-twitter"></use></svg> Tweet </a> <button class="facebook-share btn btn-outline-primary w-100"> <svg class="icon icon-facebook "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-facebook"></use></svg> Share </button> </div> </div> </div> <div class="ads-container"><div id="bsa-zone_1712565778570-2_123456"></div></div> </div> <div class="bg-lightest border-top"> <div class="container py-md-4 py-3"> <div class="row mb-4 align-items-center"> <div class="col-12 col-lg-9 mb-3 mb-lg-0"> <h2 class="m-0">More Decks by Naohiro Nakata</h2> </div> <div class="col-12 col-lg-3 text-lg-end"> <a class="btn btn-outline-primary btn-break" href="/naohiro_nakata"> See All by Naohiro Nakata <svg class="icon icon-chevron-right "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-chevron-right"></use></svg> </a> </div> </div> <div class="row"> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="a6750e73b33e4c9eb40ec1abe146af64" data-slide-count="86" data-cover-image="https://files.speakerdeck.com/presentations/a6750e73b33e4c9eb40ec1abe146af64/preview_slide_0.jpg?32543879"> <a class="deck-preview-link" href="/naohiro_nakata/basics-of-documentation-for-engineers" title="エンジニアが一生困らないドキュメント作成の基本"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/a6750e73b33e4c9eb40ec1abe146af64/preview_slide_0.jpg?32543879');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/a6750e73b33e4c9eb40ec1abe146af64/preview_slide_0.jpg?32543879');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> エンジニアが一生困らないドキュメント作成の基本 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 3 </div> <div class="px-1 py-3"> <span title="307 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 310</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="472495fed7234018bab9ff97fe5e7507" data-slide-count="43" data-cover-image="https://files.speakerdeck.com/presentations/472495fed7234018bab9ff97fe5e7507/preview_slide_0.jpg?28576055"> <a class="deck-preview-link" href="/naohiro_nakata/techniques-for-motivating-readers" title="読者のモチベーションを⾼める技術"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/472495fed7234018bab9ff97fe5e7507/preview_slide_0.jpg?28576055');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/472495fed7234018bab9ff97fe5e7507/preview_slide_0.jpg?28576055');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 読者のモチベーションを⾼める技術 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 7 </div> <div class="px-1 py-3"> <span title="1,025 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 1k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="6d29f16691a1401495d18b7fea44b85b" data-slide-count="69" data-cover-image="https://files.speakerdeck.com/presentations/6d29f16691a1401495d18b7fea44b85b/preview_slide_0.jpg?26087129"> <a class="deck-preview-link" href="/naohiro_nakata/technicalwriting2023" title="テクニカルライティングの基本 2023年版"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/6d29f16691a1401495d18b7fea44b85b/preview_slide_0.jpg?26087129');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/6d29f16691a1401495d18b7fea44b85b/preview_slide_0.jpg?26087129');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> テクニカルライティングの基本 2023年版 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 141 </div> <div class="px-1 py-3"> <span title="113,732 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 110k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="d0be189ad7454885ad5c99657ad336a2" data-slide-count="67" data-cover-image="https://files.speakerdeck.com/presentations/d0be189ad7454885ad5c99657ad336a2/preview_slide_0.jpg?24445424"> <a class="deck-preview-link" href="/naohiro_nakata/technicalwritingfordeveloper" title="技術をわかりやすく伝えるためテクニカルライティング"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/d0be189ad7454885ad5c99657ad336a2/preview_slide_0.jpg?24445424');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/d0be189ad7454885ad5c99657ad336a2/preview_slide_0.jpg?24445424');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 技術をわかりやすく伝えるためテクニカルライティング </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 32 </div> <div class="px-1 py-3"> <span title="25,986 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 26k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="92402d302f4542c99ca82deab0dc5a30" data-slide-count="16" data-cover-image="https://files.speakerdeck.com/presentations/92402d302f4542c99ca82deab0dc5a30/preview_slide_0.jpg?23935424"> <a class="deck-preview-link" href="/naohiro_nakata/the-product-is-docs-nosu-me" title="『THE PRODUCT IS DOCS』のすゝめ"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/92402d302f4542c99ca82deab0dc5a30/preview_slide_0.jpg?23935424');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/92402d302f4542c99ca82deab0dc5a30/preview_slide_0.jpg?23935424');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 『THE PRODUCT IS DOCS』のすゝめ </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 2 </div> <div class="px-1 py-3"> <span title="1,176 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 1.2k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="8bf6049cce274b65a975b9cedb8fe27e" data-slide-count="35" data-cover-image="https://files.speakerdeck.com/presentations/8bf6049cce274b65a975b9cedb8fe27e/preview_slide_0.jpg?21976817"> <a class="deck-preview-link" href="/naohiro_nakata/shu-kuqian-nili-tizhi-matutekao-eyou-chuan-eruqing-bao-wozheng-li-suru-toiukoto" title="書く前に立ち止まって考えよう！「伝える情報を整理する」ということ"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/8bf6049cce274b65a975b9cedb8fe27e/preview_slide_0.jpg?21976817');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/8bf6049cce274b65a975b9cedb8fe27e/preview_slide_0.jpg?21976817');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 書く前に立ち止まって考えよう！「伝える情報を整理する」ということ </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 9 </div> <div class="px-1 py-3"> <span title="9,876 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 9.9k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="b4be43db9ed141199c129cc16716ccca" data-slide-count="36" data-cover-image="https://files.speakerdeck.com/presentations/b4be43db9ed141199c129cc16716ccca/preview_slide_0.jpg?18333466"> <a class="deck-preview-link" href="/naohiro_nakata/mofalseyagai-nian-wowakariyasukuchuan-erutekunituku" title="モノや概念をわかりやすく伝えるテクニック"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/b4be43db9ed141199c129cc16716ccca/preview_slide_0.jpg?18333466');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/b4be43db9ed141199c129cc16716ccca/preview_slide_0.jpg?18333466');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> モノや概念をわかりやすく伝えるテクニック </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 14 </div> <div class="px-1 py-3"> <span title="11,463 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 11k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="069ee86a50c84d45b4d4a2dfc5b48475" data-slide-count="40" data-cover-image="https://files.speakerdeck.com/presentations/069ee86a50c84d45b4d4a2dfc5b48475/preview_slide_0.jpg?14373362"> <a class="deck-preview-link" href="/naohiro_nakata/yuzatofalsexie-diao-wozhong-shi-surushi-dai-niokeru-dokiyumentozhi-zuo-xian-chang-falsequ-rizu-mi" title="ユーザーとの協調を重視する時代におけるドキュメント制作現場の取り組み"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/069ee86a50c84d45b4d4a2dfc5b48475/preview_slide_0.jpg?14373362');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/069ee86a50c84d45b4d4a2dfc5b48475/preview_slide_0.jpg?14373362');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> ユーザーとの協調を重視する時代におけるドキュメント制作現場の取り組み </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 4 </div> <div class="px-1 py-3"> <span title="1,938 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 1.9k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="6b0650929ac741be9ba9bb821762c2c9" data-slide-count="26" data-cover-image="https://files.speakerdeck.com/presentations/6b0650929ac741be9ba9bb821762c2c9/preview_slide_0.jpg?12842781"> <a class="deck-preview-link" href="/naohiro_nakata/herupusaitofalsezhi-zuo-purosesu" title="ヘルプサイトの制作プロセス"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/6b0650929ac741be9ba9bb821762c2c9/preview_slide_0.jpg?12842781');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/6b0650929ac741be9ba9bb821762c2c9/preview_slide_0.jpg?12842781');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> ヘルプサイトの制作プロセス </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/naohiro_nakata" aria-label="Naohiro Nakata profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/c43b7e95298f26c44b8a52587074a062?s=24" /> naohiro_nakata </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 6 </div> <div class="px-1 py-3"> <span title="8,788 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 8.8k</span> </div> </div> </div> </div> </div> <div class="row mb-4 align-items-center"> <div class="col-12 col-lg-9 mb-3 mb-lg-0"> <h2 class="m-0">Other Decks in Business</h2> </div> <div class="col-12 col-lg-3 text-lg-end"> <a class="btn btn-outline-primary" href="/c/business"> See All in Business <svg class="icon icon-chevron-right "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-chevron-right"></use></svg> </a> </div> </div> <div class="row"> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="cd1376f4f33b42179d47f8e1103f157e" data-slide-count="27" data-cover-image="https://files.speakerdeck.com/presentations/cd1376f4f33b42179d47f8e1103f157e/preview_slide_0.jpg?32761486"> <a class="deck-preview-link" href="/melon/zhu-shi-hui-she-melon-hui-she-shuo-ming-zi-liao" title="株式会社Melon_会社説明資料"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/cd1376f4f33b42179d47f8e1103f157e/preview_slide_0.jpg?32761486');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/cd1376f4f33b42179d47f8e1103f157e/preview_slide_0.jpg?32761486');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 株式会社Melon_会社説明資料 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/melon" aria-label="Melon profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/ce5440ebbd4bd9572467f48be90a5f92?s=24" /> melon </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 0 </div> <div class="px-1 py-3"> <span title="114 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 110</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="6c36d818081740d793c2f7eba28e70ef" data-slide-count="10" data-cover-image="https://files.speakerdeck.com/presentations/6c36d818081740d793c2f7eba28e70ef/preview_slide_0.jpg?32654065"> <a class="deck-preview-link" href="/tokyo_metropolitan_gov_digital_hr/yi-xiao-hua-she-bei-wei-chi-guan-li-ye-wu-henodxhuo-yong" title="駅消化設備維持管理業務へのDX活用"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/6c36d818081740d793c2f7eba28e70ef/preview_slide_0.jpg?32654065');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/6c36d818081740d793c2f7eba28e70ef/preview_slide_0.jpg?32654065');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 駅消化設備維持管理業務へのDX活用 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/tokyo_metropolitan_gov_digital_hr" aria-label="東京都デジタル人材確保・育成 profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/4eb2b855dbb57f6dbf63fab6ed122521?s=24" /> tokyo_metropolitan_gov_digital_hr </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 0 </div> <div class="px-1 py-3"> <span title="187 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 190</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="fe788634ab28464bbc9a8d95c615d698" data-slide-count="28" data-cover-image="https://files.speakerdeck.com/presentations/fe788634ab28464bbc9a8d95c615d698/preview_slide_0.jpg?32705250"> <a class="deck-preview-link" href="/identify/company-deck-71b02b75-d0d8-4f91-9a72-f8c7b95da6c5" title="company deck"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/fe788634ab28464bbc9a8d95c615d698/preview_slide_0.jpg?32705250');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/fe788634ab28464bbc9a8d95c615d698/preview_slide_0.jpg?32705250');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> company deck </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/identify" aria-label="identify.inc profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/6ceb79d1f7a902aa830de97b32b9dde8?s=24" /> identify </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 1 </div> <div class="px-1 py-3"> <span title="236 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 240</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="8e42fdf9dd204af7bbbce7e27f3c0461" data-slide-count="85" data-cover-image="https://files.speakerdeck.com/presentations/8e42fdf9dd204af7bbbce7e27f3c0461/preview_slide_0.jpg?32687695"> <a class="deck-preview-link" href="/nextbeat/newgraduates-engineer" title="新卒エンジニア向け会社紹介資料/newgraduates-engineer"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/8e42fdf9dd204af7bbbce7e27f3c0461/preview_slide_0.jpg?32687695');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/8e42fdf9dd204af7bbbce7e27f3c0461/preview_slide_0.jpg?32687695');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 新卒エンジニア向け会社紹介資料/newgraduates-engineer </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/nextbeat" aria-label="nextbeat profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/1a35d5fba18d2e964c10edc453523187?s=24" /> nextbeat </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 2 </div> <div class="px-1 py-3"> <span title="1,657 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 1.7k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="48ef58cc15f3445d92c2d8f9bb4ea67a" data-slide-count="4" data-cover-image="https://files.speakerdeck.com/presentations/48ef58cc15f3445d92c2d8f9bb4ea67a/preview_slide_0.jpg?32558055"> <a class="deck-preview-link" href="/tokyo_metropolitan_gov_digital_hr/hui-ji-shi-wu-yan-xiu-henolmsdao-ru-itudemo-dokodemo-he-du-demo" title="会計実務研修へのLMS導入～いつでも、どこでも、何度でも～"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/48ef58cc15f3445d92c2d8f9bb4ea67a/preview_slide_0.jpg?32558055');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/48ef58cc15f3445d92c2d8f9bb4ea67a/preview_slide_0.jpg?32558055');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 会計実務研修へのLMS導入～いつでも、どこでも、何度でも～ </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/tokyo_metropolitan_gov_digital_hr" aria-label="東京都デジタル人材確保・育成 profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/4eb2b855dbb57f6dbf63fab6ed122521?s=24" /> tokyo_metropolitan_gov_digital_hr </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 0 </div> <div class="px-1 py-3"> <span title="183 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 180</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="7e08189b60fa4c98bb526461978f4cce" data-slide-count="9" data-cover-image="https://files.speakerdeck.com/presentations/7e08189b60fa4c98bb526461978f4cce/preview_slide_0.jpg?32744896"> <a class="deck-preview-link" href="/coneinc/c-slide-kitukuohumiteinguzi-liao" title="c-slide_キックオフミーティング資料"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/7e08189b60fa4c98bb526461978f4cce/preview_slide_0.jpg?32744896');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/7e08189b60fa4c98bb526461978f4cce/preview_slide_0.jpg?32744896');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> c-slide_キックオフミーティング資料 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/coneinc" aria-label="CONE Inc. profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/753707a8088aedc2d03f629cea4129bb?s=24" /> coneinc </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 0 </div> <div class="px-1 py-3"> <span title="179 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 180</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="40032192246a474f94307f9fdc6a946f" data-slide-count="29" data-cover-image="https://files.speakerdeck.com/presentations/40032192246a474f94307f9fdc6a946f/preview_slide_0.jpg?32533555"> <a class="deck-preview-link" href="/brainpadpr/brainpad-an-202208" title="BrainPad_AC_202411"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/40032192246a474f94307f9fdc6a946f/preview_slide_0.jpg?32533555');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/40032192246a474f94307f9fdc6a946f/preview_slide_0.jpg?32533555');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> BrainPad_AC_202411 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/brainpadpr" aria-label="BrainPad profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/89d1ae72e8683e44c744f4cab8d99f39?s=24" /> brainpadpr </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 2 </div> <div class="px-1 py-3"> <span title="9,121 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 9.1k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="196e196df5434890a2be7fe6aadf9efa" data-slide-count="11" data-cover-image="https://files.speakerdeck.com/presentations/196e196df5434890a2be7fe6aadf9efa/preview_slide_0.jpg?31519053"> <a class="deck-preview-link" href="/mkengineering/hui-she-an-nei-zi-liao" title="会社案内資料"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/196e196df5434890a2be7fe6aadf9efa/preview_slide_0.jpg?31519053');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/196e196df5434890a2be7fe6aadf9efa/preview_slide_0.jpg?31519053');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 会社案内資料 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/mkengineering" aria-label="MKエンジニアリング株式会社　採用担当　荻野 profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMGptQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--ae439717e63c1801d5ccc24730eec97788fdef29/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwSFdrZCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--4ad392f1bbc219b5ee43c69f392557817650c021/MKE_Logo_box-1_RGB.png" /> mkengineering </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 1 </div> <div class="px-1 py-3"> <span title="183 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 180</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="99d4a9ef047c4c0c8682f28aa81ca5ab" data-slide-count="24" data-cover-image="https://files.speakerdeck.com/presentations/99d4a9ef047c4c0c8682f28aa81ca5ab/preview_slide_0.jpg?32548707"> <a class="deck-preview-link" href="/hinalin/metimo-si-he-u-wole-simou" title="【metimo】「『似合う』を楽しもう。」"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/99d4a9ef047c4c0c8682f28aa81ca5ab/preview_slide_0.jpg?32548707');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/99d4a9ef047c4c0c8682f28aa81ca5ab/preview_slide_0.jpg?32548707');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 【metimo】「『似合う』を楽しもう。」 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/hinalin" aria-label="Hina Nakahira profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/caa01069fa2023b198e15dfb0c4d6362?s=24" /> hinalin </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 0 </div> <div class="px-1 py-3"> <span title="852 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 850</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="503dda5efa7a4c09a3b110192d5ec883" data-slide-count="30" data-cover-image="https://files.speakerdeck.com/presentations/503dda5efa7a4c09a3b110192d5ec883/preview_slide_0.jpg?32684883"> <a class="deck-preview-link" href="/kkosukeee/startup-cto-of-the-year-2024-zhu-shi-hui-she-haiyaru" title="Startup CTO of the year 2024 株式会社ハイヤールー"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/503dda5efa7a4c09a3b110192d5ec883/preview_slide_0.jpg?32684883');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/503dda5efa7a4c09a3b110192d5ec883/preview_slide_0.jpg?32684883');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Startup CTO of the year 2024 株式会社ハイヤールー </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kkosukeee" aria-label="Kosuke Kuzuoka profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/6b6fab5155ec52293778ed7b64ab377f?s=24" /> kkosukeee </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 0 </div> <div class="px-1 py-3"> <span title="4,835 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 4.8k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="2e4bd857a2204ef281bc338c3984d435" data-slide-count="22" data-cover-image="https://files.speakerdeck.com/presentations/2e4bd857a2204ef281bc338c3984d435/preview_slide_0.jpg?32514588"> <a class="deck-preview-link" href="/xendou/xendouhui-she-gai-yao" title="XENDOU会社概要"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/2e4bd857a2204ef281bc338c3984d435/preview_slide_0.jpg?32514588');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/2e4bd857a2204ef281bc338c3984d435/preview_slide_0.jpg?32514588');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> XENDOU会社概要 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/xendou" aria-label="xendou profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/cbeec4fb085b4cc5b0e5f93cb2ad76ef?s=24" /> xendou </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 0 </div> <div class="px-1 py-3"> <span title="283 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 280</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="4436070a44534f1cb55f5f4f31467b3f" data-slide-count="45" data-cover-image="https://files.speakerdeck.com/presentations/4436070a44534f1cb55f5f4f31467b3f/preview_slide_0.jpg?32694399"> <a class="deck-preview-link" href="/tbpgr/three-elements-and-processes-of-organizational-adaptation" title="新しい社員の組織適応を支える3つの要素とプロセス / Three elements and processes of organizational adaptation"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/4436070a44534f1cb55f5f4f31467b3f/preview_slide_0.jpg?32694399');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/4436070a44534f1cb55f5f4f31467b3f/preview_slide_0.jpg?32694399');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 新しい社員の組織適応を支える3つの要素とプロセス / Three elements and processes of organizational adaptation </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/tbpgr" aria-label="tbpgr profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/2c66334641148ae540260f5494bc4271?s=24" /> tbpgr </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 3 </div> <div class="px-1 py-3"> <span title="473 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 470</span> </div> </div> </div> </div> </div> <div class="row mb-4 align-items-center"> <div class="col-12 col-lg-9 mb-3 mb-lg-0"> <h2 class="m-0">Featured</h2> </div> <div class="col-12 col-lg-3 text-lg-end"> <a class="btn btn-outline-primary" href="/p/featured"> See All Featured <svg class="icon icon-chevron-right "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-chevron-right"></use></svg> </a> </div> </div> <div class="row"> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="4ec50458e2f5020054007f5a" data-slide-count="67" data-cover-image="https://files.speakerdeck.com/presentations/4ec50458e2f5020054007f5a/preview_slide_0.jpg?632129"> <a class="deck-preview-link" href="/jrom/teambox-starting-and-learning" title="Teambox: Starting and Learning"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/4ec50458e2f5020054007f5a/preview_slide_0.jpg?632129');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/4ec50458e2f5020054007f5a/preview_slide_0.jpg?632129');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Teambox: Starting and Learning </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/jrom" aria-label="Jordi Romero profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/aebc2d07a50011e2a30d38435fde564a?s=24" /> jrom </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 133 </div> <div class="px-1 py-3"> <span title="8,780 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 8.8k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="e41ce0a0ba1c013092004a04c7dbb9d8" data-slide-count="20" data-cover-image="https://files.speakerdeck.com/presentations/e41ce0a0ba1c013092004a04c7dbb9d8/preview_slide_0.jpg?1741405"> <a class="deck-preview-link" href="/philhawksworth/5-minutes-of-i-can-smell-your-cms" title="5 minutes of I Can Smell Your CMS"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/e41ce0a0ba1c013092004a04c7dbb9d8/preview_slide_0.jpg?1741405');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/e41ce0a0ba1c013092004a04c7dbb9d8/preview_slide_0.jpg?1741405');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> 5 minutes of I Can Smell Your CMS </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/philhawksworth" aria-label="Phil Hawksworth profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/465724d73fe3a92c0879fdfb43a3a6f3?s=24" /> philhawksworth </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 202 </div> <div class="px-1 py-3"> <span title="19,373 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 19k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="42e9703056c60131ff9556cea4acc4c2" data-slide-count="111" data-cover-image="https://files.speakerdeck.com/presentations/42e9703056c60131ff9556cea4acc4c2/preview_slide_0.jpg?2487028"> <a class="deck-preview-link" href="/phodgson/building-your-own-lightsaber" title="Building Your Own Lightsaber"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/42e9703056c60131ff9556cea4acc4c2/preview_slide_0.jpg?2487028');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/42e9703056c60131ff9556cea4acc4c2/preview_slide_0.jpg?2487028');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Building Your Own Lightsaber </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/phodgson" aria-label="Pete Hodgson profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/fe6b81005d1553accd6b2a28f6a2bef1?s=24" /> phodgson </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 103 </div> <div class="px-1 py-3"> <span title="6,092 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 6.1k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="4e0b74b35753086772000002" data-slide-count="20" data-cover-image="https://files.speakerdeck.com/presentations/4e0b74b35753086772000002/preview_slide_0.jpg?527321"> <a class="deck-preview-link" href="/mongodb/visualizing-your-data-incorporating-mongo-into-loggly-infrastructure" title="Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure "> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/4e0b74b35753086772000002/preview_slide_0.jpg?527321');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/4e0b74b35753086772000002/preview_slide_0.jpg?527321');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/mongodb" aria-label="mongodb profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/d8fc2580cfaca035f666d9e4ee79a7f7?s=24" /> mongodb </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 42 </div> <div class="px-1 py-3"> <span title="9,276 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 9.3k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="44129b9054c901328b89221e99b278fe" data-slide-count="139" data-cover-image="https://files.speakerdeck.com/presentations/44129b9054c901328b89221e99b278fe/preview_slide_0.jpg?4039720"> <a class="deck-preview-link" href="/pedronauck/reactjs-keep-simple-everything-can-be-a-component" title="ReactJS: Keep Simple. Everything can be a component!"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/44129b9054c901328b89221e99b278fe/preview_slide_0.jpg?4039720');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/44129b9054c901328b89221e99b278fe/preview_slide_0.jpg?4039720');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> ReactJS: Keep Simple. Everything can be a component! </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/pedronauck" aria-label="Pedro Nauck profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/af6a12710770ad9a7cfd08c97efd40d3?s=24" /> pedronauck </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 665 </div> <div class="px-1 py-3"> <span title="122,169 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 120k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="a06cbfecba23484185b33446290bd156" data-slide-count="155" data-cover-image="https://files.speakerdeck.com/presentations/a06cbfecba23484185b33446290bd156/preview_slide_0.jpg?25372233"> <a class="deck-preview-link" href="/kevinliebholz/exploring-the-power-of-turbo-streams-and-action-cable" title="Exploring the Power of Turbo Streams & Action Cable | RailsConf2023"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/a06cbfecba23484185b33446290bd156/preview_slide_0.jpg?25372233');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/a06cbfecba23484185b33446290bd156/preview_slide_0.jpg?25372233');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Exploring the Power of Turbo Streams & Action Cable | RailsConf2023 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kevinliebholz" aria-label="Kevin Liebholz profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/7cac149f4967f1b063974d6a186251ab?s=24" /> kevinliebholz </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 27 </div> <div class="px-1 py-3"> <span title="4,286 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 4.3k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="50711dcdd28953000200e976" data-slide-count="25" data-cover-image="https://files.speakerdeck.com/presentations/50711dcdd28953000200e976/preview_slide_0.jpg?188511"> <a class="deck-preview-link" href="/chrislema/done-done" title="Done Done"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/50711dcdd28953000200e976/preview_slide_0.jpg?188511');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/50711dcdd28953000200e976/preview_slide_0.jpg?188511');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Done Done </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/chrislema" aria-label="chrislema profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/282d599b414022eba5096510f675b6e2?s=24" /> chrislema </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 181 </div> <div class="px-1 py-3"> <span title="15,654 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 16k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="885761f02b8a0131330a222c9a1a5979" data-slide-count="96" data-cover-image="https://files.speakerdeck.com/presentations/885761f02b8a0131330a222c9a1a5979/preview_slide_0.jpg?2254697"> <a class="deck-preview-link" href="/vanstee/raft-consensus-for-rubyists" title="Raft: Consensus for Rubyists"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/885761f02b8a0131330a222c9a1a5979/preview_slide_0.jpg?2254697');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/885761f02b8a0131330a222c9a1a5979/preview_slide_0.jpg?2254697');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Raft: Consensus for Rubyists </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/vanstee" aria-label="Patrick Van Stee profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/b6a8f005f39d23ffc930508ac9da68b9?s=24" /> vanstee </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 136 </div> <div class="px-1 py-3"> <span title="6,650 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 6.7k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="4fd396d0d3d0d6002202b7c2" data-slide-count="85" data-cover-image="https://files.speakerdeck.com/presentations/4fd396d0d3d0d6002202b7c2/preview_slide_0.jpg?421638"> <a class="deck-preview-link" href="/kneath/building-an-army-of-robots" title="Building an army of robots"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/4fd396d0d3d0d6002202b7c2/preview_slide_0.jpg?421638');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/4fd396d0d3d0d6002202b7c2/preview_slide_0.jpg?421638');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Building an army of robots </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/kneath" aria-label="Kyle Neath profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/5f2da528927a2ec9ba4fec2069cbc958?s=24" /> kneath </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 302 </div> <div class="px-1 py-3"> <span title="42,957 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 43k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="d1e6fe002b6a0131cbb25e92013f11bb" data-slide-count="101" data-cover-image="https://files.speakerdeck.com/presentations/d1e6fe002b6a0131cbb25e92013f11bb/preview_slide_0.jpg?2253599"> <a class="deck-preview-link" href="/swwweet/mobile-first-as-difficult-as-doing-things-right" title="Mobile First: as difficult as doing things right"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/d1e6fe002b6a0131cbb25e92013f11bb/preview_slide_0.jpg?2253599');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/d1e6fe002b6a0131cbb25e92013f11bb/preview_slide_0.jpg?2253599');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Mobile First: as difficult as doing things right </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/swwweet" aria-label="Swwweet profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/0fe2973fa8d27d96547e43322341183a?s=24" /> swwweet </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 222 </div> <div class="px-1 py-3"> <span title="8,923 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 8.9k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="4e47eac7a6aa8f0001006f10" data-slide-count="39" data-cover-image="https://files.speakerdeck.com/presentations/4e47eac7a6aa8f0001006f10/preview_slide_0.jpg?529069"> <a class="deck-preview-link" href="/paulrobertlloyd/fontdeck-realign-not-redesign" title="Fontdeck: Realign not Redesign"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/4e47eac7a6aa8f0001006f10/preview_slide_0.jpg?529069');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/4e47eac7a6aa8f0001006f10/preview_slide_0.jpg?529069');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Fontdeck: Realign not Redesign </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/paulrobertlloyd" aria-label="Paul Robert Lloyd profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/0bce06bd06ee7a2c4f5500f25dcf7f18?s=24" /> paulrobertlloyd </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 82 </div> <div class="px-1 py-3"> <span title="5,254 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 5.3k</span> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card deck-preview" data-id="ecebbd05680c407ba885faed29fdb35a" data-slide-count="91" data-cover-image="https://files.speakerdeck.com/presentations/ecebbd05680c407ba885faed29fdb35a/preview_slide_0.jpg?31708127"> <a class="deck-preview-link" href="/irinanazarova/evolution-of-real-time-irina-nazarova-euruko-2024" title="Evolution of real-time – Irina Nazarova, EuRuKo, 2024"> <div class="deck-preview-image"> <div class="content"></div> <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/ecebbd05680c407ba885faed29fdb35a/preview_slide_0.jpg?31708127');"></div> <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/ecebbd05680c407ba885faed29fdb35a/preview_slide_0.jpg?31708127');"></div> <div class="deck-preview-slide deck-preview-scrub-slide"></div> <div class="deck-preview-background deck-preview-scrub-background"></div> <div class="deck-preview-scrubber"></div> </div> <div class="deck-title px-3 pt-3 text-truncate"> Evolution of real-time – Irina Nazarova, EuRuKo, 2024 </div> </a> <div class="deck-preview-meta d-flex px-2"> <div class="text-truncate py-3 pe-2 me-auto py-3"> <a href="/irinanazarova" aria-label="Irina Nazarova profile"> <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="" src="https://secure.gravatar.com/avatar/1de39cb9d5ee1e801e1ed4805a671e98?s=24" /> irinanazarova </a> </div> <div class="px-1 py-3"> </div> <div class="px-2 py-3"> <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-star"></use></svg> 4 </div> <div class="px-1 py-3"> <span title="397 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-eye"></use></svg> 400</span> </div> </div> </div> </div> </div> </div> </div> <div id="transcript" class="container py-4 transcript text-break"> <h2 class="mb-4">Transcript</h2> <ol> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="テクニカルライティングの基本 2022年5月17日開運研修2022 開発本部テクニカルコミ..." title="テクニカルライティングの基本テクニカルライティングの基本 2022年5月17日開運研修2022 開発本部テクニカルコミ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_0.jpg">テクニカルライティングの基本 2022年5月17日開運研修2022 開発本部テクニカルコミュニケーションチーム仲田 1</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="2 仲田尚央 Nakata Naohiro @naoh_nak 開発本部テクニカルコミュニ..." title="テクニカルライティングの基本 2 仲田尚央 Nakata Naohiro @naoh_nak 開発本部テクニカルコミュニ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_1.jpg">2 仲田尚央 Nakata Naohiro @naoh_nak 開発本部テクニカルコミュニケーションチームテクニカルライター/ローカライズ職能マネージャー</a> </h3> お仕事の内容： ⚫ サイボウズ製品のUIテキストを書く ⚫ 製品のマニュアルやヘルプを書く ⚫ それらを他の言語に展開する（ローカライズ） </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="テクニカルライティングは 3 読者や目的に合わせて技術をわかりやすく伝える手法です。 " title="テクニカルライティングの基本テクニカルライティングは 3 読者や目的に合わせて技術をわかりやすく伝える手法です。 " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_2.jpg">テクニカルライティングは 3 読者や目的に合わせて技術をわかりやすく伝える手法です。</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="みなさんは、これから「ドキュメント」を書く機会が多くあります。 4 " title="テクニカルライティングの基本みなさんは、これから「ドキュメント」を書く機会が多くあります。 4 " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_3.jpg">みなさんは、これから「ドキュメント」を書く機会が多くあります。 4</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="⚫ 報告書や企画書を書く ⚫ 業務マニュアルを書く ⚫ 製品や機能の解説を書く ⚫ 作業手順書..." title="テクニカルライティングの基本 ⚫ 報告書や企画書を書く ⚫ 業務マニュアルを書く ⚫ 製品や機能の解説を書く ⚫ 作業手順書..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_4.jpg">⚫ 報告書や企画書を書く ⚫ 業務マニュアルを書く ⚫ 製品や機能の解説を書く ⚫ 作業手順書を書く ⚫ 製品の仕様書を書く</a> </h3> ⚫ … 5 </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="ドキュメントは多くの人に読まれます 6 業務マニュアル " title="テクニカルライティングの基本ドキュメントは多くの人に読まれます 6 業務マニュアル " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_5.jpg">ドキュメントは多くの人に読まれます 6 業務マニュアル</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="書き手の工夫で、多くの人の時間を節約できます 7 業務マニュアル " title="テクニカルライティングの基本書き手の工夫で、多くの人の時間を節約できます 7 業務マニュアル " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_6.jpg">書き手の工夫で、多くの人の時間を節約できます 7 業務マニュアル</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="書き方の方法論を学ぶことで、書き手の時間も節約できます 8 業務マニュアル " title="テクニカルライティングの基本書き方の方法論を学ぶことで、書き手の時間も節約できます 8 業務マニュアル " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_7.jpg">書き方の方法論を学ぶことで、書き手の時間も節約できます 8 業務マニュアル</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="チームワークのために、情報共有は欠かせません。良いドキュメントを書くことは、効率的な情報共有..." title="テクニカルライティングの基本チームワークのために、情報共有は欠かせません。良いドキュメントを書くことは、効率的な情報共有..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_8.jpg">チームワークのために、情報共有は欠かせません。良いドキュメントを書くことは、効率的な情報共有に繋がります。 9</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="テクニカルライティングの適用対象 ⚫ いわゆる「実用文」が求められるもの ⚫ 議事録 ⚫ 報告..." title="テクニカルライティングの基本テクニカルライティングの適用対象 ⚫ いわゆる「実用文」が求められるもの ⚫ 議事録 ⚫ 報告..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_9.jpg">テクニカルライティングの適用対象 ⚫ いわゆる「実用文」が求められるもの ⚫ 議事録 ⚫ 報告書 ⚫ 技術書・解説書 ⚫</a> </h3> 仕様書 ⚫ マニュアル・FAQ などなど 10 </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="ドキュメントの前提1 - 求める情報が人によって違う 11 業務マニュアル作業Aの手順を知り..." title="テクニカルライティングの基本ドキュメントの前提1 - 求める情報が人によって違う 11 業務マニュアル作業Aの手順を知り..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_10.jpg">ドキュメントの前提1 - 求める情報が人によって違う 11 業務マニュアル作業Aの手順を知りたい。入社したばかりで何もわからん。今度担当することになった業務Bについて、一通り全部学びたい。インストールが必要なツールを知りたい。</a> </h3> ・・・ </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="ドキュメントの前提2 - 情報の探し方も違う 12 業務マニュアル作業Aの手順を知りたい。 ..." title="テクニカルライティングの基本ドキュメントの前提2 - 情報の探し方も違う 12 業務マニュアル作業Aの手順を知りたい。 ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_11.jpg">ドキュメントの前提2 - 情報の探し方も違う 12 業務マニュアル作業Aの手順を知りたい。入社したばかりで何もわからん。今度担当することになった業務Bについて、一通り全部知っておきたい。インストールが必要なツールを知りたい。</a> </h3> ・・・知りたいことが明確知りたいことが曖昧網羅的に知りたい </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="ドキュメントの前提3 – 一意に伝わる必要がある 13 ✕ ✕ ✕ " title="テクニカルライティングの基本ドキュメントの前提3 – 一意に伝わる必要がある 13 ✕ ✕ ✕ " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_12.jpg">ドキュメントの前提3 – 一意に伝わる必要がある 13 ✕ ✕ ✕</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="ドキュメントの前提4 – 一部しか読まれない 14 " title="テクニカルライティングの基本ドキュメントの前提4 – 一部しか読まれない 14 " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_13.jpg">ドキュメントの前提4 – 一部しか読まれない 14</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="テクニカルライティングの要素 15 Effectiveness 必要な情報を正しく得られる S..." title="テクニカルライティングの基本テクニカルライティングの要素 15 Effectiveness 必要な情報を正しく得られる S..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_14.jpg">テクニカルライティングの要素 15 Effectiveness 必要な情報を正しく得られる Satisfaction 不快さがなく、肯定的に受け止められる Efficiency 効率よく理解できるユーザビリティーの定義</a> </h3> （ISO 9241-11）から </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="それぞれの要素に対して取る手段 16 Effectiveness 必要な情報を正しく得られる ..." title="テクニカルライティングの基本それぞれの要素に対して取る手段 16 Effectiveness 必要な情報を正しく得られる ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_15.jpg">それぞれの要素に対して取る手段 16 Effectiveness 必要な情報を正しく得られる Satisfaction 不快さがなく、肯定的に受け止められる Efficiency 効率よく理解できる •</a> </h3> 曖昧さを排し、明確に書く • できるだけ具体的に書く • 誤解なく読める文章で書く • 情報を適切に整理、構造化する • どこに何が書いてあるかをわかりやすくする • 簡潔で読みやすい文章で書く • 必要な情報だけを書く • 肯定的な表現で書く • ですます調で書く（過剰な敬語にはしない） </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="テクニカルライティングの進め方 1. 伝える情報を整理する 2. アウトラインを作る 3. わ..." title="テクニカルライティングの基本テクニカルライティングの進め方 1. 伝える情報を整理する 2. アウトラインを作る 3. わ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_16.jpg">テクニカルライティングの進め方 1. 伝える情報を整理する 2. アウトラインを作る 3. わかりやすく、簡潔な文章で書く 17</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="伝える情報を整理する 18 " title="テクニカルライティングの基本伝える情報を整理する 18 " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_17.jpg">伝える情報を整理する 18</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="整理の鉄則 19 概要から具体へまたは全体から部分へ " title="テクニカルライティングの基本整理の鉄則 19 概要から具体へまたは全体から部分へ " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_18.jpg">整理の鉄則 19 概要から具体へまたは全体から部分へ</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="20 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-2 テーマ1-2 ..." title="テクニカルライティングの基本 20 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-2 テーマ1-2 ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_19.jpg">20 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-2 テーマ1-2 テーマ2 テーマ2-1 テーマ2-2</a> </h3> 概要全体具体部分具体例で分解構成要素で分解 </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="書籍や文書の場合 21 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-..." title="テクニカルライティングの基本書籍や文書の場合 21 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_20.jpg">書籍や文書の場合 21 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-2 テーマ1-2 テーマ2 テーマ2-1</a> </h3> テーマ2-2 章節項 </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="Webの場合 22 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-2 ..." title="テクニカルライティングの基本 Webの場合 22 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-2 ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_21.jpg">Webの場合 22 伝えるテーマテーマ1 テーマ1-1 テーマ1-1-1 テーマ1-1-2 テーマ1-2 テーマ2 テーマ2-1</a> </h3> テーマ2-2 カテゴリーページ見出し </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="全体から部分へと分解する 23 kintone アプリレコードフィールドコメントビュー..." title="テクニカルライティングの基本全体から部分へと分解する 23 kintone アプリレコードフィールドコメントビュー..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_22.jpg">全体から部分へと分解する 23 kintone アプリレコードフィールドコメントビュー（一覧）アクセス権・・・</a> </h3> スペース公開スペース非公開スペースゲストスペースピープルメッセージ </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="概要から具体へと分解する 24 スマートフォン Android Pixel Xperia Ga..." title="テクニカルライティングの基本概要から具体へと分解する 24 スマートフォン Android Pixel Xperia Ga..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_23.jpg">概要から具体へと分解する 24 スマートフォン Android Pixel Xperia Galaxy ・・・ iOS iPhone</a> </h3> Pro Max iPhone Pro iPhone mini ・・・ </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="順に説明を展開していく 25 スマートフォン Android Pixel Xperia Gal..." title="テクニカルライティングの基本順に説明を展開していく 25 スマートフォン Android Pixel Xperia Gal..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_24.jpg">順に説明を展開していく 25 スマートフォン Android Pixel Xperia Galaxy ・・・ iOS iPhone</a> </h3> Pro Max iPhone Pro iPhone mini ・・・段階を追って知識を付け加えていくことが、わかりやすさに繋がる </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="情報を適切に分解すると、読者が情報を探しやすくなる 26 スマートフォン Android Pi..." title="テクニカルライティングの基本情報を適切に分解すると、読者が情報を探しやすくなる 26 スマートフォン Android Pi..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_25.jpg">情報を適切に分解すると、読者が情報を探しやすくなる 26 スマートフォン Android Pixel Xperia Galaxy ・・・ iOS iPhone</a> </h3> Pro Max iPhone Pro iPhone mini ・・・前知識がない人は、最初から読み、興味を持った項目へと進む特定の知識が欲しい人は、その項だけを読むさわりだけを知りたい人は、概要だけを読むどこに何が書いてあるかがわかるよう、適切なタイトルと見出しを付けよう </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="分解には複数のやり方がある 27 スマートフォンコミュニケーション・・・・・・ニュース..." title="テクニカルライティングの基本分解には複数のやり方がある 27 スマートフォンコミュニケーション・・・・・・ニュース..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_26.jpg">分解には複数のやり方がある 27 スマートフォンコミュニケーション・・・・・・ニュース・・・・・・買い物</a> </h3> ナビゲーム・・・ </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="情報整理の例 - 良いヘルプの要素を分解する ⚫ まず、良いヘルプの要素を具体化する ⚫ 要素..." title="テクニカルライティングの基本情報整理の例 - 良いヘルプの要素を分解する ⚫ まず、良いヘルプの要素を具体化する ⚫ 要素..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_27.jpg">情報整理の例 - 良いヘルプの要素を分解する ⚫ まず、良いヘルプの要素を具体化する ⚫ 要素ごとに、どうすれば満たせるかを考察していく 28 良いヘルプ</a> </h3> 役に立つターゲットユーザーの設定情報の収集方法探しやすい情報の分類タイトルや見出しの付け方検索最適化わかりやすい用語の統一読みやすい文章の書き方図解正しい・・・ </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="情報整理の例 - 説明の構成に反映する 29 誰に何を伝えるかを整理する『ヘルプサイトの作り..." title="テクニカルライティングの基本情報整理の例 - 説明の構成に反映する 29 誰に何を伝えるかを整理する『ヘルプサイトの作り..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_28.jpg">情報整理の例 - 説明の構成に反映する 29 誰に何を伝えるかを整理する『ヘルプサイトの作り方』章構成良いヘルプ役に立つターゲットユーザーの設定</a> </h3> 情報の収集方法探しやすい情報の分類タイトルや見出しの付け方検索最適化わかりやすい用語の統一読みやすい文章の書き方図解正しい・・・ユーザーの使い方を意識して構成を設計するユーザーの動線からナビゲーションを設計するスタイルガイドと用語集を準備する記事を書く - 文章と図解のテクニック・・・ </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="アウトラインを作る 30 " title="テクニカルライティングの基本アウトラインを作る 30 " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_29.jpg">アウトラインを作る 30</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="記事で伝える情報を書き出すテーマ： kintoneでアプリを開発する方法を解説する伝えるこ..." title="テクニカルライティングの基本記事で伝える情報を書き出すテーマ： kintoneでアプリを開発する方法を解説する伝えるこ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_30.jpg">記事で伝える情報を書き出すテーマ： kintoneでアプリを開発する方法を解説する伝えることを書き出した例： ⚫ アプリ開発を開始する前に必要な準備 ⚫ 開発中のアプリを保存し、中断する方法 ⚫ 保存したアプリを開いて、アプリ開発を再開する方法</a> </h3> ⚫ 簡単なアプリを例にしたアプリ開発手順 ⚫ アプリのアイコンの作り方 ⚫ 開発したアプリに機能を追加する方法 ⚫ エラーへの対処方法 31 ✓ この段階では、順番や言葉の表現などの細かいことは気にしない ✓ 情報を漏れなく洗い出すことを重視ポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="書き出した情報を整理する伝える情報を整理した例： ⚫ アプリ開発の全体の流れ ⚫ 簡単なアプ..." title="テクニカルライティングの基本書き出した情報を整理する伝える情報を整理した例： ⚫ アプリ開発の全体の流れ ⚫ 簡単なアプ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_31.jpg">書き出した情報を整理する伝える情報を整理した例： ⚫ アプリ開発の全体の流れ ⚫ 簡単なアプリを例にしたアプリ開発手順 ⚫ アプリ開発を開始する前の準備 ⚫ 開発手順</a> </h3> ⚫ アプリのアイコンの作り方 ⚫ 開発中のアプリを保存し、中断する方法 ⚫ 保存したアプリを開き、アプリ開発を再開する方法 ⚫ エラーへの対処方法 ⚫ 開発したアプリに機能を追加する方法 32 ✓ まず概要を述べる ✓ 読者がどのように情報を探そうとするかを意識して、情報を整理する ✓ どのタイミングで必要になる情報かを意識して、項目を並び替えるポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="見出しを決める見出し構造の例： ⚫ アプリ開発の流れ ⚫ アプリを開発しよう ⚫ 開発を始め..." title="テクニカルライティングの基本見出しを決める見出し構造の例： ⚫ アプリ開発の流れ ⚫ アプリを開発しよう ⚫ 開発を始め..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_32.jpg">見出しを決める見出し構造の例： ⚫ アプリ開発の流れ ⚫ アプリを開発しよう ⚫ 開発を始める前に ⚫ ◦◦◦を設定しよう</a> </h3> ⚫ ◦◦◦を設定しよう ⚫ ◦◦◦を設定しよう ⚫ アプリのアイコンを作ろう ⚫ アプリ開発を中断する場合 ⚫ アプリ開発を再開するには ⚫ アプリ開発中にエラーになったら ⚫ アプリに機能を追加しよう 33 ✓ 読者が次の情報を読み取れる言葉にすることを意識する： ⚫ 見出しに続く本文に何が書かれているか ⚫ どのようなときに読む必要があるのかポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="わかりやすく、簡潔な文章で書く 34 " title="テクニカルライティングの基本わかりやすく、簡潔な文章で書く 34 " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_33.jpg">わかりやすく、簡潔な文章で書く 34</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="書くときの心構え ⚫ 読者の行動をイメージしながら書くどんな人が、どんな情報を、どのように探..." title="テクニカルライティングの基本書くときの心構え ⚫ 読者の行動をイメージしながら書くどんな人が、どんな情報を、どのように探..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_34.jpg">書くときの心構え ⚫ 読者の行動をイメージしながら書くどんな人が、どんな情報を、どのように探すか ⚫ （自分ではなく）読者の視点で書く ⚫ 簡潔に、できるだけ短文で書く ⚫ 重要なことから書く</a> </h3> 35 </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="重要なことから書く 36 ⚫ Before システムを正常に起動できなくなる恐れがあるので、ア..." title="テクニカルライティングの基本重要なことから書く 36 ⚫ Before システムを正常に起動できなくなる恐れがあるので、ア..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_35.jpg">重要なことから書く 36 ⚫ Before システムを正常に起動できなくなる恐れがあるので、アップデート中は電源を切らないでください。 ⚫ After アップデート中は電源を切らないでください。システムを正常に起動できなくなります。</a> </h3> ✓ ドキュメントは、一部しか読まれないことを前提に書く ✓ 情報に優先度を付けて、優先度が高いことを先に書くポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="一文一義で書く ⚫ Before サイボウズ Officeは、クラウド型グループウェアで、情報..." title="テクニカルライティングの基本一文一義で書く ⚫ Before サイボウズ Officeは、クラウド型グループウェアで、情報..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_36.jpg">一文一義で書く ⚫ Before サイボウズ Officeは、クラウド型グループウェアで、情報を共有する各種機能、メッセージ機能やワークフロー機能などを備え、使いやすさが特長です。 ⚫ After サイボウズ</a> </h3> Officeは、クラウド型グループウェアです。情報を共有する各種機能、メッセージ機能やワークフロー機能などを備えています。使いやすさがサイボウズ Officeの特長です。 37 ✓ 1つの文には、1つの事柄だけを書く ✓ 1文に複数の事柄が詰め込まれていると、内容を整理しながら読まなくてはならなくなるポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="簡潔に書く 38 ⚫ Before ほかのユーザーの連絡先を確認でき、また、ほかのユーザーに ..." title="テクニカルライティングの基本簡潔に書く 38 ⚫ Before ほかのユーザーの連絡先を確認でき、また、ほかのユーザーに ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_37.jpg">簡潔に書く 38 ⚫ Before ほかのユーザーの連絡先を確認でき、また、ほかのユーザーにメッセージを送ることもできます。 ⚫ After ほかのユーザーの連絡先を確認できます。また、ほかのユーザーにメッセージを送ることもできます。</a> </h3> ⚫ さらに改善ほかのユーザーの連絡先を確認できます。また、ほかのユーザーにメッセージを送ることもできます。 ✓ 簡潔、短くを常に意識する ✓ 「したがって」「または」などの接続詞も、不要なことが多いポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="読者の視点で書く 39 ⚫ Before ニュースレターに登録いただくと、製品のアップデート情..." title="テクニカルライティングの基本読者の視点で書く 39 ⚫ Before ニュースレターに登録いただくと、製品のアップデート情..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_38.jpg">読者の視点で書く 39 ⚫ Before ニュースレターに登録いただくと、製品のアップデート情報をメールでお送りします。 ⚫ After ニュースレターに登録すると、製品のアップデート情報をメールで受け取れます。</a> </h3> ✓ 読者の視点で書くことが、読みやすさと、わかりやすさに繋がる ✓ システムが主語になっていると、自分視点に置き換えながら読まなくてはならなくなるポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="能動態と受動態を使い分ける 40 ⚫ Before [削除]をクリックすると、すべてのデータを..." title="テクニカルライティングの基本能動態と受動態を使い分ける 40 ⚫ Before [削除]をクリックすると、すべてのデータを..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_39.jpg">能動態と受動態を使い分ける 40 ⚫ Before [削除]をクリックすると、すべてのデータを削除します。 ⚫ After [削除]をクリックすると、すべてのデータが削除されます。 ✓ 読者の視点で書くと、読者の操作は能動</a> </h3> 態、システムの動作は受動態になるポイント能動態受動態 </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="できるだけ具体的に書く 41 ⚫ Before メール通知の設定を確認してください。間隔を少..." title="テクニカルライティングの基本できるだけ具体的に書く 41 ⚫ Before メール通知の設定を確認してください。間隔を少..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_40.jpg">できるだけ具体的に書く 41 ⚫ Before メール通知の設定を確認してください。間隔を少しだけ空ける必要があります。 ⚫ After メール通知が有効になっていることを確認してください。 3～5mmの間隔が必要です。</a> </h3> ✓ 曖昧な表現は、書き手の意図通りに伝わらない ✓ 具体的に書く努力をポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="肯定形で書く 42 ⚫ Before 5名以上の予約は受け付けられません。 ⚫ After 4..." title="テクニカルライティングの基本肯定形で書く 42 ⚫ Before 5名以上の予約は受け付けられません。 ⚫ After 4..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_41.jpg">肯定形で書く 42 ⚫ Before 5名以上の予約は受け付けられません。 ⚫ After 4名まで予約できます。 ✓ 否定表現は、理解に時間がかかるだけで</a> </h3> なく、ネガティブな印象を招く ✓ 肯定形に書き換えることで、簡潔でポジティブな印象になるポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="二重否定を使わない 43 ⚫ Before ファイルA以外は削除しないでください。 ⚫ Aft..." title="テクニカルライティングの基本二重否定を使わない 43 ⚫ Before ファイルA以外は削除しないでください。 ⚫ Aft..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_42.jpg">二重否定を使わない 43 ⚫ Before ファイルA以外は削除しないでください。 ⚫ After ファイルAだけを削除してください。 ✓ 否定表現は、1つの文に1つまで</a> </h3> ✓ 二重否定は文章をわかりづらくし、読者の混乱を招くポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="係り受けを明確にする 44 ⚫ Before 消毒液Aのように刺激の強くない消毒液を使ってくだ..." title="テクニカルライティングの基本係り受けを明確にする 44 ⚫ Before 消毒液Aのように刺激の強くない消毒液を使ってくだ..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_43.jpg">係り受けを明確にする 44 ⚫ Before 消毒液Aのように刺激の強くない消毒液を使ってください。 ⚫ After 消毒液Aのような、刺激の強くない消毒液を使ってください。または</a> </h3> 消毒液Aのように刺激の弱い消毒液を使ってください。 ✓ 係り受けが不明確な文章は、まったく逆の意味に受け取られることがあるポイント消毒液Aは使って良いの？ </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="主語や目的語と、述語を近づける 45 ⚫ Before データは、自動同期を無効にした場合は手..." title="テクニカルライティングの基本主語や目的語と、述語を近づける 45 ⚫ Before データは、自動同期を無効にした場合は手..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_44.jpg">主語や目的語と、述語を近づける 45 ⚫ Before データは、自動同期を無効にした場合は手動で同期しない限りバックアップされません。 ⚫ After 自動同期を無効にした場合は、手動で同期しない限りデータはバックアップされません。</a> </h3> ✓ 文が長くなるときは、主語や目的語と述語を近づけると読みやすくなるポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="列記には箇条書きを使う 46 ⚫ Before 名前、住所、メールアドレス、電話番号、および誕..." title="テクニカルライティングの基本列記には箇条書きを使う 46 ⚫ Before 名前、住所、メールアドレス、電話番号、および誕..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_45.jpg">列記には箇条書きを使う 46 ⚫ Before 名前、住所、メールアドレス、電話番号、および誕生日の入力は任意です。 ⚫ After 次の項目の入力は任意です。 ⚫</a> </h3> 名前 ⚫ 住所 ⚫ メールアドレス ⚫ 電話番号 ⚫ 誕生日 ✓ 項目を並べるときは箇条書きを活用すると、並列関係が視覚的にわかりやすくなるポイント </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="おまけ 47 " title="テクニカルライティングの基本おまけ 47 " href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_46.jpg">おまけ 47</a> </h3> </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="ショートケーキを説明する 48 ショートケーキは、イチゴとホイップクリームをふんだんに使った、..." title="テクニカルライティングの基本ショートケーキを説明する 48 ショートケーキは、イチゴとホイップクリームをふんだんに使った、..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_47.jpg">ショートケーキを説明する 48 ショートケーキは、イチゴとホイップクリームをふんだんに使った、シンプルなのに華やかなケーキだ。イチゴ好きにも、クリーム好きにもたまらない。刻んだイチゴを混ぜたホイップクリームをつなぎにして、柔らかなスポンジを何層か重ねる。さらに、その周りをホイップクリームで包み込み、イチゴを載せて飾り付ける。イチゴとホイップクリームは、お互いを引き立て合う存在だ。真っ白なホイップクリームは、イチゴの赤色をより鮮やかに映えさせる。そして甘酸っぱいイチゴは、ホイップクリームの甘さをより強く感じさせてくれる。その絶妙な組み合わ</a> </h3> せは、目にも舌にも素晴らしい。まず全体を言う魅力も沿えると、なお良いショートケーキの構成要素へと進む要素同士の関係を語る </div> </li> <li class="mb-2"> <div class="slide-transcript"> <h3 class="fs-6 fw-normal"> <a alt="チェックシート ✓ 冒頭に概要を書いていますか？ ✓ 一文一義で書いていますか？ ✓ 読者の視..." title="テクニカルライティングの基本チェックシート ✓ 冒頭に概要を書いていますか？ ✓ 一文一義で書いていますか？ ✓ 読者の視..." href="https://files.speakerdeck.com/presentations/faa63b5c68cc450b878e384181e1b7cd/slide_48.jpg">チェックシート ✓ 冒頭に概要を書いていますか？ ✓ 一文一義で書いていますか？ ✓ 読者の視点で書かれていますか？ ✓ 重要なことから書かれていますか？ ✓</a> </h3> 文はこれ以上短くなりませんか？ ✓ 曖昧な表現はありませんか？ ✓ 係り受けは明確ですか？ ✓ 二重否定になっていませんか？ ✓ 主語や目的語と動詞の位置が離れすぎていませんか？ 49 </div> </li> </ol> </div> </div> <footer class="d-block bg-black sd-footer"> <img alt="" class="footer-logo-bg" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" /> <div class="container position-relative"> <div class="row py-3 py-md-5 justify-content-lg-between"> <div class="col-12 col-md-4 col-lg-3 text-center mb-2"> <a href="/"> <img alt="Speaker Deck" class="footer-logo mb-2" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" width="70" height="44" /> <p class="speaker-deck">SpeakerDeck</p> </a> <a class="footer-icon mx-1" title="SpeakerDeck on Facebook" href="https://www.facebook.com/speakerdeck"><svg class="icon icon-facebook "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-facebook"></use></svg></a> <a class="footer-icon mx-1" title="SpeakerDeck on Twitter" href="https://twitter.com/speakerdeck"><svg class="icon icon-twitter "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-twitter"></use></svg></a> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Top Categories"> <h2>Top Categories</h2> <ul class="nav-footer"> <li><a href="/c/programming">Programming</a></li> <li><a href="/c/technology">Technology</a></li> <li class="mb-3"><a href="/c/storyboards">Storyboards</a></li> <li><a href="/p/featured">Featured decks</a></li> <li><a href="/s/featured">Featured speakers</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Legal"> <h2>Use Cases</h2> <ul class="nav-footer"> <li><a href="/pro/storyboard-artists">Storyboard Artists</a></li> <li><a href="/educators">Educators</a></li> <li><a href="/student-pricing">Students</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto offset-md-4 offset-lg-0 py-2"> <nav aria-label="Resources"> <h2>Resources</h2> <ul class="nav-footer"> <li><a href="https://help.speakerdeck.com/">Help Center</a></li> <li><a href="https://blog.speakerdeck.com/">Blog</a></li> <li><a href="/slideshare-alternative">Compare Speaker Deck</a></li> <li><a href="/advertising">Advertising</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Features"> <h2>Features</h2> <ul class="nav-footer"> <li><a href="/features/privacy-controls">Private URLs</a></li> <li><a href="/features/password-protection">Password Protection</a></li> <li><a href="/features/custom-urls">Custom URLS</a></li> <li><a href="/features/scheduled-publishing">Scheduled publishing</a></li> <li><a href="/features/remove-branding">Remove Branding</a></li> <li><a href="/features/restrict-embedding">Restrict embedding</a></li> <li><a href="/features/slide-notes">Notes</a></li> </ul> </nav> </div> </div> <div class="row text-center border-top"> <div class="col-12 py-3"> <p class="copyright-text mb-1">Copyright © 2024 Speaker Deck, LLC.</p> <p class="mb-1">All slide content and descriptions are owned by their creators.</p> <ul class="list-inline"> <li class="list-inline-item"><a href="/about">About</a></li> <li class="list-inline-item"><a href="/tos">Terms</a></li> <li class="list-inline-item"><a href="/privacy">Privacy</a></li> <li class="list-inline-item"><a href="/dmca">DMCA</a></li> <li class="list-inline-item"><a href="/accessibility">Accessibility Statement</a></li> </ul> </div> </div> </div> </footer> <script src="https://d1eu30co0ohy4w.cloudfront.net/assets/stats-985244a1810e3ad665b3.js"></script> <script data-turbolinks-eval="false"> Stats.host = 'speakerdeck.com'; </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8WD0LC0MP9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8WD0LC0MP9'); </script> <script> !function(f,b,e,v,n,t,s) { if(f.fbq) return; n=f.fbq=function() { n.callMethod? n.callMethod.apply(n,arguments) : n.queue.push(arguments) }; if(!f._fbq) f._fbq=n; n.push=n; n.loaded=!0; n.version='2.0'; n.queue=[]; t=b.createElement(e); t.async=!0; t.src=v; s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2893765844191276'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2893765844191276&ev=PageView&noscript=1" /> </noscript> <script async type="text/javascript" src="https://platform.twitter.com/widgets.js"></script> <script> Array.from(document.querySelectorAll('.facebook-share')).forEach((element) => { element.addEventListener('click', function(e){ e.preventDefault() let title = encodeURIComponent(document.title) let url = encodeURIComponent(document.location.href) window.open('https://www.facebook.com/dialog/share?app_id=1428152667543587&display=popup&href=' + url + '&title=' + title, "_blank", "toolbar=no,menubar=no,location=yes,resizable=yes,scrollbars=yes,status=yes,width=600,height=400,modal=yes,alwaysRaised=yes"); }, false) }) </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8eba8bc26ed0ce87',t:'MTczMzEzNDQyNC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

CINXE.COM

テクニカルライティングの基本 - Speaker Deck