DEV Community

Cover image for Wakaruyo - Japanese Text Translation Browser Extension 🌐
Matteo Santoro Dev
Matteo Santoro Dev

Posted on • Edited on

Wakaruyo - Japanese Text Translation Browser Extension 🌐

Hello everyone!

Those who know me are aware of how much I love the Japanese language and how dedicated I am to self-studying it. They also know that I can never sit still. For this reason, I developed Wakaruyo, a browser extension that is currently in the experimental phase.

Website

This extension allows you to translate selected text on a webpage from Japanese to the language set in your browser, which is automatically detected.

Wakaruyo

Main features include:

1. Text Selection and Translation

When a user selects text on a webpage, the extension automatically detects if the text is in Japanese and initiates a translation request via API. The translation is then displayed in a floating "overcard" next to the selected text. The functionality also supports Japanese text within images.

2. Translation Caching

Translations are stored locally in the browser to reduce API calls and speed up repeated translations of the same text. The cache is managed through localStorage and has an expiration time to ensure continuous updates.

3. Retry Mechanism

If an API request fails due to network issues or other reasons, the extension will automatically retry up to three times, with a delay between each attempt.

4. Romanization Support

The extension can also convert Japanese text into Romanji (the transcription of Japanese into the Latin alphabet). Users can easily toggle between the translation and Romanji with a simple click.

5. Translation Requests with Debounce

To prevent overloading the API with too many requests, the extension uses a debounce function that only sends the translation request after the user has finished selecting the text, with a short delay.

Video preview on X.com:


🚀 I created Wakaruyo, a browser extension to automatically translate Japanese! Select text on a webpage and instantly get the translation in your browser's language. Supports romanization, cache, retry, and more! 🌐 #Tech #Japanese #BrowserExtension pic.twitter.com/tSwpKDpY53

— Matteo Santoro Dev (@matteosant_dev) January 8, 2025

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay