diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 3caa385..1f943f0 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
-
+    <uses-permission android:name="android.permission.INTERNET"/>
     <application
         android:name=".Citrus"
         android:allowBackup="true"
@@ -12,7 +12,9 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.CitrusClient"
-        tools:targetApi="31">
+        tools:targetApi="31"
+        android:usesCleartextTraffic="true"
+        android:networkSecurityConfig="@xml/network_security_config">
         <activity
             android:name=".views.MainActivity"
             android:exported="true">
diff --git a/app/src/main/java/com/example/citrusclient/views/MyBookshelfFragment.java b/app/src/main/java/com/example/citrusclient/views/MyBookshelfFragment.java
index 51865a1..3019a14 100644
--- a/app/src/main/java/com/example/citrusclient/views/MyBookshelfFragment.java
+++ b/app/src/main/java/com/example/citrusclient/views/MyBookshelfFragment.java
@@ -7,6 +7,8 @@
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.fragment.app.Fragment;
+import androidx.lifecycle.Observer;
+import androidx.lifecycle.ViewModelProvider;
 import androidx.recyclerview.widget.GridLayoutManager;
 import androidx.recyclerview.widget.LinearLayoutManager;
 import androidx.recyclerview.widget.RecyclerView;
@@ -20,11 +22,13 @@
 
 import com.example.citrusclient.Citrus;
 import com.example.citrusclient.R;
+import com.example.citrusclient.models.Book;
 import com.example.citrusclient.viewmodels.BooksViewModel;
 import com.google.android.material.floatingactionbutton.FloatingActionButton;
 import com.google.android.material.snackbar.Snackbar;
 
 import java.util.ArrayList;
