<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="mobile-web-app-capable" content="yes">
<meta property="og:image" content="https://hackmd.io/favicon.png">
<meta property="fb:app_id" content="1436904003272070">
<meta name="realtime-register-serverurl" content="https://hackmd.io/realtime-reg">
<meta name="csrf-token" content="a89vlLn1-sm1HE21iFpOJvH2pMv0dE1XSjNc">
<title>HackMD - Collaborative Markdown Knowledge Base</title>
<link rel="icon" type="image/png" href="https://hackmd.io/favicon.png">
<link rel="apple-touch-icon" href="https://hackmd.io/apple-touch-icon.png">
<script nonce="fc02037f-7e00-45a4-8120-c1adf7ec6615">
window.domain = 'hackmd.io'
window.urlpath = ''
window.debug = false
window.version = '1.3.0'
window.brand = 'HackMD'
window.GOOGLE_API_KEY = 'AIzaSyCjSrqWHhmWJnoI7JlD88XDSaBgiKbaenA'
window.GOOGLE_CLIENT_ID = '911617723593-drikdibvvn63slfd6kbqigo8ql1no55s.apps.googleusercontent.com'
window.DROPBOX_APP_KEY = 'rdoizrlnkuha23r'
window.ASSET_URL = 'https://assets.hackmd.io'
window.USER_CAN_CREATE_TEAM = true
window.PAYMENT_ENABLED = true
window.FREE_TEAM_NUM = 3
window.FREE_TEAM_MEMBER_NUM = 3
window.FREE_PUBLIC_TEAM_NUM = 10
window.EE_SITE_ENABLE = false
window.EE_SITE_NAME = 'false'
window.EE_SITE_LINK = 'false'
window.ALLOW_ANONYMOUS = true
window.PUBLIC_OVERVIEW = false
window.INTERNAL_PUBLIC_OVERVIEW = false
window.SHOW_OVERVIEW = true
window.USE_CDN = false
</script>
<!-- Google Tag Manager -->
<script nonce="fc02037f-7e00-45a4-8120-c1adf7ec6615">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KLW9Z3');</script>
<!-- End Google Tag Manager -->
<link rel="stylesheet" href='https://assets.hackmd.io/build/emojify.js/dist/css/basic/emojify.min.css'>
<link href="https://assets.hackmd.io/build/font-vendor.b86e2bf451b246b1a88e.css" rel="stylesheet"><link href="https://assets.hackmd.io/build/common-vendor.b8ecfc406ac0b5f77a26.css" rel="stylesheet"><link href="https://assets.hackmd.io/build/index-vendor.8a602875f0438be6661b.css" rel="stylesheet"><link href="https://assets.hackmd.io/build/index.f6bd872964b666c6cb6f.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" integrity="sha256-3Jy/GbSLrg0o9y5Z5n1uw0qxZECH7C6OQpVBgNFYa0g=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js" integrity="sha256-g6iAfvZp+nDQ2TdTR/VVKJf3bGro4ub5fvWSWVRi2NE=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.9/es5-shim.min.js" integrity="sha256-8E4Is26QH0bD52WoQpcB+R/tcWQtpzlCojrybUd7Mxo=" crossorigin="anonymous"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top unselectable hidden-print">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand pull-left" style="float: left;" href="https://hackmd.io/"><i
class="fa fa-file-text"></i><span class="hidden-xs"> HackMD</span></a>
<ul class="nav navbar-nav visible-xs pull-left">
<li class="announcement-label-area" style="display: none;">
<a class="announcement-label btn ui-announcement-label" href="#" style="padding: 6px; padding-left: 26px;">
<span class="label label-success">New!</span>
</a>
<div class="announcement-popover center" name="mentions" style="display: none;">
<div class="announcement-popover-header">
<a class="caption" href="" target="_blank">
<span class="label label-success">New!</span> <span class="text">@Mention as reminder!</span>
</a>
</div>
<div class="announcement-popover-body">
<img src="https://i.imgur.com/uxZpXkY.png">
@Mention team member or invitee right in the note and comment!
</div>
<div class="announcement-popover-footer">
<div class="text-right">
<a class="btn btn-text ui-announcement-close">了解</a>
</div>
</div>
</div>
<div class="announcement-backdrop"></div>
</li>
</ul>
<ul class="nav-mobile pull-right">
<li>
<a class="btn btn-default ui-mode" style="width: 34px; padding: 6px;">
<i class="fa fa-pencil"></i>
</a>
</li>
<li id="short-online-user-list" class="ui-host-list">
<button class="ui-short-status btn btn-danger" data-toggle="dropdown"><i class="fa fa-plug"></i></button>
<ul class="dropdown-menu list" role="menu" aria-labelledby="menu">
</ul>
</li>
</ul>
<ul class="nav-mobile pull-right" style="margin: 0px;">
<li>
<a class="btn-link side-menu-button ui-guest-signin-tooltip">
<i class="fa fa-bars"></i>
</a>
</li>
</ul>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-form navbar-left" style="padding: 8px 0 0 0;">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default ui-edit" style="padding: 6px 9px;" title="編集 (Ctrl+Alt+E)">
<input type="radio" name="mode" autocomplete="off"><i class="fa fa-pencil fa-fw"></i>
</label>
<label class="btn btn-default ui-both" style="padding: 6px 9px;" title="分割 (Ctrl+Alt+B)">
<input type="radio" name="mode" autocomplete="off"><i class="fa fa-columns fa-fw"></i>
</label>
<label class="btn btn-default ui-view" style="padding: 6px 9px;" title="プレビュー (Ctrl+Alt+V)">
<input type="radio" name="mode" autocomplete="off"><i class="fa fa-eye fa-fw"></i>
</label>
</div>
</ul>
<ul class="nav navbar-nav navbar-left" style="margin-left: 15px;">
<li class="hover-dropdown">
<a class="ui-new ui-new-note-menu navbar-button-icon" id="create-note-menu" href="https://hackmd.io/new" target="_blank"><i class="fa fa-plus fa-18"></i></a>
<ul class="dropdown-menu list" role="menu" aria-labelledby="create-note-menu">
<li role="presentation"><a role="menuitem" class="ui-new" tabindex="-1" href="https://hackmd.io/new" target="_blank"><i class="fa fa-plus fa-fw"></i> 新しいメモを作成します</a></li>
<li role="presentation"><a role="menuitem" class="ui-new-with-template" tabindex="-1" href="#" data-toggle="modal" data-target="#templateModal"><i class="fa fa-file-image-o fa-fw"></i> テンプレートでメモを作成</a></li>
</ul>
</li>
<li title="ヘルプ" data-toggle="tooltip" data-placement="bottom" data-container=".navbar-default" data-offset="0,5">
<a class="ui-help navbar-button-icon" href="#" data-toggle="modal" data-target=".help-modal">
<i class="fa fa-question fa-20"></i>
</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-left">
<li class="announcement-area hidden-xs" style="display: none;">
<a href="#" style="padding: 14px 0;">
<div class="caption inverse">
<span class="label label-success">New!</span><span class="hidden-sm"> </span><span class="text visible-lg">@Mention as reminder!</span>
</div>
</a>
<div class="announcement-popover" name="mentions" style="display: none;">
<div class="announcement-popover-header" style="padding-bottom: 15px;">
<a class="caption" href="" target="_blank">
<span class="label label-success">New!</span> <span class="text">@Mention as reminder!</span>
</a>
</div>
<div class="announcement-popover-body">
<img src="https://i.imgur.com/uxZpXkY.png">
@Mention team member or invitee right in the note and comment!
</div>
<div class="announcement-popover-footer">
<div class="text-right">
<a class="btn btn-text ui-announcement-close">了解</a>
</div>
</div>
</div>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li title="澤木勝義" data-toggle="tooltip" data-placement="bottom" data-offset="0,5">
<a class="ui-profile-label" data-toggle="dropdown">
<img class="ui-avatar" width="30" height="30" src="https://lh3.googleusercontent.com/-8aGSTVSK-bo/AAAAAAAAAAI/AAAAAAAAAAA/AAKWJJODAYbhiZBNeYhoBN8Sa-ksOIx17A/photo.jpg">
</a>
<ul id="profile-dropdown" class="dropdown-menu" aria-labelledby="profileLabel">
<li><a href="https://hackmd.io/profile" target="_blank"><i class="fa fa-user-circle-o fa-fw"></i> プロフィール</a></li>
<li><a href="https://hackmd.io/features" target="_blank"><i class="fa fa-dot-circle-o fa-fw"></i> 機能紹介</a></li>
<li><a href="https://hackmd.io/pricing" target="_blank"><i class="fa fa-magic fa-fw"></i> 料金プラン</a></li>
<li><a href="#" data-toggle="modal" data-target=".feedback-modal" style="color: #5cb85c"><i class="fa fa-paper-plane fa-fw"></i> フィードバック</a></li>
<li class="divider"></li>
<li><a href="https://hackmd.io/settings" target="_blank"><i class="fa fa-gear fa-fw"></i> 設定</a></li>
<li>
<a href="https://hackmd.io/logout" class="ui-signout"><i class="fa fa-sign-out fa-fw"></i> ログアウト</a>
</li>
</ul>
</li>
<li id="online-user-list" class="ui-host-list">
<button class="ui-status btn btn-danger" data-toggle="dropdown">
<i class="fa fa-plug"></i> オフライン
</button>
<ul class="dropdown-menu list" role="menu" aria-labelledby="menu" style="right: 15px;width: 250px;">
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right" style="padding:0;">
<li title="メニュー" data-toggle="tooltip" data-placement="bottom" data-container=".navbar-default" data-offset="0,5">
<a class="ui-menu navbar-button-icon" data-toggle="dropdown">
<i class="fa fa-ellipsis-h fa-18"></i>
</a>
<span class="ui-menu-popover-target" style="left: 50%; position: absolute;"></span>
<ul class="dropdown-menu list" role="menu" aria-labelledby="menu">
<li class="dropdown-header">
オプション
</li>
<li role="presentation"><a role="menuitem" class="ui-extra-revision" tabindex="-1" data-toggle="modal"
data-target="#namedRevisionModal"><i class="fa fa-history fa-fw"></i>
リビジョン</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-transfer-note"><i class="fa fa-exchange fa-fw"></i>
メモの所有権を転送</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-delete-note"><i class="fa fa-trash fa-fw"></i>
メモを削除します</a>
</li>
<li class="divider ui-menu-template-divider"></li>
<li class="dropdown-header ui-menu-template-header">
テンプレート
</li>
<li role="presentation"><a role="menuitem" class="ui-template-save" tabindex="-1"><i class="fa fa-floppy-o fa-fw"></i>
テンプレートとして保存</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-template-insert" tabindex="-1" data-toggle="modal" data-target="#templateModal"><i class="fa fa-plus fa-fw"></i>
テンプレートを挿入</a>
</li>
<li class="divider"></li>
<li class="dropdown-header">
エクスポート
</li>
<li role="presentation"><a role="menuitem" class="ui-save-dropbox" tabindex="-1" href="#"
target="_self"><i class="fa fa-dropbox fa-fw"></i>
Dropbox</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-save-google-drive" tabindex="-1" href="#"
target="_self"><i class="fa fa-cloud-upload fa-fw"></i>
Google Drive</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-save-gist" tabindex="-1" href="#"
target="_blank"><i class="fa fa-github fa-fw"></i>
Gist</a>
</li>
<li class="divider"></li>
<li class="dropdown-header">
インポート
</li>
<li role="presentation"><a role="menuitem" class="ui-import-dropbox" tabindex="-1" href="#"
target="_self"><i class="fa fa-dropbox fa-fw"></i>
Dropbox</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-import-google-drive" tabindex="-1" href="#"
target="_self"><i class="fa fa-cloud-download fa-fw"></i>
Google Drive</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-import-gist" href="#" data-toggle="modal"
data-target="#gistImportModal"><i class="fa fa-github fa-fw"></i>
Gist</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-import-clipboard" href="#" data-toggle="modal"
data-target="#clipboardModal"><i class="fa fa-clipboard fa-fw"></i>
クリップボード</a>
</li>
<li class="divider"></li>
<li class="dropdown-header">
ダウロード
</li>
<li role="presentation"><a role="menuitem" class="ui-download-markdown" tabindex="-1" href="#"
target="_blank"><i class="fa fa-file-text fa-fw"></i>
Markdown</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-download-html" tabindex="-1" href="#"
target="_blank"><i class="fa fa-file-code-o fa-fw"></i>
HTML</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-download-raw-html" tabindex="-1" href="#"
target="_blank"><i class="fa fa-file-code-o fa-fw"></i>
HTMLだけ</a>
</li>
<li role="presentation"><a role="menuitem" class="ui-download-odf-beta" tabindex="-1" href="#"
target="_blank"><i class="fa fa-file-text-o fa-fw"></i>
ODF (Beta)</a>
</li>
</ul>
</li>
<li class="ui-share-button" data-toggle="tooltip" data-placement="bottom" data-offset="0,5">
<a class="ui-sharing navbar-button-icon" data-toggle="dropdown">
<i class="fa fa-share-alt fa-18"></i>
</a>
<ul class="dropdown-menu list ui-share-menu permission-dropdown" role="menu" aria-labelledby="menu" style="width: 308px; padding: 15px 0px;">
<li class="dropdown-header fill-username-banner" style="display: none;">
ユーザー名を入力して、URLを短くにしましょう。 <span style="white-space: nowrap;"><a href="https://hackmd.io/settings" target="_blank"><i class="fa fa-gear"></i> 設定</a></span>
</li>
<li class="dropdown-header" style="margin-bottom: 4px;">
共有
<i class="fa fa-question-circle fa-12 tooltip-align-left ui-first-menu-tooltip" style="color: #CDCDCD"
title="下記のリンクでメモをシェアします。シェアする対象のアクセス権限を確認してください"
data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
<span class="ui-share-msg" style="display: none;">
コピー完了
</span>
</li>
<li class="dropdown-header ui-share-domain" style="margin-bottom: 2px; word-break: break-all; overflow: hidden; text-overflow: ellipsis;">
</li>
<li class="input-group" style="padding: 0px 20px;">
<input type="text" class="form-control ui-share-field" maxlength="200" placeholder="https://hackmd.io" style="height: 28px; font-size: 13px;">
<div class="ui-share-edit-mode" style="color:#888; position: absolute; z-index: 10; font-size: 13px; top: 5px; right: 100px; display: none;">/edit</div>
<span class="input-group-btn">
<button class="btn ui-share-copy" type="button">コピー</button>
</span>
<span class="input-group-btn" style="display: none">
<button class="btn ui-share-save" type="button">保存</button>
</span>
</li>
<li style="display: flex; padding: 0 20px; margin-top: 10px; align-items: center; justify-content: flex-end;">
<div class="ui-publish-type" style="flex: 1; display: flex; align-items: center;">
<div style="flex: 1">
<div>
<div class="dropdown menuitem-dropdown">
<div class="menuitem-dropdown-trigger"><span class="ui-publish-type-label"><i class="fa fa-eye fa-fw" aria-hidden="true"></i> 閲覧</span><i class="fa fa-angle-down menuitem-angle" aria-hidden="true" style="margin-left: 10px;"></i></div>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" class="menuitem-item ui-mode-edit"><i class="fa fa-pencil-square-o fa-fw" aria-hidden="true"></i> 編集</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-mode-view"><i class="fa fa-eye fa-fw" aria-hidden="true"></i> 閲覧</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-mode-book"><i class="fa fa-book fa-fw" aria-hidden="true"></i> ブック</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-mode-slide"><i class="fa fa-television fa-fw" aria-hidden="true"></i> プレゼン</a></li>
</ul>
</div>
</div>
</div>
<i class="fa fa-question-circle fa-12 tooltip-align-left ui-first-menu-tooltip" style="color: #CDCDCD; margin-left: 5px; margin-right: 15px; font-size: 12px;"
title="シェアしたメモは、設定したモードで表示されます"
data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
</div>
<div class="permission-item-badge permission-item-readonly ui-publish-type-badge" style="display: none;">
<span name="edit"><i class="fa fa-pencil-square-o fa-fw" aria-hidden="true"></i> 編集</span>
<span name="view"><i class="fa fa-eye fa-fw" aria-hidden="true"></i> 閲覧</span>
<span name="book"><i class="fa fa-book fa-fw" aria-hidden="true"></i> ブック</span>
<span name="slide"><i class="fa fa-television fa-fw" aria-hidden="true"></i> プレゼン</span>
</div>
<div>
<button class="btn btn-default ui-share-preview" type="button">プレビュー</button>
</div>
</li>
<li class="divider"></li>
<li class="dropdown-header" style="margin-bottom: 7px;">
権限
<i class="fa fa-question-circle fa-12 tooltip-align-left ui-first-menu-tooltip" style="color: #CDCDCD"
title="メモの所有者は閲覧および編集できるユーザーを設定できます"
data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
</li>
<li role="presentation" style="margin-bottom: 10px;">
<div style="display: flex; padding: 0 20px; height: 26px;">
<span style="flex: 1;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; vertical-align: middle;">
閲覧可能
</div>
</div>
</span>
<div style="flex: 2" class="ui-note-read">
<div>
<div class="dropdown menuitem-dropdown">
<div class="menuitem-dropdown-trigger"><span class="ui-note-read-label">所有者</span><i class="fa fa-angle-down menuitem-angle" aria-hidden="true" style="margin-left: 10px;"></i></div>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-read-owners">所有者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-read-signed_in_users">ログイン済み者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-read-everyone">全員</a></li>
</ul>
</div>
</div>
</div>
<div class="permission-item-badge permission-item-readonly" style="display: none;" name="read">
<span name="owners">所有者</span>
<span name="signed_in_users">ログイン済み者</span>
<span name="everyone">全員</span>
</div>
</div>
</li>
<li role="presentation" style="margin-bottom: 10px;">
<div style="display: flex; padding: 0 20px; height: 26px;">
<span style="flex: 1;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; vertical-align: middle;">
編集可能
</div>
</div>
</span>
<div style="flex: 2" class="ui-note-write">
<div>
<div class="dropdown menuitem-dropdown">
<div class="menuitem-dropdown-trigger"><span class="ui-note-write-label">所有者</span><i class="fa fa-angle-down menuitem-angle" aria-hidden="true" style="margin-left: 10px;"></i></div>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-write-owners">所有者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-write-signed_in_users">ログイン済み者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-write-everyone">全員</a></li>
</ul>
</div>
</div>
</div>
<div class="permission-item-badge permission-item-readonly" style="display: none;" name="write">
<span name="owners">所有者</span>
<span name="signed_in_users">ログイン済み者</span>
<span name="everyone">全員</span>
</div>
</div>
</li>
<li role="presentation" style="text-align: right;">
<span class="ui-more-settings" style="padding: 0px 20px;"><span>詳細設定 (コメント権限、</span><span class="ui-more-invitee">招待</span>)<i class="fa fa-angle-right fa-fw"></i></span>
</li>
<div class="public-publish-container" style="display: none;">
<li class="divider"></li>
<div class="dropdown-header">
公開
</div>
<div class="flex justify-center public-published-toggle" data-published="true">
<button type="button" class="btn btn-default publish flex-auto">
<i class="fa fa-globe" aria-hidden="true"></i>
公開した
</button>
<button type="button" class="btn btn-default unpublish-action flex-auto">
公開をキャンセル
</button>
<button type="button" class="btn btn-primary unpublish flex-auto">
公開しよう
</button>
</div>
<div style="margin-bottom: 10px;">
<div class="publish-note-description-for-public-team" style="display: none; color: #888888; padding: 0 20px; white-space: initial; font-size: 13px;">インターネットに接続しているすべての人は公開チームにすべてのメモを閲覧および検索できます。</div>
<div class="publish-note-description" style="color: #888888; padding: 0 20px; white-space: initial; font-size: 13px;">公開を選択すると、インターネットに接続しているすべての人がこのメモを検索して閲覧することができます。</div>
<div class="how-to-publish-note-description" style="color: #888888; padding: 0 20px; white-space: initial; font-size: 13px;"><a target="_blank" href="">プロファイト</a>で公開したメモを表示します。</div>
</div>
</div>
</ul>
<ul class="dropdown-menu list ui-more-settings-menu permission-dropdown" role="menu" aria-labelledby="menu" style="width: 308px; padding-top: 0px; padding-bottom: 0px; display: none">
<li role="presentation">
<div class="ui-more-settings-menu-back" style="padding: 15px 20px 15px 20px; font-size: 15px; cursor: pointer; border-bottom: #888888 1px solid;">
<i class="fa fa-angle-left fa-fw" style="width:auto; margin-right: 15px;"></i>
<span><span>詳細設定 (コメント権限、</span><span class="ui-more-invitee">招待</span>)</span>
</div>
</li>
<li class="dropdown-header" style="margin-bottom: 7px; margin-top: 15px;">
コメント
<i class="fa fa-question-circle fa-12 tooltip-align-left ui-second-menu-tooltip" style="color: #CDCDCD"
title="メモの所有者はコメント機能やコメントできるユーザ―を設定できます"
data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
<span class="ui-comment-permission-toggle pull-right">
<span style="margin-right: 3px;">
オン
</span>
<span>
<label class="switch" style="vertical-align: middle;">
<input type="checkbox">
<span class="slider round"></span>
</label>
</span>
</span>
<div class="permission-item-badge permission-item-readonly pull-right" style="display: none;" name="comment">
<span name="disabled">オフ</span>
<span name="forbidden">コメント禁止</span>
<span name="owners">所有者</span>
<span name="signed_in_users">ログイン済みユーザー</span>
<span name="everyone">全員</span>
</div>
</li>
<li class="ui-comment-permission-comment" role="presentation" style="margin-bottom: 20px;">
<div style="display: flex; padding: 0 20px; height: 26px;">
<span style="flex: 1;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; vertical-align: middle;">
コメント権限
</div>
</div>
</span>
<div style="flex: 2">
<div>
<div class="dropdown menuitem-dropdown">
<div class="menuitem-dropdown-trigger"><span class="ui-comment-write-label">所有者</span><i class="fa fa-angle-down menuitem-angle" aria-hidden="true" style="margin-left: 10px;"></i></div>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" class="menuitem-item ui-comment-write-forbidden">コメント禁止</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-comment-write-owners">所有者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-comment-write-signed_in_users">ログイン済みユーザー</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-comment-write-everyone">全員</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="divider ui-invitee-divider"></li>
<li class="dropdown-header ui-invitee-label" style="padding-bottom: 9px; margin-top: 15px;">
招待される人
<i class="fa fa-question-circle fa-12 tooltip-align-left ui-second-menu-tooltip" style="color: #CDCDCD"
title="メモ管理者は他のユーザーの権限を変更でき、メモの閲覧、編集、招待などの権限を寄与できます"
data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
</li>
<li class="ui-invitee-form" role="presentation" style="padding: 0px 20px 15px 20px;">
<div class="input-group" style="display: flex;">
<input type="text" class="form-control search-user search-user-large ui-invitee-input" placeholder="メールアドレスで検索">
<div class="input-group-append">
<button class="btn btn-default ui-invitee-invite" invite-target=".search-user-large">招待</button>
</div>
</div>
</li>
<li role="presentation" class="ui-no-invitee-label" style="padding: 0px 20px 10px 20px; font-size: 12px; color: #888888; display: none">
このメモは招待されるユーザーはありません
</li>
<li role="presentation" style="padding: 0 20px 15px 20px;" class="ui-invitee ui-invitee-list" data-email-invitation="true">
<div style="padding-bottom: 10px; font-size: 12px; color: #888888; display: none" class="ui-invitee-limit-label"></div>
</li>
</ul>
</li>
</ul>
</div>
<div class="sidenav main-sidenav" style="display: none;">
<a class="sidenav-item sidenav-trigger ui-profile-menu dark-border" sidenav-target="sidenav-profile">
<img class="ui-avatar" width="22" height="22" style="border-radius: 100%; margin-right: 6px;" src="https://lh3.googleusercontent.com/-8aGSTVSK-bo/AAAAAAAAAAI/AAAAAAAAAAA/AAKWJJODAYbhiZBNeYhoBN8Sa-ksOIx17A/photo.jpg">
<span>
澤木勝義
</span>
<i class="fa fa-angle-right fa-fw"></i>
</a>
<a class="sidenav-item sidenav-trigger ui-menu" sidenav-target="sidenav-menu" tabindex="-1" href="#"><i class="fa fa-ellipsis-h fa-fw"></i>
<span>
メニュー
</span>
<i class="fa fa-angle-right fa-fw"></i>
</a>
<a class="sidenav-item sidenav-trigger ui-share" sidenav-target="sidenav-permission" tabindex="-1" href="#"><i class="fa fa-share-alt fa-fw"></i>
<span>
共有
</span>
<i class="fa fa-angle-right fa-fw"></i>
</a>
<a class="sidenav-item sidenav-trigger ui-create" sidenav-target="sidenav-create" tabindex="-1" href="#"><i class="fa fa-plus fa-fw"></i>
<span>
作成
</span>
<i class="fa fa-angle-right fa-fw"></i>
</a>
<a class="sidenav-item ui-help dark-border" href="#" data-toggle="modal" data-target=".help-modal"><i class="fa fa-question fa-fw"></i>
<span>
説明
</span>
</a>
</div>
<div class="sidenav sidenav-create" style="display: none;">
<a class="sidenav-item sidenav-back ui-create-back" tabindex="-1" href="#">
<i class="fa fa-angle-left fa-fw" style="width:auto"></i>
<i class="fa fa-plus fa-fw" style="margin: 2px 6px 0px 15px;"></i>
作成
</a>
<a class="sidenav-item ui-new" tabindex="-1" href="https://hackmd.io/new" target="_blank"><i class="fa fa-plus fa-fw"></i>
<span>新しいメモを作成します</span></a>
<a class="sidenav-item" tabindex="-1" class="ui-new-with-template" data-toggle="modal" data-target="#templateModal"><i class="fa fa-file-image-o fa-fw"></i>
<span>テンプレートでメモを作成</span></a>
</div>
<div class="sidenav sidenav-menu" style="display: none;">
<a class="sidenav-item sidenav-back ui-menu-back" tabindex="-1" href="#">
<i class="fa fa-angle-left fa-fw" style="width:auto"></i>
<i class="fa fa-ellipsis-h fa-fw" style="margin: 2px 6px 0px 15px;"></i>
メニュー
</a>
<div class="divider-header">オプション</div>
<a class="sidenav-item ui-extra-revision" tabindex="-1" data-toggle="modal" data-target="#namedRevisionModal"><i class="fa fa-history fa-fw"></i>
<span>リビジョン</span></a>
<a class="sidenav-item ui-transfer-note"><i class="fa fa-exchange fa-fw"></i>
<span>メモの所有権を転送</span></a>
<a class="sidenav-item ui-delete-note"><i class="fa fa-trash fa-fw"></i>
<span>メモを削除します</span></a>
<div class="divider-header">エクスポート</div>
<a class="sidenav-item ui-save-dropbox" tabindex="-1" href="#" target="_self"><i class="fa fa-dropbox fa-fw"></i><span>Dropbox</span></a>
<a class="sidenav-item ui-save-google-drive" tabindex="-1" href="#" target="_self"><i class="fa fa-cloud-upload fa-fw"></i><span>Google Drive</span></a>
<a class="sidenav-item ui-save-gist" tabindex="-1" href="#" target="_blank"><i class="fa fa-github fa-fw"></i><span>Gist</span></a>
<div class="divider-header">インポート</div>
<a class="sidenav-item ui-import-dropbox" tabindex="-1" href="#" target="_self"><i class="fa fa-dropbox fa-fw"></i><span>Dropbox</span></a>
<a class="sidenav-item ui-import-google-drive" tabindex="-1" href="#" target="_self"><i class="fa fa-cloud-download fa-fw"></i><span>Google Drive</span></a>
<a class="sidenav-item ui-import-gist" href="#" data-toggle="modal" data-target="#gistImportModal"><i class="fa fa-github fa-fw"></i><span>Gist</span></a>
<a class="sidenav-item ui-import-clipboard" href="#" data-toggle="modal" data-target="#clipboardModal"><i class="fa fa-clipboard fa-fw"></i><span> クリップボード</span></a>
<div class="divider-header">ダウロード</div>
<a class="sidenav-item ui-download-markdown" tabindex="-1" href="#" target="_blank"><i class="fa fa-file-text fa-fw"></i><span>Markdown</span></a>
<a class="sidenav-item ui-download-html" tabindex="-1" href="#" target="_blank"><i class="fa fa-file-code-o fa-fw"></i><span>HTML</span></a>
<a class="sidenav-item ui-download-raw-html" tabindex="-1" href="#" target="_blank"><i class="fa fa-file-code-o fa-fw"></i><span> HTMLだけ</span></a>
<a class="sidenav-item ui-download-odf-beta" tabindex="-1" href="#" target="_blank"><i class="fa fa-file-text-o fa-fw"></i><span>ODF (Beta)</span></a>
</div>
<div class="sidenav sidenav-profile" style="display: none;">
<a class="sidenav-item sidenav-back ui-profile-menu-back dark-border">
<i class="fa fa-angle-left fa-fw" style="width: auto;"></i>
<img class="ui-avatar" width="22" height="22" style="border-radius: 100%; margin: 2px 6px 0px 15px;" src="https://lh3.googleusercontent.com/-8aGSTVSK-bo/AAAAAAAAAAI/AAAAAAAAAAA/AAKWJJODAYbhiZBNeYhoBN8Sa-ksOIx17A/photo.jpg">
<span>澤木勝義</span>
</a>
<a href="https://hackmd.io/profile" target="_blank" class="sidenav-item ui-profile"><i class="fa fa-user-circle-o fa-fw"></i><span>プロフィール</span></a>
<a href="https://hackmd.io/features" target="_blank" class="sidenav-item ui-features"><i class="fa fa-dot-circle-o fa-fw"></i><span>機能紹介</span></a>
<a href="https://hackmd.io/pricing" target="_blank" class="sidenav-item ui-pricing"><i class="fa fa-magic fa-fw"></i><span>料金プラン</span></a>
<a href="#" class="sidenav-item" data-toggle="modal" data-target=".feedback-modal" style="color: #5cb85c"><i class="fa fa-paper-plane fa-fw"></i> フィードバック</a>
<a href="https://hackmd.io/settings" target="_blank" class="sidenav-item ui-settings"><i class="fa fa-gear fa-fw"></i><span>設定</span></a>
<a href="https://hackmd.io/logout" class="sidenav-item ui-signout"><i class="fa fa-sign-out fa-fw"></i><span>ログアウト</span></a>
</div>
<div class="sidenav full sidenav-permission permission-dropdown" style="display: none;">
<a class="sidenav-item sidenav-back ui-share-back" tabindex="-1" href="#">
<i class="fa fa-angle-left fa-fw" style="width: auto;"></i>
<i class="fa fa-share-alt fa-fw" style="margin: 2px 6px 0px 15px;"></i>
共有
</a>
<li class="dropdown-header fill-username-banner" style="display: none;">
ユーザー名を入力して、URLを短くにしましょう。 <span style="white-space: nowrap;"><a href="https://hackmd.io/settings" target="_blank"><i class="fa fa-gear"></i> 設定</a></span>
</li>
<div class="dropdown-header">
共有
<i class="fa fa-question-circle fa-12 tooltip-align-left" style="color: #CDCDCD"
title="下記のリンクでメモをシェアします。シェアする対象のアクセス権限を確認してください"
data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
<span class="ui-share-msg" style="display: none;">
コピー完了
</span>
</div>
<div class="ui-share-domain" style="margin-bottom: 5px; padding: 0 15px; font-size: 12px; color: #888888; word-break: break-all; overflow: hidden; text-overflow: ellipsis;">
</div>
<div class="input-group" style="padding: 0px 15px;">
<input type="text" class="form-control ui-share-field" maxlength="200" placeholder="https://hackmd.io" style="height: 28px; font-size: 13px;">
<div class="ui-share-edit-mode" style="color:#888; position: absolute; z-index: 10; font-size: 13px; top: 5px; right: 100px; display: none;">/edit</div>
<span class="input-group-btn">
<button class="btn ui-share-copy" type="button">コピー</button>
</span>
<span class="input-group-btn" style="display: none">
<button class="btn ui-share-save" type="button">保存</button>
</span>
</div>
<div style="display: flex; padding: 0px 15px; margin-top: 10px; align-items: center; justify-content: flex-end;">
<div class="ui-publish-type" style="flex: 1; display: flex; align-items: center;">
<div style="flex: 1">
<div>
<div class="dropdown menuitem-dropdown">
<div class="menuitem-dropdown-trigger"><span class="ui-publish-type-label"><i class="fa fa-eye fa-fw" aria-hidden="true"></i> 閲覧</span><i class="fa fa-angle-down menuitem-angle" aria-hidden="true" style="margin-left: 10px;"></i></div>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" class="menuitem-item ui-mode-edit"><i class="fa fa-pencil-square-o fa-fw" aria-hidden="true"></i> 編集</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-mode-view"><i class="fa fa-eye fa-fw" aria-hidden="true"></i> 閲覧</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-mode-book"><i class="fa fa-book fa-fw" aria-hidden="true"></i> ブック</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-mode-slide"><i class="fa fa-television fa-fw" aria-hidden="true"></i> プレゼン</a></li>
</ul>
</div>
</div>
</div>
<i class="fa fa-question-circle fa-12 tooltip-align-left" style="color: #CDCDCD; margin-left: 5px; margin-right: 15px; font-size: 12px;"
title="シェアしたメモは、設定したモードで表示されます"
data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
</div>
<div class="permission-item-badge permission-item-readonly ui-publish-type-badge" style="display: none;">
<span name="edit"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 編集</span>
<span name="view"><i class="fa fa-eye" aria-hidden="true"></i> 閲覧</span>
<span name="book"><i class="fa fa-book" aria-hidden="true"></i> ブック</span>
<span name="slide"><i class="fa fa-television" aria-hidden="true"></i> プレゼン</span>
</div>
<div>
<button class="btn btn-default ui-share-preview" type="button">プレビュー</button>
</div>
</div>
<div style="border-bottom: #e5e5e5 1px solid; margin-top: 15px;"></div>
<div class="dropdown-header">
権限
<i class="fa fa-question-circle fa-12 tooltip-align-left" style="color: #CDCDCD" title="メモの所有者は閲覧および編集できるユーザーを設定できます" data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
</div>
<div class="note-permission-item">
<div style="display: flex; height: 26px;">
<span style="flex: 1;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; vertical-align: middle;">
閲覧可能
</div>
</div>
</span>
<div style="flex: 2" class="ui-note-read">
<div>
<div class="dropdown menuitem-dropdown">
<div class="menuitem-dropdown-trigger"><span class="ui-note-read-label">所有者</span><i class="fa fa-angle-down menuitem-angle" aria-hidden="true" style="margin-left: 10px;"></i></div>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-read-owners">所有者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-read-signed_in_users">ログイン済み者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-read-everyone">全員</a></li>
</ul>
</div>
</div>
</div>
<div class="permission-item-badge permission-item-readonly" style="display: none;" name="read">
<span name="owners">所有者</span>
<span name="signed_in_users">ログイン済み者</span>
<span name="everyone">全員</span>
</div>
</div>
</div>
<div class="note-permission-item">
<div style="display: flex; height: 26px;">
<span style="flex: 1;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; vertical-align: middle;">
編集可能
</div>
</div>
</span>
<div style="flex: 2" class="ui-note-write">
<div>
<div class="dropdown menuitem-dropdown">
<div class="menuitem-dropdown-trigger"><span class="ui-note-write-label">所有者</span><i class="fa fa-angle-down menuitem-angle" aria-hidden="true" style="margin-left: 10px;"></i></div>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-write-owners">所有者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-write-signed_in_users">ログイン済み者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-note-write-everyone">全員</a></li>
</ul>
</div>
</div>
</div>
<div class="permission-item-badge permission-item-readonly" style="display: none;" name="write">
<span name="owners">所有者</span>
<span name="signed_in_users">ログイン済み者</span>
<span name="everyone">全員</span>
</div>
</div>
</div>
<div class="note-permission-item" style="text-align: right;">
<span class="sidenav-trigger" sidenav-target="sidenav-note-more"><span>詳細設定 (コメント権限、</span><span class="ui-more-invitee">招待</span>)<i class="fa fa-angle-right fa-fw"></i></span>
</div>
<div class="public-publish-container" style="display: none;">
<div style="border-bottom: #e5e5e5 1px solid; margin-top: 16.5px;"></div>
<div class="dropdown-header">
公開
</div>
<div class="flex justify-center public-published-toggle" data-published="true">
<button type="button" class="btn btn-default publish flex-auto">
<i class="fa fa-globe" aria-hidden="true"></i>
公開した
</button>
<button type="button" class="btn btn-default unpublish-action flex-auto">
公開をキャンセル
</button>
<button type="button" class="btn btn-primary unpublish flex-auto">
公開しよう
</button>
</div>
<div style="margin-bottom: 10px;">
<div class="publish-note-description-for-public-team" style="display: none; color: #888888; padding: 0 20px; white-space: initial; font-size: 13px;">インターネットに接続しているすべての人は公開チームにすべてのメモを閲覧および検索できます。</div>
<div class="publish-note-description" style="color: #888888; padding: 0 20px; white-space: initial; font-size: 13px;">公開を選択すると、インターネットに接続しているすべての人がこのメモを検索して閲覧することができます。</div>
<div class="how-to-publish-note-description" style="color: #888888; padding: 0 20px; white-space: initial; font-size: 13px;"><a target="_blank" href="">プロファイト</a>で公開したメモを表示します。</div>
</div>
</div>
</div>
<div class="sidenav full sidenav-note-more permission-dropdown" style="display: none;">
<a class="sidenav-item sidenav-back ui-note-more-back" tabindex="-1" href="#">
<i class="fa fa-angle-left fa-fw" style="width: auto; margin-right: 15px;"></i>
<span><span>詳細設定 (コメント権限、</span><span class="ui-more-invitee">招待</span>)</span>
</a>
<div class="dropdown-header">
コメント
<i class="fa fa-question-circle fa-12 tooltip-align-left" style="color: #CDCDCD" title="メモの所有者はコメント機能やコメントできるユーザ―を設定できます" data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
<span class="ui-comment-permission-toggle pull-right">
<span style="margin-left: 0; margin-right: 3px;">
オン
</span>
<span style="margin-left: 0;">
<label class="switch" style="vertical-align: middle; margin-bottom: 1px;">
<input type="checkbox">
<span class="slider round" style="margin-left: 0;"></span>
</label>
</span>
</span>
<div class="permission-item-badge permission-item-readonly pull-right" style="display: none;" name="comment">
<span name="disabled">オフ</span>
<span name="forbidden">コメント禁止</span>
<span name="owners">所有者</span>
<span name="signed_in_users">ログイン済みユーザー</span>
<span name="everyone">全員</span>
</div>
</div>
<div class="comment-permission-item ui-comment-permission-comment-mobile">
<div style="display: flex; height: 26px;">
<span style="flex: 1;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; vertical-align: middle;">
コメント権限
</div>
</div>
</span>
<div style="flex: 2">
<div>
<div class="dropdown menuitem-dropdown">
<div class="menuitem-dropdown-trigger"><span class="ui-comment-write-label">所有者</span><i class="fa fa-angle-down menuitem-angle" aria-hidden="true" style="margin-left: 10px;"></i></div>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" class="menuitem-item ui-comment-write-forbidden">コメント禁止</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-comment-write-owners">所有者</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-comment-write-signed_in_users">ログイン済みユーザー</a></li>
<li role="presentation"><a role="menuitem" class="menuitem-item ui-comment-write-everyone">全員</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="ui-invitee-divider" style="border-bottom: #e5e5e5 1px solid; margin-top: 15px;"></div>
<div class="ui-invitee-label dropdown-header">
招待される人
<i class="fa fa-question-circle fa-12 tooltip-align-left" style="color: #CDCDCD" title="メモ管理者は他のユーザーの権限を変更でき、メモの閲覧、編集、招待などの権限を寄与できます" data-toggle="tooltip" data-placement="bottom" data-offset="0,5"></i>
</div>
<div class="ui-invitee-form" style="padding-bottom: 10px;">
<div class="input-group" style="display: flex; padding: 0 15px;">
<input type="text" class="form-control search-user search-user-small ui-invitee-input" placeholder="メールアドレスで検索">
<div class="input-group-append">
<button class="btn btn-default ui-invitee-invite" invite-target=".search-user-small">招待</button>
</div>
</div>
</div>
<div style="padding: 0 15px;" class="ui-invitee ui-invitee-list" data-email-invitation="true">
</div>
<div class="ui-no-invitee-label" style="padding: 0 15px 10px 15px; font-size: 12px; color: #888888; display: none;">
このメモは招待されるユーザーはありません
</div>
<div class="ui-invitee-limit-label" style="padding: 0 15px; font-size: 12px; color: #888888; display: none;"></div>
</div>
<div class="modal-backdrop dim ui-more-menu-back" style="display: none; margin-top: 51px;"></div>
</nav>
<div class="ui-spinner unselectable hidden-print"></div>
<div class="row ui-content" style="display: none;">
<div id="comment-app"></div>
<div class="ui-edit-area unselectable">
<textarea id="textit"></textarea>
</div>
<div class="ui-view-area">
<div class="ui-infobar container-fluid unselectable hidden-print" style="visibility: hidden;">
<small class="pull-left">
<span class="ui-published-note di-sm db" style="display: none;">
 <i class="fa fa-globe" aria-hidden="true" style="margin-top: 1px;"></i>
