メインコンテンツにスキップ

Electronの新しい国際化対応ウェブサイト

·6 分で読めます
zeke
zeke

Electronの新しいウェブサイトがelectronjs.orgに開設されました！静的なJekyllサイトをNode.jsウェブサーバーに置き換えたことで、サイトを国際化するための柔軟性が得られ、さらにエキサイティングな新機能への道が開かれました。

🌍 翻訳​

Electronアプリ開発を世界中の開発者にとってアクセスしやすいものにすることを目標に、ウェブサイトの国際化プロセスを開始しました。GitHubと連携するCrowdinというローカライズプラットフォームを使用しており、コンテンツがさまざまな言語に翻訳されると、プルリクエストが自動的に開かれ、更新されます。

Electron Nav in Simplified Chinese

これまでこの取り組みは水面下で行われてきましたが、すでに75人以上のElectronコミュニティメンバーが自主的にプロジェクトを発見し、ウェブサイトの国際化とElectronドキュメントの20以上の言語への翻訳作業に参加しています。フランス語、ベトナム語、インドネシア語、中国語など、世界中の人々から毎日の貢献があります。

言語を選択して翻訳の進捗状況を確認するには、electronjs.org/languagesをご覧ください。

Translations in progress on Crowdin

あなたがマルチリンガルで、Electronのドキュメントとウェブサイトの翻訳にご協力いただける場合は、electron/electron-i18nリポジトリをご覧ください。または、GitHubアカウントを使用してサインインできるCrowdinで直接翻訳にご参加ください。

現在、CrowdinのElectronプロジェクトでは21の言語が有効になっています。より多くの言語のサポートを追加するのは簡単なので、翻訳にご協力いただける方で、ご希望の言語がリストにない場合は、お知らせください。有効にします。

未加工の翻訳済みドキュメント​

未加工のマークダウンファイルでドキュメントを読みたい場合は、どの言語でも読むことができるようになりました。

git clone https://github.com/electron/electron-i18n
ls electron-i18n/content

アプリページ​

本日より、どのElectronアプリでもElectronサイトに簡単に独自のページを持つことができます。例として、Etcher、1Clipboard、または日本語版サイトに掲載されているGraphQL Playgroundをご覧ください。

GraphQL Playground

素晴らしいElectronアプリはたくさんありますが、必ずしも簡単に見つかるわけではなく、すべての開発者がアプリのマーケティングと配布のための適切なウェブサイトを構築する時間やリソースを持っているわけではありません。

PNGアイコンファイルと少量のアプリメタデータを使用するだけで、特定のアプリに関する多くの情報を収集できます。GitHubから収集したデータを使用して、アプリページには、パブリックリポジトリを持つすべてのアプリのスクリーンショット、ダウンロードリンク、バージョン、リリースノート、READMEが表示されるようになりました。各アプリのアイコンから抽出されたカラーパレットを使用して、太字でアクセスしやすい色を生成し、各アプリページに視覚的な違いを持たせることができます。

アプリインデックスページには、カテゴリとキーワードフィルターが追加され、GraphQL GUIやp2pツールなど、興味深いアプリを見つけることができます。

サイトに掲載したいElectronアプリがある場合は、electron/electron-appsリポジトリでプルリクエストを開いてください。

Homebrewによるワンラインインストール​

macOS用のHomebrewパッケージマネージャーには、brew cask install atomのように、ターミナルで1つのコマンドを使用してデスクトップアプリを簡単にインストールできるcaskと呼ばれるサブコマンドがあります。

人気のあるElectronアプリのHomebrew cask名を収集し始め、caskを持つすべてのアプリページにインストールコマンド（macOSの訪問者向け）を表示するようになりました。

Installation options tailored for your platform: macOS, Windows, Linux

Homebrew Cask名を持つすべてのアプリを表示するには、electronjs.org/apps?q=homebrew にアクセスしてください。まだインデックス化されていないCaskを持つ他のアプリをご存知の場合は、追加してください！

🌐 新しいドメイン​

サイトを electron.atom.io から新しいドメイン electronjs.org に移行しました。

Electronプロジェクトは、GitHubのWeb技術に基づいて構築されたオープンソースのテキストエディターである Atom の中で誕生しました。Electronは元々 atom-shell と呼ばれていました。Atomはそれを使用する最初のアプリでしたが、この魔法のようなChromium + Nodeランタイムが、あらゆる種類のアプリケーションに使用できることを人々が理解するのに時間はかかりませんでした。MicrosoftやSlackなどの企業が atom-shell を利用し始めたとき、プロジェクトに新しい名前が必要であることが明らかになりました。

こうして「Electron」が誕生しました。2016年初頭、GitHubはAtomとは別に、Electronの開発とメンテナンスに特化した新しいチームを編成しました。それ以来、Electronは数千人のアプリ開発者によって採用され、現在では多くのElectronチームを持つ多くの大企業に依存されています。

Atomや GitHub Desktop のようなGitHubのElectronプロジェクトをサポートすることは、依然として私たちのチームの優先事項ですが、新しいドメインに移行することで、AtomとElectronの技術的な違いを明確にするのに役立つことを願っています。

🐢🚀 Node.jsがあらゆる場所に​

以前のElectronのWebサイトは、Rubyベースの人気のある静的サイトジェネレーターである Jekyll を使用して構築されていました。Jekyllは静的Webサイトを構築するための優れたツールですが、Webサイトはそれを超える規模になってきました。適切なリダイレクトや動的なコンテンツレンダリングなどのより動的な機能が必要だったため、Node.js サーバーが最適な選択肢でした。

Electronエコシステムには、PythonからC++、Bashまで、さまざまなプログラミング言語で記述されたコンポーネントを持つプロジェクトが含まれています。しかし、JavaScriptはElectronの基礎であり、コミュニティで最も使用されている言語です。

WebサイトをRubyからNode.jsに移行することで、Webサイトへの貢献を希望する人々の参入障壁を下げることを目指しています。

⚡️ より簡単なオープンソースへの参加​

システムに Node.js (8以降) と git がインストールされている場合は、サイトをローカルで簡単に実行できます。

git clone https://github.com/electron/electronjs.org
cd electronjs.org
npm install
npm run dev

新しいWebサイトはHerokuでホストされています。デプロイメントパイプラインと Review Apps 機能を使用しています。これは、すべてプルリクエストに対して実行中のアプリのコピーを自動的に作成します。これにより、レビュアーは、サイトのライブコピーに対するプルリクエストの実際の影響を簡単に確認できます。

🙏 貢献者の方々への感謝​

Electronの改善に尽力してくれた世界中の人々に特別な感謝を申し上げます。オープンソースコミュニティの情熱は、Electronを成功させる上で計り知れないほど役立ちました。ありがとうございました！

Thumbs up!