常連

注目の的

社会貢献

質問力

GemのSoceryを使ってログイン機能を付けています。

http://dev.classmethod.jp/server-side/ruby-on-rails/ruby-on-rails_sorcery_auth_no1/
こちらの記事のログイン、ログアウトのセッション機能の部分

app/controllers/user_sessions_controller.rb 内の
```
class UserSessionsController < ApplicationController
  def new
    @user = User.new
  end
 
  def create
    if @user = login(params[:email], params[:password])
      redirect_back_or_to(:users, notice: 'Login successful')
    else
      flash.now[:alert] = 'Login failed'
      render action: 'new'
    end
  end
 
  def destroy
    logout
    redirect_to(:users, notice: 'Logged out!')
  end
end
```

のnewアクションで@userというインスタンス変数を作っている意味は何でしょうか？
createの所でもif文で使われていますがこの＠userという変数が存在する意味がわからなかったので質問させてもらいます。

Ruby on Railsのログイン機能実装時のSorceryの記述について

###前提・実現したいこと
Rails5にてAPIサーバーを立てて、Deviseでユーザー管理を行いたいと思っております。
http://uraway.hatenablog.com/entry/2016/07/11/090206
こちらのサイトを参考に実装してみたのですが、実際にPostManを利用して、ユーザーをCreateしようとすると、うまくいきません。スマホからの利用を考えているのですがどのように実現できるかいまいち理解できていません。


###発生している問題・エラーメッセージ

PostManにてAPIを叩いてみたところ、
```
Started POST "/v1/users/" for 203.124.79.231 at 2017-03-09 07:01:54 +0000
Processing by V1::UsersController#create as JSON
  Parameters: {"email"=>"test02@test.com", "password"=>"[FILTERED]", "user"=>{"email"=>"test02@test.com"}}
   (0.1ms)  begin transaction
  User Exists (0.2ms)  SELECT  1 AS one FROM "users" WHERE "users"."email" = ? LIMIT ?  [["email", "test02@test.com"], ["LIMIT", 1]]
   (0.1ms)  rollback transaction
Completed 422 Unprocessable Entity in 24ms (ActiveRecord: 1.9ms)
```

とでます。実装は

```
http://uraway.hatenablog.com/entry/2016/07/11/090206
```
と同じようにしているのですが。そして、仮に成功したとして、実際にそのTokenをIOS側にどのようにおとしておくのか、という部分も理解しておりません。（普通に考えるとサーバー側にTokenを取りに行かないといけないの？そのためには認証をパスしないといけないんじゃない？？など）

###補足情報(言語/FW/ツール等のバージョンなど)
Rails5.0
Devise 4.2.0

Rails5でAPIサーバーを立ててDeviseでユーザー認証をしたい

クライアントからAPIを呼び出す際の認証方式について教えてください。
管理画面からdeviseでログインして、クライアント（JS）からRailsで実装したAPIを呼び出しデータを取得する処理を実装しています。

APIでの認証についてですが、ログインしたタイミングでcookieに一意となるtokenをセットして、クライアントからtokenをAPIにリクエストすることで認証をかけています。
（テーブルにtokenが設定されていて、一致するかどうかで認証する仕組みです。）

懸念としては、cookieを盗まれることによるセキュリティの懸念があります。

上記のような場合、どのような認証をすることがセキュリティ的にも安全であるべき認証かというのがあれば教えてください。

Rails API認証方式について

プログラミング初心者です

###実現したいこと
現在、ポートフォリオサイトを作成しています。
お問い合わせ部分をnode.js/JavaScriptを用いて実現を試みています。

下記のサイトを参考に作成しましたが、お問い合わせフォーム→milkcocoaへのデータストアはできています。しかし、milkcocoaからslackへの通知がうまくいきません。
どなたかわかる方、ご教示ください。