+import java.util.HashMap;
 import java.util.List;
 
 /**
@@ -66,7 +70,9 @@
     }
 
 
-    private List<RowBook> bookList;
+    private List<Book> bookList;
+    BooksViewModel booksViewModel;
+
 
     @Override
     public void onCreate(Bundle savedInstanceState) {
@@ -75,13 +81,19 @@
             mParam1 = getArguments().getString(ARG_PARAM1);
             mParam2 = getArguments().getString(ARG_PARAM2);
         }
+
+        booksViewModel = new ViewModelProvider(this).get(BooksViewModel.class);
+
     }
 
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
                              Bundle savedInstanceState) {
         // Inflate the layout for this fragment
-        return inflater.inflate(R.layout.fragment_my_bookshelf_fragment, container, false);
+        View rootView = inflater.inflate(R.layout.fragment_my_bookshelf_fragment, container, false);
+
+        return rootView;
+
     }
 
 
@@ -90,14 +102,13 @@
     public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
         super.onViewCreated(view, savedInstanceState);
 
-        bookList = createBooks();
 
         Citrus citrus = (Citrus)(getActivity().getApplication());
         String token = citrus.getToken();
         String accountId = citrus.getAccountId();
 
-        BooksViewModel booksViewModel = new BooksViewModel();
-
+        bookList = new ArrayList<>();
+        bookList.add(new Book("a", 1, "a", true, "0"));
 
         RecyclerView recyclerView = view.findViewById(R.id.my_books_list);
         recyclerView.setHasFixedSize(true);
@@ -109,37 +120,29 @@
 
         FloatingActionButton addButton = view.findViewById(R.id.book_add_button);
         addButton.setOnClickListener(v -> {
-//            RowBook b = new RowBook();
-//            b.hogeTitle = "hoge";
-//            bookList.add(b);
-//            bookAdapter.notifyItemInserted(bookList.size()-1);
+            ((MainActivity) getActivity()).showFragment(new CreateBookFragment());
         });
 
-    }
+        booksViewModel.getBookLiveData().observe(getViewLifecycleOwner(), new Observer<HashMap<Integer, Book>>() {
+            @Override
+            public void onChanged(HashMap<Integer, Book> integerBookHashMap) {
+                bookList = new ArrayList<>(integerBookHashMap.values());
+                bookAdapter.notifyDataSetChanged();
+            }
+        });
 
-    private List<RowBook> createBooks(){
-        List<RowBook> books = new ArrayList<>();
-        for(int i = 0; i < 5; i++){
-            RowBook book = new RowBook();
-            book.hogeTitle = "hoge";
-            book.color = Color.RED;
-            books.add(book);
-        }
-        return books;
-    }
+        booksViewModel.loadBooks("bird", "xyz");
 
-    class RowBook{
-        String hogeTitle;
-        int color;
+
     }
 
 }
 
 class MyBookshelfAdapter extends RecyclerView.Adapter<MyBookshelfAdapter.MyBookViewHolder>{
 
-    private List<MyBookshelfFragment.RowBook> bookList;
+    private List<Book> bookList;
 
-    MyBookshelfAdapter(List<MyBookshelfFragment.RowBook> book){
+    MyBookshelfAdapter(List<Book> book){
         this.bookList = book;
     }
 
@@ -152,9 +155,9 @@
 
     @Override
     public void onBindViewHolder(@NonNull MyBookViewHolder holder, int position) {
-        MyBookshelfFragment.RowBook bookData = this.bookList.get(position);
-        holder.bookButton.setText(bookData.hogeTitle);
-        holder.bookButton.setBackgroundColor(bookData.color);
+        Book bookData = this.bookList.get(position);
+        holder.bookButton.setText(bookData.getTitle());
+        holder.bookButton.setBackgroundColor(Color.RED);
     }
 
     @Override
diff --git a/app/src/main/res/layout/a_book.xml b/app/src/main/res/layout/a_book.xml
index 5bd8707..0f87cbd 100644
--- a/app/src/main/res/layout/a_book.xml
+++ b/app/src/main/res/layout/a_book.xml
@@ -8,12 +8,12 @@
 
     <Button
         android:id="@+id/book_button"
-        android:layout_width="180dp"
-        android:layout_height="226dp"
+        android:layout_width="198dp"
+        android:layout_height="224dp"
         android:text="Button"
+        app:cornerRadius="25dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:cornerRadius="25dp"
         app:layout_constraintTop_toTopOf="parent" />
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_my_bookshelf_fragment.xml b/app/src/main/res/layout/fragment_my_bookshelf_fragment.xml
index 2553e03..c509835 100644
--- a/app/src/main/res/layout/fragment_my_bookshelf_fragment.xml
+++ b/app/src/main/res/layout/fragment_my_bookshelf_fragment.xml
@@ -6,54 +6,40 @@
     android:layout_height="match_parent"
     tools:context=".views.MyBookshelfFragment">
 
-    <androidx.constraintlayout.widget.ConstraintLayout
+    <com.google.android.material.floatingactionbutton.FloatingActionButton
+        android:id="@+id/book_add_button"
+        android:layout_width="322dp"
+        android:layout_height="wrap_content"
+        android:layout_gravity="bottom|right"
+        android:layout_marginRight="30dp"
+        android:layout_marginBottom="100dp"
+        android:clickable="true"
+        android:src="@drawable/baseline_add_24" />
+
+    <TextView
+        android:id="@+id/textView2"
         android:layout_width="match_parent"
-        android:layout_height="match_parent">
+        android:layout_height="61dp"
+        android:layout_marginTop="70dp"
+        android:background="#C6F6A9"
+        android:gravity="center"
+        android:text="My本棚"
+        android:textAlignment="center"
+        android:textSize="30sp" />
 
-        <com.google.android.material.floatingactionbutton.FloatingActionButton
-            android:id="@+id/book_add_button"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:clickable="true"
-            android:src="@drawable/baseline_add_24"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintHorizontal_bias="0.892"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintVertical_bias="0.961" />
+    <SearchView
+        android:id="@+id/searchView"
+        android:layout_width="match_parent"
+        android:layout_height="32dp"
+        android:layout_marginTop="140dp"
+        android:iconifiedByDefault="false" />
 
-        <TextView
-            android:id="@+id/textView2"
-            android:layout_width="408dp"
-            android:layout_height="66dp"
-            android:background="#C6F6A9"
-            android:gravity="center"
-            android:text="My本棚"
-            android:textAlignment="center"
-            android:textSize="30sp"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/my_books_list"
+        android:layout_width="match_parent"
+        android:layout_height="397dp"
+        android:layout_gravity="bottom"
+        android:layout_marginTop="1dp"
+        android:layout_marginBottom="80dp" />
 
-        <SearchView
-            android:id="@+id/searchView"
-            android:layout_width="408dp"
-            android:layout_height="51dp"
-            android:layout_marginTop="1dp"
-            android:iconifiedByDefault="false"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/textView2" />
-
-        <androidx.recyclerview.widget.RecyclerView
-            android:id="@+id/my_books_list"
-            android:layout_width="411dp"
-            android:layout_height="497dp"
-            android:layout_marginTop="1dp"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/searchView" />
-    </androidx.constraintlayout.widget.ConstraintLayout>
 </FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/xml/network_security_config.xml b/app/src/main/res/xml/network_security_config.xml
new file mode 100644
index 0000000..a1f074e
--- /dev/null
+++ b/app/src/main/res/xml/network_security_config.xml
@@ -0,0 +1,3 @@
+<network-security-config>
+    <base-config cleartextTrafficPermitted="true"/>
+</network-security-config>
\ No newline at end of file