mcpField
W
word-aligner

word-aligner

リモート
github.com/tinygodsdev科学・教育51 週間前に更新
リポジトリ

word-aligner について

Word Alignerは、文と訳文の単語を手動で結び、グロスやIPAの行も加えられるウェブツールです。学習者、教師、言語学者向けで、図のエクスポートや共有リンクに対応し、HTTP APIも利用できます。

主な機能

  1. 01複数行の単語を対応付け
  2. 02一対多や交差するリンクを作成
  3. 03グロスとIPAの行を追加
  4. 04RTLと縦書きレイアウトに対応
  5. 05分かち書きと書体を調整
  6. 06図のエクスポートとリンク共有

活用シーン

  1. 01語学レッスンで単語の対応関係を示す
  2. 02言語学のためのグロス付き例文を作成
  3. 03人工言語の翻訳対応を記録
  4. 04APIで対応図を生成して共有

MCP 対応

`https://aligner.tinygods.dev/mcp`のMCPサーバーが`create_word_alignment`ツールを公開します。認証不要のStreamable HTTPで、共有リンクとプレビュー画像を返します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://aligner.tinygods.dev/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

1
パラメーター型必須説明
linesarrayはいテキスト行を上から下の順に指定します。各項目は通常の文字列、または行ごとの表示オプションを含むオブジェクトです。
pairsarrayいいえ特定の隣接する行ペアに適用する個別設定です。
settingsobjectいいえ全体に適用する表示設定です。未設定のフィールドはデフォルトを継承します。
settings.axisenumいいえ図の流れる方向です。"rows"(デフォルト)は行を下向きに積み重ね、縦向きの接続線を使います。"columns" は各行を縦の列として配置し、横向きの接続線を使います。日本語、中国語、モンゴル語向けです。最初の行が最左列になります。rows | columns
settings.themeenumいいえUI テーマ(トークンチップの色)。デフォルトは light です。light | dark
settings.paletteenumいいえ接続色のパレット。デフォルトは pastel です。pastel | vivid
settings.lineStyleenumいいえ接続線の形状。デフォルトは curved です。straight | curved
settings.backgroundenumいいえプレビューの背景。デフォルトは light です。light | dark
settings.lineOpacitynumberいいえ接続線の不透明度。デフォルトは 1 です。
settings.showNumbersbooleanいいえ行番号を表示します。デフォルトは false です。
settings.lineThicknessnumberいいえ接続線の太さ。デフォルトは 3 です。
settings.tokenMergeCharstringいいえ複数の部分を 1 つのトークンに結合し、スペースを入れて描画する 1 文字です(例:"is+playing")。デフォルトは "+" です。
settings.tokenSplitCharsstringいいえテキストをトークンに分割し、その後削除する文字(空白を除く)です。デフォルトは ".-|" です。ライプツィヒ式グロスでピリオドを保持するには、"-|" に設定してください。
settings.colorTokensByLinkbooleanいいえ単語トークンを接続色で着色します。デフォルトは true です。
alignmentsarrayいいえ単語の整列リンク。形式は [lineA, wordA, lineB, wordB] です(インデックスは 0 始まり、行は隣接している必要があります)。

詳細

Aligner — 単語ごとの翻訳ビジュアライザー

aligner.tinygods.dev

Word Aligner は、積み重ねたテキストの行の間でどの単語がどの単語に対応するかを示す無料のウェブツールです。文とその翻訳を入力または貼り付け、単語をクリックしてから、その上または下の行にある対応する単語をクリックすると、曲線のコネクターで対応関係が描画されます。グロスやIPA用の行を追加したり、図をエクスポートしたり、リンクで共有したりできます。

アカウントも機械翻訳も不要です。リンクはすべて自分で管理できます。授業、SNS の投稿、文法メモ、人工言語のドキュメントに最適です。

「Hello world」とそのフランス語訳の単語を結ぶ様子

用途

  • 語学学習者 — 翻訳がそのようになっている理由を正確に確認できます。どの原文の単語がどの訳文の単語になったか、省略された単語は何か、語順がどこで変わったかがわかります。
  • 教師 — 配布資料、スライド、フラッシュカードを作成できます。きれいな PNG や SVG をエクスポートして、入力し直さずに授業で使えます。
  • 言語学者 — 形態素の対応付け、格・一致のタグ、自由訳を含む Leipzig 形式のグロス付きテキストを作成できます。
  • 人工言語の制作者 — カスタムの文字フォント、グロス行、IPA を使って、人工言語が英語にどう対応するかを示せます。

