PageSourceSearch

https://masahiko.info/entry/2020/04/24/181834

html masahiko.info collected 2026-09-24 12:04:31 UTC 23,815 bytes, 752 lines download raw bytes

1<!DOCTYPE html>
2<html
3  lang="ja"
4
5
6data-admin-domain="//blog.hatena.ne.jp"
7data-admin-origin="https://blog.hatena.ne.jp"
8data-author="misshiki"
9data-avail-langs="ja en"
10data-blog="misshiki.hateblo.jp"
11data-blog-host="misshiki.hateblo.jp"
12data-blog-is-public="1"
13data-blog-name="Masahiko Isshiki | 一色政彦"
14data-blog-owner="misshiki"
15data-blog-show-ads=""
16data-blog-show-sleeping-ads=""
17data-blog-uri="https://masahiko.info/"
18data-blog-uuid="26006613555533190"
19data-blogs-uri-base="https://masahiko.info"
20data-brand="pro"
21data-data-layer="{&quot;hatenablog&quot;:{&quot;admin&quot;:{},&quot;analytics&quot;:{&quot;brand_property_id&quot;:&quot;&quot;,&quot;measurement_id&quot;:&quot;&quot;,&quot;non_sampling_property_id&quot;:&quot;&quot;,&quot;property_id&quot;:&quot;&quot;,&quot;separated_property_id&quot;:&quot;UA-29716941-20&quot;},&quot;blog&quot;:{&quot;blog_id&quot;:&quot;26006613555533190&quot;,&quot;content_seems_japanese&quot;:&quot;true&quot;,&quot;disable_ads&quot;:&quot;custom_domain&quot;,&quot;enable_ads&quot;:&quot;false&quot;,&quot;entry_show_footer_related_entries&quot;:&quot;false&quot;,&quot;force_pc_view&quot;:&quot;true&quot;,&quot;is_public&quot;:&quot;true&quot;,&quot;is_responsive_view&quot;:&quot;true&quot;,&quot;is_sleeping&quot;:&quot;false&quot;,&quot;lang&quot;:&quot;ja&quot;,&quot;name&quot;:&quot;Masahiko Isshiki | \u4e00\u8272\u653f\u5f66&quot;,&quot;owner_name&quot;:&quot;misshiki&quot;,&quot;uri&quot;:&quot;https://masahiko.info/&quot;},&quot;brand&quot;:&quot;pro&quot;,&quot;page_id&quot;:&quot;entry&quot;,&quot;permalink_entry&quot;:{&quot;author_name&quot;:&quot;misshiki&quot;,&quot;categories&quot;:&quot;&quot;,&quot;character_count&quot;:28,&quot;date&quot;:&quot;2020-04-24&quot;,&quot;entry_id&quot;:&quot;26006613555535306&quot;,&quot;first_category&quot;:&quot;&quot;,&quot;hour&quot;:&quot;18&quot;,&quot;title&quot;:&quot;\u4e0b\u8a18\u306e\u30b5\u30a4\u30c8\u304c\u3042\u308a\u307e\u3059&quot;,&quot;uri&quot;:&quot;https://masahiko.info/entry/2020/04/24/181834&quot;},&quot;pro&quot;:&quot;pro&quot;,&quot;router_type&quot;:&quot;blogs&quot;}}"
22data-device="pc"
23data-dont-recommend-pro="false"
24data-global-domain="https://hatena.blog"
25data-globalheader-color="b"
26data-globalheader-type="pc"
27data-has-touch-view="1"
28data-help-url="https://help.hatenablog.com"
29data-hide-header="1"
30data-no-suggest-touch-view="1"
31data-page="entry"
32data-parts-domain="https://hatenablog-parts.com"
33data-plus-available="1"
34data-pro="true"
35data-router-type="blogs"
36data-sentry-dsn="https://[email protected]/1195218"
37data-sentry-environment="production"
38data-sentry-sample-rate="0.1"
39data-show-heading-anchor-link="1"
40data-static-domain="https://cdn.blog.st-hatena.com"
41data-version="4dd741a907213e900600e22f5c7647"
42
43
44
45
46
47
48  data-initial-state="{}"
49
50  >
51  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
52
53  
54
55  
56  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
57
58
59  
60
61
62  
63
64  <meta name="robots" content="max-image-preview:large" />
65
66
67  <meta charset="utf-8"/>
68  <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9; IE=10; IE=11" />
69  <title>下記のサイトがあります - Masahiko Isshiki | 一色政彦</title>
70
71  
72  <link rel="canonical" href="https://masahiko.info/entry/2020/04/24/181834"/>
73
74
75
76  
77
78<meta itemprop="name" content="下記のサイトがあります - Masahiko Isshiki | 一色政彦"/>
79
80  <meta itemprop="image" content="https://ogimage.blog.st-hatena.com/26006613555533190/26006613555535306/1777211786"/>
81
82
83  <meta property="og:title" content="下記のサイトがあります - Masahiko Isshiki | 一色政彦"/>
84<meta property="og:type" content="article"/>
85  <meta property="og:url" content="https://masahiko.info/entry/2020/04/24/181834"/>
86
87  <meta property="og:image" content="https://ogimage.blog.st-hatena.com/26006613555533190/26006613555535306/1777211786"/>
88
89<meta property="og:image:alt" content="下記のサイトがあります - Masahiko Isshiki | 一色政彦"/>
90    <meta property="og:description" content="いっしきまさひこWebSITE いっしきまさひこBLOG" />
91<meta property="og:site_name" content="Masahiko Isshiki | 一色政彦"/>
92
93  <meta property="article:published_time" content="2020-04-24T09:18:34Z" />
94
95      <meta name="twitter:card"  content="summary_large_image" />
96    <meta name="twitter:image" content="https://ogimage.blog.st-hatena.com/26006613555533190/26006613555535306/1777211786" />  <meta name="twitter:title" content="下記のサイトがあります - Masahiko Isshiki | 一色政彦" />    <meta name="twitter:description" content="いっしきまさひこWebSITE いっしきまさひこBLOG" />  <meta name="twitter:app:name:iphone" content="はてなブログアプリ" />
97  <meta name="twitter:app:id:iphone" content="583299321" />
98  <meta name="twitter:app:url:iphone" content="hatenablog:///open?uri=https%3A%2F%2Fmasahiko.info%2Fentry%2F2020%2F04%2F24%2F181834" />
99  
100    <meta name="description" content="いっしきまさひこWebSITE いっしきまさひこBLOG" />
101
102
103  
104<script
105  id="embed-gtm-data-layer-loader"
106  data-data-layer-page-specific="{&quot;hatenablog&quot;:{&quot;blogs_permalink&quot;:{&quot;entry_afc_issued&quot;:&quot;false&quot;,&quot;blog_afc_issued&quot;:&quot;false&quot;,&quot;has_related_entries_with_elasticsearch&quot;:&quot;false&quot;,&quot;is_author_pro&quot;:&quot;true&quot;,&quot;is_blog_sleeping&quot;:&quot;false&quot;}}}"
107>
108(function() {
109  function loadDataLayer(elem, attrName) {
110    if (!elem) { return {}; }
111    var json = elem.getAttribute(attrName);
112    if (!json) { return {}; }
113    return JSON.parse(json);
114  }
115
116  var globalVariables = loadDataLayer(
117    document.documentElement,
118    'data-data-layer'
119  );
120  var pageSpecificVariables = loadDataLayer(
121    document.getElementById('embed-gtm-data-layer-loader'),
122    'data-data-layer-page-specific'
123  );
124
125  var variables = [globalVariables, pageSpecificVariables];
126
127  if (!window.dataLayer) {
128    window.dataLayer = [];
129  }
130
131  for (var i = 0; i < variables.length; i++) {
132    window.dataLayer.push(variables[i]);
133  }
134})();
135</script>
135
136
137<!-- Google Tag Manager -->
138<script>
vendor: 327 bytes, lines 138-142
138(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
139new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
140j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
141'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
142})(window,document,'script','dataLayer','
142GTM-P4CXTW
vendor: 3 bytes, line 142
142');
142</script>
142
143<!-- End Google Tag Manager -->
144
145
146
147
148
149
150
151
152
153
154
155  <link rel="shortcut icon" href="https://masahiko.info/icon/favicon">
156<link rel="apple-touch-icon" href="https://masahiko.info/icon/touch">
157<link rel="icon" sizes="192x192" href="https://masahiko.info/icon/link">
158
159  
160
161<link rel="alternate" type="application/atom+xml" title="Atom" href="https://masahiko.info/feed"/>
162<link rel="alternate" type="application/rss+xml" title="RSS2.0" href="https://masahiko.info/rss"/>
163
164  <link rel="alternate" type="application/json+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Fmasahiko.info%2Fentry%2F2020%2F04%2F24%2F181834&amp;format=json" title="oEmbed Profile of 下記のサイトがあります"/>
165<link rel="alternate" type="text/xml+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Fmasahiko.info%2Fentry%2F2020%2F04%2F24%2F181834&amp;format=xml" title="oEmbed Profile of 下記のサイトがあります"/>
166  
167  <link rel="author" href="http://www.hatena.ne.jp/misshiki/">
168
169  
170
171  
172
173
174  
175    
176<link rel="stylesheet" type="text/css" href="https://cdn.blog.st-hatena.com/css/blog.css?version=4dd741a907213e900600e22f5c7647"/>
177
178    
179  <link rel="stylesheet" type="text/css" href="https://usercss.blog.st-hatena.com/blog_style/26006613555533190/13f147c0c2ecf53e0b276a18105b159dee8692b5"/>
180  
181  
182  
183
184  
185
186  
187<script> </script>
187
188
189  
190<style>
191  div#google_afc_user,
192  div.google-afc-user-container,
193  div.google_afc_image,
194  div.google_afc_blocklink {
195      display: block !important;
196  }
197</style>
198
199
200  
201
202  
203    
203<script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","dateModified":"2026-04-26T22:56:27+09:00","datePublished":"2020-04-24T18:18:34+09:00","description":"いっしきまさひこWebSITE いっしきまさひこBLOG","headline":"下記のサイトがあります","image":["https://cdn.blog.st-hatena.com/images/theme/og-image-1500.png"],"mainEntityOfPage":{"@id":"https://masahiko.info/entry/2020/04/24/181834","@type":"WebPage"}}</script>
203
204
205  
206
207  
207<script>
208(function() {
209  if (location.pathname !== '/' && location.pathname !== '/index') return;
210  if (window.__lpLandingScriptLoaded) return;
211  window.__lpLandingScriptLoaded = true;
212
213  function lpUpdateTokyoTime() {
214    var el = document.getElementById('tokyo-time');
215    if (!el) return;
216    var fmt = new Intl.DateTimeFormat('en-US', {
217      timeZone: 'Asia/Tokyo',
218      hour: '2-digit',
219      minute: '2-digit',
220      second: '2-digit',
221      hour12: true
222    });
223    el.textContent = fmt.format(new Date());
224  }
225
226  window.lpCopyEmail = function(btn) {
227    var u = btn.getAttribute('data-u');
228    var d = btn.getAttribute('data-d');
229    var display = btn.querySelector('.email-display');
230    if (!u || !d || !display) return;
231
232    var addr = u + String.fromCharCode(64) + d;
233    if (!btn.getAttribute('data-revealed')) {
234      display.textContent = u + ' [at] ' + d;
235      btn.setAttribute('data-revealed', '1');
236      return;
237    }
238
239    if (!navigator.clipboard || !navigator.clipboard.writeText) {
240      display.textContent = addr;
241      return;
242    }
243
244    navigator.clipboard.writeText(addr).then(function() {
245      var prev = display.textContent;
246      display.textContent = 'copied to clipboard!';
247      display.classList.add('copied');
248      setTimeout(function() {
249        display.textContent = prev;
250        display.classList.remove('copied');
251      }, 1600);
252    });
253  };
254
255  function lpBindEmail() {
256    var btn = document.querySelector('[data-lp-email]');
257    if (!btn || btn.getAttribute('data-lp-bound')) return;
258    btn.setAttribute('data-lp-bound', '1');
259    btn.addEventListener('click', function() {
260      window.lpCopyEmail(btn);
261    });
262  }
263
264  function lpInitLanding() {
265    lpUpdateTokyoTime();
266    lpBindEmail();
267    if (!window.__lpTokyoTimer) {
268      window.__lpTokyoTimer = setInterval(lpUpdateTokyoTime, 1000);
269    }
270  }
271
272  if (document.readyState === 'loading') {
273    document.addEventListener('DOMContentLoaded', lpInitLanding);
274  } else {
275    lpInitLanding();
276  }
277})();
278</script>
278
279
280  
281
282</head>
283
284  <body class="page-entry enable-top-editarea globalheader-off globalheader-ng-enabled">
285    
286    
287
288<div id="globalheader-container"
289  data-brand="hatenablog"
290  style="display: none"
291  >
292  <iframe id="globalheader" height="37" frameborder="0" allowTransparency="true"></iframe>
293</div>
294
295
296  
297  
298  
299
300  <div id="container">
301    <div id="container-inner">
302      <header id="blog-title" data-brand="hatenablog">
303  <div id="blog-title-inner" >
304    <div id="blog-title-content">
305      <h1 id="title"><a href="https://masahiko.info/">Masahiko Isshiki | 一色政彦</a></h1>
306      
307        <h2 id="blog-description">一色政彦のプロフィール、ブログ、開発ツール、執筆・活動情報をまとめた個人ポータルサイトです。</h2>
308      
309    </div>
310  </div>
311</header>
312
313      
314
315  <div id="top-editarea">
316    <!--
317  masahiko.info - top edit area landing HTML
318
319  Deploy to:
320  はてなブログ管理画面 -> デザイン -> カスタマイズ -> ヘッダ -> タイトル下
321
322  Notes:
323  - This HTML is rendered as #top-editarea on every page.
324  - design-css.css shows this landing only on body.page-index.
325  - JavaScript lives in header-html.html, deployed to the head_html field.
326-->
327
328<div class="lp">
329  <header class="hero">
330    <div class="hero-meta">
331      <span class="tokyo">
332        <span class="pulse"></span>
333        TOKYO &middot; <span id="tokyo-time">--:--:-- AM</span> JST
334      </span>
335    </div>
336
337    <div class="container">
338      <div class="name-block">
339        <p class="hi">Hi, I'm</p>
340        <h1 class="name">Masahiko <em>Isshiki</em>.</h1>
341        <p class="name-jp" aria-label="一色 政彦">
342          <span class="name-part name-family" aria-hidden="true">一色</span>
343          <span class="name-part name-given" aria-hidden="true">政彦</span>
344        </p>
345        <p class="pronounce">/ MA-sa-HEE-ko EESH-kee /</p>
346      </div>
347
348      <p class="tag">A software engineer focused on <em>data, machine learning, and applied AI</em> &mdash; using real-world data to support better decision-making. Editor-in-chief of ï¼ IT's "Deep Insider," a Japanese tech media on AI and developer tools. Tokyo-based.</p>
349      <p class="tag-jp">データ・機械学習・AI 活用を軸に、実世界のデータを意思決定に活かすソフトウェアエンジニア。@IT「Deep Insider」編集長として、AI と開発者向け情報の発信もしています。東京拠点。</p>
350    </div>
351  </header>
352
353  <main class="body">
354    <div class="container">
355      <section id="tools">
356        <div class="label">Tools</div>
357        <div class="grid3">
358          <a class="tool" href="https://chromewebstore.google.com/detail/smartre-for-gmail/didekpjkeflkjeffikpphaccodoaohid" target="_blank" rel="noopener">
359            <div class="img"><img src="https://re.masahiko.info/img/landing/smartre.png" alt="SmartRe for Gmail screenshot"></div>
360            <div class="body-inner">
361              <h3>SmartRe for Gmail</h3>
362              <span class="platform">Chrome Extension</span>
363              <p>Refines Gmail's reply quoting and headers for cleaner correspondence.</p>
364            </div>
365          </a>
366
367          <a class="tool" href="https://chromewebstore.google.com/detail/smarturls-copy-and-open-u/ekeecbnnlnmjimahpjnfdognobmabbfb" target="_blank" rel="noopener">
368            <div class="img"><img src="https://re.masahiko.info/img/landing/smarturls.png" alt="SmartURLs screenshot"></div>
369            <div class="body-inner">
370              <h3>SmartURLs</h3>
371              <span class="platform">Chrome Extension</span>
372              <p>Copy and open URLs faster with keyboard-first interactions.</p>
373            </div>
374          </a>
375
376          <a class="tool" href="https://addons.thunderbird.net/ja/thunderbird/addon/refwdformatter/" target="_blank" rel="noopener">
377            <div class="img"><img src="https://re.masahiko.info/img/landing/refwdformatter.gif" alt="ReFwdFormatter screenshot"></div>
378            <div class="body-inner">
379              <h3>ReFwdFormatter</h3>
380              <span class="platform">Thunderbird Add-on</span>
381              <p>Tidies up Re/Fwd subject lines in Thunderbird for international threads.</p>
382            </div>
383          </a>
384        </div>
385
386        <div class="other">
387          <a href="https://isshiki.github.io/job-future-explorer/" target="_blank" rel="noopener">job-future-explorer</a>
388          <a href="https://isshiki.github.io/PromptLinker/" target="_blank" rel="noopener">PromptLinker</a>
389          <a href="https://github.com/isshiki/hype-cycle-curve" target="_blank" rel="noopener">hype-cycle-curve</a>
390          <a href="https://github.com/isshiki" class="more" target="_blank" rel="noopener">More on GitHub</a>
391        </div>
392      </section>
393
394      <section id="websites" class="section-spaced">
395        <div class="label">WebSITE</div>
396        <div class="sites">
397          <a class="site" href="https://www.masahiko.info/">
398            <strong>Profile</strong>
399            <em>www.masahiko.info</em>
400            <p class="desc">Personal homepage with profile, works, and contact.</p>
401          </a>
402
403          <a class="site" href="https://blog.masahiko.info/">
404            <strong>BLOG</strong>
405            <em>blog.masahiko.info</em>
406            <p class="desc">Notes on AI, software, and tools &mdash; updated regularly.</p>
407          </a>
408
409          <a class="site" href="https://www.itmedia.co.jp/author/194411/" target="_blank" rel="noopener">
410            <strong>Articles</strong>
411            <em>ITmedia 著者ページ</em>
412            <p class="desc">Long-form articles published on ITmedia (Japanese).</p>
413          </a>
414        </div>
415      </section>
416
417      <section id="connect" class="section-spaced">
418        <div class="label">Connect</div>
419        <div class="connect">
420          <a class="connect-card" href="https://x.com/isshiki" target="_blank" rel="noopener">
421            <span class="icon">X</span>
422            <span><strong>@isshiki</strong><em>X (Twitter)</em></span>
423          </a>
424
425          <a class="connect-card hatena-card" href="https://b.hatena.ne.jp/misshiki/" target="_blank" rel="noopener">
426            <span class="icon">B!</span>
427            <span><strong>misshiki</strong><em>はてなブックマーク</em></span>
428          </a>
429
430          <button class="connect-card email-card" type="button" data-lp-email data-u="masahiko-isshiki" data-d="googlegroups.com">
431            <span class="icon">@</span>
432            <span><strong>Email</strong><em class="email-display">click to reveal</em></span>
433          </button>
434        </div>
435      </section>
436    </div>
437  </main>
438
439  <footer class="footer">
440    <div class="container">
441      <div class="copy">&copy; 2003 Masahiko Isshiki</div>
442    </div>
443  </footer>
444</div>
445
446  </div>
447
448
449      
450      
451
452
453
454
455<div id="content" class="hfeed"
456  
457  >
458  <div id="content-inner">
459    <div id="wrapper">
460      <div id="main">
461        <div id="main-inner">
462          
463
464          
465
466
467
468          
469  
470  <!-- google_ad_section_start -->
471  <!-- rakuten_ad_target_begin -->
472  
473  
474  
475
476  
477
478  
479    
480      
481        <article class="entry hentry test-hentry js-entry-article date-first autopagerize_page_element chars-200 words-100 mode-markdown entry-odd" id="entry-26006613555535306" data-keyword-campaign="" data-uuid="26006613555535306" data-publication-type="entry">
482  <div class="entry-inner">
483    <header class="entry-header">
484  
485    <div class="date entry-date first">
486    <a href="https://masahiko.info/archive/2020/04/24" rel="nofollow">
487      <time datetime="2020-04-24T09:18:34Z" title="2020-04-24T09:18:34Z">
488        <span class="date-year">2020</span><span class="hyphen">-</span><span class="date-month">04</span><span class="hyphen">-</span><span class="date-day">24</span>
489      </time>
490    </a>
491      </div>
492  <h1 class="entry-title">
493  <a href="https://masahiko.info/entry/2020/04/24/181834" class="entry-title-link bookmark">下記のサイトがあります</a>
494</h1>
495
496  
497  
498
499
500  
501
502  
503
504</header>
505
506    
507
508
509    <div class="entry-content hatenablog-entry">
510  
511    <ul>
512<li><a href="https://www.masahiko.info/">いっしきまさひこWebSITE</a></li>
513<li><a href="https://blog.masahiko.info/">いっしきまさひこBLOG</a></li>
514</ul>
515
516
517    
518    
519
520
521
522
523    
524
525  
526</div>
527
528    
529  <footer class="entry-footer">
530    
531    <div class="entry-tags-wrapper">
532  <div class="entry-tags">  </div>
533</div>
534
535    <p class="entry-footer-section track-inview-by-gtm" data-gtm-track-json="{&quot;area&quot;: &quot;finish_reading&quot;}">
536  <span class="author vcard"><span class="fn" data-load-nickname="1" data-user-name="misshiki" >misshiki</span></span>
537  <span class="entry-footer-time"><a href="https://masahiko.info/entry/2020/04/24/181834"><time data-relative datetime="2020-04-24T09:18:34Z" title="2020-04-24T09:18:34Z" class="updated">2020-04-24 18:18</time></a></span>
538  
539  
540  
541</p>
542
543    
544
545    
546<div class="social-buttons">
547  
548  
549  
550  
551  
552  
553  
554  
555  
556</div>
557
558    
559
560    <div class="customized-footer">
561      
562
563        
564
565        
566        
567
568      
569    </div>
570    
571
572  </footer>
573
574  </div>
575</article>
576
577      
578      
579    
580  
581
582  
583  <!-- rakuten_ad_target_end -->
584  <!-- google_ad_section_end -->
585  
586  
587  
588  <div class="pager pager-permalink permalink">
589    
590    
591  </div>
592
593
594  
595
596
597
598        </div>
599      </div>
600
601      <aside id="box1">
602  <div id="box1-inner">
603  </div>
604</aside>
605
606    </div><!-- #wrapper -->
607
608    
609<aside id="box2">
610  
611  <div id="box2-inner">
612    
613  </div>
614</aside>
615
616
617  </div>
618</div>
619
620
621
622
623      
624
625      
626
627
628    </div>
629  </div>
630  
631
632  
633
634  
635  
636
637<div class="quote-box">
638  <div class="tooltip-quote tooltip-quote-stock">
639    <i class="blogicon-quote" title="引用をストック"></i>
640  </div>
641  <div class="tooltip-quote tooltip-quote-tweet js-tooltip-quote-tweet">
642    <a class="js-tweet-quote" target="_blank" data-track-name="quote-tweet" data-track-once>
643      <img src="https://cdn.blog.st-hatena.com/images/admin/quote/quote-x-icon.svg?version=4dd741a907213e900600e22f5c7647" title="引用して投稿する" >
644    </a>
645  </div>
646</div>
647
648<div class="quote-stock-panel" id="quote-stock-message-box" style="position: absolute; z-index: 3000">
649  <div class="message-box" id="quote-stock-succeeded-message" style="display: none">
650    <p>引用をストックしました</p>
651    <button class="btn btn-primary" id="quote-stock-show-editor-button" data-track-name="curation-quote-edit-button">ストック一覧を見る</button>
652    <button class="btn quote-stock-close-message-button">閉じる</button>
653  </div>
654
655  <div class="message-box" id="quote-login-required-message" style="display: none">
656    <p>引用するにはまずログインしてください</p>
657    <button class="btn btn-primary" id="quote-login-button">ログイン</button>
658    <button class="btn quote-stock-close-message-button">閉じる</button>
659  </div>
660
661  <div class="error-box" id="quote-stock-failed-message" style="display: none">
662    <p>引用をストックできませんでした。再度お試しください</p>
663    <button class="btn quote-stock-close-message-button">閉じる</button>
664  </div>
665
666  <div class="error-box" id="unstockable-quote-message-box" style="display: none; position: absolute; z-index: 3000;">
667    <p>限定公開記事のため引用できません。</p>
668  </div>
669</div>
670
671<script type="x-underscore-template" id="js-requote-button-template">
672  <div class="requote-button js-requote-button">
673    <button class="requote-button-btn tipsy-top" title="引用する"><i class="blogicon-quote"></i></button>
674  </div>
675</script>
675
676
677
678
679  
680  <div id="hidden-subscribe-button" style="display: none;">
681    <div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box"
682  
683  >
684
685  <a href="#" class="hatena-follow-button js-hatena-follow-button">
686    <span class="subscribing">
687      <span class="foreground">読者です</span>
688      <span class="background">読者をやめる</span>
689    </span>
690    <span class="unsubscribing" data-track-name="profile-widget-subscribe-button" data-track-once>
691      <span class="foreground">読者になる</span>
692      <span class="background">読者になる</span>
693    </span>
694  </a>
695  <div class="subscription-count-box js-subscription-count-box">
696    <i></i>
697    <u></u>
698    <span class="subscription-count js-subscription-count">
699    </span>
700  </div>
701</div>
702
703  </div>
704
705  
706
707
708
709    
710
711
712  
712<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
712
713
714<script src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
714
715
716
717<script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?v=1.12.4&amp;version=4dd741a907213e900600e22f5c7647"></script>
717
718
719
720
721
722
723
724
725<script src="https://cdn.blog.st-hatena.com/js/texts-ja.js?version=4dd741a907213e900600e22f5c7647"></script>
725
726
727
728
729  
729<script id="vendors-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/vendors.js?version=4dd741a907213e900600e22f5c7647" crossorigin="anonymous"></script>
729
730
731<script id="hatenablog-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/hatenablog.js?version=4dd741a907213e900600e22f5c7647" crossorigin="anonymous" data-page-id="entry"></script>
731
732
733
734  
734<script>Hatena.Diary.GlobalHeader.init()</script>
734
735
736
737
738
739
740
741
742    
743
744    
745
746
747
748
749
750  </body>
751</html>
752

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.