常連

注目の的

社会貢献

質問力

フォームから送られたデータの、F5等での多重投稿を防ぐ方法として、よくトークンを発行であったりリダイレクトさせたりであったりといった方法が紹介されていますが、単にセッションの破棄だけでは不十分なのでしょうか？
下記のとおり、データベースへの書き込みを行なったあとにセッションの破棄で対応しようかと思うのですが・・・。
```PHP
if (isset($_POST['send'])) {
 $name = $_SESSION['name'];
 $kana = $_SESSION['kana'];
 $tel = $_SESSION['tel'];
 $email = $_SESSION['email'];
 $body = $_SESSION['body'];

 $sql = 'INSERT INTO contacts (name, kana, tel, email, body) VALUES (:name, :kana, :tel, :email, :body)';
 $stmt = $dbh->prepare($sql);
 $params = array(':name' => $name, ':kana' => $kana, ':tel' => $tel, ':email' => $email, ':body' => $body);
 $stmt->execute($params);

 $_SESSION = array();
 session_destroy();
}
```

セッションを破棄することだけでは、多重投稿を防げないのでしょうか？

お世話になっております。

FirebaseのReal Time Databaseを使用していたのですが、今回Cloud Firestoreに乗り換えようと試みているのですが、取得の部分でなぜか配列を取得できずに困っています。

### エラー

Real Time Databseで使っていたときのように、配列で取得してitemsを並べて表示したい。
しかし、現在のコードではitemが一つずつ取得されてきて、itemsの中にあるすべてのデータを並べることができません。

![consoleログ](750c460d6bdaea47a824f750bc2e630d.png)

### ソースコード

> Home.js
```JavaScript
class Home extends Component {
  componentWillMount() {
    this.props.itemsFetch();
  }

  render() {
    console.log('items:', this.props.items);
    return (
      <View>
        {this.props.items.map((item, index) => (
          <CardSection key={index}>
            <Text numberOfLines={1} style={styles.cardtitle}>{item.amount}</Text>
            <Text numberOfLines={1} style={styles.cardtitle}>{item.text}</Text>
          </CardSection>
        ))}
      </View>
    );
  }
}

const mapStateToProps = (state) => {
  const items = _.orderBy(state.items, ['id'], ['desc']);

  return { items };
};

export default connect(mapStateToProps, {
  itemsFetch
})(Home);
```

> redux/itemActions.js
```JavaScript
export const itemsFetch = () => {
  return (dispatch) => {
    firebase.firestore().collection('items').get()
    .then((snapshot) => {
      snapshot.forEach((doc) => {
          console.log(doc.id, '=>', doc.data());
          dispatch({ type: ITEMS_FETCH_SUCCESS, payload: doc.data() });
      });
    })
  };
};
```

![Firebase](c3dd5fa2511a874c2d0d2ffd541c150d.png)

ここに入っているitemsを並べて表示したいです。

Firestoreでデータの配列を取得したい（firebase）

スライダーでウェブページ上の画像を自動再生したいと思っています。
再生速度を下記のように設定したのですが、ブラウザで確認すると反映されません。
画像がすごい速さで次々と再生されてしまいます。

何が原因か、ご指摘頂けるとありがたいです。
よろしくお願い致します。

```JS
var mySwiper = new Swiper ('.swiper-container', {
	loop: true,
	pagination: '.swiper-pagination',
	nextButton: '.swiper-button-next',
	prevButton: '.swiper-button-prev',

	autoplay: {
		delay: 3000, // スライドが切り替わるまでの表示時間(ミリ秒)
		stopOnLast: false, // 最後のスライドまで表示されたら自動再生を中止するか
		disableOnInteraction: true // ユーザーのスワイプ操作を検出したら自動再生を中止するか
	},
});
```

```HTML
<div class="swiper-container">
	  
    <div class="swiper-wrapper">
		
      <div class="swiper-slide" style="background-image: url('img/1.jpg');"></div>
      <div class="swiper-slide" style="background-image: url('img/2.jpg');"></div>
      <div class="swiper-slide" style="background-image: url('img/3.jpg');"></div>
      <div class="swiper-slide" style="background-image: url('img/4.jpg');"></div>
      <div class="swiper-slide" style="background-image: url('img/5.jpg');"></div>
    </div>
    
    <div class="swiper-pagination"></div>

    
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>
```

```CSS
swiper-container {
	width: 100%;
	height: 400px;
}
.swiper-slide {
	padding-top: 180px; /* 画像位置の調整用 */
	text-align: center;
	color: #fff;
	font-size: 30px;
    background-repeat: no-repeat;
    width: 1261px;
    background-size: cover;
    background-position: center center;"
}
```

【JS】スライダーの再生速度を設定しているのに反映されない（Swiper使用）

laravel5.8でWebアプリを作っています。

vue+vuexを導入して開発しているのですが、laravelがDBから引っ張ってきた情報をvuexのstoreに渡して各コンポーネントから参照させたいと思っています。

しかし、バックエンドからvuexに情報を渡すという試みは今回が初めてで、どうすればいいか立ち往生しています。

vue単体ならviewファイル内でコンポーネントを呼び出す際、タグ内にv-bindを使い、情報をpropsで渡す、という方法で何回かやったことがあるのですが・・・。

```ここに言語を入力
@section('content')

// vue単体ならこれでOK
<section class="l-container--books">
  <book-component :book={{ $books }}></book-component>
</section>

@endsection

// しかし、vuexのstoreに渡す方法は？
```


お手数おかけしますが、アドバイスいただけますと幸いです。

laravel（DB）からの情報を、vuexのstoreに渡す方法は？

Laravel初心者です。
Lravelを使って、認証機能を作成し、
**ログイン後にVue CLIとVuexを使って制作したアプリケーション(SPA)を表示したいと思っております。**

認証機能は、Laravelに標準装備のAuthを利用して作成しており、laravel/uiはVueのものを利用して作りました。
認証機能はきちんと動作しています。

# 困っていること

ログイン後Vuexで作ったアプリが表示されるかと思ったのですが、表示されず、コンソールには、以下のようなエラーが出てしまいます。Vuexがきちんと機能していないのだろうとはわかりました。

このエラーについて調べてみたのですが、Laravelで発生している例は見つけられず、
何を参考にしたら良いかわからない状態です。
また、Vuexだけで作った時に、利用したmain.jsファイルはLaravelの方に移行する場所がわからず、移行できておりません。

**もし、解決策をご存知の方がいらっしゃいましたら、ご教示頂けますと、幸いです。
よろしくお願い致します。不足している情報がありましたら、遠慮なくおっしゃってください。**

![イメージ説明](24bd82301a1a425e9261a8efc969aaf6.png)説明](dac54177df275d6c9eec145cbdb7057b.png)

# Vuexを使ったアプリ部分のコード

``` 
// /resources/js/components/ExampleComponent.vue
<template>
    <div class='app'>
    <v-col :key='12'
      cols=12 sm=10 md=8 lg=4 xl=3>
    <v-app-bar
    app 
    color='#B2EBF2'
    >
      <div>
        <h1>Equipment Manager</h1>
      </div>
    </v-app-bar>

    <v-main>
      <v-form v-on:submit.prevent='onclick'>
        <label for='name'>品目名：</label>
        <v-text-field class='mb-0' label='品目名を入力してください。' 
          single-line solo 
          id='name' v-model='name' required></v-text-field>
        <v-btn class='mt-0 mb-5' type='submit'>登録</v-btn>
      </v-form>
      <ul v-for='(item, index) in items' :key='index'>
        <li>
          {{ item.name }}
          <div>
            <v-btn class='btn' color='#80DEEA' v-on:click='deleteItem(item.d)'>DELETE</v-btn>
            <v-btn class='btn' color='#80DEEA' v-on:click='plus(item.d)'>PLUS</v-btn>
            {{ item.count }}
            <v-btn class='btn' color='#80DEEA' v-on:click='minus(item.d)'>MINUS</v-btn>
          </div>
        </li>
      </ul>
    </v-main>
    </v-col>
    </div>
</template>

<script>
import store from './store/index.js'

export default {
  name: 'app',
  computed: {
    items() {
      return this.$store.getters.items
    },
    count() {
      return this.$store.getters.items.count
    }
  },
  data() {
    return {
      name: '',
      d: ''
    }
  },
  methods: {
    onclick() {
      this.$store.commit('addItem', {
        item: {
          name: this.name,
          count: 0,
          d: new Date()
        },
      })
      this.name = ''
    },
    deleteItem(d) {
      this.$store.commit('deleteItem', d)
    },
    plus(d) {
      this.$store.commit('plus', d)
    },
    minus(d) {
      this.$store.commit('minus', d)
    }
  }
};
</script>
```

