Rails6プロジェクトの各種初期設定

cd ~/
mkdir myapp
cd myapp

rails new . --skip-turbolinks --skip-action-mailer --skip-action-mailbox --skip-active-storage --skip-test -d mysql 

rails new --help

development:
  <<: *default
  database: myapp_development
  username: myapp_development
  password: 1234567890  

mysql_config --socket

// MySQL(MariaDB)にログインする
mysql -u root -p
// ユーザーの作成
CREATE USER 'ユーザー名' IDENTIFIED BY 'パスワード'; 
// データベースの作成 ※注意。下記参照。
CREATE DATABASE myapp_development; 
// ユーザーにデータベース(myapp_development)の権限を付与する
GRANT ALL PRIVILEGES ON myapp_development.* TO 'ユーザー名';

// --- 関連するコマンド
// データベースの一覧
SHOW DATABASES;
// テーブルの一覧
SHOW TABLES;
// ユーザーの一覧を表示する
SELECT host, user, password FROM mysql.user;
// ユーザーの削除
DROP USER ユーザー名;
// データベースの権限を取り消す
REVOKE ALL ON データベース名.* FROM ユーザー名
// データベースの削除
DROP DATABASE データベース名; 

// データベース(UTF8)の作成
CREATE DATABASE myapp_development CHARACTER SET utf8;

// モデルの作成(モデル/マイグレーションファイルの生成)
bin/rails g model Cat name:string description:text sort:integer
 
// マイグレーションの実行(テーブルの生成)
bin/rails db:migrate
※catsテーブルが生成される
 
// コントローラー/ビューの作成(ファイルの生成)
bin/rails g controller cats index show new edit
 
// Pumaサーバの起動
bin/rails s
※ブラウザでhttp://localhost:3000/cats/indexにアクセスする
※ルーター(URL)の設定はconfig/routes.rbで設定する

// マイグレーションファイルの生成
bin/rails g migration 任意の名称
// マイグレーションの実行(最新まで適用)
bin/rails db:migrate
※各テーブルの最終的な構成はdb/schema.rbで確認可能。

// Gemfileに以下を追加してbundleする
gem 'slim-rails'
gem 'html2slim'
  
// erbからslimへ変換
bundle exec erb2slim app/views/layouts/
bundle exec erb2slim app/views/cats/
※*.erbファイルが残りますので手動で削除します。

// Gemfileに以下を追加してbundleする
gem 'bootstrap', '4.6.1'

// 手動で削除
app/assets/stylesheets/application.css
// 手動で作成
app/assets/stylesheets/application.scss

application.scssに次のコードをコピペする
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS 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/SCSS
 * 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
 */
 
@import "bootstrap"

yarn add jquery popper.js bootstrap 

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS 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/SCSS
 * 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
 */
 

// 次はどちらでも良い
//@import "bootstrap/scss/bootstrap";
@import  '../../../node_modules/bootstrap/scss/bootstrap.scss';

// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.

require("@rails/ujs").start()
require("channels")

// 以下はどれでもでも良い
// require("bootstrap")
// require("bootstrap/dist/js/bootstrap")
import 'bootstrap';

// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)

const { environment } = require('@rails/webpacker')

/*
  const webpack = require('webpack')
  environment.plugins.prepend('Provide',
    new webpack.ProvidePlugin({
      $: 'jquery/src/jquery',
      jQuery: 'jquery/src/jquery',
      Popper: ['popper.js', 'default']
    })
  )
*/

// エイリアスの設定をする
environment.toWebpackConfig().merge({
  resolve: {
      alias: {
               'jquery': 'jquery/src/jquery'
             }
           }
});

module.exports = environment

<script>
  $(window).on('load', function() {
    $('body').addClass('bg-dark');
  });
</script>

<br>
<button type="button" class="btn btn-primary" onclick="$('.toast').toast('show')">トーストを表示する</button>
<div class="toast" data-delay="3000" role="alert" aria-live="assertive" aria-atomic="true">
  <div class="toast-header">
    <img src="https://www.petitmonte.com/images/manabu.gif" class="mr-2" alt="">
    <strong class="mr-auto">タイトル</strong>
    <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="toast-body">
    メッセージをココに記述する。
  </div>
</div>

// 次のja.ymlファイルをconfig/locales/ja.ymlに設置する
https://github.com/svenfuchs/rails-i18n/blob/master/rails/locale/ja.yml

// config/application.rbに次のコードを追記する
class Application < Rails::Application
  ・・・省略 ・・・
  
  config.time_zone = 'Asia/Tokyo'
  config.i18n.default_locale = :ja 

  # 自分のホスト名を入力してください。
  config.hosts << "www.petitmonte.com"  
end

// config/environments/development.rbに次の行を追記します。
Slim::Engine.options[:pretty] = true

// Gemfileに以下を追加してbundleする
gem 'ransack'

