どうものぶおです
今回はubuntuでruby on rails6の開発環境を作っていきます

これまでmacで開発していたんですが、別に持っていたwindowsのPCをHDDからSSDに変換して超サクサクに動くようになったため、こちらでruby on rails を使えるようにしていきたいと思います

Rubyをインストール

インストールに必要なaptを更新します

sudo apt-get update

sudo apt-get -y install git curl g++ make zlib1g-dev libssl-dev libreadline-dev libyaml-dev libxml2-dev libxslt-dev sqlite3 libsqlite3-dev nodejs

ホームディレクトリに移動します

cd

git clone git://github.com/sstephenson/rbenv.git .rbenv

パスを通します

echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bashrc

echo 'eval "$(rbenv init -)"' >> ~/.bashrc

exec $SHELL

mkdir -p ~/.rbenv/plugins

作成したディレクトリに移動

cd ~/.rbenv/plugins

git上のファイルをクローンします

git clone git://github.com/sstephenson/ruby-build.git

rubyのバージョン(今回は2.6.3)を指定してinstallします

rbenv install 2.6.3

使用するrubyのバージョンをコンピュータに知らせます

rbenv global 2.6.3

rubyが正常にインストールされているか確認します（バージョンが表示されます）

ruby -v

Ruby on railsをインストール

(最新版の6.0がインストールされます)

gem install rails

実際にRailsで作成できるか確認

まずはアプリを作成します

rails new sampe-app

作成したアプリのディレクトリに移動します

cd sample-app

サーバーを起動

rails s

しかし以下のようなエラーが・・・。

︙
 Webpacker configuration file not found /home/nobu/.rbenv/plugins/sample-app/config/webpacker.yml. Please run rails webpacker:install Error: No such file or directory

書いてあるとおり　rails webpacker:installを実行してみると今度は別のエラーが

Yarn executable was not detected in the system.

Yarnがないのでインストールすることに

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -

echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

sudo apt-get update && sudo apt-get install yarn

完了しました。
もう一度webpackerをインストール

rails webpacker:install

完了したらもう一度'rails s'でサーバーを起動し、ブラウザ（chromeやexplolerなど)でいかにアクセスします
(わからない人はコピーして検索欄に貼り付けましょう)

localhost:3000

これで以下のような画面がでたら完了です
（わーい）

はじめに

バージョン確認の重要性

Swiper.jsはバージョンによってサポートしてくれるブラウザが違う。ver5.0以降から、IEは完全にサポート対象外になった。今回私はchromeで開発を行っているので最新版でいけると思いきや、挙動が意図したものにならなかったので、4.5.0系を使うことにした。

便利なオプションたち

オプションが豊富で有名なSwiper.js

ここでは、私が参考にした記事を載せておくだけに留めておく。

参考記事

実例12パターン】画像スライダーはSwiper使っておけば間違いない！実用的な使い方を紹介
https://haniwaman.com/swiper/
swiper.js使ってみたからそのオプションについて(v4.1.6)
https://reiwinn-web.net/2018/03/15/swiper-4-1-6/

実際のコード

swiper.js

$(function(){
  var mySwiper = new Swiper('.swiper-container', {
    slidesPerView: 3,
    slideToClickedSlide: true,
    pagination: {
      el: '.swiper-pagination',
      type: 'bullets',
      clickable: true
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev'
    },
    breakpoints: {
      767: {
        slidesPerView: 1,
        spaceBetween: 0
      }
    }
  });
});

html.haml

        .swiper-container.p-2.rounded
          .swiper-wrapper.p-1
            - @posts.each do |post| 
              .events__content.col-sm-6.col-md-4.mb-3
                .swiper-slide
                  .card{id: post.id}
                    %label.m-1
                      - if post.image.present?
                        %img.card-img-top.img-fluid.rounded{src: "#{post.image}"}
                      - else
                        %img.card-img-top.img-fluid.rounded{src: "/assets/noimage.png"}
                      .card-body.event
                        %h5= link_to "#{post.title}", post_path(post.id), class: "event-title stretched-link text-decoration-none"
                        .event__name 
                          #{post.user.name} さん
                        .text-right
                          = l post.created_at, format: :long     
           .swiper-button-prev
           .swiper-button-next
           .swiper-pagination

これでprevボタンnextボタンを押しても、スライドされない。consoleをみてもエラーはない。ドラッグしながらスクロールすると、一応.swiper-containerに要素が入っていることはわかる。jsファイルは読み込まれているが、メソッドが実行されていない。

階層構造は崩すな

原因がわかった。先ほどのコードは、.swiper-wrapperと.swiper-slidesの間に、.events__content......というクラスが入っている。これが原因だった。Swiper.jsのswiper-container, wrapper, slidesのクラスたちは必ず親子孫の関係でなくてはならなかった。

修正後のコード

html.haml

.swiper-container.p-2.rounded
          .swiper-wrapper.p-1
            - @posts.each do |post| 
              .swiper-slide.events__content.col-sm-6.col-md-4.mb-3
                .card{id: post.id}
                  %label.m-1
                    - if post.image.present?
                      %img.card-img-top.img-fluid.rounded{src: "#{post.image}"}
                    - else
                      %img.card-img-top.img-fluid.rounded{src: "/assets/noimage.png"}
                    .card-body.event
                      %h5= link_to "#{post.title}", post_path(post.id), class: "event-title stretched-link text-decoration-none"
                      .event__name 
                        #{post.user.name} さん
                      .text-right
                        = l post.created_at, format: :long
                .card.col-auto
                  .text-left
                    - post.genre_list.each do |genre|
                      .badge.badge-primary{data:{role: "tagsinput"}}
                        = link_to "#{genre}", tag_path(genre), class: 'text-decoration-none text-white'
                - if user_signed_in?
                  .offset-8.col-auto.card
                    .text-center.likes
                      = render partial: '/posts/posts', locals: {post: post}
          - if @posts.count >= 4
            .swiper-button-prev
            .swiper-button-next
            .swiper-pagination

これで正常に動くようになった。

終わりに

私のように、こんなことで何時間も無駄にしないように、皆さんも気をつけてください。

参考記事

【Rails5】「Swiper」を使ってスライダー、カルーセルを作る方法
https://qiita.com/emincoring/items/18d07d0aec5d9836227c
[Rails]Swiperで画像スライド作成
https://qiita.com/yummy888/items/8528c7542f85ae7bbc55

サンプル付き！簡単にスライドを作れるライブラリSwiper.js超解説（各種ナビゲーションカスタマイズ編）
https://garigaricode.com/swiper_navigation/

カードゲームZENOがターミナル上で、コンピューターと対戦できるアプリを作りました。

制作期間は５日間です。

ZENOをご存じない方の為に説明しますと、オリエンタルラジオの中田敦彦さんがプロデュースした新しいカードゲームです。UNOの売り上げをこえたことや、YOUTUBE上でメンタリストのDAIGOさんと白熱した心理戦を繰り広げられたことで話題になりました。

もともとはラブレターというカードゲームを題材として作られており、そこに中田敦彦さんが新たに手を加えて二ヶ月ほどで世界観や設定を作り上げました。AMAZONで７７０円ほどで購入することができます。

あまり興味がない方もいるかと思いますが、中田敦彦さんはDAIGOさん以外にも、ホリエモン、YOUTUBEのヒカルさん、クイズ王の伊沢拓司とも白熱した戦いをYOUTUBE上で公開してますのでそちらだけでもぜひ見てみてください。

自分が作ったアプリの動作ですが、最終ターンまでにいけたので恐らく不備はないかと思います。

ないと信じたい。

現在就活中ですので、今後WEB上でプレイできるようにしたり、コードもリファクタリングする予定です。

引数の数がえげつくなってたり、コードが冗長すぎるなどありますが、今後改善します。

とりあえず、友人への公開用にコードを公開してあります。
とりあえず動けばいいと思って作ったので、コードはあまり綺麗ではありません。

zeno.rb

require './decknone'
require './mytern'
require './pctern'
require './tutorial'

line = "------------------------------------------"
zeno = [10,9,8,8,7,7,6,6,5,5,4,4,3,3,2,2,1,1]
zeno = zeno.shuffle

#自分の手札カード
myhand = []
myhand[0] = zeno[0]
zeno.delete_at(0)

#相手の手札カード
pchand = []
pchand[0] = zeno[0]
zeno.delete_at(0)

#山札の一番下にあるヒーローカード
hero = []
hero[0] = zeno[0]
zeno.delete_at(0)

#自分の使用済みカード
mydiscard = []

#相手の使用済みカード
pcdiscard = []

mywiseman = []
mywiseman[0] = 0

pcwiseman = []
pcwiseman[0] = 0

myguard = []
myguard[0] = 0

pcguard = []
pcguard[0] = 0

#使用したカードの番号により分岐

puts "あなたが先行です"

while true

  #デッキにカードがなかった場合、互いの数字の大きさで勝敗を決める。
  if zeno == []
    decknone(myhand, pchand)
  end

  #前回選んだカードが７番だった場合、賢者の効果を発動する。
  if mywiseman[0] == 1
    mywiseman[0] = 0
    wiseman = zeno.first(3)
    puts "賢者のカードの効果により、カードをドローします"
    wiseman.each do |wise|
      puts "#{wise}番"
    end
    puts "あなたの現在の手札にあるのは#{myhand[0]}番のカードです"
    puts "どのカードを手札に加えますか"
    input = gets.to_i

    while !wiseman.any?(input)   do
      puts "そのカード番号は引いたカードの中にありません"

      wiseman.each do |wise|
        puts "#{wise}番"
      end

      puts "再度番号を入力してください"
      input = gets.to_i
    end

    myhand[1] = input
    zeno.delete_at(zeno.find_index(input))
    zeno.shuffle
    puts "#{myhand[1]}番のカードを手札に加えました"
    puts "残りのカードを山札に戻してシャッフルします"
  end

  #自分がカードを一枚ドローする。先行か後攻かを決めるメソッドをあとで作る
  if myhand.length == 1
    myhand[1] = zeno[0]
    zeno.delete_at(0)
    puts "あなたはカードをドローしました"
    puts "引いたのは#{myhand[1]}番のカードです"
  end

#カード選択画面を表示
  puts line
  puts "あなたの手札にあるのは#{myhand[0]}番と#{myhand[1]}番のカードです"
  puts "どちらのカードを使用しますか"
  puts "#{myhand[0]}番のカードを使用する"
  puts "#{myhand[1]}番のカードを使用する"
  puts "0番:チュートリアルを閲覧する"
  puts "11番:使用済みカードを確認する"
  puts line
  input = gets.to_i

  while (input != myhand[0] && input != myhand[1]) || input == 10 || input == 11 do
    if input == 0
      tutorial(line)
      puts line
      puts "あなたの手札にあるのは#{myhand[0]}番と#{myhand[1]}番のカードです"
      puts "どちらのカードを使用しますか"
      puts "#{myhand[0]}番のカードを使用する"
      puts "#{myhand[1]}番のカードを使用する"
      puts "0番チュートリアルを閲覧する"
      puts line
      input = gets.to_i
    elsif input == 10
      puts line
      puts "英雄のカードは手札から使用することができません"
      puts "あなたの手札にあるのは#{myhand[0]}番と#{myhand[1]}番のカードです"
      puts "どちらのカードを使用しますか"
      puts "#{myhand[0]}番のカードを使用する"
      puts "#{myhand[1]}番のカードを使用する"
      puts "0番チュートリアルを閲覧する"
      puts line
      input = gets.to_i
    elsif input == 11
      puts line

      puts "自分の使用済みカード"
      if mydiscard == []
        puts "ありません"
      else
        mydiscard.each do |mydis|
          puts "#{mydis}番"
        end
      end

      puts "相手の使用済みカード"
      if pcdiscard == []
        puts "ありません"
      else
        pcdiscard.each do |pcdis|
          puts "#{pcdis}番"
        end
      end
      puts line
      puts "その番号のカードは手札にありません"
      puts "あなたの手札にあるのは#{myhand[0]}番と#{myhand[1]}番のカードです"
      puts "どちらのカードを使用しますか"
      puts "#{myhand[0]}番のカードを使用する"
      puts "#{myhand[1]}番のカードを使用する"
      puts "0番:チュートリアルを閲覧する"
      puts line
      input = gets.to_i
    else
      puts line
      puts "あなたの手札にあるのは#{myhand[0]}番と#{myhand[1]}番のカードです"
      puts "どちらのカードを使用しますか"
      puts "#{myhand[0]}番のカードを使用する"
      puts "#{myhand[1]}番のカードを使用する"
      puts "0番:チュートリアルを閲覧する"
      puts "その番号のカードは手札にありません"
      puts line
      input = gets.to_i
    end
  end

  #選んだカードの番号によって分岐が別れる
  myhand.delete_at(myhand.find_index(input)) 
  mydiscard << input

  mytern(myhand, pchand, input, zeno, hero, mydiscard, pcdiscard, mywiseman, pcwiseman, myguard, pcguard, line)
  pcguard[0] = 0
  puts line

  pctern(myhand, pchand, zeno, hero, mydiscard, pcdiscard, mywiseman, pcwiseman, myguard, pcguard, line)
  myguard[0] = 0
  puts line
