学生向けプログラミング入門 | 無料

学生向けにプログラミングを無料で解説。Java、C++、Ruby、PHP、データベース、Ruby on Rails, Python, Django

【学習5.0】【MacOSX】設定ファイル

「config\environments\production.rb」ファイルを編集していきます。

httpsの設定

43行目のコメントアウトを外します。

config.force_ssl = true


画像表示の設定

26行目「config.assets.compile」を「true」にします。

config.assets.compile = true


メールの設定

62行目のコメントアウトを外し、「config.action_mailer.raise_delivery_errors」を「true」にします。

config.action_mailer.raise_delivery_errors = true


開発環境の設定コピー

「config\environments\development.rb」での設定(58行目から82行目)をコピーします。
「testgakushuu」の部分はご自分のherokuアプリ名を入れて下さい。



記述追加 config\environments\production.rb(87行目)

  config.action_mailer.default_url_options = { host: 'https://testgakushuu.herokuapp.com/' }
  
  #Gメールの設定
  config.action_mailer.delivery_method = :smtp
  config.action_mailer.smtp_settings = {
    address: "smtp.gmail.com",
    port: 587,
    enable_starttls_auto: true,
    authentication: "plain",
    user_name: 'win.rails.learn@gmail.com',
    password: 'vusopllqzbyvvahk'
  }

  # アマゾンS3
  config.paperclip_defaults = {
    storage: :s3,
    path: ':class/:attachment/:id/:style/:filename',
    s3_host_name: 's3-ap-northeast-1.amazonaws.com',
    s3_credentials: {
      bucket: 'winrailslearn',
      access_key_id: 'AKIAIU4EZ4WK4HU35G4Q',
      secret_access_key: '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',
      s3_region: 'ap-northeast-1'
    }
  }



config\environments\production.rb

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

  # 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 JavaScripts and CSS.
  config.assets.js_compressor = :uglifier
  # config.assets.css_compressor = :sass

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = true

  # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb

  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
  # config.action_controller.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

  # 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

  # Use the lowest log level to ensure availability of diagnostic information
  # when problems arise.
  config.log_level = :debug

  # 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 = "Gakushuu_#{Rails.env}"
  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 = true

  # 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

  # Send deprecation notices to registered listeners.
  config.active_support.deprecation = :notify

  # 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

  config.action_mailer.default_url_options = { host: 'https://testgakushuu.herokuapp.com/' }
  
  #Gメールの設定
  config.action_mailer.delivery_method = :smtp
  config.action_mailer.smtp_settings = {
    address: "smtp.gmail.com",
    port: 587,
    enable_starttls_auto: true,
    authentication: "plain",
    user_name: 'win.rails.learn@gmail.com',
    password: 'vusopllqzbyvvahk'
  }

  # アマゾンS3
  config.paperclip_defaults = {
    storage: :s3,
    path: ':class/:attachment/:id/:style/:filename',
    s3_host_name: 's3-ap-northeast-1.amazonaws.com',
    s3_credentials: {
      bucket: 'winrailslearn',
      access_key_id: 'AKIAIU4EZ4WK4HU35G4Q',
      secret_access_key: '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',
      s3_region: 'ap-northeast-1'
    }
  }


end



Herokuにデプロイすると「https」通信となりますので動画Wistiaのスクリプトリンクを変更しなければなりません。


「app\views\task\show.html.erb」ファイルの84行目「script src」のリンク部分を「https://fast.wistia.net/static/E-v1.js」に変更します。
「http」を「https」に変更しただけです。



記述変更 app\views\task\show.html.erb(84行目)

<section class="section">
    <div class="container" data-turbolinks="false">
        <div class="col m8">
            <div class="card z-depth-2">

                <!--Wistiaプレーヤー-->
                <div id="wistia_<%= @task.video %>"></div>
                <div class="row">
                    <div class="container">
                        <div class="notification">
                            <!-- Wistia機能ボタン -->
                            <button class="button is-light" onclick="setPlaySpeed(0.75)">0.75x</button>
                            <button class="button is-light" onclick="setPlaySpeed(1)">1x</button>
                            <button class="button is-light" onclick="setPlaySpeed(1.25)">1.25x</button>
                            <button class="button is-light" onclick="setPlaySpeed(1.5)">1.5x</button>
                            <button class="button is-light" onclick="setPlaySpeed(2)">2x</button>
                        </div>
                    </div>
                </div>

                <div class="card-action grey-text text-darken-4">
                    <div class="container">
                        <div class="notification">
                            <strong><%= @task.title %></strong>
                        </div>
                    </div>
                    <div class="container">
                        <div class="notification">
                            <% if !@prev_task.nil? %>
                                <%= link_to "前のタスク", [@prev_task.project, @prev_task], class: "button is-success"  %>
                            <% else %>	
                                &nbsp;
                            <% end %>
                            <% if !@next_task.nil? %>
                                <span class="right">
                                    <%= link_to "次のタスク", [@next_task.project, @next_task], class: "button is-success"  %>
                                </span>
                            <% end %>
                        </div>
                    </div>
                    <div class="box">
                        <%= markdown(@task.note) %>
                    </div>
                    
                </div>
            </div>
        </div>
        
        <!-- タスク Section -->
        <div class="box">
            <article class="media">
                <div class="media-content">
                    <div class="content">
                        <div class="collection">
                            <% @tasks.each do |task| %>
                                <% if task.header %>
                                    <br/>
                                    <div class="collection-item active">
                                        <span class="tag is-link is-large"> <%= task.title %></span>
                                        <span class="tag is-white is-large"> <%= task.note %></span>
                                    </div>
                                    <br/>
                                <% else %>
                                    <div class="collection-item active">
                                        &nbsp;&nbsp;&nbsp;&nbsp;<span class="tag is-light is-medium" style="margin: 3px;">
                                            <%= link_to [task.project, task], class: "collection-item" do %>
                                                <%= task.title %>
                                            <% end %>                                                                
                                            </span>
                                        
                                    </div>                            
                                <% end %>
                            <% end %>
                        </div>
                    </div>
                </div>
            </article>
        </div>

    </div>
</section>

<!-- Wistia スクリプト-->
<script src="https://fast.wistia.net/static/E-v1.js"></script>
<script>
    wistiaEmbed = Wistia.embed("<%= @task.video %>", {
        videoQuality: "hd-only",
        videoFoam: true
    });
    function setPlaySpeed(speed) {
        wistiaEmbed.playbackRate(speed);
    }
</script>