機能

  • 複数行の対応付け — 必要なだけ行(原文、翻訳、グロス、IPA)を積み重ねられます。リンクは上下に隣接する行を結びます。
  • 単語の手動リンク — 単語をクリックしてから、その対応語をクリックします。1 対多や多対 1 のリンク、語順を入れ替えた翻訳に対応する自由に交差するコネクターをサポートしています。
  • グロスと IPA の行 — 任意の行の上または下に注釈の段を追加できます。
  • 右から左に書く文字体系 — ヘブライ語、アラビア語、LTR と RTL が混在するレイアウトに対応しています。
  • 縦書きの文字体系 — 図全体を列として表示し、日本語の縦書き、中国語、伝統的なモンゴル文字に対応します。文字を積み重ねるか、行を回転させるかを行ごとに選べるため、横書きの翻訳も横に並べて読みやすく表示できます。
  • トークン分割の制御 — テキストを単語ボックスに分割する方法を選べます(文字単位の分割、固定表現用の結合マーカー、任意の句読点処理)。
  • 行ごとの組版設定 — 行ごとにフォント、サイズ、間隔、方向を設定できます。カスタムフォントと Google Fonts に対応しています。
  • エクスポート — PNG、SVG、PDF、自己完結型 HTML ファイルに対応しています。カスタムフォントの字形処理を含め、エクスポート結果はプレビューと一致します。
  • 共有可能な URL — 対応付け全体(テキスト、リンク、表示設定)が ?data= リンクにエンコードされます。

例

二言語の組み合わせ、IPA 付きトルコ語のグロス付きテキスト、RTL 文字体系、日本語の縦書きと伝統的なモンゴル文字、タガログ語の複合語、日本語・中国語・英語の語順、その他のグロス付きテキストなど、すぐに使える例を aligner.tinygods.dev/examples でご覧ください。例を開いて、エディターで自由に編集できます。

グロス、IPA、コネクターを含むトルコ語のグロス付きテキストのプレビュー

カスタムの文字フォントとグロス付きテキストを使った人工言語の例

使い方

行エディターで行を編集し、プレビューで単語をリンクします。

積み重ねた行と単語分割の概要を表示する Aligner の行エディター

設定で色、トークン分割、フォントを調整し、エクスポートまたは共有します。

PNG、SVG、PDF、HTML のエクスポートオプション

単語の対応付け、グロス付きテキスト、対訳テキストの違い

  • グロス付き翻訳では、原文の各単語のすぐ下にグロスを配置します。コンパクトですが、語順の入れ替わりはわかりにくくなります。Aligner では両方の文をそれぞれ独立した行に配置してコネクターで結ぶため、語順の入れ替え、分割、統合がひと目でわかります。
  • 対訳テキストは、長文をじっくり読むための、二言語のテキストを横に並べる形式です。Aligner は一度に 1 組の文に焦点を当て、どのトークンが対応するかを明示するコネクターを表示します。

API

Word Aligner には、アラインメントリンクをプログラムから生成できる無料の HTTP API があります。

POST https://aligner.tinygods.dev/api/align
Content-Type: application/json

{
  "lines": ["Hello world", "Bonjour le monde"],
  "alignments": [[0, 0, 1, 0], [0, 1, 1, 2]]
}

{ "url": "https://aligner.tinygods.dev/?data=..." } を返します。

行ごとのオプション(フォント、サイズ、RTL)、全体の表示設定(パレット、線のスタイル、背景)、ペア単位の間隔調整、コネクターを選択できる複数行のスタックに対応しています。

AI エージェントのツールとして Word Aligner を使う

word-aligner-skill/ ディレクトリには、AI アシスタント(Claude、ChatGPT など)に API の使い方を教える、すぐにインストールできるスキルが用意されています。インストールすると、次のようなワークフローが可能になります。

「я хочу спать」を英語に翻訳して、単語のアラインメントを表示してください。

エージェントが翻訳して API を呼び出し、共有可能なリンクを返します。

  • Claude の場合: Claude プロジェクトにこのリポジトリを指定するか、word-aligner-skill/SKILL.md の内容をカスタム指示として追加します。
  • ChatGPT の場合: word-aligner-skill/ を zip にして、カスタムスキルとしてアップロードします。

インストール手順とダウンロード可能なアーカイブも、サイトにあります:aligner.tinygods.dev/skill。

MCP サーバー

https://aligner.tinygods.dev/mcp には、単一の create_word_alignment ツールを公開する MCP サーバーもあります。共有可能なリンクとプレビュー画像を返し、認証なしで Streamable HTTP を使って同じアプリ内で動作します。Claude で接続するには、次のようにします。

claude mcp add --transport http word-aligner https://aligner.tinygods.dev/mcp

ChatGPT Developer Mode の設定方法とツールのスキーマについては、docs/mcp-server.md をご覧ください。

詳細情報

Dani Polani が作成しました。ほかの言語学・人工言語作成向けツールもご覧ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。