diff --git a/app/src/main/java/com/example/citrusclient/views/MyBookshelfAdapter.java b/app/src/main/java/com/example/citrusclient/views/MyBookshelfAdapter.java
new file mode 100644
index 0000000..145a274
--- /dev/null
+++ b/app/src/main/java/com/example/citrusclient/views/MyBookshelfAdapter.java
@@ -0,0 +1,52 @@
+package com.example.citrusclient.views;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.Button;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import com.example.citrusclient.R;
+
+import java.util.List;
+
+public class MyBookshelfAdapter extends RecyclerView.Adapter<MyBookshelfAdapter.MyBookViewHolder>{
+
+    private List<MyBookshelfFragment.RowBook> bookList;
+
+    MyBookshelfAdapter(List<MyBookshelfFragment.RowBook> book){
+        this.bookList = book;
+    }
+
+    @NonNull
+    @Override
+    public MyBookViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.a_book, parent, false);
+        return new MyBookViewHolder(view);
+    }
+
+    @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);
+    }
+
+    @Override
+    public int getItemCount() {
+        return bookList.size();
+    }
+
+    static class MyBookViewHolder extends RecyclerView.ViewHolder{
+        Button bookButton;
+        public MyBookViewHolder(@NonNull View itemView) {
+            super(itemView);
+            bookButton = itemView.findViewById(R.id.book_button);
+        }
+    }
+
+}
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 36d1f65..1875d4c 100644
--- a/app/src/main/java/com/example/citrusclient/views/MyBookshelfFragment.java
+++ b/app/src/main/java/com/example/citrusclient/views/MyBookshelfFragment.java
@@ -1,14 +1,28 @@
 package com.example.citrusclient.views;
 
+import android.graphics.Color;
+import android.media.Image;
 import android.os.Bundle;
 
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.GridLayoutManager;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
 
+import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
+import android.widget.GridLayout;
 
 import com.example.citrusclient.R;
+import com.google.android.material.floatingactionbutton.FloatingActionButton;
+import com.google.android.material.snackbar.Snackbar;
+
+import java.util.ArrayList;
+import java.util.List;
 
 /**
  * A simple {@link Fragment} subclass.
@@ -48,6 +62,9 @@
         return fragment;
     }
 
+
+    private List<RowBook> bookList;
+
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
@@ -63,4 +80,47 @@
         // Inflate the layout for this fragment
         return inflater.inflate(R.layout.fragment_my_bookshelf_fragment, container, false);
     }
+
+
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        bookList = createBooks();
+
+        RecyclerView recyclerView = view.findViewById(R.id.my_books_list);
+        recyclerView.setHasFixedSize(true);
+        RecyclerView.LayoutManager layoutManager = new GridLayoutManager(view.getContext(), 2);
+                //new LinearLayoutManager(view.getContext());
+        recyclerView.setLayoutManager(layoutManager);
+        RecyclerView.Adapter bookAdapter = new MyBookshelfAdapter(bookList);
+        recyclerView.setAdapter(bookAdapter);
+
+        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);
+        });
+
+    }
+
+    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;
+    }
+
+    class RowBook{
+        String hogeTitle;
+        int color;
+    }
+
 }
\ No newline at end of file
diff --git a/app/src/main/res/drawable/baseline_add_24.xml b/app/src/main/res/drawable/baseline_add_24.xml
new file mode 100644
index 0000000..9f83b8f
--- /dev/null
+++ b/app/src/main/res/drawable/baseline_add_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#000000" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
+    
+</vector>
diff --git a/app/src/main/res/layout/a_book.xml b/app/src/main/res/layout/a_book.xml
new file mode 100644
index 0000000..b0f7823
--- /dev/null
+++ b/app/src/main/res/layout/a_book.xml
@@ -0,0 +1,18 @@
+<?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="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_margin="12dp">
+
+    <Button
+        android:id="@+id/book_button"
+        android:layout_width="180dp"
+        android:layout_height="226dp"
+        android:text="Button"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        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 1780898..2553e03 100644
--- a/app/src/main/res/layout/fragment_my_bookshelf_fragment.xml
+++ b/app/src/main/res/layout/fragment_my_bookshelf_fragment.xml
@@ -1,14 +1,59 @@
 <?xml version="1.0" encoding="utf-8"?>
 <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"
     tools:context=".views.MyBookshelfFragment">
 
-    <TextView
-        android:id="@+id/textView3"
-        android:layout_width="345dp"
-        android:layout_height="229dp"
-        android:text="TextView"
-        android:textSize="50sp" />
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <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" />
+
+        <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" />
+
+        <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