まず、オープンソースコミュニティに貢献することを選んでいただき、ありがとうございます。また、VisActorコミュニティに参加し、このオープンソースプロジェクトに貢献していただき、心から感謝いたします。
VisActorチームは通常、GitHubで開発とissueの管理を行っています。GitHubのウェブサイトを開き、右上のSign up
ボタンをクリックして、自分のアカウントを登録し、オープンソースの旅の第一歩を踏み出してください。
特別な事情でGitHubサイトを開けない場合は、Giteeを通じてプロジェクト開発を進めてください。
VChartリポジトリには、バージョン管理、ブランチ管理などについてのオープンソース貢献者向けのガイドがあります。数分間お読みいただき、理解してください。
Gitは、ソフトウェア開発プロジェクトにおけるコードの変更を追跡および管理するためのバージョン管理システムです。Gitを使用すると、各ファイルの各バージョンを追跡し、異なるバージョン間で簡単に切り替えたり比較したりできます。Gitはまた、複数の並行開発タスクを同時に実行できるブランチ管理機能も提供します。
- Gitの公式ウェブサイトにアクセス:https://git-scm.com
- 最新バージョンのGitインストーラーをダウンロードします。
- ダウンロードしたインストールプログラムを実行し、インストールウィザードの指示に従ってインストールします。
- インストールが完了したら、コマンドラインで
git version
コマンドを使用してインストールが成功したことを確認できます。
- まず、このプロジェクトをフォークする必要があります。VChartプロジェクトページにアクセスし、右上のフォークボタンをクリックします。
- あなたのGitHubアカウントにYour_Github_Username/vchartプロジェクトが表示されます。
- ローカルコンピュータで以下のコマンドを使用して、VChartフォルダを取得します。
// ssh
git clone [email protected]:Your_Github_Username/VChart.git
// https
git clone https://github.com/Your_Github_Username/VChart.git
- VChartフォルダに移動し、VChartのリモートアドレスを追加します。
git remote add upstream https://github.com/VisActor/VChart.git
- VChartの最新ソースコードを取得します。
git pull upstream develop
- さて、コードの貢献を始めることができます。VChartのデフォルトブランチはdevelopブランチです。機能開発、バグ修正、ドキュメント作成のいずれであっても、新しいブランチを作成し、developブランチにマージしてください。以下のコードを使用してブランチを作成します。
// 機能開発ブランチを作成
git checkout -b feat/xxxx
// 問題修正開発ブランチを作成
git checkout -b fix/xxxx
// ドキュメントおよびデモブランチを作成
git checkout -b docs/add-funnel-demo
ドキュメント修正ブランチdocs/add-fund-demo
を作成したとします。
-
これで、ブランチ上でコードを変更できます。
-
いくつかのコードを追加し、コードベースにコミットしたと仮定します。
-
Git commit -a -m "docs: add custom funnel demo and related docs"。VisActorのコミット情報はConventional Commits仕様に従います。
<type>[optional scope]: <description>
- 一般的に使用される
types
には、docs(ドキュメント、ログの変更)、feat(新機能)、fix(問題修正)、refactor(コードリファクタリング)などがあります。実際の状況に応じて選択してください。 - 簡潔で正確な英語の説明を書いてください。
- コミットを送信する前に、コミットリントチェックを行います。詳細なルールはこちらをご覧ください。
- 一般的な問題は、リモートのupstream(@visactor/vchart)に新しい更新があり、プルリクエストを送信する際に競合が発生することです。したがって、プルリクエストを送信する前に、リモートの他の開発者のコミットと自分のコミットをマージすることができます。以下のコードを使用してdevelopブランチに切り替えます。
git checkout develop
- 以下のコードを使用して最新のリモートコードを取得します。
git pull upstream develop
- 自分の開発ブランチに戻ります。
git checkout docs/add-funnel-demo
- developのコミットを自分のブランチにマージします。
git rebase develop
- 更新されたコードを自分のブランチにプッシュします。
git push origin docs/add-funnel-demo
GitHubのリポジトリページでCompare & Pull Request
ボタンをクリックできます。
または、contribute
ボタンを使用して作成します。
テンプレートに従って送信する変更内容を記入します。
- どのタイプの変更かを確認します。
- 関連するissueを記入します。
- 複雑な変更がある場合は、背景と解決策を説明してください。
関連情報を記入したら、Create pull requestをクリックして送信します。
"Good first issue"は、オープンソースコミュニティで一般的なハッシュタグであり、このハッシュタグの目的は、新しい貢献者が初心者に適した問題を見つけるのを助けることです。
VChartの初心者向けの問題は、issuesリストを通じて確認できます。現在、次の2つのカテゴリが含まれています。
- デモケースの制作
- 簡単な機能開発
現在、時間と意欲があり、コミュニティ貢献に参加したい場合は、issueでgood first issueを確認し、興味があり、自分に適したものを選んでください。
あなたが始めたことを最後までやり遂げる人であると信じています。したがって、issueを理解し、クレームすることを決定したら、issueの下にコメントを残してみんなに知らせてください。
実際のアプリケーションシナリオで一般的なケースをいくつか用意しました。VChartの機能を活用してそれらを実現する方法を考える必要があります。
このタイプのタスクを通じて、VChartの使用を開始できます。VChartは豊富な機能を提供しており、誰もが異なる実装アイデアを持っているかもしれません。issueの下にコメントを残し、自分の計画をみんなと議論することができます。
タスクが完了したら、自分で作成したケースを公式ウェブサイトのデモに提出し、必要な人々が学び、使用できるようにします。
すべてのデモはdocs/assets/examples
ディレクトリに保存されます。
- developブランチに基づいて、新しい
docs/***
またはdemo/***
ブランチを作成して開発を行ってください。 - (すでにインストールしている場合は、この手順をスキップしてください)グローバルに@microsoft/rushをインストールします:
npm i --global @microsoft/rush
rush update
を実行します。rush docs
を実行して、現在のデモコンテンツをローカルでプレビューします。docs
ディレクトリdocs/assets/examples/menu.json
ディレクトリファイルにデモ情報を追加します。zh
/en
ディレクトリでそれぞれ中国語と英語のデモドキュメントを完成させます。docs/public/vchart/preview
ディレクトリにデモプレビュー画像を追加し、デモドキュメント内のパスを更新します。例:/vchart/preview/basic-map_1.9.1.png
- すべてのコードを提出し、GitHubでプルリクエストを作成し、他の人にレビューを依頼します。
簡単で使いやすい機能開発タスクをいくつか用意しました。JavaScript/TypeScriptの基礎がある場合は、これらのタスクを請け負うことができます。
要件開発を通じて、VChartのコードアーキテクチャをより早く理解できます。issueの下にコメントを残し、自分の計画をみんなと議論することができます。
- developブランチに基づいて、新しい
feat/***
ブランチを作成して開発を行ってください。 - (すでにインストールしている場合は、この手順をスキップしてください)グローバルに@microsoft/rushをインストールします:
npm i --global @microsoft/rush
rush update
を実行します。rush start
を実行してデモページを開始します:develop/packages/vchart/__tests__/runtime/browser
ディレクトリにindex.pageページを作成し、自分で作成した開発用ケースをインポートします。
- すべてのテストが
rush test
を通過することを確認します。 - 開発が完了したら、
rush change
コマンドを実行し、changelogを書いて提出します。 - すべてのコードを提出し、GitHubでプルリクエストを作成し、他の人にレビューを依頼します。
プロモーションタスクとは、VisActorに関連する記事、デモ、ビデオなどの素材をさまざまなメディアチャネルで公開する行動を指します。
新しいissueを作成し、タイプをothers
に選択し、promotion
タグを付けます。次に、関連するリンク、スクリーンショット、要約などを一緒に投稿します。
例:#2858
毎四半期ごとに、VisActorのプロモーション作品をいくつか選び、作者に物質的な報酬を提供します。
VisActorにコードを貢献するだけでなく、コミュニティをより繁栄させるための他の活動にも参加することを奨励します。例えば:
- プロジェクトの開発、機能計画などに関する提案を提供する。
- 記事、ビデオを作成し、VisActorを宣伝する講演を開催する。
- プロモーション計画を作成し、チームと一緒に実行する。
VisActorは、コミュニティの構築に参加する仲間が一緒に成長するのを支援するために努力しています。以下の支援を提供する予定です(ただし、これに限定されず、皆さんからの提案をお待ちしています)。
- VisActorに基づくデータレイクの可視化開発トレーニングを提供し、参加する仲間がプログラミングスキル、可視化理論、アーキテクチャ設計などの面で迅速に成長できるよう支援します。
- 定期的に「コード貢献賞」と「コミュニティプロモーション賞」を選出します。
- コミュニティメンバーを組織してオープンソース活動に参加します。