Skip to content

初めての寄付

Docs-as-Code や Braze Docs を初めて使用する場合は、このステップバイステップのチュートリアルから始めてください。経験豊富な寄稿者の場合は、代わりに「コンテンツ管理」を参照してください。

このチュートリアルを終了すると、次のことができるようになります。

  • Braze Docs GitHub リポジトリをナビゲートする
  • GitHub Web サイトまたはローカル環境を使用して変更を加える
  • プルリクエスト (PR) の作成
  • テストサイトでの変更のプレビュー
  • Braze Docs チームにレビューをリクエストする

前提条件

まだの場合は、Braze Docs への貢献のステップを完了します。

ステップ 1:GitHub リポジトリを調べる

Braze Docs GitHub リポジトリは Braze Docs のソースファイルをホストしています。まだすべてを理解していなくても、数分かけてリポジトリを探索してください。時間が経つにつれて、あなたはより親しみやすくなるでしょう。

The Braze Docs GitHub repository homepage.

ステップ 2:変更を加える

ドキュメントリポジトリに少し慣れてきたので、変更を開始する準備が整いました。まず、Braze Docsを開いて、行いたい簡単な変更を見つけて、どのように変更したいかを決めます。

  • GitHub を使用する (シンプル):ドキュメントが 1 つしかない小さな変更の場合は、GitHub Web サイトから直接変更できます。
  • ローカル環境の使用 (上級者向け):複雑な変更や複数の文書の変更を行う場合は、ローカル環境から変更する必要があります。これが推奨方法です。

Braze Docs GitHub リポジトリで、を選択します。_docs

The Braze Docs GitHub repository homepage with the '_docs' folder highlighted in the file tree.

Braze Docsの各ページのURLは、リポジトリのディレクトリ構造を反映しています。ページのURLを使用して、_docsディレクトリ内の対応するMarkdownファイルを見つけてください。たとえば、の Markdown ファイルは _docs > _contributing > home.md にあります。braze.com/contributing/home

The home page for the "Contributing" section on Braze Docs.

[このファイルを編集] を選択し、Markdownフォーマットを使用して変更を加えます

An example page on Braze Docs showing "Edit this file".

終了したら、[変更をコミット] を選択します。

The Braze Docs GitHub repository showing "Commit changes" after editing a file.

次のウィンドウで、[変更の提案] を選択します。

The "Propose changes" window after selecting "Commit changes" in GitHub.

最近のほとんどのテキストエディター (VS CodeIntellij IDEA など) には、コマンドを実行したりプロジェクトファイルを操作したりするためのアプリ内ターミナルが用意されています。テキストエディターを開き、テキストエディターのアプリ内ターミナルを開きます。

Intellij IDEA with the in-app terminal open.

ターミナルで、braze-docsディレクトリを開きます。

1
cd ~/PATH_TO_REPOSITORY

PATH_TO_REPOSITORYbraze-docs環境を設定したときにリポジトリを保存した場所に置き換えてください。コマンドは次のようになるはずです。

1
cd ~/braze/braze-docs

braze-docsディレクトリにいるかどうかを確認し、Git のステータスを確認します。

1
2
pwd
git status

ドキュメントリポジトリでは、developブランチには最新バージョンの Braze Docs が反映されています。developブランチをチェックして、最新のアップデートをローカル環境に取り込んでください。

1
2
git checkout develop
git pull

ドキュメントに変更を加えるときは、必ず新しいブランチを作成します。git branch-bフラグと一緒に使用して新しいブランチを作成します。

1
git checkout -b BRANCH_NAME

BRANCH_NAMEスペースで区切らず、変更内容の短い説明に置き換えてください。コマンドは次のようになるはずです。

1
2
$ git checkout -b fixing-typo-in-metadata
Switched to a new branch 'fixing-typo-in-metadata'

テキストエディターで、変更する文書を開き、Markdownフォーマットを使用して変更を行います

終了したら、変更を保存し、ターミナルを選択して Git のステータスを確認します。出力は以下のようになります。

```bash $ git status ブランチでのメタデータのタイプミスの修正について コミット用にステージングされていない変更: (「git add...」を使用してください。「」でコミットされる内容を更新する) (「git restore」を使用してください...「」を使用して作業ディレクトリの変更を破棄する) 変更済み:\_docs/_home/metadata.md

コミットに変更は加えられません (「git add」または「git commit-a」を使用) ```

git addどの変更をコミット用にステージングするかを Git に伝えるのに使います。次のコマンドは 2 つのオプションを表示します。

  • パイプの左側:を使用して、--all変更したファイルをすべて追加します。
  • パイプの右側:PATH_TO_FILE変更したファイルへの相対パスに置き換えて、個々のファイルを追加します。
1
git add {--all|PATH_TO_FILE}

git commit-mフラグを付けて使用すると、短い説明 (またはメッセージ) とともにコミットを作成できます。

1
git commit -m "COMMIT_MESSAGE"

COMMIT_MESSAGE変更内容を説明する短い文に置き換えてください。コマンドは次のようになるはずです。

