常連

注目の的

社会貢献

質問力

質問者

makeコマンドでvenvをactivateさせるaliasを組もうとしています。
SHELLがないと下のエラーが出ます。

```error
make: source: No such file or directory
make: *** [active] Error 1
```
```makefile
SHELL := /bin/bash
active:
	source venv/bin/activate
```

### 質問
今の状態でmake activateを実行するとエラーが発生せず問題なく実行されたような動作をしますが、通常では (venv)user$ のように仮想環境に入った標である()が出ない為正常にactivate出来ていないのではないかと考えています。

どのようにしたらmakeコマンドからactivateできるでしょうか？

makefile内のsourceコマンドの実行方法

selfの使い方を色々調べてましたが、selfを使った場合と@を使った場合で結果が同じになります。
Qiitaとか色々見たのですがイマイチ理解できずでして。。。
どっちがいいとかございますでしょうか？

```Ruby
# selfメソッドを使った場合
class User
  attr_accessor :name, :station

  def initialize(name, station)
    # self.nameに引数name を代入する
    self.name = name
    self.station = station
  end
  def my_profile
    p "私の名前は#{self.name}で最寄駅は#{self.station}駅です。"
  end

  # クラスメソッド
  def self.description
    # この場合のselfの扱いは、 Userオブジェクトではなく、Userクラス
    puts "#{self}クラス"
  end
end

# Userのオブジェクトを生成し、引数で名前を与える
user = User.new("田中太郎", "白金高輪")
user.my_profile # => "私の名前は田中太郎で最寄駅は白金高輪駅です。"

# クラスメソッドの呼び出し
User.description # => Userクラス
```

```Ruby
# @を使った場合
class User
  attr_accessor :name, :station

  def initialize(name, station)
    # self.name の代わりに@name にする
    @name = name
    @station = station
  end
  def my_profile
    p "私の名前は#{@name}で最寄駅は#{@station}駅です。"
  end

  # クラスメソッド
  def self.description
    # 適当にaaaクラスを記入
    puts "aaaクラス"
  end
end

# Userのオブジェクトを生成し、引数で名前を与える
user = User.new("田中太郎", "白金高輪")
user.my_profile # => "私の名前は田中太郎で最寄駅は白金高輪駅です。"

# クラスメソッドの呼び出し
User.description # => aaaクラス
```

【Rails】selfと@の使い分けはどうすればいいでしょうか？

RSpec、とりわけリクエストスペックでの質問です。
リクエストスペックで!session[:user_id].nil?がなぜ使えるのかが疑問です。

session[:user_id] = user.idを行った際はsessionメソッドは使えません。とエラーが出ました。

```
# spec/support/login_support.rb

module LoginUser

  # このメソッドがなぜリクエストスペックで使えるのかが疑問
  def is_logged_in?
    !session[:user_id].nil?
  end

  # これは使えない
  def test_log_in(user)
      session[:user_id] = user.id
  end

  RSpec.configure do |config|
    config.include LoginUser
  end
end
```

```
# spec/request/sessions_request_spec.rb

require 'rails_helper'

RSpec.describe "Sessions", type: :request do
  let(:user) { FactoryBot.attributes_for(:user) }

  describe "destroy" do
    before do
      post users_path, params: { user: user }
    end
    
    # このitは通る
    it "ログイン状態じゃなくなる" do
       delete logout_path(user)
       expect(is_logged_in?).to_not be_truthy    # このexpectで使用
    end
  end

  describe "create" do
　　　　# このitはエラー
      it "sessionメソッドを使いログイン", focus: true do
        test_log_in( FactoryBot.create(:user) )  # test_log_inはここで使用
        expect(is_logged_in?).to be_truthy
      end
   end
end
```

```
# エラー文

Failure/Error: session[:user_id] = user.id
     
     NoMethodError:
       undefined method `session' for nil:NilClass
