常連

注目の的

社会貢献

質問力

回答者

ベストアンサー

拍手喝采

自己紹介

### 実現したいこと

Laravelで作成されたホームページをXserverに移行したい。

### 前提

他社の管理していたホームページの管理を引き継ぐことになり、このタイミングでサーバーも移行することになりました。
サーバーを用意し、いざ移行しようとバックアップデータをいただき中身を確認したところ、フォルダ構成的にLaravelで作られたものっぽいということがわかり、困り果ててしまいました。
当方、Web制作はしますが、Webアプリケーションの開発については全くと言っていいほど知識がなく、Laravelについても名前は知っていた…という程度です。
軽く調査したところ、時間をかけて学んでいけばわかりそうな感じではあるのですが、今回は時間が差し迫っている為、どうにかお知恵をお借りできないかと質問させていただきました。

いただいたファイルは、
・ホームページバックアップデータ
・sqlファイル
です。

Xserver側でのDB（MySQL）の準備は完了しております。
DBの接続方法や、そもそもホームページデータはFTPでそのままアップロードしていいのか等、移行の手順をご教示いただけますと幸いです。

### 補足情報

ファイルを共有いただいたときに、
・vendorフォルダは削除した
・DBの接続情報等は削除した
と説明いただいております。

### 疑問点

移行手順を知れれば一先ず良いのですが、後学の為に、以下の疑問についてもお教えいただけますととてもうれしいです。

・vendorディレクトリを削除する理由について
「ライブラリを含んでいるディレクトリ」という説明は検索をかけて知ったのですが、これは自分の管理を離れるとなったときに削除しなければならないフォルダなのでしょうか？

・Laravelでのホームページ制作について
普通にホームページを制作すること（ソース直打ちやフレームワーク使用、WordPress使用等）と比べてのメリットは、どのようなものがあるのでしょうか。

***

諸々初心者で申し訳ありませんが、どうかよろしくお願いいたします。

Laravelで作成されたホームページを別サーバーに移行する方法について

プラグインのInstagram Feedがうまく表示されません。

インスタグラムのIDの取得はうまくいってるのですが、画面に表示されません。コンソールエラーをみてみたところ、エラーも出てない状態になってます。

![イメージ説明](dbe46a60bf15a860a166fbc22f9d2904.png)

しかし、ソースを見てみるとうまく書き出されてはいるみたいです。「Follw on Instagram」だけなぜか表示されてます。。。↓
![イメージ説明](4a16b5e0c56bb990a0fafeb1862ea279.png)

```HTML
<div id="sb_instagram" class="sbi sbi_mob_col_auto sbi_col_1" style="max-width: 640px; width:100%; padding-bottom: 10px; " data-id="9652789855" data-num="5" data-res="full" data-cols="1" data-options='{&quot;sortby&quot;: &quot;none&quot;, &quot;showbio&quot;: &quot;true&quot;,&quot;feedID&quot;: &quot;9652789855&quot;, &quot;headercolor&quot;: &quot;&quot;, &quot;imagepadding&quot;: &quot;5&quot;,&quot;mid&quot;: &quot;M2E4MWE5Zg==&quot;, &quot;disablecache&quot;: &quot;false&quot;, &quot;sbiCacheExists&quot;: &quot;true&quot;,&quot;callback&quot;: &quot;ZTQ0OWYxZGQ2ZDlj.NGM1NDlhYWQ3Mzg1MGZjYjEyZTk=&quot;, &quot;sbiHeaderCache&quot;: &quot;true&quot;}'>

<div class="sb_instagram_header" style="padding: 10px; padding-bottom: 0;"></div>

<div id="sbi_images" style="padding: 5px;">

<div class="sbi_loader"></div></div>

<div id="sbi_load" class="sbi_hidden"><a class="sbi_load_btn" href="javascript:void(0);" style="display: none; "><span class="sbi_btn_text">Load More...</span><span class="sbi_loader sbi_hidden"></span></a><span class="sbi_follow_btn"><a href="https://www.instagram.com/" style="" target="_blank" rel="noopener"><i class="fa fab fa-instagram"></i>Follow on Instagram</a></span></div></div>
```

```php
<?php echo do_shortcode('[instagram-feed]'); ?>
```

ちなみにInstagram Feed以外のプラグインを2〜3個試してみたのですが、いずれも表示されなかったためサイト自体に問題があるのか、それともInstagram APIの問題なのかといった感じです。


他に足りない情報などありましたら教えていただけたら幸いです。。。
お手数おかけしますが、よろしくお願いいたします。




●追記
遅れてすみません。こちらで調べてみたところ、ヘッダーとフッターをファイルごと削除したら表示されました。でもファイルを残したまま中身を全部消すだけでは表示されませんでした。まだ原因はつかめていません。