VuexのStore部分のコード
```
// resources/js/store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    items: []
  },

  getters: {
    items(state) {
      return state.items;
    },
    count(state) {
      return state.items.count;
    }
  },
  mutations: {
    setUser(state, user) {
      state.user = user
    },
    addItem(state, payload) {
      state.items.push(payload.item);
    },
    deleteItem(state, d) {
      let indexed = state.items.findIndex(item => item.d === d);
      state.items.splice(indexed, 1);
    },
    minus(state, d) {
      let indexed = state.items.findIndex(item => item.d === d);
      state.items[indexed].count --;
    },
    plus(state, d) {
      let indexed = state.items.findIndex(item => item.d === d);
      state.items[indexed].count ++;
    }
  },
  actions: {
  },
  plugins: [createPersistedState({ storage: window.sessionStorage })]

})
```

```
// resources/views/home.blade.php
@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    You are logged in!
                </div>
            </div>
        </div>
    </div>
</div>

<example-component></example-component> // これがVueアプリのコンポーネント
@endsection

```

# フォルダの構成
Laravelプロジェクトのフォルダ構成は以下のようになっております。
![イメージ説明](950be222725ca66b839c5f2445c6505d.png)

# 補足1
![イメージ説明](648be2493f60e2845676b8e6d26b7e41.png)

# 補足2
以下が、Vuexで制作した時は使ったのに、Laravelでは、配置場所がわからず、利用していないファイルです。
```
// main.js
import Vue from 'vue'
import App from './App.vue'
import store from './store'
import vuetify from './plugins/vuetify'

Vue.config.productionTip = false

new Vue({
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')

```

# 補足2
回答実践後にnpm run devしてみると...

```
ERROR in ./resources/js/components/ExampleComponent.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ExampleComponent.vue?vue&type=script&lang=js&)
```

Vue CLI・Vuexで制作したアプリをLaravel 6のAuthの認証後に表示したい。

LaravelのBladeでViewを組んでいます。
メニューバーにバックグラウンドイメージを使おうと思い、CSSのところで

```lang-＜ここに言語を入力＞
background-image: url({{ HTML::script('images/bg-menu.png'); }})
```

と指定したのですが、意図したとおりの画像が表示されません。
これはどうしたらよいのでしょうか？

[Laravel] 背景画像のURL

を作りたいのですが

キーワード検索をJSONデータとして
取得したまでは自分でしました

そのJSONデータから
ユーザーのIDの抽出方法がわかりません

確かに1var_dump($json)とすれば
JSONの全てが表示されますが

$json内のidパラメータのみを
表示させるにはどうすればよいでしょうか？
```
function search() {
     $options = array('q'=>KEYWORD,'count'=>SEARCH_COUNT,'lang'=>'ja');
//oauth認証
     $twObj = new TwitterOAuth(
         CONSUMER_KEY,
         CONSUMER_SECRET,
         ACCESS_TOKEN,
         ACCESS_TOKEN_SECRET
     );

     //認証と検索結果の受け取り
     $res = $twObj->OAuthRequest(
    'https://api.twitter.com/1.1/search/tweets.json',
    'GET',
    $options
);
     //JSONで帰ってくる
     $json = json_decode($res);
 //var/dump($json)とすれば全て見れますがvar_dump($json->id)が見れなくて困ってます。ご教授ください。
```

【Twitter】特定キーワードをつぶやいたユーザーをフォローするプログラム

###前提・実現したいこと
vue.js で　v-for で v-bind:class を切替えたいと思い下記のコードを書きました。
2列のtd を出力していますが、一部のTDにのみ class 属性を付けたいのですがうまくいきません。

追記：書き方を変えてうまくいきましたが、下記のやり方では、
<td class> となってしまいます。 

