beginners forever

 ~/dotfiles main ❯ nodebrew install-binary stable          1.92   9%   1.36G 12:49:59 pm

Fetching: https://nodejs.org/dist/v14.15.5/node-v14.15.5-darwin-x64.tar.gz

###################################################################################### 100.0%

Installed successfully

 ~/dotfiles main ❯ nodebrew ls                       13s   1.94   9%   1.35G 12:52:32 pm

v14.15.3

v14.15.5

current: v14.15.3

 ~/dotfiles main ❯ nodebrew use stable                     1.92   9%   1.34G 12:52:39 pm

use v14.15.5

 ~/dotfiles main ❯ node -v                                 1.93   9%   1.34G 12:53:02 pm

v14.15.5

sceneにライトを設定する

例

var spotLight = new THREE.SpotLight(0xffffff); spotLight.position.set(-20, 30, -5); scene.add(spotLight);

install gh-pages

npm install gh-pages --save-dev

https://www.npmjs.com/package/gh-pages

add homepage prop to package.json

“homepage“: “https://“{Github-username}.github.io/{Github-repository-name}

add scripts to package.json

"scripts": {

...

"predeploy": "npm run build",

"deploy": "gh-pages -d build",

...

},

remote repository作ってなければgit init して git remote add origin your-github-repo-url.git

npm run deployするとgithub pagesにデプロイする

githubのリモートリポジトリーからsettings > GitHub pagesのSourceのブランチをgh-pagesに設定

consoleにObject.keys(React.DOM)でDOM確認

基本の形

ReactDOM.render(  React.DOM.h1(null, "Hello world!"),  document.getElementById("app")

);

htmlだと

<h1 null >Hello world!</h1>

id付けたい時は

React.DOM.h1(    {      id: "my-heading",    },    "Hello world!"  ),  document.getElementById("app")

<h1 id=“my-heading”>Hello world!</h1>

入れ子

React.DOM.h1(    {id: "my-heading"},    React.DOM.span(null,      React.DOM.em(null, "Hell"),      "o"    ),    " world!"  ),  document.getElementById("app")

FactoryGirlのテストデータを使ってfeature specテストする際に、例えば、カテゴリーという名前の属性があって、それぞれのscenarioのテストで異なったカテゴリーを使いたい場合は、FactoryGirlのfactoriesにカテゴリーを設定（記述）するのではなくて、feature specのテスト内（scenario）で選ばせるようにしてあげれば良い。

例えば、カテゴリーがプルダウンメニューなどであれば、scenario内に

select 'カテゴリー要素１', from: 'カテゴリー'

within '.banner-container-special' do   expect(page.find('img')['alt']).to match 'Image1' end

factories/categories.rb

FactoryGirl.define do  factory :category do    sequence(:name) { |n| "カテゴリー-#{n}" }    sequence(:slug) { |n| "category-slug-#{n}" }  end ...

factories/posts.rb

FactoryGirl.define do  factory :post do    title "MyString"    content "MyText"    # category_id 1    keyword "MyString"    description "MyText"    status 1    published_at "2016-08-10 19:14:05"    association :user    association :category  end

 factory :post_with_section, class: Post do    title "MyString"    after(:create) do |post|      create :section, post: post    end  end

 factory :post_special, class: Post do    title "特集タイトル"    content "MyText"    keyword "MyKeyword"    description "MyText"    status 1    published_at "2016-08-10 19:14:05"    post_type "special"    association :user    association :category  end end

features/admin/posts_spec.rb

feature 'admin program page', js: true do  background do    @user = create(:user, :admin)    @sp = create(:post_special)  end  scenario 'visit post page' do    visit new_user_session_path    signin(@user.email, @user.password)    visit admin_posts_path    expect(page).to have_content '投稿タイプ'  end  scenario 'image upload for eyecatch' do    visit new_user_session_path    signin(@user.email, @user.password)    visit new_admin_post_path    select @sp.category.name, from: 'カテゴリー'    select '公開中', from: '記事ステータス'    save_and_open_page  end ...

上記のボールド部分を辿って

@sp.category.name

で

sequence(:name) { |n| "カテゴリー-#{n}" }

let や givenを使うときは呼び出されないといけないので、scenarioの中でちゃんと定義して呼び出さないと、定義したletやgivenが必要なscenarioでエラーが起こる。呼び出しなどしなくて良いのはbackgroundブロック内に定義する。（backgroundの場合は、そのファイル内のすべてのscenarioで暗黙的に呼び出されているので、scenario分呼び出されることになっているので、重くなるかも）

feature 'adult page - front side' do

 # let <=> given, for feature spec use given instead of let  given(:roots){ Category.roots }  given(:root){ FactoryGirl.create(:adult_study_abroad) }

 scenario "the page has programs" do

# ここで呼び出し    roots    root    visit adult_path()

 end

consoleなどで

(byebug) country.states #<ActiveRecord::Associations::CollectionProxy [#<State id: 2, name: "ブリティッシュコロンビア州", name_en: "BC", country_id: 3, created_at: "2017-06-30 08:21:05", updated_at: "2017-06-30 08:21:05">]>