end

自分のターンのメソッドはこちらに分けました。

mytern.rb

def mytern(myhand, pchand, card, zeno, hero, mydiscard, pcdiscard, mywiseman, pcwiseman, myguard, pcguard, line)
  if card == 9 && pcguard[0] == 0 
    if zeno == []
      puts "皇帝のカードを使用しました"
      puts "山札にカードがない為、効果を発動しません"
      puts "----------------------------"
    else
      pchand[1] = zeno[0]
      zeno = zeno.delete_at(0)
      puts "皇帝のカードを使用しました"
      puts "相手がカードをドローし、
持っているカードはオープンします"
      puts "相手が持っていたのは#{pchand[0]}番と#{pchand[1]}番のカードです"
      puts "どちらのカードを指定しますか？"
      puts "あなたの手札にある現在のカードは#{myhand[0]}番のカードです"
      puts line
      input = gets.to_i

      pchand.delete_at(pchand.find_index(input))
      puts "#{input}番のカードを捨てさせました"
      if input == 10
        puts "英雄のカードは転生できない為、あなたの勝利です"
        exit
      end
      pcdiscard << input
    end 


  elsif card == 8 && pcguard[0] == 0 
    #データ移動用
    puts "精霊（交換）のカードを使用します"
    puts "自分の持っている#{myhand[0]}番のカードと相手の持っている#{pchand[0]}番のカードを交換しました"
    myhand[0], pchand[0] = pchand[0], myhand[0]

  elsif card == 7 
    puts "７番の賢者のカードを使用しました"
    puts "次のターンカードを３枚ドローし、一枚選択して手札に加えます"
    mywiseman[0] = 1

  elsif card == 6 && pcguard[0] == 0
    puts "あなたが貴族のカードを使用しました"
    puts "あなたが持っていたのは#{myhand[0]}番のカード"
    puts "相手が持っていたのは#{pchand[0]}番のカード"

    if myhand[0] == pchand[0]
      puts "持っていたカードが互角の為、相打ちです"
    elsif myhand[0] > pchand[0]
      puts "あなたの勝利です"
    else myhand[0] < pchand[0]
      puts "あなたの負けです"
    end
    exit

  elsif card == 5 && pcguard[0] == 0 
    puts "あなたが死神（疫病）のカードを使用しました"
    if zeno == []
      puts "山札にカードがない為、死神の効果は発動しませんでした"
    else
      puts "死神の効果により、相手がカードを一枚ドローしました"

      pchand[1] = zeno[0]
      zeno.delete_at(0)

      # カードをシャッフルする
      pchand.shuffle
      #配列１番のカードを一枚捨てさせる
      input = pchand.shift
      if input == 10
        puts "死神の効果により、相手の英雄のカードが墓地に送りました"
        puts "相手は英雄の効果により、転生札よりカードを引いて復活します"
        pchand[0] = hero[0]
      else
        puts "死神の効果により、相手の#{input}番のカードが墓地に送られました"
      end
      pcdiscard << input
    end

  elsif card == 4 
    puts "あなたが乙女（守護）のカードを使用しました"
    puts "次のターンまで相手の攻撃が無効化されます"
    myguard[0] = 1

  elsif card == 3 && pcguard[0] == 0 
    puts "占い師のカードを使用しました"
    puts "相手が手に持っているカードをオープンします"
    puts "相手が持っていたのは#{pchand[0]}番のカードです"

  elsif card == 2 && pcguard[0] == 0 
    puts "兵士（捜査）のカードを使用しました"

    puts "自分の使用済みカード"
    mydiscard.each do |mydis|
      puts "#{mydis}番"
    end

    puts "相手の使用済みカード"
    if pcdiscard == []
      puts "ありません"
    else
      pcdiscard.each do |pcdis|
        puts "#{pcdis}番"
      end
    end
    puts "あなたがいま手に持っているカード"
    puts "#{myhand[0]}番"

    puts "相手が持っていると思うカード番号を指定してください"
    input = gets.to_i
    while input < 1 || input > 10
      puts "その番号は指定できません"
      puts "１から１０までの番号を指定してください"
      input = gets.to_i
    end
    if input == pchand[0] && input == 10
      puts "相手が持っていたのは英雄のカードでした"
      puts "英雄のカードの効果により、手札を捨てて転生します"

      pcdiscard << pchand[0]
      pchand[0] = hero[0]
    elsif input == pchand[0]
      puts "相手が持っていたのは #{pchand[0]}番のカードでした" 
      puts "あなたの勝利です"
      exit
    else
      puts "相手「違います」"
    end

  elsif card == 1 && pcguard[0] == 0 
    puts "少年のカードを使用しました"
    myboy = mydiscard + pcdiscard
    if myboy.count(1) == 2
      puts "少年のカードが使われたのは2枚目のため、効果を発動します"
      pchand[1] = zeno[0]
      zeno.delete_at(0)
      puts "相手がカードをドローし、持っているカードはオープンします"
      puts "持っていたのは#{pchand[0]}番と#{pchand[1]}番のカードです"
      puts "どちらのカードを指定しますか？"
      input = gets.to_i
      while !pchand.any?(input) do
        puts "その番号のカードは相手の手札にありません"
        puts "相手が持っているのは#{pchand[0]}番と#{pchand[1]}番のカードです"
        puts "もう一度番号を指定してください"
        input = gets.to_i
      end
      pchand.delete_at(pchand.find_index(input))
      pcdiscard << input
      puts "#{input}番のカードを捨てさせました"

      if input == 10
        puts "英雄の効果の発動により、手札を捨てて転生します"
        pchand[0] = hero[0]
      end
    else
      puts "少年のカードは初めて使われた為、何もおきません"
    end
  elsif pcguard[0] == 1
    puts "相手の乙女（守護）のカードの効果により無効化されました"
  else
    puts "エラーです"
  end
end

こちらが相手ターンのメソッドです。引数の数がえげつない。

pctern.rb

def pctern(myhand, pchand, zeno, hero, mydiscard, pcdiscard, mywiseman, pcwiseman, myguard, pcguard, line)
  #相手がカードを引こうとして山札にカードがなかった場合、数字の大きさで勝敗を決する。
  if zeno == []
    decknone(mayhand, pchand)
  end

  #相手が前のターンに賢者を使った場合カードを３ドローする。zeno.firstでデッキの枚数が少なくてもエラーにならない
  if pcwiseman[0] == 1
    pcwiseman[0] = 0
    wiseman = zeno.first(3)
    pchand[1] = wiseman.max
    zeno.delete_at(zeno.find_index(wiseman.max))
    zeno.shuffle

    puts "相手は賢者（選択）のカードの効果により、カードをドローしました"
    puts "カードを一枚選んで残りを山札に戻し、シャッフルしました"
    puts line 
  end 



  if pchand.length == 1
    pchand[1] = zeno[0]
    zeno.delete_at(0)
    puts "相手がカードを一枚ドローしました"
  end

  input = pchand.min

  pchand.delete_at(pchand.find_index(input))
  pcdiscard << input

  if input == 1 && myguard[0] == 0
    pcboy = mydiscard + pcdiscard
    if pcboy.count(1) == 2
      puts "相手が少年（革命）のカードを使用しました"
      puts "少年のカードが使われたのは二枚目です"


      if zeno == []
        puts "山札が０枚の為、効果はは発動しませんでした"
      else
        puts "少年のカードの効果により、公開処刑を発動します"
        myhand[1] = zeno[0]
        zeno.delete_at(0)
        puts "少年のカードの効果により、#{myhand[1]}番のカードをドローしました"

        input = myhand.max
        myhand.delete_at(myhand.find_index(input))
        puts "相手があなたの手札から#{input}番のカードを墓地へ送りました"
        if input == 10
          puts "英雄のカードの効果により転生します"
          myhand[0] = hero[0]
        end
      end
    else
      puts "相手が少年のカードを使用しました"
      puts "少年のカードが使われたのは1枚目の為、何もおきません"
    end

  elsif input == 2 && myguard[0] == 0 
    pcsoldier = zeno + myhand
    sample = pcsoldier.sample
    puts "相手が兵士のカードを使用しました"
    puts "番号を宣言します"
    puts "相手「#{sample}番」"
    if myhand.any?(sample)

      if myhand[0] == 10
        puts "あなたの持っていた英雄のカードが墓地にいきました"
        puts "英雄の効果により、転生札よりカードを引いて復活します"
        mydiscard << myhand[0]
        myhand[0] = hero[0]
      else
        puts "あなたの手札にあったのは#{myhand[0]}番のカードです"
        puts "あなたの負けです"
        exit
      end
    else
      puts "あなた「違います」"
    end

  elsif input == 3 && myguard[0] == 0 
    puts "相手が占い師のカードを使用しました"
    puts "相手があなたのカード番号が#{myhand[0]}番であることを確認しました"

  elsif input == 4
    pcguard[0] = 1
    puts "相手が乙女（守護）のカードを使用しました"
    puts "次のターンまであなたの攻撃が無効化されます"

  elsif input == 5 && myguard[0] == 0 
    puts "相手が死神（疫病）のカードを使用しました"
    if zeno == []
      puts "デッキにカードがなかった為、何も起きません"
    end
    myhand[1] = zeno[0]
    zeno.delete_at(0)
    myhand.shuffle
    input = myhand.shift
    mydiscard << input
    if input == 10
      puts "相手が英雄のカードが墓地に送られました"
      puts "英雄のカードの効果で転生します"
      myhand[0] = hero[0]
    else
      puts "あなたの手札の#{input}番のカードが墓地に送られました"
    end

  elsif input == 6 && myguard[0] == 0 
    puts "相手が貴族のカードを使用しました"
    puts "あなたが持っていたのは#{myhand[0]}番のカード"
    puts "相手が持っていたのは#{pchand[0]}番のカード"

    if myhand[0] == pchand[0]
      puts "持っていたカードが互角の為、相打ちです"
    elsif myhand[0] > pchand[0]
      puts "あなたの勝利です"
    else myhand[0] < pchand[0]
      puts "あなたの負けです"
    end
    exit

  elsif input == 7
    puts "相手が賢者（選択）のカードを使用しました"
    puts "相手は次のターンにカードを3枚ドローし、一枚を選択して手札に加えます"
    pcwiseman[0] = 1

  elsif input == 8 && myguard[0] == 0 
    puts "相手が精霊（交換)のカードを使用しました"
    puts "あなたの持っている#{myhand[0]}番のカードと、相手の持っている#{pchand[0]}番のカードを交換します"
    myhand[0], pchand[0] = pchand[0], myhand[0]

  elsif input == 9 && myguard[0] == 0 
    puts "相手が皇帝（公開処刑）のカードを使用しました"
    if zeno == []
      puts "デッキにカードがなかった為、何も起きません"
    else
      myhand[1] = zeno[0]
      zeno.delete_at(0)
      input = myhand.delete_at(myhand.find_index(myhand.max))
      pcdiscard << input
      if input == 10
        puts "相手があなたの持っていた英雄のカードを墓地に送りました"
        puts "あなたの負けです"
        exit
      else
        puts "相手があなたの持っていた#{input}番のカードを墓地に送りました"
      end
    end
  elsif myguard[0] == 1
    puts "乙女（守護の）効果により、相手の#{input}番のカードの効果を無効化しました"
  else
    puts "エラーです"
  end

end

山札にカードがなくなった場合のメソッドです。
これで決着です。

decknone.rb

def decknone(myhand, pchand)
  puts "山札のカードがなくなりました"
  puts "お互いの持っているカードをオープンします"
  puts "あなたの持っているカードは#{myhand[0]}です"
  puts "相手が持っているカードは#{pchand[0]} です"

  if myhand[0] == pchand[0]
    puts "持っていたカードが同じの為、相打ちです"  
  elsif myhand[0] > pchand[0]
    puts "あなたの勝ちです"
  else myhand[0] < pchand[0]
    puts "あなたの負けです"
  end
  exit
end

チュートリアルです。長すぎるので分けてあります。

tutorial.rb

def tutorial(line)
  puts "① 少年（革命）"
  puts "1枚目では何も起きない。2枚目が場に出された時皇帝と同じ効果を発動する"
  puts "ただし、少年は剣の扱いが未熟な為、英雄を殺すことはできない"
  puts line

  puts "② 兵士（捜査）"
  puts "カードの番号を指定する"
  puts "指定した番号を相手が持っていた場合、自分が勝利する"
  puts line

  puts "③ 占い師（透視）"
  puts "相手のカードを見ることができる"
  puts line

  puts "④ 乙女（守護）"
  puts "次の自分のターンがくるまで相手の攻撃を無効化する"
  puts line

  puts "⑤ 死神（疫病）"
  puts "相手はカードを一枚ドローする"
  puts "その後ランダムに一枚カードを捨てさせる"
  puts line

  puts "⑥ 貴族（対決）"
  puts "自分の持っているカードと相手の持っているカードをオープンする"
  puts "持っていたカードが大きい方が勝利"
  puts line

  puts "⑦ 賢者（選択）"
  puts "山札からカードを３枚ドローする"
  puts "指定したカードを一枚手札に加える"
  puts line

  puts "⑧ 精霊（交換）"
  puts "自分と相手の持っているカードを交換する"
  puts line


  puts "⑨ 皇帝（公開処刑）"
  puts "相手はカードを一枚ドローし、カードをオープンする"
  puts "指定した番号のカードを一枚捨てさせる"
  puts "相手が英雄のカードを持っていた場合自分の勝利"
  puts line

  puts "⑩ 英雄（潜伏・転生）"
  puts "手札から場に出すことのできないカード"
  puts "少年、兵士、死神で殺されても転生ふだで復活する"
  puts "ただし皇帝の劔で殺された場合は復活できず負ける"
  puts line
end

以上、また改善します。

カードゲームZENOをターミナル上で、コンピューターと対戦して遊べるアプリを作りました。

制作期間は５日間です。

ZENOをご存じないかたのために説明しますと、オリエンタルラジオの中田敦彦さんがプロデュースした新しいカードゲームです。UNOの売り上げをこえたことや、YOUTUBE上でメンタリストのDAIGOさんと白熱した心理戦を繰り広げられたことで話題になりました。

もともとはラブレターというカードゲームを題材として作られており、そこに中田敦彦さんが新たに手を加えて二ヶ月ほどで世界観や設定を作り上げました。AMAZONで７７０円ほどで購入することができます。

あまり興味がない方もいるかと思いますが、中田敦彦さんはDAIGOさん以外にも、ホリエモン、YOUTUBEのヒカルさん、クイズ王の伊沢拓司とも白熱した戦いをYOUTUBE上で公開してますので、そちらだけでもぜひ見てみてください。

現在就活中ですので、今後WEB上でプレイできるようにしたり、コードもリファクタリングする予定です。

友人への閲覧用にコードを公開してあります。

zeno.rb

require './decknone'
require './mytern'
require './pctern'
require './tutorial'

line = "------------------------------------------"
zeno = [10,9,8,8,7,7,6,6,5,5,4,4,3,3,2,2,1,1]
zeno = zeno.shuffle

#自分の手札カード
myhand = []
myhand[0] = zeno[0]
zeno.delete_at(0)

#相手の手札カード
pchand = []
pchand[0] = zeno[0]
zeno.delete_at(0)

#山札の一番下にあるヒーローカード
hero = []
hero[0] = zeno[0]
zeno.delete_at(0)

#自分の使用済みカード
mydiscard = []

#相手の使用済みカード
pcdiscard = []

#自分が賢者を使っているかを判定
mywiseman = []
mywiseman[0] = 0

#相手が賢者を使っているかを判定
pcwiseman = []
pcwiseman[0] = 0

#自分が乙女を使っているかを判定
myguard = []
myguard[0] = 0

#相手が乙女を使っているかを判定
pcguard = []
pcguard[0] = 0


#先行か後攻かをランダムで決めるメソッドを作る。


def choice(myhand, line)
  puts "あなたの手札にあるのは#{myhand[0]}番と#{myhand[1]}番のカードです"
  puts "どちらのカードを使用しますか"
  puts "#{myhand[0]}番のカードを使用する"
  puts "#{myhand[1]}番のカードを使用する"
  puts "0番:チュートリアルを閲覧する"
  puts "11番:使用済みカードを確認する"
  puts line
  input = gets.to_i
  return input
end

puts "あなたが先行です"

while true

  #デッキにカードがなかった場合、互いの数字の大きさで勝敗を決める。
  if zeno == []
    decknone(myhand, pchand)
  end

  #前回選んだカードが７番だった場合、賢者の効果を発動する。
  if mywiseman[0] == 1
    mywiseman[0] = 0
    wiseman = zeno.first(3)
    puts "賢者のカードの効果により、カードをドローします"
    wiseman.each do |wise|
      puts "#{wise}番"
    end
    puts "あなたの現在の手札にあるのは#{myhand[0]}番のカードです"
    puts "どのカードを手札に加えますか"
    puts line
    input = gets.to_i

    while !wiseman.any?(input)   do
      puts "そのカード番号は引いたカードの中にありません"

      wiseman.each do |wise|
        puts "#{wise}番"
      end

      puts "再度番号を入力してください"
      input = gets.to_i
    end

    myhand[1] = input
    zeno.delete_at(zeno.find_index(input))
    zeno.shuffle
    puts "#{myhand[1]}番のカードを手札に加えました"
    puts "残りのカードを山札に戻してシャッフルします"
  end

  #自分がカードを一枚ドローする。先行か後攻かを決めるメソッドをあとで作る
  if myhand.length == 1
    myhand[1] = zeno[0]
    zeno.delete_at(0)
    puts "あなたはカードをドローしました"
    puts "引いたのは#{myhand[1]}番のカードです"
    puts line
  end

  #カード選択画面を表示
  input = choice(myhand, line)

  #使用できるカードがない場合は、こちらのメソッドにループする。
  while (input != myhand[0] && input != myhand[1]) || input == 10 || input == 11 do
    if input == 0
      tutorial(line)
      input = choice(myhand, line)
    elsif input == 10
      puts line
      puts "英雄のカードは手札から使用することができません"
      input = choice(myhand, line)
    elsif input == 11
      puts "自分の使用済みカード"
      if mydiscard == []
        puts "ありません"
      else
        mydiscard.each do |mydis|
          puts "#{mydis}番"
        end
      end

      puts "相手の使用済みカード"
      if pcdiscard == []
        puts "ありません"
      else
        pcdiscard.each do |pcdis|
          puts "#{pcdis}番"
        end
      end
      input = choice(myhand, line)
    else
      puts "その番号のカードは手札にありません"
      input= choice(myhand, line)
    end
  end

  #手札のカードを消去。墓地にカードを送る。
  myhand.delete_at(myhand.find_index(input)) 
  mydiscard << input

  #選んだカードの番号によって分岐が別れる
  mytern(myhand, pchand, input, zeno, hero, mydiscard, pcdiscard, mywiseman, pcwiseman, myguard, pcguard, line)
  pcguard[0] = 0
  puts line

  pctern(myhand, pchand, zeno, hero, mydiscard, pcdiscard, mywiseman, pcwiseman, myguard, pcguard, line)
  myguard[0] = 0
  puts line
end

自分のターンのメソッドはこちらに分けました。

mytern.rb

def mytern(myhand, pchand, card, zeno, hero, mydiscard, pcdiscard, mywiseman, pcwiseman, myguard, pcguard, line)

  if card == 9 && pcguard[0] == 0 
    puts "皇帝のカードを使用しました"
    if zeno == []

      puts "山札にカードがない為、効果を発動しません"
      puts "----------------------------"
    else
      pchand[1] = zeno[0]
      zeno = zeno.delete_at(0)
      puts "相手がカードをドローし、持っているカードはオープンします"
      puts "相手が持っていたのは#{pchand[0]}番と#{pchand[1]}番のカードです"
      puts "どちらのカードを指定しますか？"
      puts "あなたの手札にある現在のカードは#{myhand[0]}番のカードです"
      puts line
      input = gets.to_i

      pchand.delete_at(pchand.find_index(input))
      puts "#{input}番のカードを捨てさせました"
      if input == 10
        puts "英雄のカードは転生できない為、あなたの勝利です"
        exit
      end
      pcdiscard << input
    end 


  elsif card == 8 && pcguard[0] == 0 
    #データ移動用
    puts "精霊（交換）のカードを使用します"
    puts "自分の持っている#{myhand[0]}番のカードと相手の持っている#{pchand[0]}番のカードを交換しました"
    myhand[0], pchand[0] = pchand[0], myhand[0]

  elsif card == 7
    puts "７番の賢者のカードを使用しました"
    puts "次のターンカードを３枚ドローし、一枚選択して手札に加えます"
    mywiseman[0] = 1

  elsif card == 6 && pcguard[0] == 0
    puts "あなたが貴族のカードを使用しました"
    puts "あなたが持っていたのは#{myhand[0]}番のカード"
    puts "相手が持っていたのは#{pchand[0]}番のカード"

    if myhand[0] == pchand[0]
      puts "持っていたカードが互角の為、相打ちです"
    elsif myhand[0] > pchand[0]
      puts "あなたの勝利です"
    else myhand[0] < pchand[0]
      puts "あなたの負けです"
    end
    exit

  elsif card == 5 && pcguard[0] == 0 
    puts "あなたが死神（疫病）のカードを使用しました"
    if zeno == []
      puts "山札にカードがない為、死神の効果は発動しませんでした"
    else
      puts "死神の効果により、相手がカードを一枚ドローしました"

      pchand[1] = zeno[0]
      zeno.delete_at(0)

      # カードをシャッフルする
      pchand.shuffle
      #配列１番のカードを一枚捨てさせる
      input = pchand.shift
      if input == 10
        puts "死神の効果により、相手の英雄のカードが墓地に送りました"
        puts "相手は英雄の効果により、転生札よりカードを引いて復活します"
        pchand[0] = hero[0]
      else
        puts "死神の効果により、相手の#{input}番のカードが墓地に送られました"
      end
      pcdiscard << input
    end

  elsif card == 4 
    puts "あなたが乙女（守護）のカードを使用しました"
    puts "次のターンまで相手の攻撃が無効化されます"
    myguard[0] = 1

  elsif card == 3 && pcguard[0] == 0 
    puts "占い師のカードを使用しました"
    puts "相手が手に持っているカードをオープンします"
    puts "相手が持っていたのは#{pchand[0]}番のカードです"

  elsif card == 2 && pcguard[0] == 0 
    puts "兵士（捜査）のカードを使用しました"

    puts "自分の使用済みカード"
    mydiscard.each do |mydis|
      puts "#{mydis}番"
    end

    puts "相手の使用済みカード"
    if pcdiscard == []
      puts "ありません"
    else
      pcdiscard.each do |pcdis|
        puts "#{pcdis}番"
      end
    end
    puts "あなたがいま手に持っているカード"
    puts "#{myhand[0]}番"

    puts "相手が持っていると思うカード番号を指定してください"
    input = gets.to_i
    while input < 1 || input > 10
      puts "その番号は指定できません"
      puts "１から１０までの番号を指定してください"
      input = gets.to_i
    end
    if input == pchand[0] && input == 10
      puts "相手が持っていたのは英雄のカードでした"
      puts "英雄のカードの効果により、手札を捨てて転生します"

      pcdiscard << pchand[0]
      pchand[0] = hero[0]
    elsif input == pchand[0]
      puts "相手が持っていたのは #{pchand[0]}番のカードでした" 
      puts "あなたの勝利です"
      exit
    else
      puts "相手「違います」"
    end

  elsif card == 1 && pcguard[0] == 0 
    puts "少年のカードを使用しました"
    myboy = mydiscard + pcdiscard
    if myboy.count(1) == 2
      puts "少年のカードが使われたのは2枚目のため、効果を発動します"
      pchand[1] = zeno[0]
      zeno.delete_at(0)
      puts "相手がカードをドローし、持っているカードはオープンします"
      puts "持っていたのは#{pchand[0]}番と#{pchand[1]}番のカードです"
      puts "どちらのカードを指定しますか？"
      input = gets.to_i
      while !pchand.any?(input) do
        puts "その番号のカードは相手の手札にありません"
        puts "相手が持っているのは#{pchand[0]}番と#{pchand[1]}番のカードです"
        puts "もう一度番号を指定してください"
        input = gets.to_i
      end

      pchand.delete_at(pchand.find_index(input))
      pcdiscard << input
      puts "#{input}番のカードを捨てさせました"

      if input == 10
        puts "英雄の効果の発動により、手札を捨てて転生します"
        pchand[0] = hero[0]
      end
    else
      puts "少年のカードは初めて使われた為、何もおきません"
    end
  elsif pcguard[0] == 1
    puts "相手の乙女（守護）のカードの効果により無効化されました"
  else
    puts "エラーです"
  end
