Merge pull request #2650 from tequdev/ja-new-docs

[JA] translate docs page
2025-11-05 04:15:50 +00:00 · 2024-07-03 12:20:33 -07:00
parent 9d3cc85f8d edb1b5c997
commit cc1fb10956
3 changed files with 86 additions and 62 deletions
--- a/@i18n/ja/translations.yaml
+++ b/@i18n/ja/translations.yaml
@@ -320,6 +320,64 @@ about.impact.code.ppart3: からブロックチェーンプロジェクトを見
 Connect: 繋がる
 about.impact.connect.ppart1: SNSで#XRPLCommunityを使って話題に加わりましょう。

+# docs/index.page.tsx
+XRP Ledger Developer Resources: XRP Ledger 開発者向けリソース
+Concepts: コンセプト
+'Learn the "what" and the "why" behind fundamental aspects of the XRP Ledger.': XRP Ledgerの基本的な機能の背景を学びましょう。
+Read the Docs: ドキュメントを読む
+Tutorials: チュートリアル
+Get step-by-step guidance to perform common tasks with the XRP Ledger.: XRP Ledgerで頻出するタスクのガイドラインをご覧ください。
+View Tutorials: チュートリアルを見る
+References: リファレンス
+Look up reference documentation for the XRP Ledger protocol, API methods, and more.: XRP LedgerプロトコルやAPIメソッドなどのリファレンスドキュメントをご覧ください。
+View References: リファレンスを見る
+Use Cases: ユースケース
+On-Chain Finance: オンチェーン金融
+Algorithmic Trading: アルゴリズム取引
+List XRP as an Exchange: 取引所へのXRPのリスト
+Payment Types: 多様なPayment
+Tokens: トークン
+Stablecoin Issuer: ステーブルコインの発行者
+NFT Marketplace: NFTマーケットプレイス
+Digital Artist: デジタルアーティスト
+Peer-to-Peer Payments: 個人間の直接決済
+Cross-currency payments: クロスカレンシー決済
+Getting Started: 始めましょう
+Introduction to the XRP Ledger: XRP Ledgerのご紹介
+An introduction to fundamental aspects of the XRP Ledger.: XRP Ledgerの基本的な機能の紹介
+Introduction: XRP Ledgerの基本
+Intro to XRP Ledger: XRP Ledger クイックスタート
+Accounts: アカウント
+Decentralized Exchange: 分散型取引所
+Tokenization: トークン化
+Watch Full Series: 全てのシリーズを見る
+Interact with the XRP Ledger in a language of your choice: お好みの言語でXRP Ledgerへアクセスできます
+Explore SDKs: SDKを探す
+Intermediate Learning Sources: 次の学習教材
+Advanced Payment Features: 高度な支払い機能
+Governance and the Amendment Process: ガバナンスとAmendmentプロセス
+Federated Sidechains: 連合サイドチェーン
+Explore, Test, Verify: 探索、テスト、検証
+Explore Dev Tools: 開発者ツールを探す
+Use these web-based tools to assist during all stages of development, from getting your first payment to testing your implementation for best practices.: 次のWebベースのツールを使用して、最初の支払いからベストプラクティスのための実装テストまで、開発のすべてのステージにわたりサポートします。
+Faucets: XRP Faucet
+Get credentials and test-XRP for XRP Ledger Testnet or Devnet.: XRP Ledger TestnetまたはDevnetでアカウントとテスト用XRPを取得しましょう。
+WebSocket Tool: Websocketツール
+Send sample requests and get responses from the rippled API.: サンプルリクエストを送信し、rippled APIからレスポンスを取得しましょう。
+XRP Ledger Explorer: XRP Ledgerエクスプローラ
+View validations of new ledger versions in real-time, chart the location of servers in the XRP Ledger.: 新しいレジャーバージョンの検証結果をリアルタイムで表示したり、XRP Ledgerサーバの位置をチャートで表示します。
+Transaction Sender: トランザクション送信ツール
+Test how your code handles various XRP Ledger transactions by sending them over the Testnet to the address.: コードが様々なXRP Ledgerのトランザクションをどのように処理するか、テストネットを通じてテストしましょう。
+View All tools: 全てのツールを見る
+Browse By Recommended Pages: おすすめのページを見る
+Public API Methods: 公開APIメソッド
+Run a Validator: バリデータを運用
+Reserves: 準備金
+Transaction Types: トランザクションの種類
+Get Free Test XRP: テスト用XRPを入手
+Generate Testnet Credentials: テストネットのアカウントを作成 
+Connect to the XRP Ledger Testnet network to develop and test your apps built on the XRP Ledger, without risking real money or impacting production XRP Ledger users.: XRP Ledger Testnetに接続することで、現実の資産やMainnetユーザに影響を与えることなくXRP Ledger上に構築するアプリを開発・テストすることができます。
+
 # community/index.page.tsx
 XRPL Community: XRPLコミュニティ
 community.index.h1part1: 開発者とイノベーターによる
