常連

注目の的

社会貢献

質問力

PHP(Laravel5.4)で、あるデータを検索し結果を一覧表示して
リンクをクリックすると詳細データを表示するという検索機能を作成しています。

RHELをウェブアプリケーションサーバとして、apacheを動かしており
さらにフロントにリバースプロキシ(apacheが動いています)を配置して
外部よりアクセスする環境になっています。

JavascriptやCSS、画像ファイルを外部ファイルとして読み込んでいるのですが
リバプロを経由して外部からアクセスするとページ自体は表示できていますが
javascriptやCSSが読み込めていないようなのです。
ページのHTMLソースを確認したところ

<script src="http://(ウェブアプリケーションのIPアドレス)/js/javascript.js"

のように、ウェブアプリケーションのIPアドレスがそのまま埋め込まれてしまい
外部からだとjsなどの外部ファイルが読み込めていないようで困っています。

ビューでは
<script src="{{ asset('js/javascript.js') }}" ..>
としています。

外部からリバプロ経由で接続する環境の場合、asset()関数ではなく
相対パスで指定するべきなのでしょうか
またはapacheで何か設定をするのでしょうか

わかる方がいらっしゃいましたら、ご教授をお願いします。


--------
リバースプロキシ側では
http://exsample.com/laravel → (ウェブアプリケーションサーバのIP)/laravel
となるように設定しています

ウェブアプリケーション側のディレクトリ構成
/laravel
  |
  +-public --- css
  |            +- js
  |            +- image
  +-resources --- view --- top.blade.php
(Controller等は省略)

ドキュメントルート：/var/www/laravel/public

リバースプロキシ経由環境下で外部ファイルが読み込めない

現役でインフラエンジニアをされている方へ質問です。
来月から未経験ですが、インフラエンジニアの仕事に関わります。
私自身は、ローカルで基本的なサーバー等は構築した事のあるレベルでございます。web server dns server database server等)
実際の業務では、環境やユーザーの環境によって設定は変わってくると思いますが、ここだけは抑えておいた方がよい基本的な設定をお教えいただけるとありがたいです。例セキュリティの設定等
また、入社前でもローカル環境で勉強、もしくは一度、構築していたほうが良いサーバー等お教え頂けますと幸いです。

以下私のapacheの設定ファイルになります。 (CENTOS7)