<span style="text-transform: uppercase;">公開したメモ</span>
</span>
<span>
<span class="ui-lastchangeuser" style="display: none;"> <a class="ui-user-icon small" target="_blank"></a></span>
<span class="ui-no-lastchangeuser"> <i class="fa fa-clock-o fa-fw" style="width: 18px;"></i></span>
<span class="text-uppercase ui-status-lastchange"></span>
</span>
<br class="visible-xs">
<span class="ui-owner" style="display: none;">
 <a class="ui-user-icon small" target="_blank"></a>
<span class="text-uppercase">所有</span>
</span>
<span class="ui-owner-team" style="display: none;">
 <a class="ui-user-icon small" target="_blank"></a>
<span class="text-uppercase">所有</span>
</span>
<br class="visible-xs">
<span class="ui-connectedGithub" style="display: none;">
 <a class="fa fa-20 fa-github ui-connectedGithubIcon" target="_blank" data-toggle="tooltip" data-placement="right"></a>
<span class="text-uppercase">GitHubと同期する</span>
</span>
</small>
<span class="pull-right">
<span class="ui-notification dropdown btn-group pull-right" style="display: none;">
<button id="notificationLabel" class="ui-notification-subscribe btn btn-default text-muted">
<div data-no-email class="ui-notification-status" title="Notification">
<span class="normal">フォロー済み </span>
<span class="hover">フォローを解除</span>
</div>
</button>
<ul class="dropdown-menu" aria-labelledby="notificationLabel">
<li class="ui-notification-watch notification-menu-item"><i class="fa fa-check fa-fw"></i><i class="fa fa-bell fa-fw"></i><div class="info"><div class="title">全部通知</div><div>変更があった時に通知を受け取る</div></div></li>
<li class="ui-notification-mention notification-menu-item"><i class="fa fa-check fa-fw"></i><i class="fa fa-at fa-fw"></i><div class="info"><div class="title">タグ付け</div><div>私がタグ付けされた時に通知を受け取る</div></div></li>
</ul>
<button class="ui-watch ui-notification-subscribe btn btn-default">フォロー</button>
<button class="btn btn-default text-muted" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></button>
</span>
<div class="visible-xs" style="margin-top: 10px;"></div>
</span>
</div>
<div id="doc" class="markdown-body container-fluid" data-hard-breaks="true"></div>
<div class="ui-toc dropup unselectable hidden-print" style="display:none;">
<div class="pull-right dropdown">
<a id="tocLabel" class="ui-toc-label btn btn-default" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" title="目次">
<i class="fa fa-bars"></i>
</a>
<ul id="ui-toc" class="ui-toc-dropdown dropdown-menu" aria-labelledby="tocLabel">
</ul>
</div>
</div>
<div id="ui-toc-affix" class="ui-affix-toc ui-toc-dropdown unselectable hidden-print" data-spy="affix" style="top:51px;display:none;"></div>
</div>
</div>
<!-- clipboard modal -->
<div class="modal fade" id="clipboardModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">クリップボードから貼り付け</h4>
</div>
<div class="modal-body">
<div contenteditable data-ph="Markdownやウェブページの内容を貼り付けます" id="clipboardModalContent" style="overflow:auto;max-height:50vh"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
<button type="button" class="btn btn-danger" id="clipboardModalClear">クリア</button>
<button type="button" class="btn btn-primary" id="clipboardModalConfirm">インポート</button>
</div>
</div>
</div>
</div>
<!-- basic use modal -->
<div class="modal fade basic-use-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-lock"></i> メンバーのみ編集できます</h4>
</div>
<div class="modal-body" style="color:black;">
<h5>コメントする権限しかありません</h5>
</div>
<div class="modal-footer">
<a class="btn btn-primary" href="https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-use-comments" target="_blank">どうコメントする？</a>
<button type="button" class="btn btn-default" data-dismiss="modal">はい</button>
</div>
</div>
</div>
</div>
<!-- team locked modal -->
<div class="modal fade team-locked-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-lock"></i> 無効なチーム</h4>
</div>
<div class="modal-body" style="color:black;">
<h5>チームは停止され、メモを編集できません</h5>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">はい</button>
</div>
</div>
</div>
</div>
<!-- locked modal -->
<div class="modal fade locked-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-lock"></i> このメモはロックされました</h4>
</div>
<div class="modal-body" style="color:black;">
<h5>所有者のみ編集できます</h5>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">はい</button>
</div>
</div>
</div>
</div>
<!-- limit modal -->
<div class="modal fade limit-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-exclamation-triangle"></i> 上限に達しました</h4>
</div>
<div class="modal-body" style="color:black;">
<h5>メモの容量が最大限に達しました。</h5>
<strong>内容を減らすか、分割してください</strong>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning" data-dismiss="modal">はい</button>
</div>
</div>
</div>
</div>
<!-- gist import modal -->
<div class="modal fade" id="gistImportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Gistからインポート</h4>
</div>
<div class="modal-body">
<input type="url" class="form-control" placeholder="ここでGistのリンクを貼り付けます (like: https://gist.github.com/username/gistid)" id="gistImportModalContent">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
<button type="button" class="btn btn-danger" id="gistImportModalClear">クリア</button>
<button type="button" class="btn btn-primary" id="gistImportModalConfirm">インポート</button>
</div>
</div>
</div>
</div>
<!-- snippet import modal -->
<div class="modal fade" id="snippetImportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Snippetからインポート</h4>
</div>
<div class="modal-body">
<input type="hidden" id="snippetImportModalAccessToken" />
<input type="hidden" id="snippetImportModalBaseURL" />
<div class="ui-field-contain" style="display:table;margin-bottom:10px;width:100%;">
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">プロジェクト</label>
<select class="form-control" id="snippetImportModalProjects" style="display:table-cell;" disabled="disabled">
<option value="init" selected="selected" disabled="disabled">プロジェクトから選択</option>
</select>
</div>
<div style="display:table-row;">
<label style="display:table-cell;">Snippet</label>
<select class="form-control" id="snippetImportModalSnippets" style="display:table-cell;" disabled="disabled">
<option value="init" selected="selected" disabled="disabled">使用できるSnippetsから選択</option>
</select>
</div>
</div>
<p class="snippet-import-or">または</p>
<input type="url" class="form-control" placeholder="/projects/:id/snippets/:snippet_id" id="snippetImportModalContent" disabled="disabled">
</div>
<div class="modal-footer">
<span id="snippetImportModalLoading"><i class="fa fa-refresh fa-spin fa-fw"></i></span>
<button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
<button type="button" class="btn btn-danger" id="snippetImportModalClear">クリア</button>
<button type="button" class="btn btn-primary" id="snippetImportModalConfirm" disabled="disabled">インポート</button>
</div>
</div>
</div>
</div>
<!-- snippet export modal -->
<div class="modal fade" id="snippetExportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Snippetにエクスポート</h4>
</div>
<div class="modal-body">
<input type="hidden" id="snippetExportModalAccessToken" />
<input type="hidden" id="snippetExportModalBaseURL" />
<div class="ui-field-contain" style="display:table;margin-bottom:10px;width:100%;">
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">タイトル</label>
<input class="form-control" placeholder="new snippet" type="text" id="snippetExportModalTitle" />
</div>
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">ファイル名</label>
<input class="form-control" placeholder="new_snippet.md" type="text" id="snippetExportModalFileName" />
</div>
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">プロジェクト</label>
<select class="form-control" id="snippetExportModalProjects" style="display:table-cell;">
<option value="init" selected="selected" disabled="disabled">プロジェクトを選択</option>
</select>
</div>
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">アクセス許可レベル</label>
<select class="form-control" id="snippetExportModalVisibility" style="display:table-cell;">
<option value="" selected="selected" disabled="disabled">アクセス許可レベルを選択</option>
<option value="0">Private</option>
<option value="10">Internal</option>
</select>
</div>
</div>
</div>
<div class="modal-footer">
<span id="snippetExportModalLoading"><i class="fa fa-refresh fa-spin fa-fw"></i></span>
<button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
<button type="button" class="btn btn-primary" id="snippetExportModalConfirm">エクスポート</button>
</div>
</div>
</div>
</div>
<!-- delete modal -->
<div class="modal fade delete-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">削除確認</h4>
</div>
<div class="modal-body" style="color:black;">
<h5 class="ui-delete-modal-msg">このメモを削除しますか？</h5>
<strong class="ui-delete-modal-item">すべてのユーザーが編集できなくなります。</strong>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
<button type="button" class="btn btn-danger ui-delete-modal-confirm">削除</button>
</div>
</div>
</div>
</div>
<!-- template notes modal -->
<div class="modal fade template-modal" id="templateModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" >
<div class="modal-dialog modal-lg" style="width: calc(100vw - 20px); max-width: 1000px;">
<div class="modal-content template-content">
<div class="modal-header">
<button type="button" class="close ui-template-cancel visible-xs hidden-xs" style="margin-top: 2px !important; font-size: 15px !important; display: none;"><span aria-hidden="true">キャンセル</span></button>
<button type="button" class="close ui-template-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times fa-18"></i></span></button>
<h4 class="modal-title ui-template-title" id="mySmallModalLabel"><i class="fa fa-file-image-o"></i> <span>テンプレートでメモを作成</span></h4>
<h4 class="modal-title visible-xs hidden-xs ui-template-title-xs"><i class="fa fa-file-image-o"></i> <span>テンプレートでメモを作成</span></h4>
</div>
<div class="modal-body" style="padding: 0px;">
<div class="row">
<div class="col-sm-8 template-preview-container hidden-xs">
<div>
<div class="ui-template-spinner unselectable hidden-print"></div>
<iframe class="template-viewer" style="width: 100%; height: 100%; border: none;"></iframe>
<div class="template-empty ui-template-viewer-empty" style="display: none; margin: 0px;">
<img src="https://hackmd.io/not-available.svg">
<div>
<div>あら</div>
<div>このテンプレートは使用できません。</div>
</div>
</div>
</div>
<button type="button" class="visible-xs btn btn-primary ui-use-template-btn-mobile">テンプレートを適用</button>
</div>
<div class="col-sm-4 template-list-container">
<div class="ui-templates-container">
<button type="button" class="btn btn-default ui-create-template-btn"><span style="margin-right: -20px;">テンプレートを作成</span><i class="fa fa-plus fa-fw" style="float: right; margin-top: 3px;"></i></button>
<div class="dropdown ui-template-list-filter" style="margin: 20px;">
<a class="ui-template-list-filter-label" id="template-list-filter" data-filter-type="all" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>すべてのテンプレート</span><i class="fa fa-angle-down" aria-hidden="true" style="margin-left: 10px;"></i></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="template-list-filter" style="right: 0px; left: auto;">
<li role="presentation"><a role="menuitem" class="ui-template-filter-all" tabindex="-1" href="#">すべてのテンプレート</a></li>
<li role="presentation"><a role="menuitem" class="ui-template-filter-default" tabindex="-1" href="#">デフォルトテンプレート</a></li>
<li role="presentation"><a role="menuitem" class="ui-template-filter-personal" tabindex="-1" href="#">個人テンプレート</a></li>
<li role="presentation"><a role="menuitem" class="ui-template-filter-team" tabindex="-1" href="#">チームテンプレート</a></li>
<li role="presentation"><a role="menuitem" class="ui-template-filter-shared" tabindex="-1" href="#">共有テンプレート</a></li>
</ul>
</div>
<div class="template-empty ui-template-list-empty">
<i class="fa fa-file-image-o" aria-hidden="true"></i>
<div>テンプレートなし</div>
</div>
<div class="list-group ui-template-list" style="flex:1;">
</div>
<button type="button" class="btn btn-primary ui-use-template-btn hidden-xs">テンプレートを適用</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- create template modal -->
<div class="modal fade create-template-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog modal-sm">
<div class="modal-content template-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 2px; height: 17px;"><span aria-hidden="true"><i class="fa fa-times fa-18"></i></span>
</button>
<h4 class="modal-title" id="myModalLabel">新しいテンプレートを作成</h4>
</div>
<div class="modal-body text-center" style="color:black; padding: 20px; padding-bottom: 10px; text-align: left;">
<label for="templateName" style="font-size:18px; font-weight: normal;">テンプレート名</label>
<input type="text" id="templateName" class="form-control" placeholder="テンプレート名" aria-label="TemplateName" aria-describedby="template-name" maxlength="250">
</div>
<div class="modal-footer" style="border: none; padding: 20px;">
<button type="button" class="btn btn-primary ui-create-template-modal-confirm" style="min-width:54px;">オーケー</button>
</div>
</div>
</div>
</div>
<!-- delete template modal -->
<div class="modal fade delete-template-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content template-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 2px; height: 17px;"><span aria-hidden="true"><i class="fa fa-times fa-18"></i></span>
</button>
<h4 class="modal-title" id="myModalLabel">テンプレートを削除</h4>
</div>
<div class="modal-body text-center" style="color:black; padding: 14.5px 15px; padding-bottom: 0px; text-align: left;">
<p class="ui-delete-modal-msg" style="font-size: 15px;">テンプレートを削除することは確認しましたか？</p>
<div class="form-check" style="display: flex;">
<input type="checkbox" class="form-check-input ui-delete-note-check" style="margin-top: 7px;" id="deleteNoteCheck">
<label class="form-check-label" style="margin-top: 3px; margin-left: 5px; font-weight: 400;" for="deleteNoteCheck">
テンプレートの内容をキープします
<div style="font-size: 13px; margin-top: 5px; color: #818181; line-height: 18px;">テンプレートを一般メモに転じて、メモの内容、バージョン、およびコメントをキープします。</div>
</label>
</div>
</div>
<div class="modal-footer" style="border: none; padding: 20px 15px; display: flex;">
<button type="button" class="btn btn-default" data-dismiss="modal" style="flex:1;">キャンセル</button>
<button type="button" class="btn btn-danger ui-delete-template-modal-confirm" style="flex:1;">確認</button>
</div>
</div>
</div>
</div>
<!-- refresh modal -->
<div class="modal fade" id="refreshModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">ページを再読み込みする必要があります</h4>
</div>
<div class="modal-body">
<div class="incompatible-version">
<h5>このクライアントは対応していません</h5>
<strong>リロードしてください。</strong>
</div>
<div class="new-version" style="display:none;">
<h5>アップグレードされました！</h5>
<a href="https://hackmd.io/s/release-notes" target="_blank">更新履歴</a>
<br>
<strong>リロードして、最新機能をお楽しみください</strong>
</div>
<div class="user-state-changed" style="display:none;">
<h5>ユーザーステータスが変更されました</h5>
<strong>リロードしてユーザー状態を確認してください</strong>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="refreshModalRefresh">リロード</button>
</div>
</div>
</div>
</div>
<!-- signin modal -->
<div class="modal fade signin-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 10px; right: 20px; position: absolute;"><span aria-hidden="true">×</span></button>
<h3>ログイン</h3>
<form data-toggle="validator" role="form" class="form-horizontal" method="post" enctype="application/x-www-form-urlencoded">
<div class="dn"><input type="hidden" name="_csrf" value="a89vlLn1-sm1HE21iFpOJvH2pMv0dE1XSjNc"></div>
<div class="dn"><input type="hidden" name="create_team" value="false"></div>
<div class="dn"><input type="hidden" name="create_paid_team" value="false"></div>
<div class="form-group ">
<label for="email" class="control-label">email</label>
<label for="inputEmail" class="control-label pull-right errors">
</label>
<span class="help-block control-label with-errors pull-right" style="display: inline;"></span>
<div class="input-block">
<input type="email" class="form-control" name="email" placeholder="emailを入力してください" required autocomplete="email">
<span class="error-sign"></span>
</div>
</div>
<div class="form-group ">
<label for="password" class="control-label">パスワード</label>
<label for="inputPassword" class="control-label pull-right errors">
</label>
<span class="help-block control-label with-errors pull-right" style="display: inline;"></span>
<div class="input-block">
<input type="password" class="form-control" name="password" placeholder="パスワードを入力してください" required autocomplete="current-password">
<span class="error-sign"></span>
<span class="control-label pull-right" style="font-size: 13px; margin-top: 5px;"><a href="https://hackmd.io/settings/forgotPassword" style="text-decoration: underline;">パスワードを忘れました</a></span>
</div>
</div>
<div style="text-align: center; padding-top: 15px; margin-bottom: 0px;">
<input type="submit" class="btn btn-success btn-large" formaction="https://hackmd.io/login" value="ログイン">
</div>
</form>
<p class="seperator">または</p>
<p>登録を続けると、<a href="https://hackmd.io/s/terms" target="_blank">利用規約</a>に同意したものとみなします。</p>
<div class="social-buttons-container">
<a href="https://hackmd.io/auth/facebook" class="btn btn-lg btn-block btn-social btn-facebook">
<i class="fa fa-facebook"></i> Facebookでログイン
</a>
<a href="https://hackmd.io/auth/twitter" class="btn btn-lg btn-block btn-social btn-twitter">
<i class="fa fa-twitter"></i> Twitterでログイン
</a>
<a href="https://hackmd.io/auth/github" class="btn btn-lg btn-block btn-social btn-github">
<i class="fa fa-github"></i> GitHubでログイン
</a>
<a href="https://hackmd.io/auth/dropbox" class="btn btn-lg btn-block btn-social btn-dropbox">
<i class="fa fa-dropbox"></i> Dropboxでログイン
</a>
<a href="https://hackmd.io/auth/google" class="btn btn-lg btn-block btn-social btn-google">
<i class="icon icon-google"></i> Googleでログイン
</a>
</div>
<div >
<p>はじめてHackMDの使用ですか？<a href="https://hackmd.io/join">新規登録</a></p>
</div>
</div>
</div>
</div>
<!-- help modal -->
<div class="modal fade help-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="mySmallModalLabel"><i class="fa fa-question-circle"></i> 説明</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">ドキュメント</h3>
</div>
<div class="panel-body">
<a href="https://hackmd.io/c/tutorials" title="Tutorials" target="_blank"><i class="fa fa-dot-circle-o fa-fw" style="margin-right: 3px;"></i>使い方</a>
<br>
<a href="./yaml-metadata" title="YAML Metadata" target="_blank"><i class="fa fa-dot-circle-o fa-fw" style="margin-right: 3px;"></i>YAML Metadata</a>
<br>
<a href="./slide-example" title="Slide Example" target="_blank"><i class="fa fa-dot-circle-o fa-fw" style="margin-right: 3px;"></i>プレゼン例</a>
<br>
<a href="./book-example" title="Book Example" target="_blank"><i class="fa fa-dot-circle-o fa-fw" style="margin-right: 3px;"></i>ブック例</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">連絡先</h3>
</div>
<div class="panel-body">
<a href="https://www.messenger.com/t/hackmdio" target="_blank"><i class="fa fa-comments fa-fw" style="margin-right: 3px;"></i>開発者と連絡</a>
<br>
<a href="https://github.com/hackmdio/hackmd-io-issues/issues" target="_blank"><i class="fa fa-bug fa-fw" style="margin-right: 3px;"></i>問題を報告</a>
<br>
<a href="mailto:hackmdio@gmail.com"><i class="fa fa-envelope fa-fw" style="margin-right: 3px;"></i>開発者にメール</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">チートシート</h3>
</div>
<div class="panel-body" style="height: calc(100vh - 215px); overflow: auto;">
<table class="table table-condensed table-cheatsheet">
<thead>
<tr>
<th>範例</th>
<th>書き方</th>
</tr>
</thead>
<tbody class="markdown-body" style="font-family: inherit; font-size: 14px; padding: 0; max-width: inherit;">
<tr>
<td>見出し</td>
<td># 見出し</td>
</tr>
<tr>
<td><ul><li>順序なしリスト</li></ul></td>
<td>- 順序なしリスト</td>
</tr>
<tr>
<td><ol><li>順序付きリスト</li></ol></td>
<td>1. 順序付きリスト</td>
</tr>
<tr>
<td><ul><li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled><label></label>チェックリスト</li></ul></td>
<td>- [ ] チェックリスト</td>
</tr>
<tr>
<td><blockquote> 引用</blockquote></td>
<td>> 引用</td>
</tr>
<tr>
<td><strong>太字</strong></td>
<td>**太字**</td>
</tr>
<tr>
<td><i>斜体</i></td>
<td>*斜体*</td>
</tr>
<tr>
<td><s>取消線</s></td>
<td>~~取消線~~</td>
</tr>
<tr>
<td>19<sup>th</sup></td>
<td>19^th^</td>
</tr>
<tr>
<td>H<sub>2</sub>O</td>
<td>H~2~O</td>
</tr>
<tr>
<td><ins>下線</ins></td>
<td>++下線++</td>
</tr>
<tr>
<td><mark>ハイライト</mark></td>
<td>==ハイライト==</td>
</tr>
<tr>
<td><a>リンク</a></td>
<td>[link text](https:// "title")</td>
</tr>
<tr>
<td>画像</td>
<td></td>
</tr>
<tr>
<td><code>コードブロック</code></td>
<td>`コードブロック`</td>
</tr>
<tr>
<td><pre style="border:none !important;"><code class="javascript hljs"><div class="wrapper"><div class="gutter linenumber"><span data-linenumber="1"></span></div><div class="code"><span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>;
</div></div></code></pre></td>
<td>```javascript<br>var i = 0;<br>```</td>
</tr>
<tr>
<td><img align="absmiddle" alt=":smile:" class="emoji" src="./build/emojify.js/dist/images/basic/smile.png" title=":smile:"></img></td>
<td>:smile:</td>
</tr>
<tr>
<td>埋め込み</td>
<td>{%youtube youtube_id %}</td>
</tr>
<tr>
<td>L<sup>a</sup>T<sub>e</sub>X</td>
<td>$L^aT_eX$</td>
</tr>
<tr>
<td><div class="alert alert-info"><p>警告ブロック</p></div></td>
<td>:::info<br>警告ブロック<br>:::</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- revision modal -->
<div class="modal fade" id="revisionModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" style="width: calc(100vw - 20px); max-width: 1000px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="mySmallModalLabel"><i class="fa fa-history"></i> 更新履歴</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-4" style="max-height: calc(100vh - 215px); overflow: auto;">
<div class="list-group ui-revision-list"></div>
</div>
<div class="col-sm-8" style="height: calc(100vh - 215px); overflow: hidden;">
<textarea id="revisionViewer" style="display:none;"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
<button type="button" class="btn btn-primary" id="revisionModalDownload">ダウンロード</button>
<button type="button" class="btn btn-danger" id="revisionModalRevert">リバート</button>
</div>
</div>
</div>
</div>
<!-- revision modal -->
<div class="modal fade" id="namedRevisionModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" style="width: calc(100vw - 20px); max-width: 1200px; height: calc(100vh - 100px);">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<button type="button" class="close back" aria-label="Back"><span aria-hidden="true"><i class="fa fa-arrow-left" aria-hidden="true"></i></span>
</button>
<h4 class="modal-title" id="mySmallModalLabel"><i class="fa fa-history"></i> 更新履歴</h4>
</div>
<div class="container-fluid modal-body pa-0 github-sync-enabled" style="max-height: calc(100vh - 100px); height: calc(100vh - 100px); overflow: hidden;">
<div class="hidden-xs ui-github-sync" style="height: 51px; border-bottom: solid 1px #e7e7e7;">
<div style="display: none;" class="signin-to-connect">
ログインした後、メモをGitHubと連携できる。
<button class="btn btn-success" style="margin-left: 30px" data-toggle="modal" data-target=".signin-modal">登録してログインします</button>
<a href="https://hackmd.io/c/tutorials/%2Fs%2Flink-with-github" target="_blank" style="margin-left: 30px;"><span>詳しく見る</span><i class="fa fa-angle-right fa-fw"></i></a></a>
</div>
<div style="display: none;" class="no-connect-github">
このメモはGitHubと連携していません
<button class="btn btn-primary btn-outline ui-github-pull" style="margin-left: 30px">GitHubからプル</button>
<button class="btn btn-primary btn-outline ui-github-push" style="margin-left: 10px">GitHubからプッシュ</button>
<a href="https://hackmd.io/c/tutorials/%2Fs%2Flink-with-github" target="_blank" style="margin-left: 30px;"><span>詳しく見る</span><i class="fa fa-angle-right fa-fw"></i></a></a>
</div>
<div style="display: none;" class="github-status">
<i class="fa fa-github"></i> <div class="github-path-container"><a target="_blank" class="github-path" title="" data-toggle="tooltip" data-placement="bottom" data-offset="30px,5" data-container=".github-status" data-original-title=""></a></div></span>
<a class="ui-github-pull" style="margin-left: 30px;" title="変更をプル" data-toggle="tooltip" data-placement="bottom" data-offset="0,5"><i class="fa fa-arrow-down fa-18"></i></a>
<span style="margin-left: 30px;" title="変更をプッシュ" data-toggle="tooltip" data-placement="bottom" data-offset="0,5"><a class="ui-github-push"><i class="fa fa-arrow-up fa-18"></i></a></span>
<a class="ui-show-github-synced-settings-modal" style="margin-left: 55px;" title="同期設定" data-toggle="tooltip" data-placement="bottom" data-offset="0,5"><i class="fa fa-cog fa-18"></i></a>
</div>
</div>
<div class="col-xs-12 col-sm-4 pl-0 pr-0 sidebar revision-list-container">
<div class="list-group ui-named-revision-list"></div>
</div>
<div id="revision-editor-container" class="col-xs-12 col-sm-8 pl-0 pr-0 flex flex-column">
<div id="revisionSummary" style="display: none;" class="flex">
<h4 style="margin-right: 5px;">
<i class="fa fa-history"></i>
</h4>
<div class="flex flex-column flex-auto">
<h4 class="summary-title"></h4>
<p class="summary-author-info flex flex-wrap-xs">
<span class="summary-timestamp" style="margin-right: 15px;"></span>
<span>このバージョンは </span>
<span class="summary-authorship">
<a href="#"></a>
</span>
<span>が命名しました。</span>
Google Drive
Gist
Clipboard
Sign in with Wallet
