MDN Web Docs に日本語翻訳でコントリビュート

#burikaigi #burikaigi_b  MDN Web Docs に  日本語翻訳でコントリビュート   BuriKaigi 2026 
うーたん 

#burikaigi #burikaigi_b  自己紹介 

#burikaigi #burikaigi_b  自己紹介  • うーたん  ◦ 𝕏：@uutan1108  • アクセンチュア株式会社  
• バックエンドの開発   • 合同で同人誌作成、   勉強会の主催など   3

#burikaigi #burikaigi_b  4/11(土) 武蔵野プレイス (東京) 

#burikaigi #burikaigi_b  OSS にコントリビュートしたことありますか？  

#burikaigi #burikaigi_b  英語を日本語に翻訳したことありますか？  

#burikaigi #burikaigi_b  中学校で英語は学ぶので、   翻訳はしたことがあるでしょう！  

#burikaigi #burikaigi_b  翻訳する時間と Git でコミット、プッシュできれば   コントリビュートできます！  

#burikaigi #burikaigi_b  MDN Web Docs とは 

#burikaigi #burikaigi_b  引用元：https://developer.mozilla.org/ja/docs/Web 

#burikaigi #burikaigi_b  MDN Web Docs とは  MDN Web Docsは、ウェブ標準及びMozillaプロジェクトの開発文書のための Mozillaの公式ウェブサイトである。以前の名称はMozilla
Developer Network (モジラ・デベロッパー・ネットワーク、略称: MDN)。    MDN Web Docsは開発者向けの資源であり、開発者や技術ライターのコミュニティによって維持されており、HTML5、JavaScript、CSS、ウェブAPI、 Django、Node.js、WebExtensions及びMathMLといった様々な話題に多くの文書をホストしている。モバイルウェブ開発者向けに、MDNはHTML5モバイルアプリ、モバイルアドオンの構築、位置認識アプリといった話題に関する文書を提供している。  引用元：https://ja.wikipedia.org/wiki/MDN_Web_Docs 

#burikaigi #burikaigi_b  翻訳する環境を準備   １ 

#burikaigi #burikaigi_b  必要なもの  

#burikaigi #burikaigi_b  必要なもの   • Git, GitHub  • Node.js, Yarn 
• お好みのエディター  これだけ 

#burikaigi #burikaigi_b  既存のドキュメントなどを用意する  

#burikaigi #burikaigi_b  以下のGitHubのリポジトリを使う   • mdn / content  ◦ 原文のドキュメント(英語) 
◦ ドキュメントを表示するためのスクリプト  • mdn / translated-content  ◦ 各言語に翻訳されたドキュメント 

#burikaigi #burikaigi_b  GitHub で管理されている   英語ドキュメントを   クローンする    
mdn / content 

#burikaigi #burikaigi_b  MDNのGitHub  のレポジトリ  mdn / content  あなたのPC  $ git
clone https://github.com/mdn/content.git 

#burikaigi #burikaigi_b  GitHub で管理されている   日本語ドキュメントを   フォークしてクローンする    
mdn / translated-content 

#burikaigi #burikaigi_b  MDNのGitHub  のレポジトリ  mdn / translated-content  あなたのPC  $ git
clone https://github.com/あなたのGitHubアカウントID/translated-content.git  あなたのGitHub  のレポジトリ  mdn / translated-content  フォークする  ボタンを押すだけ 

#burikaigi #burikaigi_b  PCに準備できたら  

#burikaigi #burikaigi_b  $ yarn install  $ yarn start 

#burikaigi #burikaigi_b 

#burikaigi #burikaigi_b  翻訳  ２ 

#burikaigi #burikaigi_b  翻訳されてない箇所を探すの大変 ... 

#burikaigi #burikaigi_b  翻訳されてないページは一瞬で探せる  

#burikaigi #burikaigi_b  https://mdn.lavoscore.org/?regex_b=glossary&sort=size-asc&ﬁlter=not-ja 

#burikaigi #burikaigi_b  このページは多分日本人が作って   メンテナンスしている。     日本語のページ 

#burikaigi #burikaigi_b  翻訳されていないページはたくさんある  

#burikaigi #burikaigi_b  翻訳する！  

#burikaigi #burikaigi_b  翻訳できたら ... 

#burikaigi #burikaigi_b  あなたのPC  $ git push  あなたのGitHub  のレポジトリ  mdn /
translated-content 

#burikaigi #burikaigi_b  翻訳したドキュメントを提案する   ３ 

#burikaigi #burikaigi_b  あなたのPC  $ git push  あなたのGitHub  のレポジトリ  mdn /
translated-content  MDNのGitHub  のレポジトリ  mdn / translated-content  何を翻訳したのか説明を書いて、  ボタン押すだけ 

#burikaigi #burikaigi_b  あなたのレポジトリから   大元にPR(提案)を出す 

#burikaigi #burikaigi_b  ボタンを押して、説明やタイトルを日本語で書いても良い。  

#burikaigi #burikaigi_b  日本人が日本語で  レビューしてくれる。    安心！ 

#burikaigi #burikaigi_b  こんな感じで大元に提案が取り込まれる (マージされる) 

#burikaigi #burikaigi_b  世界中に公開される   ４ 

#burikaigi #burikaigi_b  自分が翻訳したページが公開される  

#burikaigi #burikaigi_b  https://developer.mozilla.org/ja/docs/Glossary/blink_element 

#burikaigi #burikaigi_b  <blink>: 点滅要素 

#burikaigi #burikaigi_b  <blink>: 点滅要素  <blink> は、ウェブブラウザーによってサポートされなくなり、 MDN でも文書化されなくなった時代遅れの HTML の機能で
す。テキスト要素を点滅（フラッシュ）させ続けるために使われていました。  Netscape のエンジニアである Lou Montulli と同僚たちがマウンテンビューのバーでしていた会話がきっかけで生まれたようです。  引用：https://developer.mozilla.org/ja/docs/Glossary/blink_element 

#burikaigi #burikaigi_b  「MDN Web Docs に日本語翻訳でコントリビュート」     推しポイント  

#burikaigi #burikaigi_b  推しポイント   • 日本人と会話して翻訳を進められる  ◦ 日本語以外の翻訳などをすると、その言語の話者にレビューしてもらえる  •
Webの歴史を知ることができる  ◦ 誕生秘話みたいな話も翻訳しながら知ることができる  ◦ すでに存在しない機能を知ることができる  • 英語の勉強になるかもしれない 

#burikaigi #burikaigi_b  OSSにコントリビュートしたいな ...  大変そうだな ... 

#burikaigi #burikaigi_b  そんな時は ... 

#burikaigi #burikaigi_b  MDN Web Docs に  日本語翻訳でコントリビュート  

#burikaigi #burikaigi_b  参考資料  • MDN Web Docs に日本語翻訳でコントリビュートする https://zenn.dev/u_tan/articles/dee192a68cc85e  •
MDN 月例ミートアップ - 翻訳ガイド · HonKit  https://mozilla-japan.github.io/mdn-translation-guide/  ◦ 毎月Slackでミートアップがあるので興味ある方は入ってみるといいかも。 

#burikaigi #burikaigi_b  おわり 

MDN Web Docs に日本語翻訳でコントリビュート

MDN Web Docs に日本語翻訳でコントリビュート

More Decks by uutan1108

Other Decks in Programming

Featured

Transcript