クエリ修正

This reverts commit 3d01ff3d81.

.idea/deploymentTargetSelector.xml

@@ -4,10 +4,10 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2023-12-18T03:36:14.973846Z">
+        <DropdownSelection timestamp="2024-01-20T07:15:21.179573376Z">
           <Target type="DEFAULT_BOOT">
             <handle>
-              <DeviceId pluginId="PhysicalDevice" identifier="serial=ZY22H7V3G7" />
+              <DeviceId pluginId="LocalEmulator" identifier="path=/home/rca/.android/avd/Pixel_3a_API_34_extension_level_7_x86_64.avd" />
             </handle>
           </Target>
         </DropdownSelection>

.idea/gradle.xml

@@ -4,7 +4,6 @@
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
-        <option name="testRunner" value="GRADLE" />
         <option name="externalProjectPath" value="$PROJECT_DIR$" />
         <option name="gradleJvm" value="jbr-17" />
         <option name="modules">
@@ -23,6 +22,7 @@
             <option value="$PROJECT_DIR$/feature/library" />
             <option value="$PROJECT_DIR$/feature/scan" />
             <option value="$PROJECT_DIR$/feature/search" />
+            <option value="$PROJECT_DIR$/feature/setting" />
             <option value="$PROJECT_DIR$/model" />
             <option value="$PROJECT_DIR$/processor" />
             <option value="$PROJECT_DIR$/shared" />

.idea/misc.xml

@@ -1,6 +1,6 @@
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/build/classes" />
   </component>
   <component name="ProjectType">

README.md

@@ -1,8 +1,10 @@
 # Lacerta
-WIP
+学習に便利な機能とGit-like VCSを持ったドキュメントスキャナ (Work In Progress)
+(グループワーク)
+
 ## モジュール設計