@@ -516,56 +574,19 @@ Have an Idea For a Tool?: ツールのアイデアをお持ちですか？
 Open a pull Request: プルリクエストを作成する
 Full documentation index: 全ドキュメントの目次
 See Everything: 全てを見る
-XRP Ledger Developer Resources: XRP Ledger 開発者向けリソース
 rippled API Reference: rippled APIリファレンス
 XRP Faucet: XRP Faucet
 Getting Started with Python: Pythonを使ってみよう
 Websocket API Tool: Websocket APIツール
-XRP Ledger Explorer: XRP Ledgerエクスプローラ
-Advanced Payment Features: 高度な支払い機能
-Governance and the Amendment Process: ガバナンスとAmendmentプロセス
-Federated Sidechains: 連合サイドチェーン
-On-Chain Finance: オンチェーン金融
 Trade on the decentralized exchange: 分散型取引所でトレード
 Make payments: 支払いを実行
 Use specialized payment types: 高度な支払い機能
-Tokens: トークン
 Non-fungible Tokens: 非代替性トークン
 Issue a stablecoin: ステーブルコインを発行
 Assign an authorized minter: 認可Minterの割り当て
 Peer to peer payments: 直接支払い
-Cross-currency payments: クロスカレンシー決済
 Escrows: エスクロー
-Intro to XRP Ledger: XRP Ledger クイックスタート
-Accounts: アカウント
-Decentralized Exchange: 分散型取引所
-Tokenization: Tokenization
-Faucets: XRP Faucet
-Get credentials and test-XRP for XRP Ledger Testnet or Devnet.: XRP Ledger TestnetまたはDevnetでアカウントとテスト用XRPを取得しましょう
-WebSocket Tool: Websocketツール
-Send sample requests and get responses from the rippled API.: サンプルリクエストを送信し、rippled APIからレスポンスを取得します。
-Transaction Sender: トランザクション送信ツール
-Concepts: コンセプト
-Read the Docs: ドキュメントを読む
-Tutorials: チュートリアル
-Get step-by-step guidance to perform common tasks with the XRP Ledger.: XRP Ledgerで一般的な作業の手順をご覧ください。
-View Tutorials: チュートリアルを見る
-References: リファレンス
-View References: リファレンスを見る
-Use Cases: ユースケース
-Getting Started: 始めましょう
-Quickstart to XRP Ledger: XRP Ledger クイックスタート
-An introduction to fundamental aspects of the XRP Ledger.: XRP Ledgerの基本的な機能の紹介
 Get Started: 始めましょう
-Watch Full Series: 全てのシリーズを見る
-Interact with the XRP Ledger in a language of your choice: お好みの言語でXRP Ledgerへアクセスできます
-Explore SDKs: SDKを探す
-Intermediate Learning Sources: 次の学習教材
-Explore, Test, Verify: 探索、テスト、検証
-Explore Dev Tools: 開発者ツールを探索
-Browse By Recommended Pages: おすすめのページを見る
-Get Free Test XRP: テスト用XRPを入手
-Generate Testnet Credentials: テストネットのアカウントを作成 
 See full documentation index: 全ドキュメントの目次
 The XRPL Developer Summit: XRPL開発者サミット
 Save the Date: 日程を確認
--- a/docs/index.page.tsx
+++ b/docs/index.page.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useThemeHooks } from '@redocly/theme/core/hooks';
 import { NavList } from "shared/components/nav-list";