###期待するHTML
```html
<tr>
  <td>1</td><td class="student_outer">A</td>
  <td>2</td><td class="student_outer">B</td>
</tr>
```
###該当のソースコード
```javascript
Vue.component('student-list', {
    template: `
    <table>
        <tbody>
        <tr v-for="student in students">
            ### 初回質問時
            <td v-for="(value, key) in columns" v-bind:class="{student-outer: key==='student_name'}">
            ### 質問更新時
            <td v-for="(value, key) in columns" v-bind:class="[key==='student_name' ? 'student_outer' : '']">
                {{ student[key] }}
            </td>
        </tr>
        </tbody>
    </table>
    `,
    data: function () {
        var loading = true;
        var title = '';
        var columns = {
            id: 'ID',
            student_name: '生徒氏名',
        };
        return {
            loading: loading,
            title: title,
            columns: columns,
            students: [],
        }
    },
...................
/* students は以下のように別でセット。
students = [
{ "id":1 , "student_name": "A"},
{ "id":2 , "student_name": "B"},
]
*/
```
###Console でのエラーメッセージ
```
Raw expression: v-bind:class="{student-outer: key==='student_name'}"
```
###補足情報(言語/FW/ツール等のバージョンなど)
https://unpkg.com/vue  v2.5.7

vue.jsでv-forのkeyに応じてclassを切替えたい。

Vue.jsについて質問です。

<li>に対してv-forを使いリストを作りました。
例としまして、
```vue
data:function(){
 return{
  isActive:1
 }
}
```
```html
<li v-for="item in itemArray"
v-bind:class="{'active':isActive===1}">{{item}}</li>
```
このように記述すると全ての<li>にactiveクラスがついてしまうのですが、
複数生成された最初の<li>にだけclassを付与したいのですがどのように書けば良いでしょうか？

v-forでのclass付与について(vue.js)

coincheck apiを用いて、「24時間での最高取引価格」と「24時間での最安取引価格」を銘柄ごとに(BTC,ETHなど)取得したく思っています。

※言語はphpです。

下記サイトにてtickerを用いれば取得できると思いやってみましたが、
https://coincheck.com/ja/documents/exchange/api#ticker

結果としては下記のようになり、1つの銘柄しか取れてないように思います。
array(7) { ["last"]=> float(1094772) ["bid"]=> float(1094943) ["ask"]=> float(1094999) ["high"]=> float(1234998) ["low"]=> float(1072910) ["volume"]=> float(4327.45069222) ["timestamp"]=> int(1563157704) }


こちらのサイトの「実行例」の欄には「BTCのティッカー情報が返却されます。」とありました。
https://cryptocurrency.just4fun.biz/?API/coincheck/%E3%83%86%E3%82%A3%E3%83%83%E3%82%AB%E3%83%BC%28PHP%29

coincheckのtickerでは「BTC」の情報しか取得できないのでしょうか？
もしできなければ、「24時間での最高取引価格」と「24時間での最安取引価格」を銘柄ごとに取得できる方法がありましたら、ご教示いただきたく思います。

何卒よろしくお願いいたします。


※ソースコードは下記になります。

```
$strUrl = "https://coincheck.com/api/ticker";
        $file = file_get_contents($strUrl);
        $file = mb_convert_encoding($file, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');

        $asdf = json_decode($file, true);  
        return $asdf;
```

coincheck API について

phpでjsonに保存する時に日本語と改行を欲張りたいんですがどうすれば良いでしょうか


$jsonstr =  json_encode($value_array, JSON_PRETTY_PRINT);

$jsonstr =  json_encode($value_array, JSON_UNESCAPED_UNICODE);

このふたつを一度に使いたいです。

phpでjsonを扱う時の引数

Laravel 5.6 のmake:authでパスワードリセット機能を試みています。パスワード更新画面へいくリンクがメールで受信できるところまで行ったのですが、メールのリンク先に到達することができません。

リンク先は以下です。
http://localhost:8000/password/reset/f4ecf4e00ef9aaf2a5b8e0a0a3e61b47fca9f83484037d66a0adad1b8a724be5

エラーは

ページを開けません。サーバーとの接続が予期せず解除されました。これはサーバーでの処理が混み合っていると起きることがあります。数分後にやり直してください。

というものです。

Stackoverflowなどには.envファイルの　APP_URL=http://1ocalhost　にポート番号を加えたり、localhostの個所を yourdomain.com　に書き換える等の解決策がありましたが、どれもうまく行っていません。
ちなみにポート番号ですが、8000では接続エラーが出るため8005を利用していますが、これは関係がありますでしょうか。

Laravel 5.6でパスワードリセットメールのリンク先に接続エラーで到達できません

Laravel標準のAuth機能を使って、ログイン機能を実装しました。

