diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..31eeee0
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,7 @@
+# See https://git-scm.com/docs/gitattributes for more about git attribute files.
+
+# Mark the database schema as having been generated.
+db/schema.rb linguist-generated
+
+# Mark any vendored files as having been vendored.
+vendor/* linguist-vendored
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..886f714
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile '~/.gitignore_global'
+
+# Ignore bundler config.
+/.bundle
+
+# Ignore the default SQLite database.
+/db/*.sqlite3
+/db/*.sqlite3-*
+
+# Ignore all logfiles and tempfiles.
+/log/*
+/tmp/*
+!/log/.keep
+!/tmp/.keep
+
+# Ignore pidfiles, but keep the directory.
+/tmp/pids/*
+!/tmp/pids/
+!/tmp/pids/.keep
+
+# Ignore uploaded files in development.
+/storage/*
+!/storage/.keep
+/tmp/storage/*
+!/tmp/storage/
+!/tmp/storage/.keep
+
+/public/assets
+
+# Ignore master key for decrypting credentials and more.
+/config/master.key
diff --git a/.ruby-version b/.ruby-version
new file mode 100644
index 0000000..ef538c2
--- /dev/null
+++ b/.ruby-version
@@ -0,0 +1 @@
+3.1.2
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..b62d56b
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,72 @@
+source "https://rubygems.org"
+git_source(:github) { |repo| "https://github.com/#{repo}.git" }
+
+ruby "3.1.2"
+
+# Bundle edge Rails instead: gem "rails", github: "rails/rails", branch: "main"
+gem "rails", "~> 7.0.3"
+
+# The original asset pipeline for Rails [https://github.com/rails/sprockets-rails]
+gem "sprockets-rails"
+
+# Use sqlite3 as the database for Active Record
+gem "sqlite3", "~> 1.4"
+
+# Use the Puma web server [https://github.com/puma/puma]
+gem "puma", "~> 5.0"
+
+# Use JavaScript with ESM import maps [https://github.com/rails/importmap-rails]
+gem "importmap-rails"
+
+# Hotwire's SPA-like page accelerator [https://turbo.hotwired.dev]
+gem "turbo-rails"
+
+# Hotwire's modest JavaScript framework [https://stimulus.hotwired.dev]
+gem "stimulus-rails"
+
+# Build JSON APIs with ease [https://github.com/rails/jbuilder]
+gem "jbuilder"
+
+# Use Redis adapter to run Action Cable in production
+# gem "redis", "~> 4.0"
+
+# Use Kredis to get higher-level data types in Redis [https://github.com/rails/kredis]
+# gem "kredis"
+
+# Use Active Model has_secure_password [https://guides.rubyonrails.org/active_model_basics.html#securepassword]
+# gem "bcrypt", "~> 3.1.7"
+
+# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
+gem "tzinfo-data", platforms: %i[ mingw mswin x64_mingw jruby ]
+
+# Reduces boot times through caching; required in config/boot.rb
+gem "bootsnap", require: false
+
+# Use Sass to process CSS
+# gem "sassc-rails"
+
+# Use Active Storage variants [https://guides.rubyonrails.org/active_storage_overview.html#transforming-images]
+# gem "image_processing", "~> 1.2"
+
+group :development, :test do
+  # See https://guides.rubyonrails.org/debugging_rails_applications.html#debugging-with-the-debug-gem
+  gem "debug", platforms: %i[ mri mingw x64_mingw ]
+end
+
+group :development do
+  # Use console on exceptions pages [https://github.com/rails/web-console]
+  gem "web-console"
+
+  # Add speed badges [https://github.com/MiniProfiler/rack-mini-profiler]
+  # gem "rack-mini-profiler"
+
+  # Speed up commands on slow machines / big apps [https://github.com/rails/spring]
+  # gem "spring"
+end
+
+group :test do
+  # Use system testing [https://guides.rubyonrails.org/testing.html#system-testing]
+  gem "capybara"
+  gem "selenium-webdriver"
+  gem "webdrivers"
+end
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..cc1453d
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,237 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actioncable (7.0.3)
+      actionpack (= 7.0.3)
+      activesupport (= 7.0.3)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+    actionmailbox (7.0.3)
+      actionpack (= 7.0.3)
+      activejob (= 7.0.3)
+      activerecord (= 7.0.3)
+      activestorage (= 7.0.3)
+      activesupport (= 7.0.3)
+      mail (>= 2.7.1)
+      net-imap
+      net-pop
+      net-smtp
+    actionmailer (7.0.3)
+      actionpack (= 7.0.3)
+      actionview (= 7.0.3)
+      activejob (= 7.0.3)
+      activesupport (= 7.0.3)
+      mail (~> 2.5, >= 2.5.4)
+      net-imap
+      net-pop
+      net-smtp
+      rails-dom-testing (~> 2.0)
+    actionpack (7.0.3)
+      actionview (= 7.0.3)
+      activesupport (= 7.0.3)
+      rack (~> 2.0, >= 2.2.0)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.2.0)
+    actiontext (7.0.3)
+      actionpack (= 7.0.3)
+      activerecord (= 7.0.3)
+      activestorage (= 7.0.3)
+      activesupport (= 7.0.3)
+      globalid (>= 0.6.0)
+      nokogiri (>= 1.8.5)
+    actionview (7.0.3)
+      activesupport (= 7.0.3)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.1, >= 1.2.0)
+    activejob (7.0.3)
+      activesupport (= 7.0.3)
+      globalid (>= 0.3.6)
+    activemodel (7.0.3)
+      activesupport (= 7.0.3)
+    activerecord (7.0.3)
+      activemodel (= 7.0.3)
+      activesupport (= 7.0.3)
+    activestorage (7.0.3)
+      actionpack (= 7.0.3)
+      activejob (= 7.0.3)
+      activerecord (= 7.0.3)
+      activesupport (= 7.0.3)
+      marcel (~> 1.0)
+      mini_mime (>= 1.1.0)
+    activesupport (7.0.3)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+    addressable (2.8.0)
+      public_suffix (>= 2.0.2, < 5.0)
+    bindex (0.8.1)
+    bootsnap (1.12.0)
+      msgpack (~> 1.2)
+    builder (3.2.4)
+    capybara (3.37.1)
+      addressable
+      matrix
+      mini_mime (>= 0.1.3)
+      nokogiri (~> 1.8)
+      rack (>= 1.6.0)
+      rack-test (>= 0.6.3)
+      regexp_parser (>= 1.5, < 3.0)
+      xpath (~> 3.2)
+    childprocess (4.1.0)
+    concurrent-ruby (1.1.10)
+    crass (1.0.6)
+    debug (1.5.0)
+      irb (>= 1.3.6)
+      reline (>= 0.2.7)
+    digest (3.1.0)
+    erubi (1.10.0)
+    globalid (1.0.0)
+      activesupport (>= 5.0)
+    i18n (1.10.0)
+      concurrent-ruby (~> 1.0)
+    importmap-rails (1.1.2)
+      actionpack (>= 6.0.0)
+      railties (>= 6.0.0)
+    io-console (0.5.11)
+    irb (1.4.1)
+      reline (>= 0.3.0)
+    jbuilder (2.11.5)
+      actionview (>= 5.0.0)
+      activesupport (>= 5.0.0)
+    loofah (2.18.0)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.5.9)
+    mail (2.7.1)
+      mini_mime (>= 0.1.1)
+    marcel (1.0.2)
+    matrix (0.4.2)
+    method_source (1.0.0)
+    mini_mime (1.1.2)
+    minitest (5.16.1)
+    msgpack (1.5.2)
+    net-imap (0.2.3)
+      digest
+      net-protocol
+      strscan
+    net-pop (0.1.1)
+      digest
+      net-protocol
+      timeout
+    net-protocol (0.1.3)
+      timeout
+    net-smtp (0.3.1)
+      digest
+      net-protocol
+      timeout
+    nio4r (2.5.8)
+    nokogiri (1.13.6-x86_64-darwin)
+      racc (~> 1.4)
+    public_suffix (4.0.7)
+    puma (5.6.4)
+      nio4r (~> 2.0)
+    racc (1.6.0)
+    rack (2.2.3.1)
+    rack-test (1.1.0)
+      rack (>= 1.0, < 3)
+    rails (7.0.3)
+      actioncable (= 7.0.3)
+      actionmailbox (= 7.0.3)
+      actionmailer (= 7.0.3)
+      actionpack (= 7.0.3)
+      actiontext (= 7.0.3)
+      actionview (= 7.0.3)
+      activejob (= 7.0.3)
+      activemodel (= 7.0.3)
+      activerecord (= 7.0.3)
+      activestorage (= 7.0.3)
+      activesupport (= 7.0.3)
+      bundler (>= 1.15.0)
+      railties (= 7.0.3)
+    rails-dom-testing (2.0.3)
+      activesupport (>= 4.2.0)
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.4.3)
+      loofah (~> 2.3)
+    railties (7.0.3)
+      actionpack (= 7.0.3)
+      activesupport (= 7.0.3)
+      method_source
+      rake (>= 12.2)
+      thor (~> 1.0)
+      zeitwerk (~> 2.5)
+    rake (13.0.6)
+    regexp_parser (2.5.0)
+    reline (0.3.1)
+      io-console (~> 0.5)
+    rexml (3.2.5)
+    rubyzip (2.3.2)
+    selenium-webdriver (4.2.1)
+      childprocess (>= 0.5, < 5.0)
+      rexml (~> 3.2, >= 3.2.5)
+      rubyzip (>= 1.2.2, < 3.0)
+      websocket (~> 1.0)
+    sprockets (4.0.3)
+      concurrent-ruby (~> 1.0)
+      rack (> 1, < 3)
+    sprockets-rails (3.4.2)
+      actionpack (>= 5.2)
+      activesupport (>= 5.2)
+      sprockets (>= 3.0.0)
+    sqlite3 (1.4.4)
+    stimulus-rails (1.0.4)
+      railties (>= 6.0.0)
+    strscan (3.0.3)
+    thor (1.2.1)
+    timeout (0.3.0)
+    turbo-rails (1.1.1)
+      actionpack (>= 6.0.0)
+      activejob (>= 6.0.0)
+      railties (>= 6.0.0)
+    tzinfo (2.0.4)
+      concurrent-ruby (~> 1.0)
+    web-console (4.2.0)
+      actionview (>= 6.0.0)
+      activemodel (>= 6.0.0)
+      bindex (>= 0.4.0)
+      railties (>= 6.0.0)
+    webdrivers (5.0.0)
+      nokogiri (~> 1.6)
+      rubyzip (>= 1.3.0)
+      selenium-webdriver (~> 4.0)
+    websocket (1.2.9)
+    websocket-driver (0.7.5)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.5)
+    xpath (3.2.0)
+      nokogiri (~> 1.8)
+    zeitwerk (2.6.0)
+
+PLATFORMS
+  x86_64-darwin-20
+
+DEPENDENCIES
+  bootsnap
+  capybara
+  debug
+  importmap-rails
+  jbuilder
+  puma (~> 5.0)
+  rails (~> 7.0.3)
+  selenium-webdriver
+  sprockets-rails
+  sqlite3 (~> 1.4)
+  stimulus-rails
+  turbo-rails
+  tzinfo-data
+  web-console
+  webdrivers
+
+RUBY VERSION
+   ruby 3.1.2p20
+
+BUNDLED WITH
+   2.3.7
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..7db80e4
--- /dev/null
+++ b/README.md
@@ -0,0 +1,24 @@
+# README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
diff --git a/Rakefile b/Rakefile
new file mode 100644
index 0000000..9a5ea73
--- /dev/null
+++ b/Rakefile
@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require_relative "config/application"
+
+Rails.application.load_tasks
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
new file mode 100644
index 0000000..ddd546a
--- /dev/null
+++ b/app/assets/config/manifest.js
@@ -0,0 +1,4 @@
+//= link_tree ../images
+//= link_directory ../stylesheets .css
+//= link_tree ../../javascript .js
+//= link_tree ../../../vendor/javascript .js
diff --git a/app/assets/images/.keep b/app/assets/images/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/app/assets/images/.keep
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
new file mode 100644
index 0000000..4972e3f
--- /dev/null
+++ b/app/assets/stylesheets/application.css
@@ -0,0 +1,214 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */
+ /* reset ================================ */
+/*
+ * CSS for hatarakukatati project
+ */
+ /*全ページ共通部分のCSS始まり*/
+ @charset "UTF-8";
+ 
+ * {
+     margin: 0px;
+     padding: 0px;
+ }
+  
+  html {
+     font-size: 100%;
+   }
+  body{
+     margin: 0;
+     height: 100%;
+     font-family: 'DotGothic16', sans-serif;
+     font-family: 'Noto Sans JP', sans-serif;
+     color: rgb(20, 20, 20);
+     line-height: 1.7;
+ }
+ img {
+    max-width: 100%;
+    object-fit: cover;
+  }
+  a{
+      text-decoration: none;
+      color: #333;
+      padding-bottom: 1px;
+      transition: 0.5ms;
+  }
+  li{
+      list-style: none;
+  }
+  input {
+    background-color: transparent;
+    outline-width: 0;
+  }
+  
+  form input[type="submit"] {
+    border: none;
+    cursor: pointer;
+  }
+  
+  /* 共通レイアウト ================================ */
+  
+  .main {
+    position: absolute;
+    top: 64px;
+    width: 100%;
+    height: auto;
+    min-height: 100%;
+  }
+  
+  .container {
+    margin: 60px auto;
+    clear: both;
+    max-width: 1000px;
+  }
+  
+  .header-menus input[type="submit"] {
+    padding: 0 20px;
+    float: left;
+    line-height: 64px;
+    color: white;
+    margin: 0;
+    font-size: 13px;
+  }
+  
+  /*ヘッダーのCSS始まり*/
+  #header{
+    display: flex;
+    align-items: center;
+    margin-left: 25px;
+    margin-right: 25px;
+    justify-content: space-between;
+    width: 100%;
+}
+.logo-space{
+    display: flex;
+    align-items: center;
+}
+.header-nav .header-list{
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    
+}
+.header-nav .header-list li{
+    border-left: solid 2px #b5b2b2a2;
+}
+.header-nav .header-list li:nth-child(4){
+  border-right: solid 2px #b5b2b2a2;
+}
+.header-nav .header-list li a{
+    display: inline-block;
+}
+.header-nav .header-list li a:hover{
+    opacity: 0.6;
+    transition: all 0.3s 0s ease;
+}
+.header-nav .header-list li a .header-list_item{
+  padding: 0 40px 0 40px;
+}
+.header-nav .header-list li a p{
+    text-align: center;
+}
+.header-nav .header-list li a .list-title{
+    font-size: 1.2rem;
+}
+.header-nav .header-list li a .list-sub-title{
+    font-size: 0.9rem;
+}
+/*ヘッダーのCSS終わり*/
+/*ヘッダー*/
+#footer{
+    text-align: center;
+    color: #fff;
+    background-color: #454545;
+    padding: 20px 0 20px 0;
+}
+/*ヘッダー終わり*/
+  /* top ================================ */
+  /* フォーム================================ */
+  .form {
+    max-width: 800px;
+    margin: 0 auto;
+    background-color: white;
+    box-shadow: 0 2px 6px #c1ced7;
+  }
+  
+  .form-heading {
+    font-weight: 300;
+    margin: 60px 0 20px;
+    font-size: 30px;
+    color: #3f4042;
+  }
+  
+  .form-body {
+    padding: 30px;
+  }
+  
+  .form-error {
+    color: #ff4d75;
+  }
+  
+  .form input {
+    width: 100%;
+    border: 1px solid #dfd8de;
+    padding: 10px;
+    color: #57575f;
+    font-size: 16px;
+    letter-spacing: 2px;
+    border-radius: 2px;
+  }
+  
+  .form textarea {
+    width: 100%;
+    min-height: 110px;
+    font-size: 16px;
+    letter-spacing: 2px;
+    padding: 80px 13px 80px 10px;
+  }
+  
+  .form input[type="submit"] {
+    background-color: #ff86be;
+    color: white;
+    cursor: pointer;
+    font-weight: 300;
+    width: 120px;
+    border-radius: 2px;
+    margin-top: 8px;
+    margin-bottom: 0;
+    float: right;
+  }
+  
+  .form-body:after {
+    content: '';
+    display: table;
+    clear: both;
+  }
+  
+  /* フラッシュ ================================ */
+  .flash {
+    padding: 10px 0;
+    color: white;
+    background: rgb(251, 170, 88);
+    text-align: center;
+    position: absolute;
+    top: 64px;
+    z-index: 10;
+    width: 100%;
+    border-radius: 0 0 2px 2px;
+    font-size: 14px;
+  }
+
+
diff --git a/app/assets/stylesheets/home.css b/app/assets/stylesheets/home.css
new file mode 100644
index 0000000..f845d01
--- /dev/null
+++ b/app/assets/stylesheets/home.css
@@ -0,0 +1,239 @@
+* {
+  margin: 0px;
+  padding: 0px;
+}
+
+html {
+  font-size: 100%;
+  background-color: #ffeeef;
+}
+
+body {
+  margin: 0;
+  height: 100%;
+  font-family: "DotGothic16", sans-serif;
+  font-family: "Noto Sans JP", sans-serif;
+  color: rgb(20, 20, 20);
+  line-height: 1.7;
+}
+
+img {
+  max-width: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+a {
+  text-decoration: none;
+  color: #333;
+  padding-bottom: 1px;
+  transition: 0.5ms;
+}
+
+li {
+  list-style: none;
+}
+
+#header {
+  display: flex;
+  align-items: center;
+  padding-left: 25px;
+  padding-right: 25px;
+  justify-content: space-around;
+  background-color: rgb(253, 252, 252);
+}
+#header .logo-space .title-logo a {
+  color: #17adec;
+}
+#header .header-list {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+#header .header-list .header-list-item {
+  margin-right: 25px;
+  margin-left: 25px;
+}
+#header .header-list-icon {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+#header .header-list-icon .list-icon-item {
+  margin-right: 25px;
+}
+#header .header-list-icon .list-icon-item img {
+  width: 55px;
+}
+
+.main-flex {
+  display: flex;
+  justify-content: space-around;
+  padding-bottom: 50px;
+  padding-top: 40px;
+}
+.main-flex .view-left {
+  width: 60%;
+}
+.main-flex .view-left .select-inner {
+  margin: 0 10px 0 10px;
+  padding-top: 20px;
+  padding-bottom: 100px;
+}
+.section-title {
+  text-align: center;
+}
+.main-flex .view-left .select-inner .select-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 60px;
+}
+.select-li{
+  border-radius: 50%;
+  border: #818181 solid 2px;
+  height: 260px;
+  width: 260px;
+  background-color: #ffffff;
+  margin-right: 3px;
+}
+.select-li:hover{
+  opacity: 0.7;
+  transition: all 0.3s 0s ease;
+}
+
+.select-box .select-title-box{
+  text-align: center;
+  margin-bottom: 20px;
+  margin-top: 30px;
+}
+.select-title-box .select-title{
+  width: 200px;
+  height: 45px;
+  display: inline-block;
+  padding-top: 2.5px;
+  font-size: 1.2rem;
+  font-weight: bold;
+}
+.select-box .select-text{
+  margin-top: 1px;
+  font-size: 2.2rem;
+  text-align: center;
+}
+.select-box figure{
+  width: 85px;
+  margin: 0 auto;
+}
+.select-box img{
+  width: 85px;
+}
+.main-flex #sidebar {
+  width: 15%;
+}
+.achieve {
+  position: relative;
+}
+.main-flex #sidebar .sidebar-box .achieve img {
+  width: 30px;
+  position: absolute;
+}
+.main-flex #sidebar .sidebar-box .achieve .achive-text {
+  font-weight: bold;
+  position: absolute;
+  left: 40px;
+}
+.main-flex #sidebar .sidebar-box .corporate-box {
+  padding-top: 60px;
+}
+.main-flex #sidebar .sidebar-box .corporate-box .corporate-title-box .corporate-title {
+  font-weight: bold;
+}
+.corporate-title-box .corporate-time{
+  font-size: 0.8rem;
+  margin-left: 10px;
+}
+.ranking-nuv{
+  margin-top: 30px;
+}
+.ranking-list{
+  margin-top: 15px;
+  padding: 4px 6px;
+  background-color: #ffffff;
+  border: #333 solid 2px;
+}
+.ranking-name{
+  margin-left: 20px;
+  font-weight: bold;
+}
+.ranking-number{
+  margin-right: 15px;
+  font-size: 1.1rem;
+}
+.ranking-list .gold{
+  color: #FFBE00;
+}
+.ranking-list .silber{
+  color: #A3A3A3;
+}
+.ranking-list .copper{
+  color: #F48C2B;
+}
+.season-slide-title{
+font-weight: bold;
+text-align: center;
+margin-top: 55px;
+margin-bottom: 30px;
+font-size: 1.1rem;
+}
+.season-list{
+padding: 30px 27px;
+margin-bottom: 20px;
+box-shadow: 0 0 8px gray;
+}
+.season-list a{
+color: #fff;
+}
+.season-month{
+color: #000;
+}
+.season-nuv .blue{
+background-color: #76D6FF;
+}
+.season-nuv .green{
+background-color: #77FF9D;
+}
+.season-nuv .orange{
+background-color: #FFD177;
+}
+.ruby-slide-nuv{
+margin-top: 90px;
+}
+.ruby-slide-list{
+background-color: #FFA5A5;
+width: 280px;
+text-align: center;
+padding-top: 20px;
+padding-bottom: 20px;
+box-shadow: 0 0 8px gray;
+}
+.ruby-slide-title{
+font-weight: bold;
+}
+.ruby-slide-text{
+color: #fff;
+}
+.ruby-slide-nuv{
+display: flex;
+align-items: center;
+justify-content: space-around;
+
+}
+.season-list{
+margin-bottom: 100px;
+}
+#footer{
+text-align: center;
+color: #fff;
+background-color: #454545;
+padding: 20px 0 20px 0;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/posts.css b/app/assets/stylesheets/posts.css
new file mode 100644
index 0000000..97eff0a
--- /dev/null
+++ b/app/assets/stylesheets/posts.css
@@ -0,0 +1,123 @@
+/* posts/index ================================ */
+.posts-index{
+  margin-top: 45px;
+  background-color: #fff1f1;
+  margin: 0 auto;
+}
+.post-slide-container{
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 auto;
+}
+.posts-index-item {
+    padding: 90px 6px;
+    background-color: #FFA5A5;
+    overflow: hidden;
+    box-shadow: 0 0 8px gray;
+    width: 400px;
+    text-align: center;
+    margin-left: 60px;
+    margin-top: 60px;
+    font-weight: bold;
+    color: #fff1f1;
+  }
+  .post-index-title{
+    text-align: center;
+    margin-top: 60px;
+  }
+  .post-left img {
+    width: 50px;
+    height: 50px;
+    border-radius: 40%;
+    box-shadow: 0 2px 6px #c1ced7;
+    object-fit: cover;
+  }
+  
+  .post-user-name a {
+    font-weight: 600;
+  }
+  
+  .post-user-name a:hover {
+    color: #3ecdc6;
+  }
+  
+  .post-left {
+    float: left;
+    width: 10%;
+  }
+  
+  .post-right {
+    float: left;
+    width: 90%;
+    padding-left: 25px;
+    text-align: left;
+  }
+  
+  /* posts/show ================================ */
+  .posts-show{
+    margin-top: 45px;
+    background-color: #fff1f1;
+  }
+  .posts-show form {
+    display: inline;
+  }
+  
+  .posts-show-item {
+    padding: 30px;
+    background-color: white;
+    box-shadow: 0 2px 6px #c1ced7;
+    overflow: hidden;
+  }
+  .posts-show-item img {
+    width: 60px;
+    height: 60px;
+    border-radius: 40%;
+    box-shadow: 0 2px 6px #c1ced7;
+    vertical-align: middle;
+    object-fit: cover;
+  }
+  
+  .posts-show-item .post-user-name a {
+    vertical-align: middle;
+    font-size: 24px;
+    margin-left: 15px;
+  }
+  
+  .posts-show-item p {
+    font-size: 24px;
+    margin: 20px 0;
+  }
+  
+  .post-time {
+    color: #8899a6;
+    margin-bottom: 10px;
+  }
+  
+  .post-menus {
+    float: right;
+  }
+  
+  .post-menus a, .post-menus input {
+    color: #8899a6;
+    text-decoration: underline;
+    font-size: 14px;
+  }
+  
+  /* posts/new ================================ */
+  .posts-new{
+    margin-top: 45px;
+    background-color: #fff1f1;
+  }
+
+  .posts-new textarea {
+    font-size: 20px;
+    padding: 10px;
+    min-height: 140px;
+    border: 1px solid rgb(216, 218, 223);
+    resize: none;
+  }
+  
+  .posts-new textarea::-webkit-input-placeholder {
+    font-size: 24px;
+    opacity: 0.5;
+  }
\ No newline at end of file
diff --git a/app/assets/stylesheets/users.css b/app/assets/stylesheets/users.css
new file mode 100644
index 0000000..229d59a
--- /dev/null
+++ b/app/assets/stylesheets/users.css
@@ -0,0 +1,116 @@
+/* users/index ================================ */
+.users-heading {
+    font-weight: 300;
+    margin: 60px 0 20px;
+    font-size: 48px;
+    color: #bcc8d4;
+  }
+  
+  .users-index-item {
+    padding: 20px 30px;
+    background-color: white;
+    overflow: hidden;
+    box-shadow: 0 2px 6px #c1ced7;
+    display: table;
+    width: 100%;
+  }
+  
+  .user-left img {
+    width: 50px;
+    height: 50px;
+    border-radius: 40%;
+    box-shadow: 0 2px 6px #c1ced7;
+    object-fit: cover;
+  }
+  
+  .user-name a {
+    font-weight: 600;
+  }
+  
+  .user-name a:hover {
+    color: #3ecdc6;
+  }
+  
+  .user-left {
+    float: left;
+    width: 10%;
+  }
+  
+  .user-right {
+    width: 90%;
+    padding-left: 25px;
+    text-align: left;
+    display: table-cell;
+    vertical-align: middle;
+  }
+  
+  /* users/show ================================ */
+  .user-show {
+    text-align: center;
+  }
+  
+  .user {
+    margin-bottom: 20px;
+  }
+  
+  .user img {
+    width: 80px;
+    height: 80px;
+    border-radius: 40%;
+    box-shadow: 0 2px 6px #c1ced7;
+    margin: 20px 0 10px;
+    object-fit: cover;
+  }
+  
+  .user h2 {
+    font-size: 20px;
+    font-weight: 600;
+    line-height: 1.2;
+  }
+  
+  .user p {
+    font-size: 13px;
+    margin-bottom: 15px;
+  }
+  
+  .user a {
+    color: #8899a6;
+    text-decoration: underline;
+    font-weight: 200;
+  }
+  
+  .user span {
+    color: #afb6bf;
+    font-weight: 200;
+    padding: 0 6px 0 8px;
+  }
+  
+  .user-tabs {
+    margin-top: 40px;
+    background-color: white;
+    overflow: hidden;
+    box-shadow: 0 2px 6px #c1ced7;
+  }
+  
+  .user-tabs li {
+    float: left;
+  }
+  
+  .user-tabs li.active {
+    border-bottom: 2px solid #3ecdc6;
+  }
+  
+  .user-tabs li.active a {
+    color: #57575f;
+  }
+  
+  .user-tabs a {
+    display: inline-block;
+    padding: 16px 30px;
+    color: #afb6bf;
+  }
+  
+  /* users/new, users/edit ================================ */
+  .users-form input {
+    margin-bottom: 15px;
+  }
\ No newline at end of file
diff --git a/app/channels/application_cable/channel.rb b/app/channels/application_cable/channel.rb
new file mode 100644
index 0000000..d672697
--- /dev/null
+++ b/app/channels/application_cable/channel.rb
@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Channel < ActionCable::Channel::Base
+  end
+end
diff --git a/app/channels/application_cable/connection.rb b/app/channels/application_cable/connection.rb
new file mode 100644
index 0000000..0ff5442
--- /dev/null
+++ b/app/channels/application_cable/connection.rb
@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Connection < ActionCable::Connection::Base
+  end
+end
diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
new file mode 100644
index 0000000..09705d1
--- /dev/null
+++ b/app/controllers/application_controller.rb
@@ -0,0 +1,2 @@
+class ApplicationController < ActionController::Base
+end
diff --git a/app/controllers/concerns/.keep b/app/controllers/concerns/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/app/controllers/concerns/.keep
diff --git a/app/controllers/home_controller.rb b/app/controllers/home_controller.rb
new file mode 100644
index 0000000..abb83a6
--- /dev/null
+++ b/app/controllers/home_controller.rb
@@ -0,0 +1,7 @@
+class HomeController < ApplicationController
+  def top
+  end
+
+  def about
+  end
+end
diff --git a/app/controllers/posts_controller.rb b/app/controllers/posts_controller.rb
new file mode 100644
index 0000000..0c11e98
--- /dev/null
+++ b/app/controllers/posts_controller.rb
@@ -0,0 +1,46 @@
+class PostsController < ApplicationController
+  def index
+    @posts = Post.all.order(created_at: :desc)
+  end
+  
+  def show
+    @post = Post.find_by(id: params[:id])
+  end
+  
+  def new
+    @post = Post.new
+  end
+  
+  def create
+    @post = Post.new(content: params[:content])
+    if @post.save
+      flash[:notice] = "スライドを作成しました"
+      redirect_to("/posts/index")
+    else
+      render("posts/new")
+    end
+  end
+  
+  def edit
+    @post = Post.find_by(id: params[:id])
+  end
+  
+  def update
+    @post = Post.find_by(id: params[:id])
+    @post.content = params[:content]
+    if @post.save
+      flash[:notice] = "スライドを編集しました"
+      redirect_to("/posts/index")
+    else
+      render("posts/edit")
+    end
+  end
+  
+  def destroy
+    @post = Post.find_by(id: params[:id])
+    @post.destroy
+    flash[:notice] = "スライドを削除しました"
+    redirect_to("/posts/index")
+  end
+  
+end
\ No newline at end of file
diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb
new file mode 100644
index 0000000..b3668ca
--- /dev/null
+++ b/app/controllers/users_controller.rb
@@ -0,0 +1,29 @@
+class UsersController < ApplicationController
+  def index
+    @users = User.all
+  end
+  
+  def show
+    @user = User.find_by(id: params[:id])
+  end
+  
+  def new
+  @user = User.new
+    
+  end
+  
+  def create
+    @user = User.new(name: params[:name], email: params[:email])
+      if @user.save
+      flash[:notice] ="ユーザー登録が完了しました" 
+      redirect_to("/users/#{@user.id}")
+    else
+      render("users/new")
+    end
+  end
+
+  def edit
+    @user = User.find_by(id: params[:id])
+  end
+  
+end
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
new file mode 100644
index 0000000..de6be79
--- /dev/null
+++ b/app/helpers/application_helper.rb
@@ -0,0 +1,2 @@
+module ApplicationHelper
+end
diff --git a/app/helpers/home_helper.rb b/app/helpers/home_helper.rb
new file mode 100644
index 0000000..23de56a
--- /dev/null
+++ b/app/helpers/home_helper.rb
@@ -0,0 +1,2 @@
+module HomeHelper
+end
diff --git a/app/helpers/posts_helper.rb b/app/helpers/posts_helper.rb
new file mode 100644
index 0000000..a7b8cec
--- /dev/null
+++ b/app/helpers/posts_helper.rb
@@ -0,0 +1,2 @@
+module PostsHelper
+end
diff --git a/app/helpers/users_helper.rb b/app/helpers/users_helper.rb
new file mode 100644
index 0000000..2310a24
--- /dev/null
+++ b/app/helpers/users_helper.rb
@@ -0,0 +1,2 @@
+module UsersHelper
+end
diff --git a/app/javascript/application.js b/app/javascript/application.js
new file mode 100644
index 0000000..0d7b494
--- /dev/null
+++ b/app/javascript/application.js
@@ -0,0 +1,3 @@
+// Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
+import "@hotwired/turbo-rails"
+import "controllers"
diff --git a/app/javascript/controllers/application.js b/app/javascript/controllers/application.js
new file mode 100644
index 0000000..1213e85
--- /dev/null
+++ b/app/javascript/controllers/application.js
@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+
+const application = Application.start()
+
+// Configure Stimulus development experience
+application.debug = false
+window.Stimulus   = application
+
+export { application }
diff --git a/app/javascript/controllers/hello_controller.js b/app/javascript/controllers/hello_controller.js
new file mode 100644
index 0000000..5975c07
--- /dev/null
+++ b/app/javascript/controllers/hello_controller.js
@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.element.textContent = "Hello World!"
+  }
+}
diff --git a/app/javascript/controllers/index.js b/app/javascript/controllers/index.js
new file mode 100644
index 0000000..54ad4ca
--- /dev/null
+++ b/app/javascript/controllers/index.js
@@ -0,0 +1,11 @@
+// Import and register all your controllers from the importmap under controllers/*
+
+import { application } from "controllers/application"
+
+// Eager load all controllers defined in the import map under controllers/**/*_controller
+import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
+eagerLoadControllersFrom("controllers", application)
+
+// Lazy load controllers as they appear in the DOM (remember not to preload controllers in import map!)
+// import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"
+// lazyLoadControllersFrom("controllers", application)
diff --git a/app/jobs/application_job.rb b/app/jobs/application_job.rb
new file mode 100644
index 0000000..d394c3d
--- /dev/null
+++ b/app/jobs/application_job.rb
@@ -0,0 +1,7 @@
+class ApplicationJob < ActiveJob::Base
+  # Automatically retry jobs that encountered a deadlock
+  # retry_on ActiveRecord::Deadlocked
+
+  # Most jobs are safe to ignore if the underlying records are no longer available
+  # discard_on ActiveJob::DeserializationError
+end
diff --git a/app/mailers/application_mailer.rb b/app/mailers/application_mailer.rb
new file mode 100644
index 0000000..3c34c81
--- /dev/null
+++ b/app/mailers/application_mailer.rb
@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: "from@example.com"
+  layout "mailer"
+end
diff --git a/app/models/application_record.rb b/app/models/application_record.rb
new file mode 100644
index 0000000..b63caeb
--- /dev/null
+++ b/app/models/application_record.rb
@@ -0,0 +1,3 @@
+class ApplicationRecord < ActiveRecord::Base
+  primary_abstract_class
+end
diff --git a/app/models/concerns/.keep b/app/models/concerns/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/app/models/concerns/.keep
diff --git a/app/models/post.rb b/app/models/post.rb
new file mode 100644
index 0000000..19e2d47
--- /dev/null
+++ b/app/models/post.rb
@@ -0,0 +1,3 @@
+class Post < ApplicationRecord
+    validates :content, {presence: true, length:{maximum: 160}}
+end
diff --git a/app/models/user.rb b/app/models/user.rb
new file mode 100644
index 0000000..3943b1d
--- /dev/null
+++ b/app/models/user.rb
@@ -0,0 +1,6 @@
+class User < ApplicationRecord
+    validates :name,{presence:true}
+  
+    # emailカラムに関するバリデーションを作成してください
+    validates :email,{presence:true, uniqueness: true}
+end
diff --git a/app/views/home/about.html.erb b/app/views/home/about.html.erb
new file mode 100644
index 0000000..f087ec6
--- /dev/null
+++ b/app/views/home/about.html.erb
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="ハタラクカタチプロジェクト">
+    <meta name="keywords" content="ハタラクカタチプロジェクト,ハタラクカタチ,庄内地方,働き方">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP&display=swap" rel="stylesheet">
+    <link rel="shortcut icon" href="../img/hataraku.png">
+    <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
+    <link rel="stylesheet" type="text/css" href="../hataraku.css">
+    <title>ハタラクカタチプロジェクト</title>
+</head>
+<body>
+    <main>
+        <section id="president_profile">
+            <div class="profile-bg">
+                <div class="president-item">
+                    <div class="president-left">
+                        <div class="president_title-box"><h3 class="president_profile_title">社長編 ＃01</h3></div>
+                        <h4 class="president_proifile_name">楯の川酒造株式会社<br>佐藤 淳平さん</h4>
+                        <p class="profile">　酒田市出身。東京農業大学応用生物科学部醸造科学科に在学中楯の川酒造の6代目蔵元・代表取締役に就任した。<br>
+                        　最近の趣味は音楽やドラムの演奏。何事にも失敗を恐れず前向きに挑戦している。</p>
+                    </div>
+                    <img src="../img/tatenokawa7.JPG" alt="楯の川酒造社長 佐藤淳平さん">
+                </div>
+            </div>
+    
+            <div class="profile-bg-2">
+                <div class="overview-item">
+                    <div class="overview-title-box"><h3 class="overview-title">ー会社概要ー</h3></div>
+                        <p class="overview">会社名：楯の川株式会社<br>業種：酒造業<br>創業：天保3年<br>所在地：酒田市楯字清水田<br>代表者：代表取締役社長 佐藤淳平</p>
+                </div>
+                    <img src="../img/tatenokawa8.jpg" alt="会社概要">
+            </div>
+        </section>
+    </main>
+        
+    <article id="article">
+        <div class="article-box">
+        <h1 class="article_work">佐藤社長のワーク</h1>
+        <h2 id="section-title"><span id="title1">事業内容</span></h2>
+        <p class="article-work-text">基本は酒類の製造・販売になります。アイテムとしては、日本酒やリキュール、焼酎、マッコリなどを製造しています。それを国内外に販売するということをしています。</p>
+        <h2 class="section-title"><span id="title2">純米大吟醸の生産</span></h2>
+        <p class="article-work-text">今から10年ほど前、平成22酒造年度で切り替える前までは純米酒、本醸造、純米吟醸、大吟醸など色々な種類のお酒を作っていました。蔵のカラーを海外の方にも伝えるために、生産を純米大吟醸に絞りました。結果、蔵を代表する人気商品となり、お客さんからいい評価を受けています。</p>
+        <h2 class="section-title"><span id="title3">従業員について</span></h2>
+        <p class="article-work-text">皆さん元サラリーマンなどですね。半分くらいはお酒が好きでお酒に関わる仕事がしたいって入ってきた人。残りの人は家が近くて出勤しやすいとかなんじゃないかな。</p>
+        <h2 class="section-title"><span id="title4">職場の雰囲気づくり</span></h2>
+        <p class="article-work-text">私は社員の仕事に対して、基本的に口を挟むことはありません。社員の方々は働くにあたり、自分で考えて行動してくれます。「どうぞ、どうぞ。ご自由にやってください。会社はただの箱です。」という感じですね。</p>
+        <h2 class="section-title"><span id="title5">食材のこだわり</span></h2>
+        <p class="article-work-text">山形県産のものを使うというコンセプトなので、プロダクトに関しては地元の物にこだわっています。</p>
+        <h2 class="section-title"><span id="title6">思い入れのある商品</span></h2>
+        <p class="article-work-text">私が独断と偏見で商品開発して作っているのですが、精米歩合1%までこだわったお酒に関しては思い入れがありますね。</p>
+        <h2 class="section-title"><span id="title7">プレッシャーを感じることは</span></h2>
+        <p class="article-work-text">無いですね。事業継承したときは、売上3000万で社員が3人で借り入れが3億円ぐらいありましたけど、結局失うものは何もなかったので好きにできました。伝統があるという意識もなく自由気ままにやってきたという感じです。</p>
+        <h2 class="section-title"><span id="title8">失敗してしまうことは</span></h2>                        
+        <p class="article-work-text">失敗はいっぱいあります。成功の方が少ないです。私の考え方として、とりあえずやってきて、やらずに悩むよりはやってから考えようという感じで、全てにおいてとりあえず飛び込みます。</p>
+        <h2 class="section-title"><span id="title9">学生におすすめのお酒</span></h2>   
+        <p class="article-work-text">日本酒に限らず色々なお酒を飲んでいただいて、大人になってから日本酒を飲んでいただくのがいいと思います。無理に飲む必要はないと思います。</p>
+        <h1 class="article_work">佐藤社長のライフ</span></h1>
+        <h2 class="section-title"><span id="title10">学生時代について</span></h2>   
+        <p class="article-work-text">バイトしかしてこなかったですね。大学3年生で名前だけ社長になって、できるだけ親に頼らないように自分で稼いでなんとかしようというのがあって、バイトをしていたというのもあります。</p> 
+        <h2 class="section-title"><span id="title11">大学生に向けて</span></h2>  
+        <p class="article-work-text">皆失敗することは怖いですよね。仮に失敗したと思うようなことでも、そのやり方がたまたま駄目だったと捉えればそれは失敗じゃなくて、次のステップになります。大学4年間は非常に大事だと思うので、大学生の時にしか出来ないことをやってほしいと思います。</p>
+        <h2 class="section-title"><span id="title12">後悔しない生き方を</span></h2>  
+        <p class="article-work-text">いつ死ぬか分からないですけど、生かされている時間を上手く使ったか使わないかの話であって、最後どう死ぬかというところだと思います。後悔無く満足して死ぬのか、あれやっとけば良かったと思って死ぬのかだったら私に￥は前者が良いなと思うので。</p> 
+        </div>
+    </article>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/app/views/home/top.html.erb b/app/views/home/top.html.erb
new file mode 100644
index 0000000..14feb1e
--- /dev/null
+++ b/app/views/home/top.html.erb
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="CPM-program">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Corben:700" rel="stylesheet">
+    <link rel="shortcut icon" href="../img/hataraku.png">
+    <link rel ="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
+    <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <title>CPM-program</title>
+</head>
+<body>
+ <main>                                  
+         <div class="main-flex">
+                <section class="view-left">
+                    <div class="select-inner wrapper">
+                        <h2 class="section-title">自身スコア一覧</h2>
+                    <ul class="select-item">
+                        <li class="select-li"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">RinoIto</p></div><figure><img src="/squid.png" alt="いか"></figure>
+                            <p class="select-text">Lv.17</p></div></a></li>
+                        <li class="select-li"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">総演習クリア数</p></div><figure><img src="/pc.png" alt="パソコン"></figure>
+                            <p class="select-text">30</p></div></a></li>
+                        <li class="select-li"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">週間ポイント数</p></div><figure><img src="/hart.png" alt="ハート"></figure>
+                            <p class="select-text">20pt</p></div></a></li>
+                    </ul>
+                    </div>
+                    <div class="select-inner wrapper">
+                        <h2 class="section-title">Rubyスライド</h2>
+                        <ul class="ruby-slide-nuv">
+                            <li class="ruby-slide-list"><p class="ruby-slide-title">1.プログラミングとは</p><p class="ruby-slide-text">・パソコンの使い方<br>・キーボードの打ち方<br>・プログラムの書き方</p></li>
+                            <li class="ruby-slide-list"><p class="ruby-slide-title">2.Rubyに触れてみよう</p><p class="ruby-slide-text">・値とは<br>・Rubyの計算<br>・変数とは</p></li>
+                        </ul>
+                        <ul class="ruby-slide-nuv">
+                            <li class="ruby-slide-list"><p class="ruby-slide-title">3.printとgetsとprintf</p><p class="ruby-slide-text">・printの使い方<br>・getsの使い方<br>・printfとは</p></li>
+                            <li class="ruby-slide-list"><p class="ruby-slide-title">4.演算とは</p><p class="ruby-slide-text">・演算について<br>・色々な計算をみよう<br>・trueとfalseとは</p></li>
+                        </ul>
+                    </div>
+                </section>
+                        <aside id="sidebar">
+                                    <section class="sidebar-box">
+                                        <div class="achieve-box">
+                                            <div class="achieve"><img src="/achieve.png" alt=""><p class="achive-text">3日連続ログイン達成</p></div>
+                                        </div>
+                                        <div class="corporate-box">
+                                            <div class="corporate-title-box"><p class="corporate-title">週間ランキング<span class="corporate-time">残り4日18:34</span></p></div>
+                                            <ul class="ranking-nuv">
+                                                <li class="ranking-list"><a href="#"><p class="ranking-name"><span class="ranking-number gold">1位</span>広瀬雄二</p></a></li>
+                                                <li class="ranking-list"><a href="#"><p class="ranking-name"><span class="ranking-number silber">2位</span>伊藤皓紀</p></a></li>
+                                                <li class="ranking-list"><a href="#"><p class="ranking-name"><span class="ranking-number copper">3位</span>伊藤優</p></a></li>
+                                                <li class="ranking-list"><a href="#"><p class="ranking-name"><span class="ranking-number">4位</span>伊藤理乃</p></a></li>
+                                                <li class="ranking-list"><a href="#"><p class="ranking-name"><span class="ranking-number">5位</span>梅津航介</p></a></li>
+                                                <li class="ranking-list"><a href="#"><p class="ranking-name"><span class="ranking-number">6位</span>鎌上朝妃</p></a></li>
+                                            </ul>
+                                        </div>
+                                    </section>
+                                    <p class="season-slide-title">今までのイベントスライド</p>
+                                    <ul class="season-nuv">
+                                        <li class="season-list blue"><a href=""><span class="season-month">8月</span><p class="season-text">JavaScriptとは</p></a></li>
+                                        <li class="season-list green"><a href=""><span class="season-month">9月</span><p class="season-text">Rubyを強化しよう！</p></a></li>
+                                        <li class="season-list orange"><a href=""><span class="season-month">10月</span><p class="season-text">HTML&CSSとは</p></a></li>
+                                    </ul>
+                                </aside>
+                            </section>
+         </div>
+    </main>
+    <footer id="footer">
+        <small>&copy; 2022 プチ論研究-伊藤理乃</small>
+    </footer>
+</body>
+</html>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
new file mode 100644
index 0000000..d203c7a
--- /dev/null
+++ b/app/views/layouts/application.html.erb
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>TweetApp</title>
+    <%= csrf_meta_tags %>
+
+    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
+    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
+  </head>
+
+  <body>
+<header id="header">
+<div class="logo-space">
+    <h1 class="title-logo"><%= link_to("CPM-program","/")%></h1>
+</div>
+<nav class="header-nav-left">
+    <ul class="header-list">
+        <li class="header-list-item"><%= link_to("スライド一覧","/posts/index")%></li>
+        <li class="header-list-item"><a href="">クイズ一覧</a></li>
+        <li class="header-list-item"><%= link_to("スライド・クイズ作成","/posts/new")%></li>
+        <li class="header-list-item"><%= link_to("ユーザー一覧", "/users/index") %></li>
+        <li class="header-list-item"><%= link_to("新規登録", "/signup")%></li>
+    </ul>
+</nav>
+<nav class="header-nav-right">
+    <ul class="header-list-icon">
+        <li class="list-icon-item"><a href=""><img src="/mail-icon.png" alt=""></a></li>
+        <li class="list-icon-item"><a href=""><img src="/ring-icon.png" alt=""></a></li>
+        <li class="list-icon-item"><a href=""><img src="/human-icon.png" alt=""></a></li>
+    </ul>
+</nav>
+</header>
+<% if flash[:notice]%>
+<div class="flash">
+  <%= flash[:notice]%>
+</div>
+<% end %>
+    <%= yield %>
+  </body>
+</html>
+
diff --git a/app/views/layouts/mailer.html.erb b/app/views/layouts/mailer.html.erb
new file mode 100644
index 0000000..cbd34d2
--- /dev/null
+++ b/app/views/layouts/mailer.html.erb
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>
diff --git a/app/views/layouts/mailer.text.erb b/app/views/layouts/mailer.text.erb
new file mode 100644
index 0000000..37f0bdd
--- /dev/null
+++ b/app/views/layouts/mailer.text.erb
@@ -0,0 +1 @@
+<%= yield %>
diff --git a/app/views/posts/edit.html.erb b/app/views/posts/edit.html.erb
new file mode 100644
index 0000000..6616425
--- /dev/null
+++ b/app/views/posts/edit.html.erb
@@ -0,0 +1,18 @@
+<div class="main posts-new">
+  <div class="container">
+    <h1 class="form-heading">編集する</h1>
+    <%= form_tag("/posts/#{@post.id}/update") do %>
+      <div class="form">
+        <div class="form-body">
+          <% @post.errors.full_messages.each do |message| %>
+            <div class="form-error">
+              <%= message %>
+            </div>
+          <% end %>
+          <textarea name="content"><%= @post.content %></textarea>
+          <input type="submit" value="保存">
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/views/posts/index.html.erb b/app/views/posts/index.html.erb
new file mode 100644
index 0000000..2806926
--- /dev/null
+++ b/app/views/posts/index.html.erb
@@ -0,0 +1,10 @@
+<div class="main posts-index">
+<h2 class="post-index-title">スライド一覧</h2>
+  <div class="container-index post-slide-container">
+    <% @posts.each do |post| %>
+      <div class="posts-index-item">
+      <%= link_to(post.content, "/posts/#{post.id}")%>
+      </div>
+    <% end %>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/views/posts/new.html.erb b/app/views/posts/new.html.erb
new file mode 100644
index 0000000..f11ff6c
--- /dev/null
+++ b/app/views/posts/new.html.erb
@@ -0,0 +1,19 @@
+<div class="main posts-new">
+  <div class="container">
+    <h1 class="form-heading">スライドを作成する</h1>
+    <%= form_tag("/posts/create") do %>
+      <div class="form">
+        <div class="form-body">
+          <% @post.errors.full_messages.each do |message| %>
+            <div class="form-error">
+              <%= message %>
+            </div>
+          <% end %>
+          
+          <textarea name="content"><%= @post.content %></textarea>
+          <input type="submit" value="作成">
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/views/posts/show.html.erb b/app/views/posts/show.html.erb
new file mode 100644
index 0000000..209b773
--- /dev/null
+++ b/app/views/posts/show.html.erb
@@ -0,0 +1,16 @@
+<div class="main posts-show">
+  <div class="container">
+    <div class="posts-show-item">
+      <p>
+        <%= @post.content %>
+      </p>
+      <div class="post-time">
+        <%= @post.created_at %>
+      </div>
+      <div class="post-menus">
+        <%= link_to("編集", "/posts/#{@post.id}/edit") %>
+        <%= link_to("削除", "/posts/#{@post.id}/destroy", {method: "post"}) %>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/views/users/edit.html.erb b/app/views/users/edit.html.erb
new file mode 100644
index 0000000..becfd88
--- /dev/null
+++ b/app/views/users/edit.html.erb
@@ -0,0 +1,16 @@
+<div class="main users-edit">
+  <div class="container">
+    <div class="form-heading">ユーザー情報の編集</div>
+    <div class="form users-form">
+      <div class="form-body">
+        <p>ユーザー名</p>
+        <!-- nameを初期値として表示してください -->
+        <input value="<%= @user.name%>">
+        <p>メールアドレス</p>
+        <!-- emailを初期値として表示してください -->
+        <input value="<%= @user.email%>">
+        <input type="submit" value="保存">
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb
new file mode 100644
index 0000000..a625b11
--- /dev/null
+++ b/app/views/users/index.html.erb
@@ -0,0 +1,14 @@
+<div class="main users-index">
+  <div class="container">
+    <!-- 以下の<% %>を使ってeach文を追加してください -->
+    <% @users.each do |user| %>
+      <div class="users-index-item">
+        <div class="user-right">
+          <!-- 以下の<%= %>を使ってユーザー名を表示してください -->
+          <%= link_to(user.name, "/users/#{user.id}") %>
+        </div>
+      </div>
+    <!-- 以下の<% %>を使ってeach文のendを追加してください -->
+    <% end%>
+  </div>
+</div>
diff --git a/app/views/users/new.html.erb b/app/views/users/new.html.erb
new file mode 100644
index 0000000..db9f1bf
--- /dev/null
+++ b/app/views/users/new.html.erb
@@ -0,0 +1,22 @@
+<div class="main users-new">
+  <div class="container">
+    <div class="form-heading">新規ユーザー登録</div>
+    <div class="form users-form">
+      <div class="form-body">
+        <% @user.errors.full_messages.each do |message| %>
+          <div class="form-error">
+            <%= message %>
+          </div>
+        <% end %>
+        
+        <%= form_tag("/users/create") do %>
+          <p>ユーザー名</p>
+          <input name="name" value="<%= @user.name %>">
+          <p>メールアドレス</p>
+          <input name="email">
+          <input type="submit" value="新規登録" value="<%= @user.email %>">
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
new file mode 100644
index 0000000..119ff05
--- /dev/null
+++ b/app/views/users/show.html.erb
@@ -0,0 +1,11 @@
+<div class="main user-show">
+  <div class="container">
+    <div class="user">
+      <!-- 以下で、ユーザー名を出力してください -->
+      <h2><%= @user.name %></h2>
+      <!-- 以下で、メールアドレスを出力してください -->
+      <p><%= @user.email %></p>
+      <%= link_to("編集", "/users/#{@user.id}/edit")%>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/bin/bundle b/bin/bundle
new file mode 100755
index 0000000..5b593cb
--- /dev/null
+++ b/bin/bundle
@@ -0,0 +1,114 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+#
+# This file was generated by Bundler.
+#
+# The application 'bundle' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require "rubygems"
+
+m = Module.new do
+  module_function
+
+  def invoked_as_script?
+    File.expand_path($0) == File.expand_path(__FILE__)
+  end
+
+  def env_var_version
+    ENV["BUNDLER_VERSION"]
+  end
+
+  def cli_arg_version
+    return unless invoked_as_script? # don't want to hijack other binstubs
+    return unless "update".start_with?(ARGV.first || " ") # must be running `bundle update`
+    bundler_version = nil
+    update_index = nil
+    ARGV.each_with_index do |a, i|
+      if update_index && update_index.succ == i && a =~ Gem::Version::ANCHORED_VERSION_PATTERN
+        bundler_version = a
+      end
+      next unless a =~ /\A--bundler(?:[= ](#{Gem::Version::VERSION_PATTERN}))?\z/
+      bundler_version = $1
+      update_index = i
+    end
+    bundler_version
+  end
+
+  def gemfile
+    gemfile = ENV["BUNDLE_GEMFILE"]
+    return gemfile if gemfile && !gemfile.empty?
+
+    File.expand_path("../../Gemfile", __FILE__)
+  end
+
+  def lockfile
+    lockfile =
+      case File.basename(gemfile)
+      when "gems.rb" then gemfile.sub(/\.rb$/, gemfile)
+      else "#{gemfile}.lock"
+      end
+    File.expand_path(lockfile)
+  end
+
+  def lockfile_version
+    return unless File.file?(lockfile)
+    lockfile_contents = File.read(lockfile)
+    return unless lockfile_contents =~ /\n\nBUNDLED WITH\n\s{2,}(#{Gem::Version::VERSION_PATTERN})\n/
+    Regexp.last_match(1)
+  end
+
+  def bundler_requirement
+    @bundler_requirement ||=
+      env_var_version || cli_arg_version ||
+        bundler_requirement_for(lockfile_version)
+  end
+
+  def bundler_requirement_for(version)
+    return "#{Gem::Requirement.default}.a" unless version
+
+    bundler_gem_version = Gem::Version.new(version)
+
+    requirement = bundler_gem_version.approximate_recommendation
+
+    return requirement unless Gem.rubygems_version < Gem::Version.new("2.7.0")
+
+    requirement += ".a" if bundler_gem_version.prerelease?
+
+    requirement
+  end
+
+  def load_bundler!
+    ENV["BUNDLE_GEMFILE"] ||= gemfile
+
+    activate_bundler
+  end
+
+  def activate_bundler
+    gem_error = activation_error_handling do
+      gem "bundler", bundler_requirement
+    end
+    return if gem_error.nil?
+    require_error = activation_error_handling do
+      require "bundler/version"
+    end
+    return if require_error.nil? && Gem::Requirement.new(bundler_requirement).satisfied_by?(Gem::Version.new(Bundler::VERSION))
+    warn "Activating bundler (#{bundler_requirement}) failed:\n#{gem_error.message}\n\nTo install the version of bundler this project requires, run `gem install bundler -v '#{bundler_requirement}'`"
+    exit 42
+  end
+
+  def activation_error_handling
+    yield
+    nil
+  rescue StandardError, LoadError => e
+    e
+  end
+end
+
+m.load_bundler!
+
+if m.invoked_as_script?
+  load Gem.bin_path("bundler", "bundle")
+end
diff --git a/bin/importmap b/bin/importmap
new file mode 100755
index 0000000..36502ab
--- /dev/null
+++ b/bin/importmap
@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+
+require_relative "../config/application"
+require "importmap/commands"
diff --git a/bin/rails b/bin/rails
new file mode 100755
index 0000000..efc0377
--- /dev/null
+++ b/bin/rails
@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+APP_PATH = File.expand_path("../config/application", __dir__)
+require_relative "../config/boot"
+require "rails/commands"
diff --git a/bin/rake b/bin/rake
new file mode 100755
index 0000000..4fbf10b
--- /dev/null
+++ b/bin/rake
@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+require_relative "../config/boot"
+require "rake"
+Rake.application.run
diff --git a/bin/setup b/bin/setup
new file mode 100755
index 0000000..ec47b79
--- /dev/null
+++ b/bin/setup
@@ -0,0 +1,33 @@
+#!/usr/bin/env ruby
+require "fileutils"
+
+# path to your application root.
+APP_ROOT = File.expand_path("..", __dir__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+FileUtils.chdir APP_ROOT do
+  # This script is a way to set up or update your development environment automatically.
+  # This script is idempotent, so that you can run it at any time and get an expectable outcome.
+  # Add necessary setup steps to this file.
+
+  puts "== Installing dependencies =="
+  system! "gem install bundler --conservative"
+  system("bundle check") || system!("bundle install")
+
+  # puts "\n== Copying sample files =="
+  # unless File.exist?("config/database.yml")
+  #   FileUtils.cp "config/database.yml.sample", "config/database.yml"
+  # end
+
+  puts "\n== Preparing database =="
+  system! "bin/rails db:prepare"
+
+  puts "\n== Removing old logs and tempfiles =="
+  system! "bin/rails log:clear tmp:clear"
+
+  puts "\n== Restarting application server =="
+  system! "bin/rails restart"
+end
diff --git a/config.ru b/config.ru
new file mode 100644
index 0000000..4a3c09a
--- /dev/null
+++ b/config.ru
@@ -0,0 +1,6 @@
+# This file is used by Rack-based servers to start the application.
+
+require_relative "config/environment"
+
+run Rails.application
+Rails.application.load_server
diff --git a/config/application.rb b/config/application.rb
new file mode 100644
index 0000000..68c1c99
--- /dev/null
+++ b/config/application.rb
@@ -0,0 +1,22 @@
+require_relative "boot"
+
+require "rails/all"
+
+# Require the gems listed in Gemfile, including any gems
+# you've limited to :test, :development, or :production.
+Bundler.require(*Rails.groups)
+
+module Sample
+  class Application < Rails::Application
+    # Initialize configuration defaults for originally generated Rails version.
+    config.load_defaults 7.0
+
+    # Configuration for the application, engines, and railties goes here.
+    #
+    # These settings can be overridden in specific environments using the files
+    # in config/environments, which are processed later.
+    #
+    # config.time_zone = "Central Time (US & Canada)"
+    # config.eager_load_paths << Rails.root.join("extras")
+  end
+end
diff --git a/config/boot.rb b/config/boot.rb
new file mode 100644
index 0000000..988a5dd
--- /dev/null
+++ b/config/boot.rb
@@ -0,0 +1,4 @@
+ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../Gemfile", __dir__)
+
+require "bundler/setup" # Set up gems listed in the Gemfile.
+require "bootsnap/setup" # Speed up boot time by caching expensive operations.
diff --git a/config/cable.yml b/config/cable.yml
new file mode 100644
index 0000000..7496cc3
--- /dev/null
+++ b/config/cable.yml
@@ -0,0 +1,10 @@
+development:
+  adapter: async
+
+test:
+  adapter: test
+
+production:
+  adapter: redis
+  url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %>
+  channel_prefix: sample_production
diff --git a/config/credentials.yml.enc b/config/credentials.yml.enc
new file mode 100644
index 0000000..bad4a9d
--- /dev/null
+++ b/config/credentials.yml.enc
@@ -0,0 +1 @@
+Ltdu+7GunzwLw93p5XV73F0EA9pdGWFMcjXZC5YXxXXufAsaYci04qI10Hi0Vn0o4c4LGT2F/P5zsJXbBnN+flsF3uVj7WXJddyyMWTO4ReCHoHbGvWeW5o6ojJWb432hBQFDvj1sIguNarGCE3bildFZkIwn7bAHVVjPRvlEBNkUuiq2BRbkIdnMx5jLFjJ39ZPGPB/k8U74XSEFzlPRh2nknZVk8Tk/oMQwPwOBWSDFofBSrK5SbaJk7zaZB1tjro5dTJB6hWoQs0t5O25XlBFZ6WqhhtOUhbUrHDwuF7eFPvk/1+Z3VNv0sBlftpVQ78mHyZqGym+HaUbU7/2EIlZUWR8jUeEppSGpCoZpuIk7dkyZ6afGbauf6ltCyQGI45VxMABG9CzrHnJXDEAq29yfF7TV6EVjCKb--no92tEbFmtASDgu6--m2IUcxDk2bYZJNgUR3F5aQ==
\ No newline at end of file
diff --git a/config/database.yml b/config/database.yml
new file mode 100644
index 0000000..fcba57f
--- /dev/null
+++ b/config/database.yml
@@ -0,0 +1,25 @@
+# SQLite. Versions 3.8.0 and up are supported.
+#   gem install sqlite3
+#
+#   Ensure the SQLite 3 gem is defined in your Gemfile
+#   gem "sqlite3"
+#
+default: &default
+  adapter: sqlite3
+  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
+  timeout: 5000
+
+development:
+  <<: *default
+  database: db/development.sqlite3
+
+# Warning: The database defined as "test" will be erased and
+# re-generated from your development database when you run "rake".
+# Do not set this db to the same as development or production.
+test:
+  <<: *default
+  database: db/test.sqlite3
+
+production:
+  <<: *default
+  database: db/production.sqlite3
diff --git a/config/environment.rb b/config/environment.rb
new file mode 100644
index 0000000..cac5315
--- /dev/null
+++ b/config/environment.rb
@@ -0,0 +1,5 @@
+# Load the Rails application.
+require_relative "application"
+
+# Initialize the Rails application.
+Rails.application.initialize!
diff --git a/config/environments/development.rb b/config/environments/development.rb
new file mode 100644
index 0000000..8500f45
--- /dev/null
+++ b/config/environments/development.rb
@@ -0,0 +1,70 @@
+require "active_support/core_ext/integer/time"
+
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # In the development environment your application's code is reloaded any time
+  # it changes. This slows down response time but is perfect for development
+  # since you don't have to restart the web server when you make code changes.
+  config.cache_classes = false
+
+  # Do not eager load code on boot.
+  config.eager_load = false
+
+  # Show full error reports.
+  config.consider_all_requests_local = true
+
+  # Enable server timing
+  config.server_timing = true
+
+  # Enable/disable caching. By default caching is disabled.
+  # Run rails dev:cache to toggle caching.
+  if Rails.root.join("tmp/caching-dev.txt").exist?
+    config.action_controller.perform_caching = true
+    config.action_controller.enable_fragment_cache_logging = true
+
+    config.cache_store = :memory_store
+    config.public_file_server.headers = {
+      "Cache-Control" => "public, max-age=#{2.days.to_i}"
+    }
+  else
+    config.action_controller.perform_caching = false
+
+    config.cache_store = :null_store
+  end
+
+  # Store uploaded files on the local file system (see config/storage.yml for options).
+  config.active_storage.service = :local
+
+  # Don't care if the mailer can't send.
+  config.action_mailer.raise_delivery_errors = false
+
+  config.action_mailer.perform_caching = false
+
+  # Print deprecation notices to the Rails logger.
+  config.active_support.deprecation = :log
+
+  # Raise exceptions for disallowed deprecations.
+  config.active_support.disallowed_deprecation = :raise
+
+  # Tell Active Support which deprecation messages to disallow.
+  config.active_support.disallowed_deprecation_warnings = []
+
+  # Raise an error on page load if there are pending migrations.
+  config.active_record.migration_error = :page_load
+
+  # Highlight code that triggered database queries in logs.
+  config.active_record.verbose_query_logs = true
+
+  # Suppress logger output for asset requests.
+  config.assets.quiet = true
+
+  # Raises error for missing translations.
+  # config.i18n.raise_on_missing_translations = true
+
+  # Annotate rendered view with file names.
+  # config.action_view.annotate_rendered_view_with_filenames = true
+
+  # Uncomment if you wish to allow Action Cable access from any origin.
+  # config.action_cable.disable_request_forgery_protection = true
+end
diff --git a/config/environments/production.rb b/config/environments/production.rb
new file mode 100644
index 0000000..1899c1a
--- /dev/null
+++ b/config/environments/production.rb
@@ -0,0 +1,93 @@
+require "active_support/core_ext/integer/time"
+
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # Code is not reloaded between requests.
+  config.cache_classes = true
+
+  # Eager load code on boot. This eager loads most of Rails and
+  # your application in memory, allowing both threaded web servers
+  # and those relying on copy on write to perform better.
+  # Rake tasks automatically ignore this option for performance.
+  config.eager_load = true
+
+  # Full error reports are disabled and caching is turned on.
+  config.consider_all_requests_local       = false
+  config.action_controller.perform_caching = true
+
+  # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"]
+  # or in config/master.key. This key is used to decrypt credentials (and other encrypted files).
+  # config.require_master_key = true
+
+  # Disable serving static files from the `/public` folder by default since
+  # Apache or NGINX already handles this.
+  config.public_file_server.enabled = ENV["RAILS_SERVE_STATIC_FILES"].present?
+
+  # Compress CSS using a preprocessor.
+  # config.assets.css_compressor = :sass
+
+  # Do not fallback to assets pipeline if a precompiled asset is missed.
+  config.assets.compile = false
+
+  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
+  # config.asset_host = "http://assets.example.com"
+
+  # Specifies the header that your server uses for sending files.
+  # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for Apache
+  # config.action_dispatch.x_sendfile_header = "X-Accel-Redirect" # for NGINX
+
+  # Store uploaded files on the local file system (see config/storage.yml for options).
+  config.active_storage.service = :local
+
+  # Mount Action Cable outside main process or domain.
+  # config.action_cable.mount_path = nil
+  # config.action_cable.url = "wss://example.com/cable"
+  # config.action_cable.allowed_request_origins = [ "http://example.com", /http:\/\/example.*/ ]
+
+  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
+  # config.force_ssl = true
+
+  # Include generic and useful information about system operation, but avoid logging too much
+  # information to avoid inadvertent exposure of personally identifiable information (PII).
+  config.log_level = :info
+
+  # Prepend all log lines with the following tags.
+  config.log_tags = [ :request_id ]
+
+  # Use a different cache store in production.
+  # config.cache_store = :mem_cache_store
+
+  # Use a real queuing backend for Active Job (and separate queues per environment).
+  # config.active_job.queue_adapter     = :resque
+  # config.active_job.queue_name_prefix = "sample_production"
+
+  config.action_mailer.perform_caching = false
+
+  # Ignore bad email addresses and do not raise email delivery errors.
+  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
+  # config.action_mailer.raise_delivery_errors = false
+
+  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
+  # the I18n.default_locale when a translation cannot be found).
+  config.i18n.fallbacks = true
+
+  # Don't log any deprecations.
+  config.active_support.report_deprecations = false
+
+  # Use default logging formatter so that PID and timestamp are not suppressed.
+  config.log_formatter = ::Logger::Formatter.new
+
+  # Use a different logger for distributed setups.
+  # require "syslog/logger"
+  # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new "app-name")
+
+  if ENV["RAILS_LOG_TO_STDOUT"].present?
+    logger           = ActiveSupport::Logger.new(STDOUT)
+    logger.formatter = config.log_formatter
+    config.logger    = ActiveSupport::TaggedLogging.new(logger)
+  end
+
+  # Do not dump schema after migrations.
+  config.active_record.dump_schema_after_migration = false
+end
diff --git a/config/environments/test.rb b/config/environments/test.rb
new file mode 100644
index 0000000..6ea4d1e
--- /dev/null
+++ b/config/environments/test.rb
@@ -0,0 +1,60 @@
+require "active_support/core_ext/integer/time"
+
+# The test environment is used exclusively to run your application's
+# test suite. You never need to work with it otherwise. Remember that
+# your test database is "scratch space" for the test suite and is wiped
+# and recreated between test runs. Don't rely on the data there!
+
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # Turn false under Spring and add config.action_view.cache_template_loading = true.
+  config.cache_classes = true
+
+  # Eager loading loads your whole application. When running a single test locally,
+  # this probably isn't necessary. It's a good idea to do in a continuous integration
+  # system, or in some way before deploying your code.
+  config.eager_load = ENV["CI"].present?
+
+  # Configure public file server for tests with Cache-Control for performance.
+  config.public_file_server.enabled = true
+  config.public_file_server.headers = {
+    "Cache-Control" => "public, max-age=#{1.hour.to_i}"
+  }
+
+  # Show full error reports and disable caching.
+  config.consider_all_requests_local       = true
+  config.action_controller.perform_caching = false
+  config.cache_store = :null_store
+
+  # Raise exceptions instead of rendering exception templates.
+  config.action_dispatch.show_exceptions = false
+
+  # Disable request forgery protection in test environment.
+  config.action_controller.allow_forgery_protection = false
+
+  # Store uploaded files on the local file system in a temporary directory.
+  config.active_storage.service = :test
+
+  config.action_mailer.perform_caching = false
+
+  # Tell Action Mailer not to deliver emails to the real world.
+  # The :test delivery method accumulates sent emails in the
+  # ActionMailer::Base.deliveries array.
+  config.action_mailer.delivery_method = :test
+
+  # Print deprecation notices to the stderr.
+  config.active_support.deprecation = :stderr
+
+  # Raise exceptions for disallowed deprecations.
+  config.active_support.disallowed_deprecation = :raise
+
+  # Tell Active Support which deprecation messages to disallow.
+  config.active_support.disallowed_deprecation_warnings = []
+
+  # Raises error for missing translations.
+  # config.i18n.raise_on_missing_translations = true
+
+  # Annotate rendered view with file names.
+  # config.action_view.annotate_rendered_view_with_filenames = true
+end
diff --git a/config/importmap.rb b/config/importmap.rb
new file mode 100644
index 0000000..8dce42d
--- /dev/null
+++ b/config/importmap.rb
@@ -0,0 +1,7 @@
+# Pin npm packages by running ./bin/importmap
+
+pin "application", preload: true
+pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
+pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
+pin_all_from "app/javascript/controllers", under: "controllers"
diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb
new file mode 100644
index 0000000..2eeef96
--- /dev/null
+++ b/config/initializers/assets.rb
@@ -0,0 +1,12 @@
+# Be sure to restart your server when you modify this file.
+
+# Version of your assets, change this if you want to expire all your assets.
+Rails.application.config.assets.version = "1.0"
+
+# Add additional assets to the asset load path.
+# Rails.application.config.assets.paths << Emoji.images_path
+
+# Precompile additional assets.
+# application.js, application.css, and all non-JS/CSS in the app/assets
+# folder are already added.
+# Rails.application.config.assets.precompile += %w( admin.js admin.css )
diff --git a/config/initializers/content_security_policy.rb b/config/initializers/content_security_policy.rb
new file mode 100644
index 0000000..54f47cf
--- /dev/null
+++ b/config/initializers/content_security_policy.rb
@@ -0,0 +1,25 @@
+# Be sure to restart your server when you modify this file.
+
+# Define an application-wide content security policy.
+# See the Securing Rails Applications Guide for more information:
+# https://guides.rubyonrails.org/security.html#content-security-policy-header
+
+# Rails.application.configure do
+#   config.content_security_policy do |policy|
+#     policy.default_src :self, :https
+#     policy.font_src    :self, :https, :data
+#     policy.img_src     :self, :https, :data
+#     policy.object_src  :none
+#     policy.script_src  :self, :https
+#     policy.style_src   :self, :https
+#     # Specify URI for violation reports
+#     # policy.report_uri "/csp-violation-report-endpoint"
+#   end
+#
+#   # Generate session nonces for permitted importmap and inline scripts
+#   config.content_security_policy_nonce_generator = ->(request) { request.session.id.to_s }
+#   config.content_security_policy_nonce_directives = %w(script-src)
+#
+#   # Report violations without enforcing the policy.
+#   # config.content_security_policy_report_only = true
+# end
diff --git a/config/initializers/filter_parameter_logging.rb b/config/initializers/filter_parameter_logging.rb
new file mode 100644
index 0000000..adc6568
--- /dev/null
+++ b/config/initializers/filter_parameter_logging.rb
@@ -0,0 +1,8 @@
+# Be sure to restart your server when you modify this file.
+
+# Configure parameters to be filtered from the log file. Use this to limit dissemination of
+# sensitive information. See the ActiveSupport::ParameterFilter documentation for supported
+# notations and behaviors.
+Rails.application.config.filter_parameters += [
+  :passw, :secret, :token, :_key, :crypt, :salt, :certificate, :otp, :ssn
+]
diff --git a/config/initializers/inflections.rb b/config/initializers/inflections.rb
new file mode 100644
index 0000000..3860f65
--- /dev/null
+++ b/config/initializers/inflections.rb
@@ -0,0 +1,16 @@
+# Be sure to restart your server when you modify this file.
+
+# Add new inflection rules using the following format. Inflections
+# are locale specific, and you may define rules for as many different
+# locales as you wish. All of these examples are active by default:
+# ActiveSupport::Inflector.inflections(:en) do |inflect|
+#   inflect.plural /^(ox)$/i, "\\1en"
+#   inflect.singular /^(ox)en/i, "\\1"
+#   inflect.irregular "person", "people"
+#   inflect.uncountable %w( fish sheep )
+# end
+
+# These inflection rules are supported but not enabled by default:
+# ActiveSupport::Inflector.inflections(:en) do |inflect|
+#   inflect.acronym "RESTful"
+# end
diff --git a/config/initializers/permissions_policy.rb b/config/initializers/permissions_policy.rb
new file mode 100644
index 0000000..00f64d7
--- /dev/null
+++ b/config/initializers/permissions_policy.rb
@@ -0,0 +1,11 @@
+# Define an application-wide HTTP permissions policy. For further
+# information see https://developers.google.com/web/updates/2018/06/feature-policy
+#
+# Rails.application.config.permissions_policy do |f|
+#   f.camera      :none
+#   f.gyroscope   :none
+#   f.microphone  :none
+#   f.usb         :none
+#   f.fullscreen  :self
+#   f.payment     :self, "https://secure.example.com"
+# end
diff --git a/config/locales/en.yml b/config/locales/en.yml
new file mode 100644
index 0000000..8ca56fc
--- /dev/null
+++ b/config/locales/en.yml
@@ -0,0 +1,33 @@
+# Files in the config/locales directory are used for internationalization
+# and are automatically loaded by Rails. If you want to use locales other
+# than English, add the necessary files in this directory.
+#
+# To use the locales, use `I18n.t`:
+#
+#     I18n.t "hello"
+#
+# In views, this is aliased to just `t`:
+#
+#     <%= t("hello") %>
+#
+# To use a different locale, set it with `I18n.locale`:
+#
+#     I18n.locale = :es
+#
+# This would use the information in config/locales/es.yml.
+#
+# The following keys must be escaped otherwise they will not be retrieved by
+# the default I18n backend:
+#
+# true, false, on, off, yes, no
+#
+# Instead, surround them with single quotes.
+#
+# en:
+#   "true": "foo"
+#
+# To learn more, please read the Rails Internationalization guide
+# available at https://guides.rubyonrails.org/i18n.html.
+
+en:
+  hello: "Hello world"
diff --git a/config/puma.rb b/config/puma.rb
new file mode 100644
index 0000000..daaf036
--- /dev/null
+++ b/config/puma.rb
@@ -0,0 +1,43 @@
+# Puma can serve each request in a thread from an internal thread pool.
+# The `threads` method setting takes two numbers: a minimum and maximum.
+# Any libraries that use thread pools should be configured to match
+# the maximum value specified for Puma. Default is set to 5 threads for minimum
+# and maximum; this matches the default thread size of Active Record.
+#
+max_threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
+min_threads_count = ENV.fetch("RAILS_MIN_THREADS") { max_threads_count }
+threads min_threads_count, max_threads_count
+
+# Specifies the `worker_timeout` threshold that Puma will use to wait before
+# terminating a worker in development environments.
+#
+worker_timeout 3600 if ENV.fetch("RAILS_ENV", "development") == "development"
+
+# Specifies the `port` that Puma will listen on to receive requests; default is 3000.
+#
+port ENV.fetch("PORT") { 3000 }
+
+# Specifies the `environment` that Puma will run in.
+#
+environment ENV.fetch("RAILS_ENV") { "development" }
+
+# Specifies the `pidfile` that Puma will use.
+pidfile ENV.fetch("PIDFILE") { "tmp/pids/server.pid" }
+
+# Specifies the number of `workers` to boot in clustered mode.
+# Workers are forked web server processes. If using threads and workers together
+# the concurrency of the application would be max `threads` * `workers`.
+# Workers do not work on JRuby or Windows (both of which do not support
+# processes).
+#
+# workers ENV.fetch("WEB_CONCURRENCY") { 2 }
+
+# Use the `preload_app!` method when specifying a `workers` number.
+# This directive tells Puma to first boot the application and load code
+# before forking the application. This takes advantage of Copy On Write
+# process behavior so workers use less memory.
+#
+# preload_app!
+
+# Allow puma to be restarted by `bin/rails restart` command.
+plugin :tmp_restart
diff --git a/config/routes.rb b/config/routes.rb
new file mode 100644
index 0000000..23b3c79
--- /dev/null
+++ b/config/routes.rb
@@ -0,0 +1,18 @@
+Rails.application.routes.draw do
+  get "users/:id/edit" => "users#edit"
+  post "users/create" => "users#create"
+  get "signup" => "users#new"
+  get "users/index" => "users#index"
+  get "users/:id" => "users#show"
+
+  get "posts/index" => "posts#index"
+  get "posts/new" => "posts#new"
+  get "posts/:id" => "posts#show"
+  post "posts/create" => "posts#create"
+  get "posts/:id/edit" => "posts#edit"
+  post "posts/:id/update" => "posts#update"
+  post "posts/:id/destroy" => "posts#destroy"
+  
+  get "/" => "home#top"
+  get "about" => "home#about"
+end
diff --git a/config/storage.yml b/config/storage.yml
new file mode 100644
index 0000000..4942ab6
--- /dev/null
+++ b/config/storage.yml
@@ -0,0 +1,34 @@
+test:
+  service: Disk
+  root: <%= Rails.root.join("tmp/storage") %>
+
+local:
+  service: Disk
+  root: <%= Rails.root.join("storage") %>
+
+# Use bin/rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
+# amazon:
+#   service: S3
+#   access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
+#   secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
+#   region: us-east-1
+#   bucket: your_own_bucket-<%= Rails.env %>
+
+# Remember not to checkin your GCS keyfile to a repository
+# google:
+#   service: GCS
+#   project: your_project
+#   credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
+#   bucket: your_own_bucket-<%= Rails.env %>
+
+# Use bin/rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
+# microsoft:
+#   service: AzureStorage
+#   storage_account_name: your_account_name
+#   storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %>
+#   container: your_container_name-<%= Rails.env %>
+
+# mirror:
+#   service: Mirror
+#   primary: local
+#   mirrors: [ amazon, google, microsoft ]
diff --git a/db/migrate/20220622161423_create_posts.rb b/db/migrate/20220622161423_create_posts.rb
new file mode 100644
index 0000000..aaa6f69
--- /dev/null
+++ b/db/migrate/20220622161423_create_posts.rb
@@ -0,0 +1,9 @@
+class CreatePosts < ActiveRecord::Migration[7.0]
+  def change
+    create_table :posts do |t|
+      t.text :content
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20220715051147_create_users.rb b/db/migrate/20220715051147_create_users.rb
new file mode 100644
index 0000000..a5c65cb
--- /dev/null
+++ b/db/migrate/20220715051147_create_users.rb
@@ -0,0 +1,10 @@
+class CreateUsers < ActiveRecord::Migration[7.0]
+  def change
+    create_table :users do |t|
+      t.string :name
+      t.string :email
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
new file mode 100644
index 0000000..646e451
--- /dev/null
+++ b/db/schema.rb
@@ -0,0 +1,27 @@
+# This file is auto-generated from the current state of the database. Instead
+# of editing this file, please use the migrations feature of Active Record to
+# incrementally modify your database, and then regenerate this schema definition.
+#
+# This file is the source Rails uses to define your schema when running `bin/rails
+# db:schema:load`. When creating a new database, `bin/rails db:schema:load` tends to
+# be faster and is potentially less error prone than running all of your
+# migrations from scratch. Old migrations may fail to apply correctly if those
+# migrations use external dependencies or application code.
+#
+# It's strongly recommended that you check this file into your version control system.
+
+ActiveRecord::Schema[7.0].define(version: 2022_07_15_051147) do
+  create_table "posts", force: :cascade do |t|
+    t.text "content"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+  end
+
+  create_table "users", force: :cascade do |t|
+    t.string "name"
+    t.string "email"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+  end
+
+end
diff --git a/db/seeds.rb b/db/seeds.rb
new file mode 100644
index 0000000..bc25fce
--- /dev/null
+++ b/db/seeds.rb
@@ -0,0 +1,7 @@
+# This file should contain all the record creation needed to seed the database with its default values.
+# The data can then be loaded with the bin/rails db:seed command (or created alongside the database with db:setup).
+#
+# Examples:
+#
+#   movies = Movie.create([{ name: "Star Wars" }, { name: "Lord of the Rings" }])
+#   Character.create(name: "Luke", movie: movies.first)
diff --git a/lib/assets/.keep b/lib/assets/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/lib/assets/.keep
diff --git a/lib/tasks/.keep b/lib/tasks/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/lib/tasks/.keep
diff --git a/log/.keep b/log/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/log/.keep
diff --git a/public/404.html b/public/404.html
new file mode 100644
index 0000000..2be3af2
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The page you were looking for doesn't exist (404)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/404.html -->
+  <div class="dialog">
+    <div>
+      <h1>The page you were looking for doesn't exist.</h1>
+      <p>You may have mistyped the address or the page may have moved.</p>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>
diff --git a/public/422.html b/public/422.html
new file mode 100644
index 0000000..c08eac0
--- /dev/null
+++ b/public/422.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The change you wanted was rejected (422)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/422.html -->
+  <div class="dialog">
+    <div>
+      <h1>The change you wanted was rejected.</h1>
+      <p>Maybe you tried to change something you didn't have access to.</p>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>
diff --git a/public/500.html b/public/500.html
new file mode 100644
index 0000000..78a030a
--- /dev/null
+++ b/public/500.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>We're sorry, but something went wrong (500)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/500.html -->
+  <div class="dialog">
+    <div>
+      <h1>We're sorry, but something went wrong.</h1>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>
diff --git a/public/XSS-1.png b/public/XSS-1.png
new file mode 100644
index 0000000..f4288bf
--- /dev/null
+++ b/public/XSS-1.png
Binary files differ
diff --git a/public/achieve.png b/public/achieve.png
new file mode 100644
index 0000000..80055e5
--- /dev/null
+++ b/public/achieve.png
Binary files differ
diff --git a/public/apple-touch-icon-precomposed.png b/public/apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/public/apple-touch-icon-precomposed.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/public/apple-touch-icon.png
diff --git a/public/bg.png b/public/bg.png
new file mode 100644
index 0000000..fa6ec93
--- /dev/null
+++ b/public/bg.png
Binary files differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/public/favicon.ico
diff --git a/public/hart.png b/public/hart.png
new file mode 100644
index 0000000..f066bbd
--- /dev/null
+++ b/public/hart.png
Binary files differ
diff --git a/public/hataraku.png b/public/hataraku.png
new file mode 100644
index 0000000..d863f4d
--- /dev/null
+++ b/public/hataraku.png
Binary files differ
diff --git a/public/hataraku_logo.jpg b/public/hataraku_logo.jpg
new file mode 100644
index 0000000..69b13d3
--- /dev/null
+++ b/public/hataraku_logo.jpg
Binary files differ
diff --git a/public/human-icon.png b/public/human-icon.png
new file mode 100644
index 0000000..d94f579
--- /dev/null
+++ b/public/human-icon.png
Binary files differ
diff --git a/public/kouekilogo.png b/public/kouekilogo.png
new file mode 100644
index 0000000..8ad3697
--- /dev/null
+++ b/public/kouekilogo.png
Binary files differ
diff --git a/public/list-comment.png b/public/list-comment.png
new file mode 100644
index 0000000..cb837e0
--- /dev/null
+++ b/public/list-comment.png
Binary files differ
diff --git a/public/list-human.png b/public/list-human.png
new file mode 100644
index 0000000..28073d7
--- /dev/null
+++ b/public/list-human.png
Binary files differ
diff --git a/public/list-megahon.png b/public/list-megahon.png
new file mode 100644
index 0000000..c726130
--- /dev/null
+++ b/public/list-megahon.png
Binary files differ
diff --git a/public/list-pc.png b/public/list-pc.png
new file mode 100644
index 0000000..aee1eba
--- /dev/null
+++ b/public/list-pc.png
Binary files differ
diff --git a/public/mail-icon.png b/public/mail-icon.png
new file mode 100644
index 0000000..eef10a4
--- /dev/null
+++ b/public/mail-icon.png
Binary files differ
diff --git a/public/maruno1.JPG b/public/maruno1.JPG
new file mode 100755
index 0000000..fe0e8d4
--- /dev/null
+++ b/public/maruno1.JPG
Binary files differ
diff --git a/public/maruno3.JPG b/public/maruno3.JPG
new file mode 100755
index 0000000..343b5aa
--- /dev/null
+++ b/public/maruno3.JPG
Binary files differ
diff --git a/public/megane.png b/public/megane.png
new file mode 100644
index 0000000..4f11300
--- /dev/null
+++ b/public/megane.png
Binary files differ
diff --git a/public/pc.png b/public/pc.png
new file mode 100644
index 0000000..e2670e1
--- /dev/null
+++ b/public/pc.png
Binary files differ
diff --git a/public/pink2.jpg b/public/pink2.jpg
new file mode 100644
index 0000000..df2ba61
--- /dev/null
+++ b/public/pink2.jpg
Binary files differ
diff --git a/public/ring-icon.png b/public/ring-icon.png
new file mode 100644
index 0000000..3360e8c
--- /dev/null
+++ b/public/ring-icon.png
Binary files differ
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..c19f78a
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1 @@
+# See https://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
diff --git a/public/squid.png b/public/squid.png
new file mode 100644
index 0000000..736ff6c
--- /dev/null
+++ b/public/squid.png
Binary files differ
diff --git a/public/sticky-note-blue.png b/public/sticky-note-blue.png
new file mode 100644
index 0000000..93af00e
--- /dev/null
+++ b/public/sticky-note-blue.png
Binary files differ
diff --git a/public/sticky-note-yellow.png b/public/sticky-note-yellow.png
new file mode 100644
index 0000000..86b8be0
--- /dev/null
+++ b/public/sticky-note-yellow.png
Binary files differ
diff --git a/public/syoukou1.JPG b/public/syoukou1.JPG
new file mode 100755
index 0000000..4672259
--- /dev/null
+++ b/public/syoukou1.JPG
Binary files differ
diff --git a/public/tatenokawa4.JPG b/public/tatenokawa4.JPG
new file mode 100755
index 0000000..80e3b70
--- /dev/null
+++ b/public/tatenokawa4.JPG
Binary files differ
diff --git a/public/tatenokawa7.jpg b/public/tatenokawa7.jpg
new file mode 100644
index 0000000..a17ea09
--- /dev/null
+++ b/public/tatenokawa7.jpg
Binary files differ
diff --git a/public/tour_fureai1.JPG b/public/tour_fureai1.JPG
new file mode 100755
index 0000000..d5f4633
--- /dev/null
+++ b/public/tour_fureai1.JPG
Binary files differ
diff --git a/storage/.keep b/storage/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/storage/.keep
diff --git a/test/application_system_test_case.rb b/test/application_system_test_case.rb
new file mode 100644
index 0000000..d19212a
--- /dev/null
+++ b/test/application_system_test_case.rb
@@ -0,0 +1,5 @@
+require "test_helper"
+
+class ApplicationSystemTestCase < ActionDispatch::SystemTestCase
+  driven_by :selenium, using: :chrome, screen_size: [1400, 1400]
+end
diff --git a/test/channels/application_cable/connection_test.rb b/test/channels/application_cable/connection_test.rb
new file mode 100644
index 0000000..800405f
--- /dev/null
+++ b/test/channels/application_cable/connection_test.rb
@@ -0,0 +1,11 @@
+require "test_helper"
+
+class ApplicationCable::ConnectionTest < ActionCable::Connection::TestCase
+  # test "connects with cookies" do
+  #   cookies.signed[:user_id] = 42
+  #
+  #   connect
+  #
+  #   assert_equal connection.user_id, "42"
+  # end
+end
diff --git a/test/controllers/.keep b/test/controllers/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/test/controllers/.keep
diff --git a/test/controllers/home_controller_test.rb b/test/controllers/home_controller_test.rb
new file mode 100644
index 0000000..09737ee
--- /dev/null
+++ b/test/controllers/home_controller_test.rb
@@ -0,0 +1,8 @@
+require "test_helper"
+
+class HomeControllerTest < ActionDispatch::IntegrationTest
+  test "should get top" do
+    get home_top_url
+    assert_response :success
+  end
+end
diff --git a/test/controllers/posts_controller_test.rb b/test/controllers/posts_controller_test.rb
new file mode 100644
index 0000000..bda2bcf
--- /dev/null
+++ b/test/controllers/posts_controller_test.rb
@@ -0,0 +1,8 @@
+require "test_helper"
+
+class PostsControllerTest < ActionDispatch::IntegrationTest
+  test "should get index" do
+    get posts_index_url
+    assert_response :success
+  end
+end
diff --git a/test/controllers/users_controller_test.rb b/test/controllers/users_controller_test.rb
new file mode 100644
index 0000000..4938283
--- /dev/null
+++ b/test/controllers/users_controller_test.rb
@@ -0,0 +1,8 @@
+require "test_helper"
+
+class UsersControllerTest < ActionDispatch::IntegrationTest
+  test "should get index" do
+    get users_index_url
+    assert_response :success
+  end
+end
diff --git a/test/fixtures/files/.keep b/test/fixtures/files/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/test/fixtures/files/.keep
diff --git a/test/fixtures/posts.yml b/test/fixtures/posts.yml
new file mode 100644
index 0000000..37793a4
--- /dev/null
+++ b/test/fixtures/posts.yml
@@ -0,0 +1,7 @@
+# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  content: MyText
+
+two:
+  content: MyText
diff --git a/test/fixtures/users.yml b/test/fixtures/users.yml
new file mode 100644
index 0000000..11c0b4d
--- /dev/null
+++ b/test/fixtures/users.yml
@@ -0,0 +1,9 @@
+# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  name: MyString
+  email: MyString
+
+two:
+  name: MyString
+  email: MyString
diff --git a/test/helpers/.keep b/test/helpers/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/test/helpers/.keep
diff --git a/test/integration/.keep b/test/integration/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/test/integration/.keep
diff --git a/test/mailers/.keep b/test/mailers/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/test/mailers/.keep
diff --git a/test/models/.keep b/test/models/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/test/models/.keep
diff --git a/test/models/post_test.rb b/test/models/post_test.rb
new file mode 100644
index 0000000..ff155c4
--- /dev/null
+++ b/test/models/post_test.rb
@@ -0,0 +1,7 @@
+require "test_helper"
+
+class PostTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/models/user_test.rb b/test/models/user_test.rb
new file mode 100644
index 0000000..5c07f49
--- /dev/null
+++ b/test/models/user_test.rb
@@ -0,0 +1,7 @@
+require "test_helper"
+
+class UserTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
diff --git a/test/system/.keep b/test/system/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/test/system/.keep
diff --git a/test/test_helper.rb b/test/test_helper.rb
new file mode 100644
index 0000000..d713e37
--- /dev/null
+++ b/test/test_helper.rb
@@ -0,0 +1,13 @@
+ENV["RAILS_ENV"] ||= "test"
+require_relative "../config/environment"
+require "rails/test_help"
+
+class ActiveSupport::TestCase
+  # Run tests in parallel with specified workers
+  parallelize(workers: :number_of_processors)
+
+  # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order.
+  fixtures :all
+
+  # Add more helper methods to be used by all tests here...
+end
diff --git a/tmp/.keep b/tmp/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/tmp/.keep
diff --git a/tmp/pids/.keep b/tmp/pids/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/tmp/pids/.keep
diff --git a/tmp/storage/.keep b/tmp/storage/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/tmp/storage/.keep
diff --git a/vendor/.keep b/vendor/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/vendor/.keep
diff --git a/vendor/javascript/.keep b/vendor/javascript/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/vendor/javascript/.keep