```


system specでsessionメソッドが使えないのは知っていましたが、リクエストスペックでも使えないのでしょうか?

繰り返しになりますが、その場合なぜis_logged_inメソッドは使えたのでしょうか？

よろしくお願い致します。

なぜRSpecのリクエストスペックで、!session[:user_id].nil?が使えるのか

当方、railsで初めてアプリケーションを作成しております初心者です。
その途中で不明点があり、ご教授いただければと思います。

不明点はタイトルの通りなのですが、model内にクラスメソッドを記載し、コントローラー内で使用しようとしたところ、paramsやdiviseのcurrent_userが使えなくなっておりました。
実装自体は引数を使い問題はなかったのですが、純粋な疑問として、なぜこのようなことが起こったのでしょうか？？

Rails　モデル内でparamsやcurrent_userが使えない理由

#状況
laravel8でReact×TypeScriptのアプリケーションを作成中
認証はlaravel-uiで行っている
laravelでapiを作成して、ログインユーザーの情報をReact側のaxiosで受け取りたい

#解決したいこと
apiの中でAuth:id()でidを取得できない

#ソース
api.php
```
Route::get('/users', function(Request $request) {
        $id = Auth::id();
        // $id = 4;
        $users = DB::table('users')->where("users.id",$id)->get();
        $users = $request->user();
        return response()->json(['users' => $users]);
});
```
User.tsx
```
import { useEffect, useState, VFC } from 'react';
import axios from 'axios';

type usersType = [
    {
        id: string;
        name: string;
        email: string;
        created_at: string;
        updated_at: string;
        email_verified_at: string;
    }
];

export const User: VFC = () => {
    const [users, setUsers] = useState<usersType>();
    useEffect(() => {
        getUsers();
    }, []);

    const getUsers = async () => {
        const response = await axios.get('/api/users');
        setUsers(response.data.users);
        console.log(response.data.users);
    };

    return (
        <div>
            <h1>Userページ</h1>
            <ul>
                {users?.map((user) => (
                    <li key={user.id}>{user.name}</li>
                ))}
            </ul>
        </div>
    );
};

```
api.phpのidの部分を手打ちで打つとデータは取れるのでデータの取得自体は出来ている。
Auth::id()でなぜidが取れないのかがわからない。
web.phpの方のブレードファイル内ではAuth:id()で取得することができていた。
#やったこと
ミドルウェアに問題があるとの記事を見つけたのでKernel.phpを変更したが変化なし。

kernel.php
```
・・・
 protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\Session\Middleware\AuthenticateSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            \App\Http\Middleware\HandleInertiaRequests::class,
        ],

        'api' => [
            'throttle:api',
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\Session\Middleware\AuthenticateSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            \App\Http\Middleware\HandleInertiaRequests::class,
        ]
        ];
・・・
```
なぜかコントローラーを作ってやろうとするとデータが取れなくなってしまうため、api.phpにてfunctionを書いています。
また、この方法しか思いつかなかったのですが、他にデータ取得の方法があれば教えてほしいです。
バックエンド自体触るのが初めてで全くわからないので、Auth:id()で取得できない理由を教えていただけると幸いです。

laravel8にてAuth::id()でユーザーID を取得できない。

### 前提・実現したいこと
Laravelを使用したアプリ開発を行なっています。
それにあたり、laravel-mixを使用してフロントの開発環境を構築しており、その中でBrowsersyncを使おうとしています。

### 発生している問題・エラーメッセージ
Browsersync自体は動作し、http://localhost:3000が開かれるのですが、Cannot GET /とだけ出て、内容が表示されません。
ターミナルで```$ npm run watch```を打つと、下記が出力されます。
```
         Asset      Size   Chunks             Chunk Names
/css/style.css   215 KiB  /js/app  [emitted]  /js/app
    /js/app.js  3.73 MiB  /js/app  [emitted]  /js/app
[Browsersync] Access URLs:
 ----------------------------------------
       Local: http://localhost:3000
    External: http://192.168.100.104:3000
 ----------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 ----------------------------------------
[Browsersync] Serving files from: public
[Browsersync] Watching files...

```

### 該当のソースコード

**webpack.mix.js**

```javascript
mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/style.scss', 'public/css')
    .sourceMaps(false)
    .webpackConfig({
        module: {
            rules: [
                {
                    test: /.scss/,
                    loader: 'import-glob-loader'
                }
            ]
        }
    })
    .browserSync({
    server: 'public',
    proxy: false,
    files: [
        'views/**/*.blade.php',
        'public/css/*.css',
        'public/js/*.js'
    ]
})
```

**package.json**
```
{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.19",
        "bootstrap": "^4.1.0",
        "browser-sync": "^2.26.7",
        "browser-sync-webpack-plugin": "^2.0.1",
        "cross-env": "^5.1",
        "glob": "^7.1.4",
        "import-glob-loader": "^1.1.0",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.13",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.10"
    },
    "browserslist": [
        "last 2 versions",
        "ie 9"
    ]
}

