https://digitaldna.jp/diary/diary_2026_01.html

1<!DOCTYPE HTML>
2<html lang="ja">
3<head>
4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width,initial-scale=1.0">
6	<title>Diary! | 日記とか雑記とか |Digital DNA</title>
7
8	<!-- Global site tag (gtag.js) - Google Analytics / start 旧：https://www.googletagmanager.com/gtag/js?id=UA-136332970-1-->

8
9	<script async src="https://www.googletagmanager.com/gtag/js?id=

9UA-136332970-1

9"></script>
10	

10<script>
11		

11window.dataLayer = window.dataLayer || [];
12		function gtag(){dataLayer.push(arguments);}
13		gtag('js', new Date());
14		gtag('config', '

14UA-136332970-1

14');
15	

15</script>

15
16	<!-- Google Analytics / end -->
17
18	<link rel="preconnect" href="https://fonts.googleapis.com">
19	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20	<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@700&display=swap" rel="stylesheet">
21	<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,900&display=swap" rel="stylesheet">
22	<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">
23	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap" rel="stylesheet">
24	<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP" rel="stylesheet">
25	<link href="https://fonts.googleapis.com/css?family=Sawarabi+Gothic" rel="stylesheet">
26	<link href="https://fonts.googleapis.com/css?family=Kosugi+Maru" rel="stylesheet"> 
27	
28	

28<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

28
29
30	<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">
31	

31<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script>

31
32	<link rel="stylesheet" href="../css/colorbox.css">
33	

33<script src="../js/jquery.colorbox-min.js"></script>

33
34	<!-- bootstrapは行間が contentsとnavが競合する -->
35	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
36	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
37	
38	

38<script src="../js/digitaldna.js" type="text/javascript"></script>

38
39	<link href="../css/digitaldna.css" rel="stylesheet">
40</head>
41
42
43
44
45
46<!-- body:Scroll Spyの設定 -->
47<body class="overflow-auto" data-bs-spy="scroll" data-bs-target="#navbar" data-bs-offset="10">
48
49<!-- 全体を囲うdiv /ヘッダー、コンテンツ、右メニュー、フッター -->
50<div class="full_wrap">
51
52<!-- ヘッダー -->
53<div class="header">
54	<div class="header_inner">
55		<div>
56			<p><a href="../index.html" style="color: #184F58">DigitalDNA</a></p>
57			<p><a href="../diary/diary.html">Diary!</a></p>
58			<p>日記とか雑記とか</p>
59		</div>
60		<div>
61			|　<a href="../index.html">総合トップ</a>　
62			|　<a href="../article/about.html">ABOUT</a>　
63			|　<a href="https://www.amazon.jp/hz/wishlist/ls/26MHS8XPOT0Z6?ref_=wl_share" target="_blank">Amazon </a>　|
64		</div>
65	</div>
66</div>
67
68
69<!-- コンテンツ欄、左メニューを囲うdiv -->
70<div class="main_side_wrap">
71
72
73	<!-- 左コンテンツ -->
74	<div class="main_wrap">
75
76
77<!--■ポリゴンモデリング-->
78<!-- このカテゴリのページ： -->
79<a id="modeling_polygon"></a>
80<h1>気になった話題の過去ログ</h1>
81
82
83
84<style>
85	.category_flame { width: 360px; background-color: #cc99cc; border-radius: 8px; padding: 2px; text-align: center; font-weight: bold; color:white; margin-bottom: 16px; }
86	
87	.clearfix::after { width: 100%; content:''; display: block; clear: both; }
88	.clearfix a:link { color: black; }
89	.clearfix a:visited { color: black; }
90	.listItem { margin-bottom: 24px; box-shadow: 0px 2px 2px 0px #bbb; transition: all .3s; }
91	.listItem { max-width: 360px;  padding: 0;  margin-right: 16px; border: 1px solid #999; box-sizing: border-box; }
92	.listItem { width: 31%; float: left; margin-right: 16px; }
93	.listItem img { width: 100%; margin-right: 8px; transition: all .3s; }
94	.listItem div:nth-child(2) { width: 100%; }
95	.listItem:hover { background-color: #ddd; transition: all .3s; }
96	.listItem:hover img { opacity: 0.7; transition: all .3s; }
97
98	.article_text { padding: 8px; }
99	.article_text > div:nth-child(1) { font-size: 20px; font-weight: bold; }
100	.article_text > div:nth-child(2) { font-size: 14px; }
101	.article_text > div:nth-child(3) { font-size: 14px; text-align: right; width: 98%; }
102	
103	@media only screen and ( max-width: 1280px) {
104		.listItem { mix-width: 320px; width: 45%; }
105		.listItem img { width: 100%; margin-right: 8px; }
106		.article_text { padding: 4px; }
107		.article_text > div:nth-child(1) { font-size: 18px; font-weight: bold; }
108		.article_text > div:nth-child(2) { font-size: 14px; }
109		.article_text > div:nth-child(3) { font-size: 12px; text-align: right; width: 98%; }
110	}
111
112</style>
113

114<script>
115  $(function() {
116    $('.listItem').matchHeight();
117  });
118</script>

118
119
120
121
122
123
124<h2>2026/01/01</h2>
125
126<!-- ★ -->
127<div id="item-2"></div>
128<h3>#1 古（いにしえ）のインターネットを目指して</h3>
129<div class="area_p">	
130	
131	<!--<div class="margin_left">-->
132	<h4>ソースコード手書きです</h4>
133	このサイトはソースコード手書きの自作サイトとなっております。<br>
134	ブログではなく、手作りホームページです。<br>
135	WordPressを使ってないとGoogleなどの検索エンジンで検索上位に掲載されにくいそうですが、あえて手作業でやっております。あえてね。<br>
136	<br>
137	デザインを全面改定して一部のページを削除したものの、制作中になっているページがあったり、
138	スマホ閲覧時の表示チェックができていない箇所も多い状態です。順次修正・公開予定です。<br>
139	<br>
140	<br>
141
142	<!--
143	Googleで検索上位に出すには、ウェブサイトの内容がきちんとしている必要があります。<br>
144	きちんとって何だよ、という話ですが、&lt;H1&gt;やら&lt;H2&gt;やらのタグを使って、きちんと章立てされている必要があるんですね。<br>
145	ほかにも、サイト内のハイパーリンクの複雑さや、他のサイトからの被リンク数などが評価対象になるようです。<br>
146	質の高いサイトの定義がある程度決まっているため、世の中の多くのサイトがGoogle先生に気に入ってもらえる作りになってます。<br>
147	WordPressを使うと自然にそういう作りになるのですが、その結果、どれもだいたい同じようなサイトになるわけですね。<br>
148	まぁ仕方のないことではあります。<br>
149	-->
150	<br>
151	<h4>広告は極力排除</h4>
152	最近のウェブサイトといえば、サイトを見ようってときに記事を隠す形で画面のど真ん中に広告が出ちゃったりします。<br>
153	広告の内容は全然見てなくて、まずは「✕閉じる」ボタンがどこにあるか探すことに集中するのですけど、おそらく皆さんもこんな感じなのでは？？<br>
154	<br>
155	記事を読ませたいのか広告を見せたいのか分からないサイトもあって、正直鬱陶しいので、私はもっぱら広告が表示されなくなるブラウザ「Brave」をっています。<br>
156	YouTubeでもTVerでもＣＭが流れなくなるので、運営者にとっては悩ましいのでしょうが、閲覧者にとっては便利です。<br>
157	Braveは、JavaScriptの開発者が開発したブラウザということで信頼性があるようなので、私はPC、スマホ両方に入れています。<br>
158	<br>
159	さて、このサイトは広告がない代わりにAmazonへのリンクを貼ってあります。<br>
160	アフィリエイトになっておりまして、広告を強制的に見せるPayPerView方式ではなく、払いたい人が払うおひねり方式となっております。<br>
161	何か買っていただければドメイン代とサーバーレンタル代の足しになるのでとても助かります。<br>
162	<br>
163	<br>
164	おすすめ：<a href="https://brave.com/ja/" target="_blank">進化したユーザーファーストのブラウザ「Brave」</a><br>
165	<br>
166	<br>
167</div>
168<br>
169<br>
170
171
172<div id="item-1"></div>
173<div class="area_p">
174	<h3>更新記事</h3>
175	「<a href="https://note.com/" target="_blank">note</a>」に掲載していた下記つの記事を加筆修正してこちらに掲載しました。<br>
176	<br>
177	・雑記：<a href="./diary/name.html">転職したら上司がご近所さんだった件</a><br>
178	・雑記：<a href="./diary/junk.html">みんなで鑑賞 モンド映画 in 小学校</a><br>
179	<br>
180	<br>
181	
182	<h3>#0 サイトリニューアルしました。</h3>
183	もう何年も前になりますが、このサイトは3DCG専門の個人ニュースサイトでした。<br>
184	<br>
185	Twitterが存在する以前、個人的に気になったニュースを集めて載せる「個人ニュースサイト」が流行っていた時期がありました。<br>
186	そんな頃に私はネット上に散らばる3DCG関連情報を集めて掲載しておりまして、企業からの依頼でイベント取材も何度かさせていただいたことがありました。<br>
187	<br>
188	仕事で3DCGをやっていたため趣味と実用を兼ねていたのですが、現在、私はＣＧ関連業務に就いておりません。<br>
189	会社には随分貢献したはずなのになぜだか辞めさせられまして、以来、MayaやMaxとは無縁の業界におります。<br>
190	<br>
191	<br>
192	さてこのURLとは別に、3DCG以外の私的な内容を自由に書き散らかすウェブサイトを運営しておりました。<br>
193	しかしプロバイダ側の事情により昨年11月で閉鎖。<br>
194	X(Twitter)よりも長文で好きなことを書くためのページを作っておきたいこともあり、サイトをリニューアルしました。<br>
195	<br>
196	技術系のまとめページのほか、日記的な駄文をゆるく書いていきますので、よろしくおねがいいたします。<br>
197	<br>
198	<br>
199</div>
200<br>
201<br>
202
203
204
205
206
207
208
209
210
211	<!-- Adsエリア -->
212	
213	
214	
215	<!-- ↓main_wrapここまで-->
216	</div>
217	
218	
219
220	
221	<div class="side_wrap"> <!-- ▼364px -->
222	
223
224		<div class="nav">
225		
226			<!-- スマホ時表示：スクロール部 / hr が表示されないなどの問題あり font-family: 'Noto Sans JP', sans-serif; -->
227			<!-- サイト内検索 
228			<div class="side_search_title noto_bold">サイト内検索</div>
229			<div class="side_search_wrap">
230				<form action="http://www.google.co.jp/search" method="get" style="display: flex; width: 292px; margin: 0 auto;">
231					<input type="search" name="search" placeholder="サイト内検索" style="width: 260px; height: 32px; margin: 0; padding: 0;">
232					<input type="image" src="./img/search.png" name="submit" value="検索" style="height: 32px; margin: 0; padding: 0;">
233				</form>
234			</div>-->
235			
236			
237			<!-- ソフト・WEB技術別ページ -->
238			<div class="side_sofware_title noto_bold">ソフトウェア・記事別</span></div>
239			<div class="software_link_btn_wrap">
240				<a href="../blend/blend.html">	<div class="software_link_btn"><p>Blender</p></div></a>	<!-- Blend! -->�				<a href="../davinci/davinci.html"><div class="software_link_btn"><p>DaVinci Resolve</p></div></a>	<!-- DaVinci! -->�				<a href="../max/max.html">		<div class="software_link_btn"><p>Max Script ( 3dsMax )</p></div></a><!-- Max! -->�				<a href="../ai/ai.html">		<div class="software_link_btn"><p>Illustrator</p></div></a>	<!-- Ai! -->�				<a href="../web/web.html">		<div class="software_link_btn"><p>CSS, JavaScript, JQuery</p></div></a><!-- Web! -->�				<a href="../article/article.html"><div class="software_link_btn noto_bold"><p><i>PC/観光/動物</i></p></div></a>
241				<a href="../diary/diary.html">	<div class="software_link_btn noto_bold"><p><i>雑記</i></p></div></a>
242				<!--<a href="unity.html">		<div class="software_link_btn"><p>Unity</p></div></a>

242	 Unite! -->�				<!--<a href="./zb/zb.html">	<div class="software_link_btn"><p>ZBrush</p></div></a>	ZB! -->�			</div>
243		</div>
244		
245		<!-- スマホ時非表示：メニュー固定部　元に戻すときはここを有効化！-->
246		<div class="side_contents_wrap">
247			
248		 	
249			<!-- Google Ads.-->
250			<div class="side_ads_title">Ad.</div>
251			<div class="side_ads_wrap">
252				<a href="https://www.amazon.co.jp/?&_encoding=UTF8&tag=digitaldna-22&linkCode=ur2&linkId=2e62aaeabcade3c06a500aac20336434&camp=247&creative=1211" target="_blank"><img src="../img/img_dmy_300.jpg"></a>
253			</div>
254			
255			
256		</div>
257		<!--固定ここまで-->
258
259		<!-- 三 -->
260		<div class="hamburger" id="js-hamburger">
261			<span class="hamburger_border hamburger_border_top"></span>
262			<span class="hamburger_border hamburger_border_center"></span>
263			<span class="hamburger_border hamburger_border_bottom"></span>
264		</div>
265		<div class="black_bg" id="js-black-bg"></div>
266	</div>
267	
268	
269	
270</div>
271<!-- スマホ時用 Adsエリア -->
272
273
274<!-- フッター -->
275<div class="footer">
276	<div class="footer_link">|　
277<!--	<a href="./article/ask.html">お問い合せ　|　
278	<a href="./article/about.html">プライバシーポリシー</a>　|　
279-->	<a href="https://twitter.com/DigitalDNAjp" target="_blank"><!--<i class="bi bi-twitter"></i>-->X (Twitter)</a>　|</div>
280	<div class="footer_sitename"><a href="./index.html">Digital DNA</a></div>
281</div>
282
283
284<!---->
285</div>
286
287
288
289<!-- トップへ戻るボタン -->
290<div class="page_top">
291	<a href="#"></a>
292</div>
293
294
295<!-- アコーディオンScript(末尾記述) https://yukipan-world.com/web-tips/618/ -->

296<script>
297function toggleNav() {
298	var body = document.body;
299	var hamburger = document.getElementById('js-hamburger');
300	var blackBg = document.getElementById('js-black-bg');
301
302	hamburger.addEventListener('click', function() {
303	    body.classList.toggle('nav-open');
304	});
305	blackBg.addEventListener('click', function() {
306		body.classList.remove('nav-open');
307	});
308}
309toggleNav();
310</script>

310
311
312	<!-- Bootstrap 5-->
313	

313<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

313
314</body>
315</html>