ログイン状態で```/register``` と ```/login``` にアクセスすると、```/home``` にリダイレクトされ、404エラーになります。

/home ではなく、ルート(/) にリダイレクトさせたいです。

Auth\RegisterController.php と Auth\LoginController.php でリダイレクト先をオーバーライドしましたが、/home にリダイレクトされます。

```PHP
protected $redirectTo = '/';
```

ルーティングは以下のように設定しております。

```PHP
//登録
Route::get('/register', 'Auth\RegisterController@showRegistrationForm');
Route::post('/register', 'Auth\RegisterController@register');
//ログイン
Route::get('/login', 'Auth\LoginController@showLoginForm');
Route::post('/login', 'Auth\LoginController@login');
//ログアウト
Route::get('/logout', 'Auth\LoginController@logout')->middleware('auth');
```

ログイン状態での「/register」「/login」へのアクセスを制御したいです。
404エラーでも良いですが、その時のURLが「/home」になるのは不自然なので変えたいです。

教えてください。よろしくお願いします。

LaravelのAuth機能でリダイレクト先がhomeになる。

## 状況
laravelでアプリケーションを作っており、cronで定期的に行うタスクを追加しています。 
タスクは下記のように指定していますが、Laravelで設定しているcommandが実行されません。

### cron.dで設定しているタスク
rootのcron.dに下記を設定しています。
```cron.d
* * * * * root /opt/lampp/bin/php /home/project/artisan schedule:run >> /dumplog.txt
```

### Laravel側のスケジュール

Console/Kernel.php
``` php
<?php

namespace App\Console;

use Illuminate\Console\Scheduling\Schedule;
use Illuminate\Foundation\Console\Kernel as ConsoleKernel;

class Kernel extends ConsoleKernel
{
    /**
     * The Artisan commands provided by your application.
     *
     * @var array
     */
    protected $commands = [
        \App\Console\Commands\Test::class,
    ];

    /**
     * Define the application's command schedule.
     *
     * @param  \Illuminate\Console\Scheduling\Schedule  $schedule
     * @return void
     */
    protected function schedule(Schedule $schedule)
    {

        $schedule->command('command:test')
            ->cron('* * * * * *')
            ->before(function(){
                $monolog = \Log::getMonolog();
                $monolog->info('start scedule');
            })
            ->timezone('Asia/Tokyo')
            ->after(function(){
                $monolog = \Log::getMonolog();
                $monolog->info('end scedule');
            });
    }

    /**
     * Register the commands for the application.
     *
     * @return void
     */
    protected function commands()
    {
        $this->load(__DIR__.'/Commands');

        require base_path('routes/console.php');
    }
}

```

command:testは下記を実行します。
Console/Commands/Test.php
```
<?php

namespace App\Console\Commands;

use Illuminate\Console\Command;

class Test extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'command:test';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Command Test';

    /**
     * Create a new command instance.
     *
     * @return void
     */
    public function __construct()
    {
        parent::__construct();
    }

    /**
     * Execute the console command.
     *
     * @return mixed
     */
    public function handle()
    {
        $monolog = \Log::getMonolog();
        $monolog->info('handle start');    
    }
}

```

## 想定される結果
下記のように、storage/logs/laravel.logに追加される。
```
[2018-06-14 14:30:02] staging.INFO: start scedule
[2018-06-14 14:30:02] staging.INFO: handle start 
[2018-06-14 14:30:02] staging.INFO: end scedule
[2018-06-14 14:31:01] staging.INFO: start scedule
[2018-06-14 14:31:01] staging.INFO: handle start 
[2018-06-14 14:31:01] staging.INFO: end scedule
```

## 現象

毎分指定しているスケジュールなのですが、指定したcommandが実行できていません。

### laravelログ
```
[2018-06-14 14:30:02] staging.INFO: start scedule
[2018-06-14 14:30:02] staging.INFO: end scedule
[2018-06-14 14:31:01] staging.INFO: start scedule
[2018-06-14 14:31:01] staging.INFO: end scedule
```

### cronログ
取得時間に際がありますが、cronで、スケジュールの実行自体はされています。
```
Jun 14 12:59:01 ik1-325-22848 CROND[6628]: (root) CMD (/opt/lampp/bin/php /home/project/artisan schedule:run >> /dumplog.txt)
Jun 14 13:00:01 ik1-325-22848 CROND[6649]: (root) CMD (/opt/lampp/bin/php /home/project/artisan schedule:run >> /dumplog.txt)
```

### cronで実行したタスクのログ（dumplog.txt）
毎分出力する設定にしていますので、指定したスケジュールで、実行自体はしているのはわかります。
```
Running scheduled command: '/opt/lampp/bin/php-7.1.14' 'artisan' command:test > '/dev/null' 2>&1
Running scheduled command: '/opt/lampp/bin/php-7.1.14' 'artisan' command:test > '/dev/null' 2>&1
Running scheduled command: '/opt/lampp/bin/php-7.1.14' 'artisan' command:test > '/dev/null' 2>&1
```


## わかっている事
### laravelのバージョン
Laravel Framework 5.5.40

### 環境
OSは、「CentOS release 6.9」です。
phpはxamppに入っているものを使用しています。

### cronの状況
cronのlogを見ると、毎分タスクが実行されているようなので、crontabが止まっている訳ではなさそうです。

### Laravelのプロジェクトのディレクトリ
projectユーザーのホームディレクトリ配下に展開しています。
projectユーザーのホームディレクトリは、/home/project/です。

## 試した事
### commandで意図的にエラーを起こす
もしかして、Commandにエラーがあってもエラーをログに吐かないのかと思い、意図的に構文エラーをして見ました。

```
    public function handle()
    {
        $monolog = \Log::getMonolog()
        $monolog->info('handle start');
    }
```

その結果、下記のエラーが吐き出されるので、Command自体は実行されています。
``` sh
staging.ERROR: Parse error: syntax error, unexpected '$monolog' (T_VARIABLE) {"exception":"[object] (Symfony\Component\Debug\Exception\FatalThrowableError(code: 0): Parse error: syntax error, unexpected '$monolog' (T_VARIABLE) at /home/project/app/Console/Commands/Test.php:41)
```

storageに書き出す部分のみの問題な気がします。
何故、scheduleのbeforeとafterは良くて、Commandが書き出せないのかわかりませんが…

### storageディレクトリ以下のパーミッションを777にする。
laravel.logのパーミッションが元々「-rw-r--r--」で、projectユーザー（作業ユーザー）しかさわれない状態だったので、laravel.logのパーミッションを777にしてみましたが、logsに書き込まれませんでした。

Laravelのスケジュールに設定したCommandが実行されない

こんにちは。
PHPで、「指定した配列の中で」「何個『PHP』という文字列があるかを知りたい」です。
たとえば、配列は以下のものだったとします。
```lang-php
$array = array(
   0 => array(
      "name" = "PHP",
      "description" = "PHPは、とっても面白い言語です。"
   ),
   1 => array(
      "name" = "javascript",
      "description" = "javascriptは、PHPと同じようなことをクライアントサイドで実行することができます。"
   ),
   2 => array(
      "name" = "PHPer",
      "description" = "PHPを書く人のことです。"
   )
);
```
それで、この配列の、nameキーの中に、PHPという文字列は何回登場しているか？という。
単に、PHPという文字列が何回...だったら、5回ですが、そうではなくて、
nameの中に入ってる値を対象に探したいんです。
そしたら、2回です。
意味わかりますかね。。

その、◯回という値を知りたいのですが、なにか方法はないでしょうか？
ちなみに、以下のコードとかも書いてみたりしたのですが
```lang-php
$kai = 0;
$count = count($array);
for($i = 0; $i < $count; $i++){
   if(stristr($array[$i]['name'],"PHP") !== false){
      $kai++;
   }
}
echo $kai . "回";
```
これだと、値が多いArrayを指定してしまうと、効率が悪くなってしまいます。
関数みたいなものは、あったりしますか？

わかりづらくてすみません。

よろしくお願いします。

PHP 配列の中に、指定した文字列が何回登場しているか？

Laravel、Class内のprivate関数から呼び出し元のリターンをしたい


Laravelで、確認画面付きのフォームコントローラを作成しました。
こちらで、確認画面用の各入力値をSessionで保持しているのですが、そもそもSessionがない状態で確認画面へGETリクエストされた際に、入力画面へリダイレクトさせたいです。
(URLの直入力など。)

現状、各メソッドで①のような評価をし、trueだった場合リダイレクトしています。
これのリダイレクトを、スコープで呼び出しているprivateメソッドから行いたいです。
スコープで呼び出しているメソッドから呼び出し元のリターンを指定することは可能なのでしょうか？