```

### フォルダ構成
app
bootstrap
config
database
node_modules
public
├ css
├ js
├ index.php
resources
├ js
│ ├ components
│ ├ app.js
├ lang
├ sass
│ ├ foundation
│ ├ layout
│ ├ object
│ └ style.scss
├ views
routes
storage
tests
vendor
package.json
webpack.mix.js
※一部省略

### 試したこと

browsersyncの設定内のproxyやserverやportなどが原因だろうと思い、下記のページやドキュメントなどを参考に変更しました。
https://qiita.com/kan_dai/items/a9087fdb8886203d8eca
○ドキュメント
https://browsersync.io/docs/options/

### 補足情報（FW/ツールのバージョンなど）
Laravel:5.8


以上になります。非常に初歩的な内容な気もしており、大変恐縮なのですが、お力を貸していただけると大変有り難いです。
よろしくお願いいたします。

【Laravel-mix】Browsersyncを使用したい

Vue.js及びJavaScript初心者です。実現したいことはなんとか形にはなったのですが、全く良い書き方とは思えず、潜在的な問題もあるかもしれません…。より効率的であったり、スマートな書き方があればご教示いただければ幸いです。


### 前提・実現したいこと

使用言語：Vue.js(2系), vue-router(v3.5.1)

2つのviewをタブで切り替えるWEBサイトを作っています。
どちらのviewも、Intersection Observer APIを用いて無限スクロールを実装しています。
さらに、無限スクロールで表示させるコンテンツは、各view共通の子コンポーネントを読み込んでいます。

このcreateObserver()という処理を、子コンポーネントである各コンテンツがmounted（createdでも可能？）された後に実行したいと思います。現状は、紆余曲折を経て、単純に500ms後に関数を呼び出すことで実現したい挙動はなんとかできています。。

```
// 親コンポーネント(view)
<template>
  <div>
    〜〜中略〜〜
    <Post
      v-for="post in posts"
      :key="post.name"
    ></Post>
  </div>
</template>

<script>
import Post from "../components/Post";
import { createObserver } from '../js/intersectionObserver';

export default {
  〜〜中略〜〜

  mounted() {
    setTimeout(() => {
      createObserver();
    }, 500);
  },

  〜〜中略〜〜
}
</script>
```


### 発生している問題・解決したいこと

この「500ms後に処理をする」という書き方よりも良い方法について、お知恵を貸していただきたいです。
この場合ですと、例えば通信環境が悪く読み込みに時間がかかっている場合などは期待する挙動にならないのではと思っています。


### 試したこと

- 初めsetTimeoutのmsを100msにしたところ、40%くらいの確率で望む挙動になり運頼みという不安定な状態でした。。現状なんの根拠もなく500msに設定しているので、それも良いのかわかりません。
- 非同期処理だ、と聞きかじった知識で思い浮かびはしたものの、`子コンポーネントがmountedになったら`という状態をどう取得し活用できるかも見当がつかず、試せていません。


わかりづらい点があれば恐縮ですが、何卒ご教授のほど宜しくお願いいたします！


# 解決方法
1. $emitを使った方法
```
// 子
mounted() {
    this.$emit('is-post-mounted');
  },