// Gemfileに以下を追加してbundleする
gem 'kaminari'

// デザインをBootstrap4にする
bin/rails g kaminari:views bootstrap4

ja:
  views:
    pagination:
      first: "« 最初"
      last: "最後 »"
      previous: "‹ 前"
      next: "次 ›"
      truncate: "…"
  helpers:
    page_entries_info:
      one_page:
        display_entries:
          zero: "%{entry_name}がありません。"
          one: "1件の%{entry_name}が表示されています。"
          other: "%{count}件の%{entry_name}が表示されています。"
      more_pages:
        display_entries: "全%{total}件中 %{first} - %{last}件の%{entry_name}が表示されています。"

// コントローラー
@q = User.all.order(updated_at: "DESC").ransack(params[:q])   
@cats = @q.result(distinct: true).page(params[:page]).per(25) 

// ビュー
.mb-3
  = paginate @cats
  = page_entries_info @cats
  
- @cats.each_with_index do |cat, i|
  p = cat.name

bin/rails s -e production

[config/environments/production.rb] 
config.force_ssl = true

[config/environments/production.rb]
config.log_level = :warn

[environments/development.rb]
config.assets.css_compressor = :sass

bin/rails assets:precompile

[config/environments/production.rb]
config.action_controller.asset_host = 'http://www.example.com'
config.public_file_server.enabled = true

bin/rails tmp:clear  

// config/environments/development.rb
// config/environments/production.rb
config.require_master_key = true  

// config/environments/production.rb
config.log_level = :warn
   
// データベースのパスワード漏洩に注意
config/database.yml

// コマンド
bin/rails tmp:clear

// ソース内
logger.debugの削除

// ゴミを削除
/db/schema.rbの削除
/config/master.keyの削除
/config/credentials.yml.encの削除
public/packs、public/assetsの削除
Gemfile.lockの削除
node_modules、yarn.lockの削除
README.mdの削除
log/development.log/production.logを空にする

rake routes

resources :clients 

get     '/clients',          to: 'clients#index',   as: 'clients'
post    '/clients',          to: 'clients#create'
get     '/clients/new',      to: 'clients#new',     as: 'new_client'
get     '/clients/:id/edit', to: 'clients#edit',    as: 'edit_client'  
get     '/clients/:id',      to: 'clients#show',    as: 'client'
patch   '/clients/:id',      to: 'clients#update'
put     '/clients/:id',      to: 'clients#update'  
delete  '/clients/:id',      to: 'clients#destroy'

bin/rails g scaffold モデル名 name:string description:text sort:integer

logger.debug("文字列の出力")
logger.debug(変数)
logger.debug(オブジェクト)

// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.

require("@rails/ujs").start()
require("channels")

// 追加分
require("flash")

module MyApp
  class Application < Rails::Application

    ・・・ 
  
    config.hosts << "www.petitmonte.com"
    ・・・ 
    
  
  end
end

ピックアップ

Stable Diffusionのインストール方法(AUTOMATIC1111)【初心者/AIイラスト/画像生成AI/Windows/誰でもAI絵師になれる】

最新の記事

 Windows  2025年01月19日
Windows11で「ブルースクリーン」を直す方法 [24H2/23H2]
 音楽・DTM・作曲  2024年05月08日
KOMPLETE(総合音源)の評価、活用、安く買う方法 [STANDARD/ULTIMATE 14/15/16 半額セール]
 Windows  2023年11月11日
デュプリケーターでSSD/SSD換装(OS丸ごとクローン)[LGB-2BDPU3ES/LHR-2BDPU3ES]
 Python・人工知能・Django  2023年08月05日
複数の範囲にオブジェクトを指定する【Stable Diffusion Web UI】
 Python・人工知能・Django  2023年08月03日
高画質の美少女、動物、風景を作成する【Stable Diffusion Web UI】

人気の記事 (毎週月曜日～)

1位	Active StorageのダウンロードURLを変更する[/rails/active_storage/blobs]
2位	Ruby on Rails 6.xから7.0.xへアップグレード [エラー解決/移行ガイド]
3位	Active Storageを使用して添付ファイル(アップロード)を簡単に管理する
4位	Apache + PassengerでRailsとPHPを共存する [WSL/Ubuntu環境]
5位	Apache/MariaDB/PHPとphpMyAdminのインストール [WSL/Ubuntu環境]
6位	Nginx/Unicorn/Ruby on Railsの本番環境構築/デプロイ [CentOS]
7位	ReactをIE9/10/11に対応させる [Rails6]
8位	Rails6のプロジェクト作成時の「RAILS_ENV=development environment is not defined in config/webpacker.yml, falling back to production environment」のエラー対策
9位	Puma/Unicornのメモリ大量消費を回避する [Ruby + jemalloc]
10位	Pumaがメモリを大食いするのを防ぐ [puma_worker_killer]
11位	Nginx + Pumaで複数のRailsプロジェクトを実行する [CentOS]
12位	レンタルサーバーでRuby on Railsを動かす？ [デプロイ]
13位	Vuexの使い方 [Rails]
14位	Vue Routerの使い方 [Rails]
15位	RailsでVue.jsの開発を行う [単一ファイルコンポーネント/Hello Wolrd]
16位	Rails + JQuery + AjaxでCRUDのサンプルプロジェクト [Hello World]
17位	Rails + Vue.js + AjaxでCRUDのサンプルプロジェクト [Hello World]
18位	Vue.jsをIE11に対応させる [Rails6]
19位	Uncaught TypeError: $(...).toast is not a function [Rails/bootstrap]
20位	Rails + React + AjaxでCRUDのサンプルプロジェクト [Hello World]