```header.php

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Pocket Cabin</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/jquery.bxslider.css" />
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" />
	<link rel=”shortcut icon” href=”images/favicon.ico” />

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
	<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
	<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
	

	
	<meta property="og:locale" content="ja_JP">
	<meta property="og:type" content="website">
	<meta property="og:description" content="">
	<meta property="og:title" content="">
	<meta property="og:url" content="">
	<meta property="og:site_name" content="">
	<meta property="og:image" content="images/fb.jpg">
	


</head>

<body>

	<header class="header">
		<div class="container__wide">
			<div id="logo">
				<h1>
					<a href="<?php echo home_url(); ?>">
						<img class="ico_b" src="<?php bloginfo('template_directory'); ?>/images/logo.svg">
					</a>
				</h1>
			</div>
			<nav class="pc-only">
			  <ul id="main">
			    
			  </ul>
				
			</nav>
		</div>

		<div id="contBar"><a id="bar" class="menu-trigger sp-only"><span></span><span></span><span></span></a></div>
	  <div id="bar_menu" class="sp-only">
	    <ul>
				
	    </ul>
			<div class="bar_menu-sns">
				
			</div>
	  </div>
	</header>
```


```footer.php
<footer class="bg_beige">
		<a href="<?php echo home_url(); ?>">
			<img class="ico_b" src="<?php bloginfo('template_directory'); ?>/images/logo.svg" alt="Pocket Cabin">
		</a>
		<div class="sns_wrap">
			<a href="https://www.facebook.com/pocketcabin/" target="_blank" class="sns"><img src="<?php bloginfo('template_directory'); ?>/images/icon_facebook.svg"></a>
			<a href="https://www.instagram.com/pocketcabin/" target="_blank" class="sns"><img src="<?php bloginfo('template_directory'); ?>/images/icon_instagram.svg"></a>
		</div>
		<div>Copyright &copy; Pocket Cabin, All Rights Reserved.</div>
	</footer>

	
	<script src="<?php bloginfo('template_directory'); ?>/js/jquery.bxslider.js"></script>
	<script src="<?php bloginfo('template_directory'); ?>/js/scripts.js"></script>

	<script>
	$(window).on('load', function() {
	  var url = $(location).attr('href');
	  if(url.indexOf("?id=") != -1){
	  var id = url.split("?id=");
	  var $target = $('#' + id[id.length - 1]);
	    if($target.length){
	      var pos = $target.offset().top;
	      $("html, body").animate({scrollTop:pos}, 1000);
	    }
	  }
	});
	</script>

</body>
</html>
```

プラグインのInstagram Feedが表示されない

ここでこういう質問をしてよいのかわかりませんが、もし違うようでしたら、この質問ができるほかのどこか違うサイトを教えていただければ幸いです。

質問

現在、独学でWeb製作の勉強をしているんものですが（wordpress、HTML,CSS,
Javascript,jQuery,PHP,mySQLの学習を一通りしました）、、必要なツールを一通り学習したまではよかったのですが、実際にウェブサイトを作る練習というのがなかなか上手くできません。たいていの方々は、自分で作ってみる、または、他人のページを真似をしてみるのがよいとおっしゃられます。

正直、デザインに関してはまったく勉強したことがなく、自分で作ろうと思うWebサイトのアイデアはありません。

Web製作をされている方や、独学で習得された方は、どのように実践的な練習をされたのか教えていただけないでしょうか。（すでに働いているため、web製作の会社で働くという以外の方法でお願いいたします。）

Web製作の学習の仕方についてのアドバイス

練習用に書籍を管理するアプリケーションをPHP、MariaDBで作成しています。
CSRF対策を施す（トークンを埋め込む）場所についてアドバイスお願いします。

構成は下記。

①login.php
id、パスワード入力画面
セッションスタート、SESSIONにtokenを設定、hiddenでtokenをPOST送信。
↓
②login_check.php
POSTとSESSIONのtokenを照合。ID、パスワードの照合。パスワードが正しい場合は$_SESSION['login']=1を付与し、以後の全てのページでログイン状態の判別に使用。
照合し正しければログイン実行し③へ。
↓
③list.php
情報を修正する書籍の一覧。書籍を選択し④へ。
session_regenerate_id(true)でセッションIDの変更。
↓
④edit.php
変更する情報の入力画面。
変更する情報を⑤へPOST送信。
↓
⑤edit_check.php
入力値の検証、正しく入力されていればhiddenで入力値を⑥へPOST送信。
↓
⑥edit_done.php
データベースの更新。

書籍を登録・削除する機能なども作っていますが、今回は上記の流れのみでの話とします。

CSRF対策を施すのは重要な処理を行う部分のみという原則で考えると、重要な処理は
②のログインの実行
⑥のデータベース更新
だと思います。

⑥についてはすでにログイン状態であり、②以降で$_SESSION['login']によるログイン状態の判別、③でセッションIDの更新をしていることから第三者が編集処理をすることがないと判断しCSRF対策を行っていません。