//  親
<Post @is-post-mounted="childDOMMounted"></Post>
~~
methods: {
	childDOMMounted() {
		createObserver();
	}
}
```
2. $nextTickを使った方法
```
// 子
mounted() {
  this.$nextTick(() => {
    createObserver();
  })
}
```

【Vue.js】子コンポーネントのmounted後に処理を実行したい

Apple Developer Program(有料)に登録しています。
App ID を作成したいのですが、Bundle ID の入力を求められます。

XcodeのBundle Identifierを設定すべきだと思いますが、
個人開発の場合のBundle Identifierの決め方（ルール）がわかりません。

どのように設定すればよいのでしょうか？

Xcode の Bundle Identifier について

## 前置き
突然の投稿失礼します。
Ruby開発初心者なのですが、
知識と経験不足で開発の定石や基礎部分がうまく理解できておらず質問を投稿させていただきます。

先月Rubyで開発を行い、ソースコードのレビューで指摘を頂いた時に色々と疑問に思ったことがあり、
その中で一点どうしても理解できないところがありましたのでご助言をお願いします。

指摘を受けた部分は、rubocopで構文チェックを行いソースコードを訂正した箇所にあります。
rubocopを実行させた際に
```
Missing frozen string literal comment.
```
という上記の警告が発生したため、調査して下記のコメントを付与することで問題を解決していました。
```
# frozen_string_literal: true
```
この対応を行った箇所に対して
「その記述は必要ですか？」
というご指摘をレビューの際にいただき、今一度必要性を調査したところ謎が深まりわからなくなりました。
どうかご教示をお願いします。


###環境
Ruby ： 2.3.1
Rails ： 5.0.2
構文チェック ： rubocop

###疑問点
- 通常の開発を行う際は、rubocopのfrozen_string_literalに関してどう対応しているのか。
(.rubocop.ymlに設定するのか、警告の出たソースコードを修正する等)
※その対応の理由も教えていただきたいです。


調査したところ、文字列リテラルの扱いに関する記述・対応ということ、
rubocopが標準でfrozen_string_literalを検査していること、
またrubyのversionが3.0になる際に大きく関わるということは多少理解しました。


↓参考にさせて頂いた資料
http://d.hatena.ne.jp/ku-ma-me/20151004/p1
http://www.task-notes.com/entry/20160831/1472572735
  
  
見当外れなことをお聞きしているかもしれませんが、是非ご教示お願いします。
よろしくお願いします。
必要な情報などがございましたらご提示致しますのでその際はお手数ですがお声掛けしていただけると幸いです。

Ruby frozen_string_literal について

Google Colab.の無料GPUでプログラムを実行したところ、メモリ（RAM:12.72GB）が一気に消費されてしまいます。
原因と対策についてご教授いただきたいです。

・コード
```Python
#サマータイム期間外ならデータの時刻を1時間早くする（=サマータイムの時間にあわせる）
import time
new = []
new_append = new.append
elapsed_time = 0
t1 = time.time()

def Summer():
  for i,x in enumerate(data["summer"]):
      if x == "EST": # ESTなら1時間データを早くする 
          new_append(data.iloc[i,0:1]+timedelta(hours=-1))
          new[-1]["time"]=str(new[-1]["time"]) #上で型がdatetime64になるので戻す
      else:          # EDTならそのまま
          new_append(data.iloc[i,0:1])
      if i%20000==0: #進捗確認用に20000データ毎に出力
          print(i)

Summer()
new = pd.DataFrame(new) #【※】ここでメモリ消費が急増
data.iloc[:,0:1] = new["time"]

t2 = time.time()     # 処理後の時刻
elapsed_time = t2-t1 # 経過時間
print(f"経過時間：{elapsed_time}") # 経過時間を表示
```
inputは以下のようなデータです。
・data（長さは実際は400,000程度）
||time|summer|
|:--|:--:|--:|
|0|2019-10-10 06:02:00|EDT|
|1|2020-11-23 06:02:00|EST|

コードの【※】の箇所で120s程度の時間がかかり、メモリ消費が著しく増大します。
dataもnewのバイト数を調べてみましたが、数MB程度でデータ長が原因ではないのかな？と考えております。
（ちなみに、inputの長さが1,000,000を超えたものにすると、クラッシュします・・・）


・原因の確認をしたくて試したこと
１. 実行後に別のセルにて、先ほど宣言した変数をdelで消去しましたが、【※】で増大した分のメモリは解放されませんでした。
    →やはり、変数のデータの長さは関係なさそう？
２. 下記のように一旦別の変数をかませてみてもメモリの増大量はほぼ変わりませんでした。
　  下記のコードの場合、2行目のnew1 = pd.DataFrame(new1)でメモリが増大します。
```Python
new1 = new.copy()
new1 = pd.DataFrame(new1)
new  = data.iloc[:,0:1]
```

メモリが一気に数GB食われる原因と対策

今現在以下のようにテストを書いています。正常系と、異常系でcontextを分けています。

質問
`get '/api/books'`というのが、itやexampleのブロック中じゃないと使えないらしく
`ステータスコード200を返す`というテストと、`正しい数のデータを返す`というテストのそれぞれの中で`get '/api/books'`を実行しています。
これを共通化するような手段はございますでしょうか？
```
RSpec.describe BooksController, type: :request do
  let!(:stores) { FactoryBot.create_list(:book, 10) }

  describe '#index' do
    context 'リクエストが成功した場合' do
      it 'ステータスコード200を返す' do
        get '/api/books'
        expect(response).to have_http_status(:ok)
      end

      it '正しい数のデータを返す' do
        get '/api/books'
        json = JSON.parse(response.body)
        expect(json.length).to eq(stores.length)
      end
    end

    context 'URLが存在しない場合' do
      it 'ステータスコード404を返す' do
        get '/api/wrong_path'
        expect(response).to have_http_status(:not_found)
      end
    end
  end
end

```

以下のように、１つのテストの中に複数のアサーションを入れればいけますが、基本的に１テスト＝１アサーションにしたいのでこれは避けたいと思います。
```
      it '正しいレスポンスを返す' do
        get '/api/books'
        json = JSON.parse(response.body)
        expect(response).to have_http_status(:ok)
        expect(json.length).to eq(stores.length)
      end
```

※その他、質問以外の箇所でご指摘等あれば、いただけますと幸いでございます。

APIのテスト(request_spec)を書いています。処理を共通化したいです。

前置きしますと、理解が追いついていない面が多々あるので支離滅裂な内容になっているかもしれないですが宜しくお願いします。

普段Railsアプリを作る際は`devise`を使用して認証機能を作成していました。
ただdeviseはsession認証である為、そのwebアプリをモバイルでも使用したい場合の展開が難しいと言うことで、冬休みを使ってtoken認証を試すべく、[devise_token_auth](https://devise-token-auth.gitbook.io/devise-token-auth/usage)を使用してアプリを作っています。


しかしtoken認証(devise-token-auth)の概念が掴めず、またどうtokenを用いて認証ありのwebアプリを作っていったらいいのか分かりません。
またdeviseと同じくdevise-token-authにもuser_signed_in?等のメソッドが用意されていますが、これがどのようにログインしたユーザーのレコードを取っているかが分かりません。
web上の情報ですとcurlやpostmanを叩いて、200が返ってきたね！という情報ばかりで、これをどうwebアプリ上で展開したら良いかということが分からず混乱しております。
またsession認証は認証が成功したらcookieにログイン情報を保存し、次回以降クライアントがサーバーにアクセスしたら、cookieの情報とサーバーが持っているsession情報と照合して本人かどうか担保するということが感覚的には分かりやすいのですが、token認証はどうも勝手が違うようでよく分からないです。


それを踏まえてまず第一の質問です。

**１.**
devise-token-authを用いて、ログイン(認証系処理へのpost)を行うとresponse headerには`access_token`が返ってくると思います。
access_tokenは飽くまでも認証に成功したという文字通りの印だと思いますが、これはブラウザ上、もしくはDBのどこかに保存したり保持する必要はあるのでしょうか？
tokenの情報はブラウザで保持せず、次の画面等に遷移する際、リクエストヘッダーにこのtokenを含めて使うと、token認証を説明しているウェブページには書いてあったのですが、
つまりログインしているかどうか担保するには何かの画面を見るたびにリクエストにこのaccess_tokenを含ませる、またサーバーからクライアント側に渡すといった処理を書かなきゃいけないのでしょうか？(例えばwebならjavscriptか何かで)
それともdevise-token-authがよしなにやってくれる仕組みを持っているのでしょうか？

またこれに含め第二の質問なのですが

**２.**
```
if user_signed_in?
    @name = current_user.name
end
```
例えばuser_signed_in?はログインしているかどうかbooleanで返す、プレーンなdeviseでもお馴染みなメソッドだと思うのですが、devise-token-authでは`request`にaccess_tokenが含まれているかどうか特に何も処理を書かずとも判別してくれるメソッドと言う解釈でよろしいでしょうか？


長くなってしまいましたが、分からないことが分からないと言う感じの質問になってしまい大変恐縮です。
お手数をおかけしますがご回答をよろしくお願いします。

(rails)devise-token-authを試しているがtoken認証の仕組みがいまいち分からない

RailsアプリでRSpecを使用しています。

そこでRSpec関連のファイルの多くで
```
require 'rails_helper'
```

書かれることが多いと思いますが、これはなぜパスを指定しなくても読み込むことができるのでしょうか？

gemでそのように指定されているからでしょうか？

初歩的な質問ですが、よろしくお願い致します。

RailsアプリのRSpecでのrequireについて

### 前提・実現したいこと
デプロイ後にCSSが反映されず、画像も表示されません。
bundle exec rails assets:precompile RAILS_ENV=productionは実行しました。
[こちらの記事](https://qiita.com/at-946/items/b7d467bf25c40fcfca44)や[こちらの記事](https://qiita.com/mochizukikotaro/items/355201f90ee819bf1878)に書いてあること、pumaの再起動などを実行しましたが、どれも結果は変わりませんでした。

画像のpathはasset_pathにしています。

どなたか分かる方教えてもらえますでしょうか。

よろしくお願いします

### 発生している問題・エラーメッセージ

```
net::ERR_ABORTED 404 (Not Found)

404 (Not Found)
```
![イメージ説明](f0b44e367b8646560f722656ae0c77a4.png)


### 試したこと

$ find app/assets/ -type f -exec touch {} \;
$ rake assets:clobber assets:precompile
したあと、bundle exec rails assets:precompile RAILS_ENV=productionして、nginxのリロード。

production.rbの設定修正
− config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
+ config.public_file_server.enabled = true

nginx.confの設定変更
sendfile off;

いずれも効果はありませんでした。

AWSへデプロイ後にnet::ERR_ABORTED 404 (Not Found)のエラーでCSSが反映されない

Dockerをインストールしようとしていて、[このページ](https://qiita.com/tkyonezu/items/0f6da57eb2d823d2611d#23-gpg-%E5%85%AC%E9%96%8B%E9%8D%B5%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB)を読んでいます。

そこにはこう書かれています：

`curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -`


この末尾の `-` は何ですか？

apt-key add -コマンドの"-"は何か？

visual studio code を起動して `ctrl + @` ショートカットキーで  **TERMINAL**  が出てくるかと思いますが、それを最大化する方法をご存知の方いらっしゃいましたら教えていただけませんでしょうか？

いつも **TERMINAL** 画面の右上にあるゴミ箱マークの右隣にある「`^`」このマークを押して最大化しているのですが、できればキーボードで行いたいと考えております。

visual studio code での terminal画面を最大化にする方法

こんにちは。
コンテナ間通信用にlinksとdepends_onとnetworksとnetwork_modeの4種類がありますが、どれを使えば良いのでしょう。

version'2'の場合、linksとdepends_onは同じ機能になるらしいですが、そもそもlinkが消え去る予定らしいのでdepends_onも使わない方がいいのでは？っと思っています。
networksとnetwork_modeというのもあるみたいです。

コンテナ間通信を可能にするキーが4つもあり、どれを使えばいいのよっと思っています。
何かしら明確な違いがあるわけでもなさそうですし。

何かしら使い分ける意図があって作られたキーなのかもはっきりしません。

使い分けの手段や違いなども教えていただけると助かります。

Docker-Compose linksとdepends_onとnetworksとnetwork_mode

Rails 6.0.2.2 を使っています。
assets を使ってコントローラ毎に css を使い分けていて以下のようにうまく機能していました。

app/view/layouts/application.html.erb
```erb
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= stylesheet_link_tag params[:controller], media: 'all', 'data-turbolinks-track': 'reload' unless devise_controller? %>
```

- app/assets/stylesheets/__<コントローラ名に対応した名前>__.scss が存在する
- application.scss では `require_tree .` は使っていない

----

これを webpacker 側に寄せたく、以下のように `*_pack_tag` を使うようにしました。
scss ファイルも app/javascript/stylesheets/ 配下にコピーしました。
application.scss のスタイルは効くようになったのですが、コントローラ毎のスタイルが効いていません。
どうしたらよいでしょうか?

現状では以下のようになっています。

- config/webpack/environment.js
```js
const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.prepend(
  'Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery',
    jquery: 'jquery/src/jquery',
    Popper: 'popper.js'
  })
)

module.exports = environment
```

- app/javascript/packs/application.js
```js
import 'bootstrap'
import '../stylesheets/application'

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("trix")
require("@rails/actiontext")
```

上記の 2行目で scss を読み込んでいると思うのですが、3行目あたりに
```
import '../stylesheets/コントローラ名1'
import '../stylesheets/コントローラ名2'
.
.
```
のように列挙しても CSS が混ざってしまいますよね!?

コントローラー毎にCSSを使い分けたい

Ruby on Railsの練習でTwitterのような文字・画像・動画が投稿できるサイトを作っているのですがすべてのページ（admin画面を除く）で再読み込みボタンを押すと「本当にこのフォームを再送信しますか？」と出てしまいます。

フォームがあるページで出てくるのなら分かるのですがフォームがない投稿一覧のページなどでも再読み込みボタン押すと「本当にこのフォームを再送信しますか？」出てしまいます。

### ブラウザ
ブラウザによって挙動が違うのですがこれは何が原因なのでしょうか
- GoogleChrome(PC) 何も出ない
- GoogleChrome(スマホ) 何も出ない
- Edge(PC)なにもでない
- Safari（PC）出てくる
- Safari（スマホ）出てくる

詳しい方いましたら解決方法など教えていただけると幸いです。

本当にこのフォームを再送信しますか？が全てのページで出てくる

laravelでお問い合わせフォームの入力画面、確認画面、完了画面の３つに分けて作成しています。
確認画面で戻るボタンを実装する上で`onClick=history.back()`を使わず確認画面から入力項目へ入力値を保持した状態での遷移を`form`タグで表現する方法を教えて頂きたいです。


`web.php`
```PHP
Route::get('/contacts/input', 'ContactController@getInput');
Route::post('/contacts/input', 'ContactController@postIndex');
Route::get('/contacts/confirm', 'ContactController@confirm')->name('confirm');
```

`confirm.blade.php`
```HTML
<form action="/contacts/input" method="POST" novalidate>
    {{csrf_field()}}
        <input type="hidden" value={{$contact_class}}>
        <input type="hidden" value={{$name}}>
        <input type="hidden" value={{$kana}}>
        <input type="hidden" value={{$tel}}>
        <input type="hidden" value={{$email}}>
        <input type="hidden" value={{$order_id}}>
        <input type="hidden" value={{$contact_contents}}>
        <input type="submit" class="p-contact-confirm-back-button c-button p-glayGradationD" value="戻る">
    </form>
    <form action="/contacts/complete" method="POST" novalidate>
    {{csrf_field()}}    
        <input type="submit" class="p-contact-confirm-submit-button c-button p-orangeGradationA" value="送信する">
    </form>
```
`ContactController.php`
```PHP
入力画面表示メソッド（省略）
・
・
・
    public function postIndex(ContactRequest $request)
    {
        $request->session()->flash('contact_class', $request->input('contact_class'));
        $request->session()->flash('name', $request->input('name'));
        $request->session()->flash('kana', $request->input('kana'));
        $request->session()->flash('tel', $request->input('tel'));
        $request->session()->flash('email', $request->input('email'));
        $request->session()->flash('order_id', $request->input('order_id'));
        $request->session()->flash('contact_contents', $request->input('contact_contents'));
        $request->session()->flash('submit', $request->input('submit'));

        return redirect()->route('confirm');
    }

    public function confirm(Request $request)
    {
        return view('app.contact.confirm')
        ->with([
            'contact_class' => $request->session()->get('contact_class'),
            'name' => $request->session()->get('name'),
            'kana' => $request->session()->get('kana'),
            'tel' => $request->session()->get('tel'),
            'email' => $request->session()->get('email'),
            'order_id' => $request->session()->get('order_id'),
            'contact_contents' => $request->session()->get('contact_contents'),
            'submit' => $request->session()->get('submit'),
        ]);
    }
・
・
・
完了画面表示メソッド（省略）
```