feat: update getting started (#44)

* fix typo

* init branch

* add components

* fix image

* init

* update overview for user-manua;

* update translation

* update translation

* finish create your first project section

* fix broken link

* fix user manual

* updating understand UI

* add the old docs

* add to Ja

* Update browser-setup.md

change title

* add ja browser-setup

* add ja article

* タイトル変更 (#47)

変更しました

* 20221216_更新しました_浦島翠 (#53)

20221216_更新しました_浦島翠

* 20221216_更新しました_浦島翠 (#54)

20221216_更新しました_浦島翠

* 20221217_更新しました_浦島翠 (#55)

20221217_更新しました_浦島翠

* 20221217_更新しました_浦島翠 (#56)

20221217_更新しました_浦島翠

* 更新 (#57)

20221218_更新_花岡

* 更新 (#58)

20221218_更新_花岡

* 更新 (#59)

20221218_更新_花岡

* Update overview.mdx

* Update color-theme-switch.mdx

* fix error

* translate overview

* Update _category_.json

update folder name

* 更新 (#60)

* 更新

20221220_更新_花岡

* Update adding-layers.mdx

fix typo

Co-authored-by: XU Cong <[email protected]>

* 更新 (#61)

* 更新

20221220_更新_花岡

* Update publilshing-project.mdx

fix typo

Co-authored-by: XU Cong <[email protected]>

* 更新 (#62)

* 更新

20221221_更新_花岡

* Update header.mdx

fix typo

Co-authored-by: XU Cong <[email protected]>

* 20221222_EnglishChecked_Eliyah (#63)

20221222_EnglishChecked_Eliyah

* Update overview.mdx (#64)

* 20221222_EnglishChecked_Mido (#65)

20221222_EnglishChecked_Mido

* 20221222_更新しました_浦島翠 (#66)

20221222_更新しました_浦島翠

* 20221222_更新しました_浦島翠 (#67)

20221222_更新しました_浦島翠

* 20221222_更新しました_浦島翠 (#68)

* 20221222_更新しました_浦島翠

20221222_更新しました_浦島翠

* Update Dashboard.mdx

no need to change the header part

Co-authored-by: XU Cong <[email protected]>

* 20221222_EnglishChecked_Mido (#69)

20221222_EnglishChecked_Mido

* 20221222_EnglishChecked_Mido (#70)

20221222_EnglishChecked_Mido

* 20221224_更新しました_浦島翠 (#71)

* 20221224_更新しました_浦島翠

20221224_更新しました_浦島翠

* Update overview.mdx

Co-authored-by: XU Cong <[email protected]>

* 20221226_EnglishChecked_Eliyah (#74)

* 20221226_EnglishChecked_Eliyah

Eliyah has corrected this write-up on 20221226

* Update color-theme-switch.mdx

fix error

* Update color-theme-switch.mdx

Co-authored-by: XU Cong <[email protected]>

* 20221226_EnglishChecked_Eliyah (#75)

Correction completed. 20221226_EnglishChecked_Eliyah

* 20221226_EnglishChecked_Eliyah (#76)

Correction Completed. 20221226

* 20221222_EnglishChecked_Mido (#77)

20221222_EnglishChecked_Mido

* 20221222_EnglishChecked_Mido (#80)

20221222_EnglishChecked_Mido

* 20221222_EnglishChecked_Mido (#81)

20221222_EnglishChecked_Mido

* 20221231_EnglishChecked_Eliyah (#84)

* 20221231_EnglishChecked_Eliyah

Correction completed

* Update editor.mdx

fix again

* Update editor.mdx

Co-authored-by: XU Cong <[email protected]>

* 20221229_EnglishChecked_Eliyah (#83)

* 20221229_EnglishChecked_Eliyah

Eliyah made corrections. 20221229

* Update header.mdx

Co-authored-by: XU Cong <[email protected]>

* 20221229_EnglishChecked_Eliyah (#82)

* 20221229_EnglishChecked_Eliyah

Corrections done by Eliyah. 20221226

* Update publilshing-project.mdx

Co-authored-by: XU Cong <[email protected]>

* 20221222_EnglishChecked_Mido (#78)

* 20221222_EnglishChecked_Mido

20221222_EnglishChecked_Mido

* Update overview.mdx

Co-authored-by: XU Cong <[email protected]>

* 20221224_更新しました_浦島翠 (#73)

* 20221224_更新しました_浦島翠

20221224_更新しました_浦島翠

* Update interacting-with-viewer.mdx

Co-authored-by: XU Cong <[email protected]>

* fix translation

* fix error

* fix typo

* fix link

* fix error

* fix link

* fix link

* 20230118_更新しました_浦島翠 (#85)

20230118_更新しました_浦島翠

* 20230118_更新しました_浦島翠 (#86)

20230118_更新しました_浦島翠

* 20230118_更新しました_浦島翠 (#87)

20230118_更新しました_浦島翠

* 2023_01_18 修正 (#88)

修正　花岡

* 23_01_18_修正_花岡 (#89)

修正

* 23_01_18　仮修正_花岡 (#90)

23_01_18　花岡

* 20230118_更新しました_浦島翠 (#91)

20230118_更新しました_浦島翠

* 23_01_18　再修正 (#92)

再修正　花岡

* 20230120_修正しました_浦島翠 (#93)

20230120_修正しました_浦島翠

* 2023_修正しました_ (#94)

* 20230121_修正しました_花岡（浦島） (#95)

20230121_修正しました_

* 20230121_修正しました_花岡（浦島） (#96)

20230121_修正しました

* 20230121_修正しました_花岡（浦島） (#97)

20230121_修正しました

* 20230121_修正しました_花岡(浦島） (#98)

20230121_修正しました

* Update adding-layers.mdx

fix type

* Update overview.mdx

* Update creating-a-infobox-for-layer.mdx

* 20230124_修正しました_浦島 (#99)

20230124_修正しました_浦島

* 2024125_塩口(

* Update Dashboard.mdx

* タイトルの更新

タイトルを適切な日本語に変更

* 項目名更新

対応した項目名に変更

* 項目名更新

対応した項目名に変更

* 項目名更新

対応した項目名に変更

* 項目名更新

対応した項目名に変更

* マークダウン対応

マークダウン対応

* 文章追加

文章的に、次の説明は「ダッシュボード」かな？と勘違いしてしまうため、１２行目を追加し勘違いを回避

Co-authored-by: robocoop-shioguchi <[email protected]>
Co-authored-by: Midori-Urashima <[email protected]>
Co-authored-by: KazumiHanaoka <[email protected]>
Co-authored-by: Eliyah Eziwhuo <[email protected]>
Co-authored-by: Mido-m-93 <[email protected]>

Author: 6 people

docusaurus.config.js

@@ -89,14 +89,8 @@ const lightCodeTheme = require("prism-react-renderer/themes/github");
           },
           items: [
             {
-              to: "https://docs2.reearth.io/getting-started",
-              label: "Getting started",
-              position: "left",
-              activeBaseRegex: `/userManual/`,
-            },
-            {
-              to: "/user-manual/reference",
-              label: "Reference",
+              to: "/user-manual/overview",
+              label: "User Manual",
               position: "left",
               activeBaseRegex: `/userManual/`,
             },
@@ -140,12 +134,8 @@ const lightCodeTheme = require("prism-react-renderer/themes/github");
               title: "Docs",
               items: [
                 {
-                  label: "Getting started",
-                  to: "https://docs2.reearth.io/getting-started",
-                },
-                {
-                  label: "Reference",
-                  to: "/user-manual/reference",
+                  label: "User Manual",
+                  to: "/user-manual/overview",
                 },
                 {
                   label: "Developer guide",

i18n/ja/code.json

@@ -324,5 +324,144 @@
   "theme.blog.post.readMoreLabel": {
     "message": "Read more about {title}",
     "description": "The ARIA label for the link to full blog posts from excerpts"
+  },
+  "User Manual": {
+    "message": "ユーザーマニュアル",
+    "description": "Top page/ Card / Title"
+  },
+  "The user manual will dive deeper into the core functionality and teach you how to get the most out of Re:Earth.": {
+    "message": "ユーザーマニュアルでは、Re:Earthのコアとなる機能を深く掘り下げ、最大限に活用する方法をお伝えします。",
+    "description": "Top page / Card / Description"
+  },
+  "theme.SearchBar.seeAll": {
+    "message": "See all {count} results"
+  },
+  "theme.SearchPage.documentsFound.plurals": {
+    "message": "{count}件のドキュメントが見つかりました",
+    "description": "Pluralized label for \"{count} documents found\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
+  },
+  "theme.SearchPage.existingResultsTitle": {
+    "message": "『{query}』の検索結果",
+    "description": "The search page title for non-empty query"
+  },
+  "theme.SearchPage.emptyResultsTitle": {
+    "message": "ドキュメントを検索",
+    "description": "The search page title for empty query"
+  },
+  "theme.SearchPage.inputPlaceholder": {
+    "message": "ここに検索するキーワードを入力してください",
+    "description": "The placeholder for search page input"
+  },
+  "theme.SearchPage.inputLabel": {
+    "message": "検索",
+    "description": "The ARIA label for search page input"
+  },
+  "theme.SearchPage.algoliaLabel": {
+    "message": "Algoliaで検索",
+    "description": "The ARIA label for Algolia mention"
+  },
+  "theme.SearchPage.noResultsText": {
+    "message": "検索結果が見つかりませんでした",
+    "description": "The paragraph for empty search result"
+  },
+  "theme.SearchPage.fetchingNewResults": {
+    "message": "新しい検索結果を取得しています...",
+    "description": "The paragraph for fetching new search results"
+  },
+  "theme.SearchBar.label": {
+    "message": "検索",
+    "description": "The ARIA label and placeholder for search button"
+  },
+  "theme.SearchModal.searchBox.resetButtonTitle": {
+    "message": "Clear the query",
+    "description": "The label and ARIA label for search box reset button"
+  },
+  "theme.SearchModal.searchBox.cancelButtonText": {
+    "message": "Cancel",
+    "description": "The label and ARIA label for search box cancel button"
+  },
+  "theme.SearchModal.startScreen.recentSearchesTitle": {
+    "message": "Recent",
+    "description": "The title for recent searches"
+  },
+  "theme.SearchModal.startScreen.noRecentSearchesText": {
+    "message": "No recent searches",
+    "description": "The text when no recent searches"
+  },
+  "theme.SearchModal.startScreen.saveRecentSearchButtonTitle": {
+    "message": "Save this search",
+    "description": "The label for save recent search button"
+  },
+  "theme.SearchModal.startScreen.removeRecentSearchButtonTitle": {
+    "message": "Remove this search from history",
+    "description": "The label for remove recent search button"
+  },
+  "theme.SearchModal.startScreen.favoriteSearchesTitle": {
+    "message": "Favorite",
+    "description": "The title for favorite searches"
+  },
+  "theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle": {
+    "message": "Remove this search from favorites",
+    "description": "The label for remove favorite search button"
+  },
+  "theme.SearchModal.errorScreen.titleText": {
+    "message": "Unable to fetch results",
+    "description": "The title for error screen of search modal"
+  },
+  "theme.SearchModal.errorScreen.helpText": {
+    "message": "You might want to check your network connection.",
+    "description": "The help text for error screen of search modal"
+  },
+  "theme.SearchModal.footer.selectText": {
+    "message": "to select",
+    "description": "The explanatory text of the action for the enter key"
+  },
+  "theme.SearchModal.footer.selectKeyAriaLabel": {
+    "message": "Enter key",
+    "description": "The ARIA label for the Enter key button that makes the selection"
+  },
+  "theme.SearchModal.footer.navigateText": {
+    "message": "to navigate",
+    "description": "The explanatory text of the action for the Arrow up and Arrow down key"
+  },
+  "theme.SearchModal.footer.navigateUpKeyAriaLabel": {
+    "message": "Arrow up",
+    "description": "The ARIA label for the Arrow up key button that makes the navigation"
+  },
+  "theme.SearchModal.footer.navigateDownKeyAriaLabel": {
+    "message": "Arrow down",
+    "description": "The ARIA label for the Arrow down key button that makes the navigation"
+  },
+  "theme.SearchModal.footer.closeText": {
+    "message": "to close",
+    "description": "The explanatory text of the action for Escape key"
+  },
+  "theme.SearchModal.footer.closeKeyAriaLabel": {
+    "message": "Escape key",
+    "description": "The ARIA label for the Escape key button that close the modal"
+  },
+  "theme.SearchModal.footer.searchByText": {
+    "message": "Search by",
+    "description": "The text explain that the search is making by Algolia"
+  },
+  "theme.SearchModal.noResultsScreen.noResultsText": {
+    "message": "No results for",
+    "description": "The text explains that there are no results for the following search"
+  },
+  "theme.SearchModal.noResultsScreen.suggestedQueryText": {
+    "message": "Try searching for",
+    "description": "The text for the suggested query when no results are found for the following search"
+  },
+  "theme.SearchModal.noResultsScreen.reportMissingResultsText": {
+    "message": "Believe this query should return results?",
+    "description": "The text for the question where the user thinks there are missing results"
+  },
+  "theme.SearchModal.noResultsScreen.reportMissingResultsLinkText": {
+    "message": "Let us know.",
+    "description": "The text for the link to report missing results"
+  },
+  "theme.SearchModal.placeholder": {
+    "message": "Search docs",
+    "description": "The placeholder of the input of the DocSearch pop-up modal"
   }
 }

i18n/ja/docusaurus-plugin-content-docs-user-manual/current.json

@@ -46,5 +46,21 @@
   "sidebar.mySidebar.category.3D data": {
     "message": "3D データ",
     "description": "The label for category 3D data in sidebar mySidebar"
+  },
+  "sidebar.mySidebar.category.Getting Started": {
+    "message": "はじめかた",
+    "description": "The label for category Getting Started in sidebar mySidebar"
+  },
+  "sidebar.mySidebar.category.Environment setting": {
+    "message": "環境設定",
+    "description": "The label for category Environment setting in sidebar mySidebar"
+  },
+  "sidebar.mySidebar.category.Making your first project": {
+    "message": "最初のプロジェクトの作成",
+    "description": "The label for category Making your first project in sidebar mySidebar"
+  },
+  "sidebar.mySidebar.category.Understanding Re:Earth UI": {
+    "message": "Re:EarthのUIを理解する",
+    "description": "The label for category Understanding Re:Earth UI in sidebar mySidebar"
   }
 }

i18n/ja/docusaurus-plugin-content-docs-user-manual/current/getting-started/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "はじめかた",
+  "position": 2
+}

i18n/ja/docusaurus-plugin-content-docs-user-manual/current/getting-started/environment-setting/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "環境設定",
+  "position": 1
+}

i18n/ja/docusaurus-plugin-content-docs-user-manual/current/getting-started/environment-setting/browser-setup.md

@@ -0,0 +1,56 @@
+---
+title: Re:Earthの動作環境について
+sidebar_position: 1
+---
+
+Re:EarthはWebブラウザ上で動作するアプリケーションです。
+
+Webブラウザが動作する全てのデスクトップOS（Windows, macOS, Linux, Chrome OS）やモバイルOS（iOS、Andorid）に対応しています。
+## インターネット接続について
+
+Re:Earthの動作には、インターネット接続を必要とします。また、現在はオフライン作業に対応していません。
+
+利用中にインターネット接続が切断された場合、変更内容が正常に保存されないことがあります。
+
+## 対応Webブラウザについて
+
+- Chrome 58+
+- Firefox 57+
+- Safari 11+ (macOSのみ)
+- Microsoft Edge XX 以降
+- iOS(11+) Safari
+- Android(10+) Chrome
+
+快適な動作とセキュリティを維持するため、Webブラウザのアップデートは定期的に行い、最新バージョンをご利用ください。
+
+Internet Explorer には対応していません。全てのバージョンで動作しません。
+
+## 対応OSについて
+
+- Windows 10
+- Apple macOS 10.12 (macOS Sierra)+
+- 上記デスクトップWebブラウザが動作するLinux
+- ChromeOS
+- iOS 11+
+- Android 10+
+
+Re:Earthは、主にWindows及びmacOSで動作確認を行なっています。
+
+快適な動作とセキュリティを維持するため、OSのアップデートは定期的に行い、最新バージョンをご利用ください。
+## 対応ディスプレイモニタについて
+
+Re:Earthでの効率的な編集作業には、解像度が1000x700ピクセル以上のモニタが必要です。
+
+この解像度をサポートするモニタであれば、デスクトップPC、ラップトップPC、及びiPadなどのタブレット端末でも、問題なく利用することができます。
+
+Re:Earthで作成・公開されたプロジェクトは、iPhoneなどのスマートフォン表示に対応しています。ただし、Re:Earthの編集画面は、スマートフォン表示に対応していません。
+
+## グラフィックカードについて
+
+Re:Earthでは、地球儀の表示等にWebGLを利用しています。
+
+そのため、Re:Earthの動作には、WebGLをサポートするグラフィックカード及びグラフィックチップが必要です。近年のPCやタブレット端末で利用されているCPUやモバイル端末の多くはグラフィックチップを内蔵しており、多くの場合、問題なくRe:Earthが動作します。
+
+デスクトップPCでより快適に作業を行いたい場合には、近年発売されたNvidia GeForceシリーズや、AMD Radeonシリーズなどのグラフィックカードを導入していただくことをお勧めします。
+
+快適な動作のため、グラフィックカードやグラフィックチップのドライバアップデートは定期的に行い、最新バージョンをご利用ください。

i18n/ja/docusaurus-plugin-content-docs-user-manual/current/getting-started/environment-setting/color-theme-switch.mdx

@@ -0,0 +1,14 @@
+---
+title: カラーテーマの変更
+sidebar_position: 3
+---
+
+Re:Earthシステムでは、**Light theme**と**Dark theme**という2つのUIカラーテーマを提供しており、用途に応じていつでも切り替えることができます。
+
+UIカラーテーマの切り替え機能は、アカウント設定画面でも利用可能です。
+- ダッシュボードのヘッダー→アカウント設定
+
+<Image path={require('./img/2-1.png').default} />
+<Image path={require('./img/2-2.png').default} />
+
+import Image from "/src/components/Image/Image";

i18n/ja/docusaurus-plugin-content-docs-user-manual/current/getting-started/environment-setting/img/1-1.png

@@ -0,0 +1,15 @@
+---
+title: 言語切り替え
+sidebar_position: 2
+---
+
+Re:Earthは現在、少なくとも英語と日本語の2ヶ国語をサポートしています。また、開発チームにも様々な言語背景を持つメンバーが増えており、将来的にはより多くの言語に対応する予定です。
+
+言語機能の切り替えは、アカウントの設定ページで確認できます。
+- ダッシュボードのヘッダー→アカウント設定
+
+<Image path={require('./img/1-1.png').default} />
+<Image path={require('./img/1-2.png').default} />
+
+import Image from "/src/components/Image/Image";
+

i18n/ja/docusaurus-plugin-content-docs-user-manual/current/getting-started/environment-setting/img/1-2.png

@@ -0,0 +1,4 @@
+{
+  "label": "最初のプロジェクトの作成",
+  "position": 2
+}

i18n/ja/docusaurus-plugin-content-docs-user-manual/current/getting-started/environment-setting/img/2-1.png

@@ -0,0 +1,62 @@
+---
+title: レイヤーを追加
+sidebar_position: 5
+---
+
+Re:Earthでは、地図に素材を追加することができます。デジタルアース上に表示できる全てのアイテム ( [マーカー](/user-manual/property/overview#marker-properties-1), [3Dモデル](/user-manual/three-d-data/3d-model), [フォトオーバレイ](/user-manual/property/overview#photo-overlay-properties)など) はすべてレイヤーとして管理されています。
+
+ここでは例として、地図にレイヤーとして目印を追加してみます。
+
+## マーカーレイヤーの追加
+
+<Image path={require('./img/4-1.png').default} />
+
+<Image path={require('./img/4-2.png').default} />
+
+<Order>
+  <ListByNumber>
+   <a target="_self" href="/user-manual/getting-started/understanding-reearth-ui/editor#tool-bar">ツールバー</a>から「マーカー」ボタンをクリックします。
+  </ListByNumber>
+  <ListByNumber>
+    マーカーアイコンを地図上の配置したい場所にドラッグする
+  </ListByNumber>
+  <ListByNumber>
+    <a target="_self" herf="/user-manual/getting-started/understanding-reearth-ui/editor#outline">アウトライン</a>レイヤーリストに、マーカーという新しいレイヤーが作成されます。
+  </ListByNumber>
+</Order>
+
+## レイヤーのプロパティを変更する
+
+レイヤーを選択することで、そのレイヤーの様々なプロパティを変更し、以下の例のように状態や形状を変化させることができます。
+
+### ポジション変更
+
+<Image path={require('./img/4-3.gif').default} />
+
+レイヤーを1秒以上長押しすると、地図上の位置を移動させることができます。
+
+### 外観の変更
+
+<Image path={require('./img/4-4.gif').default} />
+
+このマーカーレイヤのスタイル、サイズ、色などを変更することができます。
+
+### ラベルの追加
+
+<Image path={require('./img/4-5.gif').default} />
+
+また、マーカーレイヤにラベルを追加し、フォントの種類を調整することなども可能です。
+
+マーカレイヤーについては、カスタマイズ可能な多くのアイテムを用意していますので、[こちら](/user-manual/property/overview#marker-properties) をご覧ください。レイヤーの種類によって、それぞれ異なるパラメータや機能があり、 [こちら](/user-manual/property/overview)よりご確認頂けます。
+
+他のレイヤーの設定を変更することで、異なる効果が得られます。
+
+import Image from "/src/components/Image/Image";
+import ListByNumber from "/src/components/List/ListByNumber";
+import Order from "/src/components/List/Order";
+
+
+
+
+
+