<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>コード |</title><link>https://clementgodbarge.com/ja/code/</link><atom:link href="https://clementgodbarge.com/ja/code/index.xml" rel="self" type="application/rss+xml"/><description>コード</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>ja-jp</language><image><url>https://clementgodbarge.com/media/icon_hu_64a6c3bec25b3d7b.png</url><title>コード</title><link>https://clementgodbarge.com/ja/code/</link></image><item><title>tei-mcp</title><link>https://clementgodbarge.com/ja/code/tei-mcp/</link><pubDate>Sun, 15 Mar 2026 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/ja/code/tei-mcp/</guid><description>&lt;h2 id="tei-mcpaiエージェントのためのtei-p5"&gt;tei-mcp：AIエージェントのためのTEI P5&lt;/h2&gt;
&lt;p&gt;tei-mcpは、AIコーディングアシスタントが
仕様を直接引けるようにする、オープンソースの
サーバーです。記憶した訓練データ――もっともらしくて誤ったマークアップの温床です――に頼る代わりに、AIはその場で仕様に問い合わせられます。&lt;/p&gt;
&lt;h2 id="機能"&gt;機能&lt;/h2&gt;
&lt;p&gt;サーバーはTEI P5のODDを解析し、16のツールを公開します。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;要素、クラス、マクロ、モジュールを名前で&lt;strong&gt;検索&lt;/strong&gt;。大文字小文字は区別せず、綴り間違いには候補を提示&lt;/li&gt;
&lt;li&gt;TEIのクラス階層全体で&lt;strong&gt;属性を解決&lt;/strong&gt;（ローカル＋継承）&lt;/li&gt;
&lt;li&gt;クラスとマクロを解決しながら、&lt;strong&gt;内容モデルを展開&lt;/strong&gt;して構造化された木に&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;入れ子を検証&lt;/strong&gt;――直接の親子関係、または経路を追跡した再帰的な到達可能性&lt;/li&gt;
&lt;li&gt;TEI P5に照らして&lt;strong&gt;文書を検証&lt;/strong&gt;：内容モデル、属性、閉じた値リスト、参照の整合性、非推奨警告&lt;/li&gt;
&lt;li&gt;漸進的な編集ワークフロー向けに&lt;strong&gt;単一要素を検証&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ODDカスタマイズを読み込み&lt;/strong&gt;、スキーマをプロジェクト固有のサブセットに絞り込み&lt;/li&gt;
&lt;li&gt;正規表現で、あらゆるエンティティ型を横断して&lt;strong&gt;検索&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="インストール"&gt;インストール&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;pip install tei-mcp
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;または、次のコマンドで直接実行します。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;uvx tei-mcp
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="使い方"&gt;使い方&lt;/h2&gt;
&lt;p&gt;MCP互換のクライアント（Claude、Cursor、Windsurfなど）に追加します。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-json" data-lang="json"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;mcpServers&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;tei&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;command&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;uvx&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;args&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;tei-mcp&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;ソースコードとドキュメントは
にあります。&lt;/p&gt;</description></item><item><title>Multi-Saxon</title><link>https://clementgodbarge.com/ja/code/multi-saxon/</link><pubDate>Fri, 28 Mar 2025 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/ja/code/multi-saxon/</guid><description>&lt;h2 id="multi-saxon大規模teiコーパスのための並列xslt処理"&gt;Multi-Saxon：大規模TEIコーパスのための並列XSLT処理&lt;/h2&gt;
&lt;p&gt;Multi-Saxonは、LXML（広く使われているPythonのXMLライブラリ）では扱えないXSLT 2.0および3.0の変換を並列に実行できるようにし、XML処理ツールの重大な空白を埋めます。XML TEI文書の大規模なコレクションに的を絞って設計されており、効率のよい並列実行で処理時間を大幅に縮めます。&lt;/p&gt;
&lt;h2 id="主な機能"&gt;主な機能&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;高度なXSLT対応&lt;/strong&gt;：LXMLの手に余るXSLT 2.0および3.0の変換を処理&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;並列処理&lt;/strong&gt;：並列化により、大規模な文書コレクションの変換時間を劇的に短縮&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;TEIに最適化&lt;/strong&gt;：Text Encoding Initiative（TEI）のXML文書に特化して設計&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;スケーラブルな性能&lt;/strong&gt;：数百から数千の文書からなるコーパスを効率よく処理&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;クロスプラットフォーム&lt;/strong&gt;：さまざまなOSや環境で動作&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="multi-saxonが解決する問題"&gt;Multi-Saxonが解決する問題&lt;/h2&gt;
&lt;p&gt;TEIを扱うデジタル・ヒューマニティーズの研究者は、往々にして二つの壁にぶつかります。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;LXML（Pythonでよく使われるXML処理ライブラリ）はXSLT 1.0にしか対応しておらず、XSLT 2.0/3.0の高度な機能が使えない&lt;/li&gt;
&lt;li&gt;TEI文書の大規模なコーパスを一つずつ順に処理すると、途方もない時間がかかる&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Multi-Saxonは、Saxonの高度なXSLT機能を活かしつつ処理を複数のコアに振り分けることで、この両方に対処し、大幅な性能向上を実現します。&lt;/p&gt;
&lt;h2 id="実装"&gt;実装&lt;/h2&gt;
&lt;p&gt;Multi-SaxonはPythonとJavaのSaxonプロセッサを組み合わせ、高性能な変換パイプラインを構成します。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;堅牢なXSLT 2.0/3.0処理にJavaのSaxonライブラリを使用&lt;/li&gt;
&lt;li&gt;マルチプロセッシングにより、利用可能なCPUコアに変換を分散&lt;/li&gt;
&lt;li&gt;スループットを最大化するようプロセッサプールを効率よく管理&lt;/li&gt;
&lt;li&gt;TEI文書をバッチ処理するための簡潔なインターフェースを提供&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="使用例"&gt;使用例&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;multi_saxon&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;MultiSaxon&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# Initialize with your XSLT stylesheet&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="n"&gt;transformer&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;MultiSaxon&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;transform.xsl&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# Transform a single document&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="n"&gt;transformer&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;transform&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;input.xml&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;output.xml&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# Transform an entire directory in parallel&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="n"&gt;transformer&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;transform_directory&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;input_dir&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;output_dir&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="デジタルヒューマニティーズへのインパクト"&gt;デジタル・ヒューマニティーズへのインパクト&lt;/h2&gt;
&lt;p&gt;大規模なTEI文書コレクションを扱うデジタル・ヒューマニティーズのプロジェクトにとって、Multi-Saxonは次のことを可能にします。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;LXMLでは不可能な、コーパス全体にわたる複雑な変換&lt;/li&gt;
&lt;li&gt;処理時間の劇的な短縮（マルチコア環境では5〜10倍になることも珍しくありません）&lt;/li&gt;
&lt;li&gt;XSLT 2.0/3.0の高度な機能による、より洗練された分析&lt;/li&gt;
&lt;li&gt;文書コレクション全体を処理するワークフローの簡素化&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;ソースコードとドキュメントは
にあります。&lt;/p&gt;</description></item><item><title>persNamer</title><link>https://clementgodbarge.com/ja/code/persnamer/</link><pubDate>Fri, 28 Mar 2025 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/ja/code/persnamer/</guid><description>&lt;h2 id="persnamerteiをバーチャル国際典拠ファイルにつなぐ"&gt;persNamer：TEIをバーチャル国際典拠ファイルにつなぐ&lt;/h2&gt;
&lt;p&gt;
&lt;/p&gt;
&lt;p&gt;persNamerは、VIAF（バーチャル国際典拠ファイル）の典拠データをTEI XML文書に取り込む作業を効率化する、専用のPythonツールです。VIAF識別子をそのまま使えるTEIマークアップに変換することで、デジタル校訂版のための構造化された人物エントリを作る手作業を大きく減らします。&lt;/p&gt;
&lt;h2 id="teiにおける典拠管理の難しさ"&gt;TEIにおける典拠管理の難しさ&lt;/h2&gt;
&lt;p&gt;デジタル校訂版では、標準化された名前や生没年を含め、歴史上の人物を正確に同定することがしばしば求められます。プロジェクト全体で典拠管理を一貫させるには、次の手順が要ります。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;歴史的テキストの中の人物を同定する&lt;/li&gt;
&lt;li&gt;その人物についての典拠データを探す&lt;/li&gt;
&lt;li&gt;正しく整形されたTEIエントリを作る&lt;/li&gt;
&lt;li&gt;プロジェクト全体で参照を一貫させる&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;これらの手順はふつう手作業で、時間がかかり、不整合も起こりがちです。&lt;/p&gt;
&lt;h2 id="persnamerの仕組み"&gt;persNamerの仕組み&lt;/h2&gt;
&lt;p&gt;persNamerは、次の手順でこのワークフローを自動化します。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;VIAFデータの取得&lt;/strong&gt;：VIAF識別子を受け取ると、HTTPコンテントネゴシエーションでRDFデータを取得します&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;主要情報の抽出&lt;/strong&gt;：RDFを解析し、優先名、生年月日、没年月日を取り出します&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;TEIマークアップの生成&lt;/strong&gt;：欠かせない二つのXMLスニペットを作ります。
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;典拠ファイルのエントリ&lt;/strong&gt;（生成した&lt;code&gt;xml:id&lt;/code&gt;、&lt;code&gt;&amp;lt;persName&amp;gt;&lt;/code&gt;、&lt;code&gt;&amp;lt;birth&amp;gt;&lt;/code&gt;、&lt;code&gt;&amp;lt;death&amp;gt;&lt;/code&gt;、&lt;code&gt;&amp;lt;idno type=&amp;quot;VIAF&amp;quot;&amp;gt;&lt;/code&gt;をもつ&lt;code&gt;&amp;lt;person&amp;gt;&lt;/code&gt;要素）&lt;/li&gt;
&lt;li&gt;それとは別の&lt;strong&gt;注釈タグ&lt;/strong&gt;（典拠エントリを参照する&lt;code&gt;ref&lt;/code&gt;属性をもつ&lt;code&gt;&amp;lt;persName&amp;gt;&lt;/code&gt;）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;この二つの出力があるおかげで、編集者は典拠ファイルを一元管理しながら、注釈タグをTEIテキストに手軽に挿し込めます。&lt;/p&gt;
&lt;h2 id="主な機能"&gt;主な機能&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;標準化されたID生成&lt;/strong&gt;：&lt;code&gt;pers-[familyname]-[givenname initial]&lt;/code&gt;の形式で一貫したXML IDを生成（例：&lt;code&gt;pers-deteligny-c&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;RDF解析&lt;/strong&gt;：&lt;code&gt;rdflib&lt;/code&gt;を使い、さまざまなRDFプロパティ（&lt;code&gt;rdfs:label&lt;/code&gt;、&lt;code&gt;schema:name&lt;/code&gt;、&lt;code&gt;viaf:mainHead&lt;/code&gt;など）から情報を抽出&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;コマンドラインインターフェース&lt;/strong&gt;：必須引数はVIAF番号だけという手軽さ&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;詳細な出力&lt;/strong&gt;：最終的なXMLとあわせて、処理の経過を詳しく表示&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="使用例"&gt;使用例&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;python persNamer.py &lt;span class="m"&gt;314802260&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;このコマンドの出力は次のとおりです。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-xml" data-lang="xml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;&amp;lt;person&lt;/span&gt; &lt;span class="na"&gt;xml:id=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;pers-deteligny-c&amp;#34;&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;lt;persName&amp;gt;&lt;/span&gt;Charles deTéligny&lt;span class="nt"&gt;&amp;lt;/persName&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;lt;birth&amp;gt;&lt;/span&gt;1535&lt;span class="nt"&gt;&amp;lt;/birth&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;lt;death&amp;gt;&lt;/span&gt;1572-08-24&lt;span class="nt"&gt;&amp;lt;/death&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;lt;idno&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;VIAF&amp;#34;&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;314802260&lt;span class="nt"&gt;&amp;lt;/idno&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;&amp;lt;/person&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;&amp;lt;persName&lt;/span&gt; &lt;span class="na"&gt;ref=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#pers-deteligny-c&amp;#34;&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Charles deTéligny&lt;span class="nt"&gt;&amp;lt;/persName&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="デジタルヒューマニティーズでの用途"&gt;デジタル・ヒューマニティーズでの用途&lt;/h2&gt;
&lt;p&gt;persNamerがとりわけ役立つのは、次のような場面です。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;典拠管理を必要とするデジタル校訂版&lt;/li&gt;
&lt;li&gt;歴史上の人物を扱うTEIエンコーディングのプロジェクト&lt;/li&gt;
&lt;li&gt;文書を典拠レコードに結びつけるリンクトデータの取り組み&lt;/li&gt;
&lt;li&gt;大規模なTEIコーパス全体での一貫性の確保&lt;/li&gt;
&lt;li&gt;デジタル・ヒューマニティーズの授業での、典拠管理という概念の指導&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="実装"&gt;実装&lt;/h2&gt;
&lt;p&gt;persNamerはPythonで書かれており、以下に依存しています。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;HTTPリクエストに&lt;code&gt;requests&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;RDF解析に&lt;code&gt;rdflib&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;XML処理に&lt;code&gt;lxml&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;ソースコードとドキュメントは
にあります。&lt;/p&gt;</description></item><item><title>ITA2電信エミュレータ</title><link>https://clementgodbarge.com/ja/code/baudot-emulator/</link><pubDate>Thu, 13 Feb 2025 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/ja/code/baudot-emulator/</guid><description>&lt;p&gt;このITA2エミュレータは、符号化という抽象的な概念を目に見え、手で触れられるものにする、教室向けの実践的な教材です。文字を打ち込むと、たちどころに穴のパターンに変わる。それを目にするとき、学生はコンピューティングと電気通信の要となる概念をいくつも同時に学んでいることになります。&lt;/p&gt;
&lt;h2 id="教育上の利点"&gt;教育上の利点&lt;/h2&gt;
&lt;p&gt;第一に、二進表現――文字がどうやって1と0の列になるのか――が目の前で示されます。ふだんは抽象的に教えてしまいがちなところですが、実際に穴が穿たれていくのを目にすれば、物理的な仕組みがデジタル情報を担えるのだということが腑に落ちるのです。&lt;/p&gt;
&lt;div class="baudot-emulator"&gt;
&lt;h2&gt;ITA2 (Baudot-Murray) Telegraph Type Emulator&lt;/h2&gt;
&lt;p&gt;Type a word in the input below to see its representation on the ITA2 tape.&lt;/p&gt;
&lt;div class="baudot-controls"&gt;
&lt;label for="baudot-input"&gt;Type word:&lt;/label&gt;
&lt;input id="baudot-input" class="text-input" size="50" maxlength="50" /&gt;
&lt;button type="button" id="baudot-ltr-button" class="control-button active"&gt;LTR&lt;/button&gt;
&lt;button type="button" id="baudot-fig-button" class="control-button"&gt;FIG&lt;/button&gt;
&lt;/div&gt;
&lt;div class="tape-outer-container"&gt;
&lt;div class="tape-container"&gt;
&lt;table&gt;
&lt;tbody id="baudot-tape"&gt;&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.baudot-emulator {
--light-color: #f3f4f6;
--dark-color: #1f2937;
--light-alt-color: #e5e7eb;
--dark-alt-color: #374151;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
max-width: 100%;
margin: 2rem 0;
padding: 0;
box-sizing: border-box;
}
.baudot-emulator {
--tape-bg: var(--light-color);
--hole-bg: var(--light-color);
--hole-border: #d1d5db;
--punched-bg: var(--dark-color);
--punched-border: var(--dark-color);
--sprocket-bg: var(--light-color);
--sprocket-border: #9ca3af;
--button-bg: var(--light-color);
--button-bg-active: #d1d5db;
--button-text: var(--dark-color);
--button-border: #d1d5db;
--input-bg: white;
--input-border: #d1d5db;
--input-text: var(--dark-color);
--line-number: #6b7280;
}
html.dark .baudot-emulator,
html[data-theme='dark'] .baudot-emulator,
body.dark .baudot-emulator {
--tape-bg: var(--dark-alt-color);
--hole-bg: var(--dark-alt-color);
--hole-border: #4b5563;
--punched-bg: var(--light-color);
--punched-border: var(--light-color);
--sprocket-bg: var(--dark-alt-color);
--sprocket-border: #9ca3af;
--button-bg: var(--dark-alt-color);
--button-bg-active: #4b5563;
--button-text: var(--light-color);
--button-border: #4b5563;
--input-bg: var(--dark-alt-color);
--input-border: #4b5563;
--input-text: var(--light-color);
--line-number: #9ca3af;
}
.baudot-controls {
margin-bottom: 1.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.baudot-emulator .text-input {
flex: 1;
min-width: 200px;
padding: 0.5rem;
font-size: 1rem;
border: 1px solid var(--input-border);
border-radius: 4px;
background: var(--input-bg);
color: var(--input-text);
}
.baudot-emulator .control-button {
padding: 0.5rem 1rem;
background: var(--button-bg);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
}
.baudot-emulator .control-button.active {
background: var(--button-bg-active);
font-weight: bold;
}
.tape-outer-container {
padding: 0;
margin-bottom: 1.5rem;
border-radius: 4px;
overflow: hidden;
}
.tape-container {
width: 100%;
overflow-x: auto;
background: var(--tape-bg);
padding: 1rem 0.5rem;
}
.baudot-emulator table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
border: none;
}
.baudot-emulator tr {
height: 24px;
border: none;
}
.baudot-emulator td {
border: none;
padding: 0;
}
.baudot-emulator .line-number {
width: 20px;
text-align: center;
color: var(--line-number);
font-size: 0.8rem;
padding: 0 8px 0 0;
font-weight: bold;
}
.baudot-emulator .cell {
position: relative;
width: 20px;
height: 20px;
}
.baudot-emulator .cell-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--hole-bg);
border: 1px solid var(--hole-border);
}
.baudot-emulator .punched .cell-content {
background: var(--punched-bg);
border: 1px solid var(--punched-border);
}
.baudot-emulator .sprocket-hole {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, -50%);
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--sprocket-bg);
border: 1px solid var(--sprocket-border);
z-index: 2;
}
&lt;/style&gt;
&lt;script&gt;
document.addEventListener('DOMContentLoaded', function() {
initBaudotEmulator();
});
function initBaudotEmulator() {
if (!document.getElementById('baudot-input')) return;
const textInput = document.getElementById('baudot-input');
const tape = document.getElementById('baudot-tape');
const ltrButton = document.getElementById('baudot-ltr-button');
const figButton = document.getElementById('baudot-fig-button');
const ita2Code = {
'A': '00011', 'B': '11001', 'C': '01110', 'D': '01001', 'E': '00001',
'F': '01101', 'G': '11010', 'H': '10100', 'I': '00110', 'J': '01011',
'K': '01111', 'L': '10010', 'M': '11100', 'N': '01100', 'O': '11000',
'P': '10110', 'Q': '10111', 'R': '01010', 'S': '00101', 'T': '10000',
'U': '00111', 'V': '11110', 'W': '10011', 'X': '11101', 'Y': '10101',
'Z': '10001',
'1': '00011', '2': '11001', '3': '01110', '4': '01001', '5': '00001',
'6': '01101', '7': '11010', '8': '10100', '9': '01011', '0': '11000',
'-': '00011', '?': '00100', ':': '01010', '(': '11000', ')': '11101',
'.': '01000', ',': '00010', "'": '10001', '=': '01111', '/': '10011',
'+': '11011', ' ': '00100',
'FIG': '11011', 'LTR': '11111',
};
function generateTape() {
let rows = '';
for (let row = 0; row &lt; 5; row++) {
rows += '&lt;tr&gt;';
rows += `&lt;td class="line-number"&gt;${row + 1}&lt;/td&gt;`;
for (let col = 0; col &lt; 50; col++) {
rows += `&lt;td id="baudot_${row}_${col}" class="cell unpunched"&gt;
&lt;div class="cell-content"&gt;&lt;/div&gt;
${row === 2 ? '&lt;div class="sprocket-hole"&gt;&lt;/div&gt;' : ''}
&lt;/td&gt;`;
}
rows += '&lt;/tr&gt;';
}
tape.innerHTML = rows;
}
function updateITA2Code(word) {
clearTape();
word = word.toUpperCase();
let tapePosition = 0;
let currentCharType = 'LTR';
ltrButton.classList.add('active');
figButton.classList.remove('active');
for (let i = 0; i &lt; word.length; i++) {
const char = word[i];
let code = ita2Code[char] || ita2Code[' '];
let requiredCharType = /[A-Z ]/.test(char) ? 'LTR' : 'FIG';
if (requiredCharType !== currentCharType) {
const shiftCode = requiredCharType === 'LTR' ? ita2Code['LTR'] : ita2Code['FIG'];
punchTape(shiftCode, tapePosition++);
currentCharType = requiredCharType;
ltrButton.classList.toggle('active', currentCharType === 'LTR');
figButton.classList.toggle('active', currentCharType === 'FIG');
}
punchTape(code, tapePosition++);
}
}
function punchTape(code, tapePosition) {
if (tapePosition &gt;= 50) return;
for (let bit = 0; bit &lt; 5; bit++) {
const cell = document.getElementById(`baudot_${bit}_${tapePosition}`);
if (cell) {
cell.className = code[bit] === '1' ? 'cell punched' : 'cell unpunched';
}
}
}
function clearTape() {
for (let i = 0; i &lt; 50; i++) {
for (let bit = 0; bit &lt; 5; bit++) {
const cell = document.getElementById(`baudot_${bit}_${i}`);
if (cell) {
cell.className = 'cell unpunched';
}
}
}
}
generateTape();
textInput.addEventListener('input', function() {
updateITA2Code(this.value);
});
ltrButton.addEventListener('click', function() {
this.classList.add('active');
figButton.classList.remove('active');
if (textInput.value) {
updateITA2Code(textInput.value);
}
});
figButton.addEventListener('click', function() {
this.classList.add('active');
ltrButton.classList.remove('active');
if (textInput.value) {
updateITA2Code(textInput.value);
}
});
if (textInput.value) {
updateITA2Code(textInput.value);
}
}
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;LETTERS／FIGURESのシフト機構は、状態機械の考え方を無理なく導入してくれます。いじっているうちに、同じパターンがモード次第で別の文字を表すことに、学生は自分で気づきます。状態に依存する符号化をこうして身体で覚えておくことが、より複雑な概念への地ならしになるのです。&lt;/p&gt;
&lt;h2 id="実装について"&gt;実装について&lt;/h2&gt;
&lt;p&gt;エミュレータはJavaScriptとHTML/CSSで書かれており、どんなウェブページにも簡単に埋め込めます。コードはモジュール化してあるので、授業の場面に応じて手を加えられます。&lt;/p&gt;
&lt;p&gt;ソースコードの閲覧と試用は、
から。&lt;/p&gt;</description></item></channel></rss>