Q&A
ステマ？になりますが、ドメイン駆動設計などモデリングに関する書籍を読むことをおすすめです。
難しいですがこの領域はコンピュータ・サイエンスに食い込むのでトライアルアンドエラーで身につけていくしか無いと思いますね。
PHPの学習の為、掲示板のサイトを作成致しました。
掲示板は、投稿されたコメント一覧及び、書き込みフォームを表示する「bbs_1.php」書き込みフォームより投稿されたコメントを処理する「write1.php」コメント一覧部分の削除フォームから、削除パスワードを入力された場合にコメントを削除する、「delete1.php」の３つのファイルで構成しております。ですが、学習の為、関数切り分けを行いたいと思い、データベース接続部分のPDOインスタンスを作成する部分「Db_connect.php」、及び、データベースの接続情報を定数として、定義した、「config.php」作成し、処理を切り分けてみました。
php
1<?php 2 3require_once 'Db_connect.php'; 4require_once 'config.php'; 5 6 error_reporting(E_ALL); 7 ini_set("display_errors",1); 8 9 //1ページに表示されるコメントの数 10 $num = 10; 11 //ページ数が指定されている時 12 $page = 0; 13 if(isset($_GET['page']) && $_GET['page'] > 0){ 14 $page = intval($_GET['page']) -1; 15 } 16 17 try{ 18 19 $dbh = db_connect(DSN,DB_USERNAME,DB_PASSWORD); 20 $stmt = $dbh->prepare("SELECT id,name,title,comment,created_at,password FROM post ORDER BY created_at DESC LIMIT 21 :page,:num"); 22 //パラメーターを割り当て 23 $page = $page * $num; 24 25 $stmt->bindValue(':page',$page,PDO::PARAM_INT); 26 $stmt->bindValue(':num',$num,PDO::PARAM_INT); 27 $stmt->execute(); 28 }catch(PDOException $e){ 29 echo "エラー: " . $e->getMessage(); 30 } 31 32?> 33 34 <html> 35 <head> 36 <title>交流サイト:掲示板</title> 37 <meta charset="utf-8"> 38 </head> 39 <body> 40 <h1>掲示板</h1> 41 <form action="write1.php" method="post"> 42 <p>名前:<input type="text" name="name" value="<?php echo isset($_COOKIE['name']) ? $_COOKIE['name'] : '' ?>"></p> 43 <p>タイトル:<input type="text" name="title" size="60"></p> 44 <textarea name="comment"></textarea> 45 <p>削除パスワード(数字4桁):<input type="text" name="pass"> 46 <input type="submit" name="submit" value="書き込む"> 47 <input type="hidden" name="token" value="<?php echo password_hash(session_id(),PASSWORD_DEFAULT); ?>"> 48 </form> 49 <hr> 50 <?php 51 while($row = $stmt->fetch()): 52 53 $title = $row['title'] ? $row['title'] : '(無題)'; 54 ?> 55 <p>名前:<?php echo $row['name'] ?></p> 56 <p>タイトル:<?php echo $title ?></p> 57 <p><?php echo nl2br(htmlspecialchars($row['comment'],ENT_QUOTES,'UTF-8'),false) ?></p> 58 <p><?php echo $row['created_at'] ?></p> 59 <form action="delete1.php" method="post"> 60 <input type="hidden" name="id" value="<?php echo $row['id']; ?>"> 61 削除パスワード:<input type="password" name="pass"> 62 <input type="submit" value="削除"> 63 <input type="hidden" name="token" value="<?php echo password_hash(session_id(),PASSWORD_DEFAULT); ?>"> 64 </form> 65 <?php 66 endwhile; 67 //ページ数の表示 68 try{ 69 $stmt = $dbh->prepare("SELECT COUNT(*) FROM post"); 70 $dbh->setAttribute(PDO::ATTR_EMULATE_PREPARES,false); 71 $dbh->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION); 72 73 //クエリの実行 74 $stmt->execute(); 75 76 }catch(PDOException $e){ 77 echo "エラー:" . $e->getMessage(); 78 } 79 /** 80 * コメントの件数を取得 81 *fetchColumn関数で 最初のレコードを取り出し、最初の列「id」のデータを取り出す 82 * idは降順に設定されているため、コメントの件数が分かる 83 * */ 84 $comments = $stmt->fetchColumn(); 85 $max_page = ceil($comments / $num); 86 echo '<p>'; 87 for($i = 1; $i <= $max_page; $i++){ 88 echo '<a href="bbs.php?page=' . $i .'">' . $i . 89 '</a> '; 90 } 91 echo '</p>'; 92 ?> 93 94 </body> 95 </html>
上記は、「bbs_1.php」になります。
php
1<?php 2 3require_once 'Db_connect.php'; 4require_once 'config.php'; 5 6error_reporting(E_ALL); 7ini_set('display_errors', '1'); 8 9$err_message = []; 10 11if(!empty($_POST)){ 12 13 $title = filter_input(INPUT_POST,'title',FILTER_SANITIZE_SPECIAL_CHARS); 14 $token = filter_input(INPUT_POST,'token',FILTER_SANITIZE_SPECIAL_CHARS); 15 16 if(!$name = filter_input(INPUT_POST,'name',FILTER_SANITIZE_SPECIAL_CHARS)){ 17 $err_message[] = '名前が入力されていません'; 18 } 19 20 if(!$pass = filter_input(INPUT_POST,'pass',FILTER_SANITIZE_SPECIAL_CHARS)){ 21 $err_message[] = 'パスワードが入力されていません'; 22 } 23 24 if(!$comment = filter_input(INPUT_POST,'comment',FILTER_SANITIZE_SPECIAL_CHARS)){ 25 $err_message[] = 'コメントが入力されていません'; 26 } 27 28} 29 30 31if(!preg_match("/^[0-9]{4}$/",$pass)){ 32 33 $err_message[] = 'パスワードを４文字で入力してください'; 34 35} 36 37$pass = password_hash($pass,PASSWORD_DEFAULT); 38 39if(count($err_message) === 0){ 40 //CSRF対策 41 if(!password_verify(session_id(),$token)){ 42 header('Location:bbs_1.php'); 43 exit(); 44 } 45 46 setcookie('name',$name,time() + 60 * 60 * 24 * 30); 47 48 49 50 //データベースに接続 51 52 53 try{ 54 55 $dbh = db_connect(DSN,DB_USERNAME,DB_PASSWORD); 56 $dbh->setAttribute(PDO::ATTR_EMULATE_PREPARES,false); 57 $dbh->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION); 58 $stmt = $dbh->prepare(" 59 INSERT INTO post (name,title,comment,created_at,password) 60 VALUES (:name, :title, :comment, now(), :pass)"); 61 $stmt->bindValue(':name',$name,PDO::PARAM_STR); 62 $stmt->bindValue(':title',$title,PDO::PARAM_STR); 63 $stmt->bindValue(':comment',$comment,PDO::PARAM_STR); 64 $stmt->bindValue(':pass',$pass,PDO::PARAM_STR); 65 $stmt->execute(); 66 67 }catch(PDOException $e){ 68 die ('エラー:' . $e->getMessage()); 69 } 70 71} 72 73?> 74<html> 75<head> 76 <meta charset="utf-8"> 77 <title>Page Title</title> 78 79</head> 80<body> 81 <?php 82 echo implode("<br />",$err_message); 83 ?> 84 <h4>投稿に成功しました。</h4> 85 <p><a href="bbs.php">戻る</a> 86 87</body> 88</html> 89
上記は「write1.php」になります。
php
1<?php 2 require_once 'config.php'; 3 require_once 'Db_connect.php'; 4 error_reporting(E_ALL); 5 ini_set("display_errors",1); 6 7 //エラーメッセージ 8 $err_msg = []; 9 10 if(!empty($_POST)){ 11 12 if(!$pass = filter_input(INPUT_POST,'pass',FILTER_SANITIZE_SPECIAL_CHARS)){ 13 14 $err_msg[] = 'パスワードが入力されていません。'; 15 16 } 17 18 19 $token = filter_input(INPUT_POST,'token',FILTER_SANITIZE_SPECIAL_CHARS); 20 21 //POSTされたIDを取得 22 $id = filter_input(INPUT_POST,'id',FILTER_SANITIZE_SPECIAL_CHARS); 23 $id = intval($id); 24 25 } 26 27 //CRLF対策 28 if(!password_verify(session_id(),$token)){ 29 header('Location:bbs.php'); 30 exit(); 31 }; 32 33 if(count($err_msg) === 0){ 34 35 36 try{ 37 $dbh = db_connect(DSN,DB_USERNAME,DB_PASSWORD); 38 $stmt = $dbh->prepare(" 39 SELECT password FROM post where id = :id 40 "); 41 42 $stmt->bindValue(':id',$id,PDO::PARAM_INT); 43 44 $stmt->execute(); 45 46 $db_pass = $stmt->fetch(); 47 48 if(!password_verify($pass,$db_pass['password'])){ 49 50 die('パスワードが違います'); 51 } 52 53 $stmt = $dbh->prepare(" 54 DELETE FROM post WHERE id = :id 55 "); 56 57 $stmt->bindValue(':id',$id,PDO::PARAM_INT); 58 $stmt->execute(); 59 60 }catch(PDOException $e){ 61 62 die( "エラー:" . $e->getMessage()); 63 } 64 65 header('Location: bbs_1.php'); 66 exit(); 67 68 } 69 70?>
上記は「delete1.php」になります。
php
1<?php 2define('DSN','mysql:host=localhost;dbname=online_bbs;charset=utf8'); 3define('DB_USERNAME', 'root'); 4define('DB_PASSWORD', '12345');
上記は「config.php」になります。
php
1<?php 2function db_connect($dsn,$user,$password){ 3 $dbh = new PDO($dsn,$user,$password); 4 $dbh->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION); 5 $dbh->setAttribute(PDO::ATTR_EMULATE_PREPARES,false); 6 return $dbh; 7}
上記は、「Db_connect.php」になります。
「bbs_1.php」「write1.php」「delete1.php」内で、他に関数切り分けした方が良いと思う箇所などがありましたら、ご助言頂きたいです。
よろしくお願いいたします。
回答5件
0
タグ「オブジェクト指向」は今回どのように関係するのでしょうか。
PDOはphpから提供されている機能ですがそれを「オブジェクト指向」と置いているのでしょうか。
正直なところ、この手のものはやろうと思えば幾らでもできてしまうものなので、質問としてあげるには不適当の内容と思います。
「その幾らでもできてしまうところを教えて」と言われると質問ではなくなります。
「こうしなければならないを教えて」となるともはや質問ではなくなります。仕事だと現場のコーディングルールに従うわけですし、現場のルールであればおいそれと公の場に出すわけにはいきません。
趣味としたら好きなようにやったら良いだけです。
要件通り動いていることが大前提。
もしリファクタリングなのであれば前と同じ操作で同じ結果が出ていればOK。
「どこまでもできる、キリがない」ので、どこまでやるかは自分が決めることです。
リファクタリングとしても何を機能切り出しされたのか見えないのは問題ですね。
基本は「同様の処理は関数化(引数で切り分ける)」
「ファットコントローラーになるなら外出し」
「役割分担、一定の仕事をきちんと与えて似た仕事を重複させない」
ですが、その観点で「自分では限界までやった」のでしょうか？
ほとんど１枚ペラのプログラムと変わらないですね。「他にある？」と聞く段階ではなさそうです。
９割程度できていて１割なんとかならないか、なら分かりますが、１割も出来てなさそうに見えます。
ツッコミどころが多すぎてどこから突っ込むべきか、というか、もっと質問する前に考えられることだらけで突っ込む気もおきない、という感じです。
(質問者さんのこれまでの経緯から、この程度で止まってしまってることが残念でならないです。そういった意味で「出来そうなところの１割も」という意味で書いてます。)
いっそ、ほぼ０から作り直してみては。
今あるものをなんとかしようというのではなく、部品作っておいて使う形に。
投稿2019/04/01 07:56
編集2019/04/01 08:08
総合スコア80850
0
これはモデリングの話ですね。
PG100人に聞いたら100通りの回答されると思います。つまり正解はありません。
見た感じリファクタリングできる箇所はMVCモデル化とGoFデザインパターンの導入でしょう。
一例ですがこんな感じにモデリングした後、実際の書き込み処理などを実装していく感じになるでしょう
php
1<?php 2//C&V 3// require_once(BBS_Model); 4 5$bm = new BBS_Model(); 6if($bm->init() === false){ 7 http_response_code(400) ; 8 exit(); 9} 10 11$bm->exec($_GET,$_POST); 12 13?><html>～省略～ 14 15<?= empty($bm->getError()) ? $bm->getMessage()['success_msg'] : $bm->getError() ?> 16 17～省略～ 18</html>
php
1<?php 2require_once('Db_connect.php'); 3require_once('config.php'); 4 5 6class BBS_Model() 7 private $conf; 8 private $db; 9 private $error_msg = []; 10 private $msg = []; 11 public function __construct(){ 12 $this->conf = new config(); 13 } 14 public function init(){ 15 $this->db = new Db_connect($conf);//「php db GoFパターン」で検索 16 if($this->db === false){ 17 return false; 18 } 19 } 20 public function exec($get, $post){ 21 //メインロジック 22 //エラー処理 23 if(isset($post)){ 24 $this->error_msg = 'Error'; 25 return false; 26 } 27 $this->saveComment($name, $title,$comment,$pass); 28 29 $this->msg['success_msg'] = '成功です'; 30 } 31 public function getError(){ 32 return $this->error_msg; 33 } 34 public function getMessage(){ 35 return $this->msg; 36 } 37 38 private saveComment($name, $title,$comment,$pass){ 39Value(':name',$name,PDO::PARAM_STR); 40 41 try{ 42 43～省略～ 44 $stmt->bindValue(':title',$title,PDO::PARAM_STR); 45 $stmt->bindValue(':comment',$comment,PDO::PARAM_STR); 46 $stmt->bindValue(':pass',$pass,PDO::PARAM_STR); 47～省略～ 48 $this->db->execute($stmt); 49 50 }catch(PDOException $e){ 51 die ('エラー:' . $e->getMessage()); 52 } 53 54} 55
投稿2019/04/01 08:47
総合スコア705
ご回答ありがとうございます。
ご回答いただきました、「$this->db = new Db_connect($conf);/」こちらの部分なのですが、Db_connect.phpは自分のコードではクラスを記載しておりません。インスタンス化することはできるのでしょうか...?
回答依頼いただいたんですが、こちらの回答の方針を支持いたしますので、このコメントをもって回答といたします。
コメントとして方針を加えるとすれば、ビュー(描画するhtmlを書くソース)でselectとかいう文字をみたくないです。
bbs.php(bbs_1.phpになってない箇所がいくつかある)と、write_1とdelete_1の関係がおかしい(writeは遷移しておわり、deleteはLocationで戻している)。コントローラがきちんと役割立てされてない感じ。
papinianusさんご返信ありがとうござます。
ご指摘頂きました点につきまして、コードの方見直して、見たいと思います。
解決済みになっていますが
>ご回答いただきました、「$this->db = new Db_connect($conf);/」こちらの部分なのですが、
Db_connect.phpは自分のコードではクラスを記載しておりません。インスタンス化することはできるのでしょうか...?
サンプルコード中のコメントにある通り、GoFのデザインパターン化する前提です。よって質問にあるコードのDb_connectではインスタンス化できません。
DBの抽象化は多くの人が作ってるのでそれを参考にするのがベストでしょう
0
一度設計作業をちゃんとしてみれば？
掲示板であれば、設計サンプルはいくらでも入手できるし、設計作業ができなければ、そもそもコレ以上の規模でまともなコーディングができるわけないので。
タマゴとニワトリだけど、クラス図がそれなりの精度で書ければ、オブジェクト指向でリファクタリングするのも容易です。
投稿2019/04/02 03:54
退会済みユーザー
総合スコア0
ご回答ありがとうございます。
正直な所、自分としましては、「設計」というものも良く分かっていませんでした...
掲示板の設計サンプル、調べてみたいと思います。
0
ベストアンサー
学習のため、ってところが引っかかるのは私だけだろうか。
そして、まだオブジェクト指向のオの字も出てこないのも気になる。
なんのために分割するのかを見失ってますよね。
生産性を高めるために、
コードの再利用性を高めるために、
（もしかしたら）内部処理と見た目（見せ方）を分業するために分離する
ってのが本筋じゃないでしょうか。
その場合に、あなたがどういう観点で構造を変更すれば
生産性が高まり、コードの再利用性が高まるのか、
内部処理と見た目（見せ方）を分業できるのか、
っていう視点で考えればいいし、
分け方なんて人それぞれで場合にもよるのだから、
「こういう考え方に基づいてこういうふうにわけました」が正しく行われれば
それにツッコミの入れようはないはずです。
ちなみに、内部処理と見た目（見せ方）の分業について、
たった一人で開発する上では、一本のphpの中で
データベースの処理もhtmlやcssやjsのコードも全部書いちゃいますが、
規模が大きくなると分業することもあります。
分業を円滑にするためにフレームワークを駆使してみたり、
テンプレートエンジンを使ってみたりします。
と、前置きして、
Db_connect.php と config.php を分ける目的が、
システム全般的な設定事項を config.php にまとめてしまうのであれば分けててもいいし、
単にDB接続事項だけであれば Db_connect.php にまとめてしまった方が一行で済む利便性もあります。
分ければ、処理を起こす都度2行ずつ書くのを忘れなければいいのだし。
分けてあれば、ローカルのテスト用の設定とデプロイ先の設定をファイル差し替えで分けることもできます。
目的に沿っていれば、どっちでもいいんです。
でも、せっかくなら、 config.php に設定ごとを追い出しているのだとしたら、
環境依存的な事柄もそこに含めるべきで、
例えばデバッグ用の設定と思われる
error_reporting(E_ALL); ini_set("display_errors",1);
も追い出すと良いです。サーバーにデプロイしたときに不要（というか見直しする箇所）なので。
それと、今回投稿やコメントの更新処理が含まれていませんが、
更新処理をもし組み込んだとすると、
削除処理と更新処理で共通する処理というのも出てきます。
（書き換え用のパスワードが同じかどうかなど検証処理が）
そういうときどうするかも考えてみてください。
投稿2019/04/01 08:05
編集2019/04/01 08:21退会済みユーザー
総合スコア0
ご回答いただきありがとうございます。
学習の為、といいますのは、実は、オブジェクト指向を用いて、現在の掲示板のコードを書き換えようと思ったのですが、関数切り出しもできていないのに、早すぎる、などの指摘を受けた為、まずは、関数にて、処理の切り出しを行い、それができてから、クラス化などのオブジェクト指向を用いて、コードを書き換えていきたいと思い、関数切り出しを行おうと思いました。ですが、確かにご指摘の通り、なんのために、関数切り出しをするか、といったことはあまり考えていませんでした...処理を分けることで、同じ処理を書く手間を減らす為に行う、という漠然な目的しかありませんでした...
自分としましては、関数切り出しができるようになり、オブジェクト指向で書き換えられるようになれればという思いがあるのですが、何が正解か分からないといった所で、少し迷ってしまっている部分はありますね...
「config.php」を作成した理由も、PHPの講義動画で、DB接続の際に、同じようにconfig.phpにて、DB接続情報を定数で定義したファイルを用意していたので、DBに接続する際は、あのように切り分るのが正解なのかなと、思ってしまっていたんですよね...
そもそも、「config.php」が何の為のファイルか、ということもいまいち分かっていなかったです...
PHPの講義の動画では、ご回答にも記載いただきました、「 ini_set("display_errors",1);」こちらの部分が、「config.php」に記載されていたのですが、これはわざわざ「config.php」に書く必要はないのではないかと思い、あえて消したんですよね...
実は、講義動画を見ている際、「config.php」に、今回ご質問させていただきました通りDBへの接続情報を含めていたのですが、そこも謎だったんですよね...
例えばなのですが、「config.php」には、 「 error_reporting(E_ALL); ini_set("display_errors",1);」こちらの処理のみを書き、他の処理は、「Db_connect.php」へ移すといったことでも、良いのでしょうか...?
まぁ、言う人が違えば、また違うことを言うでしょうね。
なぜ違うことを言うのかも、視点が違うから、立ち位置が違うからだと思います。
例えばデータベースへのアクセスまわりも、
サーバーがmysqlでもpostgresqlでもどっちでも動くようにするために
内部処理と切り離してクラス化して隠蔽化するとか、ってなりますよねぇ。
内部処理と見え方を分離してMVCモデルで作り直すって視点でも良いでしょうし。
掲載されているコードは、単にアクション単位で分けましたって状態だから、
このまま進めようにもオブジェクト化をどういう視点でやるのか見えにくいです。
config.php への追い出しについて、
各アクション単位のphpファイルを、デプロイ時にデバッグ向け設定箇所を改変しなくてもいいように、
config.php 一箇所で済ませたほうが楽って観点です。
怖いのは修正漏れなので。
分け方を、単に今回の掲示板だけで考えるのか、
今後も類似の何かを開発する前提での再利用を考えるか、
など視点や立ち位置によって変わってしまうので、
namdaさんのいうデザインパターンは一度触れておいたほうがいいでしょう。
ご返信ありがとうございます。
＞config.php への追い出しについて
教えて頂き、ありがとうございます。
namdaさんのご回答も参考にさせて頂きたいと思います。
0
こんにちは。
回答ではなく助言です。これで伝わってくれれば良いのですが。
「プログラムの分割」と言ってまずイメージできるものというと、一連の処理をぶつ切りにして、それぞれを分けて管理するやり方が挙がりますね。これを便宜的に「縦分割」と表現してみます。流れる一連の処理をフェーズ毎に切り分けた状態をイメージしてください。これに対して、オブジェクト指向は「横分割」であると言えます。縦横の表現でイメージできるでしょうか、横分割は言い換えると「処理の階層化」を行う構造化という意味です。この2つを混同して「切り分け」と表現してしまうのは、何も分かっていないと言われても仕方ありません。縦分割がいわゆる工場のラインを工程別に分けたものであるとすると、横分割は、小さなツールを「使う」小さなツール、を「使って作られた」大きなツール、を「使って」プログラムを作るものです。この積み重なる「階層化」のイメージを持って、今一度自分のプログラムを見直してみてください。どうですか？階層化できそうですか？自分にはできそうにありません。一度コードを捨てて一から考え直した方が良い、と言っていたのは、そういうことです。一から、考え直してみるのはどうでしょうか。鍵は「階層化」と「小さなツール」です。
投稿2019/04/01 12:41
総合スコア4105
ご回答ありがとうございます。
抽象的な捉え方になってしまうかもしれないのですが、横分割というのは、「処理の階層化」、縦分割というのは、一連の処理をフェーズ事に切り分ける、といった考え方で理解できました。
他のご回答者様のご回答なども、参考にさせて頂き、もう少し勉強していきたいと思います。。。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/01 08:05
2019/04/02 03:23
2019/04/02 03:31
2019/04/02 03:37
2019/04/02 03:37
2019/04/02 03:39
2019/04/02 03:46
2019/04/02 03:53
2019/04/02 03:57
2019/04/02 04:02 編集
2019/04/02 04:06
2019/04/02 04:08
2019/04/02 04:19
2019/04/02 04:20
2019/04/02 04:21
2019/04/02 04:33 編集
2019/04/02 04:38
2019/04/02 04:39
2019/04/02 04:46
2019/04/02 04:56
2019/04/02 06:15
2019/04/02 08:09
2019/04/02 08:16
2019/04/02 08:27
2019/04/02 08:45
2019/04/02 12:02
2019/04/02 12:09
2019/04/02 13:11
2019/04/02 13:15
2019/04/02 13:19 編集
2019/04/02 13:18
2019/04/02 13:29
2019/04/02 13:31
2019/04/02 13:38
2019/04/02 14:02 編集
2019/04/03 01:53 編集
2019/04/03 01:41
2019/04/03 05:15
2019/04/03 05:18
2019/04/03 05:41
2019/04/03 09:12 編集
2019/04/03 10:11
2019/04/03 10:31 編集
2019/04/03 10:29
2019/04/03 10:59
2019/04/04 00:55 編集
2019/04/03 12:08
2019/04/03 12:41
2019/04/03 12:45
2019/04/03 12:46
2019/04/03 12:50
2019/04/03 12:53
2019/04/03 12:54
2019/04/03 12:59
2019/04/03 13:06
2019/04/03 13:08 編集
2019/04/03 13:15
2019/04/03 13:20
2019/04/03 13:23
2019/04/03 13:35
2019/04/03 13:58
2019/04/03 14:02 編集
2019/04/03 14:26
2019/04/03 14:56 編集
2019/04/03 14:48
2019/04/03 15:04
2019/04/03 21:04 編集
2019/04/03 23:45
2019/04/04 00:05
2019/04/04 00:31
2019/04/04 00:45 編集
2019/04/04 00:56
2019/04/04 01:42
2019/04/04 02:30
2019/04/04 02:41
2019/04/04 04:25
2019/04/04 04:33