├── .devcontainer
├── devcontainer.json
└── icon.svg
├── .gitattributes
├── .gitignore
├── .irbrc
├── .solargraph.yml
├── .vscode
└── settings.json
├── Gemfile
├── Gemfile.lock
├── LICENSE
├── README.md
├── Rakefile
├── app
├── assets
│ ├── config
│ │ └── manifest.js
│ ├── images
│ │ └── .keep
│ └── stylesheets
│ │ ├── application.css
│ │ └── hello.css
├── channels
│ └── application_cable
│ │ ├── channel.rb
│ │ └── connection.rb
├── controllers
│ ├── application_controller.rb
│ ├── concerns
│ │ └── .keep
│ └── hello_controller.rb
├── helpers
│ ├── application_helper.rb
│ └── hello_codespaces_helper.rb
├── javascript
│ ├── application.js
│ └── controllers
│ │ ├── application.js
│ │ ├── hello_controller.js
│ │ └── index.js
├── jobs
│ └── application_job.rb
├── mailers
│ └── application_mailer.rb
├── models
│ ├── application_record.rb
│ └── concerns
│ │ └── .keep
└── views
│ ├── hello
│ └── index.html.erb
│ └── layouts
│ ├── application.html.erb
│ ├── mailer.html.erb
│ └── mailer.text.erb
├── bin
├── bundle
├── importmap
├── rails
├── rake
└── setup
├── config.ru
├── config
├── application.rb
├── boot.rb
├── cable.yml
├── credentials.yml.enc
├── database.yml
├── environment.rb
├── environments
│ ├── development.rb
│ ├── production.rb
│ └── test.rb
├── importmap.rb
├── initializers
│ ├── assets.rb
│ ├── content_security_policy.rb
│ ├── filter_parameter_logging.rb
│ ├── inflections.rb
│ └── permissions_policy.rb
├── locales
│ └── en.yml
├── puma.rb
├── routes.rb
└── storage.yml
├── db
└── seeds.rb
├── lib
├── assets
│ └── .keep
└── tasks
│ └── .keep
├── log
└── .keep
├── public
├── 404.html
├── 422.html
├── 500.html
├── apple-touch-icon-precomposed.png
├── apple-touch-icon.png
├── favicon.ico
├── railstutorial.png
└── robots.txt
├── storage
└── .keep
├── test
├── application_system_test_case.rb
├── channels
│ └── application_cable
│ │ └── connection_test.rb
├── controllers
│ ├── .keep
│ └── hello_codespaces_controller_test.rb
├── fixtures
│ └── files
│ │ └── .keep
├── helpers
│ └── .keep
├── integration
│ └── .keep
├── mailers
│ └── .keep
├── models
│ └── .keep
├── system
│ └── .keep
└── test_helper.rb
├── tmp
├── .keep
├── pids
│ └── .keep
└── storage
│ └── .keep
└── vendor
├── .keep
└── javascript
└── .keep
/.devcontainer/devcontainer.json:
--------------------------------------------------------------------------------
1 | // Specifications: https://containers.dev/implementors/json_reference/
2 | // Format details: https://aka.ms/devcontainer.json
3 | // Config options: https://github.com/microsoft/vscode-dev-containers/tree/main/containers/ruby
4 | {
5 | "name": "railstutorial",
6 |
7 | // Universal is well-customized image for Codespaces:
8 | // https://hub.docker.com/_/microsoft-devcontainers-universal
9 | //"image": "mcr.microsoft.com/devcontainers/universal:2",
10 | //"features": {
11 | // "ghcr.io/devcontainers/features/ruby:1": {}
12 | //},
13 |
14 | // Use Ruby image if you want to pin Ruby version like '3.2'
15 | // https://github.com/devcontainers/images/tree/main/src/ruby
16 | "image": "mcr.microsoft.com/devcontainers/ruby:3.2",
17 | //"workspaceFolder": "/railstutorial", => Container build failed
18 |
19 | // Enable learners to choose an affordable spec, starting at minimum one.
20 | //"hostRequirements": {
21 | // "cpus": 2,
22 | // "memory": "4gb",
23 | // "storage": "32gb"
24 | //},
25 |
26 | "waitFor": "onCreateCommand",
27 | //"onCreateCommand": "",
28 | "onCreateCommand": "gem install solargraph -v '0.53.4' -N",
29 | //"onCreateCommand": "gem install solargraph -v '0.50.0' -N && gem install ruby-lsp -N",
30 | //"onCreateCommand": "gem install ruby-lsp -N",
31 | //# => Solargraph gem not found. Run `gem install solargraph` or update your Gemfile.
32 | "updateContentCommand": "bundle install",
33 | "postCreateCommand": "",
34 | "postAttachCommand": {
35 | "server": "rails server"
36 | },
37 | "customizations": {
38 | "codespaces": {
39 | "openFiles": [
40 | "app/views/hello/index.html.erb"
41 | ]
42 | },
43 | "vscode": {
44 | "extensions": [
45 | "GitHub.codespaces",
46 | "Shopify.ruby-lsp", // https://github.com/Shopify/ruby-lsp
47 | "castwide.solargraph" // https://github.com/castwide/vscode-solargraph
48 | //"rebornix.Ruby", // https://github.com/rubyide/vscode-ruby (Deprecated)
49 |
50 | ],
51 | "settings": {
52 | // General settings for Codespaces (VS Code)
53 | //"ruby.useLanguageServer": true ,
54 | //"ruby.format": "rubocop",
55 | //"ruby.lint": { "rubocop": true },
56 | //"ruby.intellisense": "rubyLocate",
57 | "editor.tabSize": 2,
58 | "editor.formatOnSave": false, // Disable onSave to show diff edited by learners only
59 | "editor.formatOnType": false, // Disable onType for the same reason above
60 | "editor.insertSpaces": true, // Use spaces, not tabs, to avoid errors for learners
61 | "editor.renderWhitespace": "none",
62 | "[ruby]": {
63 | "editor.defaultFormatter": "castwide.solargraph",
64 | "editor.semanticHighlighting.enabled": true // Enable semantic highlighting
65 | },
66 | "files.associations": { "*.erb": "erb" },
67 | "emmet.includeLanguages": { "erb": "html" },
68 |
69 | // Settings for Solargraph
70 | // https://github.com/castwide/solargraph
71 | "solargraph.useBundler": false,
72 | "solargraph.diagnostics": false,
73 | "solargraph.formatting": true, // Use Ctrl+Shift+P->Format to format
74 | "solargraph.autoformat": false,
75 | "solargraph.definitions": true,
76 | "solargraph.completion": true,
77 | "solargraph.references": true,
78 | "solargraph.symbols": true,
79 | "solargraph.rename": true,
80 | "solargraph.hover": true,
81 |
82 | // Settings for Ruby LSP
83 | // https://github.com/Shopify/ruby-lsp
84 | "rubyLsp.rubyVersionManager": {
85 | "identifier": "none"
86 | },
87 | "rubyLsp.formatter": "none",
88 | "rubyLsp.enabledFeatures": {
89 | "diagnostics": false,
90 | "formatting": false
91 | }
92 | }
93 | }
94 | },
95 | "remoteEnv": {
96 | "EDITOR": "code --wait"
97 | },
98 | "portsAttributes": {
99 | "3000": {
100 | "label": "Application",
101 | "onAutoForward": "openPreview"
102 | }
103 | },
104 | "forwardPorts": [3000]
105 | }
106 |
--------------------------------------------------------------------------------
/.devcontainer/icon.svg:
--------------------------------------------------------------------------------
1 |
77 | ブラウザ別のエラー解決方法を見る（2023年3月時点） Google Chrome - Webビューの読み込みエラー
79 | Error: Could not register service workers: NotSupportedError ... などが表示され、「シンプルブラウザーは開いたけど何も表示されない」という場合があります。これは必要な Cookie が許可されていない場合に起こります。以下の例を参考に、サードパーティの Cookie を許可すると解決する場合が多いです。
81 | Cookie を許可しても解決しない場合は、シンプルブラウザーの右端にある「ブラウザーで開く」アイコンをクリックしてください。ブラウザの別タブで画面が表示され、こちらの画面でも現在の状態をご確認いただけます。
83 | Firefox - Webビューの読み込みエラー
87 | 上記の Chrome と同様に、シンプルブラウザーの画面が表示されない事があります。アドレスバーにある強化型トラッキング防止機能のアイコンをクリックし、「オフ」にすることでプレビューが表示されるようになります。
88 | 上記の機能をオフにしても解決しない場合は、シンプルブラウザーではなく「新規ウィンドウでサイトを開く」をクリックしてください。ブラウザの別タブで画面が表示され、こちらの画面でも現在の状態をご確認いただけます。
90 | Safari - 入力の遅延・アイコンの一部非表示
95 | Safari では問題なくことが多いです。ただし、文字入力をしてから、Codespaces 上の画面に表示されるまでが遅い場合があります。また一部のアイコンが表示されない現象も確認できています。開発する上で問題になるわけではないですが、もし気になる場合は Google Chrome など他のブラウザをお試しください。
96 |
98 |
99 |
108 | ソースコードのライセンスは LICENSE をご確認ください。
111 |
--------------------------------------------------------------------------------
/Rakefile:
--------------------------------------------------------------------------------
1 | # Add your own tasks in files placed in lib/tasks ending in .rake,
2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
3 |
4 | require_relative "config/application"
5 |
6 | Rails.application.load_tasks
7 |
--------------------------------------------------------------------------------
/app/assets/config/manifest.js:
--------------------------------------------------------------------------------
1 | //= link_tree ../images
2 | //= link_directory ../stylesheets .css
3 | //= link_tree ../../javascript .js
4 | //= link_tree ../../../vendor/javascript .js
5 |
--------------------------------------------------------------------------------
/app/assets/images/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yasslab/codespaces-railstutorial/52505b6a88c624269eae9556886343bc59a18227/app/assets/images/.keep
--------------------------------------------------------------------------------
/app/assets/stylesheets/application.css:
--------------------------------------------------------------------------------
1 | /*
2 | * This is a manifest file that'll be compiled into application.css, which will include all the files
3 | * listed below.
4 | *
5 | * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
6 | * vendor/assets/stylesheets directory can be referenced here using a relative path.
7 | *
8 | * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9 | * compiled file so the styles you add here take precedence over styles defined in any other CSS
10 | * files in this directory. Styles in this file should be added after the last require_* statement.
11 | * It is generally better to create a new file per style scope.
12 | *
13 | *= require_tree .
14 | *= require_self
15 | */
16 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/hello.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
4 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | .codespaces {
11 | text-align: center;
12 | }
13 | .codespaces code {
14 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
15 | monospace;
16 | }
17 | .codespaces-logo {
18 | height: 40vmin;
19 | pointer-events: none;
20 | }
21 | .codespaces-header {
22 | background-color: #282c34;
23 | min-height: 100vh;
24 | display: flex;
25 | flex-direction: column;
26 | align-items: center;
27 | justify-content: center;
28 | font-size: calc(10px + 2vmin);
29 | color: white;
30 | }
31 | .codespaces-link {
32 | color: #61dafb;
33 | }
34 |
35 | .heart {
36 | color: #ff0000;
37 | }
38 | .small {
39 | font-size: 0.75rem;
40 | }
41 |
--------------------------------------------------------------------------------
/app/channels/application_cable/channel.rb:
--------------------------------------------------------------------------------
1 | module ApplicationCable
2 | class Channel < ActionCable::Channel::Base
3 | end
4 | end
5 |
--------------------------------------------------------------------------------
/app/channels/application_cable/connection.rb:
--------------------------------------------------------------------------------
1 | module ApplicationCable
2 | class Connection < ActionCable::Connection::Base
3 | end
4 | end
5 |
--------------------------------------------------------------------------------
/app/controllers/application_controller.rb:
--------------------------------------------------------------------------------
1 | class ApplicationController < ActionController::Base
2 | end
3 |
--------------------------------------------------------------------------------
/app/controllers/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yasslab/codespaces-railstutorial/52505b6a88c624269eae9556886343bc59a18227/app/controllers/concerns/.keep
--------------------------------------------------------------------------------
/app/controllers/hello_controller.rb:
--------------------------------------------------------------------------------
1 | class HelloController < ApplicationController
2 | def index
3 | end
4 | end
5 |
--------------------------------------------------------------------------------
/app/helpers/application_helper.rb:
--------------------------------------------------------------------------------
1 | module ApplicationHelper
2 | end
3 |
--------------------------------------------------------------------------------
/app/helpers/hello_codespaces_helper.rb:
--------------------------------------------------------------------------------
1 | module HelloCodespacesHelper
2 | end
3 |
--------------------------------------------------------------------------------
/app/javascript/application.js:
--------------------------------------------------------------------------------
1 | // Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
2 | import "@hotwired/turbo-rails"
3 | import "controllers"
4 |
--------------------------------------------------------------------------------
/app/javascript/controllers/application.js:
--------------------------------------------------------------------------------
1 | import { Application } from "@hotwired/stimulus"
2 |
3 | const application = Application.start()
4 |
5 | // Configure Stimulus development experience
6 | application.debug = false
7 | window.Stimulus = application
8 |
9 | export { application }
10 |
--------------------------------------------------------------------------------
/app/javascript/controllers/hello_controller.js:
--------------------------------------------------------------------------------
1 | import { Controller } from "@hotwired/stimulus"
2 |
3 | export default class extends Controller {
4 | connect() {
5 | this.element.textContent = "Hello World!"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/app/javascript/controllers/index.js:
--------------------------------------------------------------------------------
1 | // Import and register all your controllers from the importmap under controllers/*
2 |
3 | import { application } from "controllers/application"
4 |
5 | // Eager load all controllers defined in the import map under controllers/**/*_controller
6 | import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
7 | eagerLoadControllersFrom("controllers", application)
8 |
9 | // Lazy load controllers as they appear in the DOM (remember not to preload controllers in import map!)
10 | // import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"
11 | // lazyLoadControllersFrom("controllers", application)
12 |
--------------------------------------------------------------------------------
/app/jobs/application_job.rb:
--------------------------------------------------------------------------------
1 | class ApplicationJob < ActiveJob::Base
2 | # Automatically retry jobs that encountered a deadlock
3 | # retry_on ActiveRecord::Deadlocked
4 |
5 | # Most jobs are safe to ignore if the underlying records are no longer available
6 | # discard_on ActiveJob::DeserializationError
7 | end
8 |
--------------------------------------------------------------------------------
/app/mailers/application_mailer.rb:
--------------------------------------------------------------------------------
1 | class ApplicationMailer < ActionMailer::Base
2 | default from: "from@example.com"
3 | layout "mailer"
4 | end
5 |
--------------------------------------------------------------------------------
/app/models/application_record.rb:
--------------------------------------------------------------------------------
1 | class ApplicationRecord < ActiveRecord::Base
2 | primary_abstract_class
3 | end
4 |
--------------------------------------------------------------------------------
/app/models/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yasslab/codespaces-railstutorial/52505b6a88c624269eae9556886343bc59a18227/app/models/concerns/.keep
--------------------------------------------------------------------------------
/app/views/hello/index.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
16 |
17 |
--------------------------------------------------------------------------------
/app/views/layouts/application.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Sample App
5 | The page you were looking for doesn't exist (404)
5 |
60 |
61 |
The page you were looking for doesn't exist.
62 |
You may have mistyped the address or the page may have moved.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
The change you wanted was rejected (422)
5 |
60 |
61 |
The change you wanted was rejected.
62 |
Maybe you tried to change something you didn't have access to.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
We're sorry, but something went wrong (500)
5 |
60 |
61 |
We're sorry, but something went wrong.
62 |
63 |
If you are the application owner check the logs for more information.
64 |
)
80 | 
82 | 
84 | 
89 | 
91 | 
92 | 
97 | 
6 |