こんなのでは取り出せない↓ (byebug) country.states.cities *** NoMethodError Exception: undefined method `cities' for #<State::ActiveRecord_Associations_CollectionProxy:0x007faa63bf9fb8>

nil (byebug) country.states.city *** NoMethodError Exception: undefined method `city' for #<State::ActiveRecord_Associations_CollectionProxy:0x007faa63bf9fb8>

nil (byebug) country.states.cities *** NoMethodError Exception: undefined method `cities' for #<State::ActiveRecord_Associations_CollectionProxy:0x007faa63bf9fb8>

nil (byebug) country.cities *** NoMethodError Exception: undefined method `cities' for #<Country:0x007faa632b8cd8>

nil (byebug) country.city *** NoMethodError Exception: undefined method `city' for #<Country:0x007faa632b8cd8>

nil (byebug) city *** NameError Exception: undefined local variable or method `city' for #<RSpec::ExampleGroups::Post::Nested:0x007faa658ad088>

nil (byebug) City City(id: integer, name: string, name_en: string, state_id: integer, created_at: datetime, updated_at: datetime) (byebug) City.all #<ActiveRecord::Relation [#<City id: 1, name: "ワシントン", name_en: "Washington, D.C.", state_id: 2, created_at: "2017-06-30 08:21:05", updated_at: "2017-06-30 08:21:05">]>

このように.firstを使って取り出す↓ (byebug) country.states.first #<State id: 2, name: "ブリティッシュコロンビア州", name_en: "BC", country_id: 3, created_at: "2017-06-30 08:21:05", updated_at: "2017-06-30 08:21:05">

しかし、これではダメ↓ (byebug) country.states.first.city *** NoMethodError Exception: undefined method `city' for #<State:0x007faa6397b8e0>

nil

has_manyなのできちんと複数形で書いて、.firstで取り出す↓ (byebug) country.states.first.cities #<ActiveRecord::Associations::CollectionProxy [#<City id: 1, name: "ワシントン", name_en: "Washington, D.C.", state_id: 2, created_at: "2017-06-30 08:21:05", updated_at: "2017-06-30 08:21:05">]>

:test => :hoge と test: :hoge は同じ

例： redirect_to :controller => 'visitors', :action => 'index' は redirect_to controller: 'visitors', action: 'index' のようにも書ける

要はシンボルで書く時は=>ダブルアロー演算子で入れてあげると言うことですね〜。初めは本当にややこいですね。

もう片方はハッシュ

{a => b, ... }   # aはキー、bは値となる {s: b , ... }    # { :s => b, ... } と同じ。キーがシンボルの場合の省略した書き方（これだね） {"a+": b , ... } # { :"a+" => b, ... } と同じ。上の表現に空白や記号を含めたい場合

例えば、電話番号のバリデーションで、空の場合と、数字以外の文字が入力された場合の２つのバリデーションがある時、以下のようにしないと２つ表現することはできない。

validates :tel_home, presence: true, :format => { :with => /^[0-9-]/, :message => "：半角数値と「-」のみ入力ください。", :multiline => true }

presence: trueと:format => {}の順番が重要で、これが以下のように逆に記述すると、presence: trueのエラーメッセージが出なくなる。

viewファイル内のコメントアウトいろいろ

<% if false %>

http://ruby.studio-kingdom.com/rails/guides/active_record_querying#13

モデル.first([件数])

Page.first # SELECT "pages".* FROM "pages" LIMIT 1

Page.first(3) # SELECT "pages".* FROM "pages" LIMIT 3

設定によっていろいろみたいだけど、FactoryGirlで設定したデータはtest environment用のdbに入るのかなと思ってたけど、test用のdbはどのテーブルを見ても空だった。

FactoryGirlはFactoryGirl内でデータを貯蓄するのでdbには何も入らない、とか、railsの設定でdbに入れるようにする（?うる覚え）とか色々な記事があってよく分からないままである。

とりあえず、dbの中にはFactoryGirlで用意したデータは入ってないっぽい。

spec/factories/clients.rb

FactoryGirl.define do

 factory :client do    sequence(:name) { |n| "client-#{n}" }    sequence(:email) { |n| "client-#{n}@clientmail.com" }    sequence(:password) { |n| "changeme#{n}" }  end

end

初めの設定はfactory :clientを用意していただけ。この設定はsequenceメソッドでclientを複数用意するようにしていたため、テストを進めるにあたって単体で１つのclientユーザー（１人の）が欲しくなったので、追加したのが以下。

spec/factories/clients.rb

FactoryGirl.define do  factory :client do    sequence(:name) { |n| "client-#{n}" }    sequence(:email) { |n| "client-#{n}@clientmail.com" }    sequence(:password) { |n| "changeme#{n}" }  end  factory :single_client, :class => Client do    name { Faker::Name.name }    email { Faker::Internet.email }    password "changeme"  end end

上記のように、新しくfactoryのブロック作って、単数（１人）のclientユーザーを用意するようにする。この時に、:class => Client と、どのクラスか指定しないときちんと作ってくれない。

で、こんな感じでFactoryGirl.createメソッドを使って作成