end

こちらが相手ターンのメソッドです。

pctern.rb

def pctern(myhand, pchand, zeno, hero, mydiscard, pcdiscard, mywiseman, pcwiseman, myguard, pcguard, line)
  #相手がカードを引こうとして山札にカードがなかった場合、数字の大きさで勝敗を決する。
  if zeno == []
    decknone(myhand, pchand)
  end

  #相手が前のターンに賢者を使った場合カードを３ドローする。zeno.firstでデッキの枚数が少なくてもエラーにならない
  if pcwiseman[0] == 1
    pcwiseman[0] = 0
    wiseman = zeno.first(3)
    pchand[1] = wiseman.max
    zeno.delete_at(zeno.find_index(wiseman.max))
    zeno.shuffle

    puts "相手は賢者（選択）のカードの効果により、カードをドローしました"
    puts "カードを一枚選んで残りを山札に戻し、シャッフルしました"
    puts line 
  end 



  if pchand.length == 1
    pchand[1] = zeno[0]
    zeno.delete_at(0)
    puts "相手がカードを一枚ドローしました"
  end

  input = pchand.min

  pchand.delete_at(pchand.find_index(input))
  pcdiscard << input

  if input == 1 && myguard[0] == 0
    pcboy = mydiscard + pcdiscard
    if pcboy.count(1) == 2
      puts "相手が少年（革命）のカードを使用しました"
      puts "少年のカードが使われたのは二枚目です"

      if zeno == []
        puts "山札が０枚の為、効果はは発動しませんでした"
      else
        puts "少年のカードの効果により、公開処刑を発動します"
        myhand[1] = zeno[0]
        zeno.delete_at(0)
        puts "少年のカードの効果により、#{myhand[1]}番のカードをドローしました"

        input = myhand.max
        myhand.delete_at(myhand.find_index(input))
        puts "相手があなたの手札から#{input}番のカードを墓地へ送りました"
        if input == 10
          puts "英雄のカードの効果により転生します"
          myhand[0] = hero[0]
        end
      end
    else
      puts "相手が少年のカードを使用しました"
      puts "少年のカードが使われたのは1枚目の為、何もおきません"
    end

  elsif input == 2 && myguard[0] == 0 
    pcsoldier = zeno + myhand
    sample = pcsoldier.sample
    puts "相手が兵士のカードを使用しました"
    puts "番号を宣言します"
    puts "相手「#{sample}番」"
    if myhand.any?(sample)

      if myhand[0] == 10
        puts "あなたの持っていた英雄のカードが墓地にいきました"
        puts "英雄の効果により、転生札よりカードを引いて復活します"
        mydiscard << myhand[0]
        myhand[0] = hero[0]
      else
        puts "あなたの手札にあったのは#{myhand[0]}番のカードです"
        puts "あなたの負けです"
        exit
      end
    else
      puts "あなた「違います」"
    end

  elsif input == 3 && myguard[0] == 0 
    puts "相手が占い師のカードを使用しました"
    puts "相手があなたのカード番号が#{myhand[0]}番であることを確認しました"

  elsif input == 4
    pcguard[0] = 1
    puts "相手が乙女（守護）のカードを使用しました"
    puts "次のターンまであなたの攻撃が無効化されます"

  elsif input == 5 && myguard[0] == 0 
    puts "相手が死神（疫病）のカードを使用しました"
    if zeno == []
      puts "デッキにカードがなかった為、何も起きません"
    end
    myhand[1] = zeno[0]
    zeno.delete_at(0)
    myhand.shuffle
    input = myhand.shift
    mydiscard << input
    if input == 10
      puts "相手が英雄のカードが墓地に送られました"
      puts "英雄のカードの効果で転生します"
      myhand[0] = hero[0]
    else
      puts "あなたの手札の#{input}番のカードが墓地に送られました"
    end

  elsif input == 6 && myguard[0] == 0 
    puts "相手が貴族のカードを使用しました"
    puts "あなたが持っていたのは#{myhand[0]}番のカード"
    puts "相手が持っていたのは#{pchand[0]}番のカード"

    if myhand[0] == pchand[0]
      puts "持っていたカードが互角の為、相打ちです"
    elsif myhand[0] > pchand[0]
      puts "あなたの勝利です"
    else myhand[0] < pchand[0]
      puts "あなたの負けです"
    end
    exit

  elsif input == 7
    puts "相手が賢者（選択）のカードを使用しました"
    puts "相手は次のターンにカードを3枚ドローし、一枚を選択して手札に加えます"
    pcwiseman[0] = 1

  elsif input == 8 && myguard[0] == 0 
    puts "相手が精霊（交換)のカードを使用しました"
    puts "あなたの持っている#{myhand[0]}番のカードと、相手の持っている#{pchand[0]}番のカードを交換します"
    myhand[0], pchand[0] = pchand[0], myhand[0]

  elsif input == 9 && myguard[0] == 0
    puts "相手が皇帝（公開処刑）のカードを使用しました"
    if zeno == []
      puts "デッキにカードがなかった為、何も起きません"
    else
      myhand[1] = zeno[0]
      zeno.delete_at(0)
      input = myhand.delete_at(myhand.find_index(myhand.max))
      pcdiscard << input
      if input == 10
        puts "相手があなたの持っていた英雄のカードを墓地に送りました"
        puts "あなたの負けです"
        exit
      else
        puts "相手があなたの持っていた#{input}番のカードを墓地に送りました"
      end
    end
  elsif myguard[0] == 1
    puts "乙女（守護の）効果により、相手の#{input}番のカードの効果を無効化しました"
  else
    puts "エラーです"
  end

end

山札にカードがなくなった場合のメソッドです。
これで決着です。

decknone.rb

def decknone(myhand, pchand)
  puts "山札のカードがなくなりました"
  puts "お互いの持っているカードをオープンします"
  puts "あなたの持っているカードは#{myhand[0]}番です"
  puts "相手が持っているカードは#{pchand[0]} 番です"

  if myhand[0] == pchand[0]
    puts "持っていたカードが同じの為、相打ちです"  
  elsif myhand[0] > pchand[0]
    puts "あなたの勝ちです"
  else myhand[0] < pchand[0]
    puts "あなたの負けです"
  end
  exit
end

チュートリアルです。長すぎるので分けてあります。

tutorial.rb

def tutorial(line)
  puts "① 少年（革命）"
  puts "1枚目では何も起きない。2枚目が場に出された時、皇帝と同じ効果を発動する"
  puts "ただし、少年は剣の扱いが未熟な為、英雄を殺すことはできない"
  puts line

  puts "② 兵士（捜査）"
  puts "カードの番号を指定する"
  puts "指定した番号を相手が持っていた場合、自分が勝利する"
  puts line

  puts "③ 占い師（透視）"
  puts "相手のカードを見ることができる"
  puts line

  puts "④ 乙女（守護）"
  puts "次の自分のターンがくるまで相手の攻撃を無効化する"
  puts line

  puts "⑤ 死神（疫病）"
  puts "相手はカードを一枚ドローする"
  puts "その後ランダムに一枚カードを捨てさせる"
  puts line

  puts "⑥ 貴族（対決）"
  puts "自分の持っているカードと相手の持っているカードをオープンする"
  puts "持っていたカードが大きい方が勝利"
  puts line

  puts "⑦ 賢者（選択）"
  puts "山札からカードを３枚ドローする"
  puts "指定したカードを一枚手札に加える"
  puts line

  puts "⑧ 精霊（交換）"
  puts "自分と相手の持っているカードを交換する"
  puts line

  puts "⑨ 皇帝（公開処刑）"
  puts "相手はカードを一枚ドローし、カードをオープンする"
  puts "指定した番号のカードを一枚捨てさせる"
  puts "相手が英雄のカードを持っていた場合、自分の勝利"
  puts line

  puts "⑩ 英雄（潜伏・転生）"
  puts "手札から場に出すことのできないカード"
  puts "少年、兵士、死神で殺されても転生ふだで復活する"
  puts "ただし皇帝の剣で殺された場合は復活できず負ける"
  puts line
end

以上、また改善します。

少しづつ難しくなってきました。今回はログイン機能についてまとめてみます。
足早に来てるけどこうして一個一個確実にアウトプットしてくよ。

この章ではログイン・ログアウト機能を実装していきます。
ログインの仕組みはブラウザがログインを保持し、ユーザーによってブラウザが閉じられたら状態を破棄すること。
ログインしたユーザーだけがアクセスできるページや扱える機能を制御する。こうした制限や制御の仕組みを認可モデルという。

セッション

HTTPは状態（state）がない（less）。つまりステートレスなプロトコルである。
HTTPによるリクエストの一つ一つはそれより前の情報を全く利用できません。
リクエストが終わると何もかも忘れてしまう健忘症的なプロトコルである。
つまりHTTP自体にはブラウザの別のページへ移動したときにユーザーのIDを保持しておく手段がない。
ユーザーログインが必要なApplicationではセッションと呼ばれる半永続的な接続をコンピュータ間に別途設定を行う。

cookies

Railsでセッションを実装する方法として最も一般的なのはcookiesを使う方法である。cookiesとはユーザーのブラウザに保存される小さなテキストデータである。cookiesはあるページから別のページに移動したときも破棄されないのでここにIDなどの情報を保存できる。Applicationはcookies内のデータをデータベースから取り出すことができる。

今回はsessionというRailsのメソッドを使って一時セッションを作成する。この一時セッションはブラウザを閉じると自動的に終了する。

セッションをRESTfulなResourcesとしてモデリングできると。他のRESTfulリソースと統一的に理解できる。

UserリソースとSessionリソースの違い

Userリソース...バックエンドでUserモデルを介してデータベース上の永続的データにアクセスする

Sessionリソース...cookiesを保存場所として使う。

Sessionsコントローラ

Sessionsコントローラの特定のRESTアクションにそれぞれ対応付けしていく。フォームはnewアクションで処理。
sessionsリソースの追加

  get   '/login',   to: 'sessions#new'
  post   '/login',   to: 'sessions#create'
  delete '/logout',  to: 'sessions#destroy

ログインフォーム

ログインフォームを整えていく。入力時に誤りがあった場合ログインページをもう一度表示しエラーメッセージを出力する。サインアップページではエラーメッセージに専用のパーシャルを使用したが今回はActive Recordからの自動生成ではないためフラッシュメッセージを使用する。

Sessionフォームにはモデルが存在しないため@userのようなインスタンス変数に相当するものもない。したがって新しいSessionフォームを作成する時はform_forヘルパーに追加の情報を独自に渡さなければならない。

 <%= form_for(:session, url: login_path) do |f| %>

      <%= f.label :email %>
      <%= f.email_field :email, class: 'form-control' %>

      <%= f.label :password %>
      <%= f.password_field :password, class: 'form-control' %>

      <%= f.submit "Log in", class: "btn btn-primary" %>
    <% end %>

ユーザーの検索と認証

ログイン機能を実装する際にはまず入力が無効な場合の処理を最初に行う。
SessionでのアクションはSessionコントローラへ定義する。
セッションの中にはemailとpasswordの情報が含まれている。

 def create
    user = User.find_by(email: params[:session][:email].downcase)
    if user && user.authenticate(params[:session][:password])
      # ユーザーログイン後にユーザー情報のページにリダイレクトする
    else
      # エラーメッセージを作成する
      render 'new'
    end
  end

user = User.find_by(email: params[:session][:email].downcase)

params[:session][:email]で、セッションの値を取り出し、メールアドレスには小文字しか入力できないため.downcaseで小文字に変換しています。
その後find_byメソッドで入力したemailをカラムに保存されたemailが一致した場合にユーザーに代入している。

if user && user.authenticate(params[:session][:password])

&&を使って、条件を2つ指定している。
・user:　userの中身がデータベースの内容と一致しているかどうか。
・user.authenticate:　userに代入されたレコードのパスワードがポストした値と一致しているか
パスワードが登録しているユーザー情報と一致していたらセッションにユーザーIDを登録している。

フラッシュメッセージの表示

ログインが失敗した場合にエラーメッセージを実装していく。まずは統合テストを構築する。

$ rails generate integration_test users_login

テストコードの流れ
１．ログイン用のパスを開く
２．新しいセッションのフォームが正しく表示されたことを確認する
３．わざと無効なparamsハッシュを使ってセッション用パスにPOSTする
4.新しいセッションのフォームが再度表示され、フラッシュメッセージが追加されることを確認する
5.別のページ (Homeページなど) にいったん移動する
6.移動先のページでフラッシュメッセージが表示されていないことを確認する

実際のテスト

require 'test_helper'

class UsersLoginTest < ActionDispatch::IntegrationTest

  test "login with invalid information" do
    get login_path　   #１．ログイン用のパスを開く
    assert_template 'sessions/new'    #2新しいセッションのフォームが正しく表示されたことを確認する
    post login_path, params: { session: { email: "", password: "" } }
       ↑#3わざと無効なparamsハッシュを使ってセッション用パスにPOSTする
    assert_template 'sessions/new'
    assert_not flash.empty?   #4新しいセッションのフォームが再度表示され、フラッシュメッセージが追加されることを確認する
    get root_path    #5のページ (Homeページなど) にいったん移動する
    assert flash.empty?    #6フラッシュメッセージが表示されていないことを確認する
  end
end

ログイン失敗時の正しい処理

class SessionsController < ApplicationController

  def create
    user = User.find_by(email: params[:session][:email].downcase)
    if user && user.authenticate(params[:session][:password])
      # ユーザーログイン後にユーザー情報のページにリダイレクトする
    else
      flash.now[:danger] = 'Invalid email/password combination'
      render 'new'
    end
  end

失敗するテストをパスさせるには、flashをflash.nowに置き換える。後者は、レンダリングが終わっているページで特別にフラッシュメッセージを表示することができます。flashのメッセージとは異なり、flash.nowのメッセージはその後リクエストが発生したときに消滅します

ログイン

実際にログイン中の状態での有効な値の送信をフォームで正しく扱える用にする。cookiesを使った一時セッションでユーザーをログインできるようにする。
セッションを実装するには通常様々なコントローラやビューでおびただしい数のメソッドを定義する必要がある。Rubyのモジュール機能を使うとそうしたメソッドを一箇所にパッケージ化できる。Sessionsコントローラを生成した時点でSessionヘルパーモジュールも自動生成されている。Applicationコントローラにこのモジュールを読み込ませればどのコントローラでも使える用になる。

class ApplicationController < ActionController::Base
  protect_from_forgery with: :exception
  include SessionsHelper
end

include...モジュールを呼ぶためのメソッド

log_inメソッド

railsで事前定義済みのSessionメソッドを使って単純なログインを行える用にする。

session[:user_id] = user.id

このコードを実行するとユーザーのブラウザ内の一時cookiesに暗号化済みのユーザーIDが自動で作成される。Sessionメソッドで作成した一時cookiesは一時的に暗号化されこのコードは保護される。攻撃者がたとえこの情報を盗み出すことができてもそれを使って本物のユーザーとしてログインすることはできない。

このセッションでlog_inというヘルパーメソッドを定義できたのでユーザーログインを行ってSessionのcreateアクションを完了し、ユーザーのプロフィールページにリダイレクトする準備ができる。

def create
    user = User.find_by(email: params[:session][:email].downcase)
    if user && user.authenticate(params[:session][:password])
      log_in user
      redirect_to user
    else
      flash.now[:danger] = 'Invalid email/password combination'
      render 'new'
    end
 end

現在のユーザー

ユーザーIDを一時セッションの中に安全におけるようになったので今度はそのユーザーを別のページで取り出すことにする。そのためにはcurrent_userメソッドを定義して、SessionIDに対応するユーザー名をデータベースから取り出せるようにする。
なぜcurrent_userを定義するのか。

find_byメソッドを使うということは、使う度にデータベースアクセスが発生する。
データベースに保存されているデータが多いほど検索時間かかるし、無駄にアクセス増やしたくない。
そのためUser.find_byの実行結果をインスタンス変数に保存しておく方法がRailsの慣習である。
よって@current_userへの代入を行う。

module SessionsHelper

  # 渡されたユーザーでログインする
  def log_in(user)
    session[:user_id] = user.id
  end

  # 現在ログイン中のユーザーを返す (いる場合)
  def current_user
    if session[:user_id]
      @current_user ||= User.find_by(id: session[:user_id])
    end
  end
end

レイアウトリンクを変更する。
レイアウトがユーザーがログインしているときとそうでないときとで変更できるようにする。まず統合テストを書いていく。

  # ユーザーがログインしていればtrue、その他ならfalseを返す
  def logged_in?
    !current_user.nil?
  end
end

 <% if logged_in? %>
          <li><%= link_to "Users", '#' %></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              Account <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li><%= link_to "Profile", current_user %></li>
              <li><%= link_to "Settings", '#' %></li>
              <li class="divider"></li>
              <li>
                <%= link_to "Log out", logout_path, method: :delete %>
              </li>
            </ul>
          </li>
        <% else %>
          <li><%= link_to "Log in", login_path %></li>
        <% end %>

レイアウトの変更をテストする

1.ログイン用のパスを開く
2.セッション用パスに有効な情報をpostする
3.ログイン用リンクが表示されなくなったことを確認する
4.ログアウト用リンクが表示されていることを確認する
5.プロフィール用リンクが表示されていることを確認する

上記のテストを行う際にはテストユーザーの作成が必要。
Railsではこのようなテスト用データをfixtureで作成できる。testデータベースでtestに必要なデータを読み込んでおくことができる。

  # 渡された文字列のハッシュ値を返す
  def User.digest(string)
    cost = ActiveModel::SecurePassword.min_cost ? BCrypt::Engine::MIN_COST :
                                                  BCrypt::Engine.cost
    BCrypt::Password.create(string, cost: cost)
  end

ユーザー登録中のログイン

 class UsersController < ApplicationController

  def show
    @user = User.find(params[:id])
  end

  def new
    @user = User.new
  end

  def create
    @user = User.new(user_params)
    if @user.save
      log_in @user
      flash[:success] = "Welcome to the Sample App!"
      redirect_to @user
    else
      render 'new'
    end
  end

  private

    def user_params
      params.require(:user).permit(:name, :email, :password,
                                   :password_confirmation)
    end
end

ログアウト

アプリケーションで扱う認証モデルでは、ユーザーが明示的にログアウトするまではログイン状態を保てなくてはならない。
SessionsコントローラのアクションはRESTfulルールに従っている。newでログインページを表示し、createでログインを完了するといった具合です。セッションを破棄するdestroyアクションも、引き続き同じ要領で作成できる。
ログアウトメソッドの定義

module SessionsHelper

  # 渡されたユーザーでログインする
  def log_in(user)
    session[:user_id] = user.id
  end
  .
  .
  .
  # 現在のユーザーをログアウトする
  def log_out
    session.delete(:user_id)
    @current_user = nil
  end
end

Sessionを破棄する

class SessionsController < ApplicationController

  def new
  end

  def create
    user = User.find_by(email: params[:session][:email].downcase)
    if user && user.authenticate(params[:session][:password])
      log_in user
      redirect_to user
    else
      flash.now[:danger] = 'Invalid email/password combination'
      render 'new'
    end
  end

  def destroy
    log_out
    redirect_to root_url
  end
end

log_outメソッドは、Sessionsコントローラのdestroyアクションでも同様に使っていく。

ユーザーログアウトのtest

require 'test_helper'

class UsersLoginTest < ActionDispatch::IntegrationTest
  .
  .
  .
  test "login with valid information followed by logout" do
    get login_path
    post login_path, params: { session: { email:    @user.email,
                                          password: 'password' } }
    assert is_logged_in?
    assert_redirected_to @user
    follow_redirect!
    assert_template 'users/show'
    assert_select "a[href=?]", login_path, count: 0
    assert_select "a[href=?]", logout_path
    assert_select "a[href=?]", user_path(@user)
    delete logout_path
    assert_not is_logged_in?
    assert_redirected_to root_url
    follow_redirect!
    assert_select "a[href=?]", login_path
    assert_select "a[href=?]", logout_path,      count: 0
    assert_select "a[href=?]", user_path(@user), count: 0
  end
end

テストでis_logged_in?ヘルパーメソッドを利用できるようにしてあったおかげで、有効な情報をセッション用パスにpostした直後にassert is_logged_in?で簡単にtestできる。

今日はここまで

はじめに

初めてのポートフォリオ、ついに完成しました！！！

ほぼ未経験の僕、アプリ開発するってよ。[１ヶ月目の学習記録]以降、更新が止まってましたが、その後もrailsの学習を継続して、なんとかポートフォリオを完成させることができました！
今回は空白の２ヶ月目も合わせて、どういった手順でここまで到達したのか、どのようなポートフォリオを作成したのかという２点についてお話します。

・これからプログラミング学習を始める方
・転職、新卒入社目的でプログラミング学習されている方
には非常に参考になると思います。

また、前回の記事をお読みになってない方は先に読まれることを推奨します。読まれた方がより鮮明にトレース出来るかと思うので。

では本編です！

ここまでの学習軌跡

僕が１ヶ月目のときに書いた記事
ほぼ未経験の僕、アプリ開発するってよ。[１ヶ月目の学習記録]
では、railsチュートリアルの2章まででした。
そこから、どのような軌跡を辿ってポートフォリオ完成まで至ったのか見ていきましょう！

まずアウトラインです。

○２ヶ月目

railsチュートリアル
↓
現場rails

○３ヶ月目

ポートフォリオのアイディアを捻出
↓
設計
↓
デザイン
↓
フロントエンドコーディング (HTML CSS JavaScript)
↓
バックエンドコーディング (Rails)
↓
AWSデプロイ

では詳細に見ていきます。

○２ヶ月目
２ヶ月目の目標は「railsの基礎を固める」です！
そこでまずは、railsエンジニアの登竜門railsチュートリアルです。
その後、より高度な内容を学習するため「現場で使える Ruby on Rails 5速習実践ガイド」を学習しました。（教材等はAmazonのリンクを貼ってます。アフィリエイトはありません。以降のリンクも同様です）

railsチュートリアル
総学習時間は３５時間程度でした。
知らない概念や専門用語が連続して、かなりしんどかった記憶があります。
当時は自走力も低かったので、全ての概念を調べきることができず、所々飛ばしながらやりました。
到達度としては80%程度だと思います。
十分に可視化されている情報だとは思いますが、１周目で全てを理解しようとしなくていいと思います。
２週目で完璧に理解する。または、80%程度の理解で次のタスクに進むというのがおすすめです。
私は後者です。

現場で使える Ruby on Rails 5速習実践ガイド
総学習時間は30時間程度でした。
とても丁寧に解説されていて、控えめに言ってすごく良かったです。
railsチュートリアルの内容の復習もでき、その上発展的な内容に挑戦できました。
Ajaxや共同開発、リファクタリング等、発展的な内容は盛りだくさんで勉強になることが多かったです。
特に、migrationをバージョンとして扱う考え方などは印象的でした。今までは細かいことを考えずに「えいやっ！」とマイグレーションを作成していたのを、反省するいい機会になりました。
2つめの教材として大変良かったと思います。

２ヶ月目の学習はこんな感じでした！

ここまででrailsの基礎が十分に固まったので、いざポートフォリオを作成！３ヶ月目に進みます。

○３ヶ月目
ついにやってきました。３ヶ月目の目標は「ポートフォリオの作成」です。
学習時間は100時間。まるまる１ヶ月かかりました。
主な目的は、アウトプットをしてスキルアップすること、ポートフォリオで企業へのアピールが出来るようになることの２つです。

制作フローは

ポートフォリオのアイディアを捻出
↓
（設計）
↓
デザイン
↓
フロントエンドコーディング (HTML CSS JavaScript)
↓
バックエンドコーディング (Rails)
↓
AWSデプロイ

です。

では細かく解説して参ります！

ポートフォリオのアイディアの捻出
メンターに助言をもらいながら、割とサクッと決まりました。
コンセプトは「2chのような質問掲示板」。
誰かにプログラミングについて質問が出来るサービスがいくつかありますが、どれも少し堅苦しいという印象があるんですよね。
もっと気軽に質問ができる場所、ただプログラミングについてだらだら話せる場所。
そういう居場所があってもいいなと思ったのです。
ということで、言っちゃうと６割くらいは2chのパクリです笑

[コラム]アイディアを捻出するちょっとしたコツ
アイディアを捻出する方法は色々あると思うのですが、一番簡単なのは「自分が欲しいもの」じゃないでしょうか。日頃の生活の中で感じる「不便」とか結構いいヒントになる気がします。

設計
設計についてはスクールのメンターにしてもらいました。
もちろん設計も自分でやった方が良いのでしょうが、学習の優先度的にコーディングすることが最重要であったため、ここはメンターの力を借りました。要望を上手いこと設計に落としてもらえました。

デザイン
これは「figma」という無料のツールを用いて作成しました。
設計を元に、「どういうデザインにしたらUI,UXが向上するか」を常に考えながら作成しました。
またこの時点で、設計について違和感がある所や、疑問は全て質問して解決しました。

○デザインをして良かったこと
・作成するアプリのイメージが鮮明になる
設計があるからと言って、急にコーディングするのはやっぱり難しいですよね。
どういうアプリなのかを具体的にイメージできた方がやっぱり、コーディングしやすいです。
どういう動きになるのか。それは実際にコーディング出来るのか。など考慮する良い機会になります。

・デザイナーの気持ちになる
デザイナーさんからデザインをもらって、それをコーディングする。というのが一般的なwebエンジニアの仕事ですよね。実際に自分でデザインを作ってみないと、デザイナーの気持ちが理解できないと思うのです。デザイナーの気持ちになって、「デザインって作るの大変だな」「どうやったらコーディングしやすいデザインが作れるだろう」などと考えるには良い機会になります。

フロントエンドコーディング
作成したデザインを元にHTML CSS JavaScriptでアプリの見た目を作成していきます。
デザインがあったので、サイトの模写コーディングと何ら変わり無かったです。
シンプルなデザインだったので、難しいことも特にありませんでした。
ただ一点、bootstrapを用いてほとんどのスタイルを書こうと思ってたのですが、実際に書いてみるとあまり融通がきかなかったので、結局ほとんど生のCSSで書きました。（勉強不足でただ不慣れだった説は否めません）

バックエンドコーディング
ついに来ました。Railsのコーディング。
ここがメインです！一番時間をかけました。
ではアプリ作りましょう！と１から自分で書くとなると「あれ、何すればいいんだっけ？」てなります笑
rails new からつまづいたのは良い思い出です。
バージョン等の諸々の設定に、オプションを使います。でも、「あれどうやって指定するんだ？」「この設計の場合はこの設定する必要はあるのか？」など考慮することが多く、コマンド一つ馬鹿に出来ません。
今までも何も考えずに与えられたコードを入力してただけですが、一つ一つのコマンドやコードを吟味する必要が出てきて、とても良いトレーニングになりました。

「ここにこだわったよ！」って所は、後にコードを見せながら詳細に解説します！

AWSデプロイ
プログラム自体が完成しても、それをサーバーにあげないともちろん誰にも使ってもらえません。
また本番環境で動作させてみると、開発環境では起きなかったエラーが発生する可能性もあります。
もちろんデプロイせずにgit hubに公開して完成としてもいいんですが、今回は勉強がてらAWSにデプロイしました。
世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで
こちらのqiita記事を参考にしながらデプロイしました。
とても大変でした。。。
AWSの設定自体もそうですが、秘密鍵、公開鍵の設定など、普段触れない技術領域でした。
エンジニアは学習することが多いなと再認識しました。

ポートフォリオ公開！

さあ、そうこうして完成したポートフォリオ、公開します！

ドン！！！
TechBoard
ドン！！！

どうでしょうか？見ていただけましたかね。
もちろんまだプロトタイプなので改善点は多いのですが、それを気にしてたらいつまでも公開できないなと思ったので公開しちゃいます。
少しでも触って頂けたら泣いて喜びます

ここに注目！

プログラムを用いて簡単な解説をしようと思ったのですが、思ったよりもヴォリュームがあったので別記事におこします！

現在準備中ですm(. .)m

まとめ

再三言いますが、やはりエンジニアは学習することが多いですね。
エンジニアが触れる領域は、広くて深いです。
様々技術を活用して一つのサービスが形になっているというのがよくわかりました。
学習をだらだらやっていると、いつまで経っても一人前のエンジニアにはなれないと危機感を感じると共に、案外エンジニアは楽じゃないなと感じました。
と言いますのも、私は皆さんがよく知るようなインフルエンサーに煽られてプログラミングを始めた経緯があります。完全にエンジニアをなめてました笑

同じくエンジニアを目指されている方に少しでも参考になれば幸いです！

Zip

はじめに

「見た目は JavaScript、頭脳(中身)は Ruby、（安定感は AC/DC）」 でお届けしているスクリプト言語 Kinx。言語はライブラリが命。ということでライブラリの使い方編。

今回は Zip です。

• 参考
  • 最初の動機 ... スクリプト言語 KINX（ご紹介）
    • 個別記事へのリンクは全てここに集約してあります。
  • リポジトリ ... https://github.com/Kray-G/kinx
    • Pull Request 等お待ちしております。

アプリ作る時に Zip 機能は欠かせないですね。あと、脆弱だ、脆弱だ、言われてますけど、業務アプリの中ではパスワード付き Zip が（建前上）求められることも事実。なので、パスワード付き Zip が作れないと実用にならない（日本では...?）。

Zip

Zip アーカイブ作成

Zip インスタンスの作成（class Zip）

基本的にはこんな感じ。

var zip = new Zip("zipfile.zip", File.READ|File.WRITE);

ファイル名とモードを指定する。

モード

モード	意味
File.READ	読み込みモード
File.WRITE	書き込みモード
File.APPEND	追記モード

File と同じ。

メソッド

Zip インスタンスのメソッドは以下の通り。

メソッド	内容	オプション
extract(name, [opts])	展開して文字列で取得	{ password, overwrite, skip, }
extractTo(name, file [, opts])	ファイルに展開	(同上)
find(name)	エントリを検索、エントリ・オブジェクトを返す
addFile(filename [, opts])	Zip ファイルにエントリを追加	{ password, method, aes, level }
addString(text [, opts])	Zip ファイルにエントリを追加	(同上)
setPassword(password)	全 Zip エントリで共通して使用するパスワードを設定
setOverwrite(truefalse)	上書き設定を一括で指定しておくために使用する

エントリの追加（addFile()/addString()）

addFile() または addString() を使います。即座にエントリが追加されます。

zip.addFile("README.md");

ファイルにディレクトリ名を与えた場合、ディレクトリは以下のファイルが追加される。また、第 2 引数にションを渡せる。オプションの内容は次の通り。

• password: パスワード付き Zip のパスワード。デフォルトは無し。
• method: 圧縮方法。デフォルトは deflate。その他、指定できるのは store、bzip2、lzma。
• aes: WinZIP 互換の AES 暗号化を有効にするか（true/false）。デフォルト false。尚、addString の場合には無視される。
• level: 圧縮レベル。0-9。

暗号化

addFile() の際にオプションで指定できるが、一括で最初に設定して置く場合は setPassword() を使うことができる。

var zip = new Zip("zipfile.zip", File.READ|File.WRITE);
zip.setPassword("password");

Zip ファイル一覧の表示

zip インスタンスには既に配列としてエントリ・オブジェクトが格納されている。以下のようにすると一覧表示することができる。尚、zip.totalFiles にエントリ数が格納されている。

var zip = new Zip("zipfile.zip", File.READ);
System.println("totalFiles = ", zip.totalFiles);
zip.each(function(e) {
    System.println("%s:" % e.filename);
    e.keySet().each(&(key) => {
        if (e[key].isFunction || e[key].isObject || e[key].isUndefined) {
            return; // 展開系の関数などはスキップ。
        }
        if (key == "crc32") { // CRC は 16 進表示
            System.println("    %-14s = %10X" % key % e[key]);
        } else if (key != "time" && key != "filename") { // 別で表示
            System.println("    %-14s = %10d" % key % e[key]);
        }
    });
    // time はさらにオブジェクト構造になっている
    e.time.keySet().each(&(k) => {
        System.println("      time.%-7d = %10d" % k % e.time[k]);
    });
    // // エントリを個別に展開することも可能。
    // if (e.filename == "README.md") {
    //     e.extractTo("READMEXX.md", { password: "text", overwrite: true });
    // }
});

以下のような感じで表示される。

totalFiles = 4
README.md:
    compsize       =       4413
    size           =      11621
    isDirectory    =          0
    crc32          =   EFD9A09C
    isEncrypted    =          1
    method         =    deflate
      time.month   =          3
      time.minute  =          1
      time.day     =         19
      time.year    =        120
      time.second  =          2
      time.hour    =         16
...

展開

Zip ファイルの展開は、以下の 2 通りの方法が可能。

• 直接 Zip インスタンスから展開する。
• Zip エントリオブジェクトから展開する。

Zip エントリから展開する場合は個別の展開になる。その場合、上記のようにイテレートして選択する方法と、find メソッドを使う方法の 2 種類がある。find メソッドは、指定したファイル名のエントリがあれば Zip エントリオブジェクトを返す。

展開時のオプションの意味は、以下の通り。