```ここに言語を入力
                省略
# least PidFile.
#
ServerRoot "/etc/httpd"
                省略
#
#Listen 12.34.56.78:80
Listen 80

                省略
# LoadModule foo_module modules/mod_foo.so
#
Include conf.modules.d/*.conf

                省略
#
User apache
Group apache

# 'Main' server configuration
#
# The directives in this section set up the values used by the 'main'
# server, which responds to any requests that aren't handled by a
# <VirtualHost> definition.  These values also provide defaults for
# any <VirtualHost> containers you may define later in the file.
#
# All of these directives may appear inside <VirtualHost> containers,
# in which case these default settings will be overridden for the
# virtual host being defined.
#

#
# ServerAdmin: Your address, where problems with the server should be
# e-mailed.  This address appears on some server-generated pages, such
# as error documents.  e.g. admin@your-domain.com
#
ServerAdmin root@localhost

#
# ServerName gives the name and port that the server uses to identify itself.
# This can often be determined automatically, but we recommend you specify
# it explicitly to prevent problems during startup.
#
# If your host doesn't have a registered DNS name, enter its IP address here.
#
ServerName tama-chan.local:80

#
# Deny access to the entirety of your server's filesystem. You must
# explicitly permit access to web content directories in other 
# <Directory> blocks below.
#
<Directory />
    AllowOverride none
    Require all denied
</Directory>

#
# Note that from this point forward you must specifically allow
# particular features to be enabled - so if something's not working as
# you might expect, make sure that you have specifically enabled it
# below.
#

#
# DocumentRoot: The directory out of which you will serve your
# documents. By default, all requests are taken from this directory, but
# symbolic links and aliases may be used to point to other locations.
#
DocumentRoot "/var/www/html"

#
# Relax access to content within /var/www.
#
<Directory "/var/www/html/wordpress">
    AllowOverride None
   # Allow open access:192.168.0.20
    Require all granted
</Directory>

# Further relax access to the default document root:
<Directory "/var/www">
    #
    # for more information.
    #
    Options Indexes FollowSymLinks

    #
    # AllowOverride controls what directives may be placed in .htaccess files.
    # It can be "All", "None", or any combination of the keywords:
    #   Options FileInfo AuthConfig Limit
    #
    AllowOverride None

    #
    # Controls who can get stuff from this server.
    #
    Require all granted
</Directory>

#
# DirectoryIndex: sets the file that Apache will serve if a directory
# is requested.
#
<IfModule dir_module>
    DirectoryIndex index.html
</IfModule>

#
# The following lines prevent .htaccess and .htpasswd files from being 
# viewed by Web clients. 
#
<Files ".ht*">
    Require all denied
</Files>

#
# container, that host's errors will be logged there and not here.
#
ErrorLog "logs/error_log"

#
# LogLevel: Control the number of messages logged to the error_log.
# Possible values include: debug, info, notice, warn, error, crit,
# alert, emerg.
#
LogLevel warn

<IfModule log_config_module>
    #
    # The following directives define some format nicknames for use with
    # a CustomLog directive (see below).
    #
    LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\"" combined
    LogFormat "%h %l %u %t \"%r\" %>s %b" common

    <IfModule logio_module>
      # You need to enable mod_logio.c to use %I and %O
      LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\" %I %O" combinedio
    </IfModule>

    #
    # The location and format of the access logfile (Common Logfile Format).
    # logged therein and *not* in this file.
    #
    #CustomLog "logs/access_log" common

    #
    # If you prefer a logfile with access, agent, and referer information
    # (Combined Logfile Format) you can use the following directive.
    #
    CustomLog "logs/access_log" combined
</IfModule>

<IfModule alias_module>
    #
    # Redirect: Allows you to tell clients about documents that used to 
    # exist in your server's namespace, but do not anymore. The client 
    # will make a new request for the document at its new location.
    # Example:
    # Redirect permanent /foo http://www.example.com/bar

    #
    # Alias: Maps web paths into filesystem paths and is used to
    # access content that does not live under the DocumentRoot.
    # Example:
    # Alias /webpath /full/filesystem/path
    #
    # If you include a trailing / on /webpath then the server will
    # require it to be present in the URL.  You will also likely
    # need to provide a <Directory> section to allow access to
    # the filesystem path.

    #
    # ScriptAlias: This controls which directories contain server scripts. 
    # directives as to Alias.
    #
    ScriptAlias /cgi-bin/ "/var/www/cgi-bin/"

</IfModule>

#
# "/var/www/cgi-bin" should be changed to whatever your ScriptAliased
# CGI directory exists, if you have that configured.
#
<Directory "/var/www/cgi-bin">
    AllowOverride None
    Options None
    Require all granted
</Directory>

<IfModule mime_module>
    #
    # TypesConfig points to the file containing the list of mappings from
    # filename extension to MIME-type.
    #
    TypesConfig /etc/mime.types

    #
    # AddType allows you to add to or override the MIME configuration
    # file specified in TypesConfig for specific file types.
    #
    #AddType application/x-gzip .tgz
    #
    # AddEncoding allows you to have certain browsers uncompress
    # information on the fly. Note: Not all browsers support this.
    #
    #AddEncoding x-compress .Z
    #AddEncoding x-gzip .gz .tgz
    #
    # If the AddEncoding directives above are commented-out, then you
    # probably should define those extensions to indicate media types:
    #
    AddType application/x-compress .Z
    AddType application/x-gzip .gz .tgz

    #
    # For type maps (negotiated resources):
    #AddHandler type-map var

    #
    # Filters allow you to process content before it is sent to the client.
    #
    # To parse .shtml files for server-side includes (SSI):
    # (You will also need to add "Includes" to the "Options" directive.)
    #
    AddType text/html .shtml
    AddOutputFilter INCLUDES .shtml
</IfModule>

#
# Specify a default charset for all content served; this enables
# interpretation of all content as UTF-8 by default.  To use the 
# default browser choice (ISO-8859-1), or to allow the META tags
# in HTML content to override this choice, comment out this
# directive:
#
AddDefaultCharset UTF-8

<IfModule mime_magic_module>
    #
    # The mod_mime_magic module allows the server to use various hints from the
    # contents of the file itself to determine its type.  The MIMEMagicFile
    # directive tells the module where the hint definitions are located.
    #
    MIMEMagicFile conf/magic
</IfModule>

#
# Customizable error responses come in three flavors:
# 1) plain text 2) local redirects 3) external redirects
#
# Some examples:
#ErrorDocument 500 "The server made a boo boo."
#ErrorDocument 404 /missing.html
#ErrorDocument 404 "/cgi-bin/missing_handler.pl"
#ErrorDocument 402 http://www.example.com/subscription_info.html
#

#
# EnableMMAP and EnableSendfile: On systems that support it, 
# memory-mapping or the sendfile syscall may be used to deliver
# files.  This usually improves server performance, but must
# be turned off when serving from networked-mounted 
# filesystems or if support for these functions is otherwise
# broken on your system.
# Defaults if commented: EnableMMAP On, EnableSendfile Off
#
#EnableMMAP off
EnableSendfile on

# Supplemental configuration
#
# Load config files in the "/etc/httpd/conf.d" directory, if any.
IncludeOptional conf.d/*.conf
```