+![Untitled Diagram(2)(1) drawio(1)](https://github.com/lacerta-doc/Lacerta/assets/66072112/f9b9c40f-bed0-4ade-95c1-50e28df68f35)
 
-![Untitled Diagram(2)](https://github.com/lacerta-doc/Lacerta/assets/66072112/9daabaca-5cdc-49f8-ac66-196c588a47c9)
 
 ## メモ
 - アイコン: Google Material Icons https://fonts.google.com/icons (Weight:300, Grade:0, Optical size: 24px)
@@ -11,45 +13,28 @@ WIP
 ### モジュール一覧
 - `component` : コンポーネント
   - `common` : 共通コンポーネント
-    - UIの中で共通で使う要素(メニューアイテムとか)
-  - `scanner` : スキャナー
-    - スキャナーの実装
+  - `scanner` : スキャナー 
   - `viewer` : ビューワー
-    - ドキュメントビューワーの実装
-- `data` : データ
-  - UIからデータを取得/保存するためのラッパーモジュール
-  - `Document` : ドキュメント関係
-    - WIP(JavaDocを参照してください, 余裕があったら追記します)
+- `data` : UIからデータを取得/保存するためのラッパーモジュール
 - `feature` : 機能モジュール(ナビゲーションからみた機能で分割)
   - `common`: 共通機能
-    - 設定画面とか、どこからでも呼ばれうる画面
   - `debug`: デバッグメニュー
   - `home`: ホーム画面
   - `library`: ライブラリ画面
-  - `scan`: スキャン画面
+  - `scan`: スキャン画面 (廃止予定)
   - `search`: 検索画面
-- `model` : モデル
-  - データモデルをまとめたモジュール (WIP)
-  - `document` : ドキュメント
-  - `meta` : メタデータ
-- `processor` : プロセッサ
-  - いくつかの処理をまとめたモジュール
-    - `DocumentProcessor` : ドキュメント処理（ドキュメントにページを追加したり更新したり） 
-- `shared` : 
-  - 共有リソース
-- `source` : ソース
-  - (バックエンドが使うのでとりあえず後回し、フロントから直接操作することは絶対にありません)
-- `utils` : ユーティリティ
-  - ちょっとしたユーティリティをまとめたモジュール
-  - `LacertaLogger` : ロガー
-  - `XmlMetaParser` : XMLメタデータパーサー(フロントから直接操作することは絶対にありません)
-
+- `model` : データモデルをまとめたモジュール
+- `processor` : プロセッサ（例: `DocumentProcessor` : ドキュメント処理（ドキュメントにページを追加したり更新したり）)
+- `shared`: 共有リソース
+  - `ui`: UI要素(Theme, Drawable, Colorなど)
+- `source` : ソース(DB/FileManagerなど)
+- `utils` : ユーティリティ(ちょっとしたユーティリティをまとめたモジュール)
 
 ## コーディング規則/推奨(WIP)
-### 規則
 - `// TODO`コメントには任意のsuffixを付ける
   - 全員が同じ`// TODO:`を使っていると検索がむずかしくなるため
   - (例: `// TODO-rca:`)
-### 推奨
-- マジックナンバーは控える(必要な場合もあるので)
-
+ 
+## Thanks for
+- [SDA-SE/document-scanner-android](https://github.com/SDA-SE/document-scanner-android)
+- 

app/build.gradle

@@ -74,7 +74,14 @@ dependencies {
     implementation project(':feature:library')
     implementation project(':feature:scan')
     implementation project(':feature:debug')  // デバッグメニュー
+    implementation project(':feature:setting')  // 設定画面
 
     implementation project(':data')
     implementation project(':shared:ui')
+
+    implementation project(':model')
+
+    implementation project(':utils')
+
+    implementation project(':component:scanner')
 }

app/src/main/AndroidManifest.xml

@@ -17,7 +17,7 @@
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
         android:fullBackupContent="@xml/backup_rules"
-        android:icon="@mipmap/ic_launcher"
+        android:icon="@mipmap/ic_launcher_temp_round"
         android:name=".LacertaApplication"
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"

app/src/main/java/one/nem/lacerta/LacertaApplication.java

@@ -6,6 +6,7 @@ import android.util.Log;
 import com.google.android.material.color.DynamicColors;
 
 import dagger.hilt.android.HiltAndroidApp;
+import one.nem.lacerta.utils.FeatureSwitch;
 
 @HiltAndroidApp
 public class LacertaApplication extends Application {
@@ -15,7 +16,11 @@ public class LacertaApplication extends Application {
 
         if (DynamicColors.isDynamicColorAvailable()) {
             Log.d("DynamicColors", "DynamicColors is available. Applying to activities...");
-            DynamicColors.applyToActivitiesIfAvailable(this);
+            if (FeatureSwitch.Meta.disableDynamicColor) {
+                Log.d("DynamicColors", "DynamicColors is disabled by FeatureSwitch.");
+            } else {
+                DynamicColors.applyToActivitiesIfAvailable(this);
+            }
         } else {
             Log.d("DynamicColors", "DynamicColors is not available.");
         }

app/src/main/java/one/nem/lacerta/MainActivity.java

@@ -1,46 +1,64 @@
 package one.nem.lacerta;
 
-import androidx.appcompat.app.ActionBarDrawerToggle;
+import androidx.annotation.NonNull;
 import androidx.appcompat.app.AppCompatActivity;
 import androidx.appcompat.widget.Toolbar;
 import androidx.core.content.ContextCompat;
-import androidx.drawerlayout.widget.DrawerLayout;
+import androidx.fragment.app.Fragment;
 import androidx.fragment.app.FragmentManager;
+import androidx.fragment.app.FragmentTransaction;
 import androidx.navigation.NavController;
 import androidx.navigation.fragment.NavHostFragment;
 import androidx.navigation.ui.NavigationUI;
 
+import android.content.Intent;
+import android.content.pm.PackageManager;
 import android.graphics.Color;
 import android.os.Bundle;
 import android.util.Log;
-import android.view.Gravity;
-import android.widget.TextView;
+import android.view.Menu;
+import android.view.MenuItem;
 import android.widget.Toast;
 
-import com.google.android.material.bottomnavigation.BottomNavigationView;
-import com.google.android.material.shape.CornerFamily;
-import com.google.android.material.shape.MaterialShapeDrawable;
-import com.google.android.material.shape.ShapeAppearanceModel;
+import one.nem.lacerta.component.scanner.ScannerManagerActivity;
+import one.nem.lacerta.model.FragmentNavigation;
+import one.nem.lacerta.model.pref.FeatureSwitchOverride;
+import one.nem.lacerta.utils.FeatureSwitch;
 
+import com.google.android.material.appbar.AppBarLayout;
+import com.google.android.material.bottomnavigation.BottomNavigationView;
+import com.google.android.material.floatingactionbutton.FloatingActionButton;
+
+
+import java.io.NotActiveException;
 
 import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.utils.repository.SharedPrefUtils;
+
 import javax.inject.Inject;
 
 @AndroidEntryPoint
-public class MainActivity extends AppCompatActivity {
+public class MainActivity extends AppCompatActivity implements FragmentNavigation {
+
+    @Inject
+    SharedPrefUtils sharedPrefUtils;
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
 
+        BottomNavigationView bottomNavigationView = findViewById(R.id.bottom_nav);
+
+        // Initialize app
+        if (sharedPrefUtils.getIsFirstLaunch()) initializeApp();
+
         // Init navigation
         try {
             FragmentManager supportFragmentManager = getSupportFragmentManager();
             NavHostFragment navHostFragment = (NavHostFragment) supportFragmentManager.findFragmentById(R.id.nav_host_fragment);
             assert navHostFragment != null;
             NavController navController = navHostFragment.getNavController();
-            BottomNavigationView bottomNavigationView = findViewById(R.id.bottom_nav);
             NavigationUI.setupWithNavController(bottomNavigationView, navController);
         }
         catch (Exception e) {
@@ -50,40 +68,117 @@ public class MainActivity extends AppCompatActivity {
             finish(); // Exit app
         }
 
+        // Apply feature switch
+        applyFeatureSwitch(bottomNavigationView, FeatureSwitchOverride.ENABLE_SEARCH, FeatureSwitch.FeatureMaster.enableSearch, one.nem.lacerta.feature.search.R.id.feature_search_navigation);
+        applyFeatureSwitch(bottomNavigationView, FeatureSwitchOverride.ENABLE_DEBUG_MENU, FeatureSwitch.FeatureMaster.enableDebugMenu, one.nem.lacerta.feature.debug.R.id.feature_debug_navigation);
+
+
         // Set navigation bar color
-        getWindow().setNavigationBarColor(ContextCompat.getColor(this, one.nem.lacerta.shared.ui.R.color.colorSurfaceVariant));
+        getWindow().setNavigationBarColor(ContextCompat.getColor(this, one.nem.lacerta.shared.ui.R.color.colorSecondaryContainer));
 
-        Toolbar toolbar = findViewById(R.id.toolbar);
-        setSupportActionBar(toolbar);
+        // Set status bar color
+        getWindow().setStatusBarColor(ContextCompat.getColor(this, one.nem.lacerta.shared.ui.R.color.colorSurface));
 
-//        // Create a new TextView
-//        TextView toolbarTitle = new TextView(this);
-//        // Set the text and center it in the TextView
-//        toolbarTitle.setText("App Name");
-//        toolbarTitle.setTextColor(Color.WHITE);
-//        toolbarTitle.setTextSize(20);
-//        toolbarTitle.setLayoutParams(new Toolbar.LayoutParams(Toolbar.LayoutParams.WRAP_CONTENT,
-//                Toolbar.LayoutParams.WRAP_CONTENT, Gravity.CENTER_HORIZONTAL));
-//
-//        // Set the TextView as the title
-//        toolbar.addView(toolbarTitle);
+        // Fab
+        findViewById(R.id.scanFab).setOnClickListener(v -> {
+            Toast.makeText(this, "Scan", Toast.LENGTH_SHORT).show();
+            Intent intent = new Intent(this.getApplicationContext(), ScannerManagerActivity.class);
+            startActivity(intent);
+        });
 
-        float radius = getResources().getDimension(one.nem.lacerta.shared.ui.R.dimen.toolbar_corner_radius);
+    }
 
-        MaterialShapeDrawable materialShapeDrawable = (MaterialShapeDrawable)toolbar.getBackground();
-        materialShapeDrawable.setShapeAppearanceModel(materialShapeDrawable.getShapeAppearanceModel()
-                .toBuilder()
-                .setAllCorners(CornerFamily.ROUNDED,radius)
-                .build());
-        // Set the MaterialShapeDrawable as the background of the Toolbar
+    @Override
+    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
+        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
+        if (requestCode == 1) {
+            if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
+                Toast.makeText(this, "Permission granted", Toast.LENGTH_SHORT).show();
+            } else {
+                Toast.makeText(this, "Permission denied", Toast.LENGTH_SHORT).show();
+                Toast.makeText(this, "カメラの権限は必須です.", Toast.LENGTH_LONG).show();
+                finish(); // Exit app
+            }
+        }
+    }
 
-        DrawerLayout drawer = findViewById(R.id.drawer_layout);
-        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
-                this, drawer, toolbar, one.nem.lacerta.shared.ui.R.string.placeholder, one.nem.lacerta.shared.ui.R.string.placeholder);
-        drawer.addDrawerListener(toggle);
-        toggle.syncState();
+    private void initializeApp() {
+        Log.d("Init", "Initializing app");
+        // Set feature switch override to default value
+        sharedPrefUtils.setFeatureSwitchOverride(FeatureSwitchOverride.ENABLE_SEARCH, FeatureSwitch.FeatureMaster.enableSearch);
+        sharedPrefUtils.setFeatureSwitchOverride(FeatureSwitchOverride.ENABLE_DEBUG_MENU, FeatureSwitch.FeatureMaster.enableDebugMenu);
 
-        // Set the app name in the middle of the toolbar
-        getSupportActionBar().setTitle("App Name");
+        // Set isFirstLaunch to false
+        sharedPrefUtils.setIsFirstLaunch(false);
+    }
+
+    private void applyFeatureSwitch(BottomNavigationView bottomNavigationView, FeatureSwitchOverride featureSwitchOverride, boolean defaultValue, int menuId) {
+        boolean isEnabled = FeatureSwitch.Meta.canOverrideSwitch ? sharedPrefUtils.getFeatureSwitchOverride(featureSwitchOverride) : defaultValue;
+        if (!isEnabled) bottomNavigationView.getMenu().removeItem(menuId);
+    }
+
+    @Override
+    public void navigateToFragment(Fragment fragment) {
+        getSupportFragmentManager().beginTransaction()
+                .replace(R.id.nav_host_fragment, fragment)
+                .addToBackStack(null)
+                .commit();
+    }
+
+    @Override
+    public void navigateToFragment(Fragment fragment, boolean addToBackStack) {
+        if (addToBackStack) {
+            getSupportFragmentManager().beginTransaction()
+                    .replace(R.id.nav_host_fragment, fragment)
+                    .addToBackStack(null)
+                    .commit();
+        } else {
+            getSupportFragmentManager().beginTransaction()
+                    .replace(R.id.nav_host_fragment, fragment)
+                    .commit();
+        }
+    }
+
+    @Override
+    public void navigateToFragment(Fragment fragment, boolean addToBackStack, boolean clearBackStack) {
+        if (clearBackStack) {
+            getSupportFragmentManager().popBackStack(null, FragmentManager.POP_BACK_STACK_INCLUSIVE);
+        }
+        if (addToBackStack) {
+            getSupportFragmentManager().beginTransaction()
+                    .replace(R.id.nav_host_fragment, fragment)
+                    .addToBackStack(null)
+                    .commit();
+        } else {
+            getSupportFragmentManager().beginTransaction()
+                    .replace(R.id.nav_host_fragment, fragment)
+                    .commit();
+        }
+    }
+
+    public void navigateToFragmentAlternate(Fragment fragment, boolean addToBackStack) {
+        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
+
+        // get the current fragment
+        Fragment currentFragment = getSupportFragmentManager().getPrimaryNavigationFragment();
+
+        // hide the current fragment
+        if (currentFragment != null) {
+            transaction.hide(currentFragment);
+        }
+
+        // Add the new fragment
+        transaction.add(R.id.nav_host_fragment, fragment);
+
+        // Add the transaction to the back stack if needed
+        if (addToBackStack) {
+            transaction.addToBackStack(null);
+        }
+
+        // Commit the transaction
+        transaction.commit();
+
+        // Update the primary navigation fragment
+        getSupportFragmentManager().beginTransaction().setPrimaryNavigationFragment(fragment).commit();
     }
 }

app/src/main/res/drawable/ic_launcher_temp_foreground.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="#5F4769">
+  <group android:scaleX="0.377"
+      android:scaleY="0.377"
+      android:translateX="7.476"
+      android:translateY="7.476">
+    <path
+        android:fillColor="@android:color/white"
+        android:pathData="M7,3H4v3H2V1h5V3zM22,6V1h-5v2h3v3H22zM7,21H4v-3H2v5h5V21zM20,18v3h-3v2h5v-5H20zM19,18c0,1.1 -0.9,2 -2,2H7c-1.1,0 -2,-0.9 -2,-2V6c0,-1.1 0.9,-2 2,-2h10c1.1,0 2,0.9 2,2V18zM15,8H9v2h6V8zM15,11H9v2h6V11zM15,14H9v2h6V14z"/>
+  </group>
+</vector>

app/src/main/res/layout/activity_main.xml

@@ -1,64 +1,50 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/drawer_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:theme="@style/Theme.Lacerta"
     tools:context=".MainActivity">
 
-    <androidx.constraintlayout.widget.ConstraintLayout
-        android:layout_width="match_parent"
-        android:layout_height="match_parent">
+    <androidx.fragment.app.FragmentContainerView
+        android:id="@+id/nav_host_fragment"
+        android:name="androidx.navigation.fragment.NavHostFragment"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:defaultNavHost="true"
+        app:layout_constraintBottom_toTopOf="@+id/bottom_nav"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:navGraph="@navigation/main_nav"
+        tools:layout="@layout/fragment_home_top" />
 
-        <com.google.android.material.appbar.AppBarLayout
-            android:id="@+id/app_bar_layout"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            app:layout_constraintTop_toTopOf="parent">
+    <com.google.android.material.bottomnavigation.BottomNavigationView
+        android:id="@+id/bottom_nav"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:background="@color/colorSecondaryContainer"
+        app:itemIconTint="@color/colorOnSecondaryContainer"
+        app:itemTextColor="@color/colorOnSecondaryContainer"
+        app:itemActiveIndicatorStyle="@style/Lacerta.Custom.Indicator"
+        app:labelVisibilityMode="selected"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:menu="@menu/bottom_nav_menu" />
 
-            <com.google.android.material.appbar.MaterialToolbar
-                android:id="@+id/toolbar"
-                android:layout_width="match_parent"
-                android:layout_height="48dp"
-                android:background="?attr/colorSecondaryContainer"
-                app:layout_scrollFlags="scroll|enterAlways"
-                android:layout_margin="8dp"
-                app:titleCentered="true" />
-
-        </com.google.android.material.appbar.AppBarLayout>
-
-        <androidx.fragment.app.FragmentContainerView
-            android:id="@+id/nav_host_fragment"
-            android:name="androidx.navigation.fragment.NavHostFragment"
-            android:layout_width="0dp"
-            android:layout_height="0dp"
-            app:defaultNavHost="true"
-            app:layout_constraintBottom_toTopOf="@+id/bottom_nav"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/app_bar_layout"
-            app:navGraph="@navigation/main_nav"
-            tools:layout="@layout/fragment_debug_menu_container" />
-
-        <com.google.android.material.bottomnavigation.BottomNavigationView
-            android:id="@+id/bottom_nav"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:menu="@menu/bottom_nav_menu"/>
-
-    </androidx.constraintlayout.widget.ConstraintLayout>
-
-    <!-- NavigationView for the navigation drawer -->
-    <com.google.android.material.navigation.NavigationView
-        android:id="@+id/nav_view"
+    <com.google.android.material.floatingactionbutton.FloatingActionButton
+        android:id="@+id/scanFab"
         android:layout_width="wrap_content"
-        android:layout_height="match_parent"
-        android:layout_gravity="start"
-        app:menu="@menu/drawer_menu" />
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="32dp"
+        android:layout_marginBottom="32dp"
+        android:clickable="true"
+        app:layout_constraintBottom_toTopOf="@+id/bottom_nav"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:srcCompat="@drawable/ic_baseline_add_24" />
 
-</androidx.drawerlayout.widget.DrawerLayout>
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>

app/src/main/res/menu/bottom_nav_menu.xml

@@ -19,6 +19,11 @@
     <item
         android:id="@id/feature_debug_navigation"
         android:icon="@drawable/developer_mode_24px"
-        android:title="@string/debug_menu_title"/>
+        android:title="@string/debug_menu_title" />
+
+    <item
+        android:id="@id/feature_setting_navigation"
+        android:icon="@drawable/settings_24px"
+        android:title="@string/setting_title"/>
 
 </menu>

app/src/main/res/mipmap-anydpi-v26/ic_launcher_temp.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_temp_background"/>
+    <foreground android:drawable="@drawable/ic_launcher_temp_foreground"/>
+</adaptive-icon>

app/src/main/res/mipmap-anydpi-v26/ic_launcher_temp_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_temp_background"/>
+    <foreground android:drawable="@drawable/ic_launcher_temp_foreground"/>
+</adaptive-icon>

app/src/main/res/navigation/main_nav.xml

@@ -2,14 +2,17 @@
 <navigation xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/app_main_nav"
-    app:startDestination="@id/feature_debug_navigation">
+    app:startDestination="@id/feature_home_navigation">
 
     <include app:graph="@navigation/feature_debug_navigation" />
 
     <include app:graph="@navigation/feature_library_navigation" />
 
     <include app:graph="@navigation/feature_home_navigation" />
+
     <include app:graph="@navigation/feature_search_navigation" />
 
+    <include app:graph="@navigation/feature_setting_navigation" />
+
 
 </navigation>

app/src/main/res/values/ic_launcher_temp_background.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <dimen name="toolbar_corner_radius">32dp</dimen>
+    <color name="ic_launcher_temp_background">#A386EB</color>
 </resources>

component/common/build.gradle

@@ -4,7 +4,7 @@ plugins {
 
 android {
     namespace 'one.nem.lacerta.component.common'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         minSdk 26
@@ -32,4 +32,6 @@ dependencies {
     testImplementation libs.junit
     androidTestImplementation libs.androidx.test.ext.junit
     androidTestImplementation libs.androidx.test.espresso.core
+
+    implementation project(':shared:ui')
 }

component/scanner/build.gradle

@@ -5,7 +5,7 @@ plugins {
 
 android {
     namespace 'one.nem.lacerta.component.scanner'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         minSdk 26

component/scanner/src/main/java/one/nem/lacerta/component/scanner/ScannerManagerActivity.java

@@ -1,18 +1,20 @@
 package one.nem.lacerta.component.scanner;
 
+import android.Manifest;
+import android.app.ProgressDialog;
+import android.content.pm.PackageManager;
 import android.graphics.Bitmap;
 import android.graphics.BitmapFactory;
-import android.graphics.drawable.BitmapDrawable;
 import android.os.Bundle;
-import android.util.Log;
 import android.view.View;
 import android.widget.ImageView;
 import android.widget.LinearLayout;
 import android.widget.Toast;
 
 import androidx.activity.EdgeToEdge;
-import androidx.annotation.AnimatorRes;
 import androidx.appcompat.app.AppCompatActivity;
+import androidx.core.app.ActivityCompat;
+import androidx.core.content.ContextCompat;
 import androidx.core.graphics.Insets;
 import androidx.core.view.ViewCompat;
 import androidx.core.view.WindowInsetsCompat;
@@ -22,15 +24,16 @@ import com.websitebeaver.documentscanner.DocumentScanner;
 
 import java.util.ArrayList;
 import java.util.Objects;
+import java.util.concurrent.CompletableFuture;
 
 import javax.inject.Inject;
 
 import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.data.Document;
 import one.nem.lacerta.model.document.DocumentDetail;
 import one.nem.lacerta.model.document.DocumentMeta;
 import one.nem.lacerta.processor.factory.DocumentProcessorFactory;
 import one.nem.lacerta.utils.LacertaLogger;
-import one.nem.lacerta.data.Document;
 import one.nem.lacerta.vcs.factory.LacertaVcsFactory;
 
 @AndroidEntryPoint
@@ -93,6 +96,14 @@ public class ScannerManagerActivity extends AppCompatActivity {
             return insets;
         });
 
+
+
+        if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA)
+                != PackageManager.PERMISSION_GRANTED) {
+            ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.CAMERA}, 1); // TODO-rca: リクエストコードを定数にする
+        }
+
+
         MaterialToolbar toolbar = findViewById(R.id.top_toolbar);
         setSupportActionBar(toolbar);
         Objects.requireNonNull(getSupportActionBar()).setDisplayHomeAsUpEnabled(true);
@@ -117,11 +128,12 @@ public class ScannerManagerActivity extends AppCompatActivity {
             Toast.makeText(this, "保存処理", Toast.LENGTH_SHORT).show();
             saveNewDocument();
             return true;
-        } else if (item.getItemId() == R.id.action_insert_exist) {
-            // 既存ドキュメントに挿入
-            Toast.makeText(this, "挿入処理", Toast.LENGTH_SHORT).show();
-            insertToExistDocument();
-            return true;
+//        }
+//        else if (item.getItemId() == R.id.action_insert_exist) {
+//            // 既存ドキュメントに挿入
+//            Toast.makeText(this, "Work in progress", Toast.LENGTH_SHORT).show();
+//            insertToExistDocument();
+//            return true;
         } else if (item.getItemId() == android.R.id.home) {
             finish();
             return true;
@@ -137,7 +149,6 @@ public class ScannerManagerActivity extends AppCompatActivity {
             if (this.croppedImages.isEmpty()) {
                 logger.debug(TAG, "this.resultImages is empty");
                 logger.e_code("7cb0584e-74ef-48ec-848a-c4d14e75e15a");
-                // TODO-rca: なんかする
             } else {
                 logger.debug(TAG, "this.resultImages is not empty");
                 updateResultView(this.croppedImages);
@@ -152,21 +163,35 @@ public class ScannerManagerActivity extends AppCompatActivity {
 
     private void saveNewDocument() {
         logger.debug(TAG, "saveNewDocument");
+        // Deprecatedだが、中断機能が存在しないので操作をブロックする目的で(意図的に)使用
+        ProgressDialog dialog = new ProgressDialog(this);
+        dialog.setMessage("保存中..."); // TODO-rca: テキストをリソースに移動
+        dialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
+        dialog.setCancelable(false);
+        dialog.show();
         DocumentMeta documentMeta = new DocumentMeta("Untitled"); // TODO-rca: デフォルトタイトルを指定できるようにする
-        DocumentDetail documentDetail = document.createDocument(documentMeta);
-        Bitmap[] bitmaps = new Bitmap[this.croppedImages.size()];
-        this.croppedImages.toArray(bitmaps);
-        try {
-            documentProcessorFactory.create(documentDetail).addNewPagesToLast(bitmaps);
-            Toast.makeText(this, "Saved.", Toast.LENGTH_SHORT).show();
-            lacertaVcsFactory.create(documentDetail.getMeta().getId()).generateRevisionAtCurrent("Initial commit");
-            lacertaVcsFactory.create(documentDetail.getMeta().getId()).printLog(); // Debug
-            lacertaVcsFactory.create(documentDetail.getMeta().getId()).printRev(); // Debug
+        document.createDocument(documentMeta).thenAccept((documentDetail) -> {
+            Bitmap[] bitmaps = new Bitmap[croppedImages.size()];
+            croppedImages.toArray(bitmaps);
+            logger.debug(TAG, "bitmaps.length: " + bitmaps.length);
+            addPagesToDocumentDetail(documentDetail, bitmaps).join();
+            document.updateDocument(documentDetail).join();
+            dialog.dismiss();
             finish();
-        } catch (Exception e) {
-            logger.error(TAG, "Error: " + e.getMessage());
-            logger.e_code("9dff2a28-20e8-4ccd-9d04-f0c7646faa6a");
-        }
+        });
+
+    }
+
+    private CompletableFuture<Void> addPagesToDocumentDetail(DocumentDetail documentDetail, Bitmap[] bitmaps) {
+        return CompletableFuture.runAsync(() -> {
+            try {
+                document.updateDocument(documentProcessorFactory.create(documentDetail).addNewPagesToLast(bitmaps).getDocumentDetail()).join();
+                lacertaVcsFactory.create(documentDetail.getMeta().getId()).generateRevisionAtCurrent("Initial commit");
+            } catch (Exception e) {
+                logger.error(TAG, "Error: " + e.getMessage());
+                logger.e_code("9dff2a28-20e8-4ccd-9d04-f0c7646faa6a");
+            }
+        });
     }
 
     private void insertToExistDocument() {

component/scanner/src/main/res/menu/scanner_result_toolbar.xml

@@ -6,9 +6,9 @@
         android:icon="@drawable/save_24px"
         android:title="Save"
         app:showAsAction="ifRoom"/>
-    <item
-        android:id="@+id/action_insert_exist"
-        android:icon="@drawable/ic_baseline_add_24"
-        android:title="Save"
-        app:showAsAction="ifRoom"/>
+<!--    <item-->
+<!--        android:id="@+id/action_insert_exist"-->
+<!--        android:icon="@drawable/description_24px"-->
+<!--        android:title="Insert"-->
+<!--        app:showAsAction="ifRoom"/>-->
 </menu>

component/viewer/build.gradle

@@ -1,10 +1,11 @@
 plugins {
     alias(libs.plugins.com.android.library)
+    id 'com.google.dagger.hilt.android'
 }
 
 android {
     namespace 'one.nem.lacerta.component.viewer'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         minSdk 26
@@ -29,7 +30,30 @@ dependencies {
 
     implementation libs.androidx.appcompat
     implementation libs.com.google.android.material
+    implementation libs.androidx.activity
+    implementation libs.androidx.constraintlayout
     testImplementation libs.junit
     androidTestImplementation libs.androidx.test.ext.junit
     androidTestImplementation libs.androidx.test.espresso.core
+
+    // Navigation
+    implementation libs.navigation.fragment
+    implementation libs.navigation.ui
+    implementation libs.navigation.dynamic.features.fragment
+
+    // DI
+    implementation libs.com.google.dagger.hilt.android
+    annotationProcessor libs.com.google.dagger.hilt.compiler
+
+    // shared
+    implementation project(':shared:ui')
+
+    implementation project(':utils')
+
+    implementation project(':data')
+
+    implementation project(':model')
+
+    implementation project(':vcs')
+
 }

component/viewer/src/main/AndroidManifest.xml

@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
+    <application>
+        <activity
+            android:name=".ViewerMainActivity"
+            android:exported="false" />
+    </application>
+
 </manifest>

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ItemClickListener.java

@@ -0,0 +1,5 @@
+package one.nem.lacerta.component.viewer;
+
+public interface ItemClickListener {
+    void onItemClick(String fileName); // DEBUG
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/RevAdapter.java

@@ -0,0 +1,93 @@
+package one.nem.lacerta.component.viewer;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import java.text.SimpleDateFormat;
+import java.time.format.DateTimeFormatter;
+import java.util.ArrayList;
+
+import one.nem.lacerta.component.viewer.model.RevSelectListener;
+import one.nem.lacerta.model.VcsRevModel;
+import one.nem.lacerta.utils.FeatureSwitch;
+
+public class RevAdapter extends RecyclerView.Adapter<RevAdapter.RevViewHolder>{
+
+    private ArrayList<VcsRevModel> revModels;
+
+    private RevSelectListener revSelectListener;
+
+    public RevAdapter(ArrayList<VcsRevModel> revModels) {
+        this.revModels = revModels;
+    }
+
+    public RevAdapter(RevSelectListener revSelectListener) {
+        this.revSelectListener = revSelectListener;
+    }
+
+    public void setRevModels(ArrayList<VcsRevModel> revModels) {
+        this.revModels = revModels;
+    }
+
+
+    @NonNull
+    @Override
+    public RevAdapter.RevViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.viewer_rev_list_item, parent, false);
+        return new RevAdapter.RevViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull RevAdapter.RevViewHolder holder, int position) {
+        VcsRevModel revModel = revModels.get(position);
+        SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");
+        holder.title.setText(revModel.getCommitMessage());
+        if (FeatureSwitch.Vcs.disableBranchDisplay) {
+//            holder.detail.setText(DateTimeFormatter.ISO_LOCAL_DATE_TIME.format(revModel.getCreatedAt().toInstant()));
+            holder.detail.setText(simpleDateFormat.format(revModel.getCreatedAt()));
+        } else {
+            //        holder.detail.setText(DateTimeFormatter.ISO_LOCAL_DATE_TIME.format(revModel.getCreatedAt().toInstant()) + " " + revModel.getBranchName());
+            holder.detail.setText(simpleDateFormat.format(revModel.getCreatedAt())+ " " + revModel.getBranchName());
+        }
+        holder.revId.setText("RevID: " + revModel.getId());
+
+        holder.itemView.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                revSelectListener.onRevSelect(revModel.getId());
+            }
+        });
+
+    }
+
+    @Override
+    public int getItemCount() {
+        if (revModels == null) {
+            return 0;
+        } else {
+            return revModels.size();
+        }
+    }
+
+    class RevViewHolder extends RecyclerView.ViewHolder {
+
+        TextView title;
+
+        TextView detail;
+
+        TextView revId;
+
+        public RevViewHolder(@NonNull View itemView) {
+            super(itemView);
+
+            title = itemView.findViewById(R.id.rev_item_title);
+            detail = itemView.findViewById(R.id.rev_item_detail);
+            revId = itemView.findViewById(R.id.rev_item_id);
+        }
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerBodyAdapter.java

@@ -0,0 +1,66 @@
+package one.nem.lacerta.component.viewer;
+
+import android.graphics.Bitmap;
+import android.media.Image;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import java.util.ArrayList;
+
+import one.nem.lacerta.model.document.page.Page;
+
+public class ViewerBodyAdapter extends RecyclerView.Adapter<ViewerBodyAdapter.ViewHolder>{
+
+    ArrayList<Page> pages;
+
+    ItemClickListener listener;
+
+    public ViewerBodyAdapter(ArrayList<Page> pages, ItemClickListener listener){
+        this.pages = pages;
+        this.listener = listener;
+    }
+
+    public ViewerBodyAdapter(ItemClickListener listener){
+        this.pages = new ArrayList<>();
+        this.listener = listener;
+    }
+
+    public void setPages(ArrayList<Page> pages){
+        this.pages = pages;
+    }
+
+    @NonNull
+    @Override
+    public ViewerBodyAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = View.inflate(parent.getContext(), R.layout.viewer_body_list_item, null);
+        return new ViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull ViewerBodyAdapter.ViewHolder holder, int position) {
+        Bitmap bitmap = pages.get(position).getBitmap();
+        holder.image.setImageBitmap(bitmap);
+        holder.itemView.setOnClickListener(v -> {
+
+        });
+    }
+
+    @Override
+    public int getItemCount() {
+        return pages.size();
+    }
+
+    public class ViewHolder extends RecyclerView.ViewHolder{
+
+        ImageView image;
+
+        public ViewHolder(@NonNull View itemView) {
+            super(itemView);
+            image = itemView.findViewById(R.id.imageView);
+        }
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerListFragment.java

@@ -0,0 +1,209 @@
+package one.nem.lacerta.component.viewer;
+
+import android.app.AlertDialog;
+import android.os.Bundle;
+
+import androidx.appcompat.widget.Toolbar;
+import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.Toast;
+
+import java.util.ArrayList;
+
+import javax.inject.Inject;
+
+import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.data.Document;
+import one.nem.lacerta.model.document.page.Page;
+import one.nem.lacerta.utils.FeatureSwitch;
+import one.nem.lacerta.utils.LacertaLogger;
+import one.nem.lacerta.vcs.LacertaVcs;
+import one.nem.lacerta.vcs.factory.LacertaVcsFactory;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link ViewerListFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+@AndroidEntryPoint
+public class ViewerListFragment extends Fragment {
+
+    @Inject
+    Document document;
+
+    @Inject
+    LacertaLogger logger;
+
+    @Inject
+    LacertaVcsFactory lacertaVcsFactory;
+
+    private static final String TAG = "ComponentViewerTopFragment";
+
+    private String documentId;
+    private String documentName;
+    private String revisionId;
+
+    public ViewerListFragment() {
+        // Required empty public constructor
+    }
+
+    public static ViewerListFragment newInstance(String documentId, String documentName) {
+        ViewerListFragment fragment = new ViewerListFragment();
+        Bundle args = new Bundle();
+        args.putString("documentId", documentId);
+        args.putString("documentName", documentName);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    public static ViewerListFragment newInstance(String documentId, String documentName, String revisionId) {
+        ViewerListFragment fragment = new ViewerListFragment();
+        Bundle args = new Bundle();
+        args.putString("documentId", documentId);
+        args.putString("documentName", documentName);
+        args.putString("revisionId", revisionId);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        if (getArguments() != null) {
+            documentId = getArguments().getString("documentId");
+            documentName = getArguments().getString("documentName");
+            revisionId = getArguments().getString("revisionId");
+        }
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        View view = inflater.inflate(R.layout.fragment_component_viewer_top, container, false);
+
+        // Toolbar
+        Toolbar toolbar = view.findViewById(R.id.toolbar);
+        toolbarSetup(toolbar, true, this.documentName == null ? "Document" : this.documentName);
+
+        RecyclerView recyclerView = view.findViewById(R.id.body_recycler_view);
+        recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
+        ViewerBodyAdapter viewerBodyAdapter = new ViewerBodyAdapter(fileName -> {
+            Toast.makeText(getContext(), fileName, Toast.LENGTH_SHORT).show();
+        });
+        recyclerView.setAdapter(viewerBodyAdapter);
+
+        if (revisionId == null) {
+            logger.debug(TAG, "revisionId is empty, loading latest revision");
+            if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.VISIBLE);
+            document.getDocument(documentId).thenAccept(documentDetail -> {
+                ArrayList<Page> pages = documentDetail.getPages();
+                logger.debug(TAG, "pages.size(): " + pages.size());
+                viewerBodyAdapter.setPages(pages);
+                getActivity().runOnUiThread(() -> {
+                    viewerBodyAdapter.notifyItemRangeChanged(0, pages.size());
+                    if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.GONE);
+                });
+            });
+        } else {
+            logger.debug(TAG, "revisionId: " + revisionId);
+            if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.VISIBLE);
+            LacertaVcs lacertaVcs = lacertaVcsFactory.create(documentId);
+            lacertaVcs.getDocumentPagePathListRev(revisionId).thenAccept(documentPathList -> {
+                logger.debug(TAG, "documentPathList.size(): " + documentPathList.size());
+                document.getDocumentPageListByFileNameList(documentId, documentPathList).thenAccept(pages -> {
+                    logger.debug(TAG, "pages.size(): " + pages.size());
+                    viewerBodyAdapter.setPages(pages);
+                    getActivity().runOnUiThread(() -> {
+                        viewerBodyAdapter.notifyItemRangeChanged(0, pages.size());
+                        if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.GONE);
+                    });
+                });
+            });
+        }
+
+        return view;
+    }
+
+    /**
+     * ToolbarをInitする
+     *
+     * @param toolbar Toolbar
+     * @param showBackButton 戻るボタンを表示するか
+     * @param title タイトル
+     */
+    private void toolbarSetup(Toolbar toolbar, boolean showBackButton, String title) {
+        getActivity().runOnUiThread(() -> {
+            if (showBackButton) {
+                toolbar.setNavigationIcon(one.nem.lacerta.shared.ui.R.drawable.arrow_back_24px);
+                toolbar.setNavigationOnClickListener(v -> {
+                    // Stop Activity
+                    getActivity().finish();
+                });
+            } else {
+                toolbar.setNavigationIcon(null);
+            }
+            toolbar.setTitle(title);
+            toolbar.inflateMenu(R.menu.viewer_menu);
+            toolbar.setOnMenuItemClickListener(item -> {
+                if (item.getItemId() == R.id.action_open_vcs_rev_list) {
+                    // Open vcs rev list
+                    getParentFragmentManager().beginTransaction()
+                            .replace(R.id.nav_host_fragment, ViewerVcsRevListFragment.newInstance(documentId, documentName))
+                            .commit();
+                    return true;
+                } else if (item.getItemId() == R.id.action_rename) {
+                    // TODO-rca: デザインをMaterial Design 3に合わせたカスタムダイアログにする
+                    AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
+                    builder.setTitle("ファイル名の変更");
+                    builder.setMessage("ファイル名を入力してください");
+                    final android.widget.EditText input = new android.widget.EditText(getContext());
+                    input.setText(documentName);
+                    builder.setView(input);
+                    builder.setPositiveButton("作成", (dialog, which) -> {
+                        document.renameDocument(documentId, input.getText().toString()).thenAccept(aVoid -> {
+                            getActivity().runOnUiThread(() -> {
+                                toolbar.setTitle(input.getText().toString());
+                                documentName = input.getText().toString();
+                            });
+                        });
+                    });
+                    builder.setNegativeButton("キャンセル", (dialog, which) -> {
+                        dialog.cancel();
+                    });
+                    builder.show();
+
+                    return true;
+                } else if (item.getItemId() == R.id.action_delete) {
+                    // TODO-rca: デザインをMaterial Design 3に合わせたカスタムダイアログにする
+                    AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
+                    builder.setTitle("ファイルの削除");
+                    builder.setMessage("ファイルを削除しますか？");
+                    builder.setPositiveButton("削除", (dialog, which) -> {
+                        document.deleteDocument(documentId).thenAccept(aVoid -> {
+                            getActivity().runOnUiThread(() -> {
+                                // Stop Activity
+                                getActivity().finish();
+                            });
+                        });
+                    });
+                    builder.setNegativeButton("キャンセル", (dialog, which) -> {
+                        dialog.cancel();
+                    });
+                    builder.show();
+                    return true;
+                } else if (item.getItemId() == R.id.action_move) {
+                    Toast.makeText(getContext(), "Work in progress", Toast.LENGTH_SHORT).show();
+                    return true;
+                } else {
+                    return false;
+                }
+            });
+        });
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerMainActivity.java

@@ -0,0 +1,61 @@
+package one.nem.lacerta.component.viewer;
+
+import android.content.Intent;
+import android.os.Bundle;
+import android.widget.Toast;
+
+import androidx.activity.EdgeToEdge;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.core.graphics.Insets;
+import androidx.core.view.ViewCompat;
+import androidx.core.view.WindowInsetsCompat;
+
+import javax.inject.Inject;
+
+import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.utils.LacertaLogger;
+
+@AndroidEntryPoint
+public class ViewerMainActivity extends AppCompatActivity {
+
+    @Inject
+    LacertaLogger logger;
+
+    @Inject
+    public ViewerMainActivity() {
+    }
+
+    // Variables
+    private static final String TAG = "ViewerMainActivity";
+    String documentId;
+    String documentName;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        EdgeToEdge.enable(this);
+        setContentView(R.layout.activity_viewer_main);
+        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
+            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
+            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
+            return insets;
+        });
+
+        Intent intent = getIntent();
+        try {
+            documentId = intent.getStringExtra("documentId");
+            documentName = intent.getStringExtra("documentName");
+        }
+        catch (Exception e) {
+            logger.error(TAG, "Failed to get documentId from intent");
+            logger.error(TAG, "Searchable Error code: " + "f64c21a2-391f-4c40-92f6-183da459de21");
+            Toast.makeText(this, "Failed to get documentId from intent", Toast.LENGTH_LONG).show();
+            finish();
+        }
+
+        // Navigation
+        getSupportFragmentManager().beginTransaction()
+                .replace(R.id.nav_host_fragment, ViewerListFragment.newInstance(documentId, documentName))
+                .commit();
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerVcsRevListFragment.java

@@ -0,0 +1,102 @@
+package one.nem.lacerta.component.viewer;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import javax.inject.Inject;
+
+import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.utils.LacertaLogger;
+import one.nem.lacerta.vcs.LacertaVcs;
+import one.nem.lacerta.vcs.factory.LacertaVcsFactory;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link ViewerVcsRevListFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+@AndroidEntryPoint
+public class ViewerVcsRevListFragment extends Fragment {
+
+    @Inject
+    LacertaVcsFactory lacertaVcsFactory;
+
+    @Inject
+    LacertaLogger logger;
+
+    LacertaVcs lacertaVcs;
+
+    private String documentId;
+    private String documentName;
+
+    public ViewerVcsRevListFragment() {
+        // Required empty public constructor
+    }
+
+    public static ViewerVcsRevListFragment newInstance(String documentId, String documentName) {
+        ViewerVcsRevListFragment fragment = new ViewerVcsRevListFragment();
+        Bundle args = new Bundle();
+        args.putString("documentId", documentId);
+        args.putString("documentName", documentName);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_viewer_vcs_rev_list, container, false);
+    }
+
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        // Init arg
+        if (getArguments() != null) {
+            this.documentId = getArguments().getString("documentId");
+            logger.debug("ViewerVcsRevListFragment", "documentId: " + this.documentId);
+        }
+
+        // Init vcs
+        lacertaVcs = lacertaVcsFactory.create(this.documentId);
+
+        // Init view
+        RecyclerView recyclerView = view.findViewById(R.id.rev_list);
+
+        // Init adapter
+        RevAdapter revAdapter = new RevAdapter(revisionId -> {
+            logger.debug("ViewerVcsRevListFragment", "Selected revisionId: " + revisionId);
+            getParentFragmentManager().beginTransaction()
+                    .replace(R.id.nav_host_fragment, ViewerListFragment.newInstance(this.documentId, this.documentName, revisionId))
+                    .commit();
+        });
+
+        // Set adapter
+        recyclerView.setAdapter(revAdapter);
+
+        // Set layout manager
+        recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
+
+        lacertaVcs.getRevisionHistory().thenAccept(revModels -> {
+            logger.debug("ViewerVcsRevListFragment", "revModels.size(): " + revModels.size());
+            getActivity().runOnUiThread(() -> {
+                revAdapter.setRevModels(revModels);
+                revAdapter.notifyDataSetChanged();
+            });
+        });
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/model/RevSelectListener.java

@@ -0,0 +1,5 @@
+package one.nem.lacerta.component.viewer.model;
+
+public interface RevSelectListener {
+    void onRevSelect(String revisionId);
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/model/ViewerBodyListItem.java

@@ -0,0 +1,20 @@
+package one.nem.lacerta.component.viewer.model;
+
+import android.graphics.Bitmap;
+
+public class ViewerBodyListItem {
+
+    Bitmap image;
+
+    public ViewerBodyListItem(Bitmap image) {
+        this.image = image;
+    }
+
+    public Bitmap getImage() {
+        return image;
+    }
+
+    public void setImage(Bitmap image) {
+        this.image = image;
+    }
+}

component/viewer/src/main/res/layout/activity_viewer_main.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/main"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".ViewerMainActivity">
+
+    <androidx.fragment.app.FragmentContainerView
+        android:id="@+id/nav_host_fragment"
+        android:name="one.nem.lacerta.component.viewer.ViewerListFragment"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:defaultNavHost="true"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>

component/viewer/src/main/res/layout/fragment_component_viewer_top.xml

@@ -0,0 +1,61 @@
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorSurface">
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="Title" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+
+            <ProgressBar
+                android:id="@+id/loading_progress_bar"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:layout_gravity="center"
+                android:indeterminate="true"
+                android:background="@color/colorSurface"
+                android:visibility="gone" />
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/body_recycler_view"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_margin="16dp"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+</FrameLayout>

component/viewer/src/main/res/layout/fragment_viewer_vcs_rev_list.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".ViewerVcsRevListFragment">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/rev_list"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+</FrameLayout>

component/viewer/src/main/res/layout/viewer_body_list_item.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <ImageView
+        android:id="@+id/imageView"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:elevation="8dp"
+        android:adjustViewBounds="true"
+        android:layout_marginBottom="16dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:srcCompat="@tools:sample/backgrounds/scenic" />
+</androidx.constraintlayout.widget.ConstraintLayout>

component/viewer/src/main/res/layout/viewer_rev_list_item.xml

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:paddingHorizontal="24dp"
+    android:paddingVertical="16dp">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/item_text_container"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <TextView
+            android:id="@+id/rev_item_title"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:textSize="16sp"
+            android:layout_marginEnd="8dp"
+            android:text="Placeholder Title"
+            android:textColor="@color/colorOnSurface"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/rev_item_detail"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:textSize="14sp"
+            android:text="2023/01/01 00:00:00 - hogehoge"
+            android:textColor="@color/colorOnSurfaceSecondary"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/rev_item_title" />
+
+        <TextView
+            android:id="@+id/rev_item_id"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:textSize="12sp"
+            android:text="dd76a029-51f1-40f7-b316-a0c74bbfebb1(Example)"
+            android:textColor="@color/colorOnSurfaceSecondary"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/rev_item_detail" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>

component/viewer/src/main/res/menu/viewer_menu.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:id="@+id/action_open_vcs_rev_list"
+        android:title="Open VCS Rev List" />
+
+    <item
+        android:id="@+id/action_rename"
+        android:title="リネーム" />
+
+    <item
+        android:id="@+id/action_delete"
+        android:title="削除" />
+
+    <item
+        android:id="@+id/action_move"
+        android:title="移動" />
+
+</menu>

component/viewer/src/main/res/navigation/component_viewer_navigation.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<navigation xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/component_viewer_navigation"
+    app:startDestination="@id/viewerListFragment">
+
+    <fragment
+        android:id="@+id/viewerListFragment"
+        android:name="one.nem.lacerta.component.viewer.ViewerListFragment"
+        android:label="ComponentViewerTopFragment" >
+        <action
+            android:id="@+id/action_componentViewerTopFragment_to_viewerVcsRevListFragment"
+            app:destination="@id/viewerVcsRevListFragment" />
+    </fragment>
+    <fragment
+        android:id="@+id/viewerVcsRevListFragment"
+        android:name="one.nem.lacerta.component.viewer.ViewerVcsRevListFragment"
+        android:label="fragment_viewer_vcs_rev_list"
+        tools:layout="@layout/fragment_viewer_vcs_rev_list" />
+</navigation>

component/viewer/src/main/res/values/strings.xml

@@ -0,0 +1,4 @@
+<resources>
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
+</resources>

data/src/main/java/one/nem/lacerta/data/Document.java

@@ -2,9 +2,11 @@ package one.nem.lacerta.data;
 
 import java.lang.reflect.Array;
 import java.util.ArrayList;
+import java.util.concurrent.CompletableFuture;
 
 import one.nem.lacerta.model.document.DocumentMeta;
 import one.nem.lacerta.model.document.DocumentDetail;
+import one.nem.lacerta.model.document.page.Page;
 import one.nem.lacerta.model.document.path.DocumentPath;
 import one.nem.lacerta.model.document.tag.DocumentTag;
 
@@ -13,13 +15,17 @@ import one.nem.lacerta.model.document.tag.DocumentTag;
  */
 public interface Document {
 
-    DocumentDetail createDocument(DocumentMeta meta);
+    CompletableFuture<DocumentDetail> createDocument(DocumentMeta meta);
 
-    DocumentDetail createDocument();
+    CompletableFuture<DocumentDetail> createDocument();
 
-    void deleteDocument(String documentId);
+    CompletableFuture<Void> renameDocument(String documentId, String name);
 
-    void updateDocument(DocumentMeta meta, DocumentDetail detail);
+    CompletableFuture<Void> deleteDocument(String documentId);
 
-    DocumentDetail getDocument(String documentId);
+    CompletableFuture<Void> updateDocument(DocumentDetail detail);
+
+    CompletableFuture<DocumentDetail> getDocument(String documentId);
+
+    CompletableFuture<ArrayList<Page>> getDocumentPageListByFileNameList(String documentId, ArrayList<String> fileNameList);
 }

data/src/main/java/one/nem/lacerta/data/LacertaLibrary.java

@@ -1,25 +1,29 @@
 package one.nem.lacerta.data;
 
 import java.util.ArrayList;
+import java.util.concurrent.CompletableFuture;
 
 import one.nem.lacerta.model.ListItem;
 import one.nem.lacerta.model.ListItemType;
 
 import one.nem.lacerta.model.LibraryItemPage;
+import one.nem.lacerta.model.PublicPath;
 import one.nem.lacerta.model.document.DocumentDetail;
 
 public interface LacertaLibrary {
 
     // Get History
-    ArrayList<ListItem> getRecentDocument(int limit);
-    ArrayList<ListItem> getRecentDocument(int limit, int offset);
+    CompletableFuture<ArrayList<ListItem>> getRecentDocument(int limit);
+    CompletableFuture<ArrayList<ListItem>> getRecentDocument(int limit, int offset);
 
-    // Get Library page
-    LibraryItemPage getLibraryPage(int limit);
-    LibraryItemPage getLibraryPage(int limit, int offset);
-    LibraryItemPage getLibraryPage(String pageId, int limit);
-    LibraryItemPage getLibraryPage(String pageId, int limit, int offset);
+    // Get Library Page
+    CompletableFuture<LibraryItemPage> getLibraryPage(String pageId, int limit);
+    CompletableFuture<LibraryItemPage> getLibraryPage(String pageId, int limit, int offset);
+
+    // Create Folder
+    CompletableFuture<String> createFolder(String parentId, String name);
+
+    // Get Public Path
+    CompletableFuture<PublicPath> getPublicPath(String itemId, ListItemType itemType);
 
-    // GetDocument
-    DocumentDetail getDocumentDetailById(String id); // TODO-rca: Documentに統合する
 }

data/src/main/java/one/nem/lacerta/data/impl/DocumentImpl.java

@@ -1,8 +1,12 @@
 package one.nem.lacerta.data.impl;
 
+import androidx.room.Update;
+
+import java.io.IOException;
 import java.util.ArrayList;
 import java.util.Date;
 import java.util.UUID;
+import java.util.concurrent.CompletableFuture;
 
 // Hilt
 import javax.inject.Inject;
@@ -16,13 +20,20 @@ import one.nem.lacerta.model.document.DocumentMeta;
 import one.nem.lacerta.model.document.DocumentDetail;
 
 // Lacerta/source
+import one.nem.lacerta.model.document.internal.XmlMetaModel;
+import one.nem.lacerta.model.document.internal.XmlMetaPageModel;
+import one.nem.lacerta.model.document.page.Page;
 import one.nem.lacerta.source.database.LacertaDatabase;
 import one.nem.lacerta.source.database.entity.DocumentEntity;
 
 // Lacerta/utils
+import one.nem.lacerta.source.file.FileManager;
+import one.nem.lacerta.source.file.factory.FileManagerFactory;
 import one.nem.lacerta.utils.LacertaLogger;
 
 // Lacerta/vcs
+import one.nem.lacerta.utils.XmlMetaParser;
+import one.nem.lacerta.utils.repository.DeviceInfoUtils;
 import one.nem.lacerta.vcs.LacertaVcs;
 import one.nem.lacerta.vcs.factory.LacertaVcsFactory;
 
@@ -40,6 +51,14 @@ public class DocumentImpl implements Document {
     @Inject
     LacertaVcsFactory vcsFactory;
 
+    @Inject
+    FileManagerFactory fileManagerFactory;
+
+    @Inject
+    DeviceInfoUtils deviceInfoUtils;
+
+    @Inject
+    XmlMetaParser xmlMetaParser;
 
     @Inject
     public DocumentImpl() {
@@ -49,35 +68,37 @@ public class DocumentImpl implements Document {
 
 
     @Override
-    public DocumentDetail createDocument(DocumentMeta meta) {
-        DocumentDetail detail = new DocumentDetail();
-        detail.setMeta(meta);
-        detail.setPages(new ArrayList<>());
+    public CompletableFuture<DocumentDetail> createDocument(DocumentMeta meta) {
+        return CompletableFuture.supplyAsync(() -> {
+            DocumentDetail detail = new DocumentDetail();
+            detail.setMeta(meta);
+            detail.setPages(new ArrayList<>());
+            // Create DocumentEntity
+            DocumentEntity documentEntity = new DocumentEntity();
+            documentEntity.id = meta.getId();
+            documentEntity.title = meta.getTitle();
+            documentEntity.author = meta.getAuthor();
+            documentEntity.defaultBranch = meta.getDefaultBranch();
+            documentEntity.updatedAt = meta.getUpdatedAt();
+            documentEntity.createdAt = meta.getCreatedAt();
+            documentEntity.parentId = meta.getParentId();
+            documentEntity.tagIds = meta.getTagIds();
 
-        // TODO-rca: UIスレッドから追い出す
+            database.documentDao().insert(documentEntity);
 
-        // Create DocumentEntity
-        DocumentEntity documentEntity = new DocumentEntity();
-        documentEntity.id = meta.getId();
-        documentEntity.title = meta.getTitle();
-        documentEntity.author = meta.getAuthor();
-        documentEntity.defaultBranch = meta.getDefaultBranch();
-        documentEntity.updatedAt = meta.getUpdatedAt();
-        documentEntity.createdAt = meta.getCreatedAt();
-        documentEntity.publicPath = meta.getPath().getStringPath();
-        documentEntity.tagIds = meta.getTagIds();
+            // Vcs
+            LacertaVcs vcs = vcsFactory.create(meta.getId());
+            vcs.createDocument(meta.getId());
 
-        database.documentDao().insert(documentEntity);
+            // XmlMeta
+            updateXmlMeta(detail).join();
 
-        // Vcs
-        LacertaVcs vcs = vcsFactory.create(meta.getId());
-        vcs.createDocument(meta.getId());
-
-        return detail;
+            return detail;
+        });
     }
 
     @Override
-    public DocumentDetail createDocument() {
+    public CompletableFuture<DocumentDetail> createDocument() {
         DocumentMeta meta = new DocumentMeta();
         meta.setId(UUID.randomUUID().toString());
         meta.setTitle("New Document");
@@ -85,23 +106,164 @@ public class DocumentImpl implements Document {
         meta.setDefaultBranch("master");
         meta.setUpdatedAt(new Date());
         meta.setCreatedAt(new Date());
-        meta.setPath(new PublicPath().getRoot()); // TODO-rca: 2回インスタンスを生成していて無駄なのでなんとかする
+        meta.setParentId(null);
         meta.setTags(new ArrayList<>());
         return createDocument(meta);
     }
 
     @Override
-    public void deleteDocument(String documentId) {
-
+    public CompletableFuture<Void> deleteDocument(String documentId) {
+        return CompletableFuture.supplyAsync(() -> {
+            DocumentEntity documentEntity = database.documentDao().findById(documentId);
+            if (documentEntity == null) {
+                throw new IllegalArgumentException("documentId is not found");
+            }
+            database.documentDao().delete(documentEntity);
+            return null;
+        });
     }
 
     @Override
-    public void updateDocument(DocumentMeta meta, DocumentDetail detail) {
-
+    public CompletableFuture<Void> updateDocument(DocumentDetail detail) {
+        return CompletableFuture.supplyAsync(() -> {
+            updateXmlMeta(detail).join();
+            return null;
+        });
     }
 
     @Override
-    public DocumentDetail getDocument(String documentId) {
-        return null;
+    public CompletableFuture<Void> renameDocument(String documentId, String name) {
+        return CompletableFuture.supplyAsync(() -> {
+            DocumentEntity documentEntity = database.documentDao().findById(documentId);
+            if (documentEntity == null) {
+                throw new IllegalArgumentException("documentId is not found");
+            }
+            documentEntity.title = name;
+            database.documentDao().update(documentEntity);
+            return null;
+        });
+    }
+
+    @Override
+    public CompletableFuture<DocumentDetail> getDocument(String documentId) {
+        return CompletableFuture.supplyAsync(() -> {
+            DocumentEntity documentEntity = database.documentDao().findById(documentId);
+            if (documentEntity == null) {
+                throw new IllegalArgumentException("documentId is not found");
+            }
+            DocumentMeta meta = new DocumentMeta();
+            meta.setId(documentEntity.id);
+            meta.setTitle(documentEntity.title);
+            meta.setAuthor(documentEntity.author);
+            meta.setDefaultBranch(documentEntity.defaultBranch);
+            meta.setUpdatedAt(documentEntity.updatedAt);
+            meta.setCreatedAt(documentEntity.createdAt);
+            meta.setParentId(documentEntity.parentId);
+            meta.setTags(new ArrayList<>()); // TODO-rca: タグを取得する
+
+            DocumentDetail detail = new DocumentDetail();
+
+            getPagesByXmlMeta(documentId).thenCompose(xmlMetaPageModels -> getPagesByXmlMetaPageModel(documentId, xmlMetaPageModels)).thenAccept(pages -> {
+                logger.debug(TAG, "pages: " + pages.size());
+                detail.setMeta(meta);
+                detail.setPages(pages);
+            }).join();
+
+            return detail;
+        });
+    }
+
+    @Override
+    public CompletableFuture<ArrayList<Page>> getDocumentPageListByFileNameList(String documentId, ArrayList<String> fileNameList) {
+        return CompletableFuture.supplyAsync(() -> {
+            ArrayList<Page> pages = new ArrayList<>();
+            FileManager fileManager;
+            try {
+                fileManager = fileManagerFactory.create(deviceInfoUtils.getExternalStorageDirectory()).resolve(documentId).resolve("raw");
+            } catch (IOException e) {
+                logger.error(TAG, "FileManager resolve error");
+                logger.trace(TAG, e.getMessage());
+                logger.e_code("1210ae5b-dd2f-42ef-bc15-40b9a9bbdb16");
+                return null;
+            }
+
+            fileNameList.forEach(fileName -> {
+                try {
+                    pages.add(new Page(fileName, fileManager.loadBitmap(fileName)));
+                } catch (IOException e) {
+                    logger.error(TAG, "Bitmap decode error");
+                    logger.trace(TAG, e.getMessage());
+                    logger.e_code("6f9ba0dc-ac63-401c-8f50-a2bd9ff5cb91");
+                }
+            });
+
+            return pages;
+        });
+    }
+
+    private CompletableFuture<ArrayList<XmlMetaPageModel>> getPagesByXmlMeta(String documentId) {
+        return CompletableFuture.supplyAsync(() -> {
+            FileManager fileManager = fileManagerFactory.create(deviceInfoUtils.getExternalStorageDirectory());
+            try {
+                ArrayList<XmlMetaPageModel> xmlMetaPageModels = xmlMetaParser.deserialize(fileManager.resolve(documentId).loadXml("meta.xml")).getPages();
+                // Debug
+                logger.debug(TAG, "xmlMetaPageModels: " + xmlMetaPageModels.size());
+                for (XmlMetaPageModel xmlMetaPageModel : xmlMetaPageModels) {
+                    logger.debug(TAG, "\txmlMetaPageModel: " + xmlMetaPageModel.getFilename());
+                }
+                return xmlMetaPageModels;
+            } catch (IOException e) {
+                logger.error(TAG, "DocumentMeta parse error");
+                logger.trace(TAG, e.getMessage());
+                logger.e_code("db18c04a-1625-4871-9e4e-918d805568ac");
+            }
+            return null;
+        });
+    }
+
+    private CompletableFuture<ArrayList<Page>> getPagesByXmlMetaPageModel(String documentId, ArrayList<XmlMetaPageModel> xmlMetaPageModels) {
+        return CompletableFuture.supplyAsync(() -> {
+            ArrayList<Page> pages = new ArrayList<>();
+            FileManager fileManager;
+            try {
+                fileManager = fileManagerFactory.create(deviceInfoUtils.getExternalStorageDirectory()).resolve(documentId);
+            } catch (IOException e) {
+                logger.error(TAG, "FileManager resolve error");
+                logger.trace(TAG, e.getMessage());
+                logger.e_code("2235e8ee-4177-46f8-af6b-084381b202e6");
+                return null;
+            }
+            for (XmlMetaPageModel xmlMetaPageModel : xmlMetaPageModels) {
+                try {
+                    pages.add(new Page(xmlMetaPageModel.getFilename(), fileManager.resolve("raw").loadBitmap(xmlMetaPageModel.getFilename())));
+                } catch (IOException e) {
+                    logger.error(TAG, "Bitmap decode error");
+                    logger.trace(TAG, e.getMessage());
+                    logger.e_code("3bba8c8f-90fb-4a24-a726-7ea201929f8b");
+                    return null;
+                }
+            }
+            return pages;
+        });
+    }
+
+    private CompletableFuture<Void> updateXmlMeta(DocumentDetail documentDetail) {
+        return CompletableFuture.supplyAsync(() -> {
+            // TODO-rca: リビジョンIDを検証する, 挿入する
+            FileManager fileManager = fileManagerFactory.create(deviceInfoUtils.getExternalStorageDirectory());
+            ArrayList<XmlMetaPageModel> xmlMetaPageModels = new ArrayList<>();
+            for (Page page : documentDetail.getPages()) {
+                xmlMetaPageModels.add(new XmlMetaPageModel(page.getFileName()));
+            }
+            try {
+                fileManager.createDirectoryIfNotExist(documentDetail.getMeta().getId()).resolve(documentDetail.getMeta().getId())
+                        .createFileIfNotExist("meta.xml").resolve("meta.xml").saveXml(xmlMetaParser.serialize(new XmlMetaModel("revisionId_PLACEHOLDER", xmlMetaPageModels)));
+            } catch (IOException e) {
+                logger.error(TAG, "DocumentMeta serialize error");
+                logger.trace(TAG, e.getMessage());
+                logger.e_code("e3b4d0c9-5b7e-4b7e-9e9a-5b8b8b8b8b8b");
+            }
+            return null;
+        });
     }
 }

data/src/main/java/one/nem/lacerta/data/impl/LacertaLibraryImpl.java

@@ -1,8 +1,14 @@
 package one.nem.lacerta.data.impl;
 
 import java.text.DateFormat;
+import java.text.SimpleDateFormat;
+import java.time.format.DateTimeFormatter;
 import java.util.ArrayList;
+import java.util.Collection;
+import java.util.Collections;
 import java.util.List;
+import java.util.UUID;
+import java.util.concurrent.CompletableFuture;
 
 import javax.inject.Inject;
 
@@ -10,63 +16,181 @@ import one.nem.lacerta.data.LacertaLibrary;
 import one.nem.lacerta.model.LibraryItemPage;
 import one.nem.lacerta.model.ListItem;
 import one.nem.lacerta.model.ListItemType;
+import one.nem.lacerta.model.PublicPath;
 import one.nem.lacerta.model.document.DocumentDetail;
 import one.nem.lacerta.source.database.LacertaDatabase;
 import one.nem.lacerta.source.database.common.DateTypeConverter;
 import one.nem.lacerta.source.database.entity.DocumentEntity;
+import one.nem.lacerta.source.database.entity.FolderEntity;
+import one.nem.lacerta.utils.FeatureSwitch;
 import one.nem.lacerta.utils.LacertaLogger;
 
 public class LacertaLibraryImpl implements LacertaLibrary {
 
-    @Inject
     LacertaLogger logger;
-
-    @Inject
     LacertaDatabase database;
 
-    @Override
-    public ArrayList<ListItem> getRecentDocument(int limit) {
-        List<DocumentEntity> documentEntities = database.documentDao().getRecentDocument(limit);
-
-        ArrayList<ListItem> listItems = new ArrayList<>();
-        for (DocumentEntity documentEntity : documentEntities) {
-            ListItem listItem = new ListItem();
-            listItem.setItemType(ListItemType.ITEM_TYPE_DOCUMENT);
-            listItem.setTitle(documentEntity.title);
-            listItem.setDescription(DateFormat.getDateInstance().format(documentEntity.updatedAt));
-            listItem.setItemId(documentEntity.id);
-            listItems.add(listItem);
-        }
-        return listItems;
+    @Inject
+    public LacertaLibraryImpl(LacertaLogger logger, LacertaDatabase database) {
+        this.logger = logger;
+        this.database = database;
     }
 
     @Override
-    public ArrayList<ListItem> getRecentDocument(int limit, int offset) {
+    public CompletableFuture<ArrayList<ListItem>> getRecentDocument(int limit) {
+        return CompletableFuture.supplyAsync(() -> {
+            List<DocumentEntity> documentEntities = database.documentDao().getRecentDocument(limit);
+
+            ArrayList<ListItem> listItems = new ArrayList<>();
+            for (DocumentEntity documentEntity : documentEntities) {
+                ListItem listItem = new ListItem();
+                listItem.setItemType(ListItemType.ITEM_TYPE_DOCUMENT);
+                listItem.setTitle(documentEntity.title);
+                listItem.setDescription(DateFormat.getDateInstance().format(documentEntity.updatedAt));
+                listItem.setItemId(documentEntity.id);
+                listItems.add(listItem);
+            }
+
+            return listItems;
+        });
+    }
+
+    @Override
+    public CompletableFuture<ArrayList<ListItem>> getRecentDocument(int limit, int offset) {
         return null; // TODO-rca: Implement
     }
 
     @Override
-    public LibraryItemPage getLibraryPage(int limit) {
-        return null;
+    public CompletableFuture<LibraryItemPage> getLibraryPage(String pageId, int limit) {
+        return CompletableFuture.supplyAsync(() -> {
+            LibraryItemPage libraryItemPage = new LibraryItemPage();
+
+            List<FolderEntity> folderEntities;
+            List<DocumentEntity> documentEntities;
+
+            if (pageId == null) { // When root folder
+                libraryItemPage.setPageTitle("ライブラリ");
+                libraryItemPage.setPageId(null);
+                libraryItemPage.setParentId(null);
+
+                folderEntities = database.folderDao().findRootFolders();
+                documentEntities = database.documentDao().findRootDocuments();
+            } else {
+                FolderEntity folderEntity = database.folderDao().findById(pageId);
+                if (folderEntity == null) {
+                    logger.warn("LacertaLibraryImpl", pageId + " is not found.");
+                    return null;
+                }
+                libraryItemPage.setPageTitle(folderEntity.name);
+                libraryItemPage.setPageId(folderEntity.id);
+                libraryItemPage.setParentId(folderEntity.parentId);
+
+                folderEntities = database.folderDao().findByParentId(pageId);
+                documentEntities = database.documentDao().findByParentId(pageId);
+            }
+
+            ArrayList<ListItem> listItems = new ArrayList<>();
+            for (FolderEntity childFolderEntity : folderEntities) {
+                logger.debug("LacertaLibraryImpl", "childFolderEntity.name: " + childFolderEntity.name);
+                ListItem listItem = new ListItem();
+                listItem.setItemType(ListItemType.ITEM_TYPE_FOLDER);
+                listItem.setTitle(childFolderEntity.name);
+                listItem.setDescription("フォルダ"); // TODO-rca: ハードコーディングやめる
+                listItem.setItemId(childFolderEntity.id);
+                listItems.add(listItem);
+            }
+
+            SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy/MM/dd HH:mm:");
+
+            for (DocumentEntity documentEntity : documentEntities) {
+                logger.debug("LacertaLibraryImpl", "documentEntity.title: " + documentEntity.title);
+                ListItem listItem = new ListItem();
+                listItem.setItemType(ListItemType.ITEM_TYPE_DOCUMENT);
+                listItem.setTitle(documentEntity.title);
+                listItem.setDescription(simpleDateFormat.format(documentEntity.updatedAt));
+                listItem.setItemId(documentEntity.id);
+                listItems.add(listItem);
+            }
+
+            libraryItemPage.setListItems(listItems);
+
+            logger.debug("LacertaLibraryImpl", "libraryItemPage.getListItems().size(): " + libraryItemPage.getListItems().size());
+
+            return libraryItemPage;
+        });
     }
 
     @Override
-    public LibraryItemPage getLibraryPage(int limit, int offset) {
-        return null;
+    public CompletableFuture<LibraryItemPage> getLibraryPage(String pageId, int limit, int offset) {
+        return CompletableFuture.supplyAsync(() -> {
+            return null;
+        });
     }
 
     @Override
-    public LibraryItemPage getLibraryPage(String pageId, int limit) {
-        return null;
+    public CompletableFuture<String> createFolder(String parentId, String name) {
+        return CompletableFuture.supplyAsync(() -> {
+            FolderEntity folderEntity = new FolderEntity();
+            folderEntity.id = UUID.randomUUID().toString();
+            folderEntity.name = name;
+            folderEntity.parentId = parentId;
+            database.folderDao().insert(folderEntity);
+            return folderEntity.id;
+        });
     }
 
     @Override
-    public LibraryItemPage getLibraryPage(String pageId, int limit, int offset) {
-        return null;
+    public CompletableFuture<PublicPath> getPublicPath(String itemId, ListItemType itemType) {
+        return CompletableFuture.supplyAsync(() -> {
+            if (itemType == ListItemType.ITEM_TYPE_DOCUMENT) {
+                DocumentEntity documentEntity = database.documentDao().findById(itemId);
+                if (documentEntity == null) {
+                    logger.warn("LacertaLibraryImpl", itemId + " is not found.");
+                    return null;
+                }
+                PublicPath publicPath = recursiveResolve(documentEntity.parentId);
+                publicPath.resolve(documentEntity.title);
+                return publicPath;
+            } else if (itemType == ListItemType.ITEM_TYPE_FOLDER) {
+                FolderEntity folderEntity = database.folderDao().findById(itemId);
+                if (folderEntity == null) {
+                    return null;
+                }
+                return recursiveResolve(folderEntity.id);
+            } else {
+                logger.warn("LacertaLibraryImpl", "Unknown ListItemType: " + itemType);
+                return null;
+            }
+        });
     }
 
-    @Override
-    public DocumentDetail getDocumentDetailById(String id) {
-        return null;
+    /**
+     * 再帰的にパスを解決する
+     *
+     * @param folderId
+     * @return
+     */
+    private PublicPath recursiveResolve(String folderId) {
+        String current = folderId;
+        boolean continueFlag = true;
+        ArrayList<String> folderNames = new ArrayList<>();
+        while (continueFlag) {
+            FolderEntity folderEntity = database.folderDao().findById(current);
+            if (folderEntity == null) { // 存在しないフォルダIDが指定された場合
+                continueFlag = false;
+            } else {
+                folderNames.add(folderEntity.name);
+                current = folderEntity.parentId;
+                if (current == null) { // ルートフォルダに到達した場合
+                    continueFlag = false;
+                }
+            }
+        }
+
+        // フォルダ名を逆順にしてListに変換
+        Collections.reverse(folderNames);
+        List<String> folderNamesReversed = new ArrayList<>(folderNames);
+
+        return new PublicPath(folderNamesReversed);
     }
 }

data/src/main/java/one/nem/lacerta/data/impl/LacertaLibraryStubImpl.java

@@ -1,219 +1,219 @@
-package one.nem.lacerta.data.impl;
-
-import one.nem.lacerta.data.LacertaLibrary;
-import one.nem.lacerta.model.LibraryItemPage;
-import one.nem.lacerta.model.ListItem;
-import one.nem.lacerta.model.ListItemType;
-import one.nem.lacerta.model.document.DocumentDetail;
-
-import one.nem.lacerta.model.document.DocumentMeta;
-import one.nem.lacerta.model.document.path.DocumentPath;
-import one.nem.lacerta.utils.LacertaLogger;
-
-import com.github.javafaker.DateAndTime;
-import com.github.javafaker.Faker;
-
-import java.text.DateFormat;
-import java.util.ArrayList;
-import java.util.Objects;
-import java.util.UUID;
-
-import javax.inject.Inject;
-
-/**
- * LacertaLibraryのスタブ実装
- */
-public class LacertaLibraryStubImpl implements LacertaLibrary {
-
-    LacertaLogger logger;
-
-    Faker faker;
-
-    @Inject
-    public LacertaLibraryStubImpl(LacertaLogger logger) {
-        faker = new Faker(); // Init Faker
-        this.logger = logger;
-        logger.debug("LibraryStub", "Initialized");
-    }
-
-    // Internal Methods
-
-    // Generate Stub Data
-    private LibraryItemPage generateStubLibraryItemPage(int limit, String pageId) {
-        logger.debug("LibraryStub", "generateStubLibraryItemPage");
-        ArrayList<ListItem> listItems = new ArrayList<>();
-        int itemTotal = faker.number().numberBetween(1, limit); // 実際に返却するアイテム数を決定
-        int folderTotal;
-        // フォルダ数の抽選
-        if (itemTotal > 4) {
-            folderTotal = faker.number().numberBetween(1, itemTotal - 2);
-        }
-        else {
-            if (itemTotal > 2) {
-                folderTotal = 1;
-            }
-            else { // ドキュメント数がゼロにならないように
-                folderTotal = 0;
-            }
-        }
-        int documentTotal = itemTotal - folderTotal; // ドキュメント数を決定
-        logger.debug("LibraryStub", "itemTotal: " + itemTotal);
-        logger.debug("LibraryStub", "folderTotal: " + folderTotal);
-        logger.debug("LibraryStub", "documentTotal: " + documentTotal);
-
-        // フォルダを生成
-        for (int i = 0; i < folderTotal; i++) {
-            listItems.add(generateStubListItem(ListItemType.ITEM_TYPE_FOLDER));
-        }
-        // ドキュメントを生成
-        for (int i = 0; i < documentTotal; i++) {
-            listItems.add(generateStubListItem(ListItemType.ITEM_TYPE_DOCUMENT));
-        }
-
-        LibraryItemPage libraryItemPage = new LibraryItemPage();
-        libraryItemPage.setListItems(listItems);
-        if (pageId == null) {
-            libraryItemPage.setPageId(UUID.randomUUID().toString());
-        } else {
-            libraryItemPage.setPageId(pageId);
-        }
-        libraryItemPage.setPageTitle("FakePage" + faker.number().digits(3));
-
-        return libraryItemPage;
-    }
-
-    private ListItem generateStubListItem(ListItemType itemType) {
-        if (itemType == ListItemType.ITEM_TYPE_FOLDER) {
-            ListItem listItem = new ListItem();
-            listItem.setTitle("FakeFolder" + faker.number().digits(3));
-            listItem.setDescription("Updated at " + DateFormat.getDateTimeInstance().format(faker.date().birthday()));
-            listItem.setItemType(ListItemType.ITEM_TYPE_FOLDER);
-            listItem.setItemId(UUID.randomUUID().toString());
-            return listItem;
-        } else if (itemType == ListItemType.ITEM_TYPE_DOCUMENT) {
-            ListItem listItem = new ListItem();
-            listItem.setTitle("FakeDocument" + faker.book().title());
-            listItem.setDescription("Updated at " + DateFormat.getDateTimeInstance().format(faker.date().birthday()));
-            listItem.setItemType(ListItemType.ITEM_TYPE_DOCUMENT);
-            listItem.setItemId(UUID.randomUUID().toString());
-            return listItem;
-        } else {
-            return null;
-        }
-    }
-
-    private LibraryItemPage getRecentDocumentPage(int limit) {
-        int itemTotal = faker.number().numberBetween(1, limit);
-        ArrayList<ListItem> listItems = new ArrayList<>();
-        for (int i = 0; i < itemTotal; i++) {
-            listItems.add(generateStubListItem(ListItemType.ITEM_TYPE_DOCUMENT));
-        }
-        // DescriptionからDateを抽出して新しい順にソート
-        listItems.sort((a, b) -> {
-            String aDate = a.getDescription().substring(11);
-            String bDate = b.getDescription().substring(11);
-            return bDate.compareTo(aDate);
-        });
-        LibraryItemPage libraryItemPage = new LibraryItemPage();
-        libraryItemPage.setListItems(listItems);
-        libraryItemPage.setPageId(UUID.randomUUID().toString());
-        libraryItemPage.setPageTitle("RecentDocument");
-        return libraryItemPage;
-    }
-
-    private DocumentDetail generateStubDocumentDetail(String id) throws IllegalArgumentException {
-
-        if (Objects.isNull(id)) {
-            throw new IllegalArgumentException("id is null");
-        }
-
-        DocumentMeta documentMeta = new DocumentMeta();
-        documentMeta.setId(id);
-        documentMeta.setTitle("FakeDocument" + faker.book().title());
-        documentMeta.setCreatedAt(faker.date().birthday());
-        documentMeta.setUpdatedAt(faker.date().birthday()); // TODO-rca: 更新日のほうが古くなることがあるのでなんとかする？
-        ArrayList<String> tagIds = new ArrayList<>();
-
-        DocumentDetail documentDetail = new DocumentDetail();
-        documentDetail.setMeta(documentMeta);
-//        documentDetail.setPath(null); // TODO-rca: なんとかする
-//        documentDetail.setAuthor(faker.name().fullName());
-//        documentDetail.setRepository(null); // TODO-rca: なんとかする
-        return documentDetail;
-    }
-
-    /**
-     * 履歴ページを取得する
-     * @param limit 取得するアイテム数
-     * @return ページオブジェクト
-     */
-    @Override
-    public ArrayList<ListItem> getRecentDocument(int limit) {
-        return getRecentDocumentPage(limit).getListItems();
-    }
-
-    /**
-     * 履歴ページを取得する
-     * @param limit 取得するアイテム数
-     * @param offset 取得するアイテムのオフセット
-     * @return ページオブジェクト
-     */
-    @Override
-    public ArrayList<ListItem> getRecentDocument(int limit, int offset) {
-        return getRecentDocumentPage(limit).getListItems();
-    }
-
-    /**
-     * ライブラリページを取得する
-     * @param limit 取得するアイテム数
-     * @return ページオブジェクト
-     */
-    @Override
-    public LibraryItemPage getLibraryPage(int limit) {
-        return generateStubLibraryItemPage(limit, null);
-    }
-
-    /**
-     * ライブラリページを取得する
-     * @param limit 取得するアイテム数
-     * @param offset 取得するアイテムのオフセット
-     * @return ページオブジェクト
-     */
-    @Override
-    public LibraryItemPage getLibraryPage(int limit, int offset) {
-        return generateStubLibraryItemPage(limit, null);
-    }
-
-    /**
-     * ライブラリページを取得する
-     * @param pageId ページID
-     * @param limit 取得するアイテム数
-     * @return ページオブジェクト
-     */
-    @Override
-    public LibraryItemPage getLibraryPage(String pageId, int limit) {
-        return generateStubLibraryItemPage(limit, pageId);
-    }
-
-    /**
-     * ライブラリページを取得する
-     * @param pageId ページID
-     * @param limit 取得するアイテム数
-     * @param offset 取得するアイテムのオフセット
-     * @return ページオブジェクト
-     */
-    @Override
-    public LibraryItemPage getLibraryPage(String pageId, int limit, int offset) {
-        return generateStubLibraryItemPage(limit, pageId);
-    }
-
-    /**
-     * ドキュメント詳細を取得する
-     * @param id ドキュメントID
-     * @return ドキュメント詳細オブジェクト
-     */
-    @Override
-    public DocumentDetail getDocumentDetailById(String id) throws IllegalArgumentException {
-        return generateStubDocumentDetail(id);
-    }
-}
+//package one.nem.lacerta.data.impl;
+//
+//import one.nem.lacerta.data.LacertaLibrary;
+//import one.nem.lacerta.model.LibraryItemPage;
+//import one.nem.lacerta.model.ListItem;
+//import one.nem.lacerta.model.ListItemType;
+//import one.nem.lacerta.model.document.DocumentDetail;
+//
+//import one.nem.lacerta.model.document.DocumentMeta;
+//import one.nem.lacerta.model.document.path.DocumentPath;
+//import one.nem.lacerta.utils.LacertaLogger;
+//
+//import com.github.javafaker.DateAndTime;
+//import com.github.javafaker.Faker;
+//
+//import java.text.DateFormat;
+//import java.util.ArrayList;
+//import java.util.Objects;
+//import java.util.UUID;
+//
+//import javax.inject.Inject;
+//
+///**
+// * LacertaLibraryのスタブ実装
+// */
+//public class LacertaLibraryStubImpl implements LacertaLibrary {
+//
+//    LacertaLogger logger;
+//
+//    Faker faker;
+//
+//    @Inject
+//    public LacertaLibraryStubImpl(LacertaLogger logger) {
+//        faker = new Faker(); // Init Faker
+//        this.logger = logger;
+//        logger.debug("LibraryStub", "Initialized");
+//    }
+//
+//    // Internal Methods
+//
+//    // Generate Stub Data
+//    private LibraryItemPage generateStubLibraryItemPage(int limit, String pageId) {
+//        logger.debug("LibraryStub", "generateStubLibraryItemPage");
+//        ArrayList<ListItem> listItems = new ArrayList<>();
+//        int itemTotal = faker.number().numberBetween(1, limit); // 実際に返却するアイテム数を決定
+//        int folderTotal;
+//        // フォルダ数の抽選
+//        if (itemTotal > 4) {
+//            folderTotal = faker.number().numberBetween(1, itemTotal - 2);
+//        }
+//        else {
+//            if (itemTotal > 2) {
+//                folderTotal = 1;
+//            }
+//            else { // ドキュメント数がゼロにならないように
+//                folderTotal = 0;
+//            }
+//        }
+//        int documentTotal = itemTotal - folderTotal; // ドキュメント数を決定
+//        logger.debug("LibraryStub", "itemTotal: " + itemTotal);
+//        logger.debug("LibraryStub", "folderTotal: " + folderTotal);
+//        logger.debug("LibraryStub", "documentTotal: " + documentTotal);
+//
+//        // フォルダを生成
+//        for (int i = 0; i < folderTotal; i++) {
+//            listItems.add(generateStubListItem(ListItemType.ITEM_TYPE_FOLDER));
+//        }
+//        // ドキュメントを生成
+//        for (int i = 0; i < documentTotal; i++) {
+//            listItems.add(generateStubListItem(ListItemType.ITEM_TYPE_DOCUMENT));
+//        }
+//
+//        LibraryItemPage libraryItemPage = new LibraryItemPage();
+//        libraryItemPage.setListItems(listItems);
+//        if (pageId == null) {
+//            libraryItemPage.setPageId(UUID.randomUUID().toString());
+//        } else {
+//            libraryItemPage.setPageId(pageId);
+//        }
+//        libraryItemPage.setPageTitle("FakePage" + faker.number().digits(3));
+//
+//        return libraryItemPage;
+//    }
+//
+//    private ListItem generateStubListItem(ListItemType itemType) {
+//        if (itemType == ListItemType.ITEM_TYPE_FOLDER) {
+//            ListItem listItem = new ListItem();
+//            listItem.setTitle("FakeFolder" + faker.number().digits(3));
+//            listItem.setDescription("Updated at " + DateFormat.getDateTimeInstance().format(faker.date().birthday()));
+//            listItem.setItemType(ListItemType.ITEM_TYPE_FOLDER);
+//            listItem.setItemId(UUID.randomUUID().toString());
+//            return listItem;
+//        } else if (itemType == ListItemType.ITEM_TYPE_DOCUMENT) {
+//            ListItem listItem = new ListItem();
+//            listItem.setTitle("FakeDocument" + faker.book().title());
+//            listItem.setDescription("Updated at " + DateFormat.getDateTimeInstance().format(faker.date().birthday()));
+//            listItem.setItemType(ListItemType.ITEM_TYPE_DOCUMENT);
+//            listItem.setItemId(UUID.randomUUID().toString());
+//            return listItem;
+//        } else {
+//            return null;
+//        }
+//    }
+//
+//    private LibraryItemPage getRecentDocumentPage(int limit) {
+//        int itemTotal = faker.number().numberBetween(1, limit);
+//        ArrayList<ListItem> listItems = new ArrayList<>();
+//        for (int i = 0; i < itemTotal; i++) {
+//            listItems.add(generateStubListItem(ListItemType.ITEM_TYPE_DOCUMENT));
+//        }
+//        // DescriptionからDateを抽出して新しい順にソート
+//        listItems.sort((a, b) -> {
+//            String aDate = a.getDescription().substring(11);
+//            String bDate = b.getDescription().substring(11);
+//            return bDate.compareTo(aDate);
+//        });
+//        LibraryItemPage libraryItemPage = new LibraryItemPage();
+//        libraryItemPage.setListItems(listItems);
+//        libraryItemPage.setPageId(UUID.randomUUID().toString());
+//        libraryItemPage.setPageTitle("RecentDocument");
+//        return libraryItemPage;
+//    }
+//
+//    private DocumentDetail generateStubDocumentDetail(String id) throws IllegalArgumentException {
+//
+//        if (Objects.isNull(id)) {
+//            throw new IllegalArgumentException("id is null");
+//        }
+//
+//        DocumentMeta documentMeta = new DocumentMeta();
+//        documentMeta.setId(id);
+//        documentMeta.setTitle("FakeDocument" + faker.book().title());
+//        documentMeta.setCreatedAt(faker.date().birthday());
+//        documentMeta.setUpdatedAt(faker.date().birthday()); // TODO-rca: 更新日のほうが古くなることがあるのでなんとかする？
+//        ArrayList<String> tagIds = new ArrayList<>();
+//
+//        DocumentDetail documentDetail = new DocumentDetail();
+//        documentDetail.setMeta(documentMeta);
+////        documentDetail.setPath(null); // TODO-rca: なんとかする
+////        documentDetail.setAuthor(faker.name().fullName());
+////        documentDetail.setRepository(null); // TODO-rca: なんとかする
+//        return documentDetail;
+//    }
+//
+//    /**
+//     * 履歴ページを取得する
+//     * @param limit 取得するアイテム数
+//     * @return ページオブジェクト
+//     */
+//    @Override
+//    public ArrayList<ListItem> getRecentDocument(int limit) {
+//        return getRecentDocumentPage(limit).getListItems();
+//    }
+//
+//    /**
+//     * 履歴ページを取得する
+//     * @param limit 取得するアイテム数
+//     * @param offset 取得するアイテムのオフセット
+//     * @return ページオブジェクト
+//     */
+//    @Override
+//    public ArrayList<ListItem> getRecentDocument(int limit, int offset) {
+//        return getRecentDocumentPage(limit).getListItems();
+//    }
+//
+//    /**
+//     * ライブラリページを取得する
+//     * @param limit 取得するアイテム数
+//     * @return ページオブジェクト
+//     */
+//    @Override
+//    public LibraryItemPage getLibraryPage(int limit) {
+//        return generateStubLibraryItemPage(limit, null);
+//    }
+//
+//    /**
+//     * ライブラリページを取得する
+//     * @param limit 取得するアイテム数
+//     * @param offset 取得するアイテムのオフセット
+//     * @return ページオブジェクト
+//     */
+//    @Override
+//    public LibraryItemPage getLibraryPage(int limit, int offset) {
+//        return generateStubLibraryItemPage(limit, null);
+//    }
+//
+//    /**
+//     * ライブラリページを取得する
+//     * @param pageId ページID
+//     * @param limit 取得するアイテム数
+//     * @return ページオブジェクト
+//     */
+//    @Override
+//    public LibraryItemPage getLibraryPage(String pageId, int limit) {
+//        return generateStubLibraryItemPage(limit, pageId);
+//    }
+//
+//    /**
+//     * ライブラリページを取得する
+//     * @param pageId ページID
+//     * @param limit 取得するアイテム数
+//     * @param offset 取得するアイテムのオフセット
+//     * @return ページオブジェクト
+//     */
+//    @Override
+//    public LibraryItemPage getLibraryPage(String pageId, int limit, int offset) {
+//        return generateStubLibraryItemPage(limit, pageId);
+//    }
+//
+//    /**
+//     * ドキュメント詳細を取得する
+//     * @param id ドキュメントID
+//     * @return ドキュメント詳細オブジェクト
+//     */
+//    @Override
+//    public DocumentDetail getDocumentDetailById(String id) throws IllegalArgumentException {
+//        return generateStubDocumentDetail(id);
+//    }
+//}

data/src/main/java/one/nem/lacerta/data/impl/LacertaSearchStubImpl.java

@@ -30,9 +30,10 @@ public class LacertaSearchStubImpl implements LacertaSearch {
      */
     @Override
     public ArrayList<ListItem> autoSearch(String query, int limit) {
-        logger.debug("SearchStub", "autoSearch");
-        logger.debug("SearchStub", "query: " + query);
-        return library.getLibraryPage(limit).getListItems();
+//        logger.debug("SearchStub", "autoSearch");
+//        logger.debug("SearchStub", "query: " + query);
+//        return library.getLibraryPage(limit).getListItems();
+        return null;
     }
 
     /**
@@ -44,8 +45,9 @@ public class LacertaSearchStubImpl implements LacertaSearch {
      */
     @Override
     public ArrayList<ListItem> autoSearch(String query, int limit, int offset) {
-        logger.debug("SearchStub", "autoSearch");
-        logger.debug("SearchStub", "query: " + query);
-        return library.getLibraryPage(limit, offset).getListItems();
+//        logger.debug("SearchStub", "autoSearch");
+//        logger.debug("SearchStub", "query: " + query);
+//        return library.getLibraryPage(limit, offset).getListItems();
+        return null;
     }
 }

data/src/main/java/one/nem/lacerta/data/module/LacertaLibraryModule.java

@@ -7,7 +7,7 @@ import dagger.hilt.android.components.FragmentComponent;
 import dagger.hilt.migration.DisableInstallInCheck;
 
 import one.nem.lacerta.data.LacertaLibrary;
-import one.nem.lacerta.data.impl.LacertaLibraryStubImpl;
+import one.nem.lacerta.data.impl.LacertaLibraryImpl;
 import one.nem.lacerta.utils.LacertaLogger;
 
 @Module
@@ -16,6 +16,6 @@ import one.nem.lacerta.utils.LacertaLogger;
 abstract public class LacertaLibraryModule {
 
     @Binds
-    public abstract LacertaLibrary bindLacertaLibrary(LacertaLibraryStubImpl impl);
+    public abstract LacertaLibrary bindLacertaLibrary(LacertaLibraryImpl impl);
 
 }

feature/common/build.gradle

@@ -4,7 +4,7 @@ plugins {
 
 android {
     namespace 'one.nem.lacerta.feature.common'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         minSdk 26

feature/debug/src/main/java/one/nem/lacerta/feature/debug/DebugMenuLibraryItemListPageFragment.java

@@ -57,7 +57,8 @@ public class DebugMenuLibraryItemListPageFragment extends Fragment {
         // Inflate the layout for this fragment
         View view = inflater.inflate(R.layout.fragment_debug_menu_library_item_list_page, container, false);
 
-        ArrayList<ListItem> listItems = lacertaLibrary.getRecentDocument(10);
+//        ArrayList<ListItem> listItems = lacertaLibrary.getRecentDocument(10);
+        ArrayList<ListItem> listItems = new ArrayList<>();
         for (ListItem listItem : listItems) {
             System.out.println(listItem.getTitle());
         }

feature/debug/src/main/res/layout/list_item_debug_menu.xml

@@ -11,6 +11,7 @@
         android:layout_height="wrap_content"
         android:textSize="16sp"
         android:layout_marginEnd="8dp"
+        android:text="Placeholder Title"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
@@ -19,6 +20,7 @@
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:textSize="14sp"
+        android:text="Placeholder Description"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/debug_menu_item_title" />

feature/home/build.gradle

@@ -5,7 +5,7 @@ plugins {
 
 android {
     namespace 'one.nem.lacerta.feature.home'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         minSdk 26
@@ -55,4 +55,8 @@ dependencies {
     implementation project(':model')
 
     implementation "androidx.recyclerview:recyclerview:1.3.2"
+
+    implementation project(':component:common')
+
+    implementation project(':component:viewer')
 }

feature/home/src/main/java/one/nem/lacerta/feature/home/DocumentSelectListener.java

@@ -0,0 +1,5 @@
+package one.nem.lacerta.feature.home;
+
+public interface DocumentSelectListener {
+    void onDocumentSelect(String documentId, String documentName);
+}

feature/home/src/main/java/one/nem/lacerta/feature/home/HomeTopFragment.java

@@ -1,26 +1,27 @@
 package one.nem.lacerta.feature.home;
 
+import android.content.Intent;
 import android.os.Bundle;
 import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 
+import androidx.appcompat.widget.Toolbar;
+import androidx.core.content.ContextCompat;
 import androidx.fragment.app.Fragment;
+import androidx.navigation.Navigation;
 import androidx.recyclerview.widget.LinearLayoutManager;
 import androidx.recyclerview.widget.RecyclerView;
 
-import java.util.ArrayList;
-import java.util.List;
+import com.google.android.material.appbar.AppBarLayout;
 
 import javax.inject.Inject;
 
 import dagger.hilt.android.AndroidEntryPoint;
-import one.nem.lacerta.data.Document;
+import one.nem.lacerta.component.viewer.ViewerMainActivity;
 import one.nem.lacerta.data.LacertaLibrary;
-import one.nem.lacerta.model.ListItem;
-import one.nem.lacerta.model.document.DocumentMeta;
-
+import one.nem.lacerta.utils.FeatureSwitch;
 
 
 /**
@@ -34,34 +35,15 @@ public class HomeTopFragment extends Fragment {
     @Inject
     LacertaLibrary lacertaLibrary;
 
-
-    // TODO: Rename parameter arguments, choose names that match
-    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
-    private static final String ARG_PARAM1 = "param1";
-    private static final String ARG_PARAM2 = "param2";
-
-    // TODO: Rename and change types of parameters
-    private String mParam1;
-    private String mParam2;
+    private ListItemAdapter listItemAdapter;
 
     public HomeTopFragment() {
         // Required empty public constructor
     }
 
-    /**
-     * Use this factory method to create a new instance of
-     * this fragment using the provided parameters.
-     *
-     * @param param1 Parameter 1.
-     * @param param2 Parameter 2.
-     * @return A new instance of fragment HomeTopFragment.
-     */
-    // TODO: Rename and change types and number of parameters
-    public static HomeTopFragment newInstance(String param1, String param2) {
+    public static HomeTopFragment newInstance() {
         HomeTopFragment fragment = new HomeTopFragment();
         Bundle args = new Bundle();
-        args.putString(ARG_PARAM1, param1);
-        args.putString(ARG_PARAM2, param2);
         fragment.setArguments(args);
         return fragment;
     }
@@ -70,49 +52,99 @@ public class HomeTopFragment extends Fragment {
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
-        if (getArguments() != null) {
-            mParam1 = getArguments().getString(ARG_PARAM1);
-            mParam2 = getArguments().getString(ARG_PARAM2);
-
-
-        }
     }
 
     @Override
-    public View onCreateView(LayoutInflater inflater, ViewGroup container,
-                             Bundle savedInstanceState) {
+    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
         // Inflate the layout for this fragment
         View view = inflater.inflate(R.layout.fragment_home_top, container, false);
 
-//        List<DocumentMeta> metas = document.getAllDocumentMetas(100);
+        // Set status bar color
+        AppBarLayout appBarLayout = view.findViewById(R.id.app_bar_layout);
+        appBarLayout.addOnOffsetChangedListener((appBarLayout1, verticalOffset) -> {
+            if (Math.abs(verticalOffset) == appBarLayout1.getTotalScrollRange()) {
+                // Collapsed
+                getActivity().getWindow().setStatusBarColor(ContextCompat.getColor(getContext(), one.nem.lacerta.shared.ui.R.color.colorSecondaryContainer));
+            } else if (verticalOffset == 0) {
+                // Expanded
+                getActivity().getWindow().setStatusBarColor(ContextCompat.getColor(getContext(), one.nem.lacerta.shared.ui.R.color.colorSurface));
+            }
+        });
+        return view;
+    }
 
-        ArrayList<ListItem> listItems = lacertaLibrary.getRecentDocument(100);
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
 
-        Log.d("docs", Integer.toString(listItems.size()));
+        RecyclerView recyclerView = view.findViewById(R.id.home_item_recycler_view);
 
-        RecyclerView recyclerView = view.findViewById(R.id.item_recycler_view);
+        Toolbar toolbar = view.findViewById(R.id.home_toolbar);
+        toolbarSetup(toolbar, false, "ホーム");
 
+        this.listItemAdapter = new ListItemAdapter(new DocumentSelectListener() {
+            @Override
+            public void onDocumentSelect(String documentId, String documentName) {
+                Intent intent = new Intent(getContext(), ViewerMainActivity.class);
+                Log.d("HomeTopFragment", "onDocumentSelect: " + documentId + " " + documentName);
+                intent.putExtra("documentId", documentId);
+                intent.putExtra("documentName", documentName);
+                startActivity(intent);
+            }
+        });
+        recyclerView.setAdapter(listItemAdapter);
         recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
 
-        MyAdapter myAdapter = new MyAdapter(listItems);
+        updateList();
+    }
 
-        recyclerView.setAdapter(myAdapter);
-
-        return view;
-
-
-        }
-String pageTitle;
-    String pageId;
-    ArrayList listItems;
-
-    String title;
-    String description;
-
-    String itemId;
+    @Override
+    public void onResume() {
+        super.onResume();
 
+        updateList();
+    }
 
+    private void updateList() {
+        lacertaLibrary.getRecentDocument(10).thenAccept(listItems -> {
+            if (listItems == null) {
+                return;
+            }
+            this.listItemAdapter.setListItems(listItems);
+            getActivity().runOnUiThread(() -> {
+                Log.d("HomeTopFragment", "onViewCreated: " + listItems.size());
+                if (FeatureSwitch.RecyclerView.useSimpleNotifyMethod) {
+                    this.listItemAdapter.notifyDataSetChanged();
+                } else {
+                    // IndexOutOfBoundsExceptionを吐くことがあったので いったん
+                    this.listItemAdapter.notifyItemRangeInserted(0, listItems.size() - 1);
+                }
+            });
+        });
+    }
 
+    /**
+     * ToolbarをInitする
+     *
+     * @param toolbar Toolbar
+     * @param showBackButton 戻るボタンを表示するか
+     * @param title タイトル
+     */
+    private void toolbarSetup(Toolbar toolbar, boolean showBackButton, String title) {
+        getActivity().runOnUiThread(() -> {
+            if (showBackButton) {
+                toolbar.setNavigationIcon(one.nem.lacerta.shared.ui.R.drawable.arrow_back_24px);
+                toolbar.setNavigationOnClickListener(v -> {
+                    //this.libraryItemPage = lacertaLibrary.getLibraryPage(this.libraryItemPage.getParentId(), 10).join();
+                    // Back
+                    Navigation.findNavController(requireView()).popBackStack();
+                });
+            } else {
+                toolbar.setNavigationIcon(null);
+            }
+            toolbar.setTitle(title);
+        });
+    }
 }
 
 

feature/home/src/main/java/one/nem/lacerta/feature/home/ListItemAdapter.java

@@ -0,0 +1,75 @@
+package one.nem.lacerta.feature.home;
+
+import android.content.Intent;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import java.util.ArrayList;
+
+import one.nem.lacerta.component.viewer.ViewerMainActivity;
+import one.nem.lacerta.model.ListItem;
+
+public class ListItemAdapter extends RecyclerView.Adapter<ListItemAdapter.ListItemViewHolder>{
+
+    ArrayList<ListItem> listItems;
+
+    DocumentSelectListener listener;
+
+    public ListItemAdapter(DocumentSelectListener listener){
+        this.listItems = new ArrayList<>();
+        this.listener = listener;
+    }
+
+    public void setListItems(ArrayList<ListItem> listItems) {
+        this.listItems = listItems;
+    }
+
+    @NonNull
+    @Override
+    public ListItemAdapter.ListItemViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(parent.getContext()).inflate(one.nem.lacerta.shared.ui.R.layout.common_list_item, parent, false);
+        return new ListItemViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull ListItemAdapter.ListItemViewHolder holder, int position) {
+        ListItem listItem = listItems.get(position);
+        holder.icon.setImageResource(listItem.getItemType().getIconId());
+        holder.icon.setColorFilter(one.nem.lacerta.shared.ui.R.color.colorOnSurface);
+        holder.title.setText(listItem.getTitle());
+        holder.description.setText(listItem.getDescription());
+
+        holder.itemView.setOnClickListener( v -> {
+            listener.onDocumentSelect(listItem.getItemId(), listItem.getTitle());
+        });
+    }
+
+    @Override
+    public int getItemCount() {
+        if (listItems == null) {
+            return 0;
+        } else {
+            return listItems.size();
+        }
+    }
+
+    public static class ListItemViewHolder extends RecyclerView.ViewHolder{
+
+        ImageView icon;
+        TextView title;
+        TextView description;
+        public ListItemViewHolder(@NonNull View itemView) {
+            super(itemView);
+
+            icon = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_icon);
+            title = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_title);
+            description = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_description);
+        }
+    }
+}

feature/home/src/main/res/layout/fragment_home_top.xml

@@ -1,22 +1,50 @@
-<?xml version="1.0" encoding="utf-8"?>
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".HomeTopFragment"
-    tools:ignore="ExtraText"
     android:background="@color/colorSurface">
 
-
-    <!-- TODO: Update blank fragment layout -->
-
-
-    <androidx.recyclerview.widget.RecyclerView
-        android:id="@+id/item_recycler_view"
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
 
-    </androidx.recyclerview.widget.RecyclerView>
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/home_toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="HOGE" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/home_item_recycler_view"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
 
 </FrameLayout>

feature/home/src/main/res/menu/drawer_menu.xml

@@ -2,7 +2,7 @@
 <menu xmlns:android="http://schemas.android.com/apk/res/android">
 
     <item
-        android:id="@+id/nav_home"
+        android:id="@+id/item_placeholder"
         android:icon="@drawable/developer_mode_24px"
         android:title="@string/placeholder" />
 </menu>

feature/library/build.gradle

@@ -5,7 +5,7 @@ plugins {
 
 android {
     namespace 'one.nem.lacerta.feature.library'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         minSdk 26
@@ -51,5 +51,9 @@ dependencies {
 
     implementation project(':data')
 
+    implementation project(':utils')
+
+    implementation project(':component:viewer')
+
 
 }

feature/library/src/main/java/one/nem/lacerta/feature/library/DocumentSelectListener.java

@@ -0,0 +1,6 @@
+package one.nem.lacerta.feature.library;
+
+public interface DocumentSelectListener {
+    void onFolderSelected(String folderId, String folderName);
+    void onDocumentSelected(String documentId, String documentName);
+}

feature/library/src/main/java/one/nem/lacerta/feature/library/LibraryArchiveFragment.java

@@ -1,38 +0,0 @@
-package one.nem.lacerta.feature.library;
-
-import android.content.Intent;
-import android.os.Bundle;
-import android.view.View;
-import android.widget.TextView;
-
-import androidx.appcompat.app.AppCompatActivity;
-
-// LibraryArchiveFragment.java
-
-//画面変移用のコード
-//Fragmentへのデータの受け渡し機能
-public class LibraryArchiveFragment extends AppCompatActivity {
-    @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
-        setContentView(R.layout.fragment_library_top);
-
-        // ここに入力された内容を表示する機能
-        TextView textView = findViewById(R.id.document_list);
-
-        textView.setOnClickListener(new View.OnClickListener() {
-            @Override
-            public void onClick(View v) {
-                // 文字をタップしたときの処理
-
-                // 移動先のアクティビティを指定
-                Intent intent = new Intent(LibraryArchiveFragment.this, LibraryDocFragment.class);
-
-                // データを付加する
-                intent.putExtra("key_name", "value_data");
-
-                startActivity(intent);
-            }
-        });
-    }
-}

feature/library/src/main/java/one/nem/lacerta/feature/library/LibraryDocFragment.java

@@ -1,5 +1,9 @@
 package one.nem.lacerta.feature.library;
 
+/*
+Currently, this file is not used in the app.
+ */
+
 import android.os.Bundle;
 import android.view.LayoutInflater;
 import android.view.View;

feature/library/src/main/java/one/nem/lacerta/feature/library/LibraryPageFragment.java

@@ -0,0 +1,291 @@
+package one.nem.lacerta.feature.library;
+
+import android.app.AlertDialog;
+import android.content.Intent;
+import android.os.Bundle;
+
+import androidx.annotation.NonNull;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.appcompat.widget.Toolbar;
+import androidx.core.content.ContextCompat;
+import androidx.fragment.app.Fragment;
+import androidx.navigation.Navigation;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.view.LayoutInflater;
+import android.view.Menu;
+import android.view.MenuInflater;
+import android.view.MenuItem;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ArrayAdapter;
+import android.widget.ListView;
+import android.widget.TextView;
+import android.widget.Toast;
+
+import com.google.android.material.appbar.AppBarLayout;
+import com.google.android.material.appbar.CollapsingToolbarLayout;
+
+import org.w3c.dom.Text;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Objects;
+
+import javax.inject.Inject;
+
+import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.component.viewer.ViewerMainActivity;
+import one.nem.lacerta.data.Document;
+import one.nem.lacerta.data.LacertaLibrary;
+import one.nem.lacerta.model.FragmentNavigation;
+import one.nem.lacerta.model.LibraryItemPage;
+import one.nem.lacerta.model.PublicPath;
+import one.nem.lacerta.utils.FeatureSwitch;
+import one.nem.lacerta.utils.LacertaLogger;
+
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link LibraryPageFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+@AndroidEntryPoint
+public class LibraryPageFragment extends Fragment {
+
+    // Variables
+    // このインスタンスで表示されているページ
+    LibraryItemPage libraryItemPage;
+
+    // Arguments
+    String folderId;
+    String title;
+    String parentId;
+
+
+    @Inject
+    LacertaLibrary lacertaLibrary;
+
+    @Inject
+    LacertaLogger logger;
+
+    ListItemAdapter listItemAdapter;
+
+    public LibraryPageFragment() {
+        // Required empty public constructor
+    }
+
+    public static LibraryPageFragment newInstance(String folderId, String title, String parentId) {
+        LibraryPageFragment fragment = new LibraryPageFragment();
+        Bundle args = new Bundle();
+        args.putString("folderId", folderId);
+        args.putString("title", title);
+        args.putString("publicPath", parentId);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    public static LibraryPageFragment newInstance(String folderId) { // Back action
+        LibraryPageFragment fragment = new LibraryPageFragment();
+        Bundle args = new Bundle();
+        args.putString("folderId", folderId);
+        args.putString("title", null);
+        args.putString("publicPath", null);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    public static LibraryPageFragment newInstance() {
+        LibraryPageFragment fragment = new LibraryPageFragment();
+        Bundle args = new Bundle();
+        args.putString("folderId", null);
+        args.putString("title", null);
+        args.putString("publicPath", null);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+    }
+
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        View view = inflater.inflate(R.layout.fragment_library_top, container, false);
+
+        // Set status bar color
+        AppBarLayout appBarLayout = view.findViewById(R.id.app_bar_layout);
+        appBarLayout.addOnOffsetChangedListener((appBarLayout1, verticalOffset) -> {
+            if (Math.abs(verticalOffset) == appBarLayout1.getTotalScrollRange()) {
+                // Collapsed
+                getActivity().getWindow().setStatusBarColor(ContextCompat.getColor(getContext(), one.nem.lacerta.shared.ui.R.color.colorSecondaryContainer));
+            } else if (verticalOffset == 0) {
+                // Expanded
+                getActivity().getWindow().setStatusBarColor(ContextCompat.getColor(getContext(), one.nem.lacerta.shared.ui.R.color.colorSurface));
+            }
+        });
+        return view;
+    }
+
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        if (getArguments() != null) {
+            this.folderId = getArguments().getString("folderId"); // Required
+            if (getArguments().getString("title") == null && getArguments().getString("publicPath") == null) {
+                this.libraryItemPage = new LibraryItemPage();
+            } else {
+                this.title = getArguments().getString("title");
+                this.parentId = getArguments().getString("publicPath");
+            }
+        } else {
+            logger.debug("LibraryTopFragment", "getArguments() is null(maybe root)");
+            this.libraryItemPage = new LibraryItemPage();
+        }
+
+        // Toolbar Setup
+        toolbarSetup(view.findViewById(R.id.library_toolbar), this.folderId != null, this.title != null ? this.title : "ライブラリ");
+
+        // RecyclerView Setup
+
+        RecyclerView recyclerView = view.findViewById(R.id.library_item_recycler_view);
+        this.listItemAdapter = new ListItemAdapter(new DocumentSelectListener() {
+            @Override
+            public void onFolderSelected(String folderId, String folderName) {
+                logger.debug("LibraryTopFragment", "Folder selected! folderId: " + folderId + ", folderName: " + folderName);
+//                // 画面遷移
+//                FragmentNavigation fragmentNavigation = (FragmentNavigation) getActivity();
+//                // folderId: 推移先で表示するフォルダのID, folderName: 推移先で表示するフォルダの名前, parentId: このフラグメントで表示しているフォルダのID(推移先の親)
+//                fragmentNavigation.navigateToFragment(LibraryPageFragment.newInstance(folderId, folderName, libraryItemPage != null ? libraryItemPage.getParentId() : null), false);
+                Bundle bundle = new Bundle();
+                bundle.putString("folderId", folderId);
+                bundle.putString("title", folderName);
+                bundle.putString("publicPath", libraryItemPage != null ? libraryItemPage.getParentId() : null);
+                try {
+                    Navigation.findNavController(requireView()).navigate(R.id.action_feature_library_top_fragment_self, bundle);
+                } catch (IllegalStateException e) {
+                    logger.error("LibraryTopFragment", "IllegalStateException: " + e.getMessage());
+                }
+            }
+
+            @Override
+            public void onDocumentSelected(String documentId, String documentName) {
+                Intent intent = new Intent(getContext(), ViewerMainActivity.class);
+                logger.debug("LibraryTopFragment", "Document selected! documentId: " + documentId + ", documentName: " + documentName);
+                intent.putExtra("documentId", documentId);
+                intent.putExtra("documentName", documentName);
+                startActivity(intent);
+            }
+        });
+
+        recyclerView.setAdapter(listItemAdapter);
+        recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
+
+        // Get library page and update RecyclerView items
+        lacertaLibrary.getLibraryPage(this.folderId, 10).thenAccept(libraryItemPage -> {
+            this.libraryItemPage = libraryItemPage;
+
+            if (this.parentId == null) {
+                this.parentId = libraryItemPage.getParentId();
+            }
+            if (this.title == null) {
+                this.title = libraryItemPage.getPageTitle();
+                // Toolbar init again
+                toolbarSetup(view.findViewById(R.id.library_toolbar), this.folderId != null, this.title != null ? this.title : "ライブラリ");
+            }
+
+            logger.debug("LibraryTopFragment", "Item selected! Total item page: " + this.libraryItemPage.getListItems().size());
+            if (!FeatureSwitch.RecyclerView.useSimpleNotifyMethod) {
+                getActivity().runOnUiThread(() -> { // TODO-rca: 実行条件を考える？
+                    listItemAdapter.notifyItemRangeRemoved(0, this.libraryItemPage.getListItems().size() - 1);
+                });
+            }
+            listItemAdapter.setLibraryItemPage(this.libraryItemPage);
+            getActivity().runOnUiThread(() -> {
+                if (FeatureSwitch.RecyclerView.useSimpleNotifyMethod) {
+                    listItemAdapter.notifyDataSetChanged();
+                } else {
+                    listItemAdapter.notifyItemRangeInserted(0, this.libraryItemPage.getListItems().size() - 1);
+                }
+            });
+        });
+    }
+
+    /**
+     * Currentにフォルダを作成する
+     */
+    private void createFolder(String pageId) {
+        // TODO-rca: デザインをMaterial Design 3に合わせたカスタムダイアログにする
+        AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
+        builder.setTitle("フォルダの作成");
+        builder.setMessage("フォルダ名を入力してください");
+        final android.widget.EditText input = new android.widget.EditText(getContext());
+        input.setText("フォルダ名");
+        builder.setView(input);
+        builder.setPositiveButton("作成", (dialog, which) -> {
+            lacertaLibrary.createFolder(pageId, input.getText().toString()).thenAccept(folderId -> {
+                // Refresh
+                updateItem(pageId);
+            });
+        });
+        builder.setNegativeButton("キャンセル", (dialog, which) -> {
+            dialog.cancel();
+        });
+        builder.show();
+    }
+
+    /**
+     * RecyclerViewのアイテムを更新する
+     */
+    private void updateItem(String pageId) {
+        lacertaLibrary.getLibraryPage(pageId, 10).thenAccept(libraryItemPage -> {
+            this.libraryItemPage = libraryItemPage;
+            logger.debug("LibraryTopFragment", "Item selected! libraryItemPage.getListItems().size(): " + libraryItemPage.getListItems().size());
+            getActivity().runOnUiThread(() -> {
+                listItemAdapter.notifyItemRangeRemoved(0, libraryItemPage.getListItems().size() - 1);
+            });
+            listItemAdapter.setLibraryItemPage(libraryItemPage);
+            getActivity().runOnUiThread(() -> {
+                listItemAdapter.notifyItemRangeInserted(0, libraryItemPage.getListItems().size() - 1);
+            });
+        });
+    }
+
+    /**
+     * ToolbarをInitする
+     *
+     * @param toolbar Toolbar
+     * @param showBackButton 戻るボタンを表示するか
+     * @param title タイトル
+     */
+    private void toolbarSetup(Toolbar toolbar, boolean showBackButton, String title) {
+        getActivity().runOnUiThread(() -> {
+            if (showBackButton) {
+                toolbar.setNavigationIcon(one.nem.lacerta.shared.ui.R.drawable.arrow_back_24px);
+                toolbar.setNavigationOnClickListener(v -> {
+                    //this.libraryItemPage = lacertaLibrary.getLibraryPage(this.libraryItemPage.getParentId(), 10).join();
+                    // Back
+                    Navigation.findNavController(requireView()).popBackStack();
+                });
+            } else {
+                toolbar.setNavigationIcon(null);
+            }
+            toolbar.setTitle(title);
+            toolbar.getMenu().clear();
+            toolbar.inflateMenu(R.menu.dir_menu);
+            toolbar.setOnMenuItemClickListener(item -> {
+                if (item.getItemId() == R.id.menu_item_create_new_folder) {
+                    createFolder(this.folderId);
+                    return true;
+                } else {
+                    return false;
+                }
+            });
+        });
+    }
+}

feature/library/src/main/java/one/nem/lacerta/feature/library/LibraryTopFragment.java

@@ -1,106 +0,0 @@
-package one.nem.lacerta.feature.library;
-
-import android.os.Bundle;
-
-import androidx.annotation.NonNull;
-import androidx.fragment.app.Fragment;
-import androidx.recyclerview.widget.LinearLayoutManager;
-import androidx.recyclerview.widget.RecyclerView;
-
-import android.view.LayoutInflater;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.ArrayAdapter;
-import android.widget.ListView;
-import android.widget.TextView;
-import android.widget.Toast;
-
-import java.util.ArrayList;
-import java.util.List;
-
-import javax.inject.Inject;
-
-import dagger.hilt.android.AndroidEntryPoint;
-import one.nem.lacerta.data.Document;
-import one.nem.lacerta.model.document.DocumentMeta;
-import one.nem.lacerta.model.document.tag.DocumentTag;
-
-
-
-/**
- * A simple {@link Fragment} subclass.
- * Use the {@link LibraryTopFragment#newInstance} factory method to
- * create an instance of this fragment.
- */
-@AndroidEntryPoint
-public class LibraryTopFragment extends Fragment {
-
-//    @Inject
-//    Document document;
-
-    // TODO: Rename parameter arguments, choose names that match
-    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
-    private static final String ARG_PARAM1 = "param1";
-    private static final String ARG_PARAM2 = "param2";
-
-    // TODO: Rename and change types of parameters
-    private String mParam1;
-    private String mParam2;
-
-    public LibraryTopFragment() {
-        // Required empty public constructor
-    }
-
-    /**
-     * Use this factory method to create a new instance of
-     * this fragment using the provided parameters.
-     *
-     * @param param1 Parameter 1.
-     * @param param2 Parameter 2.
-     * @return A new instance of fragment LibraryTopFragment.
-     */
-    // TODO: Rename and change types and number of parameters
-    public static LibraryTopFragment newInstance(String param1, String param2) {
-        LibraryTopFragment fragment = new LibraryTopFragment();
-        Bundle args = new Bundle();
-        args.putString(ARG_PARAM1, param1);
-        args.putString(ARG_PARAM2, param2);
-        fragment.setArguments(args);
-        return fragment;
-    }
-
-    @Override
-    public void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
-        if (getArguments() != null) {
-            mParam1 = getArguments().getString(ARG_PARAM1);
-            mParam2 = getArguments().getString(ARG_PARAM2);
-        }
-    }
-
-
-    @Override
-    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
-        // Inflate the layout for this fragment
-        View view = inflater.inflate(R.layout.fragment_library_top, container, false);
-
-        // Use view.findViewById instead of findViewById
-        RecyclerView documentRecyclerView = view.findViewById(R.id.document_list);
-
-        LinearLayoutManager layoutManager = new LinearLayoutManager(getContext());
-        documentRecyclerView.setLayoutManager(layoutManager);
-
-        //データを取得
-
-//        List<DocumentMeta>  metas = document.getAllDocumentMetas(100);
-
-//        Toast.makeText(getContext(), "Documents: " + Integer.toString(metas.size()), Toast.LENGTH_LONG).show();
-
-// Create and set the adapter
-//        DocumentAdapter adapter = new DocumentAdapter(metas);
-//        documentRecyclerView.setAdapter(adapter);
-
-// Use a LinearLayoutManager to specify the layout
-        return view;
-    }
-}

feature/library/src/main/java/one/nem/lacerta/feature/library/ListItemAdapter.java

@@ -0,0 +1,75 @@
+package one.nem.lacerta.feature.library;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import one.nem.lacerta.model.LibraryItemPage;
+import one.nem.lacerta.model.ListItem;
+import one.nem.lacerta.model.ListItemType;
+
+public class ListItemAdapter extends RecyclerView.Adapter<ListItemAdapter.ListItemViewHolder>{
+
+    LibraryItemPage libraryItemPage;
+
+    DocumentSelectListener listener;
+
+
+    public ListItemAdapter(DocumentSelectListener listener) {
+        this.listener = listener;
+    }
+
+    public void setLibraryItemPage(LibraryItemPage libraryItemPage) {
+        this.libraryItemPage = libraryItemPage;
+    }
+
+    @NonNull
+    @Override
+    public ListItemViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(parent.getContext()).inflate(one.nem.lacerta.shared.ui.R.layout.common_list_item, parent, false);
+        return new ListItemViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull ListItemViewHolder holder, int position) {
+        ListItem listItem = libraryItemPage.getListItems().get(position);
+        holder.icon.setImageResource(listItem.getItemType().getIconId());
+        holder.icon.setColorFilter(one.nem.lacerta.shared.ui.R.color.colorOnSurface);
+        holder.title.setText(listItem.getTitle());
+        holder.description.setText(listItem.getDescription());
+
+        holder.itemView.setOnClickListener( v -> {
+            if (listItem.getItemType() == ListItemType.ITEM_TYPE_DOCUMENT) {
+                listener.onDocumentSelected(listItem.getItemId(), listItem.getTitle());
+            }
+            else if (listItem.getItemType() == ListItemType.ITEM_TYPE_FOLDER) {
+                listener.onFolderSelected(listItem.getItemId(), listItem.getTitle());
+            }
+        });
+    }
+
+    @Override
+    public int getItemCount() {
+        return this.libraryItemPage == null ? 0
+                : this.libraryItemPage.getListItems() == null ? 0 : this.libraryItemPage.getListItems().size();
+    }
+
+    public static class ListItemViewHolder extends RecyclerView.ViewHolder{
+
+        ImageView icon;
+        TextView title;
+        TextView description;
+        public ListItemViewHolder(@NonNull View itemView) {
+            super(itemView);
+
+            icon = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_icon);
+            title = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_title);
+            description = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_description);
+        }
+    }
+}

feature/library/src/main/res/layout/fragment_library_top.xml

@@ -1,32 +1,50 @@
-<?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:theme="@style/Theme.Lacerta"
-    tools:context=".LibraryTopFragment">
+    android:background="@color/colorSurface">
 
-    <com.google.android.material.appbar.MaterialToolbar
-        android:id="@+id/tool_bar"
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:background="@color/colorPrimaryContainer"
-        android:minHeight="?attr/actionBarSize"
-        android:theme="?attr/actionBarTheme"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent"
-        app:title="Library"
-        app:titleTextColor="@color/colorOnPrimaryContainer" />
+        android:layout_height="match_parent">
 
-    <androidx.recyclerview.widget.RecyclerView
-        android:id="@+id/document_list"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/tool_bar" />
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/library_toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="HOGE" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/library_item_recycler_view"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+</FrameLayout>

feature/library/src/main/res/menu/dir_menu.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <item
+        android:id="@+id/menu_item_create_new_folder"
+        android:icon="@drawable/create_new_folder_24px"
+        android:title="@string/create_new_folder"
+        app:showAsAction="never"/>
+
+</menu>

feature/library/src/main/res/navigation/feature_library_navigation.xml

@@ -6,7 +6,17 @@
     app:startDestination="@id/feature_library_top_fragment">
     <fragment
         android:id="@+id/feature_library_top_fragment"
-        android:name="one.nem.lacerta.feature.library.LibraryTopFragment"
+        android:name="one.nem.lacerta.feature.library.LibraryPageFragment"
         android:label="fragment_library_top"
-        tools:layout="@layout/fragment_library_top" />
+        tools:layout="@layout/fragment_library_top" >
+        <action
+            android:id="@+id/action_feature_library_top_fragment_self"
+            app:destination="@id/feature_library_top_fragment"
+            app:enterAnim="@anim/nav_default_enter_anim"
+            app:exitAnim="@anim/nav_default_exit_anim"
+            app:popEnterAnim="@anim/nav_default_pop_enter_anim"
+            app:popExitAnim="@anim/nav_default_pop_exit_anim"
+            app:popUpTo="@id/feature_library_top_fragment"
+            app:popUpToInclusive="false"/>
+    </fragment>
 </navigation>

feature/library/src/main/res/values/strings.xml

@@ -1,3 +1,4 @@
 <resources>
     <string name="app_name">Library</string>
+    <string name="create_new_folder">新しいフォルダを作成</string>
 </resources>

feature/scan/build.gradle

@@ -4,7 +4,7 @@ plugins {
 
 android {
     namespace 'one.nem.lacerta.feature.scan'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         minSdk 26

feature/search/build.gradle

@@ -4,7 +4,7 @@ plugins {
 
 android {
     namespace 'one.nem.lacerta.feature.search'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         minSdk 26

feature/setting/.gitignore

@@ -0,0 +1 @@
+/build

feature/setting/build.gradle

@@ -0,0 +1,52 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+}
+
+android {
+    namespace 'one.nem.lacerta.setting'
+    compileSdk 34
+
+    defaultConfig {
+        minSdk 26
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles "consumer-rules.pro"
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+}
+
+dependencies {
+
+    implementation libs.androidx.appcompat
+    implementation libs.com.google.android.material
+    testImplementation libs.junit
+    androidTestImplementation libs.androidx.test.ext.junit
+    androidTestImplementation libs.androidx.test.espresso.core
+
+    // Navigation
+    implementation libs.navigation.fragment
+    implementation libs.navigation.ui
+    implementation libs.navigation.dynamic.features.fragment
+
+    // DI
+    implementation libs.com.google.dagger.hilt.android
+    annotationProcessor libs.com.google.dagger.hilt.compiler
+
+    // shared
+    implementation project(':shared:ui')
+
+    // https://mvnrepository.com/artifact/androidx.preference/preference
+    implementation 'androidx.preference:preference:1.2.1'
+
+
+}

feature/setting/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

feature/setting/src/androidTest/java/one/nem/lacerta/setting/ExampleInstrumentedTest.java

@@ -0,0 +1,26 @@
+package one.nem.lacerta.setting;
+
+import android.content.Context;
+
+import androidx.test.platform.app.InstrumentationRegistry;
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+import static org.junit.Assert.*;
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+    @Test
+    public void useAppContext() {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext();
+        assertEquals("one.nem.lacerta.setting.test", appContext.getPackageName());
+    }
+}

feature/setting/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>

feature/setting/src/main/java/one/nem/lacerta/setting/ListItemAdapter.java

@@ -0,0 +1,63 @@
+package one.nem.lacerta.setting;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.navigation.Navigation;
+import androidx.recyclerview.widget.RecyclerView;
+
+import java.util.ArrayList;
+
+import one.nem.lacerta.setting.model.SettingListItem;
+
+public class ListItemAdapter extends RecyclerView.Adapter<ListItemAdapter.ListItemViewHolder>{
+
+    ArrayList<SettingListItem> listItems;
+
+    public ListItemAdapter(ArrayList<SettingListItem> listItems){
+        this.listItems = listItems;
+    }
+
+    @NonNull
+    @Override
+    public ListItemAdapter.ListItemViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(parent.getContext()).inflate(one.nem.lacerta.shared.ui.R.layout.common_list_item, parent, false);
+        return new ListItemViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull ListItemAdapter.ListItemViewHolder holder, int position) {
+        SettingListItem listItem = listItems.get(position);
+        holder.icon.setImageDrawable(listItem.getIcon());
+        holder.icon.setColorFilter(one.nem.lacerta.shared.ui.R.color.colorOnSurface);
+        holder.title.setText(listItem.getTitle());
+        holder.description.setText(listItem.getDescription());
+
+        holder.itemView.setOnClickListener( v -> {
+            Navigation.findNavController(v).navigate(listItem.getDestination());
+        });
+    }
+
+    @Override
+    public int getItemCount() {
+        return listItems.size();
+    }
+
+    public static class ListItemViewHolder extends RecyclerView.ViewHolder{
+
+        ImageView icon;
+        TextView title;
+        TextView description;
+        public ListItemViewHolder(@NonNull View itemView) {
+            super(itemView);
+
+            icon = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_icon);
+            title = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_title);
+            description = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_description);
+        }
+    }
+}

feature/setting/src/main/java/one/nem/lacerta/setting/SettingAboutPageFragment.java

@@ -0,0 +1,43 @@
+package one.nem.lacerta.setting;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link SettingAboutPageFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class SettingAboutPageFragment extends Fragment {
+
+    public SettingAboutPageFragment() {
+        // Required empty public constructor
+    }
+
+    public static SettingAboutPageFragment newInstance() {
+        SettingAboutPageFragment fragment = new SettingAboutPageFragment();
+        Bundle args = new Bundle();
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        View view = inflater.inflate(R.layout.fragment_setting_about_page, container, false);
+
+
+        return view;
+    }
+}

feature/setting/src/main/java/one/nem/lacerta/setting/SettingDataPageFragment.java

@@ -0,0 +1,40 @@
+package one.nem.lacerta.setting;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link SettingDataPageFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class SettingDataPageFragment extends Fragment {
+
+    public SettingDataPageFragment() {
+        // Required empty public constructor
+    }
+
+    public static SettingDataPageFragment newInstance() {
+        SettingDataPageFragment fragment = new SettingDataPageFragment();
+        Bundle args = new Bundle();
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_setting_data_page, container, false);
+    }
+}

feature/setting/src/main/java/one/nem/lacerta/setting/SettingDisplayPageFragment.java

@@ -0,0 +1,40 @@
+package one.nem.lacerta.setting;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link SettingDisplayPageFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class SettingDisplayPageFragment extends Fragment {
+
+    public SettingDisplayPageFragment() {
+        // Required empty public constructor
+    }
+
+    public static SettingDisplayPageFragment newInstance() {
+        SettingDisplayPageFragment fragment = new SettingDisplayPageFragment();
+        Bundle args = new Bundle();
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_setting_display_page, container, false);
+    }
+}

feature/setting/src/main/java/one/nem/lacerta/setting/SettingScanPageFragment.java

@@ -0,0 +1,49 @@
+package one.nem.lacerta.setting;
+
+import android.os.Bundle;
+
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import androidx.fragment.app.FragmentTransaction;
+import androidx.preference.PreferenceFragmentCompat;
+
+import android.preference.PreferenceFragment;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link SettingScanPageFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class SettingScanPageFragment extends Fragment {
+
+    public SettingScanPageFragment() {
+        // Required empty public constructor
+    }
+//
+//    @Override
+//    public void onCreatePreferences(@Nullable Bundle savedInstanceState, @Nullable String rootKey) {
+////        addPreferencesFromResource(R.xml.scan_preferences);
+//    }
+
+    public static SettingScanPageFragment newInstance() {
+        SettingScanPageFragment fragment = new SettingScanPageFragment();
+        Bundle args = new Bundle();
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_setting_scan_page, container, false);
+    }
+
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+    }
+
+}

feature/setting/src/main/java/one/nem/lacerta/setting/SettingTopFragment.java

@@ -0,0 +1,104 @@
+package one.nem.lacerta.setting;
+
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import androidx.core.content.ContextCompat;
+import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import com.google.android.material.appbar.AppBarLayout;
+
+import java.util.ArrayList;
+
+import one.nem.lacerta.setting.model.SettingListItem;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link SettingTopFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class SettingTopFragment extends Fragment {
+
+    public SettingTopFragment() {
+        // Required empty public constructor
+    }
+
+    public static SettingTopFragment newInstance() {
+        SettingTopFragment fragment = new SettingTopFragment();
+        Bundle args = new Bundle();
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        View view = inflater.inflate(R.layout.fragment_setting_top, container, false);
+
+        // Setting items
+        ArrayList<SettingListItem> settingListItems = new ArrayList<>();
+        settingListItems.add(
+                new SettingListItem(
+                        getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_display_title),
+                        getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_display_description),
+                        ContextCompat.getDrawable(getContext(), one.nem.lacerta.shared.ui.R.drawable.palette_24px),
+                        R.id.action_settingTopFragment_to_settingDisplayPageFragment
+                )
+        );
+
+        settingListItems.add(
+                new SettingListItem(
+                        getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_data_title),
+                        getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_data_description),
+                        ContextCompat.getDrawable(getContext(), one.nem.lacerta.shared.ui.R.drawable.settings_backup_restore_24px),
+                        R.id.action_settingTopFragment_to_settingDataPageFragment
+                )
+        );
+
+        settingListItems.add(
+                new SettingListItem(
+                        getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_scan_title),
+                        getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_scan_description),
+                        ContextCompat.getDrawable(getContext(), one.nem.lacerta.shared.ui.R.drawable.document_scanner_24px),
+                        R.id.action_settingTopFragment_to_settingScanPageFragment
+                )
+        );
+
+        settingListItems.add(
+                new SettingListItem(
+                        getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_about_title),
+                        getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_about_description),
+                        ContextCompat.getDrawable(getContext(), one.nem.lacerta.shared.ui.R.drawable.info_24px),
+                        R.id.action_settingTopFragment_to_settingAboutPageFragment
+                )
+        );
+
+        // Init RecyclerView
+        RecyclerView recyclerView = view.findViewById(R.id.setting_item_recycler_view);
+        recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
+        recyclerView.setAdapter(new ListItemAdapter(settingListItems));
+
+        // Set status bar color
+        AppBarLayout appBarLayout = view.findViewById(R.id.app_bar_layout);
+        appBarLayout.addOnOffsetChangedListener((appBarLayout1, verticalOffset) -> {
+            if (Math.abs(verticalOffset) == appBarLayout1.getTotalScrollRange()) {
+                // Collapsed
+                getActivity().getWindow().setStatusBarColor(ContextCompat.getColor(getContext(), one.nem.lacerta.shared.ui.R.color.colorSecondaryContainer));
+            } else if (verticalOffset == 0) {
+                // Expanded
+                getActivity().getWindow().setStatusBarColor(ContextCompat.getColor(getContext(), one.nem.lacerta.shared.ui.R.color.colorSurface));
+            }
+        });
+        return view;
+    }
+}

feature/setting/src/main/java/one/nem/lacerta/setting/model/SettingListItem.java

@@ -0,0 +1,34 @@
+package one.nem.lacerta.setting.model;
+
+import android.graphics.drawable.Drawable;
+
+public class SettingListItem {
+
+    String title;
+    String description;
+    Drawable icon;
+    int destination;
+
+    public SettingListItem(String title, String description, Drawable icon, int destination) {
+        this.title = title;
+        this.description = description;
+        this.icon = icon;
+        this.destination = destination;
+    }
+
+    public String getTitle() {
+        return title;
+    }
+
+    public String getDescription() {
+        return description;
+    }
+
+    public Drawable getIcon() {
+        return icon;
+    }
+
+    public int getDestination() {
+        return destination;
+    }
+}

feature/setting/src/main/res/layout/fragment_setting_about_page.xml

@@ -0,0 +1,79 @@
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorSurface">
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="@string/setting_top_about_title" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" >
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                android:padding="32dp"
+                android:background="@drawable/rounded_secondary_container" >
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Work in Progress..."
+                    android:textSize="24sp"
+                    android:textColor="@color/colorOnSurfaceSecondary"/>
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="実装中..."
+                    android:textSize="16sp"
+                    android:textColor="@color/colorOnSurfaceSecondary"/>
+
+            </LinearLayout>
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+</FrameLayout>

feature/setting/src/main/res/layout/fragment_setting_data_page.xml

@@ -0,0 +1,79 @@
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorSurface">
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="@string/setting_top_data_title" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" >
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                android:padding="32dp"
+                android:background="@drawable/rounded_secondary_container" >
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Work in Progress..."
+                    android:textSize="24sp"
+                    android:textColor="@color/colorOnSurfaceSecondary"/>
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="実装中..."
+                    android:textSize="16sp"
+                    android:textColor="@color/colorOnSurfaceSecondary"/>
+
+            </LinearLayout>
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+</FrameLayout>

feature/setting/src/main/res/layout/fragment_setting_display_page.xml

@@ -0,0 +1,79 @@
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorSurface">
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="@string/setting_top_display_title" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" >
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                android:padding="32dp"
+                android:background="@drawable/rounded_secondary_container" >
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Work in Progress..."
+                    android:textSize="24sp"
+                    android:textColor="@color/colorOnSurfaceSecondary"/>
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="実装中..."
+                    android:textSize="16sp"
+                    android:textColor="@color/colorOnSurfaceSecondary"/>
+
+            </LinearLayout>
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+</FrameLayout>

feature/setting/src/main/res/layout/fragment_setting_scan_page.xml

@@ -0,0 +1,79 @@
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorSurface">
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="@string/setting_top_scan_title" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" >
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                android:padding="32dp"
+                android:background="@drawable/rounded_secondary_container" >
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Work in Progress..."
+                    android:textSize="24sp"
+                    android:textColor="@color/colorOnSurfaceSecondary"/>
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="実装中..."
+                    android:textSize="16sp"
+                    android:textColor="@color/colorOnSurfaceSecondary"/>
+
+            </LinearLayout>
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+</FrameLayout>

feature/setting/src/main/res/layout/fragment_setting_top.xml

@@ -0,0 +1,50 @@
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorSurface">
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="@string/setting_title" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/setting_item_recycler_view"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+</FrameLayout>

feature/setting/src/main/res/navigation/feature_setting_navigation.xml

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<navigation xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/feature_setting_navigation"
+    app:startDestination="@id/settingTopFragment">
+
+    <fragment
+        android:id="@+id/settingTopFragment"
+        android:name="one.nem.lacerta.setting.SettingTopFragment"
+        android:label="SettingTopFragment" >
+        <action
+            android:id="@+id/action_settingTopFragment_to_settingAboutPageFragment"
+            app:destination="@id/settingAboutPageFragment"
+            app:enterAnim="@anim/slide_from_right"
+            app:exitAnim="@anim/slide_to_left"
+            app:popEnterAnim="@anim/slide_from_left"
+            app:popExitAnim="@anim/slide_to_right" />
+        <action
+            android:id="@+id/action_settingTopFragment_to_settingDisplayPageFragment"
+            app:destination="@id/settingDisplayPageFragment"
+            app:enterAnim="@anim/slide_from_right"
+            app:exitAnim="@anim/slide_to_left"
+            app:popEnterAnim="@anim/slide_from_left"
+            app:popExitAnim="@anim/slide_to_right" />
+        <action
+            android:id="@+id/action_settingTopFragment_to_settingDataPageFragment"
+            app:destination="@id/settingDataPageFragment"
+            app:enterAnim="@anim/slide_from_right"
+            app:exitAnim="@anim/slide_to_left"
+            app:popEnterAnim="@anim/slide_from_left"
+            app:popExitAnim="@anim/slide_to_right" />
+        <action
+            android:id="@+id/action_settingTopFragment_to_settingScanPageFragment"
+            app:destination="@id/settingScanPageFragment"
+            app:enterAnim="@anim/slide_from_right"
+            app:exitAnim="@anim/slide_to_left"
+            app:popEnterAnim="@anim/slide_from_left"
+            app:popExitAnim="@anim/slide_to_right" />
+    </fragment>
+    <fragment
+        android:id="@+id/settingAboutPageFragment"
+        android:name="one.nem.lacerta.setting.SettingAboutPageFragment"
+        android:label="fragment_setting_about_page"
+        tools:layout="@layout/fragment_setting_about_page" />
+    <fragment
+        android:id="@+id/settingDataPageFragment"
+        android:name="one.nem.lacerta.setting.SettingDataPageFragment"
+        android:label="fragment_setting_data_page"
+        tools:layout="@layout/fragment_setting_data_page" />
+    <fragment
+        android:id="@+id/settingDisplayPageFragment"
+        android:name="one.nem.lacerta.setting.SettingDisplayPageFragment"
+        android:label="fragment_setting_display_page"
+        tools:layout="@layout/fragment_setting_display_page" />
+    <fragment
+        android:id="@+id/settingScanPageFragment"
+        android:name="one.nem.lacerta.setting.SettingScanPageFragment"
+        android:label="fragment_setting_scan_page"
+        tools:layout="@layout/fragment_setting_scan_page" />
+</navigation>

feature/setting/src/main/res/values/scan_setting_array.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <array name="png_quality_array">
+        <item name="5">5</item>
+        <item name="6">6</item>
+        <item name="7">7</item>
+        <item name="8">8</item>
+        <item name="9">9</item>
+    </array>
+
+</resources>

feature/setting/src/main/res/values/setting_integers.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <integer name="png_quality_default">70</integer>
+    <integer name="png_quality_min">5</integer>
+    <integer name="png_quality_max">100</integer>
+</resources>

feature/setting/src/main/res/values/strings.xml

@@ -0,0 +1,4 @@
+<resources>
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
+</resources>

feature/setting/src/main/res/xml/scan_preferences.xml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <PreferenceCategory android:title="@string/setting_scan_quality_title">
+        <SeekBarPreference
+            android:defaultValue="@integer/png_quality_default"
+            android:key="png_quality"
+            android:max="@integer/png_quality_max"
+            android:min="@integer/png_quality_min"
+            android:summary="@string/setting_scan_quality_png_quality_description"
+            android:title="@string/setting_scan_quality_png_quality_title" />
+    </PreferenceCategory>
+    <PreferenceCategory android:title="@string/setting_scan_default_title">
+
+        <EditTextPreference
+            android:defaultValue="Untitled"
+            android:key="new_doc_default_title"
+            android:selectAllOnFocus="true"
+            android:singleLine="true"
+            android:title="@string/setting_scan_default_document_name" />
+        <EditTextPreference
+            android:defaultValue="NewFolder"
+            android:key="new_dir_default_title"
+            android:selectAllOnFocus="true"
+            android:singleLine="true"
+            android:title="@string/setting_scan_default_folder_name" />
+    </PreferenceCategory>
+</PreferenceScreen>