CINXE.COM
入力補助ツールバー - はてなブログ ヘルプ
<!DOCTYPE html><html lang="ja" data-admin-domain="//blog.hatena.ne.jp" data-admin-origin="https://blog.hatena.ne.jp" data-author="hatenablog" data-avail-langs="ja en" data-blog="help.hatenablog.com" data-blog-host="help.hatenablog.com" data-blog-is-public="1" data-blog-name="はてなブログ ヘルプ" data-blog-owner="hatenablog" data-blog-show-ads="" data-blog-show-sleeping-ads="" data-blog-uri="https://help.hatenablog.com/" data-blog-uuid="13208647353034080391" data-blogs-uri-base="https://help.hatenablog.com" data-brand="regular_plan" data-data-layer="{"hatenablog":{"admin":{},"analytics":{"brand_property_id":"UA-69076420-1","measurement_id":"","non_sampling_property_id":"","property_id":"UA-29716941-11","separated_property_id":"UA-29716941-17"},"blog":{"blog_id":"13208647353034080391","content_seems_japanese":"true","disable_ads":"brand","enable_ads":"false","enable_keyword_link":"false","entry_show_footer_related_entries":"false","force_pc_view":"true","is_public":"true","is_responsive_view":"true","is_sleeping":"false","lang":"ja","name":"\u306f\u3066\u306a\u30d6\u30ed\u30b0 \u30d8\u30eb\u30d7","owner_name":"hatenablog","uri":"https://help.hatenablog.com/"},"brand":"regular_plan","page_id":"entry","permalink_entry":{"author_name":"hatenablog","categories":"","character_count":1084,"date":"2014-11-28","entry_id":"8454420450075580335","first_category":"","hour":"23","title":"\u5165\u529b\u88dc\u52a9\u30c4\u30fc\u30eb\u30d0\u30fc","uri":"https://help.hatenablog.com/entry/editor/toolbar"},"pro":"pro","router_type":"blogs"}}" data-device="pc" data-dont-recommend-pro="false" data-global-domain="https://hatena.blog" data-globalheader-color="b" data-globalheader-type="pc" data-has-touch-view="1" data-help-url="https://help.hatenablog.com" data-hide-header="1" data-no-suggest-touch-view="1" data-page="entry" data-parts-domain="https://hatenablog-parts.com" data-plus-available="1" data-pro="true" data-router-type="blogs" data-sentry-dsn="https://03a33e4781a24cf2885099fed222b56d@sentry.io/1195218" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-static-domain="https://cdn.blog.st-hatena.com" data-version="4c841dff904291fd18670d1f8165c6" data-initial-state="{}"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="max-image-preview:large"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9; IE=10; IE=11"> <title>入力補助ツールバー - はてなブログ ヘルプ</title> <link rel="canonical" href="https://help.hatenablog.com/entry/editor/toolbar"> <meta itemprop="name" content="入力補助ツールバー - はてなブログ ヘルプ"> <meta itemprop="image" content="https://cdn.image.st-hatena.com/image/scale/6d160a4980508f5777bfc0c4bcb44645ce8f48b4/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fdefault_entry_og_image%2F62150696%2F15142248443714"> <meta property="og:title" content="入力補助ツールバー - はてなブログ ヘルプ"> <meta property="og:type" content="article"> <meta property="og:url" content="https://help.hatenablog.com/entry/editor/toolbar"> <meta property="og:image" content="https://cdn.image.st-hatena.com/image/scale/6d160a4980508f5777bfc0c4bcb44645ce8f48b4/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fdefault_entry_og_image%2F62150696%2F15142248443714"> <meta property="og:image:alt" content="入力補助ツールバー - はてなブログ ヘルプ"> <meta property="og:description" content="はてなブログの記事編集画面の上部には、文章を書く際に文字の書式やレイアウトなどの入力を補助してくれるツールバー 入力補助ツールバー があります。入力補助ツールバーの上段には、「リスト」や「引用」といったレイアウトを調整する入力補助機能があります。下段には、文字サイズや文字色といった文字の書式を変更する文字装飾機能を配置しています。 ツールバーを開閉する 上段の右端にある ボタンで、入力補助ツールバーを上下に開閉できます。クリックするとツールバーが閉じて、上段のみを表示します。もう一度クリックすると、再び下段を表示します。 入力補助ツールバーの機能 入力補助ツールバーには次のようなボタンがあり、…"> <meta property="og:site_name" content="はてなブログ ヘルプ"> <meta property="article:published_time" content="1417184818"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://cdn.image.st-hatena.com/image/scale/6d160a4980508f5777bfc0c4bcb44645ce8f48b4/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fdefault_entry_og_image%2F62150696%2F15142248443714"> <meta name="twitter:title" content="入力補助ツールバー - はてなブログ ヘルプ"> <meta name="twitter:description" content="はてなブログの記事編集画面の上部には、文章を書く際に文字の書式やレイアウトなどの入力を補助してくれるツールバー 入力補助ツールバー があります。入力補助ツールバーの上段には、「リスト」や「引用」といったレイアウトを調整する入力補助機能があります。下段には、文字サイズや文字色といった文字の書式を変更する文字装飾機能を配置…"> <meta name="twitter:app:name:iphone" content="はてなブログアプリ"> <meta name="twitter:app:id:iphone" content="583299321"> <meta name="twitter:app:url:iphone" content="hatenablog:///open?uri=https%3A%2F%2Fhelp.hatenablog.com%2Fentry%2Feditor%2Ftoolbar"> <meta name="twitter:site" content="@hatenablog"> <meta name="description" content="はてなブログの記事編集画面の上部には、文章を書く際に文字の書式やレイアウトなどの入力を補助してくれるツールバー 入力補助ツールバー があります。入力補助ツールバーの上段には、「リスト」や「引用」といったレイアウトを調整する入力補助機能があります。下段には、文字サイズや文字色といった文字の書式を変更する文字装飾機能を配置しています。 ツールバーを開閉する 上段の右端にある ボタンで、入力補助ツールバーを上下に開閉できます。クリックするとツールバーが閉じて、上段のみを表示します。もう一度クリックすると、再び下段を表示します。 入力補助ツールバーの機能 入力補助ツールバーには次のようなボタンがあり、…"> <meta name="keywords" content="はてな,ブログ,ヘルプ"> <script id="embed-gtm-data-layer-loader" data-data-layer-page-specific="{"hatenablog":{"blogs_permalink":{"has_related_entries_with_elasticsearch":"false","is_author_pro":"true","is_blog_sleeping":"false","blog_afc_issued":"false","entry_afc_issued":"false"}}}"> (function() { function loadDataLayer(elem, attrName) { if (!elem) { return {}; } var json = elem.getAttribute(attrName); if (!json) { return {}; } return JSON.parse(json); } var globalVariables = loadDataLayer( document.documentElement, 'data-data-layer' ); var pageSpecificVariables = loadDataLayer( document.getElementById('embed-gtm-data-layer-loader'), 'data-data-layer-page-specific' ); var variables = [globalVariables, pageSpecificVariables]; if (!window.dataLayer) { window.dataLayer = []; } for (var i = 0; i < variables.length; i++) { window.dataLayer.push(variables[i]); } })(); </script> <!-- Google Tag Manager --> <script>(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-P4CXTW');</script> <!-- End Google Tag Manager --> <link rel="shortcut icon" href="https://help.hatenablog.com/icon/favicon"> <link rel="apple-touch-icon" href="https://help.hatenablog.com/icon/touch"> <link rel="icon" sizes="192x192" href="https://help.hatenablog.com/icon/link"> <link rel="alternate" type="application/atom+xml" title="Atom" href="https://help.hatenablog.com/feed"> <link rel="alternate" type="application/rss+xml" title="RSS2.0" href="https://help.hatenablog.com/rss"> <link rel="alternate" type="application/json+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Fhelp.hatenablog.com%2Fentry%2Feditor%2Ftoolbar&format=json" title="oEmbed Profile of 入力補助ツールバー"> <link rel="alternate" type="text/xml+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Fhelp.hatenablog.com%2Fentry%2Feditor%2Ftoolbar&format=xml" title="oEmbed Profile of 入力補助ツールバー"> <link rel="author" href="http://www.hatena.ne.jp/hatenablog/"> <link rel="preload" href="https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenablog/20170921/20170921151127.png" as="image"> <link rel="stylesheet" type="text/css" href="https://cdn.blog.st-hatena.com/css/blog.css?version=4c841dff904291fd18670d1f8165c6"> <link rel="stylesheet" type="text/css" href="https://usercss.blog.st-hatena.com/blog_style/13208647353034080391/ca009fd894abd8cb3603f43530968845d1a9947f"> <script> </script> <style> div#google_afc_user, div.google-afc-user-container, div.google_afc_image, div.google_afc_blocklink { display: block !important; } </style> <script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","dateModified":"2022-09-08T18:44:21+09:00","datePublished":"2014-11-28T23:26:58+09:00","headline":"入力補助ツールバー","image":["https://cdn.user.blog.st-hatena.com/default_entry_og_image/62150696/15142248443714"]}</script> <!-- Google Tag Manager --> <script>(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-KJZ3HS9');</script> <!-- End Google Tag Manager --> <meta name="viewport" content="width=device-width"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-29716941-31', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "5cw1jc89ui"); </script> <!-- Global site tag (gtag.js) - Google Analytics cs@--> <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-189387219-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-189387219-1'); </script> </head> <body class="page-entry enable-top-editarea enable-bottom-editarea globalheader-off globalheader-ng-enabled"> <div id="globalheader-container" data-brand="hatenablog" style="display: none"> <iframe id="globalheader" height="37" frameborder="0" allowtransparency="true"></iframe> </div> <div id="container"> <div id="container-inner"> <div id="top-editarea"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJZ3HS9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="header-wrapper"> <div class="header-wrapper-inner"> <nav class="header-logo-hatenablog"><a href="http://hatenablog.com/"> <img src="https://cdn.blog.st-hatena.com/css/theme/help/images/logo-hatenablog.svg" alt="Hatena Blog" class="header-logo-hatenablog-img"></a> </nav> <header class="blog-title"> <div id="blog-title-inner"> <div id="blog-title-content"> <h1 id="title"><a href="/">はてなブログ ヘルプ</a></h1> </div> </div> </header> <div class="header-search"> <form class="search-form" role="search" action="/search" method="get"> <input type="text" name="q" class="search-module-input" value="" placeholder="ヘルプを検索" required=""> <input type="submit" value="検索" class="search-module-button"> </form> </div> </div> </div> </div> <div id="content" class="hfeed"> <div id="content-inner"> <div id="wrapper"> <div id="main"> <div id="main-inner"> <!-- google_ad_section_start --> <!-- rakuten_ad_target_begin --> <article class="entry hentry test-hentry js-entry-article date-first autopagerize_page_element chars-1200 words-100 mode-hatena entry-odd" id="entry-8454420450075580335" data-keyword-campaign="" data-uuid="8454420450075580335" data-publication-type="entry"> <div class="entry-inner"> <header class="entry-header"> <div class="date entry-date first"> <a href="https://help.hatenablog.com/archive/2014/11/28" rel="nofollow"> <time datetime="2014-11-28T14:26:58Z" title="2014-11-28T14:26:58Z"> <span class="date-year">2014</span><span class="hyphen">-</span><span class="date-month">11</span><span class="hyphen">-</span><span class="date-day">28</span> </time> </a> </div> <h1 class="entry-title"> <a href="https://help.hatenablog.com/entry/editor/toolbar" class="entry-title-link bookmark">入力補助ツールバー</a> </h1> </header> <div class="entry-content hatenablog-entry"> <p>はてなブログの記事編集画面の上部には、文章を書く際に文字の書式やレイアウトなどの入力を補助してくれるツールバー <strong>入力補助ツールバー</strong> があります。</p><p>入力補助ツールバーの上段には、「リスト」や「引用」といったレイアウトを調整する入力補助機能があります。下段には、文字サイズや文字色といった文字の書式を変更する文字装飾機能を配置しています。</p> <div class="section"> <h3 id="ツールバーを開閉する">ツールバーを開閉する</h3> <p>上段の右端にある <img src="https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenablog/20170921/20170921151127.png" alt="ツールバーを開閉する" title="ツールバーを開閉する" style="vertical-align: middle;"> ボタンで、入力補助ツールバーを上下に開閉できます。</p><p>クリックするとツールバーが閉じて、上段のみを表示します。もう一度クリックすると、再び下段を表示します。</p> </div> <div class="section"> <h3 id="入力補助ツールバーの機能">入力補助ツールバーの機能</h3> <p>入力補助ツールバーには次のようなボタンがあり、それぞれ書式やレイアウトを変更できます。</p> <div class="section"> <h4 id="上段---入力補助機能">上段 - 入力補助機能</h4> <p>ボタンをクリックすると、見出しや箇条書き、引用といった文書のレイアウトを変更できます。</p> <div class="help-table"> <table> <tbody><tr> <th>ボタン</th> <th>名前</th> <th>機能</th> </tr> <tr> <td><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenablog/20141128/20141128222706_120.jpg" style="vertical-align: middle;"></td> <td>書式</td> <td>記事の本文に3種類の大きさの見出し（大見出し、中見出し、小見出し）を挿入できます。</td> </tr> <tr> <td><i class="blogicon-editor-unorderedlist"></i></td> <td>箇条書き</td> <td>番号無しのリストを挿入できます。</td> </tr> <tr> <td><i class="blogicon-editor-orderedlist"></i></td> <td>番号付きリスト</td> <td>番号付きのリストを挿入できます。</td> </tr> <tr> <td><i class="blogicon-editor-link"></i></td> <td>リンク</td> <td>URLを入力することで、リンクを挿入することができます。詳細はヘルプ「<a href="http://help.hatenablog.com/entry/editor/advlink">リンクの挿入とコンテンツの埋め込み</a>」を参照してください。</td> </tr> <tr> <td><i class="blogicon-editor-seemore"></i></td> <td>続きを読む</td> <td>「続きを読む」記法等を挿入し、記事を折りたたむことができます。</td> </tr> <tr> <td><i class="blogicon-editor-blockquote"></i></td> <td>引用</td> <td>引用を意味する記法を挿入できます。</td> </tr> <tr> <td><i class="blogicon-editor-footnote"></i></td> <td>脚注</td> <td>文中に脚注を挿入することができます。</td> </tr> <tr> <td><i class="blogicon-editor-insert-toc"></i></td> <td>目次</td> <td>文中に目次を挿入することができます。</td> </tr> </tbody></table></div> </div> <div class="section"> <h4 id="下段---文字装飾機能">下段 - 文字装飾機能</h4> <p>ボタンをクリックすると、太字や打ち消し線といった文字の書式や修飾を変更できます。</p> <div class="help-table"> <table> <tbody><tr> <th>ボタン</th> <th>名前</th> <th>機能</th> </tr> <tr> <td><i class="blogicon-editor-bold"></i></td> <td>太字</td> <td>文字を太字にすることができます。</td> </tr> <tr> <td><i class="blogicon-editor-italic"></i></td> <td>斜体</td> <td>文字を斜体にすることができます。</td> </tr> <tr> <td><i class="blogicon-editor-strike"></i></td> <td>打消</td> <td>文章に打ち消し線を引くことができます。</td> </tr> <tr> <td><i class="blogicon-editor-underline"></i></td> <td>アンダーライン</td> <td>文章にアンダーラインを入れることができます。</td> </tr> <tr> <td><i class="blogicon-editor-fontsize"></i></td> <td>文字の大きさ</td> <td>文字の大きさを大、中、標準、小から選ぶことができます。</td> </tr> <tr> <td><i class="blogicon-editor-color"></i></td> <td>文字色</td> <td>文字の色を30色の中から選ぶことができます。</td> </tr> </tbody></table></div> </div> </div> <div class="section"> <h3 id="関連項目">関連項目</h3> <ul> <li><a href="http://help.hatenablog.com/entry/writing">記事を書く</a></li> <li><a href="http://help.hatenablog.com/entry/editor">はてなブログの記事編集画面</a></li> <li><a href="http://help.hatenablog.com/entry/editor/advlink">リンクの挿入とコンテンツの埋め込み</a></li> <li><a href="http://help.hatenablog.com/entry/editing-mode">編集モード</a></li> </ul> <div class="section"> <h4 id="関連記事">関連記事</h4> <ul> <li>2013-02-19 <a href="http://staff.hatenablog.com/entry/2013/02/19/151950"><img src="https://cdn-ak.favicon.st-hatena.com/?url=http%3A%2F%2Fstaff.hatenablog.com%2Fentry%2F2013%2F02%2F19%2F151950" alt="" class="http-favicon"></a><a href="http://staff.hatenablog.com/entry/2013/02/19/151950">編集画面から見出しを簡単に入力できるようにしました</a></li> <li>2013-03-27 <a href="http://staff.hatenablog.com/entry/2013/03/27/144443"><img src="https://cdn-ak.favicon.st-hatena.com/?url=http%3A%2F%2Fstaff.hatenablog.com%2Fentry%2F2013%2F03%2F27%2F144443" alt="" class="http-favicon"></a><a href="http://staff.hatenablog.com/entry/2013/03/27/144443">記事を分割する「続きを読む」記法をリリースしました</a></li> <li>2013-06-20 <a href="http://staff.hatenablog.com/entry/2013/06/20/200741"><img src="https://cdn-ak.favicon.st-hatena.com/?url=http%3A%2F%2Fstaff.hatenablog.com%2Fentry%2F2013%2F06%2F20%2F200741" alt="" class="http-favicon"></a><a href="http://staff.hatenablog.com/entry/2013/06/20/200741">編集画面に「引用」ボタンを追加……ほか</a></li> </ul> <ul> <li>2013-02-22 <a href="http://staff.hatenablog.com/entry/2013/02/22/175213"><img src="https://cdn-ak.favicon.st-hatena.com/?url=http%3A%2F%2Fstaff.hatenablog.com%2Fentry%2F2013%2F02%2F22%2F175213" alt="" class="http-favicon"></a><a href="http://staff.hatenablog.com/entry/2013/02/22/175213">画像サイズをドラッグで変更、見出しの入力補助。記事編集画面の新機能をわかりやすく説明します</a></li> </ul> </div> </div> </div> <footer class="entry-footer"> <div class="entry-tags-wrapper"> <div class="entry-tags"> </div> </div> <p class="entry-footer-section track-inview-by-gtm" data-gtm-track-json="{"area": "finish_reading"}"> <span class="author vcard"><span class="fn" data-load-nickname="1" data-user-name="hatenablog">hatenablog</span></span> <span class="entry-footer-time"><a href="https://help.hatenablog.com/entry/editor/toolbar"><time data-relative="" datetime="2014-11-28T14:26:58Z" title="2014-11-28T14:26:58Z" class="updated">2014-11-28 23:26</time></a></span> </p> <div class="social-buttons"> </div> <div class="customized-footer"> <div class="entry-footer-html"><div class="js-gtm-related-entries"></div></div> </div> </footer> </div> </article> <!-- rakuten_ad_target_end --> <!-- google_ad_section_end --> <div class="pager pager-permalink permalink"> <span class="pager-prev"> <a href="https://help.hatenablog.com/entry/blogcards" rel="prev"> <span class="pager-arrow">« </span> ブログカード </a> </span> <span class="pager-next"> <a href="https://help.hatenablog.com/entry/app/android" rel="next"> Androidアプリ「はてなブログ」 <span class="pager-arrow"> »</span> </a> </span> </div> </div> </div> <aside id="box1"> <div id="box1-inner"> </div> </aside> </div><!-- #wrapper --> <aside id="box2"> <div id="box2-inner"> <div class="hatena-module hatena-module-html"> <div class="hatena-module-title">基本操作</div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li><a href="/entry/register">はてなブログを始める</a></li> <li><a href="/entry/config">ブログを設定する</a></li> <li><a href="/entry/design">デザインを変更する</a></li> <li><a href="/entry/writing">記事を書く</a></li> <li><a href="/entry/reading">ブログを読む</a> </li></ul> </div> </div> <div class="hatena-module hatena-module-html"> <div class="hatena-module-title">使いこなす</div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li><a href="/entry/pro">はてなブログPro（有料プラン）</a></li> <li><a href="/entry/blog-group">ブログ グループ</a></li> <li><a href="/entry/theme/custom-theme">テーマ制作の手引き</a></li> <li><a href="/entry/app/android">Androidアプリ</a></li> <li><a href="/entry/app/iphone">iPhoneアプリ</a></li> <li><a href="/entry/guideline">ガイドライン</a></li> </ul> </div> </div> <div class="hatena-module hatena-module-entries-access-ranking" data-count="10" data-source="access" data-enable_customize_format="0" data-display_entry_image_size_width="100" data-display_entry_image_size_height="100" data-display_entry_category="0" data-display_entry_image="0" data-display_entry_image_size_width="100" data-display_entry_image_size_height="100" data-display_entry_body_length="0" data-display_entry_date="0" data-display_entry_title_length="20" data-restrict_entry_title_length="0" data-display_bookmark_count="0"> <div class="hatena-module-title"> よく読まれているヘルプ </div> <div class="hatena-module-body"> </div> </div> <div class="hatena-module hatena-module-links"> <div class="hatena-module-title"> 関連リンク </div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li> <a href="http://staff.hatenablog.com/">はてなブログ開発ブログ（機能変更・お知らせ）</a> </li> <li> <a href="/entry/guideline">ガイドライン</a> </li> <li> <a href="http://htn.to/blogfaq">FAQとお問い合わせ</a> </li> </ul> </div> </div> </div> </aside> </div> </div> <div id="bottom-editarea"> <footer class="footer"> <address> Powered by <a href="http://hatenablog.com/">Hatena Blog</a> </address> </footer> </div> </div> </div> <div class="quote-box"> <div class="tooltip-quote tooltip-quote-stock"> <i class="blogicon-quote" title="引用をストック"></i> </div> <div class="tooltip-quote tooltip-quote-tweet js-tooltip-quote-tweet"> <a class="js-tweet-quote" target="_blank" data-track-name="quote-tweet" data-track-once=""> <img src="https://cdn.blog.st-hatena.com/images/admin/quote/quote-x-icon.svg?version=4c841dff904291fd18670d1f8165c6" title="引用して投稿する"> </a> </div> </div> <div class="quote-stock-panel" id="quote-stock-message-box" style="position: absolute; z-index: 3000"> <div class="message-box" id="quote-stock-succeeded-message" style="display: none"> <p>引用をストックしました</p> <button class="btn btn-primary" id="quote-stock-show-editor-button" data-track-name="curation-quote-edit-button">ストック一覧を見る</button> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="message-box" id="quote-login-required-message" style="display: none"> <p>引用するにはまずログインしてください</p> <button class="btn btn-primary" id="quote-login-button">ログイン</button> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="error-box" id="quote-stock-failed-message" style="display: none"> <p>引用をストックできませんでした。再度お試しください</p> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="error-box" id="unstockable-quote-message-box" style="display: none; position: absolute; z-index: 3000;"> <p>限定公開記事のため引用できません。</p> </div> </div> <script type="x-underscore-template" id="js-requote-button-template"> <div class="requote-button js-requote-button"> <button class="requote-button-btn tipsy-top" title="引用する"><i class="blogicon-quote"></i></button> </div> </script> <div id="hidden-subscribe-button" style="display: none;"> <div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box"> <a href="#" class="hatena-follow-button js-hatena-follow-button"> <span class="subscribing"> <span class="foreground">読者です</span> <span class="background">読者をやめる</span> </span> <span class="unsubscribing" data-track-name="profile-widget-subscribe-button" data-track-once=""> <span class="foreground">読者になる</span> <span class="background">読者になる</span> </span> </a> <div class="subscription-count-box js-subscription-count-box"> <i></i> <u></u> <span class="subscription-count js-subscription-count"> </span> </div> </div> </div> <script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?v=1.12.4&version=4c841dff904291fd18670d1f8165c6"></script> <script src="https://cdn.blog.st-hatena.com/js/texts-ja.js?version=4c841dff904291fd18670d1f8165c6"></script> <script id="vendors-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/vendors.js?version=4c841dff904291fd18670d1f8165c6" crossorigin="anonymous"></script> <script id="hatenablog-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/hatenablog.js?version=4c841dff904291fd18670d1f8165c6" crossorigin="anonymous" data-page-id="entry"></script> <script>Hatena.Diary.GlobalHeader.init()</script> </body></html>