常連

インフルエンサー

注目の的

社会貢献

質問力

回答者

支持者

自己紹介

有名人

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に渡す方法は？

※タイトルについているマークの通り初心者です。訳の分からないことをよく書きます。予備知識が足らないこともよくあります。単純な書き間違えやファイルを保存してないかった等の超初歩的な間違えをよくします。ごめんなさい；；

状況説明が上手に出来ないので最初に画像を貼ります。
![イメージ説明](0e291cc9fa2a8b81810e9f32c78638fc.png)
![イメージ説明](3ba0a01e5ab7b49ac4a1028fb41f4bb0.png)

詳しい状況説明
①プログラミング初心者なので解説サイトの見よう見まねをしてみる
②「php a」と入力すると出てくるipアドレスにアクセスすればファイルを見れるよ～みたいなこと言っていたのでやってみる
③アクセスできない。

参考にしている解説サイト
[ドットインストールのphp解説動画](https://dotinstall.com/lessons/basic_php_v2/34103)

ちなみにローカル開発環境を作るところでつまずいてしまったので、cloud9を使って勉強しています。

ビルトインWebサーバーの立ち上げ方について

お世話になっております。

PHPでのWebサービス開発において、
`Laravel`,`Symfony` 等のフレームワークを使用する方法と、
`WordPress`等のCMSを用いた方法があるかと思いますが、
大手のWebサービス(ぐるなびさんやsuumoさん等々)でWordPressで
作られているものをあまり見かけないなと思っております。

もちろん大前提として開発言語がPHPでないWebサービスもあるとは思いますが、
ある程度の規模のWebサービスを目指すなら、WordPressは選択肢に入らないのでしょうか？


自身としても以下の点が思い当たりますが、
その他のWordPressを使用しない判断基準等がございましたら、
皆様のご意見を是非伺いたいと思い、ご質問させて頂きました。

* WordPressを使用しているサイトだとHTML構造で分かってしまい、どうしてもセキュリティ的に弱い。
* CMSということでパフォーマンスの懸念がある。

お手数をおかけ致しますがご回答のほどよろしくお願い致します。

#### 追記

画像まで作成頂き、WordPressにおけるテーブル構造の問題点について
ご説明頂いたのでベストアンサーを選ばせて頂きました。

Webサービス開発におけるWordPressの使用について

vue.js、vuexを用いてTodoアプリのようなものを制作しています。
stateのlistsという配列にmutationで変更を加えたのち、gettersで更新後のlistsを<ul>タグで表示しようと思っています。その際のgettersの扱い方があまりわかりませんでした。

```
構成
store
--index.js
--mutation.js
--getters.js

components
--homePage.vue
```

```js
mutation.js


export const state = {
  count:0,
  lists:[
    {title:'aaa',
     date:'2018/1/10',
     start:'8時',
     finish:'17時',
    },
    {title:'bbb',
     date:'2018/1/15',
     start:'9時',
     finish:'16時',
    },
  ]
};
```

```js
getters.js


export const getters={
  getLists(state){
    return state.lists
  }
}
```

```html
<ul>
   <li v-for="item in displayedlists">
      {{ item.title }}<br>
      {{item.date}}<br>
      {{item.start}}<br>
      {{item.finish}}
   </li>
</ul>
```

```js
import Vue from 'vue'
import { mapState ,mapGetters} from 'vuex'

export default {
    computed:{
      ...mapState(['lists']),
      ...mapGetters(['getLists']),
      displayedlists(){
        return this.getLists
      },
    }
```

listsに変更を加えるmethodsはとりあえず置いておいて、listsをそのまま取得するgettersを使って<ul>表示したいのですが、unknown getter: getListsとエラーになります。
よろしければ、gettersの使い方を詳しく教えていただけると幸いです。

vuex gettersの使い方

主にJavaScript(Node.js、TypeScript含む)を使っているのですが、設計力というのはどのように身につけていけば良いものなのでしょうか？
※PHPやObjective-cの経験はあります。

教えてくれる人がいないため、本などで学ぶ訳ですが、いまいち、設計力が身についている実感も自信もありません。

MVCの概念、デザインパターン、オブジェクト指向、ドメイン駆動開発、関数型プログラミング、テスト駆動開発となんとなーく浅いですが勉強はしてきましたが、ちゃんと理解出来ているのかも謎ですし、身についているかというと中途半端ですし、なんというか、ダメダメなのです。

頭の中のごちゃごちゃしたものを整理しますと、こんなところでしょうか！

1.何をすれば、どうすれば設計力が身につくのか？
2.設計力がどのくらい身についているかを知る判断基準は？
3.そもそも、目指すべき良い設計とは？
4.設計の手順は？

尚、ここでの設計力という言葉が指す対象範囲は、インフラとかDBとか含まない範囲とします。（言葉を適切に使えなくてわかりにくいかもしれませんが、すみません。）

ぼやけた質問で恐縮ですが、よろしくお願いいたします。

# なんとなく分かっていること
- テストしやすいコードは良いよね(疎結合、副作用を伴わない)
- 何か変更をする必要が出てきたときに、あっちもこっちも修正しないといけないコードは良くないよね。(凝集度の高い１つのファイルを修正すれば、他を修正しなくても全部解決！）
- 設計から離れるかもしれないけど、読みやすいコードはいいよね。（Lintツール、整形ツールが味方さ！）

システム・ソフトウェアの設計力はどのように身につける？

###前提・実現したいこと
スキルアップを好循環でしたい

###環境
- プログラミング歴36年。
- 現在フリー。
- 時々仕事が来てPHPを使ったWebアプリや簡単なスマホアプリを作る程度。
- 自宅で１人でやっている。

###今までやった分野
`BASIC`, `C`, `C++`, `java`, `html`, `javascript`, `css`, `UNIX`, `bash`, `VB`, `ExcelVBA`, `SQL`, `PHP`, `Objective-C`, `swift`
どれをとっても初級者レベルです。



###頼みの綱
- Google
- teratail
- 高い書籍

何かを始めようと思ったときにはWebで調べるか3,000円級の書籍を買うかで迷います。大抵はWebでしばらく頑張って、時間と労力を考えて本に走るパターンが多いです。

###エラーメッセージ

```
Emergency: You are under construction FOREVER.
```
と言うのはジョークですが。

###該当のソースコード
```txt
とある人：「コンピュータは自分の言うことを聞いてくれるから好きだ」
僕：「コンピュータが自分の言うことを聞いてくれないから苦手」
```

###よくやる過ち
- 細部にこだわりすぎて全体を見失う
- 1人でやっているので声をかけてくれる人もいなくて、集中してて気づいたら時間だけが経っている
- 聞ける人がいないので、簡単なアドバイスで分かることに丸1日かけたり

###淡い期待
- コワーキングスペースがあるのでそこに通ったら色々情報が入ってくるかも
- MANABIYAで何かつかめるのではないか

###アドバイスをお願いします
色々手を出してきたのですが、実務に耐えるスキルはごく一部です。使えないから仕事にならない、仕事がないからスキルが上がらないの負のスパイラルです。
もっとスキルを付けたい気持ちでいっぱいなのですが、どうやったら、もしくは何を意識したら出来るのか、アドバイスを頂けますでしょうか。

よろしくお願いします。

###補足 2017.12.24 14:26
補足させていただきます。

「スキルアップのコツを教えてください」と言うのは、出来るエンジニアさんが普段どんな事を考え、どんな事を実践しているのかということをお聞きしたかったのです。

例えばですが「プログラマの三大美徳」ってありますよね。得たスキルをアウトプットすると身につくという話を聞いたこともあります。

駄目なエンジニアに共通する点というのも恐らくあるんだろうと思っています。自分は長時間集中してるつもりで行き詰まり、我慢していたトイレに行ったらすぐに分かったとかはあるあるだと思います。

駄目なエンジニアが出来るエンジニアになるためのアイデアがあったらブレイン・ストーミング的にぽんぽん挙げていただきたいというのが質問の主旨です。

スキルアップのコツを教えてください

###Laravelをロリポップで公開したいです。
公開自体は出来るのですが、ドメインは気持ち悪くて直したいです。
現在ロリポップでLaravelアプリケーションを公開した場合、
http://example.com/name/publicとなってしまうのですが、
ロリポップではvirtual hostのDocument Rootはどう変更すればいいでしょうか？
初歩的なのかもしれないですが、教えていただきたいです。

現在の状況
http://example.com/name/public

下記のようにしたいです。
http://example.com/


宜しくお願いいたします。

Laravelをロリポップで公開する方法

###商品登録データベースを作成したいと思っております。
商品画像データをデーターベースに登録したいと思い、
初心者ながらgoogleで色々調べてみたところ、
データ型を「mediumblob」にすると画像を保存できるという記事を見かけましたが、
基本的にデーターベースには画像を保存しないほうがいいというご意見もありました。
普通は画像のパスをデーターベースに保存する、という意見でした。

基本的にはどちらが良いのでしょうか？
（データーベースに負荷を与えない画像保存？）

皆様のご意見をお聞かせください。

宜しくお願い致します。

データベースに画像を保存するのはありでしょうか？

開発エンジニアです。
私が業務で使用しているノートパソコンの買い替えを検討しております。
エンジニアむけのノートパソコンとは、どのメーカー（機種もあるとなお嬉しいです)でしょうか？

外出時に持ち運びが容易であると嬉しいです。
あと、新しい技術がでてきたら、その技術の調査が用意にできると嬉しいです。

おそらく、開発言語にもよるとは思いますが、
windowsがいいのか、Macがいいのか、
特に機種がなければ、こういったところを選択基準にするとよいよ！など、
ご意見いただけると嬉しいです。

折角ですので、皆様の愛機のチャームポイントも教えてください！

エンジニアむけのノートパソコンのおすすめを教えてください。

**JavaScriptでハッシュ関数生成値を使用したいのですが**
・標準関数は用意されていないのでしょうか？
・コードを確認されると意味がないから？

**ハッシュ関数を生成するJavaScriptライブラリについて**
・使用しても大丈夫でしょうか？
・コード内容を確認しても、元の値は推測できないという理解で合っているでしょうか？

JavaScriptにはハッシュ関数は用意されていない？ コードを確認されると意味がないから？

プログラミング初心者です。

Laravel5.2.+Ajaxで登録フォームを作っています。
バリデーション自体はサーバーサイドで行いたいためPHP上で行うよう、AjaxでPHPにリクエストを送り、Laravelのコントローラーを通してRequestバリデーションを行っています。そちらでエラーメッセージなども設定しています。
処理自体はうまくいくのですが、バリデーションエラー時のエラーメッセージの取り出し方がわかりません。
エラー別にメッセージを取り出したいため、直接Requestで設定したメッセージを表示しようとしたのですが、返ってくるメッセージはひどく文字化けしています。
Chromeのデベロッパーツールなどで確認したところ、Requestコントローラーで設定したメッセージはPreviewタブでは正常に表示され、Responseタブでは文字化けした状態でした。
正常にエラーメッセージを表示するにはどうすればよいでしょうか。

---

これをControllerから呼び出してバリデーションしています。
```php
Request.php
~~~~~
    public function rules()
    {
        return [
          'hoge' => 'sometimes|required',
          'hoge2' => 'sometimes|required',
        ];
    }

    public function messages()
   {
       return [            
           'hoge.required' => '必須です。',
           'hoge2.required' => '必須です。',
       ];
   }
```



```javascript
$(document).ready(function()
    {
   $.ajaxSetup({
 	headers: {
  	   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
 	}
	});

   $.ajax({
        type: "POST",
        url: "complete",
        dataType: 'script',
        scriptCharset: 'utf-8',
        data: data,

           success: function(data, dataType)
                {
                    alert("登録が完了しました");
                },
                
                error: function(XMLHttpRequest, textStatus, errorThrown)
                {
                  alert('エラー' + XMLHttpRequest.responseText)
                }
            });            
            return false;
        });
    });
```

LaravelでPHPのバリデーションエラーをAjaxで拾う方法

HTMLのForm type="file"につきまして、
クライアントより投稿された画像データを受け渡すプログラムを書いております。

通常上記のtype="file"属性を使用する場合には、クライアントサイドでアップロードしたい
画像が格納されていいるディレクトリを探しに行くような動きが起きると思います。

これは、非常に手間なので、ページ上にドラッグ＆ドロップで画像ファイルデータを読み込み
POSTで当該データを受け渡すようなことができますか？

ご教示をいただければ幸甚です。
（このような処理を行うためのわかりやすいサイト等があれば同様にありがたいです）

よろしくお願い申し上げます。

HTMLのForm type="file"につきまして

###前提・実現したいこと
CDNの読み込みで、サービスのサーバーがダウンしている時にフォールバックがしたい


###該当のソースコード
```php
<?php
function loadJquery($modern,$legacy) {
	global $ie8;//関数外でIE8の場合trueになる変数を定義しているものとする
	$version = $ie8 ? $legacy : $modern;
	//4種のCDNサービスのURLを用意
	$cdnArr = array(
		'http://code.jquery.com/jquery-'.$version.'.min.js',
		'http://ajax.googleapis.com/ajax/libs/jquery/'.$version.'/jquery.min.js',
		'http://cdn.jsdelivr.net/jquery/'.$version.'/jquery.min.js',
		'http://cdnjs.cloudflare.com/ajax/libs/jquery/'.$version.'/jquery.min.js'
	);
	foreach($cdnArr as $value) {
		//ファイルからを1バイト取得できたら処理を実行する
		if(@file_get_contents($value, NULL, NULL, 0, 1) !== false) {
			echo str_replace('http:','',$value);
			break;
		}
	}
}
?>

<script src="<?php loadJquery($modern = '2.1.4',$legacy = '1.7.2'); ?>"></script>
```

javascriptで実装する方法がメジャーですが、
出力ソースを綺麗にするためphpで書いてみました。

「こうした方が良い」
「ここを変えた方が良い」

などございましたらご指摘いただけると嬉しいです。
全く問題なければその旨をコメント頂けると幸いです・・！

CDNのフォールバック

###質問
プリペアードステートメントはSQLインジェクションを防ぐための手段の一つとして有効だと思いますが、POSTやGETで外部から変数を取り込んで処理しない場合は、変数を使用していても使う必要はないんじゃないかな？と感じています。

例えば、セッションからユーザーidを取り出し、そのユーザーIDで絞り込んだSQLを走らせるような場合です。

SQLで変数を使用する場合は、必ずプリペアードステートメントを使用すると考えていましたが、SQLインジェクションを受けないような箇所では、必要ないのでしょうか？それとも、脆弱性となりうるのでしょうか？

自身でも調べましたが、思うように情報にたどり着けませんでした。
皆様のご経験からご教授もしくは、説明されているサイトをご紹介いただければ幸いです。よろしくお願いいたします。

プリペアードステートメントの必要性について

- ディレクター 1名
- デザイナー兼コーダー 3名
- プログラマー 3名

という感じで自社サイトを運営しており、私はディレクターを担当しております。

先月からチームで以下の2つを導入しようとしているのですが、躓いてしまっています。

- Gitを使用したバージョン管理
- Vagrantを使用したローカル開発環境

プログラマーにはわりとスムーズに浸透したのですが、問題はデザイナーです。
デザイナーにはターミナルを使用すること自体ハードルが高いようでなかなか理解してもらえません。
そんな状態ですので、使わせる側としてもとても不安でかえって不便なものとなっているのが現状です。

Gitに関しては10種類くらいコマンドを覚えていれば使えますし、
Vagrantも最初の構築だけやってしまえばあとは起動と終了だけ覚えればなんとでもなると思っていたので、
1ヶ月くらいかけて徐々に覚えてもらおうという気持ちでいたのですが甘かったでしょうか?

みなさんの会社ではこういう問題をどう対応しているのか、ご意見をお聞かせください。

周りの人にGitやVagrantをつかってもらいたい

MySQL5.5で下記の商品データベースから、各商品ID毎の最新情報を取得したいです。
《product》
| product_id | price shop_id | shop_id | modified             |
|              1 |              100 |       001 | 2016-03-30 14:00|
|              1 |              148 |       015 | 2016-03-30 15:00|
|              2 |              254 |       001 | 2016-02-26 14:31|
|              2 |              384 |       022 | 2016-03-31 13:50|
|              2 |              482 |       016 | 2016-01-24 10:00|
|              3 |              851 |       015 | 2016-03-30 14:00|
|              3 |              650 |       022 | 2016-03-14 16:00|
|              3 |              500 |       016 | 2016-03-26 14:30|

《結果》
| product_id | price shop_id | shop_id | modified             |
|              1 |              148 |       015 | 2016-03-30 15:00|
|              2 |              384 |       022 | 2016-03-31 13:50|
|              3 |              851 |       015 | 2016-03-30 14:00|

また、実際のDBには大量に情報があるため、できるだけ軽い処理にしたいです。
処理時間のかかるサブクエリは避けたいです。

MySQLでグループ毎に最新の情報を習得したい

DB内にあるサイト情報のリンクのチェックを行いたく、質問しています。
リンク切れチェックにはいくつかやり方があると思いますが、最適な方法が判断できません。

ざっと思いつくのは
0. ヘッダーに404が返ってくるものをリンク切れと判断する
0. ヘッダーに200が返ってくるものをリンクが存在していると判断する
0. コンテンツを入手して、title等があるかチェックする

等ですが、問題点もそれぞれ多そうです。。。

需要もありそうなので検索してみたのですが、「最適」と言えそうな解に辿りつけませんでした。

一般的にはどのようなやり方で実現するのでしょうか？

可能であれば考慮点も合わせてご教示いただけると幸いです。

想定している利用環境は
・php 5.6
・フレームワーク codeigniter 3.0
です。

よろしくお願いします。

phpによるリンク切れチェック手法の最適解は？

**jQueyのAjaxと何が違うのでしょうか？**
・jQueyのAjaxの方がクロスブラウザ対策になる？

**ブラウザ対応について**
・ActiveXオブジェクトのために条件分岐する必要はあるでしょうか？
・最近のブラウザなら、new XMLHttpRequest();だけでOK？

**ActiveXオブジェクト条件分岐している理由は？**
・以前のIE対策？
・今はもう不要？

new XMLHttpRequest();に対応していないブラウザはあるでしょうか？ ActiveXオブジェクトで条件分岐しなくても良い？　

Xcode7.3にアップデートしたらSwiftも2.2にバージョンアップしたことに伴い以下のワーニングが表示されます。
C-style for statement is deprecated and will be removed in a future version of Swift
簡潔に言うと古典的なC言語タイプのfor文の書き方は非推奨になりますよとのことです。
それ自体は代替手段を使えばいいのですが、ふと気になるのがインクリメント単位を２以上にしたい場合はどうすればいいのでしょうか？
例えばインクリメント単位を２づつ増やしたい場合はこう書いてましたが、代替手段だとどう書けばいいかわからず、ふと気になりました。
for var i = 0; i < 10; i += 2 {
    //処理
}
知ってる方がいらっしゃいましたら教えてください。

Swift3.0に向けたワーニングについて

**アクセス解析のカラム構成はどうすれば良いでしょうか？**
・1セッション30分と仮定
※特に出口ページに関して


**案1.離脱ページカラムを作成しない**
・ページ毎のアクセス日時を取得
・離脱日時も取得できる？
・MySQLではなく、PHP等のスクリプトを使用してIPアドレス単位で名寄せして、30分毎にページをピックアップしていく？


**案2.離脱ページカラムを作成**
・最初にIPアドレスを取得
・ページ毎のアクセス日時を取得
・30分経過したら、その時点のIPアドレスが見たページを記録？

**案3.それ以外？？**