```php
class EntryController extends Controller
{
  private function session_check(){
    if(is_null(Session::get('entry'))){
      return true;
    }
  }

  public function confirm() 
  {
    if($this->session_check()){ //①
      return redirect('entry/form');
    }
    $input = Session::get('entry');
    return view('entry.confirm',compact('input'));
  }

  public function complete() 
  {
    if($this->session_check()){//①
      return redirect('entry/form');
    }
    $input = Session::get('entry');
    return view('entry.complete',compact('input'));
  }

}
```

Laravel、Class内のprivate関数から呼び出し元のリターンをしたい

■背景
パスワードリセットの画面を実装したいと考え、bladeを使って実装しています。
①bladeテンプレート
まず、laravelのbladeを使いmaster.blade.php(views/layouts/index.blade.php)というテンプレートを作成しました。
このmaster.blade.phpの中に、以下のように画像を表示するタグを書いています

```HTML
<img class="logo" src="image/logo.jpg" alt="logo">
```

このmaster.blade.phpを、
・index.blade.php(views/index.blade.php)
・email.blade.php(views/auth/password/email.blade.php)
で読み込んでいます。

②image
画像ファイルは以下に格納しています
public/image/logo.jpg
(ルートディレクトリはpublicです)

③route
index.blade.phpを表示する際は、

```PHP
Route::get('/', 'HomeController@index');
```

email.blade.phpを表示する際は、

```PHP
Route::get('password/email', 'Auth\PasswordController@getEmail');
```

です。

■症状
index.blade.phpを表示する際はlogo.jpgがちゃんと表示されるのですが、email.blade.phpを表示する際はlogo.jpgがちゃんと表示されません。
それぞれ画像のURLを見てみると、以下のようになっています。
①index.blade.phpの場合・・/image/logo.jpg
②email.blade.phpの場合・・/password/image/logo.jpg 

画像が格納されているフォルダが/image/logoなので②の場合は表示されていないのだと思うのですが、これはどのように解消すればいいのでしょうか。
ちなみに、検索して{{HTML::image()}}を使う方法等が出てきたのですが、laravel5.2あたりからHTMLが削除されたみたいな話もあり、実際に{{HTML::image()}}を使おうとするとそんなクラスはないよ、と言われてしまいます。

どうかお知恵をお貸し頂けますと幸いです。

宜しくお願い致します。

Laravelのbladeで画像表示したいがページによって表示されたりされなかったりする

### 実現したいこと
「超精密性格診断エムグラム」というサイトで実装されている クリックをしたら毎回一定量スクロールするアニメーションを作りたい。(「ヌルっ」とした動きで)

MグラムHP：https://mgram.me/ja/


### 発生している問題
javascriptの下記コードでスクロールすることは出来るのですが、
「ヌルっ」とではなく、「パッ」とスクロールしてしまう。

どのようにスクロール速度をコントロールすればよいかわからない。

もしかしたらjqueryの.animateとscrollTopを使って作るのかとも考えたが、
毎回一定量スクロールさせることが出来ない。
(スクロールしてページtopに持ってくるやり方は、沢山ネットに落ちているが)

```
<script>
function ScrollHalfHeight() {
	window.scrollBy( 0, 100 );
	}
</script>
```

```
<input type="button" value="XXXX" onclick="ScrollHalfHeight();" />
```

クリックをしたら毎回一定量スクロールするアニメーションを作りたい

#背景

Laravelとvue.jsを使ってチャットのwebサービスを作っていました。
こちらのサイトを参考にしております。
https://dev.to/mezie/how-to-build-a-laravel-chat-app-with-pusher-2e2o

laravel-echoとpusherを使ったリアルタイムチャットです。

eventの作成など一通り終わった後で、Laravel Mixを使ってJavaScriptファイルをコンパイルしようとした所で以下のようなエラーが出ました。

エラーコードを読んだ感じだとコンパイルに失敗していて./resources/sass/app.scssにエラーがあるとの事なのですが、特にapp.scssは弄った覚えがないです。


##エラーコード