Apacheの設定について

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 設定について

![イメージ説明](d5f225bd5d76b07042cf479c9f931e06.png)

Qiitaのタグを入力する画面では、teratail のようなものではなく、半角スペースをつけるまでが一区切りで、つけると新たなタグになる仕組みです。
一区切りの部分は青い背景があります。

入力した状態の HTML をみてみると、値は value にそのまま打たれているようです。 べつに新しいタグがつけられた様子はありません。

```html
<input class="form-control" autocomplete="off" name="draft_item[tag_notation]" 
placeholder="プログラミング技術に関連するタグをスペース区切りで5つまで入力（例: Ruby Rails:4.2.0）" 
tabindex="2"
value="rails jquery " 
style="background: transparent none repeat scroll 0% 0%; position: relative; outline: 0px none;" type="text">
```


どのようにしたら、半角で区切られた部分を青くすることができるのでしょうか？

Qiita のようなタグの付け方を実装したいです。

自分の環境：Windows xampp MySQL php7.x(ローカル）、Windows Heroku MySQL(本番環境）

レシピアプリをローカルで作ったのですが、ローカルと本番環境でどうコードを変えたらいいか分かりません。.envなどで一括して接続を管理するというのは教わったのですが、自分のコードに変更を加えなければいけない部分が分かりません。


例えば、↓update.php

```update.php
<?php
//$user = "ローカルでのuser";
//$pass = "ローカルでのpass";
//require_once '\xampp\db_config.php';
$recipe_name = $_POST['recipe_name'];
$howto = $_POST['howto'];
$category = (int) $_POST['category'];
$difficulty = (int) $_POST['difficulty'];
$budget = (int) $_POST['budget'];
try{
  if(empty($_POST['id'])) throw new Exception('ID不正');
  $id = (int) $_POST['id'];
  //$dbh = new PDO('mysql:host=us-cdHerokuで得たホスト名、セキュリティの為変えてます4.cleardb.com;dbname=Herokuで得た～～heroku_c9b3セキュリティの為少し変えてます;', $user, $pass);
  //$dbh->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);
  //$dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  $sql = "UPDATE recipes SET recipe_name = ?, category = ?, difficulty = ?, budget = ?, howto = ? WHERE id = ?";
  $stmt = $dbh->prepare($sql);
  $stmt->bindValue(1, $recipe_name, PDO::PARAM_STR);
  $stmt->bindValue(2, $category, PDO::PARAM_INT);
  $stmt->bindValue(3, $difficulty, PDO::PARAM_INT);
  $stmt->bindValue(4, $budget, PDO::PARAM_INT);
  $stmt->bindValue(5, $howto, PDO::PARAM_STR);
  $stmt->bindValue(6, $id, PDO::PARAM_INT);
  $stmt->execute();
  $dbh = null;
  echo "ID: " . htmlspecialchars($id,ENT_QUOTES,'UTF-8') . "レシピの更新が完了しました。<br>";
  echo "<a href='index.php'>トップページへ戻る</a>";
} catch (Exception $e) {
  echo "エラー発生： " . htmlspecialchars($e->getMessage(), ENT_QUOTES, 'UTF-8') . "<br>";
  die();
}

```

こういうコードの場合どう変えればいいのかご教授願います。コメントアウトしている部分はデータベース接続に関わらない箇所・あるいは変えてしまうとレシピアプリの挙動を変えてしまうと判断した部分です。



やったこと：
・https://devcenter.heroku.com/articles/getting-started-with-php#provision-a-database
を確認したがLaravelの言葉？などで現在行っているPHPとは異なり全く参考にならなかった。
・似た質問でhttps://teratail.com/questions/227190をよく読んだが、
```ここに言語を入力
function dbConnect(){
  $db = parse_url($_SERVER['CLEARDB_DATABASE_URL']);
  $db['dbname'] = ltrim($db['path'], '/');
  $dsn = "mysql:host={$db['host']};dbname={$db['dbname']};charset=utf8";
  $user = $db['user'];
  $password = $db['pass'];
  $options = array(
    PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
    PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
    PDO::MYSQL_ATTR_USE_BUFFERED_QUERY =>true,
  );
  $dbh = new PDO($dsn,$user,$password,$options);
  return $dbh;
}
```

これが　https://qiita.com/nanshi99/items/baad35db1d1cde1fdba2ここの記事のことだと思うのですが見ての通りfunction.phpと関数を自分で定義し、そこをphpファイルで保存しています。これが事実だとしても、自分が先に乗せたtry内のコードが```ここに言語を入力
$option =
``` と被り何が何だか分かりません。


見ての通り質問も的を得ていないので解決は困難な気がするので、無料でHerokuにMySQLを使ってデプロイすることがアプリ作りを通して詳しく説明しているサイトなどがあれば教えてもらいたいです。


・最後にまとめると、

データベース接続をローカルから本番に変更するためにはローカルでのコードを変更しなければならないが、そのためには例に挙げたupdate.phpをどう修正すべきか➀。データベースをハードコーディングするべきでないのなら、一か所にまとめて書く手法とともに、update.phpをどのように修正したらいいか➁。➀、➁が解答困難であるならば、アプリ作りを通じてMySQLを用いてHerokuを使ってデプロイまでしているサイトを紹介してほしい➂。

ローカルから本番環境にデータベース接続を変更したい

### LaravelでVue-Chart.jsを使いたい
Laravelで個人的に作っていたアプリケーションでグラフを表示したいと思い、Chart.jsを使おうとして、様々なサイトを参考にコードを書いたところ、思った動作をしてくれませんでした。ですが、Vue.jsの知識がないので何が違うのかわかりませんでした。具体的にはLaravel側からどういう風にデータ（配列型）を渡したら良いのかわかりませんでした。
下記のコードから違う点と改善点を指摘していただけないでしょうか。

### 実装したコード

```php
$content_task_time = array();
        //ここで$content_task_timeに数字を代入しています
        foreach ($content_task_db as $content_task_dbs) {
            $i = 0;
            array_push($content_task_time, strtotime($content_task_dbs->updated_at) - strtotime($content_task_dbs->created_at));
            $i =+ 1;
        }


        $times = json_encode($content_task_time);
```

```php
        'times' => $times,

```

```blade
                    <div id="app">
                        <task-chart times="{{ $times }}">
                        </task-chart>
                    </div>
```

```Vue
//サンプルコードなのでlabelsの値は適当になっています
<script>  
import { Bar } from 'vue-chartjs' 

export default {  
  extends: Bar,  
  data: () => ({  
    chartdata: {  
      labels: ['January', 'February'],  
      datasets: [  
        {  
          label: 'Data One',  
          backgroundColor: '#f87979',  
          data: {
            props: {
              times: Array
              }
          }
        }  
      ]  
    },  
    options: {  
      responsive: true,  
      maintainAspectRatio: false  
    }  
  }),  

  mounted () {  
    this.renderChart(this.chartdata, this.options)  
  }  
}  
</script>  
```



### 参考にしたサイト
https://qiita.com/kotarosz1/items/26c85663e7b9c634a617
https://qiita.com/maejima_f/items/96ee60bc9e71ed19c7cb

LaravelからVue.jsコンポーネントへの配列の渡し方

大学生になり時間がたくさんあるのでweb制作でお小遣い稼ぎができればよいなと考えproogateで勉強を始めました。最初は報酬5000ほどの簡単な案件から始め、ちょこちょこお小遣いを稼げれば良いと思っていました。ただ先日案件受注について調べていたところ、ドメインの獲得や納品後の対応までを説明している動画を見かけました。僕は最初は本当に簡単な案件で良いのですが、そういったことまで勉強する必要があるのでしょうか。最低限コーディング以外に必要なことがあればご教授願います。

web制作で最低限学ぶべき知識について知りたい。

商品登録管理のシステムを構築しています。
1. モーダルウィンドウ上で商品の登録を行う
　商品名・商品番号・価格を入力し、登録ボタンクリックで登録完了
↓
2. モーダルを閉じるとともに登録した情報をAjaxで画面遷移なしで、テーブルに表示させる。

という工程を考えています。
2番目を実装させたいのですが、可能なのでしょうか？
やはり、一度リロードさせなくてはいけないのでしょうか・・・


```ここに言語を入力
 /* 登録処理 */
        // 登録ボタン押下
        if(isset($_POST['signupBtn'])) {
            $name=$_POST['name'];
            $number=$_POST['number'];
            $price=$_POST['price'];

            $sql = 'INSERT INTO items(name, number, price)VALUES(?, ?, ?)';
            $stmt = $pdo->prepare($sql);
            $result = $stmt->execute(array($name, $number, $price));
            $sql = 'SELECT name, number, price';

            // 登録情報をDBに配列で挿入
            $data = array();
            while($row = $stmt->fetch(PDO::FETCH_ASSOC)){
                $data[] = array(
                    $name=> $row['name'],
                    $number=> $row['number'],
                    $price=> $row['price'],
                );
            }
            header('Content-Type: application/json; charset=utf-8');
            echo json_encode($data);
            $sql = $pdo->query("SELECT * FROM items where name= $name");
            $rows = $sql->fetchAll();
        }

```
テーブル
```ここに言語を入力
                        <table id="foo-table" class="table">
                            <thead class="thead-dark">
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">商品番号</th>
                                    <th scope="col">商品名</th>
                                    <th scope="col">価格</th>
                                </tr>
                            </thead>
                              
                            <?php if (!isset($warning_txt)) : ?>
                            <tbody>
                                
                                <?php foreach ($rows as $key => $row): ?>
                                    <tr data-index="0">
                                        <th scope="row">
                                            
                                            <input class="form-check-input ml-1" type="radio" name="flexRadioDefault" id="flexRadioDefault1" value="<?= $row['id'] ?>">
                                            <label class="form-check-label" for="flexRadioDefault1"></label>
                                        </th>
                                        <div id="result">
                                        <td><?= $row['name']?></td>
                                        <td><?= $row['number']?></td>
                                        <td><?= $row['price']?></td>
                                        </div>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
```

モーダルの値をテーブルに表示

こんにちは。
PHP（Laravel）初心者です。
以下のことで困っております。
どなたか、ご教授いただければと思い、投稿させていただきました。
どうぞよろしくお願いいたします。

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
「Laravelを使って簡単なアプリを作ってみよう」という講座を購入して、自作中なのですが、
以下のようなエラーが発生してしまい困っております。

### 発生している問題・エラーメッセージ

```
ErrorException (E_ERROR)
Class 'App\Card' not found (View: /Users/takumi/Desktop/trellolike_app/resources/views/listing/index.blade.php)
```

### 該当のソースコード

```ここに言語名を入力
PHP（Laravel）
index.blade.phpのコード

@extends('layouts.app')
@section('content')

<div class="topPage">
  <div class="listWrapper">
     @foreach ($listings as $listing)
      <div class="list">
        <div class="list_header">
          <h2 class="list_header_title">{{ $listing->title }}</h2>
          <div class="list_header_action">
            <a onclick="return confirm('{{ $listing->title }}を削除して大丈夫ですか？')" href="{{ url('/listingsdelete', $listing->id) }}"><i class="fas fa-trash"></i></a>
            <a href="{{ url('/listingsedit', $listing->id) }}"><i class="fas fa-pen"></i></a>
          </div>
        </div>

        
        
        <div class="cardWrapper">
          @foreach ($listing->cards as $card)
          <a class="cardDetail_link" href="/listing/{{$listing->id}}/card/{{$card->id}}">
            <div class="card">
              <h3 class="card_title">{{ $card->title }}</h3>
              <div class="card_detail is-exist"><i class="fas fa-bars"></i></div>
              </div>
          </a>
          @endforeach
          <div class="addCard">
            <i class="far fa-plus-square"></i>
            <a class="addCard_link" href="/listing/{{$listing->id}}/card/new">さらにカードを追加</a>
          </div>
        </div>
        
        

      </div>
     @endforeach
  </div>
</div>
@endsection



2.Listing.phpのコード

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Listing extends Model
{
    public function cards()
    {
        return $this->hasMany('App\Card');
    }
}
```

### 試したこと

Appディレクトリの中に、Cardディレクトリ（もしくはCardファイル？）が存在しないからエラーが出ているのかなと考えています。
事実、Appディレクトリの中に、cardディレクトリやcard.phpのようなファイルはございませんでした。
App配下にCard〜のようなディレクトリやファイルを作るような指示や表現はなく、行き詰まってしまいました。

### 補足情報（FW/ツールのバージョンなど）
phpバージョン：PHP 7.1.23
Laravelバージョン：Laravel Framework 5.5.45

## 参考資料（エラー文とエラーが起こっているファイルの作成を指示された箇所）
![イメージ説明](4cb8b0ce0f588b61ce2768ca766fbb32.png)

![イメージ説明](1fa2e41dbb6e6c2c4c7b51de47ce7a8a.png)