成果物
経緯
下記のツイートを見たのがきっかけです。
実際自分で試してみると思った以上に高性能に添削してくれて感動しました。
ただ翻訳する度に日 → 英 → 日とコピペするのが面倒だったのでサービス化しました。
DeepL を使って日本語を英語に翻訳し、それを日本語に再翻訳することで日本語の表現をきれいに見せるというライフハックを聞いて感動しました。
— 村上智之 働き方のデジタルシフト (@GreenGreenMidor) September 20, 2021
これは上手く使ったら生産性爆上がりなのではないか？以下がこの文の作成に使ってみた例。崩壊気味の文章に秩序が生まれている… pic.twitter.com/vyD00Xuue2
使い方
左のテキストエリアに校正した文章をいれて、中央にあるボタンを押すだけです！
かっちりした文章よりかは砕けた文章の方が精度が高い気がするので、ラフに書いてみて下さい！
ユースケース
自分の使い方としてはクライアントに送るメール, Slack 投稿前に添削をする、のような使い方をしています。
テレワーク中心の世の中なのでテキスト主体のコミュニケーションがより重要性を増す中、伝わらない文章を撲滅するのに一役買ってるような気がしています(国語力の低い自分の場合)
若干それますが伝わらないテキストは大体が主語がない、助詞が抜けているに起因してる気もしています。
構成
フロントエンド: Next.js
ホスティング & Serverless: Vercel
翻訳 DeepL
Next.js
フロントエンドはとりあえず使っとくかの精神で Next.js を選択。
とにかく機能が少ないので _app.tsx と index.tsx の2つのファイルで完結しています。
あとはUI ライブラリに Chakra UI を使っています。
Vercel
Next.js を選択した事により半強制的にデプロイは Vercelへ。
後述するDeepL API を Next API routeを使って翻訳を取得しています。
DeepL
高精度翻訳サービス。
API も提供していて、50万文字/月まで無料で使える(クレジットカード登録は必須)
バズった場合の対策はrazokuloverさんの記事へ
https://zenn.dev/razokulover/articles/03af7e1c1972fe
上記記事ではバズった場合の対策として、利用ユーザー自身にDeepL APIキーを取得、登録してもらう方法を取っています。本サービスの場合、日 → 英 → 日と一つの文章に対して2回翻訳をかけるので無料枠の消化が激しいですが、
一旦は私が取得したAPI keyのみで運用しています。
ないとは思いますがリミットを超えた場合、上記の運用にしようかと考えています。
DeepL の API を叩く際は下記のライブラリを使った。
オールtypescriptで作られているので型補完してくれる(DeepLのAPI自体がシンプルなので正直使わなくてもいける)
今後
- Glossary(用語集)機能
- 校正履歴閲覧
- ユーザー自身のAPI keyを使用できるようにする
まとめ
- DeepL を利用した日本語校正サービスを作ったよ！
- 個人開発はなんだかんだ(リリースは)初めてで楽しかったよ！
- 何かフィードバックあったら教えて下さい！
- これを機にTwitter始めたのでフォローお願いします🙏🏻