PageSourceSearch

https://protopedia.net/

html protopedia.net collected 2026-10-01 11:35:42 UTC 29,506 bytes, 680 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5  <!--
6
7
8      .NNNNNNNNNNNNgJ,                                                                   NNNNNNNNNNNNNg,
9      MMMMMMMMMMMMMMMMMe.                                                               dMMMMMMMMMMMMMMMMm.
10      ,HMMMMMMMMMMMMMMMMM,                                 .,                            YMMMMMMMMMMMMMMMMMp
11          ..+&.     ?MMMMM,                              .MMMMF                              ..a..    (MMMMM]                            ..g..
12          JMMMM:     ,MMMMb                              .MMMMF                             .MMMM]      MMMMN                           .MMMM]
13          JMMMM:     .MMMM#     ..gN,                ....JMMMMNJ....                        .MMMM]      dMMMM                           .MMMM]
14          JMMMM:    .JMMMMF  .+MMMMM#                jMMMMMMMMMMMMM       ...               .MMMM]     .MMMMF                           .MMMM]   .....         ...
15          JMMMM: ..+MMMMMF  .MMMMMMMD   .(NMMMNa.,   .MMMMMNgMMMMMM~  .+MMMMMMMa,           .MMMM] ...MMMMMM   ..gMMMNg,.         .+MMMb.MMMM]  .MMMMF     .&MMMMMMMg,
16          JMMMM: MMMMMMM$  -MMMM#^    .MMMMMMMMMMMN,     .MMMMF     .MMMMMMMMMMMMN,         .MMMM] dMMMMMMD  .MMMMMMMMMMMm.     .MMMMMM#,MMMM]  .MMMMF   .MMMMMMMMMMMMN,
17          JMMMM: MMMMY=   .MMMM#     (MMMMMM"WMMMMMM,    .MMMMF    .MMMMM#"?7YMMMMM,        .MMMM] dMMM#"   JMMMMMM"WMMMMMNJ,  .MMMMM#"!.MMMM]  .MMMMF  .MMMMMY"?"WMMMMM
18          JMMMM:          .MMMMF    .MMMM@     ,MMMMN.   .MMMMF    dMMMMt     ,MMMMN        .MMMM]         .MMMM@  .gMgMMMMdM% dMMMM\   .MMMM]  .MMMMF  dMMMM'     ,MM5..
19          JMMMM:          .MMMMF    JMMMM|      JMMMM~   .MMMMF    MMMMN.     .MMMM#        .MMMM]         dMMMM}  TMMMMMMMMM' MMMMN.   .MMMM]  .MMMMF  MMMMN.     .MMMMN
20          JMMMM:          .MMMMF    .MMMMN,    .MMMM#    .MMMMF    JMMMMN,   .MMMMMF        .MMMM]         (MMMMN. .MM""7      JMMMMN,  .MMMM]  .MMMMF  JMMMMN,     ?MMMMN,.
21          JMMMM:          .MMMMF     TMMMMMMNMMMMMMM^    .MMMMF     7MMMMMMMMMMMMMF         .MMMM]          UMMMMMNNN.          TMMMMMMb.MMMM]  .MMMMF   TMMMMMMMN   ?MMMMMMM]
22          JMMMM:          .MMMMF      (MMMMMMMMMMMD      .MMMMF      ,TMMMMMMMMMB^          .MMMM]           /MMMMMMM,           ,WMMMM,.MMMM]  .MMMMF    ,WMMMMMNp    TMMMMM#
23          ,"=T"           .M#TMD         7"MMMW"^         T"?"^         .?""""!              T"?"'             .T"MMMB              _7"^ T"?"^   7"?"=       .7"""^       ?""'
24
25
26 -->
27  <meta charset="UTF-8">
28  <meta http-equiv="X-UA-Compatible" content="IE=edge">
29  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
30  <meta name="format-detection" content="telephone=no">
31  <meta name="google-adsense-account" content="ca-pub-5088215430781198">
32  
33  <title>ProtoPedia(プロトペディア) | つくる、たのしむ、ひろがる</title>
34  <link rel="alternate" type="application/rss+xml" title="ProtoPedia(プロトペディア) | つくる、たのしむ、ひろがる" href="https://protopedia.net/feed">
35  <link rel="apple-touch-icon" href="/favicon.png">
36  <link rel="shortcut icon" href="/favicon.png">
37  <link rel="stylesheet"
38    href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Two+Tone|Material+Icons+Sharp">
39  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css">
40  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/toastme.min.css">
41  <link rel="stylesheet" href="/assets/css/style.css">
42  
42<script src="https://code.jquery.com/jquery-3.7.1.min.js"
43          integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
43
44  
44<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/marked.umd.min.js"></script>
44
45  
45<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/purify.min.js"></script>
45
46  
46<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js"></script>
46
47  
47<script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js"></script>
47
48  
48<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/logdown.min.js"></script>
48
49  
49<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/htmx.min.js"></script>
49
50  
50<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/toastme.min.js"></script>
50
51  
51<script src="https://lib.protopedia.net/libs/jquery.complete.js"></script>
51
52  
52<script src="/app/ad.js"></script>
52
53  
53<script src="/app/common.js"></script>
53
54  
54<script src="/app/page-state.js"></script>
54
55  
55<script src="/app/data.js"></script>
55
56  
56<script src="https://js.sentry-cdn.com/8929382818a642b2888968d4315d44fe.min.js" crossorigin="anonymous"></script>
56
57  
57<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5088215430781198"
58          crossorigin="anonymous"></script>
58
59  
60  <meta name="title" content="ProtoPedia(プロトペディア) | つくる、たのしむ、ひろがる">
61  <meta name="description"
62    content="ProtoPediaは「つくりたい」気持ちを大切にしているITクリエイターの自己表現の場。ITものづくりに関する作品を記録・公開できます。作品がまとまり、見てくれる人が増えると、つくるのがもっと楽しくなる。">
63  <meta property="og:type" content="website">
64  <meta property="og:title" content="ProtoPedia(プロトペディア) | つくる、たのしむ、ひろがる">
65  <meta property="og:description"
66    content="ProtoPediaは「つくりたい」気持ちを大切にしているITクリエイターの自己表現の場。ITものづくりに関する作品を記録・公開できます。作品がまとまり、見てくれる人が増えると、つくるのがもっと楽しくなる。">
67  <meta property="og:image" content="https://protopedia.net/thumbnail.png">
68  <meta property="og:url" content="https://protopedia.net/">
69  <meta property="og:site_name" content="ProtoPedia">
70  <meta property="og:locale" content="ja_JP">
71  <meta name="twitter:card" content="summary_large_image">
72  <meta name="twitter:site" content="@mashupaward">
73  <meta name="twitter:creator" content="@love_prototyper">
74  <meta name="twitter:url" content="https://protopedia.net/">
75  <meta name="twitter:title" content="ProtoPedia(プロトペディア) | つくる、たのしむ、ひろがる">
76  <meta name="twitter:description"
77    content="ProtoPediaは「つくりたい」気持ちを大切にしているITクリエイターの自己表現の場。ITものづくりに関する作品を記録・公開できます。作品がまとまり、見てくれる人が増えると、つくるのがもっと楽しくなる。">
78  <meta property="fb:app_id" content="390909991380680">
79</head>
80
81<body>
82
83  <div id="wrapper">
84
85    <header id="nav-menu-header">
86      
87      <div class="inner fullhd">
88        <div class="header-wrap">
89          <div class="header-left header-flex">
90            <div><a href="/"><img src="/logo/logotype_01.png" alt="ProtoPedia"></a></div>
91            <button type="button" id="search-trigger" class="btn-reset sp"><span
92                class="material-icons">search</span></button>
93            <div class="header-search-box">
94              <input id="keywordSearch" type="text" class="form-item" placeholder="開発素材やキーワードから作品を探す">
95              <button id="keywordBtn" type="button" class="btn-reset btn-search"><span
96                  class="material-icons search-icon">search</span></button>
97            </div>
98          </div>
99          <div class="header-right header-flex">
100            <ul class="header-btn">
101              <li><a href="/login" class="btn user-login">ログイン</a></li>
102              <li><a href="/register" class="btn primary mini">新規登録</a></li>
103            </ul>
104          </div>
105        </div>
106      </div>
107      <div class="inner fullhd nav-menu-outer">
108        <div class="nav-menu">
109          <input id="prototype" type="radio" name="nav-item">
110          <label class="nav-item" for="prototype">作品</label>
111          <input id="event" type="radio" name="nav-item">
112          <label class="nav-item" for="event">イベント</label>
113          <input id="material" type="radio" name="nav-item">
114          <label class="nav-item" for="material">開発素材</label>
115          <a class="nav-item" href="https://protopedia.gitbook.io/helpcenter/" target="_blank">
116            使い方
117            <span class="material-icons" style="font-size: 14px; vertical-align: middle;">open_in_new</span>
118          </a>
119        </div>
120      </div>
121    </header>
122
123    <div id="campaignLink" class="campaign-link" style="background-color: #666; display: none;">
124      <div class="inner">
125        <a id="campaignLinkMessage" href="" target="_blank" style="color: white;">メッセージ
126        </a>
127      </div>
128    </div>
129
130    <div id="advertisement">
131    </div>
132
133    <main id="main">
134    <div id="twoColumns" class="inner fullhd">
135      <div id="sideMenu">
136
137    <section class="content30">
138      <div>
139        <a name="all" href="/prototype" class="home-category-menu">
140            <span class="home-category-item">
141              すべて
142            </span>
143        </a>
144      </div>
145      <div>
146        <a name="hits" href="/manyHits" class="home-category-menu">
147            <span class="home-category-item">
148              アクセスの多い作品
149            </span>
150        </a>
151      </div>
152      <div>
153        <a name="likes" href="/manyLikes" class="home-category-menu">
154            <span class="home-category-item">
155              いいねの多い作品
156            </span>
157        </a>
158      </div>
159      <div class="home-category-group">
160        <button class="home-category-parent">
161            <span class="home-category-item">
162              ソフトウェア開発
163            </span>
164          <div class="home-category-icon-outer">
165            <span class="home-category-icon material-icons-outlined">expand_more</span>
166          </div>
167        </button>
168        <div class="home-category-list">
169          <a name="application" href="/topic/application"
170             class="home-category-menu">
171              <span class="home-category-item">
172                アプリケーション
173              </span>
174          </a><a name="game_dev" href="/topic/game_dev"
175             class="home-category-menu">
176              <span class="home-category-item">
177                ゲーム
178              </span>
179          </a><a name="ds_ai_bot" href="/topic/ds_ai_bot"
180             class="home-category-menu">
181              <span class="home-category-item">
182                データサイエンス / AI / BOT
183              </span>
184          </a><a name="blockchain_dtech" href="/topic/blockchain_dtech"
185             class="home-category-menu">
186              <span class="home-category-item">
187                ブロックチェーン / 分散型技術
188              </span>
189          </a><a name="ar_vr" href="/topic/ar_vr"
190             class="home-category-menu">
191              <span class="home-category-item">
192                AR / VR
193              </span>
194          </a>
195        </div>
196      </div>
197      <div class="home-category-group">
198        <button class="home-category-parent">
199            <span class="home-category-item">
200              ハードウェア開発
201            </span>
202          <div class="home-category-icon-outer">
203            <span class="home-category-icon material-icons-outlined">expand_more</span>
204          </div>
205        </button>
206        <div class="home-category-list">
207          <a name="electro" href="/topic/electro"
208             class="home-category-menu">
209              <span class="home-category-item">
210                電子工作
211              </span>
212          </a><a name="robot" href="/topic/robot"
213             class="home-category-menu">
214              <span class="home-category-item">
215                ロボット
216              </span>
217          </a><a name="wearable" href="/topic/wearable"
218             class="home-category-menu">
219              <span class="home-category-item">
220                ウェアラブル
221              </span>
222          </a><a name="iot" href="/topic/iot"
223             class="home-category-menu">
224              <span class="home-category-item">
225                IoT
226              </span>
227          </a>
228        </div>
229      </div>
230      <div class="home-category-group">
231        <button class="home-category-parent">
232            <span class="home-category-item">
233              デザイン / アート
234            </span>
235          <div class="home-category-icon-outer">
236            <span class="home-category-icon material-icons-outlined">expand_more</span>
237          </div>
238        </button>
239        <div class="home-category-list">
240          <a name="visual" href="/topic/visual"
241             class="home-category-menu">
242              <span class="home-category-item">
243                ビジュアライズ
244              </span>
245          </a><a name="inter_design" href="/topic/inter_design"
246             class="home-category-menu">
247              <span class="home-category-item">
248                インタラクティブデザイン
249              </span>
250          </a><a name="media_art" href="/topic/media_art"
251             class="home-category-menu">
252              <span class="home-category-item">
253                メディア / アート
254              </span>
255          </a>
256        </div>
257      </div>
258      <div class="home-category-group">
259        <button class="home-category-parent">
260            <span class="home-category-item">
261              メイカー / DIY
262            </span>
263          <div class="home-category-icon-outer">
264            <span class="home-category-icon material-icons-outlined">expand_more</span>
265          </div>
266        </button>
267        <div class="home-category-list">
268          <a name="digi_fab" href="/topic/digi_fab"
269             class="home-category-menu">
270              <span class="home-category-item">
271                デジタルファブリケーション
272              </span>
273          </a><a name="wood_fabric" href="/topic/wood_fabric"
274             class="home-category-menu">
275              <span class="home-category-item">
276                木工 / ファブリック
277              </span>
278          </a><a name="remake_diy" href="/topic/remake_diy"
279             class="home-category-menu">
280              <span class="home-category-item">
281                リメイク / DIY
282              </span>
283          </a>
284        </div>
285      </div>
286      <div class="home-category-group">
287        <button class="home-category-parent">
288            <span class="home-category-item">
289              その他
290            </span>
291          <div class="home-category-icon-outer">
292            <span class="home-category-icon material-icons-outlined">expand_more</span>
293          </div>
294        </button>
295        <div class="home-category-list">
296          <a name="social_contribution" href="/topic/social_contribution"
297             class="home-category-menu">
298              <span class="home-category-item">
299                社会貢献 / 課題解決
300              </span>
301          </a><a name="education_materials" href="/topic/education_materials"
302             class="home-category-menu">
303              <span class="home-category-item">
304                エディケーション / 教材
305              </span>
306          </a><a name="other" href="/topic/other"
307             class="home-category-menu">
308              <span class="home-category-item">
309                その他
310              </span>
311          </a>
312        </div>
313      </div>
314      <div class="home-category-group">
315        <button class="home-category-parent">
316            <span class="home-category-item">
317              ピックアップ
318            </span>
319          <div class="home-category-icon-outer">
320            <span class="home-category-icon material-icons-outlined">expand_more</span>
321          </div>
322        </button>
323        <div class="home-category-list">
324          <a name="instrument" href="/topic/instrument"
325             class="home-category-menu">
326              <span class="home-category-item">
327                楽器
328              </span>
329          </a><a name="cat" href="/topic/cat"
330             class="home-category-menu">
331              <span class="home-category-item">
332                ねこ
333              </span>
334          </a><a name="light_thing" href="/topic/light_thing"
335             class="home-category-menu">
336              <span class="home-category-item">
337                ピカピカ
338              </span>
339          </a><a name="open_data" href="/topic/open_data"
340             class="home-category-menu">
341              <span class="home-category-item">
342                オープンデータ
343              </span>
344          </a><a name="location" href="/topic/location"
345             class="home-category-menu">
346              <span class="home-category-item">
347                位置情報
348              </span>
349          </a><a name="keyboard" href="/topic/keyboard"
350             class="home-category-menu">
351              <span class="home-category-item">
352                キーボード
353              </span>
354          </a><a name="watch" href="/topic/watch"
355             class="home-category-menu">
356              <span class="home-category-item">
357                時計
358              </span>
359          </a><a name="housework" href="/topic/housework"
360             class="home-category-menu">
361              <span class="home-category-item">
362                家事
363              </span>
364          </a><a name="lego" href="/topic/lego"
365             class="home-category-menu">
366              <span class="home-category-item">
367                レゴ
368              </span>
369          </a><a name="plant" href="/topic/plant"
370             class="home-category-menu">
371              <span class="home-category-item">
372                植物
373              </span>
374          </a><a name="mobility" href="/topic/mobility"
375             class="home-category-menu">
376              <span class="home-category-item">
377                モビリティ
378              </span>
379          </a><a name="training" href="/topic/training"
380             class="home-category-menu">
381              <span class="home-category-item">
382                トレーニング
383              </span>
384          </a>
385        </div>
386      </div>
387      <div class="home-category-group">
388        <button class="home-category-parent">
389          <span class="home-category-item">
390            開発素材
391          </span>
392          <div class="home-category-icon-outer">
393            <span class="home-category-icon material-icons-outlined">expand_more</span>
394          </div>
395        </button>
396        <div class="home-category-list">
397          <a href="/material/558" class="home-category-menu">
398            <span class="home-category-item">
399              Arduino
400            </span>
401          </a><a href="/material/540" class="home-category-menu">
402            <span class="home-category-item">
403              M5Stack
404            </span>
405          </a><a href="/material/1021" class="home-category-menu">
406            <span class="home-category-item">
407              ChatGPT API
408            </span>
409          </a><a href="/material/308" class="home-category-menu">
410            <span class="home-category-item">
411              Unity
412            </span>
413          </a><a href="/material/658" class="home-category-menu">
414            <span class="home-category-item">
415              React
416            </span>
417          </a>
418        </div>
419      </div>
420      <div class="home-category-group">
421        <button class="home-category-parent">
422          <span class="home-category-item">
423            イベント
424          </span>
425          <div class="home-category-icon-outer">
426            <span class="home-category-icon material-icons-outlined">expand_more</span>
427          </div>
428        </button>
429        <div class="home-category-list">
430          <a href="/event/c/contest" class="home-category-menu">
431            <span class="home-category-item">
432              コンテスト
433            </span>
434          </a>
435        </div>
436        <div class="home-category-list">
437          <a href="/event/c/hackathon" class="home-category-menu">
438            <span class="home-category-item">
439              ハッカソン
440            </span>
441          </a>
442        </div>
443        <div class="home-category-list">
444          <a href="/event/c/exhibition" class="home-category-menu">
445            <span class="home-category-item">
446              展示会
447            </span>
448          </a>
449        </div>
450        <div class="home-category-list">
451          <a href="/event/c/others" class="home-category-menu">
452            <span class="home-category-item">
453              その他
454            </span>
455          </a>
456        </div>
457      </div>
458    </section>
459
460    <!-- 左カラムバナー -->
461    <ins class="adsbygoogle"
462         style="display:block"
463         data-ad-client="ca-pub-5088215430781198"
464         data-ad-slot="5194731050"
465         data-ad-format="auto"
466         data-full-width-responsive="true"></ins>
467
468  </div>
469      <div id="contents">
470
471    <section hx-get="/htmx/recommend"
472             hx-trigger="load" 
473             hx-swap="innerHTML">
474    
475    </section>
476
477    <section hx-get="/htmx/latest"
478             hx-trigger="load" 
479             hx-swap="innerHTML">
480    
481    </section>
482
483    <section hx-get="/htmx/event"
484             hx-trigger="load" 
485             hx-swap="innerHTML">
486
487    </section>
488
489    <div class="advertisement-scroller">
490      <div class="advertisement-wrapper">
491        <div id="advertisement1"></div>
492        <div id="advertisement2"></div>
493      </div>
494    </div>
495
496
497    <section hx-get="/htmx/manyHits"
498             hx-trigger="load" 
499             hx-swap="innerHTML">
500    
501    </section>
502
503    <section hx-get="/htmx/manyLikes"
504             hx-trigger="load" 
505             hx-swap="innerHTML">
506    
507    </section>
508
509    <section hx-get="/htmx/categoryList" 
510             hx-trigger="load" 
511             hx-swap="innerHTML"
512             class="mb60">
513    
514    </section>
515
516    <div id="advertisement2" class="banner-top2 sp">
517    </div>
518    
519    <div class="view-ad-container">
520      <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5088215430781198" data-ad-slot="8863805292"
521        data-ad-format="auto" data-full-width-responsive="true"></ins>
522    </div>
523
524  </div>
525    </div>
526  </main>
527
528    <div id="shareBooster">
529    </div>
530
531    <div id="shareFooter">
532    </div>
533
534    <footer id="commonFooter">
535      <div class="inner">
536        <div class="footer-nav">
537          <div class="footer-nav-column footer-logo">
538            <a href="/">
539              <img src="/logo/symbol_03.png" alt="logo">
540            </a>
541          </div>
542          <nav class="footer-nav-column">
543            <h4 class="footer-nav-column-title">About</h4>
544            <ul>
545              <li>
546                <a class="hover-blue" href="https://protopedia.gitbook.io/helpcenter/" target="_blank">
547                  <span>使い方</span>
548                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
549                </a>
550              </li>
551              <li>
552                <a class="hover-blue" href="https://protopedia.gitbook.io/helpcenter/info" target="_blank">
553                  <span>お知らせ</span>
554                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
555                </a>
556              </li>
557              <li>
558                <a class="hover-blue"
559                  href="https://protopedia.gitbook.io/helpcenter/faq"
560                  target="_blank">
561                  <span>お問い合わせ</span>
562                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
563                </a>
564              </li>
565              <li>
566                <a class="hover-blue" href="https://headwayapp.co/protopedia-changelog" target="_blank">
567                  <span>チェンジログ</span>
568                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
569                </a>
570              </li>
571              <li>
572                <a href="https://we-are-ma.jp/" target="_blank" class="hover-blue">
573                  <span>運営会社</span>
574                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
575                </a>
576              </li>
577            </ul>
578          </nav>
579          <nav class="footer-nav-column">
580            <h4 class="footer-nav-column-title">Legal</h4>
581            <ul>
582              <li>
583                <a class="hover-blue" href="/terms">利用規約</a>
584              </li>
585              <li>
586                <a class="hover-blue" href="/policy">プライバシーポリシー</a>
587              </li>
588              <li>
589                <a class="hover-blue" href="/logo">ロゴ使用ガイドライン</a>
590              </li>
591            </ul>
592          </nav>
593          <nav class="footer-nav-column">
594            <h4 class="footer-nav-column-title">Links</h4>
595            <ul>
596              <li>
597                <a class="hover-blue" href="https://twitter.com/ProtoPedianet" target="_blank">
598                  <span>X(Twitter)</span>
599                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
600                </a>
601              </li>
602              <li>
603                <a class="hover-blue" href="https://www.youtube.com/playlist?list=PLlxoaXlPVeCAN-KrZb4zvXC-KlGvzBDvc"
604                  target="_blank">
605                  <span>YouTube</span>
606                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
607                </a>
608              </li>
609              <li>
610                <a class="hover-blue" href="https://mashupawards.connpass.com/" target="_blank">
611                  <span>connpass</span>
612                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
613                </a>
614              </li>
615              <li>
616                <a class="hover-blue" href="/feed">RSS</a>
617              </li>
618              <li>
619                <a href="https://protopediav2.docs.apiary.io/" target="_blank" class="hover-blue">
620                  <span>API</span>
621                  <span class="material-icons" style="font-size: 14px;">open_in_new</span>
622                </a>
623              </li>
624            </ul>
625          </nav>
626        </div>
627        <p class="copy"><small>&copy; 2018 一般社団法人MA</small></p>
628      </div>
629    </footer>
630
631    <div id="mainModal" class="modal" style="display: none;">
632    </div>
633
634    <div id="subModal" class="modal" style="display: none;">
635    </div>
636
637    <div id="reminderModal" class="modal" style="display: none;">
638      <div class="modal-inner animated fadeIn">
639        <dl>
640          <dt>ユーザー登録をしてコメントやいいねを残しませんか。</dt>
641          <dd><img src="/assets/img/img-comment.png" width="300" alt="comment"></dd>
642          <dd>
643            <p>気に入った作品に「コメント」や「いいね」をして、<br class="pc">作者にあなたの気持ちを伝えましょう!</p>
644          </dd>
645
646          <dd>
647            <ul class="btn-flex">
648              <li><a href="/login" class="btn-reset btn secondary">ログイン</a></li>
649              <li><a href="/register" class="btn-reset btn primary">新規登録</a></li>
650            </ul>
651          </dd>
652        </dl>
653        <span id="closeReminderModal" class="material-icons-outlined">clear</span>
654      </div>
655    </div>
656
657    <input type="hidden" id="notificationType" name="notificationType" value="">
658    <input type="hidden" id="notificationMsg" name="notificationMsg" value="">
659    <input type="hidden" id="notifyList" name="notifyList" value="">
660    <input type="hidden" id="notifyCount" name="notifyCount" value="">
661  </div><!-- wrapper -->
662  <div>
663    
663<script src="/app/index2.js"></script>
663
664  </div>
665  <div>
666    <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, lines 666-667
666
667    <script async src="https://www.googletagmanager.com/gtag/js?id=
667G-EX99J6MNPZ
vendor: 17 bytes, lines 667-668
667"></script>
668    
668<script>
669      
vendor: 153 bytes, lines 669-673
669window.dataLayer = window.dataLayer || [];
670      function gtag() { dataLayer.push(arguments); }
671      gtag('js', new Date());
672
673      gtag('config', '
673G-EX99J6MNPZ
vendor: 9 bytes, lines 673-674
673');
674    
674</script>
674
675  </div>
676
677<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"7567266a6b044d1099399c5a25658c66","r":1,"spa":2}' crossorigin="anonymous"></script>
677
678</body>
679
680</html>

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.