Add: hierarchy section

docs/articles/ja/about.md

@@ -4,5 +4,7 @@
 
 AlchemyはUnity向けの豊富なエディタ拡張の機能を提供するライブラリです。Inspectorを手軽に拡張するための30以上の属性が追加されるほか、Unity.Serializationパッケージと専用のSource Generatorを使用することで、通常のUnityではシリアル化できない型(`Dictionary`, `HashSet`, `Nullable`, `ValueTuple`, etc.)をシリアル化してInspectorから編集することを可能にします。
 
+![hierarchy](../../images/img-hierarchy.png)
+
 またv2.0の新機能として、EditorWindow拡張とHierarchy拡張が追加されました。これらを用いることで、エディタでの開発フローを効率化するツールを簡単に作成できるようになります。
 

docs/articles/ja/hierarchy-decoration.md

@@ -1,2 +1,19 @@
-# ヒエラルキーの装飾
+# Hierarchyの装飾
 
+AlchemyではHierarchyにヘッダーや仕切り線を追加することで、Hierarchyをより見やすく、扱いやすいように装飾することが可能になっています。
+
+![img](../../images/img-hierarchy.png)
+
+ヘッダーや仕切り線を追加するには、Hierarchyの「+」ボタンから`Alchemy > Header/Separator`を選択します。
+
+![img](../../images/img-create-hierarchy-object.png)
+
+また、これらの装飾に使われるオブジェクトのことをAlchemyでは`HierarchyObject`と呼び、これらのオブジェクトはビルドからは除外されます。(子オブジェクトが存在する場合は`transform.DetachChildren()`を呼んで全ての子オブジェクトを解除した後に削除されます。)
+
+`HierarchyObject`の扱いについては`Project Settings > Alchemy`から変更が可能です。
+
+![img](../../images/img-project-settings.png)
+
+個別の`HierarchyObject`の扱いを変更したい際には、各オブジェクトのInspectorから変更できます。
+
+![img](../../images/img-hierarchy-header-inspector.png)

docs/articles/ja/hierarchy-toggles-and-icons.md

@@ -0,0 +1,9 @@
+# トグルとアイコン
+
+Alchemyを導入することで、Hierarchyにオブジェクトのアクティブ/非アクティブを切り替え可能にするトグルや、各コンポーネントのアイコンを追加することができます。
+
+![gif](../../images/gif-hierarchy-toggle.gif)
+
+これらの機能はデフォルトではオフになっています。Hierarchyの表示の設定は`Project Settings > Alchemy`から行うことが可能です。
+
+![img](../../images/img-project-settings.png)

docs/articles/ja/toc.yml

@@ -77,6 +77,12 @@
   - name: Tab Group
     href: attributes/tab-group.md
 
+- name: Hierarchy
+- name: トグルとアイコン
+  href: hierarchy-toggles-and-icons.md
+- name: Hierarchyの装飾
+  href: hierarchy-decoration.md
+
 - name: Others
 - name: 他ライブラリとの比較
   href: comparison-with-other-libraries.md