PageSourceSearch

http://dot-e-nanika.com/

html dot-e-nanika.com collected 2026-10-07 04:30:46 UTC 15,607 bytes, 357 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
5	<meta charset="utf-8">
6	<meta http-equiv="X-UA-Compatible" content="IE=edge">
7	<meta name="viewport" content="width=device-width, initial-scale=1">
8	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
9	<meta name="description" content="好きな画像からドット絵を作ります。自作ゲームや刺繍の製作、「あつまれ どうぶつの森」のマイデザなどに使ってください。">
10	<meta name="author" content="ygg">
11
12	<meta property="og:title" content="ドット絵ナニカ" />
13	<meta property="og:type" content="website" />
14	<meta property="og:url" content="http://dot-e-nanika.com/" />
15	<meta property="og:image" content="http://dot-e-nanika.com/ogpImage.jpg" />
16	<meta property="og:site_name" content="ドット絵ナニカ" />
17	<meta property="og:description" content="好きな画像からドット絵を作ります。自作ゲームや刺繍の製作、「あつまれ どうぶつの森」のマイデザなどに使ってください。" />
18
19	<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
20	<link rel="icon" type="image/png" href="/icons/favicon-32x32.png" sizes="32x32">
21	<link rel="icon" type="image/png" href="/icons/favicon-16x16.png" sizes="16x16">
22	<link rel="manifest" href="/icons/manifest.json">
23	<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5">
24	<link rel="shortcut icon" href="/icons/favicon.ico">
25	<meta name="msapplication-config" content="/icons/browserconfig.xml">
26	<meta name="theme-color" content="#ffffff">
27
28	<link rel="alternate" hreflang="ja-jp"     href="http://dot-e-nanika.com/" />
29	<link rel="alternate" hreflang="ja"        href="http://dot-e-nanika.com/" />
30	<link rel="alternate" hreflang="ko-kr"     href="http://dot-e-nanika.com/" />
31	<link rel="alternate" hreflang="zh-tw"     href="http://dot-e-nanika.com/" />
32	<link rel="alternate" hreflang="zh-cn"     href="http://dot-e-nanika.com/" />
33	<link rel="alternate" hreflang="en-us"     href="http://dot-e-nanika.com/index_en.html" />
34	<link rel="alternate" hreflang="ko"        href="http://dot-e-nanika.com/" />
35	<link rel="alternate" hreflang="en-gb"     href="http://dot-e-nanika.com/index_en.html" />
36	<link rel="alternate" hreflang="zh-hk"     href="http://dot-e-nanika.com/" />
37	<link rel="alternate" hreflang="en-ca"     href="http://dot-e-nanika.com/index_en.html" />
38	<link rel="alternate" hreflang="en"        href="http://dot-e-nanika.com/index_en.html" />
39	<link rel="alternate" hreflang="x-default" href="http://dot-e-nanika.com/" />
40
41	<title>ドット絵ナニカ</title>
42
43	<!-- Bootstrap core CSS -->
44	<link href="./dist/css/bootstrap.min.css" rel="stylesheet">
45
46	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
47	<link href="./assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
48
49	<!-- Custom styles for this template -->
50	<link href="./index.css" rel="stylesheet">
51
52	<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
53	<!--[if lt IE 9]>
53<script src="./assets/js/ie8-responsive-file-warning.js"></script>
53<![endif]-->
54	
54<script src="./assets/js/ie-emulation-modes-warning.js"></script>
54
55
56	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
57	<!--[if lt IE 9]>
58			
58<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
58
59			
59<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
59
60		<![endif]-->
61
62	<!-- aws-sdk -->
63	
63<script src="https://sdk.amazonaws.com/js/aws-sdk-2.4.4.min.js"></script>
63
64
65	<!-- google ads -->
66	
66<script data-ad-client="ca-pub-7529755472490419" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
66
67
68	<!-- google analytics -->
69	
69<script>
vendor: 402 bytes, lines 69-77
69
70		(function (i, s, o, g, r, a, m) {
71			i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
72				(i[r].q = i[r].q || []).push(arguments)
73			}, i[r].l = 1 * new Date(); a = s.createElement(o),
74				m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
75		})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
76
77		ga('create', '
77UA-62582046-2
vendor: 41 bytes, lines 77-79
77', 'auto');
78		ga('send', 'pageview');
79	
79</script>
79
80
81	<!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 81-82
81
82	<script async src="https://www.googletagmanager.com/gtag/js?id=
82G-Z370TFQJXY
vendor: 14 bytes, lines 82-83
82"></script>
83	
83<script>
84	  
vendor: 141 bytes, lines 84-88
84window.dataLayer = window.dataLayer || [];
85	  function gtag(){dataLayer.push(arguments);}
86	  gtag('js', new Date());
87
88	  gtag('config', '
88G-Z370TFQJXY
vendor: 6 bytes, lines 88-89
88');
89	
89</script>
89
90</head>
91
92<body>
93
94	<nav class="navbar navbar-inverse navbar-fixed-top">
95		<div class="container">
96			<div class="navbar-header">
97				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
98				 aria-controls="navbar">
99					<span class="sr-only">Toggle navigation</span>
100					<span class="icon-bar"></span>
101					<span class="icon-bar"></span>
102					<span class="icon-bar"></span>
103				</button>
104				<a class="navbar-brand" href="http://dot-e-nanika.com/">ドット絵ナニカ</a>
105			</div>
106			<div id="navbar" class="collapse navbar-collapse">
107				<ul class="nav navbar-nav">
108					<li class="active">
109						<a href="http://dot-e-nanika.com/">ホーム</a>
110					</li>
111					<li>
112						<a href="about.html">使い方</a>
113					</li>
114					<li>
115						<a href="author.html">作者</a>
116					</li>
117					<li>
118						<a href="index_en.html">English</a>
119					</li>
120				</ul>
121			</div>
122			<!--/.nav-collapse -->
123		</div>
124	</nav>
125
126	<div class="container">
127
128		<div class="container-style">
129			<img src="logo.png" width="290" height="101">
130			<br>
131			<br>
132			<p class="lead">すきな画像をドット絵に変換します。</p>
133			<p>自作のゲーム、どう森のマイデザ、刺繍、アクアビーズ、マイクラなどで使えるドット絵の設計図を作れます。</p>
134			<p>どう森用のQRコードが欲しいときは「どうぶつの森モード」で。くわしい使い方は
135				<a href="about.html">こちら</a> をどうぞ。</p>
136			<br>
137
138			<fieldset>
139				<!-- PR field with BRx2 -->
140				<!-- moshimo -->
141				<br>
142				<br>
143
144				<!-- message -->
145				<div class="form-group">
146					<div class="alert alert-info" id="message">画像ファイル(jpg, gif, png, bmp)を選んで「変換」を押してください</div>
147				</div>
148				<br>
149
150				<!-- mode selector -->
151				<div class="form-group">
152					<label class="radio-inline">
153						<input type="radio" name="mode" id="nl" onclick="setNormal()" checked="checked" />通常モード</label>
154					<label class="radio-inline">
155						<input type="radio" name="mode" id="dm" onclick="setDoumor()" />どうぶつの森モード</label>
156				</div>
157				<br>
158
159				<!-- image selector -->
160				<div class="form-group">
161					<label for="fileToUpload">画像ファイル
162						<font color="red">*</font>
163					</label>
164					<span id="fileElement">
165						<input type="file" class="form-control" id="fileToUpload" />
166					</span>
167				</div>
168				<br>
169
170				<!-- size(どうぶつの森) -->
171				<div class="form-group" style="display:none" id="d_size_selector">
172					<label for="d_size">ドット絵のサイズ(幅)
173						<font color="red">*</font>
174					</label>
175					<p>作成するドット絵のサイズを指定します。縦の枚数は幅に比例します。</p>
176					<select class="form-control" id="d_size">
177						<option value="32">マイデザ 1枚(32ドット)</option>
178						<option value="64">マイデザ 2枚(64ドット)</option>
179						<option value="96">マイデザ 3枚(96ドット)</option>
180						<option value="128">マイデザ 4枚(128ドット)</option>
181						<option value="160">マイデザ 5枚(160ドット)</option>
182						<option value="192">マイデザ 6枚(192ドット)</option>
183						<option value="224">マイデザ 7枚(224ドット)</option>
184					</select>
185				</div>
186				<br>
187
188				<!-- village -->
189				<div class="form-group" style="display:none" id="village">
190					<label for="villageFileToUpload">自分の村のQRコード
191						<font color="red" id="villageState">未登録</font>
192					</label>
193					<br>
194
195					<!-- button -->
196					<button class="btn btn-info" id="registVillage" data-toggle="modal" data-target="#modal-village" onclick="resetVillageValues()">
197						<i class="glyphicon glyphicon-map-marker"></i> 自分の村のQRコードを登録</button>
198					<button class="btn btn-danger" id="unregistVillage" style="display:none" onclick="resetVillageValues()">
199						<i class="glyphicon glyphicon-remove"></i> 自分の村のQRコードを解除</button>
200				</div>
201
202				<!-- modal (village) -->
203				<div class="modal" id="modal-village" tabindex="-1">
204					<div class="modal-dialog">
205
206						<!-- contents -->
207						<div class="modal-content">
208							<!-- header -->
209							<div class="modal-header">
210								<button type="button" class="close" data-dismiss="modal">
211									<span aria-hidden="true">&times;</span>
212								</button>
213								<h4 class="modal-title" id="modal-label">自分の村のQRコードを登録</h4>
214							</div>
215							<!-- body -->
216							<div class="modal-body">
217								<div class="alert alert-info" id="dialog-message">自分の村のQRコード画像を登録すると、通常のマイデザインと同じように自分で好きに書き換えたり、 タイトルを付け直したり、ともだちに配布したりすることができます。</div>
218								<span id="villageFileElement">
219									<input type="file" class="form-control" id="villageFileToUpload" />
220								</span>
221								<br>
222							</div>
223							<!-- footer -->
224							<div class="modal-footer">
225								<button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
226								<button type="button" class="btn btn-primary" onclick="uploadVillageFile
226()">登録</button>
227							</div>
228						</div>
229					</div>
230				</div>
231
232				<!-- size -->
233				<div class="form-group" id="size_selector">
234					<label for="size">ドット絵のサイズ(幅)
235						<font color="red">*</font>
236					</label>
237					<p>作成するドット絵のサイズを指定します。縦のサイズは幅に比例します。</p>
238					<select class="form-control" id="size">
239						<option value="16">16ドット</option>
240						<option value="32" selected>32ドット</option>
241						<option value="48">48ドット</option>
242						<option value="64">64ドット</option>
243						<option value="80">80ドット</option>
244						<option value="96">96ドット</option>
245						<option value="112">112ドット</option>
246						<option value="128">128ドット</option>
247						<option value="144">144ドット</option>
248						<option value="160">160ドット</option>
249						<option value="176">176ドット</option>
250						<option value="192">192ドット</option>
251						<option value="256">256ドット</option>
252					</select>
253				</div>
254				<br>
255
256				<div class="form-group">
257					<label for="needTransparent" class "checkbox-inline" style="display:none" id="needTransparentLabel">
258						<input type="checkbox" id="needTransparent"> 背景を透過する</label>
259				</div>
260				<div class="form-group">
261					<label for="needPaletteNavi" class "checkbox-inline" style="display:none" id="needPaletteNaviLabel">
262						<input type="checkbox" id="needPaletteNavi" checked="checked"> パレットナビも作る</label>
263				</div>
264				<div class="form-group">
265					<label for="needQRCode" class "checkbox-inline" style="display:none" id="needQRCodeLabel">
266						<input type="checkbox" id="needQRCode" checked="checked"> どうぶつの森用のQRコードも作る</label>
267				</div>
268
269				<!-- output -->
270				<div style="display:none" id="outputcontainer">
271					<img src="" style="display:none" id="design">
272					<br>
273					<a href="" style="display:none" id="excel">Excel download</a>
274					<br>
275					<img src="" style="display:none" id="paletteNavi">
276					<br>
277					<br>
278					<img src="" style="display:none" id="qrcode">
279					<br>
280				</div>
281
282
283				<!-- button -->
284				<div class="form-group">
285					<button class="btn btn-primary" onclick="uploadFile()">
286						<i class="glyphicon glyphicon-flash"></i> 変換</button>
287					<button class="btn btn-normal" onclick="resetValues()">
288						<i class="glyphicon glyphicon-trash"></i> リセット</button>
289				</div>
290			</fieldset>
291			<br>
292			<!-- PR -->
293			
293<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
293
294			<!-- Near_the_convert_button -->
295			<ins class="adsbygoogle"
296				style="display:block"
297				data-ad-client="ca-pub-7529755472490419"
298				data-ad-slot="4479251272"
299				data-ad-format="auto"
300				data-full-width-responsive="true"></ins>
301			
301<script>
302				(adsbygoogle = window.adsbygoogle || []).push({});
303			</script>
303
304			<br>
305			<br>
306
307			<h5>ドット絵ナニカを友達とシェアする</h5>
308			<!-- share twitter -->
309			<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://dot-e-nanika.com/" data-text="ドット絵ナニカ"
310			 data-lang="ja">ツイート</a>
311			
311<script>
312				!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');
313			</script>
313
314
315			<!-- share LINE -->
316			<div class="line-it-button" style="display: none;" data-type="share-a" data-lang="ja"></div>
317			
317<script src="//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js" async="async" defer="defer"></script>
317
318
319			<!-- share hatena -->
320			<a href="http://b.hatena.ne.jp/entry/dot-e-nanika.com/" class="hatena-bookmark-button" data-hatena-bookmark-title="ドット絵ナニカ"
321			 data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加">
322				<img src="https://b.st-hatena.com/images/entry-button/[email protected]" alt="このエントリーをはてなブックマークに追加" width="20" height="20"
323				 style="border: none;" />
324			</a>
325			
325<script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
325
326			<br>
327			<br>
328
329			<!-- PR -->
330			<!-- no tag -->
331			<br>
332		</div>
333	</div>
334	<!-- /.container -->
335
336	<footer>
337		Copyright (c) 1994 - 2020
338		<a href="http://www5d.biglobe.ne.jp/~yggsoft/">YGGDRASILL SOFT</a>
339		<a href="mailto:[email protected]">
340			<i class="glyphicon glyphicon-envelope"></i>
341		</a>
342	</footer>
343	
343<script src="nanika.front.v052.js"></script>
343
344
345	<!-- Bootstrap core JavaScript
346		================================================== -->
347	<!-- Placed at the end of the document so the pages load faster -->
348	
348<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
348
349	
349<script>
350		window.jQuery || document.write('
350<script src="./assets/js/vendor/jquery.min.js"><\/script>')
351	</script>
351
352	
352<script src="./dist/js/bootstrap.min.js"></script>
352
353	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
354	
354<script src="./assets/js/ie10-viewport-bug-workaround.js"></script>
354
355</body>
356
357</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.