+import { Link } from "@redocly/theme/components/Link/Link";

 export const frontmatter = {
  seo: {
@@ -161,10 +162,12 @@ function UseCasesCard(props: {
  };
 }) {
  const { useCase } = props;
+  const { useTranslate } = useThemeHooks();
+  const { translate } = useTranslate();
  return (
    <div className="col">
      <img className={'use-cases-img img-fluid mb-2 shadow ' + useCase.imgClass} alt={useCase.title} id={useCase.id} />
-      <h5 className="mt-4">{useCase.title}</h5>
+      <h5 className="mt-4">{translate(useCase.title)}</h5>
      <NavList pages={useCase.subItems} />
    </div>
  );
@@ -173,7 +176,7 @@ function UseCasesCard(props: {
 function FlatCard(props: { href: string; title: string; description: string; linkText: string; imgClass }) {
  const { title, description, linkText, href, imgClass } = props;
  return (
-    <a href={href} className="card flat-card float-up-on-hover">
+    <Link to={href} className="card flat-card float-up-on-hover">
      <img className={'mb-2 ' + imgClass} alt={title} />
      <h5 className="row">
        <div className="nav-link">{title}</div>
@@ -184,7 +187,7 @@ function FlatCard(props: { href: string; title: string; description: string; lin
          {linkText}
        </div>
      </div>
-    </a>
+    </Link>
  );
 }

@@ -201,23 +204,21 @@ function VideoCard(props: { url: string; title: string; src: string }) {
 }

 function DevToolCard(props: { link: string; title: string; description: string }) {
-  const { useTranslate } = useThemeHooks();
-  const { translate } = useTranslate();
  const { link, title, description } = props;
  return (
-    <a href={link} className="col dev-tools-link">
-      <h6 className="btn-arrow">{translate(title)}</h6>
-      <p> {translate(description)}</p>
-    </a>
+    <Link to={link} className="col dev-tools-link">
+      <h6 className="btn-arrow">{title}</h6>
+      <p> {description}</p>
+    </Link>
  );
 }

 function PrimaryButton(props: { href: string; text: string; isArrowUp: boolean }) {
  const { href, text, isArrowUp } = props;
  return (
-    <a className={`btn btn-primary ${isArrowUp ? 'btn-arrow-out' : 'btn-arrow'}`} id={href + '-button'} href={href}>
+    <Link className={`btn btn-primary ${isArrowUp ? 'btn-arrow-out' : 'btn-arrow'}`} id={href + '-button'} to={href}>
      {text}
-    </a>
+    </Link>
  );
 }

@@ -282,14 +283,14 @@ export default function Docs() {
          <h4 className="pb-4">{translate('Getting Started')}</h4>
          <div className="card-grid card-grid-2xN quickstart-card">
            <div className="col">
-              <a href="/docs/introduction/" className="card float-up-on-hover">
+              <Link to="/docs/introduction/" className="card float-up-on-hover">
                <h5 className="mt-7">{translate('Introduction to the XRP Ledger')}</h5>
                <p className="mb-8 mt-4">{translate('An introduction to fundamental aspects of the XRP Ledger.')}</p>
                <div className="dg-lg-block mb-3">
                  <div className="btn btn-primary btn-arrow get-started-button">{translate('Introduction')}</div>
                </div>
                <img alt="quick-start" id="quick-start-img" className="quickstart-image" />
-              </a>
+              </Link>
            </div>
            <div className="col">
              <div className="card-grid card-grid-2xN video-grid">
@@ -316,22 +317,22 @@ export default function Docs() {
            <div className="col">
              <div className="card-grid langs-cards card-grid-2xN mt-10" id="langs-cards">
                <div className="col langs">
-                  <a href="/docs/tutorials/javascript/">
+                  <Link to="/docs/tutorials/javascript/">
                    <img alt="Javascript Logo" src={require('../static/img/logos/javascript.svg')} className="circled-logo" />
                    <h5 className="btn-arrow">{translate('Javascript')}</h5>
-                  </a>
+                  </Link>
                </div>
                <div className="col langs">
-                  <a href="/docs/tutorials/python/">
+                  <Link to="/docs/tutorials/python/">
                    <img alt="Python Logo" src={require('../static/img/logos/python.svg')} className="circled-logo" />
                    <h5 className="btn-arrow">{translate('Python')}</h5>
-                  </a>
+                  </Link>
                </div>
                <div className="col langs">
-                  <a href="/docs/tutorials/java/build-apps/get-started/">
+                  <Link to="/docs/tutorials/java/build-apps/get-started/">
                    <img alt="Java Logo" src={require('../static/img/logos/java.svg')} className="circled-logo" />
                    <h5 className="btn-arrow">{translate('Java')}</h5>
-                  </a>
+                  </Link>
                </div>
              </div>
            </div>
@@ -394,9 +395,9 @@ export default function Docs() {
                      'Connect to the XRP Ledger Testnet network to develop and test your apps built on the XRP Ledger, without risking real money or impacting production XRP Ledger users.'
                    )}
                  </p>
-                  <a className="btn btn-primary btn-arrow" href="/resources/dev-tools/xrp-faucets/">
+                  <Link className="btn btn-primary btn-arrow" to="/resources/dev-tools/xrp-faucets/">
                    {translate('Generate Testnet Credentials')}
-                  </a>
+                  </Link>
                </div>
              </div>
            </div>
--- a/shared/components/nav-list.tsx
+++ b/shared/components/nav-list.tsx
@@ -1,5 +1,6 @@
 import React from "react";
-import { useTranslate } from "@portal/hooks";
+import { useThemeHooks } from '@redocly/theme/core/hooks';
+import { Link } from "@redocly/theme/components/Link/Link";

 interface PageProps {
  description: string;
@@ -15,19 +16,20 @@ export const NavList: React.FC<NavListProps> = ({
  pages,
  bottomBorder = true,
 }) => {
+  const { useTranslate } = useThemeHooks();
  const { translate } = useTranslate();
  return (
    <ul className="nav flex-column">
      {pages.map((useCase, index) => (
        <li className="nav-item" key={useCase.link}>
-          <a
-            href={useCase.link}
+          <Link
+            to={useCase.link}
            className={`nav-link ${
              index === pages.length - 1 && !bottomBorder ? "border-none" : ""
            }`}
          >
            {translate(useCase.description)}
-          </a>
+          </Link>
        </li>
      ))}
    </ul>