シーン 1
「翻訳ファイル」がないOSSを、どうやって日本語化するか知ってる?
Kurage VTuber looking surprised at a computer screen with complex code., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 2
今回挑むのは書類管理OSS「Docspell」。これ、翻訳ファイルを作るだけじゃ解決できないんだ。
A software architecture diagram showing Docspell logo and 'No Translation File' icon., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 3
なぜなら画面がElmで書かれていて、言葉がプログラムの中に直接書き込まれているから!
Close up of source code with text embedded inside functions., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 4
全部で1,056語。これを手動で直すのは無理。だから「自動生成」で挑むよ。
A robot arm typing very fast on a keyboard to generate code., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 5
ステップ1は抽出。159ファイルから英語の定義を機械的に抜き出したんだ。
Data being extracted from many files into a single list., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 6
ステップ2は翻訳。ローカルLLM「gemma4」を使って、業務に最適な自然な日本語に変換!
AI brain processing English text into Japanese characters., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 7
そして最重要ステップ3。英語の構造をコピーしつつ、文字だけを日本語に変えるスクリプトを自作したよ。
A script running and duplicating code structures with Japanese text., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 8
Elmは型に厳しいから、1文字でも間違えたらビルドが通らない。でもこの方法で完璧に通った!
A green check mark appearing over a successful compilation screen., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 9
結果、4.5MBのアプリ本体に「受信」「送信」といった正しい日本語が組み込まれたよ。
A finished app interface showing Japanese buttons and menus., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 10
注意点!Elmが通っても、tailwindcssの設定を忘れるとスタイルが崩れて落ちるから気をつけて。
Warning sign next to a broken website layout., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 11
導入のコツは「メール取り込み」の設計。ここを曖昧にすると、同じ書類が二重に入るから注意!
Email icons flowing into a folder with a 'Duplicate' warning., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 12
バックアップも重要。Solrの索引は再作成できるけど、DBと実体ファイルは絶対に守らなきゃね。
Database and file icons being backed up to a cloud., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 13
結論。翻訳ファイルがなくても、自動生成を駆使すれば日本語化は可能!
Kurage VTuber giving a thumbs up with 'Success' text., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 14
詳しい手順や生成スクリプトは、リポジトリで公開してるからチェックしてみてね!
GitHub repository page showing the docspell-jp project., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 15
技術を実践知に変える。詳細は概要欄から見てね!
Kurage VTuber waving goodbye with a link icon., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift