常連

注目の的

社会貢献

質問力

自己紹介

現在Firebaseを使って匿名認証を利用したアプリを開発しています。
もしアプリ内のコードでログアウトの処理を書かなかった場合、アプリを一度終了し、もう一度再開し、ログイン処理を行なった場合、そのユーザー情報（uidなど）は終了する前と同じものなのでしょうか？
公式サイトを読んでみましたが、合致する内容がなく、疑問に思っております。
ご回答よろしくお願いいたします。

Firebaseの匿名認証のログイン状態について

centos7を利用しています。

vimコマンドで行うような
あるファイルへの書き込みと保存をシェルスクリプトで行いたいです。

どのようにすれば実装できるか教えて下さい。

言葉足らずで申し訳ありません。

やりたいこととしては
シェルスクリプトでPython3のインストールを行おうと思い、
その途中で
`.bash_profile`に下記を書き込みたいです。

```
export PYENV_ROOT="$HOME/.pyenv"
export PATH="$PYENV_ROOT/bin:$PATH"
eval "$(pyenv init -)"
```

普段は`# vim .bash_profile`から入力しています。

linux シェルスクリプトでファイルに書き込みを行いたい

[https://pub.dev/packages/freezed#the-syntax](https://pub.dev/packages/freezed#the-syntax)
change_notifier,riverpodなどで出てくるfreezedパッケージについて見ているのですが、
説明を読んでもよくわかりません。
コードジェネレータというものが初めてなので(説明によるとよくあるものみたいですが)、
具体的に何をしているのかイメージできません。

providerなどで出てくるので状態管理の話だと思うのですが、その前段階の、
データベースからjsonデータ(文字列)を受け取って
map→クライアント側固有のモデルクラス
に変換する作業のように感じます。
そのモデルクラスをstate(状態)にセットして、
どう状態管理するか、という話に繋がっていく。
その変換をシンプルに、簡単に行うパッケージがfreezed、ということですかね?

結局中まで見て何をしているのか把握すべきでしょうか?
それともとにかく公式ページの説明に書いてある通りにすれば、
こういう結果になりますよ、
という使い方を覚えて使えば良い、ということなんでしょうか?

Dart : freezedパッケージの仕組みについて

全て static な関数や変数のクラスと比較して、シングルトンは何が有利なのでしょうか。

「static おじさん」という言葉を聞いたことがあるのですが、static おじさん的な書き方の方がコード量が少なくて済んで、かっこいいおじさんのように思えてしまいます。


```Dart
// コード量 : 多い
class SingletonGuy {
  static final SingletonGuy _singleton = SingletonGuy._internal();
  factory SingletonGuy() => _singleton;
  SingletonGuy._internal();
  
  void saySomething(){
    print('Why do I live?');
  }
}

// コード量 : 少ない
class StaticOjisan {
  static void saySomething(){
    print('I am simple.');
  }
}

main() {
  SingletonGuy().saySomething();
  StaticOjisan.saySomething();  
}
```

シングルトンは、static おじさんより何が良いのか

### 前提・実現したいこと

環境：macOS Catalina 10.15.3

Bearというノートアプリからノート一覧を取得し、特定のノートを復習の為に表示させたいです
それらをAutomatorのアプリケーション上で行おうと思っています

ノート一覧取得には[x-callback-url](http://x-callback-url.com/)を用いるつもりで、下記のようにBearはそれに対応しています
[X callback url Scheme documentation](https://bear.app/faq/X-callback-url%20Scheme%20documentation/)

### 発生している問題・エラーメッセージ

Automatorのアプリケーション上でパラメータ無しの[searchアクション](https://bear.app/faq/X-callback-url%20Scheme%20documentation/#search)叩けば全てのノートを表示してくれます
![イメージ説明](65b1f2566339ff31206db9c9b7a7008f.png)

これは上手く動作しましたが、この後に[searchアクション](https://bear.app/faq/X-callback-url%20Scheme%20documentation/#search)の`x-success`にある`notes`を取得して一覧情報を取得する動作をどう設定すればいいのか分かりません

これをお教えくださればと思います！

x-callback-urlを使ってノートアプリからノートの情報一覧を取得したい

現在Eclipseを使用し、Webシステムの開発をしています。
取得したデータからグラフ（以下グラフAとする）を作成し、グラフのデータがクリックされると別領域に押下したデータに関連するデータがグラフ（以下グラフBとする）で表示されるという仕組みを作ろうと考えています。
グラフAの表示領域に表示するグラフは積み上げ棒グラフなのですが、積み上げるデータ毎にクリックイベントを用意することができなくて困っています。
グラフを表示させる方法としてはjavascriptのChart.jsを使用しています。
Chart.jsの積み上げ棒グラフにそのような機能はあるでしょうか？
教えていただけると嬉しいです。

Chart.jsでの積み上げ棒グラフの作成に困っています

###実現したいこと
例えば現在が2017年4月であれば、prevボタンを押下した際に、eventsのurlに201703をパラメータとして渡してeventの取得をしたいと考えています。

###該当のソースコード
```ここに言語を入力
 $(document).ready(function() {
        var date_obj = $('#fullcalendar').fullCalendar('getDate');
        var date = moment(date_obj).format('YYYYMMDD');
        drawCal(date);
        $('.fc-prev-button').on('click', function(){
			var date_obj_prev = $('#fullcalendar').fullCalendar('getDate');
			var date_prev = moment(date_obj_prev).format('YYYYMMDD');
            drawCal(date_prev);
        });
        $('.fc-next-button').on('click', function(){
            var date_obj_next = $('#fullcalendar').fullCalendar('getDate');
            var date_next = moment(date_obj_next).format('YYYYMMDD');
            drawCal(date_next);
        });
    });

    function drawCal (date) {
        $('#fullcalendar').fullCalendar({
            header: {
                left: 'prev',
                center: 'title',
                right: 'next'
            },
            height: 540,
            editable: false,
            // 月名称
            monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
            // 月略称
            monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
            // 曜日名称
            dayNames: ['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'],
            // 曜日略称
            dayNamesShort: ['日', '月', '火', '水', '木', '金', '土'],
            eventLimit: true, 
			events: '/dev/'+date,
        });
    }
```

###試したこと
上記ソースでは、最初のロード時にfullcalendarを描画し、prev、nextボタンのクリック時に、クリックがされた月を引数として渡し、再びfullcalendarを描画することで上記を実現しようと考えているのですが、クリック時に実行されるeventsのurlに当月のdateが固定で渡されてしまっています。

onClick時に実行されるdrawCal()の引数のdateにはクリックされた日付が入っているのですが、eventsのurlのパラメータとしてどのようにすればクリック時の日付が渡せるのかがわかりませんでした。

ご助力よろしくお願いいたします。

FullCalendarでprev、nextボタンを押下した際に、その日付をパラメータとして送りeventの取得がしたい。

### 前提・実現したいこと

Laravelで一つのセレクトボックスの選択によって、二つ目のセレクトボックスの内容が変わるようにしたいです。
具体的には、動物の種類（犬）を選択すると、二つ目のセレクトボックスに犬の詳細な種類の選択が出るというものです。
現状は二つのセレクトボックスを表示しているだけで、連動はできていません。
javascript、jQueryでどのように実現したら良いのでしょうか。調べると、セレクトボックスがハードコーディング
されている場合の方法はあるのですが、DBの値で作成されている場合どのように実現したら良いのかわかりません。
お手数ですがご教授お願いします。

### 該当のソースコード

```php
// Controller
public function create()
    {
        $categoryList = Category::pluck('name', 'id');
        $subCategoryList = SubCategory::pluck('name', 'id');
        return view('posts.create', compact(
            'categoryList', 'subCategoryList'));
    }

```

```php
//　モデル
class Category extends Model
{
    protected $fillable = ['name'];
   
    // リレーション
    public function subCategory()
    {
        return $this->hasMany(SubCategory::class);
    }
```


categoryテーブル（一部）
|id|name|
|:---:|:---:|
|1|犬|
|2|猫|

subCategoryテーブル（一部）
|id|category_id|name
|:---:|:---:|:---:|
|1|1|チワワ
|2|１|トイプードル
|3|2|スコティッシュ・フォールド  
|4|2|アメリカンショートヘア 


```php
// View
<form action="{{ route('post.store') }}">
     <div class="form-group col-sm-6">
       <label for="category">ペットの種類</label>
       <select class="form-control" name="category_id" id="main">
         <option value="" style="display: none;">選択してください</option>
         @foreach ($categoryList as $index => $name)
           <option value="{{ $index }}">{{ $name }}</option>
         @endforeach
       </select>
       <label for="category">ペットの詳細な種類</label>
       <select class="form-control" name="sub_category_id" id="sub">
         @foreach ($subCategoryList as $index => $name)
           <option value="{{ $index }}" data-val="">{{ $name }}</option>
         @endforeach
       </select>
     </div>
</form>

```


### 補足情報（FW/ツールのバージョンなど）
Laravel7

動的なセレクトボックスを作成したい(Laravel, jQuery)

### 前提・実現したいこと

完全な初心者です。
laravelで作ったwebアプリをfirebaseを使ってデプロイしたいです。
それぞれmacbookにインストール済みです。

### 問題点

laravelで作ったwebアプリをfirebaseを使ってどうやってデプロイすれば良いのかが分からないです。(ホスティングの仕方？と言うのでしょうか…？)
検索してもよくわかりませんでした。
何もかもわからないので、質問も大雑把なものになってしまって申し訳ないです。
参考になるサイト等あれば教えていただきたいです。

laravelで作ったwebアプリをfirebaseでデプロイしたい

JAVAを勉強している者です。説明が下手ですいませんが、「匿名クラス」って一体なんなんでしょうか？ネットや参考書みても「その場で使い捨てるクラス」と書いてあるんですが、そんな機能なんかメリットあるんですか？
私はまだ勉強不足だと思いますが、「匿名クラス」ってなんのメリットがあるのか、いまいちわかりません。
わかりやすいような例や例えで教えてくれませんか？
できれば身近な例を挙げて教えてくれませんか？
よろしくお願いします。

匿名クラスってわかりやすい例に例えると？またそのメリットは？

Homebrewとpkgの違いとメリットデメリットを教えてください。
どちらも同じようにソフトをインストールすることができますが、同じことをするのに別々の方法が必要なのでしょうか？
おそらく必要だからどちらも存在していると思うのですが具体的な違いはなんでしょうか？
また、それぞれのメリットデメリットを教えてください。

Homebrewとpkgの違いとメリットデメリット

### 前提

勉強のためにLaravel 5.1 LTSでシンプルなSNSサイトを開発しています。

**実装した主な機能**
- ユーザー登録・ログイン認証
- フォロー機能
- 投稿機能
- お気に入り機能
- ユーザー一覧表示
- フォロー・フォロワー一覧表示
- 投稿一覧表示
- お気に入り一覧表示


### 実現したいこと
現在、投稿に対してコメントする機能を実装しようとしています。
DBへの書き込みには `$fillable` を用いて実装したいと思っています。


### 発生している問題・エラーメッセージ
一先ず、ページ上に設置したフォームからコメントを送信して、それをDBに書き込めるようにしようとしているところですが、これが実装できないため、コメントを表示するための view ファイルはまだ仮の状態です。

フォームからコメントを送信すると下記のエラーメッセージが出ます。

```
SQLSTATE[23000]: Integrity constraint violation: 1452 Cannot add or update a child row: a foreign key constraint fails (`microposts`.`comments`, CONSTRAINT `comments_user_id_foreign` FOREIGN KEY (`user_id`) REFERENCES `users` (`id`) ON DELETE CASCADE) (SQL: insert into `comments` (`comment`, `updated_at`, `created_at`) values (コメントテスト, 2018-05-03 19:50:00, 2018-05-03 19:50:00))
```


### 試したこと
エラーはDBの外部キー制約関係の問題のようですので、試しに comments テーブル作成時に定義した全ての外部キー制約を dropForeign したところ、comment テーブルの comment, created_at, updated_at カラムには期待通りの値が書き込まれましたが、それ以外で必要な user_id と micropost_id カラムに値が書き込まれません。


### 自信がない部分等

リレーション関連と __CommentsController@store__ での処理に自信がありませんが、具体的にどうすれば良いのかは分かりません。
ご教授よろしくお願い致します。

### 現状のコード

[**こちらからGitHub上で全てのファイルをご確認頂けます。**](https://github.com/KIYZ/sns/tree/comment/ask)

コメント用テーブル
__2018_04_29_180548_create_comments_table.php__
```php
<?php

use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateCommentsTable extends Migration
{

    public function up()
    {
        Schema::create('comments', function (Blueprint $table) {
            $table->increments('id');
            $table->integer('user_id')->unsigned()->index();
            $table->integer('micropost_id')->unsigned()->index();
            $table->string('name'); // しばらくは使う予定無し
            $table->string('email'); // しばらくは使う予定無し
            $table->text('comment');
            $table->boolean('approved'); // しばらくは使う予定無し
            $table->timestamps();
            
            $table->foreign('user_id')->references('id')->on('users')->onDelete('cascade');
            $table->foreign('micropost_id')->references('id')->on('microposts')->onDelete('cascade');
        });
    }

    public function down()
    {
        Schema::drop('comments');
    }
}

```

コメント用のモデル
__Comment.php__
```php
<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Comment extends Model
{
    public function micropost()
    {
        return $this->belongsTo(Micropost::class);
    }
}

```


投稿用のモデル
__Micropost.php__
```php
<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Micropost extends Model
{
    protected $fillable = ['content', 'user_id'];
    
    public function user()
    {
        return $this->belongsTo(User::class);
    }
    
    public function favorites() // リレーションの定義
    {
        return $this->belongsToMany(User::class, 'favorites', 'micropost_id', 'user_id')->withTimestamps();
    }
    
    public function is_favorited_by($user_id)
    {
        return $this->favorites()->where('user_id', $user_id)->exists();
    }
    
    public function comments()
    {
        return $this->hasMany(Comment::class);
    }
}

```

コメント用のコントローラー
__CommentsController.php__
```php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Http\Requests;
use App\Http\Controllers\Controller;
use App\User;
use App\Micropost;
use App\Comment;

class CommentsController extends Controller
{
// その他アクション省略
    public function store(Request $request)
    {
        // $this->validate($request, [
        //   'content' => 'required|max:255',
        // ]);
        
        // 最終的には $fillable で実装
        $comment = new Comment;
        $comment->comment = $request->comment;
        $comment->save();
        
        return redirect()->back();
    }

    public function show($micropost_id)
    {
        $micropost = Micropost::find($micropost_id);
        $user = User::where('id', $micropost->user_id)->first();
        
        return view('comments.comments', compact('micropost', 'user'));
    }
// その他アクション省略
}
```

コメント 投稿フォーム・表示用の view
__comments.blade.php__
```php
@extends('layouts.app')

@section('content')
<div class="media-left">
    <img class="media-object img-rounded" src="{{ Gravatar::src($user->email, 50) }}" alt="">
</div>
<div class="media-body">
    <div>
        {!! link_to_route('users.show', $user->name, ['id' => $user->id]) !!} <span class="text-muted">posted at {{ $micropost->created_at }}</span>
    </div>
    <div>
        <p>{!! nl2br(e($micropost->content)) !!}</p>
    </div>
    <div class="post-footer">
        <div class="btn-group">
            @include('favorites.favorite_button')
        </div>
        <div class="btn-group">
            @if (Auth::user()->id == $micropost->user_id)
                {!! Form::open(['route' => ['microposts.destroy', $micropost->id], 'method' => 'delete']) !!}
                    {!! Form::submit('Delete', ['class' => 'btn btn-danger btn-xs']) !!}
                {!! Form::close() !!}
            @endif
        </div>
        
        <div class="row">
            <aside class="col-xs-3">
                {!! Form::open(['route' => 'comments.store']) !!}
                    <div class="form-group">
                        {!! Form::textarea('comment', old('comment'), ['class' => 'form-control', 'rows' => '5']) !!}
                    </div>
                    {!! Form::submit('Post comment', ['class' => 'btn btn-primary btn-block']) !!}
                {!! Form::close() !!}
            </aside>
        </div>
        
        
        
        
    </div>
</div>
@endsection
```

<Laravel> ミニマムなSNSサイトでコメント機能の実装

laravel5.5の中間テーブル作成時の命名規約について質問です。

postモデルとtagモデルの中間テーブルを作る際、

post_tag と **アルファベット順** で繋げる必要があるのでしょうか？

最初 tag_post と書いて post_tag テーブルが見つからないなんてエラーがででていたので
まさかと思い、 post_tagに変更したところうまくいきました。

教えていただけると幸いです。
よろしくお願いいたします。

laravel での中間テーブルの命名規約について

### 前提・実現したいこと

インスタグラムのようなSNSをPHP+MySQLで作成しています。
投稿する際に、記事にハッシュタグを複数つける機能を実装したいのですが、データベースのテーブル構造でどちら（もしくはそれ以外）が最適かを教えて頂けますでしょうか？インスタグラム同様にハッシュタグはユーザが任意で作成する事が出来ます。
また、DBに格納するハッシュタグに"#"は必要でしょうか？

■Scuttle法
・投稿テーブル
投稿ID , 投稿内容

・タグテーブル
投稿ID , ハッシュタグ

例）
・投稿テーブル
1 , 1/1の天気
2 , 1/2の天気

・タグテーブル
1 , #昨日は雨
1 , #そろそろ梅雨明け
2 , #洗濯日和
2 , #そろそろ梅雨明け

■Toxi法
・投稿テーブル
投稿ID , 投稿内容

・中間テーブル
投稿ID , タグID

・タグマスタテーブル
タグID , ハッシュタグ

例）
・投稿テーブル
1 , 1/1の天気
2 , 1/2の天気

・中間テーブル
1 , 1
1 , 2
2 , 2
2 , 3

・タグマスタテーブル
1 , #昨日は雨
2 , #そろそろ梅雨明け
3 , #洗濯日和

ハッシュタグのDBテーブル構造

スマホのハンバーガーメニューで恐らくメジャーだと思われる
Drawer.jsとiScroll.jsを使った横からニュッっと出て、メニューの縦スクロールも滑らかな素敵なメニューなのですが、

ここ数日か、長くても1ケ月以内に、突然動きがおかしくなってしまいました。

以前に製作していて問題なく動いていたサイトの分も全部同じ不具合が出ています。

不具合の内容というと、

ヨコからニュルっとメニューが出るのは問題ないのですが、
メニュ内で縦にスクロールさせて、下のほうのメニューへ行こうとしても、

メニュー内で縦スクロールできず、

メニュー内で指でスワイプしてちょっと動かすと
メニューが元にもどって消えてしまいます。

そして、以前は背景は止まっていて、
ヨコから出てきたメニューないでスクロールできていたのに、

現在の不具合の状態では、メニュー内でスクロールしているのに、
背景の方がスクロールしてしまいます。

自分が以前作ったサイト全部が同じ状況になっています。

そして、他の人のDrawerのデモやサンプルを見ても同じような状況を見て取れます。

iscrollの部分がなんかおかしくなっているように思いますが、
原因がわかりません。

cdnから読み込んでいたものを、直接サーバーに置いて読み込むようにしてもダメ、

↓ここに似たような事で解決したとありましたが、
<div class="inner">
メニュー達
</div>

で囲むだけで解決と書いてありましたが、情報が少なすぎて
自分は解決しませんでした。


おおもとのサイトも同じようにうまく動いていないようです。
http://git.blivesta.com/drawer/

こまりました。。

Drawer.jsの動きが急におかしくなった。

表題の通りです。
jQueryでそういったプラグインがありますが、下記のようなHTMLにCSSのみでそれを実現することはできますか？

```
<div class="graph">
	<div>
		<div class="graph-item">
			<h2 class="txt-h2">売上</h2>
			<div class="graph01"></div>
			<div class="graph02">
				<div>¥12,650</div>
				<div>前年</div>
			</div>
		</div>
	</div>
```

ページや要素の幅に合わせて文字サイズを変更する方法

Laravel 5.5で勉強を開始したのですが、ドキュメントの内容と実際とで
状況が違っているように感じてしまい、思うように前に進みません。

Laravel にAuth というのがあるそうで、
https://readouble.com/laravel/5.5/ja/authentication.html
を設定してみました。


認証のtopページが表示され「Register」というリンクをクリックしました。
すると
http://ドメイン名/register
というURLで
新規登録画面が表示されました。
しかしながら
route/web.php というroute ページではそのような設定が見つかりません。
どのような処理が組まれているのでしょうか？

よくわからないので、教えていただけるでしょうか？
宜しくお願いいたします。

Laravel のAuth のroute 設定について

Laravelを初めて触る者です。
ルーティングを定義するための
```php
Route::get
```
という記述ですが、Laravelに含まれる、以下のどちらのクラスにもgetメソッドが定義されていません。
Illuminate\Routing\Route
Symfony\Component\Routing\Annotation\Route

Illuminate\Routing\Routerのgetメソッドがそれに該当するのかな・・・とも思ってみましたが、Routeクラスでもありませんし、staticなメソッドでもありません。

```php
Route::middleware
```
については、Routeクラスに定義がありますが、こちらもstaticに呼び出されているにもかかわらず、メソッド定義はstaticではありません。
__callStaticなども見当たりません。

何かphpの初歩的なものを見逃しているのでしょうか。
ご教授いただければありがたいです。

LaravelのRoute::getやRoute::middleware

###わからないこと
いつもお世話になっております。
この度、phpファイルからjavascriptファイルへの変数を渡すことができず、対処に困っております。
ご助力いただけないでしょうか。

以下のパターンを試みましたが、うまくいっておりません

###パターン①
```php
<? php
$project = 'aaaa'
?>
<script type="text/javascript" src="{{asset("jump.js")}}"></script>
<script>
url = <?php echo $project;?>
</script>
```
```javascript
page.open(url, function(status) {
});

```
↑のパターンでは、そもそもphpファイル内、「<?php echo $project;?>」にてundefinedのエラーが発生しています。

###パターン②
```php
<? php
$project = 'aaaa'

```
```javascript
var url='<?php echo $project; ?>';
page.open(url, function(status) {
})
```
↑のパターン②ではエラーは出ませんがurlをopenすることができていません。

##追記①
phpファイル
```
<?php 
    $project = 'aaaa';
?>
<script type="text/javascript" src="jump.php"></script>
```
jsファイル
```
console.log('Hello, world!');
var page = require('webpage').create();
var fs = require('fs');
var url = "<?php echo $project; ?>";console.log(url);
page.open(url, function(status) {
    if (status === 'success') {
        page.switchToFrame(0);
        // HTML を書き出し
        var html = page.evaluate(function() {
            return document.getElementsByClassName('contents')[0].innerHTML;
        });
        fs.write('resources\kaigokensaku.blade.php', html, 'w');
    }
	//  exit しないと終了しない
	phantom.exit();
});

```
上記のjsファイルで「console.log(url);」をかけて出力を確認したところ、

「string() "<?php echo $project; ?>"」

が出力されました。

##追記②
jsにphpの変数を渡せなかったのは、私のコードが下記のようになっていたからでした。
```php
<?php
$project = 'aaaa';

            $uu = exec('C:\X_DRIVE\asp\home\laravel\vendor\bin\phantomjs.exe C:\X_DRIVE\asp\home\laravel\public\js\jump.js');dd($uu);
            // 取得したhtmlをkaigokensaku.blade.phpに出力・取得
            $file = 'C:\X_DRIVE\asp\home\laravel\resources\kaigokensaku.blade.php';
            $fileContent = file_get_contents($file);
            $fileContent = str_replace('&', '&amp;', $fileContent);


            $xml = simplexml_load_string($tidy);
?>
```
そこで下記のように変更を加えてみました。
```php
$project = 'aaaaa';
?>
<script>
var url = <?php echo $project;?>;
</script>
<?php
exec('C:\X_DRIVE\asp\home\laravel\vendor\bin\phantomjs.exe C:\X_DRIVE\asp\home\laravel\public\js\jump.js');
```
しかし、このようにした結果、今度はjump.jsファイルにて処理がうまく走らなくなりました。

```javascript
var page = require('webpage').create();
var fs = require('fs');
page.open(url, function(status) {
    if (status === 'success') {
        page.switchToFrame(0);
        // HTML を書き出し
        var html = page.evaluate(function() {
            return document.getElementsByClassName('contents')[0].innerHTML;
        });
        fs.write('resources\kaigokensaku.blade.php', html, 'w');
    }
	//  exit しないと終了しない
	phantom.exit();
});

```
上記のjsファイルにてurlを参照し、そのページのhtmlをローカルのblade.phpファイルに出力する構造になっています。

ご助力いただけないでしょうか。


何卒よろしくお願いいたします。

【laravel】javascriptファイルにPHPの変数を渡す方法 ※特殊ケースです

laravel5.5(vue.js)を使用し、学校システムを構築しております

実現したいこと
---
hoge.comページのloginボタンを押したらlogin modalが現れる(実装済み)

hoge.com/login のurlにアクセスされたら(cookie切れていたり、login必要なページurlを直接たたいたりした場合)
　→mainページのlogin modalが表示されている状態のページを表示したい
　
実装方法
---
PHP→jsにhoge.com/loginアクセスの場合何か情報を送る
　→vue.jsのdata情報を切り替えて、modalを出現させた状態にしたい
　
　
```
//AuthenticatesUsers.php

trait AuthenticatesUsers
{
    use RedirectsUsers, ThrottlesLogins;

    public function showLoginForm()
    {
    	//mainページに飛ぶようにし、login = trueという情報を送る
        return view('main')->with([
            'login' => true,  
        ]);
    }
    
    //以下省略
}    
```

```
//mainページのjs部分(modalのhtml部分が必要でしたら、追加いたします)

//このようにPHPのissetのようにしたいが、Undefined variable: login のエラー
if(typeof @json($login) == 'undefined'){
    var login = @json($login);
}

Vue.component('modal', {
    template: '#modal-template',
    props: ['show'],
    mounted: function () {
        document.addEventListener("keydown", (e) => {
            if (this.show && e.keyCode == 27) {
                this.close();
            }
        });
    },
    methods: {
        close: function () {
            this.$emit('close');
        }
    }
});

new Vue({
    el: '#app2',
    data: {
        showModal: false,//この値をhoge.com/loginにアクセスされた場合はtrueにしたい
    }
});

```

問題点
---
①既にコード内に書きましたが、PHP->JSに情報を投げる
　→isset内のjson化ですでに$loginが無いのでエラーが出る
　
②また情報をjs側にて取得できた場合もどのようにdataを変更すればよいのか？



よろしくお願いいたします。

回答を受けての追記
---
```
//この書き方ではdataがudefinedのエラーが下のnew Vue箇所で出る、console.logでif文の中を通っていることは確認済み(しかしif文の外に書くとエラーは出ない!)
if(typeof @json($data) != 'undefined'){
    const data = @json($data);
}


//login modalを表示するしないのif文の書き方ですが、この書き方よりもっと賢いやり方はないのかな？？と思っております
if(data.login == true){
    new Vue({
        el: '#app2',
        data: {
            showModal: true,
        }
    });
}else{
    new Vue({
        el: '#app2',
        data: {
            showModal: false,
        }
    });
}
```