こういった判断で①のみにトークンを埋め込んでいますが、認識は正しいのでしょうか。
⑥に対してもCSRF対策を施した（⑤にトークンを埋め込んだ）方がいいのでしょうか。

アドバイスお願いします。

【PHP】CSRF対策を施す（トークンを埋め込む）場所について

安全に更新処理を行うためにはどのようにするのが良いのでしょうか？

> http://192.168.33.10/staff/1/edit

上記のURLには以下のフォームが設置されています。
また、上記URLのstaffとeditに挟まれた番号1はスタッフIDです。

```
  <form method="put" action="http://192.168.33.10/staff/update">

                    <div class="form-group row">
                        <div class="col-6">
                            <label for="">tera</label>
                            <input type="text" class="form-control" id="" name="last_name" placeholder="苗字を入力" value="TERA">
                        </div>

                        <div class="col-6">
                            <label for="">tail</label>
                            <input type="text" class="form-control" id="" name="first_name" placeholder="名前を入力" value="TAIL">
                        </div>

                    </div>

                    <button type="submit" class="btn btn-primary">登録する</button>
                    <input type="hidden" name="_token" value="GIqTfrg9yL3nkd7zcDHHda70bzB7OPMAFhzdD4w0">

                </form>
```

> http://192.168.33.10/staff/update

上記ページに該当スタッフIDを渡してあげたいのですが、どのようにするのが適切な処理なのでしょうか？

inputタグのhiddenタグにスタッフIDをうめこみ、フォーム送信時に送るというのは、hiddenタグの値がブラウザ側でユーザーによって簡単に書き換えられてしまうので、よろしくないような気がしました。

> http://192.168.33.10/staff/update

上記ページで参照元パスからスタッフIDに該当する部分を抜きだそうと試みたのですが、参照元が「http://192.168.33.10/staff/1/edit」ではなく「http://192.168.33.10/staff/update」となってしまうようで、スタッフIDをパスから取れませんでした。

こういう場合はセッションを使って値渡しをすべきなのでしょうか？

安全にユーザーIDを渡して更新処理を行うためには？

パスワード管理で、ログインして使用する管理画面を作りまして、
ログアウトすると、最初のログイン画面に戻る仕様にしました。
しかし、ブラウザの戻るボタンを押すと、ログアウト前の管理画面が表示されてしまいます。
Webメールとかでは、よくログアウト後に戻るボタンを押してもログイン画面のままになるのを
みかけますが、どのような処理で実現可能でしょうか？

因みに、ログインは、パスワードだけを入力させ、
ログインしているかどうかは、セッションの時間（1時間）で
判断しています。

Webで調べて、ページをキャッシュさせない処理を追加して
みましたが、うまくいきませんでした。

以下、ログインとログイン後の管理画面、ログアウトのPHPファイルの一部です。

【login.php】の一部
```ここに言語を入力
<?php
//ページをキャッシュさせない
session_cache_limiter('nocache');

session_start();

if (!empty($_POST)) {
	// ログインの処理
	if ($_POST['password'] != '') {
		if ($_POST['password'] == 'test') {
			// ログイン成功
			$_SESSION['time'] = time();

		header('Location: kanri.php');
		exit();
		} else {
			$error['login'] = 'failed';
		}
	} else {
		$error['login'] = 'blank';
	}
}
?>
```

【kanri.php】ログイン後の管理画面の一部
```ここに言語を入力
<?php
//ページをキャッシュさせない
session_cache_limiter('nocache');

session_start();

if ($_SESSION['time'] + 3600 > time()) {
	// ログインしている
	$_SESSION['time'] = time();

	} else {
	// ログインしていない
	//header('Location: login.php');
	//exit();
}
?>
```

【logout.php】の一部 
※書籍を参考にしたので、不要な部分があるかもしれません。
```ここに言語を入力
<?php
//ページをキャッシュさせない
session_cache_limiter('none');
session_start();

// セッション情報を削除
$_SESSION = array();
if (ini_get("session.use_cookies")) {
	$params = session_get_cookie_params();
	setcookie(session_name(), '', time() - 42000,
		$params["path"], $params["domain"],
		$params["secure"], $params["httponly"]
	);
}
session_destroy();

// Cookie情報も削除
//setcookie('email', '', time()-3600);
setcookie('password', '', time()-3600);

header('Location: login.php');
exit();
?>
```

【PHPあるいはJavaScript】ログアウトした後で、ブラウザの戻るボタンを押してもキャッシュの前画面が表示されないようにしたい。

JavaScriptでfor文を使って以下のように数字を渦巻き状に並べたいのですがどのようにすればいいのでしょうか？

01,02,03,04,05,
16,17,18,19,06,
15,24,25,20,07,
14,23,22,21,08,
13,12,11,10,09,