[Qiita - milkcocoaで静的サイトにslack連携のお問い合わせフォーム](http://qiita.com/n0bisuke/items/dbddfd9d4186efd1e0b5)


###発生している問題・エラーメッセージ
デーモン化はpm2で行っています。
pm2 logs で確認した時に以下のエラーが表示されます。
エラー中にsocket.io-clientがないとでているのですが、インストールはされています。
```
app-0 (err):     at Function.Module._load (module.js:280:25)
app-0 (err):     at Function._load (/usr/lib/node_modules/pm2/node_modules/pmx/lib/transaction.js:62:21)
app-0 (err):     at Module.require (module.js:364:17)
app-0 (err):     at require (module.js:380:17)
app-0 (err):     at Object.<anonymous> (/var/www/web/js/milkcocoa/index.js:1:2147)
app-0 (err):     at Module._compile (module.js:456:26)
app-0 (err):     at Object.Module._extensions..js (module.js:474:10)
app-0 (err):     at Module.load (module.js:356:32)
app-0 (err):     at Function.Module._load (module.js:312:12)
app-0 (err): Error: Cannot find module 'socket.io-client'
app-0 (err):     at Function.Module._resolveFilename (module.js:338:15)
app-0 (err):     at Function.Module._load (module.js:280:25)
app-0 (err):     at Function._load (/usr/lib/node_modules/pm2/node_modules/pmx/lib/transaction.js:62:21)
app-0 (err):     at Module.require (module.js:364:17)
app-0 (err):     at require (module.js:380:17)
app-0 (err):     at Object.<anonymous> (/var/www/web/js/milkcocoa/index.js:1:2147)
app-0 (err):     at Module._compile (module.js:456:26)
app-0 (err):     at Object.Module._extensions..js (module.js:474:10)
app-0 (err):     at Module.load (module.js:356:32)
app-0 (err):     at Function.Module._load (module.js:312:12)
```

###ソースコード
app.js

```JavaScript
var config = require('/var/www/web/js/config.js');
var request = require('/usr/lib/node_modules/request');
var MilkCocoa = require('/usr/lib/node_modules/milkcocoa');
var milkcocoa = new MilkCocoa('https://'+ config.appid +'.mlkcca.com');
var ds = milkcocoa.dataStore("データストア名");

ds.on('push', function(data) {

    var mes = '「' + data.value.name + '('+ data.value.email +')」さんから問い合わせがありました。';
    mes += '[' + data.value.title + ']';
    mes += data.value.body;

    var options = {
        url: config.slack.url,
        form: 'payload={"channel": "'+config.slack.channel+'", "username": "'+config.slack.username+'", "text": "'+ mes +'"}',
        json: true
    };

    request.post(options, function (error, response, body) {
        if (!error && response.statusCode == 200) {
           console.log(body);
        }else{
            console.log('error: '+ response.statusCode);
        }
    });

});
```

milkcocoaからslackへの通知がうまくいかない

![イメージ説明](7c12ee2e4f6de548c02b8ac36fdad00b.jpeg)

上図のようにBには背景色を設定しております。
Wの部分にある文字は黒で、Bの部分にある文字は白で表示したいと考えおります。
このBは大きウインドウ幅により位置が変わります。
その位置にあわせて文字が変わる場所も変更されるようにしたいと考えております。

【質問】

背景の位置がウインドウ幅にあわせて動的に変わり、それにあわせて文字の色を変えることはできますか？

CSS3のグラデーションで文字色を変えることは可能ですが、背景位置に合わせて変えるとなるとアイデアが思いつきません。
コードを記述いただけると大変助かりますが、アイデアだけでも結構ですのでご教示ください。
基本的なHTML/CSS/jQueryの知識はあります。

レスポンシブで作成し、スマホとPCサイズではデザインが異なるため、「ABDEFG」の文字の部分は出来れば画像ではなくテキストで実現できると嬉しいです。

ご存じの方いれば、教えてください。