• password: 展開に使うパスワード。指定されなかった場合、setPassword() で設定されたものを使う。setPassword() でも設定されてなかった場合、パスワードなしで展開しようとする。
• overwrite: true を指定し、同名ファイルが既に存在した場合、上書きする。
• skip: true を指定し、同名ファイルが既に存在した場合、スキップする。

尚、overwrite も skip も指定されずに同名ファイルが存在した場合、ZipException 例外が送出される。

すべて展開

すべて展開するには、上記イテレートしたエントリに対して extractTo を実施する。必要なディレクトリは自動的に作成される。

zip.each(&(e) => e.extractTo("examples/zip/dst" / e.filename, { password: "text", skip: true }));

なんか説明してなかった気がするが、文字列に対して / オペレータを適用すると、/ で連結された文字列になる。

ファイルを指定して展開

直接 Zip インスタンスに対して extract または extractTo メソッドを使うことが可能。

zip.extractTo("README.md", "READMEXX.md", { password: "text", skip: true });

extract を使用した場合、展開した内容を文字列として返す。

var text = zip.extract("README.md", { password: "text" });

現在、バイナリで取得する方法が無いのに気がついたので、追加する予定。オプションに { binary: true } をつけるイメージ。

Zip エントリオブジェクトの場合、エントリ名を指定する引数がなくなる。

メソッド	内容	オプション
extract([opts])	展開して文字列で取得	{ password, overwrite, skip, }
extractTo(file [, opts])	ファイルに展開	(同上)

find を使った例は以下の通り。

zip.find("README.md")
   .extractTo("READMEXX.md", { password: "text", skip: true });

var text = zip.find("README.md")
              .extract({ password: "text" });

その他

使っているライブラリ

これです。

• Minizip

機能一覧。全然 Mini な感じがしないですね。

• Features
  • Creating and extracting zip archives.
  • Adding and removing entries from zip archives.
  • Read and write raw zip entry data.
  • Reading and writing zip archives from memory.
  • Zlib, BZIP2, and LZMA compression methods.
  • Password protection through Traditional PKWARE and WinZIP AES encryption.
  • Buffered streaming for improved I/O performance.
  • NTFS timestamp support for UTC last modified, last accessed, and creation dates.
  • Disk split support for splitting zip archives into multiple files.
  • Preservation of file attributes across file systems.
  • Follow and store symbolic links.
  • Unicode filename support through UTF-8 encoding.
  • Legacy character encoding support CP437, CP932, CP936, CP950.
  • Turn off compilation of compression, decompression, or encryption.
  • Windows (Win32 & WinRT), macOS and Linux platform support.
  • Streaming interface for easy implementation of additional platforms.
  • Support for Apple's compression library ZLIB implementation.
  • Zero out local file header information.
  • Zip/unzip of central directory to reduce size.
  • Ability to generate and verify CMS signature for each entry.
  • Recover the central directory if it is corrupt or missing.
  • Example minizip command line tool.

Zip64 対応

Zip64 も対応されている模様。4G 超えもいけるとの話だがテストできていない。

おわりに

Zip/Unzip はスクリプト言語を使う目的としては上位に来る機能でしょう。間違っても C で組みたいとは思わないし、簡単に Zip ファイル作りたい。

では、また次回。

Zip

はじめに

「見た目は JavaScript、頭脳(中身)は Ruby、（安定感は AC/DC）」 でお届けしているスクリプト言語 Kinx。言語はライブラリが命。ということでライブラリの使い方編。

今回は Zip です。

• 参考
  • 最初の動機 ... スクリプト言語 KINX（ご紹介）
    • 個別記事へのリンクは全てここに集約してあります。
  • リポジトリ ... https://github.com/Kray-G/kinx
    • Pull Request 等お待ちしております。

アプリ作る時に Zip 機能は欠かせないですね。あと、脆弱だ、脆弱だ、言われてますけど、業務アプリの中ではパスワード付き Zip が（建前上）求められることも事実。なので、パスワード付き Zip が作れないと実用にならない（日本では...?）。

Zip

Zip アーカイブ作成

Zip インスタンスの作成（class Zip）

基本的にはこんな感じ。

var zip = new Zip("zipfile.zip", File.READ|File.WRITE);

ファイル名とモードを指定する。

モード

モード	意味	動作概要
File.READ	読み込みモード	単独で指定した場合、ファイルが存在しなければ ZipException
File.WRITE	書き込みモード	ファイルが存在しても新規に作成しなおすモード
File.APPEND	追記モード	ファイルが存在した場合、そのファイルに追記するモード

File と同じ。

メソッド

Zip インスタンスのメソッドは以下の通り。

メソッド	内容	オプション
extract(name, [opts])	展開して文字列で取得	{ password, overwrite, skip, }
extractTo(name, file [, opts])	ファイルに展開	(同上)
find(name)	エントリを検索、エントリ・オブジェクトを返す
addFile(filename [, opts])	Zip ファイルにエントリを追加	{ password, method, aes, level }
addString(text [, opts])	Zip ファイルにエントリを追加	(同上)
setPassword(password)	全 Zip エントリで共通して使用するパスワードを設定
setOverwrite(truefalse)	上書き設定を一括で指定しておくために使用する

エントリの追加（addFile()/addString()）

addFile() または addString() を使います。即座にエントリが追加される。

zip.addFile("README.md");

ファイルにディレクトリ名を与えた場合、ディレクトリは以下のファイルが追加される。また、第 2 引数にオプションを渡せる。オプションの内容は次の通り。

• password: パスワード付き Zip のパスワード。デフォルトは無し。
• method: 圧縮方法。デフォルトは deflate。その他、指定できるのは "store"、"bzip2"、"lzma"。
• aes: WinZIP 互換の AES 暗号化を有効にするか（true/false）。デフォルト false。尚、addString の場合には無視される。
• level: 圧縮レベル。0-9。

オプションを付ける例は以下の通り。

zip.addFile("README.md", {
    method: "bzip2",
    password: "password",
    aes: true,
});
zip.addString("test/test1.txt", {
    content: "test/test\n",
    // aes: true,  // addString では無視される.
});

パスワードは、展開の際に個別に指定するようにすればエントリごとに別々につけることもできる。

暗号化

addFile() の際にオプションで指定できるが、一括で最初に設定して置く場合は setPassword() を使うことができる。

var zip = new Zip("zipfile.zip", File.READ|File.WRITE);
zip.setPassword("password");

Zip ファイル一覧の表示

zip インスタンスには既に配列としてエントリ・オブジェクトが格納されている。以下のようにすると一覧表示することができる。尚、zip.totalFiles にエントリ数が格納されている。

var zip = new Zip("zipfile.zip", File.READ);
System.println("totalFiles = ", zip.totalFiles);
zip.each(function(e) {
    System.println("%s:" % e.filename);
    e.keySet().each(&(key) => {
        if (e[key].isFunction || e[key].isObject || e[key].isUndefined) {
            return; // 展開系の関数などはスキップ。
        }
        if (key == "crc32") { // CRC は 16 進表示
            System.println("    %-14s = %10X" % key % e[key]);
        } else if (key != "time" && key != "filename") { // 別で表示
            System.println("    %-14s = %10d" % key % e[key]);
        }
    });
    // time はさらにオブジェクト構造になっている
    e.time.keySet().each(&(k) => {
        System.println("      time.%-7d = %10d" % k % e.time[k]);
    });
    // // エントリを個別に展開することも可能。
    // if (e.filename == "README.md") {
    //     e.extractTo("READMEXX.md", { password: "text", overwrite: true });
    // }
});

以下のような感じで表示される。

totalFiles = 4
README.md:
    compsize       =       4413
    size           =      11621
    isDirectory    =          0
    crc32          =   EFD9A09C
    isEncrypted    =          1
    method         =    deflate
      time.month   =          3
      time.minute  =          1
      time.day     =         19
      time.year    =       2020
      time.second  =          2
      time.hour    =         16
...

展開

Zip ファイルの展開は、以下の 2 通りの方法が可能。

• 直接 Zip インスタンスから展開する。
• Zip エントリオブジェクトから展開する。

Zip エントリから展開する場合は個別の展開になる。その場合、上記のようにイテレートして選択する方法と、find メソッドを使う方法の 2 種類がある。find メソッドは、指定したファイル名のエントリがあれば Zip エントリオブジェクトを返す。

展開時のオプションの意味は、以下の通り。

• password: 展開に使うパスワード。指定されなかった場合、setPassword() で設定されたものを使う。setPassword() でも設定されてなかった場合、パスワードなしで展開しようとする。
• overwrite: true を指定し、同名ファイルが既に存在した場合、上書きする。
• skip: true を指定し、同名ファイルが既に存在した場合、スキップする。

尚、overwrite も skip も指定されずに同名ファイルが存在した場合、ZipException 例外が送出される。

すべて展開

すべて展開するには、上記イテレートしたエントリに対して extractTo を実施する。必要なディレクトリは自動的に作成される。

zip.each(&(e) => e.extractTo("examples/zip/dst" / e.filename, { password: "text", skip: true }));

なんか説明してなかった気がするが、文字列に対して / オペレータを適用すると、/ で連結された文字列になる。

ファイルを指定して展開

直接 Zip インスタンスに対して extract または extractTo メソッドを使うことが可能。

zip.extractTo("README.md", "READMEXX.md", { password: "text", skip: true });

extract を使用した場合、展開した内容を文字列として返す。

var text = zip.extract("README.md", { password: "text" });

現在、バイナリで取得する方法が無いのに気がついたので、追加する予定。オプションに { binary: true } をつけるイメージ。

Zip エントリオブジェクトの場合、エントリ名を指定する引数がなくなる。

メソッド	内容	オプション
extract([opts])	展開して文字列で取得	{ password, overwrite, skip, }
extractTo(file [, opts])	ファイルに展開	(同上)

find を使った例は以下の通り。

zip.find("README.md")
   .extractTo("READMEXX.md", { password: "text", skip: true });

var text = zip.find("README.md")
              .extract({ password: "text" });

その他

使っているライブラリ

これです。

• Minizip

機能一覧。全然 Mini な感じがしないですね。

• Features
  • Creating and extracting zip archives.
  • Adding and removing entries from zip archives.
  • Read and write raw zip entry data.
  • Reading and writing zip archives from memory.
  • Zlib, BZIP2, and LZMA compression methods.
  • Password protection through Traditional PKWARE and WinZIP AES encryption.
  • Buffered streaming for improved I/O performance.
  • NTFS timestamp support for UTC last modified, last accessed, and creation dates.
  • Disk split support for splitting zip archives into multiple files.
  • Preservation of file attributes across file systems.
  • Follow and store symbolic links.
  • Unicode filename support through UTF-8 encoding.
  • Legacy character encoding support CP437, CP932, CP936, CP950.
  • Turn off compilation of compression, decompression, or encryption.
  • Windows (Win32 & WinRT), macOS and Linux platform support.
  • Streaming interface for easy implementation of additional platforms.
  • Support for Apple's compression library ZLIB implementation.
  • Zero out local file header information.
  • Zip/unzip of central directory to reduce size.
  • Ability to generate and verify CMS signature for each entry.
  • Recover the central directory if it is corrupt or missing.
  • Example minizip command line tool.

Zip64 対応

Zip64 も対応されている模様。4G 超えもいけるとの話だがテストできていない。

おわりに

Zip/Unzip はスクリプト言語を使う目的としては上位に来る機能でしょう。間違っても C で組みたいとは思わないし、簡単に Zip ファイル作りたい。

では、また次回。

はじめに

フィボナッチ数列の記事ってフィボナッチ数列100番目より遅いところですが、勉強中のもっとプログラマ脳を鍛える数学パズル アルゴリズムが脳にしみ込む70問 のアウトプットということでお許しください。

Ruby

rubymemo.rb

@memo = {0 => 1, 1 => 1}
def f(n)
  return @memo[n] if @memo[n]
  @memo[n] = f(n - 1) + f(n - 2)
end

puts f(10) # => 89

rubyarray.rb

N = 10

f = Array.new()
f[0] = f[1] = 1
2.upto(N) do |i|
  f[i] = f[i - 1] + f[i - 2]