```
xxxMacBook:laravel_chat xxx$ npm run dev

> @ dev /Users/xxx/Desktop/laravel_chat
> npm run development


> @ development /Users/xxx/Desktop/laravel_chat
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

98% after emitting SizeLimitsPlugin

 ERROR  Failed to compile with 2 errors                                                                                 16:01:00

 error  in ./resources/sass/app.scss

Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import "utilities/clearfix";
       ^
      Can't find stylesheet to import.
  ╷
4 │ @import "utilities/clearfix";
  │         ^^^^^^^^^^^^^^^^^^^^
  ╵
  node_modules/bootstrap/scss/_utilities.scss 4:9  @import
  node_modules/bootstrap/scss/bootstrap.scss 43:9  @import
  stdin 8:9                                        root stylesheet
      in 

 error  in ./resources/sass/app.scss

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import "utilities/clearfix";
       ^
      Can't find stylesheet to import.
  ╷
4 │ @import "utilities/clearfix";
  │         ^^^^^^^^^^^^^^^^^^^^
  ╵
  node_modules/bootstrap/scss/_utilities.scss 4:9  @import
  node_modules/bootstrap/scss/bootstrap.scss 43:9  @import
  stdin 8:9                                        root stylesheet
      in /Users/xxx/Desktop/laravel_chat/node_modules/bootstrap/scss/_utilities.scss (line 4, column 9)

 @ ./resources/sass/app.scss 2:14-255

     Asset      Size   Chunks             Chunk Names
/js/app.js  1.68 MiB  /js/app  [emitted]  /js/app

ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import "utilities/clearfix";
       ^
      Can't find stylesheet to import.
  ╷
4 │ @import "utilities/clearfix";
  │         ^^^^^^^^^^^^^^^^^^^^
  ╵
  node_modules/bootstrap/scss/_utilities.scss 4:9  @import
  node_modules/bootstrap/scss/bootstrap.scss 43:9  @import
  stdin 8:9                                        root stylesheet

 ERROR in ./resources/sass/app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/sass/app.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import "utilities/clearfix";
       ^
      Can't find stylesheet to import.
  ╷
4 │ @import "utilities/clearfix";
  │         ^^^^^^^^^^^^^^^^^^^^
  ╵
  node_modules/bootstrap/scss/_utilities.scss 4:9  @import
  node_modules/bootstrap/scss/bootstrap.scss 43:9  @import
  stdin 8:9                                        root stylesheet
      in /Users/xx/Desktop/laravel_chat/node_modules/bootstrap/scss/_utilities.scss (line 4, column 9)
 @ ./resources/sass/app.scss 2:14-255
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/xxx/.npm/_logs/2019-08-04T07_01_02_384Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/xxx/.npm/_logs/2019-08-04T07_01_02_409Z-debug.log

```
##app.scss
```
// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

```

##app.js
```
/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');

window.Vue = require('vue');

/**
 * The following block of code may be used to automatically register your
 * Vue components. It will recursively scan this directory for the Vue
 * components and automatically register them with their "basename".
 *
 * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
 */

// const files = require.context('./', true, /.vue$/i);
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));

Vue.component('chat-messages', require('./components/ChatMessages.vue'));
Vue.component('chat-form', require('./components/ChatForm.vue'));

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

const app = new Vue({
    el: '#app',

    data: {

        messages:[]
    },

    created() {
        this.fetchMessages();

        Echo.private('chat')
            .listen('MessageSent', (e) => {
                this.message.push({
                    message: e.message.message,
                    user: e.user
                });
            });
    },




    methods: {
        fetchMessages() {
            axions.get('/messages').then(response => {
                this.messages = response.data;
            });
        },

        addMessage(message) {
            this.message.push(message);

            axios.post('/messages', message).then(response => {
                console.log(response.data);
            });
        }
    }
});

```

npm run devが上手く行かない

vagrantでphpの仮想環境を作っております。適当にネットの情報を参考にやっておりましたが、Vagrantファイルにシェルスクリプトでhttpdをonにしたりファイヤーウォールをonにしたするスクリプトを書きました。その後問題が発生しました。
###
その後、vagrant up してVagrantファイルに書いたprivate networkにアクセスしても、接続できない状況となりました。最終的にvagrant provisionのコマンドを打ったら接続できる様になりました。vagrant upを打てばシェルスクリプトが実行されたのだと思っておりましたが、動作を見る限りvagrant provisionを打たないと実行されないのだと思いました。しかし、ネットではその様な指示をしているサイトを全然見かけません。結局私のやり方がなにか間違っているのでしょうか。ご教授お願いします。