常連

注目の的

社会貢献

`http://example.com`
`http://www.example.com`
`https://www.example.com`

上記URLでアクセスがあった際、すべて下記URLに`301リダイレクト`をかけたいと考えています。

`https://example.com`

`http` でのアクセスは `https` へ返還し、
`www` でのアクセスは `www` を削除する形です。

`.htaccess`にはどのように記述するのがベストなのでしょうか？

.htaccess で [ http ] [ https ] [ www ] を統一する記述方法

WebGL(Three.js)、WebVRともに初心者のものです。

以前このような質問をさせて頂きました。

> 3D空間内でWebサイトを表示する方法は？
[https://teratail.com/questions/40572](https://teratail.com/questions/40572)

こちらで頂いた回答を元に、
[CSS3DRenderer.js](https://github.com/mrdoob/three.js/blob/master/examples/js/renderers/CSS3DRenderer.js)を使って、teratailを3D空間に表現するというのはできた(下記参照)のですが、

※ソースコード：[https://github.com/afroscript/3Dteratail ](https://github.com/afroscript/3Dteratail )
※デモ：[http://usaqwako.sakura.ne.jp/3Dteratail/](http://usaqwako.sakura.ne.jp/3Dteratail/)

これを次はVR空間で表現したい（スマホVRで見れるようにしたいです）と考えています。

そこで、[こちらの記事](https://html5experts.jp/edo_m18/18552/)を参考に、いろいろと書き換えてみたのが下記なのですが、おそらくそもそもCSS3DRenderer.jsがVRに対応してないみたいで実現できず。。。

※ソースコード：[https://github.com/afroscript/teraVR360](https://github.com/afroscript/teraVR360)
※デモ（真っ黒画面で何も表示されません。。。Consoleからエラーメッセージは確認できます）：
 →  [http://usaqwako.sakura.ne.jp/teraVR360/](http://usaqwako.sakura.ne.jp/teraVR360/)
※```Uncaught TypeError: cssRenderer.setPixelRatio is not a function```とのエラーメッセージが出てます

何か実現できる方法はあるのでしょうか？？
あるいは今のCSS3DRenderer.jsを使った方法でも、何か改善すれば実現できるのでしょうか？？

ヒント等でもけっこうです。
どなたかご教示いただけますと幸いでございます…！！

よろしくお願いいたします。

一応、現在書いているJavaScriptを掲載しておきます。([上記のGitHubにあるmain.js](https://github.com/afroscript/teraVR360)と同じものです)

```JavaScript
/*
 * WebGLRendererの生成
 */
var renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setPixelRatio(window.devicePixelRatio);
//CanvasをDOMツリーに追加
document.body.appendChild(renderer.domElement);


/*
 * CSS3DRendererの生成
 */
var cssRenderer = new THREE.CSS3DRenderer();
cssRenderer.setSize(window.innerWidth, window.innerHeight);
cssRenderer.domElement.style.position = 'absolute';
cssRenderer.domElement.style.top = 0;
cssRenderer.domElement.style.margin = 0;
cssRenderer.domElement.style.padding = 0;
cssRenderer.setPixelRatio(window.devicePixelRatio);
document.body.appendChild( cssRenderer.domElement );


/*
 * シーンの追加
 */
var scene = new THREE.Scene();
var cssScene	= new THREE.Scene();


/*
 * カメラの生成
 */
var fov = 75;
var aspect = window.innerWidth / window.innerHeight;
var near = 0.1;
var far = 10000;
var camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
var camera_position_x0 = 0;
var camera_position_y0 = 0;
var camera_position_z0 = 0;
camera.position.set(camera_position_x0,camera_position_y0,camera_position_z0);


/*
 * VR用コントローラを生成（OrbitControlsは一旦//で消してる）
 */
var controls = new THREE.VRControls(camera);
// var controls = new THREE.OrbitControls(camera, renderer.domElement);


/*
 * VREffectの生成(2分割画面を構築する)
 */
var effect = new THREE.VREffect(renderer);
effect.setSize(window.innerWidth, window.innerHeight);
var cssEffect = new THREE.VREffect(cssRenderer);
cssEffect.setSize(window.innerWidth, window.innerHeight);


/*
 *VRマネージャの生成
 */
var manager = new WebVRManager(renderer, effect);
var cssManager = new WebVRManager(cssRenderer, cssEffect);


//////////////////////////////////////////////////////
/*
 *WebGLSceneにオブジェクトを追加していく
 */
//Object(床をつくってみる)
var pcWidth = 256;
var pcHeight = 256;
var floorGeo = new THREE.PlaneGeometry(pcWidth,pcHeight);
var floorMesh = new THREE.MeshBasicMaterial({color:0xc0c0c0});
// var floorMesh = new THREE.MeshBasicMaterial({wireframe:true});
var floor = new THREE.Mesh( floorGeo, floorMesh );
var objePositionX = 0;
var objePositionY = 0;
var objePositionZ = -500;
floor.position.set(objePositionX, objePositionY, objePositionZ);
// floor.rotation.x = Math.PI/2;
scene.add( floor );


/*
 *cssSceneにオブジェクトを追加していく
 */
var element = document.createElement('iframe');
element.src = 'https://teratail.com/';
element.style.width = pcWidth + 'px';
element.style.height = pcHeight + 'px';
// create the object3d for tjhis element
var cssObject = new THREE.CSS3DObject( element );
// we reference the same position and rotation
cssObject.position.set(objePositionX, objePositionY, objePositionZ);
cssObject.rotation = floor.rotation;
// add it to the css scene
cssScene.add(cssObject);


/*
 * Lightをシーンに追加
 */
var light = new THREE.DirectionalLight(0xffffff);
light.position.set(0,30,-50);
scene.add(light);
cssScene.add(light);


/*
 *環境光を追加
 */
var ambient = new THREE.AmbientLight(0x333333);
scene.add(ambient);
cssScene.add(ambient);


/*
 *補助軸の表示(最終的に消す)
 */
// var axis = new THREE.AxisHelper(1000);
// cssScene.add(axis);
// scene.add(axis);



/*
 *アニメーションループ  
 */
var lastRender = 0;
function animate(timestamp) {
  // var delta = Math.min(timestamp - lastRender, 500);
  lastRender = timestamp;

  //VRコントローラのupdate
  controls.update();

  //VRマネージャを通してシーンをレンダリング
  manager.render(scene, camera, timestamp);

  //アニメーションループ
  requestAnimationFrame(animate);
}

// アニメーションの開始
animate(performance ? performance.now() : Date.now());
```

CSS3Dレンダリングで3D空間に生成した要素をWebVRで見るようにはできないのでしょうか？？

学校の課題で、クラスとインスタンスを使って現在のコードを書き換えたいのですが、途中まで考えてわからなかったので教えてほしいです。

```ruby

def post_review(a_posts)

    post = {}
    puts "ジャンルを入力してください"
    post[:genre] = gets.chomp
    puts "タイトルを入力してください"
    post[:title] = gets.chomp
    puts "感想を入力してください"
    post[:review] = gets.chomp
    line = "-------------------------------"

    puts "ジャンル : #{post[:genre]}\n#{line}"
    puts "タイトル : #{post[:title]}\n#{line}"
    puts "感想 : \n#{post[:review]}\n#{line}"


    a_posts << post

    return a_posts
  end

def read_reviews(a_posts)

  number = 0
  a_posts.each do |post|
    puts "[#{number}] : #{post[:title]}のレビュー"
    number += 1
  end

  puts "\nみたいレビューの番号を入力してください :"
  input = gets.to_i


  post = a_posts[input]


  line = "-------------------------------"
  puts "ジャンル : #{post[:genre]}\n#{line}"
  puts "タイトル : #{post[:title]}\n#{line}"
  puts "感想 : \n #{post[:review]}\n#{line}"
end

def end_program
  exit
end

def exception
  puts "入力された値は無効な値です"
end

posts = []

while true do
      
    puts "レビュー数 : #{posts.length}"
    puts "[0]レビューを書く"
    puts "[1]レビューを読む"
    puts "[2]アプリを終了する"
    input = gets.to_i

    if input == 0
        posts = post_review(posts)
    elsif input == 1
        read_reviews(posts)
    elsif input == 2
        end_program
    else
        exception
    end
end
```

途中まで考えたコードはこちらです。
```ruby
class Review
  attr_accessor :genre, :title, :voice
  @@post = []

  def self.input
    puts "ジャンルを入力してください"
    genre = gets.chomp
    puts "タイトルを入力してください"
    title = gets.chomp
    puts "感想を入力してください"
    voice = gets.chomp
    line = "-------------------------------"

    review = Review.new(genre, title, voice)
    @@post << review
  end

  def initialize(genre, title, voice)
    @genre = genre
    @title = title
    @voice = voice
  end
end

Review.input

```

Rubyについてあまり理解できていないため、正解のコードを知って逆から理解していきたいとおもっています。
よろしくおねがいします。

Rubyでクラスとインスタンスを用いてコードを書き換えたいです。

ただいま、Ruby on Rails5 アプリケーションプログラミングを読みながら勉強しております。
ですが、4.1.9章の選択ボックスの選択肢をグループ化するというところで躓いてしまいました。

grouped_collection_select メソッドを用いてデータベースの情報からグループ化された選択肢を表示するプログラムを作ろうとしています。

エラーメッセージはこちらになります。

```
NoMethodError in View#group_select

Showing app/views/view/group_select.html.erb where line #3 raised:

undefined method `books' for #<Author:0x007fba9b896c20>

Extracted source (around line #3):

<%= form_for(@review) do |f| %>
  レビュー対象書籍：
  <%= f.grouped_collection_select :book_id, @authors, :books, :name, :id, :title %>
<% end %>

```

下に関係がありそうな部分のコードを載せます。
```lang-ruby
#config/routes.rb
Rails.application.routes.draw do
  resources :fan_comments
  resources :reviews
  resources :authors
  resources :users
  resources :books
  ・・・中略・・・
  get  'view/group_select'
end
```

```lang-ruby
#app/models/author.rb
class Author < ApplicationRecord
  belongs_to :user
end
```

```lang-ruby
#app/models/review.rb
class Review < ApplicationRecord
  belongs_to :book
  belongs_to :user
end
```

```lang-ruby
#app/models/book.rb
class Book < ApplicationRecord
end
```

```lang-ruby
#app/models/user.rb
class User < ApplicationRecord
end
```

```lang-ruby
#app/controllers/view_controller.rb
def group_select
    @review = Review.new
    @authors = Author.all
  end
```

```lang-ruby
#app/views/view/group_select.html.erb
<%= form_for(@review) do |f| %>
  レビュー対象書籍：
  <%= f.grouped_collection_select :book_id, @authors, :books, :name, :id, :title %>
<% end %>
```
サンプルのコードと全て一致していることは確認したのですが、他に何か間違えている箇所があるのでしょうか？
何か心当たりがありましたら、教えていただきたいです。