PageSourceSearch

https://hoku.in/

html hoku.in collected 2026-10-04 21:04:16 UTC 26,326 bytes, 709 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
6	<title>ほく.in</title>
7	<link rel="shortcut icon" href="./favicon.ico">
8
9	<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
10	<link type="text/css" rel="stylesheet" href="css/common.css?5" />
11	<!--[if lt IE 9]>
12		
12<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
12
13	<![endif]-->
14
15	
15<script src="https://cdn.jsdelivr.net/npm/[email protected]/lazyload.min.js"></script>
15
16	
16<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5932267364776503" crossorigin="anonymous"></script>
16
17
18	<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 18-19
18
19	<script async src="https://www.googletagmanager.com/gtag/js?id=
19G-BXNT0DE0F1
vendor: 13 bytes, lines 19-20
19"></script>
20	
20<script>
21		
vendor: 133 bytes, lines 21-24
21window.dataLayer = window.dataLayer || [];
22		function gtag(){dataLayer.push(arguments);}
23		gtag('js', new Date());
24		gtag('config', '
24G-BXNT0DE0F1
vendor: 5 bytes, lines 24-25
24');
25	
25</script>
25
26</head>
27<body>
28	<!-- root -->
29	<div class="panel-root">
30		<a name="target-top"></a>
31
32		<!-- TOPセクション -->
33		<div class="panel-big-section">
34
35			<!-- タイトル画像 -->
36			<div class="panel-section panel-top">
37				<img class="lazyload" data-src="img/title.png" alt="hoku.in">
38			</div>
39			<!-- /タイトル画像 -->
40
41			<!-- ナビメニュー -->
42			<div class="row panel-nav-root">
43
44				<!-- つくった -->
45				<div class="col-xs-3 panel-nav">
46					<span class="button-nav" id="btn-services">
47						<img class="lazyload" data-src="img/photo191.png" width="80" height="80"><br>
48						つくった
49					</span>
50				</div>
51				<!-- /つくった -->
52
53				<!-- なにやつ -->
54				<div class="col-xs-3 panel-nav">
55					<span class="button-nav" id="btn-who">
56						<img class="lazyload" data-src="img/farmer1.png" width="80" height="80"><br>
57						なにやつ
58					</span>
59				</div>
60				<!-- /なにやつ -->
61
62				<!-- ほかにも -->
63				<div class="col-xs-3 panel-nav">
64					<span class="button-nav" id="btn-other">
65						<img class="lazyload" data-src="img/worm6.png" width="80" height="80"><br>
66						ほかにも
67					</span>
68				</div>
69				<!-- /ほかにも -->
70
71				<!-- れんらく -->
72				<div class="col-xs-3 panel-nav">
73					<span class="button-nav" id="btn-contact">
74						<img class="lazyload" data-src="img/paper118.png" width="80" height="80"><br>
75						れんらく
76					</span>
77				</div>
78				<!-- /そのた -->
79
80			</div>
81			<!-- /ナビメニュー -->
82
83		</div>
84		<!-- /TOPセクション -->
85
86
87		<!-- つくったセクション -->
88		<div class="panel-big-section text-center">
89			<a name="target-services"></a>
90
91			<!-- 見出し -->
92			<div class="panel-section">
93				<img class="lazyload section-title-image" data-src="img/photo191.png" width="160" height="160">
94				<h3 class="section-title">つくった</h3>
95			</div>
96			<!-- /見出し -->
97
98			<!-- 中身 -->
99			<div class="panel-section">
100				<div class="panel-section-subtitle"><span>実用系</span></div>
101
102				<div class="panel-section-inner">
103
104					<!-- タイッツー -->
105					<div class="panel-section-inner-item">
106						<a href="https://taittsuu.com/" target="_blank">
107							<img class="lazyload item-image" data-src="img/service/taittsuu.png">
108						</a>
109						<div class="item-main">
110							<div class="item-title">
111								<a href="https://taittsuu.com/" target="_blank">タイッツー</a>
112							</div>
113							<div class="item-body">
114								極めて画期的なSNS。<br>
115								2023年6月末、TwitterAPIから突如主要機能が消える大事件が発生!もはやみんなが安心して使えるSNSは自分で作るしかないのか?と1日で開発した。<br>
116								公開から約1週間でユーザー数が10万人を突破し、現在も急成長中。
117							</div>
118						</div>
119					</div>
120
121					<!-- Writening -->
122					<div class="panel-section-inner-item">
123						<a href="https://writening.net/" target="_blank">
124							<img class="lazyload item-image" data-src="img/service/writening.jpg">
125						</a>
126						<div class="item-main">
127							<div class="item-title">
128								<a href="https://writening.net/" target="_blank">Writening</a>
129							</div>
130							<div class="item-body">
131								簡易Webページを一瞬で作れる、テキスト共有サービス。<br>
132								なんと、今までWritening上で累計25万ページ以上が作成されています!
133							</div>
134						</div>
135					</div>
136
137					<!-- 無限ツールズ -->
138					<div class="panel-section-inner-item">
139						<a href="https://mugen-tools.com/" target="_blank">
140							<img class="lazyload item-image" data-src="img/service/mugen.png">
141						</a>
142						<div class="item-main">
143							<div class="item-title">
144								<a href="https://mugen-tools.com/" target="_blank">無限ツールズ</a>
145							</div>
146							<div class="item-body small">
147								実用的&多種多様なWebツールを公開しているサイト。<br>
148								<br>
149								ビジネス系ツール、Twitter系ツール、Web開発系ツール、等々。
150							</div>
151						</div>
152					</div>
153
154					<!-- 姓名分割くん -->
155					<div class="panel-section-inner-item">
156						<a href="https://name.buta3.net/" target="_blank">
157							<img class="lazyload item-image" data-src="img/service/seimei.png">
158						</a>
159						<div class="item-main">
160							<div class="item-title">
161								<a href="https://name.buta3.net/" target="_blank">姓名分割くん</a>
162							</div>
163							<div class="item-body small">
164								名字(苗字)と名前が繋がった文字列を一括で分割することが出来るWebツール。<br>
165								かなり精度高い!(自画自賛)<br>
166								企業さんにもご利用いただいている「万単位で一括変換できる&広告なし」のプロ版もありますので、興味ある方はご連絡ください。<br>
167								(相場よりはメチャ安くご提供しています。)
168							</div>
169						</div>
170					</div>
171
172					<!-- OGP確認ツール -->
173					<div class="panel-section-inner-item">
174						<a href="https://ogp.buta3.net/" target="_blank">
175							<img class="lazyload item-image" data-src="img/service/ogp.png">
176						</a>
177						<div class="item-main">
178							<div class="item-title">
179								<a href="https://ogp.buta3.net/" target="_blank">OGP確認ツール</a>
180							</div>
181							<div class="item-body">
182								OGPとTwitterカードを確認できるWebツールです。<br>
183								他にもこの手のサービスはありますが、取得できない場合が多かったりして使い勝手が悪かったã
183®ã§è‡ªåˆ†ã§ä½œã‚Šã¾ã—た。<br>
184								ほぼ全てのサイトでしっかり確認できるようになっていると思います。
185							</div>
186						</div>
187					</div>
188
189					<!-- シンプルブログ -->
190					<div class="panel-section-inner-item">
191						<a href="https://simblo.net/" target="_blank">
192							<img class="lazyload item-image" data-src="img/service/simpleblog.png">
193						</a>
194						<div class="item-main">
195							<div class="item-title">
196								<a href="https://simblo.net/" target="_blank">シンプルブログ</a>
197							</div>
198							<div class="item-body">
199								シンプルで使い勝手の良い、無料のブログ作成サービス。<br>
200								APIもあるので、今までのブログ作成サービスでは成し得なかった運用も可能!
201							</div>
202						</div>
203					</div>
204
205					<!-- TagExtractor -->
206					<div class="panel-section-inner-item">
207						<a href="https://tag-extractor.com/" target="_blank">
208							<img class="lazyload item-image" data-src="img/service/tagextractor.jpg">
209						</a>
210						<div class="item-main">
211							<div class="item-title">
212								<a href="https://tag-extractor.com/" target="_blank">TagExtractor</a>
213							</div>
214							<div class="item-body">
215								商品タグ付け作業自動化サービス。<br>
216								独自のタグ付け処理エンジンにより、商品のテキスト情報からいい感じにタグを自動抽出します。<br>
217								例えば、1商品につき3分掛けてタグ付けすると、1000商品で3000分。<br>
218								それが、TagExtractorを使えば1000商品でも30秒くらいでタグ付けが完了します!すごい!
219							</div>
220						</div>
221					</div>
222
223					<!-- QuickDBTeigi -->
224					<div class="panel-section-inner-item">
225						<a href="https://github.com/hoku/quickt-db-teigi" target="_blank">
226							<img class="lazyload item-image" data-src="img/service/quickdbteigi.png">
227						</a>
228						<div class="item-main">
229							<div class="item-title">
230								<a href="https://github.com/hoku/quickt-db-teigi" target="_blank">QuickDBTeigi</a>
231							</div>
232							<div class="item-body">
233								MySQLのテーブル定義書(HTML形式)を自動生成するソフト(OSS)です。<br>
234								PHPがインストールされている環境であればサクッと簡単に動かせます。
235							</div>
236						</div>
237					</div>
238
239				</div>
240
241
242				<div class="sep">・・・</div>
243				<div class="panel-section-subtitle"><span>ホビー系</span></div>
244
245				<div class="panel-section-inner">
246
247					<!-- Nostr検索ポータル -->
248					<div class="panel-section-inner-item">
249						<a href="https://nostr.hoku.in/" target="_blank">
250							<img class="lazyload item-image" data-src="img/service/nostr.png">
251						</a>
252						<div class="item-main">
253							<div class="item-title">
254								<a href="https://nostr.hoku.in/" target="_blank">Nostr検索ポータル</a>
255							</div>
256							<div class="item-body">
257								Nostr上に流れている日本語の投稿を横断検索できるサービス。
258							</div>
259						</div>
260					</div>
261
262					<!-- 円周率探索くん -->
263					<div class="panel-section-inner-item">
264						<a href="https://pi.buta3.net/" target="_blank">
265							<img class="lazyload item-image" data-src="img/service/pi2.png">
266						</a>
267						<div class="item-main">
268							<div class="item-title">
269								<a href="https://pi.buta3.net/" target="_blank">円周率探索くん</a>
270							</div>
271							<div class="item-body">
272								円周率20億桁の中から任意の数字の出現位置を爆速で探せるサービス。<br>
273							</div>
274						</div>
275					</div>
276
277				</div>
278
279
280				<div class="sep">・・・</div>
281				<div class="panel-section-subtitle"><span>ネタ系</span></div>
282
283				<div class="panel-section-inner">
284
285					<!-- もう遅いタイトルジェネレーター -->
286					<div class="panel-section-inner-item">
287						<a href="https://novel.buta3.net/" target="_blank">
288							<img class="lazyload item-image" data-src="img/service/osoi.png">
289						</a>
290						<div class="item-main">
291							<div class="item-title">
292								<a href="https://novel.buta3.net/" target="_blank">もう遅いタイトルジェネレーター</a>
293							</div>
294							<div class="item-body">
295								「もう遅い!」って感じのなろう系小説タイトルを自動生成するサービス。<br>
296								すごくそれっぽいタイトルが生成されます笑
297							</div>
298						</div>
299					</div>
300
301					<!-- モンティホール問題がわけ分からんので力技で納得するためのページ -->
302					<div class="panel-section-inner-item">
303						<a href="https://montyhall.buta3.net/" target="_blank">
304							<img class="lazyload item-image" data-src="img/service/montyhall.png">
305						</a>
306						<div class="item-main">
307							<div class="item-title">
308								<a href="https://montyhall.buta3.net/" target="_blank">モンティホール問題がわけ分からんので力技で納得するためのページ</a>
309							</div>
310							<div class="item-body">
311								モンティホール問題がわけ分からんので力技で納得するためのページです!
312							</div>
313						</div>
314					</div>
315
316					<!-- hokug -->
317					<div class="panel-section-inner-item">
318						<a href="https://github.com/hoku/hokug" target="_blank">
319							<img class="lazyload item-image" data-src="img/service/noimage.png">
320						</a>
321						<div class="item-main">
322							<div class="item-title">
323								<a href="https://github.com/hoku/hokug" target="_blank">hokug</a>
324							</div>
325							<div class="item-body">
326								簡単にクソゲーが作れるクソみたいなjavascriptライブラリ。クソゲー開発者垂涎。<br>
327								→<a href="http://hoku.in/hokug/" target="_blank">hokugを使ったデモゲーム</a>
328							</div>
329						</div>
330					</div>
331
332				</div>
333
334
335				<div class="sep">・・・</div>
336				<div class="panel-section-subtitle"><span>その他系</span></div>
337
338				<div class="panel-section-inner">
339
340					<!-- IT用語ワードAPI -->
341					<div class="panel-section-inner-item">
342						<a href="https://itword.buta3.net/" target="_blank">
343							<img class="lazyload item-image" data-src="img/service/it_api.png">
344						</a>
345						<div class="item-main">
346							<div class="item-title item-title-sm">
347								<a href="https://itword.buta3.net/" target="_blank">IT用語関連ワードAPI</a>
348							</div>
349							<div class="item-body item-body-sm">
350								高速サジェスト取得、高速関連ワード取得が行えるAPIです。
351							</div>
352						</div>
353					</div>
354
355					<!-- MySQL用DB定義生成ツール -->
356					<div class="panel-section-inner-item">
357						<a href="http://hoku.in/mysqlxml2markdown" target="_blank">
358							<img class="lazyload item-image" data-src="img/service/noimage.png">
359						</a>
360						<div class="item-main">
361							<div class="item-title item-title-sm">
362								<a href="http://hoku.in/mysqlxml2markdown" target="_blank">MySQL用DB定義生成ツール</a>
363							</div>
364							<div class="item-body item-body-sm">
365								MySQLでdumpしたXMLをMarkdownに変換するツール。
366							</div>
367						</div>
368					</div>
369
370					<!-- その他、Androidアプリ -->
371					<div class="panel-section-inner-item">
372						<a href="https://play.google.com/store/apps/developer?id=%E3%81%BB%E3%81%8F" target="_blank">
373							<img class="lazyload item-image" data-src="img/service/noimage.png">
374						</a>
375						<div class="item-main">
376							<div class="item-title item-title-sm">
377								<a href="https://play.google.com/store/apps/developer?id=%E3%81%BB%E3%81%8F" target="_blank">その他、Androidアプリ</a>
378							</div>
379							<div class="item-body item-body-sm">
380								色々と。
381							</div>
382						</div>
383					</div>
384
385					<!-- その他、iOSアプリ -->
386					<div class="panel-section-inner-item">
387						<a href="https://itunes.apple.com/jp/developer/atsushi-kitamura/id886929449" target="_blank">
388							<img class="lazyload item-image" data-src="img/service/noimage.png">
389						</a>
390						<div class="item-main">
391							<div class="item-title item-title-sm">
392								<a href="https://itunes.apple.com/jp/developer/atsushi-kitamura/id886929449" target="_blank">その他、iOSアプリ</a>
393							</div>
394							<div class="item-body item-body-sm">
395								色々と。
396							</div>
397						</div>
398					</div>
399
400				</div>
401
402
403				<div class="sep">・・・</div>
404				<div class="panel-section-subtitle"><span>サービス終了</span></div>
405
406				<div class="panel-section-inner">
407
408					<!-- リツマネ -->
409					<div class="panel-section-inner-item panel-section-inner-item-sm">
410						<img class="lazyload item-image item-image-sm" data-src="img/service/rtmanage.png">
411						<div class="item-main-sm">
412							<div class="item-title item-title-sm">
413								リツマネ
414							</div>
415							<div class="item-body item-body-sm">
416								Twitterのフォロー&RTキャンペーン支援サービス。<br>
417								2023年6月末、TwitterAPIから突如主要機能が消えたことによりサ終。
418							</div>
419						</div>
420					</div>
421
422					<!-- J-POPジェネレータ -->
423					<div class="panel-section-inner-item panel-section-inner-item-sm">
424						<img class="lazyload item-image item-image-sm" data-src="img/service/jpop.png">
425						<div class="item-main-sm">
426							<div class="item-title item-title-sm">
427								J-POPジェネレータ
428							</div>
429							<div class="item-body item-body-sm">
430								J-POPの歌詞を自動生成するサービス。<br>
431								利用者さんが完全にいなくなったためサ終。
432							</div>
433						</div>
434					</div>
435
436					<!-- コンフガチャ -->
437					<div class="panel-section-inner-item panel-section-inner-item-sm">
438						<img class="lazyload item-image item-image-sm" data-src="img/service/gacha.png">
439						<div class="item-main-sm">
440							<div class="item-title item-title-sm">
441								コンフガチャ
442							</div>
443							<div class="item-body item-body-sm">
444								コンプガチャ問題のパロディアプリ。<br>
445								利用者さんが完全にいなくなったため公開終了。
446							</div>
447						</div>
448					</div>
449
450					<!-- NarouExtractor -->
451					<div class="panel-section-inner-item panel-section-inner-item-sm">
452						<img class="lazyload item-image item-image-sm" data-src="img/service/narou.png">
453						<div class="item-main-sm">
454							<div class="item-title item-title-sm">
455								NarouExtractor
456							</div>
457							<div class="item-body item-body-sm">
458								「小説家になろう」の作品を解析して、特徴的なワードを抽出するサイト。<br>
459								ご利用者さんがほぼいなくなり役目を終えたため終了。
460							</div>
461						</div>
462					</div>
463
464					<!-- マストドン検索ポータル -->
465					<div class="panel-section-inner-item panel-section-inner-item-sm">
466						<img class="lazyload item-image item-image-sm" data-src="img/service/mastdn.png">
467						<div class="item-main-sm">
468							<div class="item-title item-title-sm">
469								<a href="http://mastodonsearch.jp/" target="_blank">マストドン検索ポータル</a>
470							</div>
471							<div class="item-body item-body-sm">
472								マストドンの横断検索。他の方に引き継いでいただき、その後サ終。
473							</div>
474						</div>
475					</div>
476
477					<!-- ツイスレバックアップ -->
478					<div class="panel-section-inner-item panel-section-inner-item-sm">
479						<img class="lazyload item-image item-image-sm" data-src="img/service/twibackup.png">
480						<div class="item-main-sm">
481							<div class="item-title item-title-sm">
482								<a href="https://twibackup.com/" target="_blank">ツイスレバックアップ</a>
483							</div>
484							<div class="item-body item-body-sm">
485								Twitterで見つけた有益スレッドをまるごとWordファイルで保存できるサービス。<br>
486								TwitterAPI有料化でサ終。
487							</div>
488						</div>
489					</div>
490
491					<!-- そだてて!シャロウムちゃん(●゜θ゜●) -->
492					<div class="panel-section-inner-item panel-section-inner-item-sm">
493						<img class="lazyload item-image item-image-sm" data-src="img/service/sharoumu.jpg">
494						<div class="item-main-sm">
495							<div class="item-title item-title-sm">
496								そだてて!シャロウムちゃん(●゜θ゜●)
497							</div>
498							<div class="item-body item-body-sm">
499								駐日イスラエル大使館の公認アプリを個人で作りました。
500							</div>
501						</div>
502					</div>
503
504					<!-- ベンチャーニュースアップ -->
505					<div class="panel-section-inner-item panel-section-inner-item-sm">
506						<img class="lazyload item-image item-image-sm" data-src="img/service/venture.png">
507						<div class="item-main-sm">
508							<div class="item-title item-title-sm">
509								ベンチャーニュースアップ
510							</div>
511							<div class="item-body item-body-sm">
512								起業やベンチャー系のニュースをサクッとチェックできるサービス。
513							</div>
514						</div>
515					</div>
516
517					<!-- moEver -->
518					<div class="panel-section-inner-item panel-section-inner-item-sm">
519						<img class="lazyload item-image item-image-sm" data-src="img/service/moever.jpg">
520						<div class="item-main-sm">
521							<div class="item-title item-title-sm">
522								moEver
523							</div>
524							<div class="item-body item-body-sm">
525								熱いことだけしか投稿しない!モチベ爆上げSNSアプリ。<br>
526							</div>
527						</div>
528					</div>
529
530					<!-- サブプロフ -->
531					<div class="panel-section-inner-item panel-section-inner-item-sm">
532						<img class="lazyload item-image item-image-sm" data-src="img/service/noimage.png">
533						<div class="item-main-sm">
534							<div class="item-title item-title-sm">
535								サブプロフ
536							</div>
537							<div class="item-body item-body-sm">
538								ガラケー向けのプロフィールページレンタルサービス。<br>
539								前略プロフィールとか流行っていた時代。
540							</div>
541						</div>
542					</div>
543
544					<!-- pe-ji.com -->
545					<div class="panel-section-inner-item panel-section-inner-item-sm">
546						<img class="lazyload item-image item-image-sm" data-src="img/service/noimage.png">
547						<div class="item-main-sm">
548							<div class="item-title item-title-sm">
549								pe-ji.com
550							</div>
551							<div class="item-body item-body-sm">
552								学生の頃に運営していた、何でも書けるガラケー向けフリーページレンタルサービス。<br>
553							</div>
554						</div>
555					</div>
556
557					<!-- ぼそっとBBS -->
558					<div class="panel-section-inner-item panel-section-inner-item-sm">
559						<img class="lazyload item-image item-image-sm" data-src="img/service/noimage.png">
560						<div class="item-main-sm">
561							<div class="item-title item-title-sm">
562								ぼそっとBBS
563							</div>
564							<div class="item-body item-body-sm">
565								ガラケー向けの一行掲示板レンタルサービス。<br>
566							</div>
567						</div>
568					</div>
569
570					<!-- PassP -->
571					<div class="panel-section-inner-item panel-section-inner-item-sm">
572						<img class="lazyload item-image item-image-sm" data-src="img/service/noimage.png">
573						<div class="item-main-sm">
574							<div class="item-title item-title-sm">
575								PassP
576							</div>
577							<div class="item-body item-body-sm">
578								ガラケー向けの鍵ページレンタルサービス。<br>
579							</div>
580						</div>
581					</div>
582
583				</div>
584
585			</div>
586			<!-- /中身 -->
587
588		</div>
589		<!-- /だれ?セクション -->
590
591
592		<!-- なにやつセクション -->
593		<div class="panel-big-section text-center">
594			<a name="target-who"></a>
595
596			<!-- 見出し -->
597			<div class="panel-section">
598				<img class="lazyload section-title-image" data-src="img/farmer1.png" width="160" height="160">
599				<h3 class="section-title">なにやつ</h3>
600			</div>
601			<!-- /見出し -->
602
603			<!-- 中身 -->
604			<div class="panel-section">
605				大手SIer → ベンチャーCTO → フリーランス。<br>
606				「hoku(ほく)」です。<br>
607				『ホクシス』という屋号で活動しています。<br>
608				サイトやらアプリやら、細かいものも含めると個人開発で今まで100個以上作ってきました!<br>
609				(このページでは、紹介できるもののみ掲載しています)<br>
610				<br>
611				モノづくりが好きです。<br>
612				口がパサパサになる系のビスケットが好きです。<br>
613				<br>
614				本業ではバリバリ業務系システムを開発しています。<br>
615				上流から下流まで、アプリケーションからインフラまで何でもやる雑食系です。
616				<!--
617				<br>
618				<br>
619				また、「<a href="https://taittsuu.com/" target="_blank">タイッツー</a>」を1日でリリースしたように、<br>
620				サービスをコンパクトに超高速開発し、試行錯誤しながら成長させていく進め方も得意です。<br>
621				(一人で何でもやるタイプなので、チームを組むよりコストを抑えられる可能性も高いです。)<br>
622				システム開発等で困ったらお気軽にご相談ください!<br>
623				-->
624			</div>
625			<!-- /中身 -->
626
627			<div class="panel-section">
628				<a href="https://taittsuu.com/users/hoku" target="_blank">個人タイッツー</a> /
629				<a href="https://twitter.com/hoku_unagi" target="_blank">個人Twitter</a> /
630				<a href="https://simblo.net/u/WKZXBT" target="_blank">個人ブログ</a>
631			</div>
632			
633			<div class="panel-section">
634				<iframe src="https://embed.taittsuu.com/embed/users/hoku?color=light&show_defensive=1" frameborder="0" loading="lazy" referrerpolicy="strict-origin" style="box-sizing: border-box; width: 100%; max-width: 550px; height: 550px; border: solid 1px rgb(128, 128, 128, 0.2); border-radius: 12px;"></iframe>
635			</div>
636
637		</div>
638		<!-- /なにやつセクション -->
639
640
641		<!-- ほかにもセクション -->
642		<div class="panel-big-section text-center">
643			<a name="target-other"></a>
644
645			<!-- 見出し -->
646			<div class="panel-section">
647				<img class="lazyload section-title-image" data-src="img/worm6.png" width="160" height="160">
648				<h3 class="section-title">ほかにも</h3>
649			</div>
650			<!-- /見出し -->
651
652			<!-- 中身 -->
653			<div class="panel-section">
654				以前はプログラミング講師、専門学校の非常勤講師、<br>
655				行政主催のセミナーで講師、等もしていました。
656			</div>
657			<!-- /中身 -->
658
659		</div>
660		<!-- /ほかにもセクション -->
661
662
663		<!-- れんらくセクション -->
664		<div class="panel-big-section text-center">
665			<a name="target-contact"></a>
666
667			<!-- 見出し -->
668			<div class="panel-section">
669				<img class="lazyload section-title-image" data-src="img/paper118.png" width="160" height="160">
670				<h3 class="section-title">れんらく</h3>
671			</div>
672			<!-- /見出し -->
673
674			<!-- 中身 -->
675			<div class="panel-section">
676				info&#064;hoku.in<br>
677				こちらまでお気軽にどうぞ!
678			</div>
679			<!-- /中身 -->
680
681		</div>
682		<!-- /れんらくセクション -->
683
684
685		<div class="footer">
686			(c) hoku.in
687		</div>
688	</div>
689	<!-- /root -->
690
691
692	<!-- 上に戻るボタン -->
693	<span id="back-to-top">
694		<span class="button-nav" id="btn-backtotop">
695			<img class="lazyload" data-src="img/lightning25.png" width="80" height="80"><br>
696		</span>
697	</span>
698	<!-- /上に戻るボタン -->
699
700	
700<script src="js/jquery-1.11.2.min.js"></script>
700
701	
701<script src="js/bootstrap.min.js"></script>
701
702	
702<script src="js/common.js"></script>
702
703
704	
704<script>
705	    lazyload();
706	</script>
706
707
708</body>
709</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.