Webアプリ

このブログのマスターが作成した無料ツールです。

 Free  疾風 - ときかぜ - (オープンソース)
ブラウザで写真などの画像を編集する

 Free  PDFデザイナー (オープンソース)
ブラウザでPDFファイルを編集(結合、分割、抽出、回転、しおり等)する

 Free  複数画像のPDF変換
ブラウザで複数の画像を1つのPDFファイルにまとめる

 Free  PDFのテキスト変換
ブラウザでPDFファイルをテキストに変換する

 Free  PDFの画像変換
ブラウザでPDFファイルを画像に変換する

 Free  Exifの確認と削除 (オープンソース)
カメラで撮影した画像ファイル(JPEG)に潜むGPSなどのExif情報を確認、削除する (ブラウザ/スマホ対応)

 Free  エクセルのCSV変換
ブラウザでエクセルをCSVに変換する(一括変換も可能)

 Free  GIFアニメの作成 (オープンソース)
ブラウザで画像からGIFアニメを作成する

 Free  動画のGIFアニメ変換
ブラウザで動画ファイルをGIFアニメへ変換する

 Free  アイコンエディタ
ブラウザでアイコンを作成、読み込み、編集する

 Free  複数画像のAVI変換 (オープンソース)
ブラウザで画像/音声を動画ファイル(AVI)に変換する

 Free  Webカメラ動画変換
ブラウザで映像/音声を動画ファイル(AVI)に変換する

 Free  音声形式の変換 (オープンソース)
ブラウザでMP3/OGG/AAC/FLAC/WAVなどの音声ファイルをWaveファイルに変換する

 Free  Waveファイルで効果音作成 ♪
ブラウザでWaveファイルの効果音を作成する

 Free  Waveフォーマット変換 (オープンソース)
ブラウザで8/16/24/32bitの相互変換。サンプリング周波数、チャンネルを変更する

 Free  音声の結合 / 抽出 / 削除 (オープンソース)
ブラウザでWaveファイルを結合、抽出、削除する

 Free  Waveファイルの解析 (オープンソース)
ブラウザで全体の波形、再生時間、ビットレート、WaveFomat構造体を解析して表示する

 Free  波形データと周波数スペクトル
ブラウザでマイクやパソコン内で流れている音声、MP3/OGG/WAVなどのファイルの周波数を解析する

 Free  双2次フィルタ(BiquadFilter)
ブラウザで音声の特定周波数をカット/増幅/減衰する

 Free  絶対音感
ブラウザでマイクやパソコン内で流れている音声のドレミなどの音階をリアルタイムに表示する (スマホ対応)

 Free  音声録音くん
ブラウザでマイクやパソコン内で流れている音声をMP3/WAVE形式で保存する

 Free  iResEditor (オープンソース)
ブラウザでEXE/DLLファイルのリソースを編集する

 Free  Webの逆アセンブラ
ブラウザでEXE/DLLファイルを逆アセンブルする

※その他にも「プチラボ」でアプリを多数公開しています。

3Dゲーム

このブログのマスターが作成した無料ゲームです。

短時間で遊べるファンタジーのオンラインRPG風

ほのぼの癒し系のスマホアプリ

パズルゲーム

ナンプレのドン！

スマートフォン

このブログのマスターが作成したアプリです。

お主の画像減色 カメラの写真や画像ファイルを「高品質に減色」する

お主は誰だ。 AI(人工知能)が「あなたの顔はどんな芸能人、有名人に似てるか」を判定する顔診断アプリ (女性向け)

AI(人工知能)

おもちゃのAI研究室 イラストの自動着色などのAIアプリの研究室(学習用)

めえめえ(自動作曲システム) ブラウザで歌詞を入力するだけで自動作曲する(簡易版) ※オリジナルの作詞・作曲はYouTubeで公開中

ロボット

このブログのマスターが作成したロボットです。(試作機)

ロボットアーム

二足歩行ロボット

四足歩行ロボット

ゲーム記事

「原神」「崩壊スターレイル」の厳選された攻略記事