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/viewmodels/TodoViewModel.java b/app/src/main/java/com/example/citrusclient/viewmodels/TodoViewModel.java
deleted file mode 100644
index 41deb9e..0000000
--- a/app/src/main/java/com/example/citrusclient/viewmodels/TodoViewModel.java
+++ /dev/null
@@ -1,6 +0,0 @@
-package com.example.citrusclient.viewmodels;
-
-import androidx.lifecycle.ViewModel;
-
-public class TodoViewModel extends ViewModel {
-}
diff --git a/app/src/main/java/com/example/citrusclient/viewmodels/TodosViewModel.java b/app/src/main/java/com/example/citrusclient/viewmodels/TodosViewModel.java
new file mode 100644
index 0000000..722398e
--- /dev/null
+++ b/app/src/main/java/com/example/citrusclient/viewmodels/TodosViewModel.java
@@ -0,0 +1,229 @@
+package com.example.citrusclient.viewmodels;
+
+import androidx.lifecycle.MutableLiveData;
+import androidx.lifecycle.ViewModel;
+
+import com.example.citrusclient.models.Todo;
+import com.example.citrusclient.models.Book;
+import com.example.citrusclient.rest.TodosRest;
+
+
+import java.util.ArrayList;
+import java.util.HashMap;
+
+import retrofit2.Call;
+import retrofit2.Callback;
+import retrofit2.Response;
+import retrofit2.Retrofit;
+import retrofit2.converter.jackson.JacksonConverterFactory;
+
+public class TodosViewModel extends ViewModel {
+    private final Retrofit retrofit;
+    private final TodosRest todosRest;
+
+    //LiveData
+    private final MutableLiveData<HashMap<Integer, HashMap<Integer, HashMap<Integer, HashMap<Integer, Todo>>>>> allTodosLiveData;
+    private final MutableLiveData<HashMap<Integer, HashMap<Integer, Todo>>> TodosByMonthLiveData;
+    private final MutableLiveData<HashMap<Integer, Todo>> TodosByDayLiveData;
+    private final MutableLiveData<Todo> TodoByIdLiveData;
+    private final MutableLiveData<String> errorLiveData;
+
+    //Constructor
+    public TodosViewModel()
+    {
+        this.retrofit = new Retrofit.Builder()
+                .baseUrl("http://nitta-lab-www.is.konan-u.ac.jp/citrus/")
+                .addConverterFactory(JacksonConverterFactory.create())
+                .build();
+        this.todosRest = retrofit.create(TodosRest.class);
+        this.allTodosLiveData = new MutableLiveData<>();
+        this.TodosByMonthLiveData = new MutableLiveData<>();
+        this.TodosByDayLiveData = new MutableLiveData<>();
+        this.TodoByIdLiveData = new MutableLiveData<>();
+        this.errorLiveData = new MutableLiveData<>();
+    }
+
+    //getter
+    public MutableLiveData<HashMap<Integer, HashMap<Integer, HashMap<Integer, HashMap<Integer, Todo>>>>> getTodosLiveData()
+    {
+        return allTodosLiveData;
+    }
+    public MutableLiveData<String> getErrorLiveData() {return errorLiveData;}
+
+
+    public void getAllTodos(String accountId,Integer bookId, String token)
+    {
+        Call<HashMap<Integer, HashMap<Integer, HashMap<Integer, HashMap<Integer, Todo>>>>> call = todosRest.getAllTodos(accountId, bookId, token);
+        call.enqueue(new Callback<HashMap<Integer, HashMap<Integer, HashMap<Integer, HashMap<Integer, Todo>>>>>() {
+            @Override
+            public void onResponse(Call<HashMap<Integer, HashMap<Integer, HashMap<Integer, HashMap<Integer, Todo>>>>> call, Response<HashMap<Integer, HashMap<Integer, HashMap<Integer, HashMap<Integer, Todo>>>>> response) {
+                if (response.isSuccessful()) {
+                    System.out.println("Success: getAllTodos");
+                    allTodosLiveData.setValue(response.body());
+                } else {
+                    System.out.println("Error: getAllTodos" + response.code());
+                    errorLiveData.setValue(parseStatusCode(response.code()));
+                }
+            }
+            @Override
+            public void onFailure(Call<HashMap<Integer, HashMap<Integer, HashMap<Integer, HashMap<Integer, Todo>>>>> call, Throwable t) {
+                System.out.println("CommunicationError: getAllTodos" + t);
+                errorLiveData.setValue(parseStatusCode(-1));
+            }
+
+        });
+    }
+
+    public void getTodosByMonth(String accountId,Integer bookId, Integer year, Integer month,
+                                String token)
+    {
+        Call<HashMap<Integer, HashMap<Integer, Todo>>> call = todosRest.getTodosByMonth(accountId, bookId, year, month, token);
+        call.enqueue(new Callback<HashMap<Integer, HashMap<Integer, Todo>>>() {
+            @Override
+            public void onResponse(Call<HashMap<Integer, HashMap<Integer, Todo>>> call, Response<HashMap<Integer, HashMap<Integer, Todo>>> response) {
+                if (response.isSuccessful()) {
+                    System.out.println("Success: getTodosByMonth");
+                    TodosByMonthLiveData.setValue(response.body());
+                } else {
+                    System.out.println("Error: getTodosByMonth" + response.code());
+                }
+            }
+            @Override
+            public void onFailure(Call<HashMap<Integer, HashMap<Integer, Todo>>> call, Throwable t) {
+                System.out.println("CommunicationError: getTodosByMonth" + t);
+                errorLiveData.setValue(parseStatusCode(-1));
+            }
+
+        });
+    }
+
+    public void getTodosByDay(String accountId,Integer bookId, Integer year, Integer month,
+                              Integer day, String token)
+    {
+        Call<HashMap<Integer, Todo>> call = todosRest.getTodosByDay(accountId, bookId, year, month, day, token);
+        call.enqueue(new Callback<HashMap<Integer, Todo>>() {
+            @Override
+            public void onResponse(Call<HashMap<Integer, Todo>> call, Response<HashMap<Integer, Todo>> response) {
+                if (response.isSuccessful()) {
+                    System.out.println("Success: getTodosByDay");
+                    TodosByDayLiveData.setValue(response.body());
+                } else {
+                    System.out.println("Error: getTodosByDay" + response.code());
+                }
+            }
+            @Override
+            public void onFailure(Call<HashMap<Integer, Todo>> call, Throwable t) {
+                System.out.println("CommunicationError: getTodosByDay" + t);
+                errorLiveData.setValue(parseStatusCode(-1));
+            }
+
+        });
+    }
+
+    public void getTodoById(String accountId,Integer bookId, Integer year, Integer month,
+                              Integer day, Integer todoId, String token)
+    {
+        Call<Todo> call = todosRest.getTodoById(accountId, bookId, year, month, day, todoId, token);
+        call.enqueue(new Callback<Todo>() {
+            @Override
+            public void onResponse(Call<Todo> call, Response<Todo> response) {
+                if (response.isSuccessful()) {
+                    System.out.println("Success: getTodoById");
+                    TodoByIdLiveData.setValue(response.body());
+                } else {
+                    System.out.println("Error: getTodoById" + response.code());
+                }
+            }
+            @Override
+            public void onFailure(Call<Todo> call, Throwable t) {
+                System.out.println("CommunicationError: getTodoById" + t);
+                errorLiveData.setValue(parseStatusCode(-1));
+            }
+
+        });
+    }
+
+    public void createTodo(String accountId,Integer bookId, Integer year, Integer month,
+                           Integer day, String title, String token)
+    {
+        Call<Todo> call = todosRest.createTodo(accountId, bookId, year, month, day, title, token);
+        call.enqueue(new Callback<Todo>() {
+            @Override
+            public void onResponse(Call<Todo> call, Response<Todo> response) {
+                if (response.isSuccessful()) {
+                    System.out.println("Success: createTodo");
+
+                } else {
+                    System.out.println("Error: createTodo" + response.code());
+                }
+            }
+            @Override
+            public void onFailure(Call<Todo> call, Throwable t) {
+                System.out.println("CommunicationError: createTodo" + t);
+                errorLiveData.setValue(parseStatusCode(-1));
+            }
+
+        });
+    }
+
+    public void setCheck(String accountId, Integer BookId, Integer year, Integer month,
+                           Integer day, Integer todoId, boolean check, String token)
+    {
+        Call<Void> call = todosRest.setCheck(accountId, BookId, year, month, day, todoId, check, token);
+        call.enqueue(new Callback<Void>() {
+            @Override
+            public void onResponse(Call<Void> call, Response<Void> response) {
+                if (response.isSuccessful()) {
+                    System.out.println("Success: setCheck");
+
+                } else {
+                    System.out.println("Error: setCheck" + response.code());
+                }
+            }
+            @Override
+            public void onFailure(Call<Void> call, Throwable t) {
+                System.out.println("CommunicationError: setCheck" + t);
+                errorLiveData.setValue(parseStatusCode(-1));
+            }
+        });
+    }
+
+    public void deleteTodo(String accountId, Integer BookId, Integer year, Integer month,
+                           Integer day, Integer todoId, String token)
+    {
+        Call<Void> call = todosRest.deleteTodoById(accountId, BookId, year, month, day, todoId, token);
+        call.enqueue(new Callback<Void>() {
+            @Override
+            public void onResponse(Call<Void> call, Response<Void> response) {
+                if (response.isSuccessful()) {
+                    System.out.println("Success: deleteTodo");
+
+                } else {
+                    System.out.println("Error: deleteTodo" + response.code());
+                }
+            }
+            @Override
+            public void onFailure(Call<Void> call, Throwable t) {
+                System.out.println("CommunicationError: deleteTodo" + t);
+                errorLiveData.setValue(parseStatusCode(-1));
+            }
+        });
+    }
+
+
+
+    private String parseStatusCode(Integer stats) {
+        switch (stats) {
+            case 404:
+                return "NotFound";
+            case 401:
+                return "InvalidToken";
+            case 400:
+                return "ResponseError";
+            case 500:
+                return "ServerError";
+            default:
+                return "UnknownError";
+        }
+    }
+}
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