アクセシビリティイベントでリアルタイム文字起こしやってみた：UDトーク活用レポート

:::note info
この記事は [クラウドワークス グループ Advent Calendar 2024](https://qiita.com/advent-calendar/2024/crowdworks) シリーズ3の22日目の記事です。
:::

今年11月、SmartHRさんとクラウドワークス共同でアクセシビリティイベント「[クラウドワークス×SmartHR『出張！俺の仕事探し』〜クラウドワークスをアクセシビリティチェック〜](https://smarthr.connpass.com/event/334412/)」を開催しました。このイベントでは弱視の特性のあるテスターの方にクラウドワークスのサービスサイトをチェックしていただきました。YouTubeにアーカイブがありますのでぜひご覧ください。

<iframe width="560" height="315" src="https://www.youtube.com/embed/elJkx92N-uQ?si=PzqAf2QsZjK7UNyr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

このイベントでは、UDトークというアプリを使ってリアルタイムの文字起こしを提供しました。この記事では、イベントの準備でやったことや気づいたことを紹介します。

## UDトークって何？

[UDトーク](https://udtalk.jp)は話している内容をリアルタイムで文字に起こして表示するアプリです。今回のイベントではこのツールを使って登壇者の発言を文字起こしし、オンライン・オフラインの参加者に向けて提供しました。自動文字起こしは誤認識もあるので、その場で修正する作業もリアルタイムで行いました。

### オンライン向け

UDトークの機能で文字起こしをWeb上に公開しました。次のスクリーンショットはUDトークのWeb公開ページです。

![UDトークのWeb公開ページのスクリーンショット。画面は黒背景に白文字で構成され、漢字にはふりがながつけられている。画面上部には『クラウドワークス×SmartHR「出張！俺の仕事探し」』とイベント名が表示されている。次の文章が表示されている：まず、株式会社クラウドワークスは、ミッションに個のためのインフラになる、ビジョンに人とテクノロジーが調和する未来を創り市この幸せと社会の発展に貢献するを掲げて、います。インフラとして、あらゆる価値を届ける状態を目指していくためには、ある人の状態状況人とか状況のためにプロダクトとかコンテンツをアクセスしやすい状態にしていくことが望ましいんじゃないかなというふうに個人的に思ってます。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/189350/135f8dcb-637e-3d10-888b-e82b8333e3a7.png)


### オフライン向け

会場のサブモニターで文字起こしを表示しました。次の写真は実際にアクセシビリティイベントでUDトークを使用している様子です。

![写真：アクセシビリティイベント会場の様子。中央のスクリーンにはクラウドワークスのスライドが投影されており、右側の小型モニターにはUDトークによるリアルタイム字幕が表示されています。参加者が椅子に座り、講演を見守っている。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/189350/4e010ebb-6d9e-fc84-458f-ac25b1536aac.jpeg)

## 準備したこと

イベント前に準備したことを紹介します。

### 1. アプリの使い方を調べる

UDトークや関連アプリの使い方を調べました。公式のYouTubeチャンネルを見て学び、最新の情報を把握しました。
[UDトークの使い方動画 - Shamrock Records株式会社](https://www.youtube.com/watch?v=VTyBvfpTcio&list=PLxPn8858RXSMkmx-3uCmabGm0CWi2EtFb)

### 2. アプリをインストール&設定

関連するアプリをスマートフォンにインストールし、それぞれ設定をしました。

* UDトーク
    * トークメニュー
        * マイクモード：超近くの声
        * 日本語の音声認識エンジン: AmiVoice 編集用
    * 設定
        * 単語登録アカウント（後述）でログイン
* UDコネクト
    * イベント用トークを事前に作成
    * ウェブの公開URLを発行
    * 編集するための招待URLを発行
* もどレコ
    * マイクの接続設定

### 3. 単語登録

[UDトークには単語登録機能があります](https://words.udtalk.jp)。SmartHRのますぴーさん（[@masuP9](https://x.com/masuP9)）に教えていただき、登壇者の名前やサービス名をあらかじめ単語登録しました。この一手間で誤認識の割合がグッと下がり、修正の手間が減ります。
単語データをチーム共同で作成した後、tsv形式でダウンロードしたファイルを単語登録のページにてアップロードしました。単語登録に使ったアカウントと同じアカウントでUDトーク側もログインしておけば、読みに応じて登録した表記が自動出力されます。

次の写真はUDトークの単語登録データの一部と、単語登録のファイルアップロードページのスクリーンショットです。

![Googleスプレッドシートのスクリーンショット。単語とその読み仮名がそれぞれ別の列に記載されている。内容には、イベントで使用された登壇者の名前やサービス名、関連する言葉が含まれている。例えば、単語の列には 'SmartHR' や 'masuP9'、読み仮名の列には 'すまーとえいちあーる' や 'ますぴー' といった記載が見られる。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/189350/f23974fc-77f0-938f-3ed3-c9a04f261964.png)

![UDトーク単語登録のファイルアップロードページ。TSVファイルを選択し、'追加時に有効にする' のチェックボックスをオンにして '追加' ボタンをクリックするインターフェース。下部には登録済み単語をダウンロードするための入力欄と '出力' ボタンが配置されている。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/189350/01e7e9b6-db5f-226b-69a5-358dd773f053.png)

### 4. 音響機材の準備

UDトークのアプリをインストールしたスマートフォンを会場のミキサーに接続して音声認識の精度を上げました。
参考リンク: [iRig2を使った音響設備との接続方法 - UDトーク](https://teachme.jp/27228/manuals/1163730)

#### 用意した機材

* iPhone
    * 最新のUDトークアプリをインストール済み
    * Android版のUDトークアプリもあります
* iRig2
* イヤホンジャック変換アダプタ（iPhoneとiRig2を接続するため）

### 5. 文字起こしページへのアクセス経路を展開

参加者が文字起こしページにアクセスしやすいように、スライドにQRコードを挿入しました。また、YouTubeの概要欄やconnpassの配信情報にも公開URLを載せ、スライドを見逃してもアクセスできるようにしました。

![リアルタイム字幕について説明したスライド。左側には『リアルタイム字幕について』という見出しとともに以下の説明文が記載されています：『このイベントでは音声認識によるリアルタイム字幕を提供しています。QRコードを読み込んでお手元のスマホ・PCからご覧いただけます。（このスライドを見逃しても同じURLをconnpass・YouTubeにも掲載しています）音声認識および字幕の提供にはUDトークを使用しています。』右側には、マスキングされたQRコードが表示され、その下に『リアルタイム字幕の公開ページ』と書かれています。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/189350/31e27c4d-4723-5734-5754-069686a8e86d.jpeg)


### 6. 誤認識の編集チームを編成

当日の誤認識の修正をスムーズに行うため、修正担当のメンバーを3人集めました。全員が過去にUDトークを使った経験があり、安心してお任せすることができました。

## イベント当日の気づき

### 修正メンバーは3人が適正

修正担当者を3人にしたのは大正解で、修正が間に合わないことはほとんどありませんでした。もし2人で対応していたら、1人あたりの負担が大きくなり、よっぽど慣れている人か長時間集中し続けられる人でないと難しかったと思います。

### 会場で聞こえる音の書き起こしの重要さ

修正メンバーの1人が、会場の雰囲気を伝えるために（笑い声）などの音声を字幕として書き起こしていました。情報保障の観点からも必要な取り組みだと感じたので、次回があればぜひ取り入れたいと思います。

### 配信音声を確認しながら文字起こしを修正する

会場では小さすぎて聞こえない声や小声の発言がマイクに拾われる場合があり、その対応が難しい場面がありました。自動文字起こしには何らかの文字が表示されますが、「今なんて言った？」と修正に手間取ることもありました。YouTubeの音声を聞きながら文字起こしを修正することで解消できると分かったので、次回は最初から準備を整えておきたいです。

## 感想

イベントでのリアルタイム文字起こしは、やってよかったと思います。これまで社内イベントでしかUDトークを使ったことがなかったため不安もありましたが、たくさんの方に協力いただいたおかげで「できる」という自信を得ることができました。今後もイベントがあれば、この経験を活かしていきたいと思います。

アクセシビリティイベントという場だったこともあり、「完璧ではないかもしれないけれど、できる限り情報保障をしたい」という気持ちで取り組みました。参加者から「文字起こしが必要」という要望は特にはなかったものの、当事者がわざわざ要望しなくても当たり前に情報が提供される環境を作っていきたいと考えています。

この取り組みやこの記事がきっかけとなり、UDトークの活用に挑戦する人が増えたら嬉しいです。

## 関連記事の紹介

今年のアドベントカレンダーにはこのイベントに関連する記事が他にも掲載されていますので、ぜひそちらもご覧ください。

主催したのまさん [@haribooooom](https://x.com/haribooooom) の記事

* イベント内容について：[クラウドワークス×SmartHR「出張！俺の仕事探し」〜クラウドワークスをアクセシビリティチェック レポート #smarthr_a11y](https://note.com/haribom/n/n20ae3ecbefd2)
* イベントの運営について：[クラウドワークス×SmartHR「出張！俺の仕事探し」〜クラウドワークスをアクセシビリティチェックの裏側 ~何より準備・仲間づくり~ #smarthr_a11y](https://note.com/haribom/n/nd3fd41e9ea84)

配信担当の @le_blau さんの記事

* イベント配信について：[アクセシビリティイベント配信の舞台裏 〜複数の映像・音声を活用した配信設計〜](https://qiita.com/le_blau/items/4fb6b826b9b92c405cd3)
    * UDトークについても触れています