end

puts f[N] # => 89

javascript の様にハッシュではなく配列でも実装可能と思われます。

Perl

perlmemo.pl

my %memo = (0 => 1, 1 => 1);
sub f {
  my $n = shift;
  return $memo{$n} if defined $memo{$n};
  $memo{$n} = f($n - 1) + f($n - 2);
}
print f(10), "\n"; # => 89

perlarray.pl

my $n = 10;

my @f;
$f[0] = $f[1] = 1;
for my $i (2..$n) {
  $f[$i] = $f[$i - 1] + $f[$i -2];
}

print $f[$n], "\n"; # => 89

ruby_perl.pl

  return @memo[n] if @memo[n]            # ruby

  return $memo{$n} if defined $memo{$n}; # perl
  return $memo{$n} if exists $memo{$n};  # perl

ruby と異なり、defined関数もしくは exists関数を使用する必要があります。

JavaScript

javascriptmemo.js

var memo = [];
memo[0] = memo[1] = 1;
function f(n) {
    if (memo[n]) return memo[n];
    return memo[n] = f(n - 1) + f(n - 2);
}

console.log(f(10)); // => 89

javascriptarray.js

N = 10;

var f = [];
f[0] = f[1] = 1;
for (var i = 2; i <= N; i++) {
    f[i] = f[i - 1] + f[i - 2];
}

console.log(f[N]); // => 89

javascript に詳しくないので、ハッシュ未使用で実装しています。

まとめ

• フィボナッチ数列を実装した
• それぞれの言語に違いがあって面白かった

参照したサイト
フィボナッチ数列
メモ化から学ぶ早期リターン
javascriptのハッシュライブラリを比較する
exists関数 - ハッシュのキーの存在確認

はじめに

Rails ウィザード形式導入について 1 はこちらをクリック願います。
チーム開発でフリマサイトを開発致しました。
その際、ユーザーの新規登録画面でウィザード形式を導入致しましたので、内容を整理します。
もうすでにご存知の方、省略の仕方等ご存知でしたら、ご教授願います。

前提

• ユーザー情報(User)については　以下　A　と記述します。
• 住所情報(Destination)については　以下　B　と記述します。

Aの新規登録のnewアクションとビュー

• app/controllers/users/registrations_controller.rbを見てみてください。
• えらいことになっているかと思います・・・
• なんだこれ・・・

app/controllers/users/registrations_controller.rb

# frozen_string_literal: true

class Users::RegistrationsController < Devise::RegistrationsController
  # before_action :configure_sign_up_params, only: [:create]
  # before_action :configure_account_update_params, only: [:update]

  # GET /resource/sign_up
  # def new
  #   super
  # end

  # POST /resource
  # def create
  #   super
  # end

  # GET /resource/edit
  # def edit
  #   super
  # end

  # PUT /resource
  # def update
  #   super
  # end

  # DELETE /resource
  # def destroy
  #   super
  # end

  # GET /resource/cancel
  # Forces the session data which is usually expired after sign
  # in to be expired now. This is useful if the user wants to
  # cancel oauth signing in/up in the middle of the process,
  # removing all OAuth session data.
  # def cancel
  #   super
  # end

  # protected

  # If you have extra params to permit, append them to the sanitizer.
  # def configure_sign_up_params
  #   devise_parameter_sanitizer.permit(:sign_up, keys: [:attribute])
  # end

  # If you have extra params to permit, append them to the sanitizer.
  # def configure_account_update_params
  #   devise_parameter_sanitizer.permit(:account_update, keys: [:attribute])
  # end

  # The path used after sign up.
  # def after_sign_up_path_for(resource)
  #   super(resource)
  # end

  # The path used after sign up for inactive accounts.
  # def after_inactive_sign_up_path_for(resource)
  #   super(resource)
  # end
end

• コメントアウトしている箇所はすでにDevise::RegistrationsControllerで定義されているものです。
• コメントアウト部分を外して上書きすることができます。（メソッドのオーバーライド）
• superはスーパークラス（今回であればDevise）のメソッドを呼び出しています。

とりあえずコメントアウト部分(superクラスの呼び出し部分）を全部消してしまいます・・・

• deviseとUserモデルが紐づくように設定してあるので、superで呼び出してもdeviseは同様の操作を行ってくれるようです。
• 勉強中ですので、super呼び出し方法についてはお待ちください（泣）

newアクションを定義する

app/controllers/users/registrations_controller.rb

class Users::RegistrationsController < Devise::RegistrationsController

  def new
    @user = User.new
  end

end

そして、対応しているビューも編集する

• 参考程度にみてください。このまま入力するとエラーが出るかも・・・です。

app/views/devise/registrations/new.html.haml

  .main
    .title
      .title__font
        A情報入力

    = form_for(@user, url: user_registration_path) do |f|
      .name-information
        .name-information__item
          .name-information__item__nicname
            = f.label :name,"ニックネーム"
        .name-information__name
          = f.text_field :name,size:26
      .email
        .email__information
          .email__information__address
            = f.label :email,"メールアドレス"
        .email__information
          = f.email_field :email, autofocus: true, autocomplete: "email",size:26

      .password
        .password__item
          .password__item__pass
            = f.label :password,"パスワード"
          .password__item__note
            - if @minimum_password_length
              (#{@minimum_password_length} 文字以上必要です)
        .password__input
        .password__description
          = f.password_field :password, autocomplete: "new-password", size:26

      .re-enter
        .re-enter__item
          .re-enter__item__pass
            = f.label :password_confirmation,"確認用パスワード "
        .re-enter__itempass
          = f.password_field :password_confirmation, autocomplete: "new-password",size:26
      .terms-of-service
        .terms-of-service__btm
          %input#submit_button1{:name => "submit", :type => "submit", :value => "次へ進む"}/

Aの新規登録のcreateアクションとビュー

• 1ページ目で入力した情報のバリデーションチェックをします。
• 1ページで入力した情報をsessionに保持させます。
• 次のBの登録で使用するインスタンスを生成、当該ページへ遷移するようにします。

createアクションを定義する(追記してください)

app/controllers/users/registrations_controller.rb

class Users::RegistrationsController < Devise::RegistrationsController
  before_action :configure_sign_up_params, only: [:create]

# 省略

  def create
    @user = User.new(sign_up_params)
    unless @user.valid?
      flash.now[:alert] = @user.errors.full_messages
      render :new and return
    end
    session["devise.regist_data"] = {user: @user.attributes}
    session["devise.regist_data"][:user]["password"] = params[:user][:password]
    @destination = @user.build_destination
    render :new_destination
  end



  protected

  def configure_sign_up_params
    devise_parameter_sanitizer.permit(:sign_up, keys: [:attribute])
  end

end

1ページ目で入力した情報のバリデーションチェック

• Userモデルのインスタンスを生成する。
• 1ページ目から送られてきたパラメータをインスタンス変数@userに代入する。
• そのインスタンス変数に対してvalid?メソッドを適用する。
• 送られてきたパラメータが指定されたバリデーションに違反しないかどうかチェックすることができる。
• falseになった場合は、エラーメッセージとともにnewアクションへrenderする。

1ページで入力した情報をsessionに保持させる

• A情報だけではなく、B情報までページ遷移した後に保存するという機能を達成するのが目的です。
• そのために、sessionという機能を用いる。
• sessionとは、ページが遷移しても情報が消えることが無いように、クライアント側で保持をさせておく機能のことをいうようです。
• A情報のバリデーションチェック後、session["devise.regist_data"]に値を代入する。
• この時、sessionにハッシュオブジェクトの形で情報を保持させるために、attributesメソッドを用いてデータを生成する。
• また、paramsの中にはパスワードの情報は含まれているが、attributesメソッドでデータ整形をした際にパスワードの情報は含まれない。
• そこで、パスワードを再度sessionに代入する。

B情報登録で使用するインスタンスを生成、B情報登録ページへ遷移する

• 次ページで、ユーザーモデルに紐づくB情報を入力させるため、該当するインスタンスを生成しておく必要がある。
• そのために、build_destinationで今回生成したインスタンス@userに紐づくDestinationモデルのインスタンスを生成する。
• ここで生成したDestinationモデルのインスタンスは、@destinationというインスタンス変数に代入する。
• そして、B情報を登録させるページを表示するnew_destinationアクションのビューへrenderする。

難しい！でも自作アプリには入れたいです！もうひと頑張り！

続きは次回！

さいごに

日々勉強中ですので、随時更新します。
皆様の復習にご活用頂けますと幸いです。

はじめに

新しい会社でインターンをはじめ、最初の方に回ってきた保守開発で、複数の日時を比べる機会がありました。
そこで、いろいろ調べてこのstrftimeを学んだので、アウトプットをかねて記事を書いていきます！(自分の初めてのqiita記事です)

strftimeとは？

rubyのstrftimeリファレンスは
時刻を format 文字列に従って文字列に変換した結果を返す
と言っています。

そもそも日時ってどうやって取り出すの？

めっちゃいい記事を見つけたのでこちらを参照してください笑
RubyとRailsにおけるTime, Date, DateTime, TimeWithZoneの違い
Time.nowで現在の日時を取得できます。
irb(main):001:0> Time.now
=> 2020-04-01 18:42:47 +0900
今回は、Time.nowからstrftimeを用いて値を呼び出したい形に変える方法についてまとめます。

strftimeを使ってみよう！

まずは、rubyのstrftimeリファレンスにある表を眺めて概要を理解しましょう！

この表からいくつか抜粋して、実際の開発や業務で役に立ちそうなものを、コードを用いて紹介していきます！

できること１　曜日の取得 %A,%a

irb(main):008:0> t = Time.now
=> 2020-04-01 18:59:14 +0900
irb(main):009:0> t.strftime("%A")
=> "Wednesday"
irb(main):010:0> t.strftime("%a")
=> "Wed"

これ以下はtに現在時刻が代入されているものとする

できること2　月の取得 %B,%b

irb(main):011:0> t.strftime("%B")
=> "April"
irb(main):012:0> t.strftime("%b")
=> "Apr"

できること3　日時と日付 %c

irb(main):013:0> t.strftime("%c")
=> "Wed Apr 1 18:59:14 2020"

できること4　日付の取得 %y/%m/%d

irb(main):016:0> t.strftime("%y/%m/%d")
=> "20/04/01"
irb(main):019:0> t.strftime("%Y/%m/%d")
=> "2020/04/01"
irb(main):018:0> t.strftime("%Y%m%d")
=> "20200401"

できること5　日付、それぞれの取得

irb(main):021:0> t.strftime("%Y")
=> "2020"
irb(main):022:0> t.strftime("%m")
=> "04"
irb(main):017:0> t.strftime("%d")
=> "01"

最後に

日時、時間、曜日の情報の取得に関して整理できたでしょうか？
また、万が一間違った情報がありましたら教えていただけると嬉しいです！
ご一読いただきありがとうございました！

※本記事はRubyがインストールされた前提の記事です。
Rubyをインストールしたあと、とにかくRubyをいろいろ触ってみて慣れていくための記事です。お役に立てば幸いです。

環境

Ruby 2.5.1
MacOS Mojave Ver.10.14.6

【超初心者向け】RubyをインストールしたらRubyで遊んでみよう！！その５の続きです。ここでも少し難しくなります。

Tarminal

irb(main):019:0> def hi(name = "World")
irb(main):020:1> puts "Hello #{name.capitalize}!"
irb(main):021:1> end
=> :hi
irb(main):022:0> hi "chris"
Hello Chris!
=> nil
irb(main):023:0> hi
Hello World!
=> nil

capitalizeメソッド

2行目のcapitalizeメソッドでnameの先頭の小文字を大文字に変換しています。（chris▶︎Chris）

８行目のカッコなしのメソッド呼び出しではデフォルト引数のWorldが呼び出されます。 これは、「もしnameが与えられなければ、nameのデフォルト値である"World"を 使う」という定義になります。

上記のように表示されていれば成功です。お疲れ様でした。