  |
はてなキーワード: PHPとは
前回まで、データベースを使ったWebアプリを作成して、SQLの使い方を学びました。
これらの参考書をガッツリ読めば、データベース設計のやり方は分かる。
リレーショナル・データベースは昔からある枯れた（＝安定した）技術なので、鉄板のノウハウが蓄積されている。
先人の知恵に沿って使うなら、データベース設計で悩む余地は少ない。＝攻略は意外と簡単。
経済産業省認定の情報処理技術者試験で「データベース・スペシャリスト」という資格もある。
「データベースエンジニア」という肩書きを名乗れば、ただのプログラマーよりも高給取りになれる。勉強した後、自分の知識を棚卸してみるつもりで資格を取ってみるのもいいだろう。
データベース・スペシャリスト試験の教科書には、浅く広くDBの知識が網羅されているので、１度眺めてみたらいいかも。
データベース設計（database design）は、ソフトウェア開発工程においてデータベースの詳細なデータモデルを作る工程である。
（分類方法にもよるけど）データベース設計は、このようなステップを経る。それでは順番に見ていこう。
実際にシステムを使うことになるユーザーにヒアリング調査して、データベース内に永続化（格納）すべきデータを決定する。
データのCRUD操作（Create 追加、Read 参照、Update 更新、Delete 削除）が、いつ、どこで発生するか？をまとめた表のこと。
「データベース 設計 CRUD表」等のキーワードでGoogle画像検索してみよう。どんな表か分かる。
↑このページの「図2 標準的なCRUD図（例）」みたいな表を作って確認すれば、扱うデータの過不足がなくなる。
だが安心して欲しい！
押さえておくべきポイントはあるので、そこだけ手抜きをしなければ、大失敗は避けられるだろう。
実は、後でテーブルを作るときに、データの更新頻度によって2種類に分類できるんだ。
トランザクションデータの扱いは、気を付けないとデータベースの性能低下に直結する。
どっちのタイプのデータなのか？要件定義の段階から見分ける癖を付けておこう。
試しに、Amazonのような通販サイトなら、どんなデータを扱うことになるのか？想像してみよう。
…仕入先、在庫数、受発注、配送会社、顧客情報、商品カテゴリー、商品スペック、などいろいろあるだろう。
いつどこでCRUDが発生するか？どれがマスターデータで、どれがトランザクションデータだろうか？
（ここまでの説明でURLを8個も貼ってしまったので、続きは次回にしよう。）
anond:20181015215004 未経験からのプログラマーなんだが全然分からない
anond:20181016015826 増田式プログラマー養成講座 その１ パソコンの用意
anond:20181016164341 増田式プログラマー養成講座 その２ プログラム＝データ＋処理、プログラム言語の種類
anond:20181016180059 増田式プログラマー養成講座 その３ 構造化プログラミングの基本（順次、反復、分岐）
anond:20181016193144 増田式プログラマー養成講座 その４ 子ども向け教材「Scratch」で構造化プログラミングの練習
anond:20181017161003 増田式プログラマー養成講座 その５ オブジェクトとは何か？
anond:20181017191404 増田式プログラマー養成講座 その６ OOPの種類、PHPの準備
anond:20181019181549 増田式プログラマー養成講座 その７ OOPの仕組み（前半）
anond:20181020230044 増田式プログラマー養成講座 その８ OOPの仕組み（後半）
anond:20181022232327 増田式プログラマー養成講座 その９ MVCフレームワークを使ってみよう
anond:20181023184616 増田式プログラマー養成講座 その10 OOPの参考書
anond:20181024214133 増田式プログラマー養成講座 その11 データベースを使ってみよう
anond:20181026145516 増田式プログラマー養成講座 その12 データベースの参考書
anond:20181028152656 増田式プログラマー養成講座 その13 SQLの文法
anond:20181031014212 増田式プログラマー養成講座 その14 Webアプリの試作品を作成
anond:20181101225335 増田式プログラマー養成講座 その15 Webアプリの完成見本
anond:20181101230220 増田式プログラマー養成講座 その16 Webアプリの完成見本（続き）
anond:20181104161900 増田式プログラマー養成講座 その17 Webアプリの骨組み
anond:20181104233013 増田式プログラマー養成講座 その18 SQLでデータの追加と取得
anond:20181110120715 増田式プログラマー養成講座 その19 SQLでデータの更新
anond:20181110182445 増田式プログラマー養成講座 その20 SQLでデータの削除
anond:20181111205255 増田式プログラマー養成講座 その21 データベース設計 (1)要件定義 ←★今ここ★
：
| 時間 | 記事数 | 文字数 | 文字数平均 | 文字数中央値 |
|---|---|---|---|---|
| 00 | 67 | 10683 | 159.4 | 49 |
| 01 | 50 | 8608 | 172.2 | 48 |
| 02 | 22 | 3825 | 173.9 | 48.5 |
| 03 | 21 | 5617 | 267.5 | 25 |
| 04 | 19 | 857 | 45.1 | 38 |
| 05 | 11 | 574 | 52.2 | 40 |
| 06 | 22 | 2044 | 92.9 | 40.5 |
| 07 | 31 | 2957 | 95.4 | 57 |
| 08 | 54 | 8958 | 165.9 | 74 |
| 09 | 74 | 9056 | 122.4 | 50.5 |
| 10 | 93 | 8899 | 95.7 | 43 |
| 11 | 130 | 9167 | 70.5 | 38 |
| 12 | 79 | 15319 | 193.9 | 48 |
| 13 | 93 | 10214 | 109.8 | 47 |
| 14 | 76 | 9001 | 118.4 | 42.5 |
| 15 | 98 | 14516 | 148.1 | 53 |
| 16 | 105 | 9557 | 91.0 | 58 |
| 17 | 85 | 4014 | 47.2 | 32 |
| 18 | 62 | 10497 | 169.3 | 60.5 |
| 19 | 85 | 4992 | 58.7 | 31 |
| 20 | 61 | 6124 | 100.4 | 48 |
| 21 | 145 | 10739 | 74.1 | 41 |
| 22 | 119 | 17378 | 146.0 | 38 |
| 23 | 142 | 11459 | 80.7 | 44 |
| 1日 | 1744 | 195055 | 111.8 | 45 |
人(175), 自分(145), 今(91), 日本(77), 話(58), 増田(57), 前(53), 仕事(52), 女(51), 相手(50), 好き(50), 必要(49), 女性(47), 人間(47), あと(45), 男(44), ー(44), 意味(42), フェミ(42), 普通(41), 問題(38), 気(38), 理由(37), 感じ(36), 日本人(36), 子供(35), 原爆(35), 他人(33), 気持ち(33), 金(32), オタク(32), 頭(31), 目(30), 内容(30), 時間(29), 世界(28), 男性(27), レベル(27), 英語(27), 親(27), 大学(26), 言葉(26), 関係(26), 無理(26), 全部(26), しよう(25), 他(25), ネット(25), 最近(25), 一番(24), 自由(24), 国(24), 結婚(23), 理解(23), 手(23), 迷惑(23), 美人(23), 存在(22), 趣味(22), 今日(22), ゲーム(22), 昔(22), 嫌(21), じゃなくて(20), 場合(20), b(20), 世の中(20), 幸せ(20), 結局(20), お金(20), 漫画(19), 完全(19), 状態(19), 社会(19), 無料(19), 会社(19), 車(18), 結果(18), 事実(18), 説明(18), 心(18), 一人(18), 子(18), 時代(18), 最初(18), 誰か(18), アニメ(18), 映画(18), 別(18), 表現(17), 人生(17), ダメ(17), しない(17), タイプ(17), 正直(17), 勉強(17), シコ(17), ファン(17), バカ(17), 土(17), 家(17), 無駄(17), 先(17)
日本(77), 増田(57), フェミ(42), じゃなくて(20), 表現の自由(16), BTS(15), ネトウヨ(14), KKO(13), 韓国(13), 東京(13), 可能性(12), わからん(12), アメリカ(11), 外国人(11), 中国(11), いない(11), 京都(10), いいね(10), 基本的人権(10), OK(10), Twitter(9), 婚活(9), 価値観(9), hatena(9), 20代(9), 基本的(9), 元増田(9), アプリ(9), いいんじゃない(9), キモ(9), biz(9), 自分自身(8), なのか(8), ぶっちゃけ(8), f8(8), f6(8), d1(8), s(8), なんだろう(8), …。(8), にも(8), 自己紹介(8), b6(8), ブクマ(8), SNS(8), twitter(8), 10年(8), php(8), 個人的(8), 専業主婦(7), お気持ち(7), 精神的(7), 毎日(7), 被害者(7), f1(7), w(7), b1(7), a(7), 奨学金(7), b2(7), なんの(7), f5(7), な！(7), キズナアイ(6), ポリコレ(6), ttp://(6), 笑(6), bb(6), 生産性(6), fe(6), amp(6), トラバ(6), ゾーニング(6), 2人(6), ブクマカ(6), フレームワーク(6), ガチ(6), スマホ(6), ニート(6), 1年(6), ブコメ(6), 5年(6), 下方婚(5), individual(5), 14億(5), コレ(5), アレ(5), 30代(5), 昭和(5), 最低賃金(5), 1週間(5), PC(5), 一般的(5), reception(5), cytbunxi(5), ホッテントリ(5), コチラ(5), 夫婦(5), ブログ(5), member(5), マジで(5), ディオ(5), e4(5), AI(5), b4(5), aa(5), 異世界(5), チョコパイ(5), メルカリ(5), 論理的(5), 1人(5), キモい(5), ナチス(5), key(5), 一緒に(5), 100％(5), 何度(5), 3p(5), 自分たち(5), n/(5), Web(5), おまえら(5), 1回(5), URL(5), p(5), パティシエ(5), 犯罪者(5), ラノベ(5), キチガイ(5), スマブラ(5), ？？？(5), mkey(5), 仕方がない(5), 萌え絵(5)
恋文(6), individual(5), ディオ(5), パティシエ(5), bb(6), チョコパイ(5), f8(8), コチラ(5), 3p(5), d1(8), スクウェア(4), 原爆(35), 土(17), 戦士(12), 基本的人権(10), y(7), シコ(17), o(7), e(15), フレームワーク(6), Tシャツ(12), h(10), d(15), 反日(9), c(12), 奨学金(7), 指定(13), 運転(12), 表現の自由(16), 美人(23), 学ん(10), 無料(19), 借金(9), 返信(9), 食う(11), 20代(9)
■40代のKKOが必死に婚活アプリを一か月間使ってみた結果 /20181110151336(20), ■悪質サイトからのメールを晒そう /20181110075713(19), ■営業してるとやたらナンパされる /20181109185912(15), ■サンマの内蔵って食べるのが普通？ /20181110001043(11), ■車酔いする奴面倒くさすぎ /20181109204321(10), ■未だに特撮ものの偉大さがよくわからない /20181109222920(8), ■結局１番強いキャラってなんなの？ /20181110181336(7), ■スクウェア黄金期ってそんなすごかったの？ /20181110085030(7), ■日本人が英語能力が低いのを /20181109174335(7), ■汚れちまった悲しみって /20181110034243(6), ■才能のない人間の人生ってつまんねーわ /20181109024136(6), ■表現の自由十字軍の苦手なモノ /20181110214012(6), ■クレジットカード債務が支払えず裁判まで行ったやばい人達の例 /20181110025858(6), ■ニコニコでオススメの動画 /20181109105536(5), ■ /20181110100229(5), ■例の原爆の件って典型的「正義の反対はまた別の正義」案件だよな /20181110033210(5), ■日本のテレビ番組あるある /20181017172802(5), ■高校生はチンチンチャンバラするってマジ？ /20181110004841(5), ■スマブラの話 /20181110120600(5), ■ぶっちゃけ日本語廃止して英語を公用語にした方がいい /20181108223659(4), (タイトル不明) /20151030013920(4), ■いよいよ日本語がわからなくなってきた /20181110131131(4), ■何故か部屋貸してくれないんだけど心当たりがない /20181110121914(4), ■趣味で演劇をやったら面白かった事あれこれ /20181110030720(4), ■勉強しに日本に来ている外国人への援助が批判されていることについて /20181110201532(4), ■彼女が200円以下のゲロマズ牛乳を買ってきた！ /20181110224118(4), ■ /20181110082352(4)
5781155(3071)
SQLの説明じゃなくて、MVCフレームワークの使い方の説明の方が長くなって、自分でも見にくいと思った。
やり直すなら、まずはフレームワークを使わずに、素のPHP（構造化プログラミング）で掲示板を作り、SQLの説明をメインにすべきだった。
その後、フレームワークを使わない場合と、フレームワークを使った場合を比較して、フレームワークを使った方が便利だと説明すれば良かった。
＝順番がまずかったね。
基本は、同じなので前回やった更新処理をちょっと変えれば削除もすぐできます。
投稿されたメッセージを削除する機能を、Webページに付けてみよう。
前々回作ったメッセージの一覧の中に、削除ページにジャンプするリンクも入れておいた。
<td><a href="welcome/delete/<?php echo $item['id']; ?>">削除</a></td>
ブラウザーでHTMLソースを見ると、ここが以下のようなHTMLに書き換わってる。
これは「メッセージID番号が2のメッセージ」を削除対象にして、削除ページにジャンプする。
ユーザーが「http://localhost/waf/welcome/delete/2」というURLで、削除ページにアクセスしたら、コントローラーで「2」を受け取って使いたい。
CodeIgniterでは、URLの文字列を解析して、使うことができる。
以下のようにコントローラーを改造してみよう。
// 削除画面
public function delete($id = '')
{
$this->load->view('chat_delete');
}
delete()メソッドの引数で、URL中の「2」の部分を受け取れる。
「$id = $this->uri->segment(3);」でも受け取れる。
ユーザーに「本当に削除しますか？」みたいな注意喚起をしておきたい。
<?php defined('BASEPATH') or exit('No direct script access allowed');?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base href="<?php echo base_url(); ?>">
</head>
<body>
<form action="welcome/delete" method="post" accept-charset="utf-8">
<p style="background-color:lightpink"><?php echo $talk['message']; ?></p>
<input type="hidden" name="id" value="<?php echo $talk['id']; ?>">
<input type="hidden" name="action" value="delete">
<?php else: ?>
<p>※該当するメッセージがありません。（または削除済です。）</p>
<?php endif;?>
<button>削除する</button>
</form>
<p><a href="welcome/index">戻る</a></p>
</body>
</html>
<p style="background-color:lightpink"><?php echo $talk['message']; ?></p>
削除するメッセージを色付きで強調して、ユーザーに確認してもらう。
<input type="hidden" name="id" value="<?php echo $talk['id']; ?>">
コントローラーに削除対象のメッセージID番号を送るため、inputタグの「type="hidden"」でメッセージID番号を仕込んでおく。
// 削除画面
public function delete($id = '')
{
$id = $id ? $id : $this->input->post('id');
$action = $this->input->post('action');
$this->chat_model->delete_message($id);
}
$data['talk'] = $this->chat_model->read_message_by_id($id);
$this->load->view('chat_delete', $data);
}
で、モデルに用意したデータ削除用メソッドを呼び出しているだけ。
次は、モデルでdelete_message()メソッドを用意しよう。
// Delete
public function delete_message($id = 0)
{
$sql = "DELETE FROM talk WHERE id = ?";
$param = array($id);
$this->db->query($sql, $param);
return $this->db->affected_rows();
}
SQLの「DELETE」を使えば、指定したレコード（１件分のデータ）を削除できる。
「DELETE FROM talk WHERE id = ?」で、talkテーブルのmessageをidを指定して削除している。
データを削除した後の挙動は、メッセージID番号がなくなるので、削除ページに表示できるメッセージデータがなくなる。
（例）id=2のデータを削除したら、SQLで「SELECT * FROM talk WHERE id = 2」を取得しても、空のデータ＝データがない状態。
その場合は、
<p>※該当するメッセージがありません。（または削除済です。）</p>
と表示させてる。
以上で、SQLの「DELETE」を使ったデータの削除ができた。
長々と説明したが、今回の大事な点は、SQLの「DELETE」の使い方だ。
以上で、MVCフレームワークを使ったOOPの使い方とSQLの使い方を見てきた。
（SQLはSQLだけで説明したほうが良かったね！MVCフレームワークの説明とSQLの説明が混在すると要点が分かりづらくなる？）
anond:20181015215004 未経験からのプログラマーなんだが全然分からない
anond:20181016015826 増田式プログラマー養成講座 その１ パソコンの用意
anond:20181016164341 増田式プログラマー養成講座 その２ プログラム＝データ＋処理、プログラム言語の種類
anond:20181016180059 増田式プログラマー養成講座 その３ 構造化プログラミングの基本（順次、反復、分岐）
anond:20181016193144 増田式プログラマー養成講座 その４ 子ども向け教材「Scratch」で構造化プログラミングの練習
anond:20181017161003 増田式プログラマー養成講座 その５ オブジェクトとは何か？
anond:20181017191404 増田式プログラマー養成講座 その６ OOPの種類、PHPの準備
anond:20181019181549 増田式プログラマー養成講座 その７ OOPの仕組み（前半）
anond:20181020230044 増田式プログラマー養成講座 その８ OOPの仕組み（後半）
anond:20181022232327 増田式プログラマー養成講座 その９ MVCフレームワークを使ってみよう
anond:20181023184616 増田式プログラマー養成講座 その10 OOPの参考書
anond:20181024214133 増田式プログラマー養成講座 その11 データベースを使ってみよう
anond:20181026145516 増田式プログラマー養成講座 その12 データベースの参考書
anond:20181028152656 増田式プログラマー養成講座 その13 SQLの文法
anond:20181031014212 増田式プログラマー養成講座 その14 Webアプリの試作品を作成
anond:20181101225335 増田式プログラマー養成講座 その15 Webアプリの完成見本
anond:20181101230220 増田式プログラマー養成講座 その16 Webアプリの完成見本（続き）
anond:20181104161900 増田式プログラマー養成講座 その17 Webアプリの骨組み
anond:20181104233013 増田式プログラマー養成講座 その18 SQLでデータの追加と取得
anond:20181110120715 増田式プログラマー養成講座 その19 SQLでデータの更新
anond:20181110182445 増田式プログラマー養成講座 その20 SQLでデータの削除 ←★今ここ★
anond:20181111205255 増田式プログラマー養成講座 その21 データベース設計 (1)要件定義
：
前回は、Webアプリの骨組み（スケルトン）に、SQLでデータの追加と取得をやりました。
前回作ったメッセージ一覧に、[編集]のリンクも入れておいた。
<td><a href="welcome/update/<?php echo $item['id']; ?>">編集</a></td>
という１行の部分。
ブラウザーでHTMLソースを見ると、以下のようなHTMLになってるはず。
これは「メッセージID番号が2」を対象にして、編集ページにジャンプすることを意味する。
「http://localhost/waf/welcome/update/2」というURLで編集ページにアクセスしたら、メッセージID番号の「2」を受け取れるようにしたい。
// 更新画面
public function update($id = '')
{
$this->load->view('chat_update');
}
CodeIgniterでは、URLから文字列を取り出す方法がいくつか用意されている。
// 更新画面
public function update()
{
$this->load->view('chat_update');
}
CodeIgniterで、URLの文字列から、特定部分の文字列を取り出す方法を見ておこう。
例えば、「http://localhost/waf/welcome/update/aaa/bbb/ccc」というURLにアクセスしたとき、CodeIgniterではURL中の「aaa」「bbb」「ccc」という部分は、以下のようにして取り出せる。
$seg1 = $this->uri->segment(1); // → 1番目のURL文字列：「welcome」＝コントローラーのクラス名
$seg2 = $this->uri->segment(2); // → 2番目のURL文字列：「update」＝クラスの中のメソッド名
$seg3 = $this->uri->segment(3); // → 3番目のURL文字列：「aaa」の部分
$seg4 = $this->uri->segment(4); // → 4番目のURL文字列：「bbb」の部分
$seg5 = $this->uri->segment(5); // → 5番目のURL文字列：「ccc」の部分
：
URLを「/」で区切って、base_url（http://localhost/waf/）の次から順番に、1番目のURL文字列、2番目のURL文字列、3番目のURL文字列、…とsegment()メソッドで順番を指定すれば取得できる。
データベースでメッセージIDを指定して、メッセージを取り出す機能を用意しよう。
public function read_message_by_id($id = 0)
{
$sql = "SELECT * FROM talk WHERE id = ?";
$param = array($id);
$query = $this->db->query($sql, $param);
return $query->row_array();
}
「WHERE id = 2」とすれば、メッセージID番号が2のメッセージのデータが「talk」テーブルから取り出せる。
もし該当するデータがなければ、返されるデータは空になる。（データが返ってこない。）
CodeIgniterの「row_array()」は、１件分のデータを配列の形にして返すメソッドだ。
<?php defined('BASEPATH') or exit('No direct script access allowed');?>
<!DOCTYPE html>
<html>
<head>
<base href="<?php echo base_url(); ?>">
</head>
<body>
<p>メッセージを変更して「更新する」ボタンを押してください。</p>
<form action="welcome/update" method="post" accept-charset="utf-8">
<label>メッセージ</label>
<input type="text" name="message" value="<?php echo $talk['message']; ?>">
<input type="hidden" name="id" value="<?php echo $talk['id']; ?>">
<input type="hidden" name="action" value="update">
<?php else: ?>
<p>※該当するメッセージがありません。</p>
<?php endif;?>
<button>更新する</button>
</form>
<p><a href="welcome/index">戻る</a></p>
</body>
</html>
データベースから取り出した１件分のメッセージを表示する部分を追加した。
<input type="text" name="message" value="<?php echo $talk['message']; ?>">
の「<?php echo $talk['message']; ?>」という部分だ。
これで変更したいメッセージの本文を表示できる。
あと、編集したメッセージをWebサーバーに送信できるように、Formタグや送信ボタン（「更新する」の部分）も追加した。
<input type="hidden" name="id" value="<?php echo $talk['id']; ?>">
という１行も仕込んである。
// 更新画面
public function update($id = '')
{
$id = $id ? $id : $this->input->post('id'); // id -> segment or post
$action = $this->input->post('action');
if ($action == 'update') {
$message = $this->input->post('message');
$this->chat_model->update_message($id, $message);
}
$data['talk'] = $this->chat_model->read_message_by_id($id);
$this->load->view('chat_update', $data);
}
メッセージID番号を指定して、データベースから取り出し、Viewに渡すデータを用意している。
ユーザーがメッセージの編集をしてWebサーバーに送信したら、データを更新する指示を出す部分も追加した。
$action = $this->input->post('action');
if ($action == 'update') {
$message = $this->input->post('message');
$this->chat_model->update_message($id, $message);
}
モデルにupdate_message()メソッドを用意して、$idと$messageを渡せば、該当データを更新するようにしたい。
次は、モデルでupdate_message()メソッドを用意しよう。
// Update
public function update_message($id = 0, $message = '')
{
$sql = "UPDATE talk SET message = ? WHERE id = ?";
$param = array($message, $id);
$this->db->query($sql, $param);
return $this->db->affected_rows();
}
SQLの「UPDATE」を使えば、指定したレコード（１件分のデータ）を更新できる。
「UPDATE talk SET message = ? WHERE id = ?」で、talkテーブルのmessageをidを指定して更新している。
CodeIgniterの「affected_rows()」メソッドは、更新した行数を返す。＝成功なら1行、失敗なら0行となる。
コントローラーの「$id = $id ? $id : $this->input->post('id');」という行は、$idの受け取り方が2パターンあるので、それに対応している。
＝編集ページの表示で、1回目の表示と、2回目以降の表示で、$idの受け渡し方が変わっている。
URLに埋め込む方法（上記の1回目のような方法）は、ユーザーが勝手に値をいじれるので、基本的には使わない方が良い。
以上で、SQLの「UPDATE」を使った、データの更新ができた。
長々と説明したが、今回の大事な点は、SQLの「UPDATE」の使い方だ。
CodeIgniterの使い方や、Webサイトの作り方（FormタグなどのHTMLの知識）は、オマケ程度に見ておいて欲しい。
次回は、データを削除するSQL「DELETE」の使い方を見てみよう。
anond:20181015215004 未経験からのプログラマーなんだが全然分からない
anond:20181016015826 増田式プログラマー養成講座 その１ パソコンの用意
anond:20181016164341 増田式プログラマー養成講座 その２ プログラム＝データ＋処理、プログラム言語の種類
anond:20181016180059 増田式プログラマー養成講座 その３ 構造化プログラミングの基本（順次、反復、分岐）
anond:20181016193144 増田式プログラマー養成講座 その４ 子ども向け教材「Scratch」で構造化プログラミングの練習
anond:20181017161003 増田式プログラマー養成講座 その５ オブジェクトとは何か？
anond:20181017191404 増田式プログラマー養成講座 その６ OOPの種類、PHPの準備
anond:20181019181549 増田式プログラマー養成講座 その７ OOPの仕組み（前半）
anond:20181020230044 増田式プログラマー養成講座 その８ OOPの仕組み（後半）
anond:20181022232327 増田式プログラマー養成講座 その９ MVCフレームワークを使ってみよう
anond:20181023184616 増田式プログラマー養成講座 その10 OOPの参考書
anond:20181024214133 増田式プログラマー養成講座 その11 データベースを使ってみよう
anond:20181026145516 増田式プログラマー養成講座 その12 データベースの参考書
anond:20181028152656 増田式プログラマー養成講座 その13 SQLの文法
anond:20181031014212 増田式プログラマー養成講座 その14 Webアプリの試作品を作成
anond:20181101225335 増田式プログラマー養成講座 その15 Webアプリの完成見本
anond:20181101230220 増田式プログラマー養成講座 その16 Webアプリの完成見本（続き）
anond:20181104161900 増田式プログラマー養成講座 その17 Webアプリの骨組み
anond:20181104233013 増田式プログラマー養成講座 その18 SQLでデータの追加と取得
anond:20181110120715 増田式プログラマー養成講座 その19 SQLでデータの更新 ←★今ここ★
anond:20181110182445 増田式プログラマー養成講座 その20 SQLでデータの削除
：
google検索や映画.comのようなサイトで上映中の映画のスケジュールが見られるが、これは手打ちでやっているのだろうか。
というのも大手でない、新文芸坐やシネマカリテのようなサイトで最初に上映スケジュールの１次情報が公開されている。
これは何らかのスケジュールの表をphpなりrubyなりpythonで展開すればweb pageとして成立する。
しかし、元のスケジュール表は公開されていないので他のサイトで利用しようとしたら上映スケジュールのサイトの情報を手打ちで打つしかないのではないだろうか。
前回は、Webアプリの骨組み（スケルトン）までを作って、製作の過程を見てみました。
今回は、データベースのCRUD操作を行なって、チャットのメッセージを追加／取得／変更／削除する機能を実装してみましょう。
Webアプリを作るときに、「Visual Studio Code」というIDE（統合開発環境）を使ってみましょう。PHP用の各種プラグイン（「PHP IntelliSense」「PHP Debug」など）を入れておけば、便利に使える。
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html>
<head>
<base href="<?php echo base_url(); ?>">
</head>
<body>
<form action="welcome/index" method="post" accept-charset="utf-8">
<label>メッセージ</label>
<input type="text" name="message">
<input type="hidden" name="action" value="add">
<button>投稿する</button>
</form>
</body>
</html>
本当はセキュリティーを考慮して、入力値の検査（バリデーション）とか、もっといろいろな仕込みが必要だが、ここでは練習なので省略します。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Welcome extends CI_Controller
{
public function __construct()
{
parent::__construct();
$this->load->model('chat_model');
$this->output->enable_profiler(true); // for debug
}
// 初期画面
public function index()
{
$action = $this->input->post('action');
$message = $this->input->post('message');
$this->chat_model->create_message($message);
}
$this->load->view('welcome_index');
}
// 更新画面
public function update()
{
$this->load->view('chat_update');
}
// 削除画面
public function delete()
{
$this->load->view('chat_delete');
}
}
SQLを説明したかったのに（SQLとは本質的に関係がない）Webアプリの説明が延々と続いた。（説明の方法を変えた方がいいねｗ）
データベースにデータを保存（追加）するSQLコマンド「INSERT」を使ってみよう！
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Chat_model extends CI_Model
{
public function __construct()
{
parent::__construct();
}
// Create
public function create_message($message = '')
{
$sql = "INSERT INTO talk SET create_at = ? , message = ?";
$param = array(date('Y-m-d H:i:s'), $message);
$this->db->query($sql, $param);
return $this->db->insert_id();
}
}
以上、メッセージの追加を実現するために、MVCの各パーツを用意した。これでメッセージの追加だけができるようになった。
これだけではメッセージの取得＝表示がまだできないので、次はデータベースからメッセージのデータを取得して、Webページに表示できるように改造しよう。
SQLの「SELECT」を使えば、データベースからデータを取り出せる。
メッセージのデータを取り出して、Webページの表示で使おう。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Chat_model extends CI_Model
{
public function __construct()
{
parent::__construct();
}
// Create
public function create_message($message = '')
{
$sql = "INSERT INTO talk SET create_at = ? , message = ?";
$param = array(date('Y-m-d H:i:s'), $message);
$this->db->query($sql, $param);
return $this->db->insert_id();
}
// Read All
public function read_message()
{
$query = $this->db->query($sql);
return $query->result_array();
}
}
これでデータベースからデータを取り出すSQL、メソッドがモデルに用意できた。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Welcome extends CI_Controller
{
public function __construct()
{
parent::__construct();
$this->load->model('chat_model');
// $this->output->enable_profiler(true); // for debug
}
// 初期画面
public function index()
{
$action = $this->input->post('action');
$message = $this->input->post('message');
$this->chat_model->create_message($message);
}
$data['talk'] = $this->chat_model->read_message();
$this->load->view('welcome_index', $data);
}
// 更新画面
public function update()
{
$this->load->view('chat_update');
}
// 削除画面
public function delete()
{
$this->load->view('chat_delete');
}
}
これは全部CodeIgniterで用意されている機能なので、マニュアルを読めば使い方が分かるようになってます。
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html>
<head>
<base href="<?php echo base_url(); ?>">
</head>
<body>
<form action="welcome/index" method="post" accept-charset="utf-8">
<label>メッセージ</label>
<input type="text" name="message">
<input type="hidden" name="action" value="add">
<button>投稿する</button>
</form>
<table border="1" cellpadding="5" cellspacing="0" bordercolor="#CCCCFF">
<tr>
</tr>
<?php foreach($talk as $item): ?>
<tr>
<td><?php echo $item['id']; ?></td>
<td><?php echo $item['create_at']; ?></td>
<td><?php echo $item['message']; ?></td>
<td><a href="welcome/update/<?php echo $item['id']; ?>">編集</a></td>
<td><a href="welcome/delete/<?php echo $item['id']; ?>">削除</a></td>
</tr>
<?php endforeach; ?>
<?php endif; ?>
</table>
</body>
</html>
（説明文が300行を超えてしまった！これ以上は増田で表示できない。）次回はメッセージの変更をやってみよう。
anond:20181104161900 増田式プログラマー養成講座 その17 Webアプリの骨組み
anond:20181104233013 増田式プログラマー養成講座 その18 SQLでデータの追加と取得 ←★今ここ★
anond:20181110120715 増田式プログラマー養成講座 その19 SQLでデータの更新
：
今回は、Webアプリを作る途中の過程を見て、作る雰囲気を一緒に味わってみましょう。
最近のフレームワークは、「設定より規約」（CoC、convention over configuration）という発想で作られている。
フレームワークの規約（使用ルール）に従うと、プログラマーは作業量が減って、楽ができる。
設定より規約（convention over configuration）とは、開発者の決定すべきことを減少させ、単純にするが柔軟性は失わせないというソフトウェア設計パラダイム。
使用しているツールが実装した規約が開発者の望む動作と一致していれば、設定ファイルを書く必要もない。実装規約と望みの動作が違っている場合、必要な動作を設定しなければならない。
最近のフレームワークは「設定より規約」アプローチを採用しているものが多い。
例えば、Ruby on Rails、Kohana、Grails、Grok、Zend Framework、CakePHP、Symfony などがある。
CodeIgniterの使用ルールは、マニュアルやチュートリアルで確認できる。
↑このページの「アプリケーションフローチャート」を見てみよう。
それでは、CodeIgniterでプログラマーが用意する部分のM（Model）とV（View）とC（Application Controller）を、骨組みから作ってみよう。
事前準備として、前々回と前回のWebアプリ完成見本を用意するところまでやっておこう。
スケルトン（skeleton, 骨格）とは動物や人間の骨格。
コンピュータのプログラムコードの骨格部分。プログラムコード作成では、初期段階でスケルトンを作成し、その後で詳細部分を肉付けしていく。
まずは、MVCのCの骨組みを作ろう。
Controllerは、ユーザーからのリクエストを受け付けて、ModelやViewに指示を出す監督です。
上記フォルダの中に「Welcome.php」というファイルを作る。（デフォルトであるはずなので、それを使ってOK）
CodeIgniterのルールで、Application Controllerを置く場所は「application/controllers」というフォルダになっている。
CodeIgniterのルールで、一番最初に呼び出されるApplication Controllerは「Welcome.php」というファイルになっている。
→これは「C:\xampp\htdocs\waf\application\config\routes.php」という設定ファイルで決められている。
「Welcome.php」の中身を以下にように変更する。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Welcome extends CI_Controller
{
// 初期画面
public function index()
{
}
// 更新画面
public function update()
{
}
// 削除画面
public function delete()
{
}
}
これがチャットのApplication Controllerとして動作する最小限の内容＝骨格だ。
という行に注目してみよう。
CodeIgniterで用意されてる「CI_Controller」クラスを継承して、プログラマーが「Welcome」クラスを作ってる。
継承によって、フレームワークが用意してる様々な機能をWelcomeクラス内で使えるようになる。
「Welcome」クラスの中に、「index()」「update()」「delete()」という３つのメソッドを用意した。
CodeIgniterのURLは、Action Controllerのクラス名やメソッド名とひもづけられている。
「http://localhost/waf/クラス名/メソッド名」
（例）
http://localhost/waf/ →Welcomeクラスのindex()メソッドが呼び出される。
http://localhost/waf/welcome/index →Welcomeクラスのindex()メソッドが呼び出される。
http://localhost/waf/welcome/update →Welcomeクラスのupdate()メソッドが呼び出される。
http://localhost/waf/welcome/delete →Welcomeクラスのdelete()メソッドが呼び出される。
次にMVCのVの骨組みを作ろう。
ビューは、表示する画面の部分です。HTMLでWebページの構造を書きます。
以下の内容にして保存する。
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base href="<?php echo base_url(); ?>">
</head>
<body>
</body>
</html>
以下の内容にして保存する。
<?php defined('BASEPATH') or exit('No direct script access allowed');?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base href="<?php echo base_url(); ?>">
</head>
<body>
</body>
</html>
以下の内容にして保存する。
<?php defined('BASEPATH') or exit('No direct script access allowed');?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base href="<?php echo base_url(); ?>">
</head>
<body>
</body>
</html>
Viewファイルの追加に合わせて、Controllerも一部変更します。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Welcome extends CI_Controller
{
public function __construct()
{
parent::__construct();
}
// 初期画面
public function index()
{
$this->load->view('welcome_index');
}
// 更新画面
public function update()
{
$this->load->view('chat_update');
}
// 削除画面
public function delete()
{
$this->load->view('chat_delete');
}
}
（変更点の説明）
コンストラクター「__construct()」は、クラスからインスタンスが作られるとき、自動的に実行されるメソッドだ。コンストラクターは、初期化＝最初にやっておくべき下準備を書いておく。
CodeIgniterには、リンクの表示を補助する「URLヘルパー」という機能が用意されている。
上記のように書くとURLヘルパーを呼び出して、使えるようになる。
各Viewファイルの以下の行でURLヘルパーを使っている。＝「base_url()」という関数がURLヘルパーの１つ。
というメソッドによって、Viewファイルの「welcome_index.php」を呼び出し、画面を出力します。
これでMVCのCとVの骨組みができた。
今の段階でWebブラウザーで各ページを表示させると、各Viewファイルの中身が表示される。
次にMVCのMの骨組みを作ろう。
モデルは、具体的な処理内容（ロジック）を書いて、データを読み書きする部分です。
上記フォルダの中に「Chat_model.php」というファイルを作り、以下の内容にして保存する。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Chat_model extends CI_Model
{
public function __construct()
{
parent::__construct();
}
}
CodeIgniterで用意されてる「CI_Model」クラスを継承して、プログラマーが「Chat_model」クラスを作ってる。
「Chat_model」クラスのコンストラクターには、以下のように書いている。
Modelの追加に合わせて、さらにControllerも一部変更します。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Welcome extends CI_Controller
{
public function __construct()
{
parent::__construct();
$this->load->model('chat_model');
}
// 初期画面
public function index()
{
$this->load->view('welcome_index');
}
// 更新画面
public function update()
{
$this->load->view('chat_update');
}
// 削除画面
public function delete()
{
$this->load->view('chat_delete');
}
}
と書いて、「Chat_model」というモデルを読み込むようにした。
これで、モデルに用意するいろんな機能をコントローラーで使えるようになる。
以上で、MVCの骨組み（スケルトン）だけを作成するプロセスを見ていきました。
次回は、データベースのCRUD操作を行なって、チャットのメッセージを追加／取得／変更／削除する機能を実装してみましょう。
anond:20181015215004 未経験からのプログラマーなんだが全然分からない
anond:20181016015826 増田式プログラマー養成講座 その１ パソコンの用意
anond:20181016164341 増田式プログラマー養成講座 その２ プログラム＝データ＋処理、プログラム言語の種類
anond:20181016180059 増田式プログラマー養成講座 その３ 構造化プログラミングの基本（順次、反復、分岐）
anond:20181016193144 増田式プログラマー養成講座 その４ 子ども向け教材「Scratch」で構造化プログラミングの練習
anond:20181017161003 増田式プログラマー養成講座 その５ オブジェクトとは何か？
anond:20181017191404 増田式プログラマー養成講座 その６ OOPの種類、PHPの準備
anond:20181019181549 増田式プログラマー養成講座 その７ OOPの仕組み（前半）
anond:20181020230044 増田式プログラマー養成講座 その８ OOPの仕組み（後半）
anond:20181022232327 増田式プログラマー養成講座 その９ MVCフレームワークを使ってみよう
anond:20181023184616 増田式プログラマー養成講座 その10 OOPの参考書
anond:20181024214133 増田式プログラマー養成講座 その11 データベースを使ってみよう
anond:20181026145516 増田式プログラマー養成講座 その12 データベースの参考書
anond:20181028152656 増田式プログラマー養成講座 その13 SQLの文法
anond:20181031014212 増田式プログラマー養成講座 その14 Webアプリの試作品を作成
anond:20181101225335 増田式プログラマー養成講座 その15 Webアプリの完成見本
anond:20181101230220 増田式プログラマー養成講座 その16 Webアプリの完成見本（続き）
anond:20181104161900 増田式プログラマー養成講座 その17 Webアプリの骨組み ←★今ここ★
anond:20181104233013 増田式プログラマー養成講座 その18 SQLでデータの追加と取得
：
| 時間 | 記事数 | 文字数 | 文字数平均 | 文字数中央値 |
|---|---|---|---|---|
| 00 | 67 | 10406 | 155.3 | 58 |
| 01 | 55 | 12171 | 221.3 | 55 |
| 02 | 20 | 9172 | 458.6 | 62.5 |
| 03 | 31 | 4612 | 148.8 | 37 |
| 04 | 14 | 1495 | 106.8 | 47.5 |
| 05 | 17 | 1969 | 115.8 | 35 |
| 06 | 9 | 1978 | 219.8 | 80 |
| 07 | 31 | 5598 | 180.6 | 47 |
| 08 | 42 | 3968 | 94.5 | 43 |
| 09 | 135 | 11621 | 86.1 | 50 |
| 10 | 150 | 15178 | 101.2 | 67.5 |
| 11 | 153 | 14888 | 97.3 | 51 |
| 12 | 149 | 13579 | 91.1 | 43 |
| 13 | 183 | 17070 | 93.3 | 55 |
| 14 | 136 | 9888 | 72.7 | 45 |
| 15 | 136 | 9672 | 71.1 | 46.5 |
| 16 | 105 | 13017 | 124.0 | 51 |
| 17 | 155 | 21144 | 136.4 | 50 |
| 18 | 176 | 12915 | 73.4 | 42.5 |
| 19 | 68 | 7700 | 113.2 | 54.5 |
| 20 | 88 | 8482 | 96.4 | 45 |
| 21 | 95 | 8547 | 90.0 | 38 |
| 22 | 149 | 24557 | 164.8 | 42 |
| 23 | 70 | 10021 | 143.2 | 47.5 |
| 1日 | 2234 | 249648 | 111.7 | 49 |
人(220), 自分(177), 話(119), オタク(110), 好き(87), 増田(82), 問題(81), 今(76), 人間(74), 他人(72), 女(71), ー(65), フェミ(64), 女性(64), 感じ(62), 前(62), 子供(61), 男(59), 気持ち(59), 必要(56), 相手(55), 意味(52), エロ(52), 普通(51), 日本(49), 趣味(48), キャラ(45), 理解(43), 理由(42), 存在(41), 昔(40), 痴漢(40), あと(39), しよう(39), 他(39), 偏見(39), 差別(38), 気(38), 言葉(38), アニメ(37), 被害者(37), 仕事(37), ハロウィン(37), 最近(37), 全部(37), 警戒(37), 場合(36), 仕方(36), 性的(35), 頭(34), 金(34), 目(34), 社会(34), 男性(34), 別(34), 女の子(34), 心(33), 時間(33), ゲーム(33), おっさん(33), 勝手(33), レベル(32), 関係(32), じゃなくて(32), 作品(32), 根拠(31), しない(31), 確か(31), 基準(31), バカ(31), 全て(31), 最初(30), 結局(30), 描写(30), 一番(30), 表現(30), 誰か(29), ただ(29), お気持ち(29), ダメ(29), 発言(29), 意見(29), BL(29), 話題(29), 自由(28), 無視(28), 手(28), いや(27), 世界(26), 今日(26), ネット(25), 近所(25), 現実(25), セックス(25), 抱き枕(25), 個人(25), ゴミ(24), 家(24), 評価(24), 事実(24)
増田(82), フェミ(64), 日本(49), 被害者(37), じゃなくて(32), お気持ち(29), BL(29), 抱き枕(25), 18禁(22), ラノベ(22), 渋谷(21), ヘイター(20), 自己責任(19), きもい(19), ω(19), 可能性(18), 元増田(18), キモい(17), マジで(17), 抱き枕カバー(16), グリッドマン(16), OK(16), キモ(15), 韓国(15), キモオタ(15), ゾーニング(15), VR(14), リアル(14), ブコメ(14), LGBT(13), 東京(13), Twitter(13), 個人的(13), KKO(13), 萌え絵(13), なんだろう(12), エロ本(12), カス(12), イケメン(12), s(11), 女性向け(11), togetter(11), エロい(11), ネトウヨ(11), ブクマカ(11), いない(10), キチガイ(10), 加害者(10), 価値観(10), なのか(9), PV(9), 萌え豚(9), コスプレ(9), なっちゃった(9), FGO(9), 誹謗中傷(9), いいんじゃない(9), 普通に(9), 表現の自由(9), 何度(9), にも(9), 二次創作(9), hatena(9), 中国(9), わからん(9), ブクマ(9), 格ゲー(8), 腐女子(8), ネット上(8), 桂正和(8), AI(8), エルフェンリート(8), 10代(8), プレイ(8), キズナアイ(8), 男性向け(8), アレ(8), 現実的(8), B(7), コミケ(7), 精神的(7), エロゲ(7), クレージー(7), ホッテントリ(7), スマホ(7), アプリ(7), 社会的(7), 自分たち(7), はてブ(7), ゲーセン(7), twitter(7), php(7), FPS(7), 基本的(6), ヤバい(6), ツイッター(6), アメリカ人(6), 犯罪被害者(6), ワイ(6), 一般的(6), 1回(6), ツイート(6), 筋トレ(6), スプラトゥーン(6), キレ(6), article(6), 犯罪者(6), エリ(6), 論理的(6), 具体的(6), URL(6), ぶっちゃけ(6), 2018年(6)
クレージー(7), 南京錠(7), 抱き枕カバー(16), エルフェンリート(8), 桂正和(8), ピーマン(7), 抱き枕(25), Oculus(6), オタクヘイト(7), ヘイター(20), 南京(5), 事実無根(4), 妹萌え(4), シスプリ(4)
わかります (3), ご同輩、釣れますか?釣れませんな (2), そうだね。うんちだね。💩 (2), なるほど (2), ほら、ブーメランに刺さるアホが出てき(2), よ～ん (2), 俺、増田で定期的にくそ面白くない定型(2), うんち (2), 知らん寝ろ (2)
■おすすめの冷凍食品教えて /20181031145044(20), ■昔付き合ってた恋人が好きすぎて、結婚できなかったヤツいないの？ /20181101150549(15), ■男オタクはいつ頃から桂正和好きじゃなくなったのだろう /20181031115238(15), ■しがないキャラクターデザイナーですが /20181101205330(12), ■柚子胡椒は胡椒じゃないってマジ？ /20181031204359(9), ■ヤフトピ2万本に見出しを付けた編集者がヤフー株式会社を退職します /20181031153141(8), ■おっさんの考えた女の子がキツイ /20181101124747(8), ■女が文句言ってるだけなのでは？ /20181101124523(8), ■何か召喚出来そうな現代人を教えてください /20181101131843(7), ■同質化 vs 異質許容 /20181101121533(7), ■学術的立場にないフェミニストっぽい人の“思い”について /20181101120216(7), ■南京大虐殺をアメリカ人に指摘されたときの返し方がわからない /20181101093414(7), ■グリッドマンのアカネちゃんの描写っていうほど秀逸か？ /20181101105316(6), ■衰退してほしいけど絶対しないだろうなーというゲームジャンル /20181101173533(6), ■今回のFGOのハロウィンイベント /20181101120538(5), ■ドイツの看護師の大量殺人なんで話題になってないの？ /20181031222838(5), ■本屋で痴漢や盗撮をされた話 /20181030221347(5), ■anond：20181101205330 /20181101222312(5), ■日本にいたらエロ感覚が麻痺する /20181101142021(5), ■VR業界、今年一年何か進んだ？ /20181031123909(5), ■見えない糸の罠で人体チョンパみたいなの漫画で良く見るでしょ？ /20181101170119(5), ■ちょっとイラッとしたとき素早く切り替える方法ってない？ /20181101180409(5), ■anond：20181101222312 /20181101224831(5), ■人生捨ててるなぁと思う /20181101092411(5), ■偏差値60以上しか住めない街 /20181101222529(5)
5760172(2958)
「anond:20181101225335 増田式プログラマー養成講座 その15 Webアプリの完成見本」の続きです。
Webサーバーの時間設定がズレていると、メッセージを作成したときに、作成日時もズレてしまいます。
（＝12時に投稿したメッセージが、3時に投稿したことになってしまう、等。）
時間がズレてた場合は、Webサーバーの時刻を一時的に変更する処理を追加しておきましょう。
「index.php」ファイルの先頭に以下の内容を追加します。
上記フォルダの中の「index.php」ファイルを開いて、先頭付近（2行目辺り）に以下の内容を追加します。
<?php
以上で、データベースを利用したWebアプリが用意できました。
コピーで作成しただけでは、プログラムの意味が分からないと思うので、次回以降プログラムの部分を解説してみます。
次回は、
を見ていきましょう。
anond:20181015215004 未経験からのプログラマーなんだが全然分からない
anond:20181016015826 増田式プログラマー養成講座 その１ パソコンの用意
anond:20181016164341 増田式プログラマー養成講座 その２ プログラム＝データ＋処理、プログラム言語の種類
anond:20181016180059 増田式プログラマー養成講座 その３ 構造化プログラミングの基本（順次、反復、分岐）
anond:20181016193144 増田式プログラマー養成講座 その４ 子ども向け教材「Scratch」で構造化プログラミングの練習
anond:20181017161003 増田式プログラマー養成講座 その５ オブジェクトとは何か？
anond:20181017191404 増田式プログラマー養成講座 その６ OOPの種類、PHPの準備
anond:20181019181549 増田式プログラマー養成講座 その７ OOPの仕組み（前半）
anond:20181020230044 増田式プログラマー養成講座 その８ OOPの仕組み（後半）
anond:20181022232327 増田式プログラマー養成講座 その９ MVCフレームワークを使ってみよう
anond:20181023184616 増田式プログラマー養成講座 その10 OOPの参考書
anond:20181024214133 増田式プログラマー養成講座 その11 データベースを使ってみよう
anond:20181026145516 増田式プログラマー養成講座 その12 データベースの参考書
anond:20181028152656 増田式プログラマー養成講座 その13 SQLの文法
anond:20181031014212 増田式プログラマー養成講座 その14 Webアプリの試作品を作成
anond:20181101225335 増田式プログラマー養成講座 その15 Webアプリの完成見本
anond:20181101230220 増田式プログラマー養成講座 その16 Webアプリの完成見本（続き） ←★今ここ★
anond:20181104161900 増田式プログラマー養成講座 その17 Webアプリの骨組み
：
前回は、Webアプリのモックアップ（ハリボテ）を作るところまでやりました。
データベースを使ったWebアプリを作って、データベースの基本操作（CRUDの４つ）を練習してみよう！
ざっくりと、以下のような流れで作っていきます。
（参考 anond:20181017191404 増田式プログラマー養成講座 その６ OOPの種類、PHPの準備）
講座その６を参考にして、XAMPPを起動させて、ApacheとMySQLをスタートして下さい。
（参考 anond:20181022232327 増田式プログラマー養成講座 その９ MVCフレームワークを使ってみよう）
講座その９を参考にして、XAMPPの中にCodeIgniterをインストールしておきます。
（参考 anond:20181024214133 増田式プログラマー養成講座 その11 データベースを使ってみよう）
講座その11を参考にして、MySQLにWebアプリ用のデータベースとテーブルを作成しておきます。
講座その11で、データベースの練習で「chat」というデータベースを作ってみました。
そのとき「message」というテーブルを作りましたが、今回Webアプリで使うテーブルとして新たに「talk」というテーブルを作成します。
（補足：前に作ったテーブル「message」の中に、テーブル名と同じ「message」という名前のカラム（列）を作ってました。これでも問題ないんだけど、プログラムを書くとき、テーブル名とカラム名を混同しないようにしたいので、念のため作り変えときましょう。）
SQLで「talk」というテーブルを作る場合、以下のようなSQL文になります。
CREATE TABLE `talk` (
`create_at` datetime NOT NULL,
`update_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
このSQL文をphpMyAdminで実行すれば「talk」テーブルを作れます。
これでデータベースの準備ができました。
CodeIgniterで使う「URL」の表示方法をちょっと変更しておきたいので、Apache（Webサーバーソフト）の設定を変更しておきます。
（「URL」＝情報がどこにあるのかを示すインターネット上の住所）
（Apacheの「mod_rewrite」という仕組みによって、URLの扱い方を変更します。）
（例）
変更前： http://localhost/waf/index.php/welcome/
↓
変更後： http://localhost/waf/welcome/
というように、URLの中にある「/index.php」という文字列を表示させない設定にします。
Apacheの設定は「.htaccess」という名前の設定ファイルを用意して変更します。
RewriteCond %{REQUEST_FILENAME} !-f
「.htaccess」の書き方を理解するには、「正規表現」という仕組みの知識が必要です。
まだ「正規表現」を勉強してない段階では、とりあえずコピペして使って下さい。
を行ないます。
「config.php」をIDEやエディターで開いて、以下のように変更する。
最初は、
$config['index_page'] = 'index.php';
になってるけど、「index.php」を削除して、「''」（空）にしておく。
「databese.php」をIDEやエディターで開いて、以下のように変更する。
'dsn' => '',
'password' => '',
'database' => 'chat',
（※上記のように、MySQLのusernameとpasswordは「root」（管理者）のデフォルト設定を使ってます。）
上記フォルダの中に「Welcome.php」というファイルを作って、内容を以下のようにします。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Welcome extends CI_Controller
{
{
parent::__construct();
$this->load->model('chat_model');
// $this->output->enable_profiler(true); // for debug
}
// 初期画面
{
$action = $this->input->post('action');
$message = $this->input->post('message');
$this->chat_model->create_message($message);
}
$data['talk'] = $this->chat_model->read_message();
$this->load->view('welcome_index', $data);
}
// 更新画面
public function update($id = '')
{
$id = $id ? $id : $this->input->post('id'); // id -> segment or post
$action = $this->input->post('action');
$message = $this->input->post('message');
$this->chat_model->update_message($id, $message);
}
$data['talk'] = $this->chat_model->read_message_by_id($id);
$this->load->view('chat_update', $data);
}
// 削除画面
public function delete($id = '')
{
$id = $id ? $id : $this->input->post('id');
$action = $this->input->post('action');
$this->chat_model->delete_message($id);
}
$data['talk'] = $this->chat_model->read_message_by_id($id);
$this->load->view('chat_delete', $data);
}
}
上記フォルダの中に「welcome_index.php」「chat_update.php」「chat_delete.php」という３つのファイルを作って、内容を以下のようにします。
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html>
<head>
<base href="<?php echo base_url(); ?>">
</head>
<body>
<form action="welcome/index" method="post" accept-charset="utf-8">
<label>メッセージ</label>
<input type="text" name="message">
<input type="hidden" name="action" value="add">
</form>
<table border="1" cellpadding="5" cellspacing="0" bordercolor="#CCCCFF">
<tr>
</tr>
<?php foreach($talk as $item): ?>
<tr>
<td><?php echo $item['id']; ?></td>
<td><?php echo $item['create_at']; ?></td>
<td><?php echo $item['message']; ?></td>
<td><a href="welcome/update/<?php echo $item['id']; ?>">編集</a></td>
<td><a href="welcome/delete/<?php echo $item['id']; ?>">削除</a></td>
</tr>
<?php endforeach; ?>
<?php endif; ?>
</table>
</body>
</html>
<?php defined('BASEPATH') or exit('No direct script access allowed');?>
<!DOCTYPE html>
<html>
<head>
<base href="<?php echo base_url(); ?>">
</head>
<body>
<p>メッセージを変更して「更新する」ボタンを押してください。</p>
<form action="welcome/update" method="post" accept-charset="utf-8">
<label>メッセージ</label>
<input type="text" name="message" value="<?php echo $talk['message']; ?>">
<input type="hidden" name="id" value="<?php echo $talk['id']; ?>">
<input type="hidden" name="action" value="update">
<?php else: ?>
<p>※該当するメッセージがありません。</p>
<?php endif;?>
</form>
<p><a href="welcome/index">戻る</a></p>
</body>
</html>
<?php defined('BASEPATH') or exit('No direct script access allowed');?>
<!DOCTYPE html>
<html>
<head>
<base href="<?php echo base_url(); ?>">
</head>
<body>
<form action="welcome/delete" method="post" accept-charset="utf-8">
<p style="background-color:lightpink"><?php echo $talk['message']; ?></p>
<input type="hidden" name="id" value="<?php echo $talk['id']; ?>">
<input type="hidden" name="action" value="delete">
<?php else: ?>
<p>※該当するメッセージがありません。（または削除済です。）</p>
<?php endif;?>
</form>
<p><a href="welcome/index">戻る</a></p>
</body>
</html>
上記フォルダの中に「Chat_model.php」というファイルを作って、内容を以下のようにします。
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Chat_model extends CI_Model
{
{
parent::__construct();
}
// Create
public function create_message($message = '')
{
$sql = "INSERT INTO talk SET create_at = ? , message = ?";
$param = array(date('Y-m-d H:i:s'), $message);
$this->db->query($sql, $param);
return $this->db->insert_id();
}
// Read All
public function read_message()
{
$query = $this->db->query($sql);
return $query->result_array();
}
public function read_message_by_id($id = 0)
{
$sql = "SELECT * FROM talk WHERE id = ?";
$param = array($id);
$query = $this->db->query($sql, $param);
return $query->row_array();
}
// Update
public function update_message($id = 0, $message = '')
{
$sql = "UPDATE talk SET message = ? WHERE id = ?";
$param = array($message, $id);
$this->db->query($sql, $param);
return $this->db->affected_rows();
}
// Delete
public function delete_message($id = 0)
{
$sql = "DELETE FROM talk WHERE id = ?";
$param = array($id);
$this->db->query($sql, $param);
return $this->db->affected_rows();
}
}
この続きは、
「anond:20181101230220 増田式プログラマー養成講座 その16 Webアプリの完成見本（続き）」
へ続きます。
今回は、データベースを使ったWebアプリの制作を通じて、SQLの使い方を確認してみましょう。
Webブラウザー（Google Chromeなど）で動作するアプリのこと。
ウェブアプリケーション（Web application）は、インターネット（もしくはイントラネット）などのネットワークを介して使用するアプリケーションソフトウェアである。
多くの場合、これらのアプリケーションは、Webブラウザ上で動作するプログラミング言語（たとえばJavaScript）によるプログラムとWebサーバ側のプログラムが協調することによって動作し、ユーザはそれをWebブラウザ上で使用する。
Windowsパソコンを使ってたら、「XAMPP」を使ってすぐにWebアプリを試作できる。
以前の講座（その６、その９）を参考にして、XAMPPとCodeIgniterを用意しておこう。
最近のアプリの作り方は、「デザインスプリント」と呼ばれる方法が流行ってます。本やネットの情報がたくさんあるので調べてみよう。
ざっくりと、以下のような流れです。
それでは順番にやってみよう。
以前にデータベースの練習をしたとき、「後で簡単なチャット（おしゃべり）ができるWebアプリを作ってみたいと思う。」と言ったので、今回のアイデアは「チャットを作る」にしよう。
Webページを作るには、HTMLやCSSの知識が必要だ。HTMLやCSSを使ったことがなければ、本やネットの情報で勉強してみよう。
今回はCSSを使わずに、HTMLだけでシンプルなWebページを作ってみよう。（練習だから余計なもの、無駄を省きたい。）
特にこだわりがなければ、Microsoftの「Visual Studio Code」という無料のIDE（統合開発環境）を使ってみよう。
インストール方法や使い方、メニューの日本語化のやり方は、検索して調べてみよう。
「mock」フォルダの中に
テキストエディターで保存するとき、文字コードを「UTF-8」にしておく。
「index.html」ファイルをエディターやIDEで開き、以下のような内容に編集して保存します。（コピペする場合、行頭の字下げ（インデント）の全角スペースを半角スペースに置換して下さい。）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form>
<label>メッセージ</label>
<input type="text" name="message">
<button>投稿する</button>
</form>
<table border="1" cellpadding="5" cellspacing="0" bordercolor="#CCCCFF">
<tr>
</tr>
<tr>
<td><a href="edit.html">編集</a></td>
<td><a href="delete.html">削除</a></td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</body>
</html>
「edit.html」ファイルをエディターやIDEで開き、以下のような内容に編集して保存します。（コピペする場合、行頭の字下げ（インデント）の全角スペースを半角スペースに置換して下さい。）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>メッセージを変更して「更新する」ボタンを押してください。</p>
<form>
<label>メッセージ</label>
<input type="text" name="message" value="Webアプリを作ってみる！">
<button>更新する</button>
</form>
<p><a href="index.html">戻る</a></p>
</body>
</html>
「delete.html」ファイルをエディターやIDEで開き、以下のような内容に編集して保存します。（コピペする場合、行頭の字下げ（インデント）の全角スペースを半角スペースに置換して下さい。）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form>
<p style="background-color:lightpink">Webアプリを作ってみる！</p>
<button>削除する</button>
</form>
<p><a href="index.html">戻る</a></p>
</body>
</html>
以上でモックのWebページ（HTMLファイル）ができました。
Webブラウザーで「index.html」を開いてください。「編集」や「削除」、「戻る」をクリックして、チャットの画面を確認してください。
実務では「仕様書」という書類を大量に作る場合もありますが、時間と労力の無駄になっている場合が多々あります。（紙の仕様書はあまり使われる機会がない）
紙の仕様書（アナログ）の代わりに、モックを仕様書（デジタル）として使うと、その後の段階がスムーズになります。
どうしても紙でなければ困る場合以外は、モックをそのまま仕様書として使ってみましょう。
モック（動くハリボテ）を作るための便利なツールがいろいろあります。
ちょっと長くなったので、モックを基に機能を実装（プログラミング）するのは次回にしましょう。
anond:20181015215004 未経験からのプログラマーなんだが全然分からない
anond:20181016015826 増田式プログラマー養成講座 その１ パソコンの用意
anond:20181016164341 増田式プログラマー養成講座 その２ プログラム＝データ＋処理、プログラム言語の種類
anond:20181016180059 増田式プログラマー養成講座 その３ 構造化プログラミングの基本（順次、反復、分岐）
anond:20181016193144 増田式プログラマー養成講座 その４ 子ども向け教材「Scratch」で構造化プログラミングの練習
anond:20181017161003 増田式プログラマー養成講座 その５ オブジェクトとは何か？
anond:20181017191404 増田式プログラマー養成講座 その６ OOPの種類、PHPの準備
anond:20181019181549 増田式プログラマー養成講座 その７ OOPの仕組み（前半）
anond:20181020230044 増田式プログラマー養成講座 その８ OOPの仕組み（後半）
anond:20181022232327 増田式プログラマー養成講座 その９ MVCフレームワークを使ってみよう
anond:20181023184616 増田式プログラマー養成講座 その10 OOPの参考書
anond:20181024214133 増田式プログラマー養成講座 その11 データベースを使ってみよう
anond:20181026145516 増田式プログラマー養成講座 その12 データベースの参考書
anond:20181028152656 増田式プログラマー養成講座 その13 SQLの文法
anond:20181031014212 増田式プログラマー養成講座 その14 Webアプリの試作品を作成 ←★今ここ★
anond:20181101225335 増田式プログラマー養成講座 その15 Webアプリの完成見本
：
今回は、DBで使うプログラム言語「SQL」の文法を見てみよう。
関係データベース（relational database）は関係モデルにもとづいて設計、開発されるデータベースである。
関係データベースを管理するデータベース管理システム (DBMS) を関係データベース管理システム (RDBMS) と呼ぶ。
Oracle Database、Microsoft SQL Server、MySQL、PostgreSQL、DB2、FileMaker、H2 Database などがRDBMSである。
関係モデルはIBMのエドガー・F・コッドによって考案された現在もっとも広く用いられているデータモデルである。
データベースの利用者は、クエリ（問い掛け）をデータベースに与え、データを検索したり、変更することができる。
データは表に似た構造で管理されるが、関係と呼ぶ概念でモデル化される。
関係は組（タプル、表における行に相当する）、属性（アトリビュート、表における列に相当する）、定義域（ドメイン）、候補キー（主キー）、外部キーなどによって構成される。
SQLなどに代表されるデータベース言語（問い合わせ言語）を用いて、関係に対して制限・射影・結合・和・差・交わりなどの関係代数演算（集合演算を含む）ないし関係論理演算を行うことで結果を取り出す。
要するに、
SQL（エスキューエル）は、関係データベース管理システム (RDBMS) において、データの操作や定義を行うためのデータベース言語（問い合わせ言語）、ドメイン固有言語である。
エドガー・F・コッドによって考案された関係データベースの関係モデルにおける演算体系である、関係代数と関係論理（関係計算）にある程度基づいている。
これは、SQLの元となったデータベース言語が、IBMが開発したRDBMSの実験実装であるSystem Rの操作言語「SEQUEL (Structured English Query Language)」であったことが由来である。
「SEQUEL (Structured English Query Language)」を略して「SQL」と呼んだらしい。
英語のクエリーは、質問する、問い合わせる、という意味なんだね。
↑このページをよく読んでくれ。理解できたらSQLの説明は終わりだ！！！
…というと、説明することがなくなるので、ちょっとまとめておこう。
このページの「表1●SQLはDDL，DML，DCLの三つに大別できる。このうちプログラマが最も多く使うのはDMLだ」という図を見てみよう。
という３種類に分けてる。順番に見てみよう。
データベース、テーブル、ビュー、インデックス、ユーザーなどを作成／変更／削除するときに使うSQL。
これでデータベースを使う準備ができる。
データを操作するときに使う。いわゆる「CRUD」のことで、SQLのうち、このDMLを覚えれば、とりあえずRDBは使えるようになる。
CRUD（クラッド）とは、ほとんど全てのコンピュータソフトウェアが持つ永続性の4つの基本機能のイニシャルを並べた用語。
この中で一番活躍するのは、「SELECT」コマンド（命令文）だろう。
SELECTは、いろんな条件を付けてデータを絞り込む／加工することができて、便利なんだ。（Excelなどの表計算ソフトよりも高機能）
RDBは「リレーショナル」（関係）という冠言葉が付いてることからも分かるように、関係がある表と表をくっつけて、データを加工できる。
表と表をくっつける操作のことを「結合」という。
SQLでは「JOIN」というコマンドを使って表と表を結合できる。
↑このページにある丸と丸が重なった図を見てくれ。この図は「ベン図」といって包含関係を示す図だ。図を描いて塗りつぶせば、欲しい部分が分かりやすくなるだろう。
表と表のつなげ方には、何通りかパターンがあるよ。
内部結合は単純だ。外部結合はちょっとややこしい。
外部結合は「LEFT JOIN」の形がよく使われると思うので、まず最初にLEFT JOINの仕組みを理解すれば大丈夫だろう。
（LEFTの仕組みを基準にして、RIGHTやFULLとの相違点を意識すれば、表のつなぎ方を間違えにくい？）
「トランザクション」は、データの更新に失敗したとき、元に戻せる機能だ。（安全装置）
Googleの画像検索で「トランザクション」を検索して、分かりやすそうな図解を探してみよう。
↑このページの「図1 処理失敗による不整合の発生」を見てみよう。
銀行で口座間の送金を考えてみる。Aさんの口座からBさんの口座へ50万円送金したい。
この２つの処理が両方とも成功しないと、送金は失敗だ。（Aさんは送金できてないのに貯金が減ったら怒る。Bさんは送金されてないのに貯金が増えてラッキー！）
AとBの両方が成功したら更新処理を確定する。AとBのどちらか、または両方が失敗したら更新処理は破棄してなかったことにする。（やり直し！）
これがトランザクションだ。
ちょっと話がそれるけど、トラブルの重大さ＝クレーム対応の難易度について考えてみよう。
RDBは、SQLコマンドで操作するだけでなく、DB管理ツールを使って操作することもできる。
この講座では「phpMyAdmin」というDB管理ツールで「MySQL」を操作した。
他にも、Google検索で「DB 管理 ツール GUI」などで探してみよう。商用だけでなく無料でも便利なソフトがたくさんあるね。
など。
SQLコマンドを組み立てる作業はパズルのような要素もあるので、遊びだと思ってSQLに取り組んでみて欲しい。
「SQL パズル」でGoogle検索すると、いろんなテクニックが紹介されているので、時間があったらチャレンジしてみよう！
SQLの話は、それだけで1冊の本になるぐらい広範だ。今回は、SQLの概要を説明するだけになってしまった。
SQLの詳細については、前回紹介したSQLの参考書などを読んでみてね。
anond:20181015215004 未経験からのプログラマーなんだが全然分からない
anond:20181016015826 増田式プログラマー養成講座 その１ パソコンの用意
anond:20181016164341 増田式プログラマー養成講座 その２ プログラム＝データ＋処理、プログラム言語の種類
anond:20181016180059 増田式プログラマー養成講座 その３ 構造化プログラミングの基本（順次、反復、分岐）
anond:20181016193144 増田式プログラマー養成講座 その４ 子ども向け教材「Scratch」で構造化プログラミングの練習
anond:20181017161003 増田式プログラマー養成講座 その５ オブジェクトとは何か？
anond:20181017191404 増田式プログラマー養成講座 その６ OOPの種類、PHPの準備
anond:20181019181549 増田式プログラマー養成講座 その７ OOPの仕組み（前半）
anond:20181020230044 増田式プログラマー養成講座 その８ OOPの仕組み（後半）
anond:20181022232327 増田式プログラマー養成講座 その９ MVCフレームワークを使ってみよう
anond:20181023184616 増田式プログラマー養成講座 その10 OOPの参考書
anond:20181024214133 増田式プログラマー養成講座 その11 データベースを使ってみよう
anond:20181026145516 増田式プログラマー養成講座 その12 データベースの参考書
anond:20181028152656 増田式プログラマー養成講座 その13 SQLの文法 ←★今ここ★
anond:20181031014212 増田式プログラマー養成講座 その14 Webアプリの試作品を作成
：
ぶっちゃけ使いづらい？
Oracleと同じ穴の狢
マイクロソフト以下
| 時間 | 記事数 | 文字数 | 文字数平均 | 文字数中央値 |
|---|---|---|---|---|
| 00 | 71 | 15296 | 215.4 | 58 |
| 01 | 63 | 10031 | 159.2 | 51 |
| 02 | 27 | 3701 | 137.1 | 85 |
| 03 | 15 | 1316 | 87.7 | 71 |
| 04 | 9 | 2351 | 261.2 | 124 |
| 05 | 12 | 1098 | 91.5 | 26 |
| 06 | 13 | 2204 | 169.5 | 92 |
| 07 | 26 | 3533 | 135.9 | 48 |
| 08 | 117 | 7086 | 60.6 | 41 |
| 09 | 106 | 9091 | 85.8 | 49 |
| 10 | 125 | 13800 | 110.4 | 48 |
| 11 | 147 | 10452 | 71.1 | 40 |
| 12 | 144 | 14541 | 101.0 | 46 |
| 13 | 122 | 11558 | 94.7 | 46 |
| 14 | 130 | 14376 | 110.6 | 31 |
| 15 | 154 | 16188 | 105.1 | 48 |
| 16 | 149 | 10461 | 70.2 | 45 |
| 17 | 151 | 16834 | 111.5 | 44 |
| 18 | 76 | 12164 | 160.1 | 49 |
| 19 | 83 | 7438 | 89.6 | 36 |
| 20 | 96 | 9290 | 96.8 | 29 |
| 21 | 85 | 11700 | 137.6 | 34 |
| 22 | 70 | 6733 | 96.2 | 53 |
| 23 | 133 | 12399 | 93.2 | 40 |
| 1日 | 2124 | 223641 | 105.3 | 43.5 |
人(216), 自分(145), 男(96), 増田(94), 今(90), 話(88), 女(78), 日本(72), 女性(70), 問題(68), 好き(60), オタク(60), 人間(59), 前(54), 最近(51), 安田(51), 感じ(50), 頭(50), 金(49), 意味(47), 普通(46), 気(45), あと(44), 関係(43), 男性(43), 仕事(41), 他人(40), 会社(40), ー(40), フェミ(38), 場合(38), 存在(37), 相手(37), 他(37), 結婚(36), 気持ち(35), 子供(34), 一番(34), 時間(33), ジャーナリスト(32), ゲーム(32), 全部(31), 情報(31), 嫌(30), 必要(30), 今日(30), 目(30), 記事(30), 手(29), 絶対(29), テロリスト(29), 一人(28), 理由(28), レベル(28), お金(27), バカ(27), 社会(27), 自己責任(27), 時代(27), 国(27), 結局(26), 作品(26), ネット(26), アニメ(25), ソース(25), 批判(25), 海外(24), 今回(24), 勝手(24), 昔(24), 価値(24), 言葉(24), 無視(24), 結果(24), 迷惑(24), 男女(23), ダメ(23), 当たり前(22), しない(22), カタール(22), 世界(22), 現状(22), 親(22), 内容(21), 人生(21), 差別(21), 権利(21), 時点(21), 状況(21), 事実(21), 心(21), 別(21), 一つ(21), アホ(20), 猫(20), 馬鹿(20), イケメン(20), 誰か(20), 理解(20), 興味(20), 政府(20), 最初(20)
増田(94), 日本(72), 安田(51), フェミ(38), 自己責任(27), カタール(22), イケメン(19), 下方婚(16), スマホ(16), じゃなくて(16), キズナアイ(15), 安田純平(14), アメリカ(14), テロ組織(13), いない(13), NHK(13), マジで(13), twitter(12), 被害者(12), にも(11), キモ(11), 萌え絵(11), 日本政府(11), Twitter(11), 2018年(10), わからん(10), -2(10), ブコメ(10), hatena(10), 笑(10), PC(10), なんだろう(9), 100%(9), プレイ(9), 高収入(9), キモオタ(9), 個人的(9), BBC(9), 自己責任論(9), 具体的(9), 東京(9), いいんじゃない(8), 何度(8), ぶっちゃけ(8), 結婚相手(8), ポリコレ(8), 普通に(8), 欧米(8), 結婚しない(8), 安田氏(8), 可能性(8), 自分たち(8), キモい(8), 元増田(8), 金(8), エヴァ(8), トラバ(7), 主導権(7), お客さん(7), あいつら(7), ゾーニング(7), OK(7), s(7), archives(7), 電車男(7), SNS(7), キチガイ(7), ツイッター(7), カキフライ(6), 可処分所得(6), 自由意志(6), 1回(6), よね(6), 一方的(6), -1(6), 外国人(6), 中国(6), 1人(6), お気持ち(6), 10年(6), ネトウヨ(6), 女性向け(6), Wikipedia(6), KKO(6), 朝日新聞(6), pixiv(6), 一般的(6), 分からん(6), 娘(6), 一緒に(6), 40代(6), 仕方がない(6), 上から目線(6), .s(5), 3回(5), 二次創作(5), インスタ(5), なのか(5), php(5), E(5), 価値観(5), 基本的(5), 専業主婦(5), モチベーション(5), ヤバい(5), 淫夢(5), 加害者(5), 米(5), イラク(5), 毎日(5), ブログ(5), はてブ(5), 吉野家(5), シリア(5), 1位(5), 3億円(5), 何回(5), 涙(5), アプリ(5), 夫婦(5), ブクマ(5), blog(5), detail(5), 20代(5), どんだけ(5), 民主主義(5), ジャニーズ(5), -3(5), yomiuri(5), 魅力的(5)
手提げ袋(6), イリヤ(4), ユニバーサル(7), 命乞い(4), テロ組織(13), 牛丼チェーン(3), アヘ(3), 品種改良(3), 安田氏(8), カタール(22), 公式ブログ(4), クラッチ(4), 税金の無駄遣い(4), 安田(51), 人質(16), ジャーナリスト(32), テロリスト(29), 英雄(14), 自己責任論(9), 拘束(10), 日本政府(11), 腐(6), 助かっ(9), 支える(8), 自己責任(27), テロ(8), 高収入(9), 自明(7), 乳首(14), 政府(20), 市場(11), 報道(13), 運転(9), 下方婚(16), 猫(20), イケメン(20), 悪さ(9), 稼ぎ(8)
うんち (5), ソースは？ (3), 知らん寝ろ (3), あってる？ (2), うん。 (2), エビでやんす (2), そうだね。うんちだね。💩 (2), 女？ (2), (2), 私もそう思います。 (2), https://jsfiddle.n(2), https://openluchtm(2)
■ゆるキャンへの道 /20181025232258(16), ■同じ大学の子と自動車免許合宿に行って差がついた話 /20181006125741(16), ■後輩が頭おかしい /20181022154237(15), ■さっきパスタ食べてて思い付いたんだ /20181026122941(11), ■米って何でもよくない？ /20181026191531(11), ■男性って乳首感じないの？ /20181026192127(10), ■ADHDにありがちな過集中スキル /20181026083144(10), ■「山で迷ったら降りるのではなく登れ」 /20180817194156(9), ■会社の先輩女性を飲みに誘ったら…… /20181026092435(8), (タイトル不明) /20181026003134(8), ■いつからオタクは犯罪者じゃなくなったのだろう /20181026114205(7), ■姪「おじさんはなんで結婚しないの？」 /20181026133612(6), ■人に興味がない /20181026001111(6), ■仮説：キモいことが政治的に正しくないのでは。 /20181026123449(6), ■キャラクターが魅力的 /20181026120142(6), ■ /20181026144516(6), ■調子にのったブスを量産する趣味 /20181026222202(6), ■君らって風俗とかいくの /20181026173601(6), ■米軍採用というおもしろフレーズ /20181026205731(5), ■爺さんの遺産で500万円もらった。いい使い道はないか。 /20181026141537(5), ■安田氏の自己責任が及ぶ範囲を超えている /20181026142738(5), ■なんで妊婦を優遇しなきゃあかんの？？ /20181026231454(5), ■声優の追っかけに少しだけ疲れた話 /20181026071354(5), ■ /20180823104619(5), ■ /20181026000510(5), ■ /20181025233908(5), ■増田に入り浸ってわかったころ /20181026131244(5), ■ふと思い立って自分の増田を見返したところ /20181026142044(5), ■累進課税とかホントクソ /20181026230502(5)
5746680(3739)
