<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>nocorpus</title>
<link>https://ameblo.jp/nocorpus/</link>
<atom:link href="https://rssblog.ameba.jp/nocorpus/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus nocorpus</description>
<language>ja</language>
<item>
<title>【編集後記】simulacra</title>
<description>
<![CDATA[ <p>こんにちは。しおです。</p><p>&nbsp;</p><p>先日、「六角軸ドリル」というアカウントで『simulacra』という動画を投稿しました。この映像を制作・担当しましたので、映像担当者として編集後記を記載したいと思います。編集後記にしては少し投稿が早い気もしますが、忘れないうちに書いておこうという算段です。</p><p>&nbsp;</p><p>まず、この動画は私個人の力だけでは成り立っていません。音声作者の方を含めた六角軸ドリル関係者のみなさんに心から感謝します。</p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://www.nicovideo.jp/watch/sm46660232" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">simulacra</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">simulacra お客様にお願いいたします致道館の興行系統は地下鉄のCSSSエリスロヴェチは翌月の体重がかなり弱ま...</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">www.nicovideo.jp</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://img.cdn.nimg.jp/s/nicovideo/thumbnails/46660232/46660232.29606981.original/r1280x720l?key=3f346d0f04418d0bd1768f6609e0398a1cf472cbbe7dee8d664813e2ff804205" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>投稿した動画</p><p>&nbsp;</p><h4 id="tttc">映像を担当したきっかけ</h4><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://media-massage.net/works/project/metroexits/" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">Metro Exits</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">プログラムならではの表現を模索するため、ランダムに自動生成されるモーションタイポグラフィーを制作しました。AppleのQuartzComposerを使用した3Dアニメーションで、Mac OS Xのスクリーン...</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">media-massage.net</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://media-massage.net/works/project/metroexits/metroexits.png" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>&nbsp;</p><p id="link-476ec5b4-5a53-4ce7-8e82-f6fc5da831d9">参考になった映像プロジェクト（モーションタイポグラフィーというらしい）</p><p>&nbsp;</p><p>このプロジェクトの原点は、音声作者の方から、Quartz Composerというビジュアルプログラミング技術を利用した、Metro Exitsという作品があると紹介していただいたのがきっかけです。それを参考にして、今回の音声に実写素材を全く使わない作風で映像を作れないかということでした。</p><p>&nbsp;</p><div>本ブログでは、まず動画制作にあたって用いた技術について、そのあと表現について述べていきます。技術についての解説を行う章では、動画制作にあたって本質的ではない話を述べますが、本動画の作成にあたっての背景や、後述するコンセプトを支える技術も書いているので、読んでいただけたら幸いです。</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/67/98/p/o1920108015812057916.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/67/98/p/o1920108015812057916.png" width="1920"></a></div><div>&nbsp;</div><nav aria-labelledby="toc-y1xg" contenteditable="false" data-toc="1.0.0"><style type="text/css">[data-toc]{background:#ffffffd9;border:1px solid var(--color-border-medium-emphasis,#08121a4d);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px 16px}[data-toc] h2,[data-toc] ol,[data-toc] p{margin:0}[data-toc] .toc-header{align-items:center;display:flex;font-weight:700;gap:12px}:is([data-toc] .toc-header) h2{color:var(--color-text-medium-emphasis,#08121abd);font-size:.875em}[data-toc] .toc-empty-message{color:var(--color-text-low-emphasis,#08121a9c);font-weight:400}:is([data-toc] .toc-empty-message) p{font-size:.75em}[data-toc] ol{list-style:none;padding:0}:is([data-toc] ol) .last.collapse a{border:none}:is([data-toc] ol) a{border-bottom:1px solid var(--color-surface-tertiary,#08121a14);display:block;font-size:.75em;padding:6px 0;-webkit-text-decoration:none;text-decoration:none}[data-toc] .h4,[data-toc] a{color:var(--color-text-medium-emphasis,#08121abd)}[data-toc] .h2{font-weight:700}[data-toc] .h3{font-weight:400;margin-left:8px}[data-toc] .h4{font-weight:400;margin-left:16px}[data-toc] [role=button][aria-expanded]{align-items:center;display:flex;font-size:.75em;font-weight:700;gap:4px;justify-content:center;padding:4px 0;text-align:center;-webkit-text-decoration:none;text-decoration:none}[data-toc] [role=button][aria-expanded=true]:after{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M20.97 14.55c0 .26-.1.51-.29.71a.996.996 0 0 1-1.41 0l-7.29-7.29-7.29 7.29a.996.996 0 1 1-1.41-1.41l7.29-7.29c.78-.78 2.05-.78 2.83 0l7.29 7.29c.19.19.28.44.28.7'/%3E%3C/svg%3E")}[data-toc] [role=button][aria-expanded=false]:after,[data-toc] [role=button][aria-expanded=true]:after{background:var(--object-low-emphasis,#08121a9c);content:"";display:block;height:1rem;mask-size:contain;width:1rem}[data-toc] [role=button][aria-expanded=false]:after{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M3.05 9.45c0-.26.1-.51.29-.71a.996.996 0 0 1 1.41 0l7.29 7.29 7.29-7.29a.996.996 0 1 1 1.41 1.41l-7.29 7.29c-.78.78-2.05.78-2.83 0l-7.29-7.29c-.18-.19-.28-.44-.28-.7'/%3E%3C/svg%3E")}[data-toc]:has([role=button][aria-expanded=false]) .last:not(.collapse) a{border:none}[data-toc]:has([role=button][aria-expanded=false]) .collapse{display:none}[data-toc]:not(:has([role=button][aria-expanded])):not(:has(.collapse)) .last a{border:none}:is([contenteditable=true],.no-js,#no-js) [data-toc] .collapse{display:revert!important}</style><div class="toc-header"><h2 id="toc-y1xg">目次</h2></div><ol id="toc-list-g6r3"><li class="h4"><a href="#tttc"><span>映像を担当したきっかけ</span></a></li><li class="h2"><a href="#tgtg"><span>技術的な話</span></a><ol><li class="h3"><a href="#1pkd"><span>『simulacra』を支える技術</span></a><ol><li class="h4 last"><a href="#axnk"><span>言語コーパスとtrigram</span></a></li><li class="h4 collapse"><a href="#11pf"><span>Transformerによる自然言語処理</span></a></li><li class="h4 collapse"><a href="#e9gu"><span>人物抽出</span></a></li></ol></li><li class="h3 collapse"><a href="#ls3a"><span>六角軸ドリルを支える技術</span></a></li><li class="h3 collapse"><a href="#o0lz"><span>――― メディアコンテンツ共有基盤の開発</span></a></li></ol></li><li class="h2 collapse"><a href="#yk46"><span>simulacraでの表現</span></a><ol><li class="h3 collapse"><a href="#uskr"><span>全体テーマとサブテーマ</span></a></li><li class="h3 collapse"><a href="#lvtm"><span>冒頭</span></a></li><li class="h3 collapse"><a href="#zmoz"><span>ビル群</span></a></li><li class="h3 collapse"><a href="#15pt"><span>サビ～後半</span></a></li></ol></li><li class="h2 last collapse"><a href="#mak6"><span>おわりに</span></a></li></ol><a aria-controls="toc-list-g6r3" aria-expanded="false" href="#" id="toc-list-g6r3" role="button">目次を開く</a></nav><p>&nbsp;</p><h2 id="tgtg">技術的な話</h2><h3 id="1pkd">『simulacra』を支える技術</h3><p id="vwi0">今回の動画では、「NLP」、いわゆる自然言語処理の知識や技術と、画像認識を行うコンピュータビジョンの技術を多く活用しました。</p><p>&nbsp;</p><div>自然言語処理とは、その名の通りコンピュータ上で自然言語を扱う処理のことを指します。</div><div>&nbsp;</div><div>私はもともと「プログラミング言語処理系」というプログラミング言語を作る技術分野の人間で、大学入学当時より長らく向き合ってきました。「プログラミング言語処理系」はプログラミング言語のために、「自然言語処理」はコンピューターが自然言語を扱うために発展した分野であり、目的はそれぞれ全く異なります。「古典的な」自然言語処理のタスクは、プログラミング言語処理系と似通った計算技術もあり、その所以で自然言語処理に関して興味を持つようになりました。ちなみに大学で取った自然言語処理の単位の成績は89点でした。小テストであと1問正解できていれば秀が取れたのに・・・。</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20260814/17/nocorpus/92/02/j/o4032302415812219328.jpg"><img alt="" height="315" src="https://stat.ameba.jp/user_images/20260814/17/nocorpus/92/02/j/o4032302415812219328.jpg" width="420"></a></div><p>形式言語やオートマトンを扱う分野では、文脈自由文法（Context-Free Grammar）とそれによって生成される文脈自由言語（Context-Free Language）というのを用いることが多いです。文脈と自由、、、、</p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://www.momoyama-usagi.com/entry/info-automaton07" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">うさぎでもわかるオートマトンと言語理論　第07羽　文脈自由文法</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">こんにちは、ももやまです。 今回はオートマトンと言語理論の中でも重要な文脈自由文</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">www.momoyama-usagi.com</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://www.momoyama-usagi.com/wp-content/uploads/2021/05/20190906161600-1.gif" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>&nbsp;</p><div>コンピュータビジョンは、コンピュータ上で画像や動画を扱い、その画像や動画内に対して様々な補正や認識、加工を行う技術を指します。これも高校時代から興味を持っており、OpenCVやNumpyなどのライブラリを用いて、画像処理技術について取り組んできました。また、「古典的な」コンピュータビジョンにおいては、SIFT特徴量やHOG特徴量を通じて、「古典的な」自然言語処理と組み合わせて処理を行うことも多く、付随して勉強をする機会も得ることができました。</div><div>&nbsp;</div><div><div>それぞれ「古典的な」と書きましたが、古典的な技術は、形式的な技術、ルールベースの技術に確率の話を持ち込んで、ある程度の柔軟性を持たせましたという面が大きく、なかなか実用的な処理を行うことはできませんでした。古典的な技術においては、人間が「こうすればいい感じに処理ができるだろう」と、求めらえた解決課題に応じてアルゴリズムを設計する必要があったのです。<span style="color:#7f7f7f;">ちなみにコンピュータの世界では「古典的な」という単語はネガティブな意味はなく、ポジティブに使われる場面のほうが多いです。あしからず。</span></div><div>&nbsp;</div><div>そのため現代ではニューラルネットワークを通した機械学習的な解決方法が本流となっています。ChatGPTやGeminiのような技術はニューラルネットワークを基礎技術としています。</div></div><div>&nbsp;</div><div>ちなみに研究室は自然言語処理についての研究室に決まりました（第一志望で通りました）やったね！</div><div>&nbsp;</div><h4 id="axnk">言語コーパスとtrigram</h4><div><p>本動画の作成にあたっては、言語コーパスを用いてn-gramを算出することから始まりました。言語コーパスとは、主に自然言語処理のタスクのため、大規模に文章を構造化、蓄積したものです。n-gramは、単語を単位として扱うとき、連続するN個の要素の並びとして捉える手法のことを言います。Nが2であれば、2-gramことbigram、Nが3であれば3-gramことtrigramとなります。</p><p>&nbsp;</p><p>n-gramを用いて、確率的にランダムな文字を生成することができます。</p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://clrd.ninjal.ac.jp/guidance.html" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">言語コーパスガイダンス</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">言語コーパスガイダンス 言語コーパスとは何か、どのように役立つか 日本語をはじめ...</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">clrd.ninjal.ac.jp</span></span></span></a></article></div><p>言語コーパスとは</p><p>&nbsp;</p><p>少し具体例を出します。たとえば言語コーパスに次のような単語の並びがあったとします。</p><blockquote><p>東京 メトロ<br>東京 駅<br>東京 都<br>東京 メトロ<br>東京 メトロ</p></blockquote><p data-end="229" data-start="211">すると「東京」の次に来た語を数えて、という回数計算を行います。これがbigramです。</p><blockquote><p data-end="285" data-start="231"><span style="color:#404040;">東京 → メトロ &nbsp;3回<br>東京 → 駅 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1回<br>東京 → 都 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1回</span></p></blockquote><p>&nbsp;</p><p>そしてこのbigramを用いて、確率的に文章を生成することを考えます。</p><p>たとえば「東京」まで生成されたとき、</p><blockquote><p>メトロ &nbsp;60%<br>駅 &nbsp; &nbsp; &nbsp;20%<br>都 &nbsp; &nbsp; &nbsp;20%</p></blockquote><p data-end="472" data-start="462">のようにそれぞれを選択する確率を計算し、それをもとに次に生成する単語を決定します。</p><p data-end="493" data-start="474">&nbsp;</p><p data-end="493" data-start="474">ただしbigramでは少し弱いところがあり</p><blockquote><p data-end="493" data-start="474">東京 メトロ<br>大阪 メトロ<br>メトロ 駅<br>メトロ 社員<br>メトロ 線</p></blockquote><p data-end="493" data-start="474">のとき、「東京」「メトロ」まで生成していた時、「メトロ」という単語があるということしか使わず、「東京」という単語は生成に使わなくなります。そのため、文脈がかなり弱くなってしまうのです。</p><p data-end="493" data-start="474">&nbsp;</p><p data-end="493" data-start="474">対してtrigramでは</p><blockquote><p data-end="493" data-start="474">東京 メトロ 銀座線<br>東京 メトロ 社員<br>東京 メトロ 駅<br>大阪 メトロ 御堂筋線<br>大阪 メトロ 中央線</p></blockquote><p data-end="493" data-start="474">というコーパスがあったとき</p><blockquote><p data-end="493" data-start="474">東京 メトロ → 銀座線 &nbsp;1<br>東京 メトロ → 社員 &nbsp; &nbsp;1<br>東京 メトロ → 駅 &nbsp; &nbsp; &nbsp;1</p></blockquote><p data-end="493" data-start="474">としてそれぞれ集計します。生成するときは</p><blockquote><p data-end="493" data-start="474">東京 メトロ →駅<br>&nbsp; &nbsp; &nbsp;　メトロ　 駅 → 構内<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 　　　　駅 　&nbsp; 構内 → では</p></blockquote><p data-end="493" data-start="474">と、若干考慮する情報量を増やすことができるのです。</p><p data-end="493" data-start="474">&nbsp;</p><p data-end="493" data-start="474">ここからは実際に計算を行っていきます。</p><p data-end="493" data-start="474">&nbsp;</p></div><div class="ogpCard_root"><p><a href="https://dumps.wikimedia.org/jawiki/latest/" rel="noopener noreferrer" target="_blank">https://dumps.wikimedia.org/jawiki/latest/</a></p></div><div class="ogpCard_root">今回用いたwikipedia日本語コーパス</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20260814/02/nocorpus/e3/69/p/o0489059615812050494.png"><img alt="" height="512" src="https://stat.ameba.jp/user_images/20260814/02/nocorpus/e3/69/p/o0489059615812050494.png" width="420"></a></div><div>Wikipediaの日本語コーパスの容量</div><div>Wikipediaの日本語記事、記事の文章だけだと全部合わせても3.85GBしかないらしい</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20260814/03/nocorpus/6f/ee/p/o1020066315812052081.png"><img alt="" height="273" src="https://stat.ameba.jp/user_images/20260814/03/nocorpus/6f/ee/p/o1020066315812052081.png" width="420"></a></div><div>Pythonで頑張って学習</div><div>&nbsp;</div><div><div>生成したn-gramモデルから文章を確率的に生成してみます。</div></div><div><a href="https://stat.ameba.jp/user_images/20260814/02/nocorpus/cb/aa/p/o1721009415812050667.png"><img alt="" contenteditable="inherit" height="94" src="https://stat.ameba.jp/user_images/20260814/02/nocorpus/cb/aa/p/o1721009415812050667.png" width="1721"></a></div><div><div>当初はnを2としたbigram(2-gram)を作成しました。</div>ですがあまりいい感じに生成できなかったので、trigram(3-gram)に切り替えることにしました。</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20260814/02/nocorpus/0b/96/p/o1423094015812050902.png"><img alt="" height="277" src="https://stat.ameba.jp/user_images/20260814/02/nocorpus/0b/96/p/o1423094015812050902.png" width="420"></a></div><div>trigram学習中のディスクアクセス中のグラフ。確率計算を特定ブロックごとに行い、そのブロックごとに計算が終わったらローカルに書き込んでるのでスパイクが起きています。</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20260814/02/nocorpus/33/32/p/o0745065115812050993.png"><img alt="" height="367" src="https://stat.ameba.jp/user_images/20260814/02/nocorpus/33/32/p/o0745065115812050993.png" width="420"></a></div><div>空間計算量も時間計算量もやばい！</div><div>&nbsp;</div><div>今回は、生成時に、weight^(1.0 / temperature)という数式を入れて若干確率分布を変化させました。頻度の高い候補をほんの少し引き当てやすくするようにしています。</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20260814/02/nocorpus/54/84/p/o1091019415812051058.png"><img alt="" contenteditable="inherit" height="194" src="https://stat.ameba.jp/user_images/20260814/02/nocorpus/54/84/p/o1091019415812051058.png" width="1091"></a></div><div>いい感じに生成できるようになりました。</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20260815/04/nocorpus/59/32/p/o1442125015812365463.png"><img alt="" height="364" src="https://stat.ameba.jp/user_images/20260815/04/nocorpus/59/32/p/o1442125015812365463.png" width="420"></a></div><div>これを与えた文章を先頭から1文字ずつ計算することで、徐々に放送文面が出現する表現を作ることができます。</div><div>今回のこの動画では、この確率的な文章生成が大きな役割を果たします。</div><h4 id="11pf">Transformerによる自然言語処理</h4><p>とはいえ、前項のtrigramからの文字列生成はあまりにも意味が通じません。後述すると思いますが、テーマとして「情報の進化」というのがありますから、ある程度日本語として意味が通じそうな生成も行いたいと考えました。そこでTransformerという自然言語処理の技術を用いて、少し日本語として通じそうな言語生成の技術も活用することにしました。Transformerは、実際にChatGPTなどにも用いられている、ニューラルネットワーク、深層学習を用いた言語生成技術です。</p><p>&nbsp;</p><p data-end="513" data-start="501"><a href="https://stat.ameba.jp/user_images/20260814/03/nocorpus/54/e0/p/o1097024615812053582.png"><img alt="" contenteditable="inherit" height="246" src="https://stat.ameba.jp/user_images/20260814/03/nocorpus/54/e0/p/o1097024615812053582.png" width="1097"></a></p><p data-end="513" data-start="501">Transformerを用いた生成は、trigramによる生成と比べて少し文脈がありそうな文章を生成することができます。</p><p>&nbsp;</p><p>Transformerについて深く解説すると、普通に大学の2単位ぐらいになってしまいそうなので、ほんの少しだけ解説します。</p><p>&nbsp;</p><p>たとえば「私は電車に」という入力があったとします。</p><p>このとき「私は」「電車 」「に」のように単語単位で分解でき、それぞれの単語はTransformerを通ることで、数百個の数値からなるベクトルに変換されます。</p><p>たとえば簡略化してHidden State（各トークンの文脈を反映した内部表現）が4次元だとすると、</p><blockquote><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 　　隠れ次元<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 　1 &nbsp; &nbsp; &nbsp;2 &nbsp; &nbsp; &nbsp;3 &nbsp; &nbsp; &nbsp;4<br>私は　0.8 &nbsp; -0.2 &nbsp; &nbsp;0.4 &nbsp; &nbsp;0.1<br>電車　0.2 &nbsp; &nbsp;0.7 &nbsp; -0.5 &nbsp; &nbsp;0.3<br>に　　-0.1 &nbsp; &nbsp;0.6 &nbsp; &nbsp;0.3 &nbsp; -0.7</p></blockquote><p data-end="513" data-start="501">のような行列になります。そして行列の一番最後の行をもとに、次に現れるであろう単語の確率を計算するのです。</p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://zenn.dev/fuwamoekissaten/articles/4243f0f433abf1" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">Transformers入門: 初心者でもわかる</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">zenn.dev</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://res.cloudinary.com/zenn/image/upload/s--uL-X0MCZ--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Transformers%25E5%2585%25A5%25E9%2596%2580%253A%2520%25E5%2588%259D%25E5%25BF%2583%25E8%2580%2585%25E3%2581%25A7%25E3%2582%2582%25E3%2582%258F%25E3%2581%258B%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:aipracticecafe%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2RjNGFlM2Y2ZWUuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>&nbsp;</p><p>Transformerの入門記事</p><p id="link-ce2a3098-d8f4-4a47-956c-b6296388fa5d">&nbsp;</p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://manabitimes.jp/math/1371" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">ソフトマックス関数 | 高校数学の美しい物語</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">ソフトマックス関数の定義，性質，および微分係数の導出について解説します。</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">manabitimes.jp</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://res.cloudinary.com/bend/image/upload/f_auto/v1615202968/manabitimes/original/thumbnail/note/1371_4cykwc.png" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>&nbsp;</p><p data-end="513" data-start="501">softmax関数（Transformerでよく用いられる活性化関数の一種）</p><p data-end="513" data-start="501">&nbsp;</p><p data-end="513" data-start="501">そしてこの処理は単語を生成する処理を再帰的に行うため、縦方向に徐々に増えていきます。（厳密な説明ではないのですが、繰り返しをしているということです。再帰的処理とループ処理はお互いに展開できつつもその使用例は若干違ったりするためです）</p><p data-end="513" data-start="501">&nbsp;</p><p data-end="551" data-start="515"><a href="https://stat.ameba.jp/user_images/20260814/03/nocorpus/6a/60/p/o0960054015812053182.png"><img alt="" contenteditable="inherit" height="236" src="https://stat.ameba.jp/user_images/20260814/03/nocorpus/6a/60/p/o0960054015812053182.png" width="420"></a></p><p data-end="551" data-start="515">動画中盤のモザイク状の表現は、これを可視化したものです。</p><p data-end="551" data-start="515">そして、動画内で上記の表現に重なっていた文字は、このアルゴリズムに基づいて、実際に生成されたテキストなのです。</p><p data-end="551" data-start="515">&nbsp;</p><p>要するに、簡易的な生成AIを自作して、その処理過程を可視化しているということです。</p><p>&nbsp;</p><h4 id="e9gu">人物抽出</h4><p>&nbsp;</p><p>画像内から特定の物体を抽出する技術として、YOLO（You Only Look Once）があります。次の画像ように、人物領域をセグメンテーションし、塗りつぶすことができます。</p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://cir.nii.ac.jp/crid/1361981469762665728" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">You Only Look Once: Unified, Real-Time Object Detection | CiNii Research</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">cir.nii.ac.jp</span></span></span></a></article></div><p>&nbsp;</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/03/nocorpus/60/89/p/o1920064115812055102.png"><img alt="" contenteditable="inherit" height="140" src="https://stat.ameba.jp/user_images/20260814/03/nocorpus/60/89/p/o1920064115812055102.png" width="420"></a></p><p>&nbsp;</p><p>あわせて、BLIP（Bootstrapping Language-Image Pre-training）という技術を活用しました。入力する画像について説明する文章（キャプション）を生成する技術のことです。Sora2など、テキストプロンプトから画像や動画を生成する技術が有名ですが、その反対ともいえる存在です。</p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://huggingface.co/docs/transformers/ja/model_doc/blip" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">BLIP · Hugging Face</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">We’re on a journey to advance and democratize artificial intelligence through open source and open science.</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">huggingface.co</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://cdn-thumbnails.huggingface.co/social-thumbnails/docs/transformers/model_doc/blip.png" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>BLIPとは</p><p>&nbsp;</p><p>今回はこの2つの技術を組み合わせて、人物画像の画像データセットからそれぞれキャプションを生成し、また人物画像に対してそのキャプションで埋め尽くす画像を出力するプログラムを開発しました。</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/23/96/p/o0515070915812055300.png"><img alt="" height="578" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/23/96/p/o0515070915812055300.png" width="420"></a></p><p>生成されたキャプションの例</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/4c/9e/p/o1920108015812055352.png"><img alt="" contenteditable="inherit" height="349" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/4c/9e/p/o1920108015812055352.png" width="620"></a></p><p>人物領域をキャプションテキストで埋め尽くした様子。よく見ると「A person・・・」となっています。</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/03/nocorpus/f2/55/p/o1920108015812054437.png"><img alt="" contenteditable="inherit" height="349" src="https://stat.ameba.jp/user_images/20260814/03/nocorpus/f2/55/p/o1920108015812054437.png" width="620"></a></p><p>Three.jsによる人物画像のランダム配置</p><p>&nbsp;</p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://threejs.org/" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;overflow:hidden;width:100%;padding:16px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">Three.js – JavaScript 3D Library</span><span class="ogpCard_url" style="display:flex;align-items:center;margin-top:auto"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px;text-align:left">threejs.org</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://threejs.org/files/share.png" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>&nbsp;</p><p>Three.jsとは</p><p data-end="551" data-start="515">&nbsp;</p><p data-end="551" data-start="515"><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/c4/6b/p/o1920108015812055693.png"><img alt="" contenteditable="inherit" height="349" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/c4/6b/p/o1920108015812055693.png" width="620"></a></p><p data-end="551" data-start="515">途中の「ドアが閉まります」についても同じ技術を用いています。（こちらは輪郭線に対するテキスト配置）</p><div><h3 id="ls3a">六角軸ドリルを支える技術</h3><h3 id="o0lz"><span style="font-size:1em;">――― メディアコンテンツ共有基盤の開発</span></h3><p>&nbsp;</p><p>六角軸ドリルは、ほかの編集後記で述べられているとおり、複数人の作者による共有アカウントです。つまり複数人合同で映像制作に取り組むわけですが、それゆえ頻繁に素材の共有を行う必要があります。それまで、ファイル転送サービスを用いていましたが、その手間や管理に難がありました。<span style="font-size:1em;">Google Driveなどのサブスクリプション型のストレージサービスの契約も検討しましたが、その契約にかかる月ごとの金銭の管理などがあり、選択肢から外れることとなりました。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">これにあたり、六角軸ドリルではオンプレミス（要は自宅に）でファイルサーバーを開発、構築することにしました。</span>技術スタックとしてRuby / Rails API / React / TypeScript / PostgreSQL / Nginx / Certbot / Ubuntu / Cloudflare DNS / Resend / GitHub Actions CI を採用しています。</p><p>&nbsp;</p><p>マルチテナント型のシステムを採用してるので、合作など、プロジェクトごとにテナントを立ち上げることも可能です。いつか下車界隈のデファクトスタンダードになる。たぶん</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/02/nocorpus/f9/c5/p/o1672087515812048919.png"><img alt="" height="220" src="https://stat.ameba.jp/user_images/20260814/02/nocorpus/f9/c5/p/o1672087515812048919.png" width="420"></a></p><p>進捗共有</p><p>&nbsp;</p><p>本システムの構築により、simulacraの制作においても、進捗の共有などに活用することができました（たぶん）。また、すでに3回ほど勉強会等で本システムを構成する技術について登壇を行うこともできています。</p><p>&nbsp;</p><p>関係する登壇テーマ</p><p>・RubyでのLintツールについて</p><p>・NginxでのX-Accel-Redirectを用いた静的ファイル配信手法</p><p>・Nginx内の映像ストリーミング配信の実装</p><h2 id="yk46">simulacraでの表現</h2><p>ここからは、simulacraでの表現や制作過程について述べていきます。</p><h3 id="uskr">全体テーマとサブテーマ</h3><div>&nbsp;</div><div>全体テーマは「情報化社会において、膨大な情報に埋もれるしんどさ」としました。ちなみにこのしんどさのことを、情報過多シンドロームというらしいです。このテーマを実践？するため、作品の完成直前にあたり、実際に自分のSNS（Twitter/Xアカウント）を削除したうえで映像制作に取り組むという大胆な行動も行いまいした。ちなみに消したほうが快適だったので消したままにしています。SNSって実はしんどいものなのかもしれない・・・。</div><div>&nbsp;</div><div>その期間に、動画制作と並行しながら夏目漱石の「こころ」を3日足らずで読破することもできました。高校時代に現代文でこころをやったのですが、当時は一部分のみが教科書に掲載されていたので、全文読んでみたいという気分になったのです。</div><div>&nbsp;</div><p>サブテーマは2つあります。</p><p>&nbsp;</p><p>まず、「初めて上京したときの気持ち」を表現することです。私が初めて東京に行ったのは2022年7月でしたが、その時に感じた東京での「人とモノ、情報の一極集中」に圧倒されました。</p><p>&nbsp;</p><p>ですから、このコメントはかなり的確なものなのです。</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/49/c4/p/o1165076915812057332.png"><img alt="" height="277" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/49/c4/p/o1165076915812057332.png" width="420"></a></p><p>&nbsp;</p><p>夏目漱石のこころには</p><blockquote><p>「別に悪い人間というほどのものもいないようです。大抵田舎者いなかものですから」<br>「田舎者はなぜ悪くないんですか」<br>　私はこの追窮ついきゅうに苦しんだ。しかし先生は私に返事を考えさせる余裕さえ与えなかった。</p></blockquote><p>に続くやりとりがあります。この動画もこの考えに少し影響されているのかもしれません。</p><p>&nbsp;</p><p>次に「言語生成技術の発展」というテーマです。昨今、生成AIの著しい発展によって、社会は大きく変容しました。私はChatGPTが公開される直前の、2022年ごろにその基盤技術たるGPT3モデルの存在を知りましたが、その時は社会がここまで変容することは全く想像することができませんでした。確率的なモデル生成→少し文脈のある言語生成という切り替えを持って、この生成AI技術の発展を表現したかったのです。しかし、動画内で使用するキャプションには、昨今のChatGPTやGeminiのような、実用的な生成AIによって出力されたものは一切使用していません。もはや人間が生成したものと区別がつかないためです。これに関してチューリング・テストという実験があるので気になる人は調べてみてください。</p><h3 id="lvtm">冒頭</h3><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/76/c9/p/o1920108015812057901.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/76/c9/p/o1920108015812057901.png" width="1920"></a></p><p>東京メトロの2駅間の経路が表示されます。個人個人が別々の行動を取っているということを表現しています。</p><p>&nbsp;</p><p>それぞれに表示される数値は、1日あたり、2つの駅間を移動する人が何人いるかを東京メトロの駅の組み合わせすべてで概算しています。</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/05/nocorpus/dc/a6/p/o0632076215812061143.png"><img alt="" height="506" src="https://stat.ameba.jp/user_images/20260814/05/nocorpus/dc/a6/p/o0632076215812061143.png" width="420"></a></p><p>下位の計算結果</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/05/nocorpus/de/c7/p/o0338073815812061144.png"><img alt="" height="738" src="https://stat.ameba.jp/user_images/20260814/05/nocorpus/de/c7/p/o0338073815812061144.png" width="338"></a></p><p>上位の計算結果</p><p>&nbsp;</p><p>西ヶ原~原木中山を移動する人は少なく、新宿~渋谷を移動する人は多いというシミュレーション結果が出ました。ある程度直感通りの結果かもしれません。（かなり雑なシミュレーションなので、あてにはしないでくださいね）</p><p>&nbsp;</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/6c/1b/p/o1920108015812057902.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/6c/1b/p/o1920108015812057902.png" width="1920"></a></p><p>東京メトロの駅に対してボロノイ分割した地域の時間別滞在人口を、メッシュ別人口と、その駅の利用者数をもとにシミュレーションした結果を可視化しています（ただしこれも厳密な計算ではないです）。明るさは、その地域との最低人口状態と比べて、今どれだけ人口が多いかということを表しています。これにより、早朝時間帯と夜間時間帯は最低人口と同じになるので、真っ黒になり、日中は流動で最低人口と差が出るので白に近づくという仕掛けです。</p><p>&nbsp;</p><p>地域ごとにそれぞれの特徴（都市の特徴からあらわれる夜間人口の差など）があることを表しています。もともとは数理モデルのライフゲームを着想を得た表現です。</p><h3 id="zmoz">ビル群</h3><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/d0/81/p/o1920108015812057903.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/d0/81/p/o1920108015812057903.png" width="1920"></a></p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/f4/ff/p/o1920108015812057904.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/f4/ff/p/o1920108015812057904.png" width="1920"></a></p><p>ここで今回の最大の要素である、確率的に生成した文章から生まれるビル群が出てきます。</p><p>&nbsp;</p><p>東京にあるたくさんの高層ビルと、あふれる大量の情報を、確率的に生成したテキストで表現します。絶妙に日本語そうで日本語ではない文章に圧倒されます。制作時にはこれを「文字ビル」と呼んでいました。</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260815/03/nocorpus/2f/8e/p/o1730125615812364732.png"><img alt="" height="305" src="https://stat.ameba.jp/user_images/20260815/03/nocorpus/2f/8e/p/o1730125615812364732.png" width="420"></a></p><p>文字ビルと文字電車の制作風景</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/1b/d9/p/o1920108015812057905.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/1b/d9/p/o1920108015812057905.png" width="1920"></a></p><p>その中を電車で移動します。その電車も都市を構成するものであることを表しています。</p><p>&nbsp;</p><p>ここで下からビルを見上げる構図から、上から俯瞰する構図に切り替えています。</p><p>&nbsp;</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/77/7e/p/o1920108015812057906.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/77/7e/p/o1920108015812057906.png" width="1920"></a></p><p>都市の情報量があふれ出してしまいます。</p><p>英文側の元データは、夕暮れ時の新宿の画像をもとに生成させたのですが、画面右下に「night from the・・・」という文が見えるように、おおむねそのキャプションは正しく、適切に生成できていることがわかります。</p><p>&nbsp;</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/64/c4/p/o1920108015812057908.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/64/c4/p/o1920108015812057908.png" width="1920"></a></p><p>都市の情報から逃れるため、情報のトンネル（≒地下）を通ります。しかしそのトンネルも情報で構成されています。情報を守る手法は情報しかないのです。</p><p>&nbsp;</p><p><s style="text-decoration:line-through;">情報のトンネルって、VPNのこと・・・！？</s></p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/25/e1/p/o1920108015812057909.png"><img alt="" contenteditable="inherit" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/25/e1/p/o1920108015812057909.png" width="1920"></a></p><p>地上と地下</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/b3/83/p/o1920108015812057910.png"><img alt="" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/b3/83/p/o1920108015812057910.png" width="1920"></a></p><p>地上と、地下と、それを見通す「俯瞰」「追跡」</p><p>&nbsp;</p><p>広告の最適化などのために行われる「トラッキング」や、時間を無限に消費してしまう「ショート動画」とショート動画がその人にあった動画を無限に推薦し続け、人を好みの情報で埋め尽くすアルゴリズムからなかなか逃れられないことを表しています。</p><p>&nbsp;</p><p>本当にショート動画っていう存在よくないと思う。</p><p>&nbsp;</p><h3 id="15pt">サビ～後半</h3><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/63/97/p/o1920108015812057911.png"><img alt="" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/63/97/p/o1920108015812057911.png" width="1920"></a></p><p>情報があふれ出し、それをなんとか整理をしたい気持ちとの格闘する様子を表しています。少し精度の良いTransformerアルゴリズムで生成した文章を挿入しています。良い文章は苦悩を抱えるときに生まれるという意味合いを持たせました。</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/3f/3f/p/o1920108015812057913.png"><img alt="" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/3f/3f/p/o1920108015812057913.png" width="1920"></a></p><p>難しい。雑念は増えるばかり。</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/64/95/p/o1920108015812057914.png"><img alt="" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/64/95/p/o1920108015812057914.png" width="1920"></a></p><p>そのような環境の中でも、人々は個性を持っていることを、東京メトロカラーで表現しています。</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/ad/76/p/o1920108015812057915.png"><img alt="" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/ad/76/p/o1920108015812057915.png" width="1920"></a></p><p>「たられば」というパラレルワールドが脳内をよぎります。</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20260814/04/nocorpus/67/98/p/o1920108015812057916.png"><img alt="" height="1080" src="https://stat.ameba.jp/user_images/20260814/04/nocorpus/67/98/p/o1920108015812057916.png" width="1920"></a></p><p>&nbsp;</p><p>&nbsp;</p><p>以上が、動画内でのそれぞれの表現のコンセプトです。</p><p>&nbsp;</p><div>情報化社会によって生まれた情報過多を、それを支えたさまざまな情報技術で表現するという、なんとも奇妙な作品として制作しました。</div><h2 id="mak6">おわりに</h2><div>この動画制作への取り組みを通じ、新たな表現の模索と、自然言語処理・コンピュータビジョンに関する知識の習得に取り組むことができました。個人的にはかなり満足がいく動画を制作できたと思います。</div></div>
]]>
</description>
<link>https://ameblo.jp/nocorpus/entry-12975669154.html</link>
<pubDate>Fri, 14 Aug 2026 05:25:47 +0900</pubDate>
</item>
</channel>
</rss>