1
2
3
$ git commit -m "Fixing a typo in the recommended software doc"
[fixing-typo-in-recommended-software 8b05e34] Fixing a typo in the recommended software doc.
 1 file changed, 1 insertion(+), 1 deletion(-)

最後に、変更を Braze Docs GitHub リポジトリにプッシュしてください。

1
git push -u origin BRANCH_NAME

BRANCH_NAMEあなたの支店の名前に置き換えてください。出力は以下のようになります。

1
2
3
4
5
6
$ git push -u origin fixing-typo-in-recommended-software
Enumerating objects: 14, done.
...
To github.com:braze-inc/braze-docs.git
 * [new branch]      fixing-typo-in-recommended-software -> fixing-typo-in-recommended-software
branch 'fixing-typo-in-recommended-software' set up to track 'origin/fixing-typo-in-recommended-software'.

ステップ 3:プルリクエスト (PR) を作成する

まだ行っていない場合は、リポジトリのホームページに戻りCompare & pull request を選択してください。

The Braze Docs GitHub repository homepage showing "Open pull request".

PRの説明には、次のようなMarkdownのコメントが表示されます。

```markdown ```

これらのコメントは、PRの説明をガイドしてくれます。完了したら、プルリクエストのドロップダウンを選択し、[ドラフトプルリクエスト] を選択します。

An example pull request showing "Draft pull request".

ステップ 4: 作業内容を確認する

サイトプレビューで作業内容を確認して、コンテンツが Braze Docs スタイルガイドに従っていることを確認してくださいさらに変更を加える必要がある場合は、「その他の変更を加える」を参照してください。それ以外の場合は、Braze Docs チームにレビューをリクエストできます

PR コメントで、@braze-inc/docs-teamタグを付けてサイトプレビューをリクエストします。

An example comment tagging the Braze Docs team to request a site preview.

サイトプレビューを開くには、[デプロイメントを表示] を選択します。

An example pull request showing the "View deployment" button generated by the Vercel bot.

ターミナルで、「ローカルサーバーを起動する」rake コマンドを使用します。

1
2
cd ~/braze-docs
rake

出力は以下のようになります。

1
2
3
4
5
6
7
8
9
== Sinatra (v3.0.4) has taken the stage on 4000 for development with backup from Puma
Puma starting in single mode...
* Puma version: 6.3.1 (ruby 3.2.2-p225) ("Mugi No Toki Itaru")
*  Min threads: 8
*  Max threads: 32
*  Environment: development
*          PID: 16158
* Listening on http://127.0.0.1:4000
...

デフォルトでは、http://127.0.0.1:4000サイトプレビューはローカルホストで生成されます。サイトプレビューを開くには、Web ブラウザでリンクを開きます。

An example site preview running in a web browser.

ローカルサーバーを停止するには、ターミナルを再度開き、Control+C を押します。

ステップ 5: レビューをリクエストする

Braze Docs チームのメンバーに作業内容をレビューしてもらう準備ができたら、[レビュー準備完了] を選択します。

An example pull request showing "Ready for review".

レビュアーとタイプbraze-inc/docs-team。チーム名を選択して [Esc] を押すか、ドロップダウンをクリックして選択を確定します。

An example pull request with "docs-team" added as the reviewer.

ドキュメントチームがレビュー後に追加の変更を要求した場合、GitHubの通知設定に従って通知されます。それ以外の場合は、ドキュメントチームが変更を承認してマージします。

承認された寄付金は、次の火曜日または木曜日に配布されます。必ず Braze Docs をチェックして、あなたの頑張りを確認してください。貢献していただきありがとうございます!

ステップ 6: その他の変更を加える (オプション)

あなたまたは Braze Docs チームのメンバーが作業内容を確認した後、PR に追加の変更を加える必要があるかもしれません。ローカル環境または GitHub を使用して行うことができます。

PRで、[変更されたファイル] を選択し、更新するファイルを見つけて、[オプションを表示] > [ファイルを編集] を選択します。

The "Files changed" section in an example pull request showing "Edit file".

終了したら、[変更をコミット] を選択します。

A file from an example pull request showing "Commit changes" after editing.

[BRANCH_NAME ブランチに直接コミット] > [変更をコミット] を選択します。ここで、BRANCH_NAMEはブランチの名前です。

The "Commit changes" option after choosing "Commit directly to BRANCH_NAME branch.

終了したら、レビューをリクエストしてください

PRで、支店名の横にある [コピー] を選択します。

An example pull request with the "Copy" icon shown next to the branch name.

テキストエディタのターミナルで、ブランチをチェックアウトし、GitHub のリモートブランチから最新の更新を取得します。

1
git checkout BRANCH_NAME && git pull

BRANCH_NAMEクリップボードにコピーしたブランチ名に置き換えます。出力は以下のようになります。

1
2
3
$ git checkout fixing-typo-in-metadata  && git pull
Switched to branch 'fixing-typo-in-metadata'
Your branch is up to date with 'origin/fixing-typo-in-metadata'.

テキストエディターで、変更する文書を開き、手順 2 で行った手順を繰り返します。変更を加えてください

「このページはどの程度役に立ちましたか?」
New Stuff!