ねこげっとぷれす – ページ 2 – NEKOGET PNESKINの開発等PHPな話題を中心に書いていこうと思います。

CodeIgniter3のチュートリアルをちょっと見てみようかの巻(3)

こんにちわ! NEKOGETです。
この記事はCodeIgniterアドベントカレンダーのために書きました！ 13日目です！
https://qiita.com/advent-calendar/2017/code_igniter

12日目の記事は、CodeIgniter3 migrationの話をば。でした。

今回は3本目ニュースを登録する機能を作ろうぜを見ていくよ！！！

本家ドキュメント: https://www.codeigniter.com/user_guide/tutorial/create_news_items.html

ここで作る機能は、新規登録機能だね！

ルーティングの設定

application/config/routes.php を編集します。
1行目を追加。 news/createにアクセスすると、 NewsController Class の create メソッドが処理をします。

$route['news/create'] = 'news/create';
$route['news/(:any)'] = 'news/view/$1';
$route['news'] = 'news';
$route['(:any)'] = 'pages/view/$1';
$route['default_controller'] = 'pages/view';

$route['news/create'] = 'news/create';

$route['news/(:any)'] = 'news/view/$1';

$route['news'] = 'news';

$route['(:any)'] = 'pages/view/$1';

$route['default_controller'] = 'pages/view';

新規登録フォーム用のViewファイルを作る

application/views/news/create.php を作ろう！

<h2>< ?php echo $title; ?></h2>

< ?php echo validation_errors(); ?>

< ?php echo form_open('news/create'); ?>

    <label for="title">Title</label>
    <input type="input" name="title" /><br />

    <label for="text">Text</label>
    <textarea name="text"></textarea><br />

    <input type="submit" name="submit" value="Create news item" />

< ?php echo form_close(); ?>

< ?php echo validation_errors(); ?>

< ?php echo form_open('news/create'); ?>

<label for="title">Title</label>

< ?php echo form_close(); ?>

チュートリアルに、処理成功画面のviewファイルをつくる行程が抜けているね….
とりあえずsuccessっって出ればいいかな的に用意しとこうか…
ターミナルで実行してね。

$ echo success > application/views/news/success.php

1	$ echo success > application/views/news/success.php

新規登録する機能をNews_model Classに追加する

次はModelだね！
チュートリアルのサンプルコードを組み込むとこんな感じ。
次の記事でリファクタリングというか、もうちょっとなんとかしたコードにしてみようと思うよ！

雑い(>_< ) もうちょっとなんとかならんかったのかチュートリアルさん..... orz

< ?php

/**
 * Class News_model
 */
class News_model extends CI_Model {

    /**
     * News_model constructor.
     */
    public function __construct()
    {
        //データベースへの接続
        $this->load->database();
    }

    /**
     * ニュースの取得
     * @param bool $slug
     * @return mixed
     */
    public function get_news($slug = FALSE)
    {
        if ($slug === FALSE)
        {
            $query = $this->db->get('news');
            return $query->result_array();
        }

        $query = $this->db->get_where('news', array('slug' => $slug));
        return $query->row_array();
    }
    
    /**
     * ニュースの新規登録
     */ 
    public function set_news()
    {
        $this->load->helper('url');
        $slug = url_title($this->input->post('title'), 'dash', TRUE);
        $data = array(
            'title' => $this->input->post('title'),
            'slug' => $slug,
            'text' => $this->input->post('text')
        );
        return $this->db->insert('news', $data);
    }
}



<h2>News Controllerにcreateメソッドを追加する</h2>
チュートリアルのコードを足すとこんな感じになるね
<pre>
< ?php

/**
 * Class News
 */
class News extends CI_Controller
{

    /**
     * News constructor.
     */
    public function __construct()
    {
        parent::__construct();
        $this->load->model('news_model');
        $this->load->helper('url_helper');
    }

    /**
     * index (一覧ページの表示)
     */
    public function index()
    {
        $data = [];
        $data['news'] = $this->news_model->get_news();
        $data['title'] = 'News archive';
        $this->load->view('templates/header', $data);
        $this->load->view('news/index', $data);
        $this->load->view('templates/footer');

    }

    /**
     * newsの主催ページの表示
     * @param null $slug
     */
    public function view($slug = null)
    {
        $data = [];
        $data['news_item'] = $this->news_model->get_news($slug);

        if (empty($data['news_item']))
        {
            show_404();
        }

        $data['title'] = $data['news_item']['title'];
        $this->load->view('templates/header', $data);
        $this->load->view('news/view', $data);
        $this->load->view('templates/footer');
    }
    
     /**
     * newsの新規登録
     */
    public function create()
    {
        $this->load->helper('form');
        $this->load->library('form_validation');
        $data['title'] = 'Create a news item';

        $this->form_validation->set_rules('title', 'Title', 'required');
        $this->form_validation->set_rules('text', 'Text', 'required');

        if ($this->form_validation->run() === FALSE)
        {
            $this->load->view('templates/header', $data);
            $this->load->view('news/create');
           $this->load->view('templates/footer');
        }
        else
        {
            $this->news_model->set_news();
            $this->load->view('news/success');
        }
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

< ?php

/**

* Class News_model

class News_model extends CI_Model {

/**

* News_model constructor.

public function __construct()

{

//データベースへの接続

$this->load->database();

}

/**

* ニュースの取得

* @param bool $slug

* @return mixed

public function get_news($slug = FALSE)

{

if ($slug === FALSE)

{

$query = $this->db->get('news');

return $query->result_array();

}

$query = $this->db->get_where('news', array('slug' => $slug));

return $query->row_array();

}

/**

* ニュースの新規登録

public function set_news()

{

$this->load->helper('url');

$slug = url_title($this->input->post('title'), 'dash', TRUE);

$data = array(

'title' => $this->input->post('title'),

'slug' => $slug,

'text' => $this->input->post('text')

);

return $this->db->insert('news', $data);

}

<h2>News Controllerにcreateメソッドを追加する</h2>

チュートリアルのコードを足すとこんな感じになるね

<pre>

< ?php

/**

* Class News

class News extends CI_Controller

{

/**

* News constructor.

public function __construct()

{

parent::__construct();

$this->load->model('news_model');

$this->load->helper('url_helper');

}

/**

* index (一覧ページの表示)

public function index()

{

$data = [];

$data['news'] = $this->news_model->get_news();

$data['title'] = 'News archive';

$this->load->view('templates/header', $data);

$this->load->view('news/index', $data);

$this->load->view('templates/footer');

}

/**

* newsの主催ページの表示

* @param null $slug

public function view($slug = null)

{

$data = [];

$data['news_item'] = $this->news_model->get_news($slug);

if (empty($data['news_item']))

{

show_404();

}

$data['title'] = $data['news_item']['title'];

$this->load->view('templates/header', $data);

$this->load->view('news/view', $data);

$this->load->view('templates/footer');

}

/**

* newsの新規登録

public function create()

{

$this->load->helper('form');

$this->load->library('form_validation');

$data['title'] = 'Create a news item';

$this->form_validation->set_rules('title', 'Title', 'required');

$this->form_validation->set_rules('text', 'Text', 'required');

if ($this->form_validation->run() === FALSE)

{

$this->load->view('templates/header', $data);

$this->load->view('news/create');

$this->load->view('templates/footer');

}

else

{

$this->news_model->set_news();

$this->load->view('news/success');

}

http://{アプリケーションのROOT URL}/news/create

実行した結果 success は見えたかな？

http://{アプリケーションのROOT URL}/news
一覧に新規登録した記事が追加されたかな？

さて、ここまでコードを見てて思うわけですが、ちょっとコードが雑い。とっても雑い。
次はチュートリアルのコードのレビューとリファクタリングをしちゃおうと思います。
流石にこのコードはダメです。はい。

CodeIgniter3 migrationの話をば。

こんにちわ! NEKOGETです。
この記事はCodeIgniterアドベントカレンダーのために書きました！ 12日目です！
https://qiita.com/advent-calendar/2017/code_igniter

この記事は、CodeIgniter3のチュートリアルをちょっと見てみようかの巻(2)の記事の補足です。

Migrationについて

本家ユーザーガイド :
https://www.codeigniter.com/user_guide/libraries/migration.html

CodeIgniterでもMigrationを使ってテーブル定義の管理をすることができます。
CodeIgniter3のチュートリアルをちょっと見てみようかの巻(2)では、チュートリアルで触れられていないため記載しませんでしたが、使うと便利です。
この機能は2の頃にはすでにあったのですがあまり知られていません。
CodeIgniterがシンプルで、たくさんの機能を実装していないという印象からではないかと思います。

設定

application/config/migration.php の編集
migrationを使用可能にして、
migrationのファイルを保存するフォルダを指定して
migrationのファイルをつくるのにtimestamp使いますを指定します。YYYYMMDDHHIISS フォーマットなので、(e.g. 20171213100537) です。
マイグレーションのバージョンは自動で最新にしといてね設定もfalseになっているのをtrueに変更です。

$config['migration_enabled'] = TRUE;
$config['migration_path'] = APPPATH.'migrations/';
$config['migration_type'] = 'timestamp';
$config['migration_auto_latest'] = true;

$config['migration_enabled'] = TRUE;

$config['migration_path'] = APPPATH.'migrations/';

$config['migration_type'] = 'timestamp';

$config['migration_auto_latest'] = true;

フォルダを作りましょ

mkdir  application/migrations/

1	mkdir application/migrations/

migrationファイルの作成

echo -n > application/migrations/`date '+%Y%m%d%H%M%S'`_add_news.php

1	echo -n > application/migrations/`date '+%Y%m%d%H%M%S'`_add_news.php

ファイルができていることを確認

$ ll application/migrations/
total 4
-rw-rw-r-- 1 ec2-user ec2-user 1047 Dec 13 11:35 20171213114048_add_news.php

$ ll application/migrations/

total 4

-rw-rw-r-- 1 ec2-user ec2-user 1047 Dec 13 11:35 20171213114048_add_news.php

これから作るmigrationのバージョンは、 20171213114048 になりました。

< ?php
/**
 * newsテーブルを追加する
 * Class Migration_add_news
 */
class Migration_add_news extends CI_Migration
{

    /**
     * migrationの実行
     */
    public function up()
    {
        $this->dbforge->add_field(array(
            'id' => array(
                'type' => 'INT',
                'constraint' => 11,
                'unsigned' => true,
                'auto_increment' => true
            ),
            'title' => array(
                'type' => 'VARCHAR',
                'constraint' => '128',
            ),
            'slug' => array(
                'type' => 'VARCHAR',
                'constraint' => '128',
            ),
            'text' => array(
                'type' => 'TEXT',
                'null' => true,
            ),
        ));
        $this->dbforge->add_key('id', true);
        $this->dbforge->create_table('news');
    }

    /**
     * collbackの実行
     * newsテーブルのdrop
     */
    public function down()
    {
        $this->dbforge->drop_table('news');
    }
}

< ?php

/**

* newsテーブルを追加する

* Class Migration_add_news

class Migration_add_news extends CI_Migration

{

/**

* migrationの実行

public function up()

{

$this->dbforge->add_field(array(

'id' => array(

'type' => 'INT',

'constraint' => 11,

'unsigned' => true,

'auto_increment' => true

'title' => array(

'type' => 'VARCHAR',

'constraint' => '128',

'slug' => array(

'type' => 'VARCHAR',

'constraint' => '128',

'text' => array(

'type' => 'TEXT',

'null' => true,

));

$this->dbforge->add_key('id', true);

$this->dbforge->create_table('news');

}

/**

* collbackの実行

* newsテーブルのdrop

public function down()

{

$this->dbforge->drop_table('news');

}

ユーザーガイドに従って書くとこんな感じです。
もうすでに皆様もPHP7環境だと思うのでarray()は[]にしちゃっていいと思います。

Migrate Controller Classの作成

application/controllers/Migrate.php

< ?php

class Migrate extends CI_Controller
{

        public function index()
        {
                $this->load->library('migration');

                if ($this->migration->current() === FALSE)
                {
                        show_error($this->migration->error_string());
                }
        }

}

< ?php

class Migrate extends CI_Controller

{

public function index()

{

$this->load->library('migration');

if ($this->migration->current() === FALSE)

{

show_error($this->migration->error_string());

}

ドキュメントのサンプルコードはこんな感じで不親切です….。
application/config/migration.php の $config[‘migration_version’] = 0; のところを、実行する最終のバージョン番号を設定せねば動きません….
最新の状態にするのであれば、$this->migration->latest()を使うと良いです。
application/controllers/Migrate.php

class Migrate extends CI_Controller
{

        public function index()
        {
                $this->load->library('migration');
                if ($this->migration->latest() === FALSE)
                {
                        show_error($this->migration->error_string());
                }
        }
}

class Migrate extends CI_Controller

{

public function index()

{

$this->load->library('migration');

if ($this->migration->latest() === FALSE)

{

show_error($this->migration->error_string());

}

migrationの実行と結果/h2>
migrationを実行します。

php public/index.php Migrate index

1

php public/index.php  Migrate index

実行された結果を見てみます

$ mysql -uroot -p Enter password: Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 23 Server version: 5.5.57 MySQL Community Server (GPL) Copyright (c) 2000, 2017, Oracle and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement. mysql> use ci3_tutorial ; Reading table information for completion of table and column names You can turn off this feature to get a quicker startup with -A Database changed mysql> show tables -> ; +------------------------+ | Tables_in_ci3_tutorial | +------------------------+ | migrations | | news | +------------------------+ 2 rows in set (0.00 sec)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

$ mysql -uroot -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 23
Server version: 5.5.57 MySQL Community Server (GPL)

Copyright (c) 2000, 2017, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> use ci3_tutorial ;
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A

Database changed
mysql> show tables
    -> ;
+------------------------+
| Tables_in_ci3_tutorial |
+------------------------+
| migrations             |
| news                   |
+------------------------+
2 rows in set (0.00 sec)

newsテーブルと、migrationsテーブルができています。

mysql> desc news ; +-------+------------------+------+-----+---------+----------------+ | Field | Type | Null | Key | Default | Extra | +-------+------------------+------+-----+---------+----------------+ | id | int(11) unsigned | NO | PRI | NULL | auto_increment | | title | varchar(128) | NO | | NULL | | | slug | varchar(128) | NO | | NULL | | | text | text | YES | | NULL | | +-------+------------------+------+-----+---------+----------------+ 4 rows in set (0.00 sec)

1
2
3
4
5
6
7
8
9
10

mysql> desc news ;
+-------+------------------+------+-----+---------+----------------+
| Field | Type             | Null | Key | Default | Extra          |
+-------+------------------+------+-----+---------+----------------+
| id    | int(11) unsigned | NO   | PRI | NULL    | auto_increment |
| title | varchar(128)     | NO   |     | NULL    |                |
| slug  | varchar(128)     | NO   |     | NULL    |                |
| text  | text             | YES  |     | NULL    |                |
+-------+------------------+------+-----+---------+----------------+
4 rows in set (0.00 sec)

mysql> select * from migrations ; +----------------+ | version | +----------------+ | 20171213114048 | +----------------+ 1 row in set (0.00 sec)

1
2
3
4
5
6
7

mysql> select * from migrations ;
+----------------+
| version        |
+----------------+
| 20171213114048 |
+----------------+
1 row in set (0.00 sec)

Migrate Controllerにロールバックを追加してみる

Migrate Controllerにロールバックを追加しました。
またhttp(s)越しに、外部から叩かれないように、

class Migrate extends CI_Controller
{
        function __construct()
    {   
        parent::__construct();
        //ターミナルからの実行でなければ処理しない。
        if(! $this->input->is_cli_request()) {
            show_404();
            exit;
        }   
        $this->load->library('migration');
    }   

        public function index()
        {
                if ($this->migration->latest() === FALSE)
                {
                        show_error($this->migration->error_string());
                }
        }
        
         public function rollback($version)
        {
               if ($this->migration->version($version)) {
                     echo  "Migration Success.\n";
                } else {
                    show_error($this->migration->error_string());
                }   
        }
}

class Migrate extends CI_Controller

{

function __construct()

{

parent::__construct();

//ターミナルからの実行でなければ処理しない。

if(! $this->input->is_cli_request()) {

show_404();

exit;

}

$this->load->library('migration');

}

public function index()

{

if ($this->migration->latest() === FALSE)

{

show_error($this->migration->error_string());

}

public function rollback($version)

{

if ($this->migration->version($version)) {

echo "Migration Success.\n";

} else {

show_error($this->migration->error_string());

}

コマンドの実行

$  php public/index.php  Migrate rollback 20171213114048 
Migration Success.

1 2	$ php public/index.php Migrate rollback 20171213114048 Migration Success.

20171213114048_add_news.phpの状態に戻ります。
まだ1つのバージョンしかないのでこれしか指定できなかったわけですが、これもやり直したい場合ありますよね？

$ php public/index.php  Migrate rollback 0

ERROR: An Error Was Encountered

$ php public/index.php Migrate rollback 0

ERROR: An Error Was Encountered

エラーを吐いてしまいますが、これでnewsテーブルがdropされます。
これはもうちょっとうまい方法が欲しい…..エラーが発生しない方法に寄せたい….ですが今日のところはこれで0地点に戻りますということにします。

やっぱりSQLで書きたいやん？

20171213114048_add_news.php の upメソッドはこんな感じになります。

     /**
     * migrationの実行
     */
    public function up()
    {
        $this->load->database();
        $sql = 'CREATE TABLE news (
        id int(11) NOT NULL AUTO_INCREMENT COMMENT "id",
        title varchar(128) NOT NULL COMMENT "タイトル",
        slug varchar(128) NOT NULL COMMENT "slug",
        text text NOT NULL COMMENT "本文",
        PRIMARY KEY (id),
        KEY slug (slug))
         ENGINE=InnoDB DEFAULT CHARSET=utf8
        COMMENT "news"
        ;
        ';
        $this->db->query($sql);
     }

/**

* migrationの実行

public function up()

{

$this->load->database();

$sql = 'CREATE TABLE news (

id int(11) NOT NULL AUTO_INCREMENT COMMENT "id",

title varchar(128) NOT NULL COMMENT "タイトル",

slug varchar(128) NOT NULL COMMENT "slug",

text text NOT NULL COMMENT "本文",

PRIMARY KEY (id),

KEY slug (slug))

ENGINE=InnoDB DEFAULT CHARSET=utf8

COMMENT "news"

;

$this->db->query($sql);

}

migrationはsqlそのままで行きたいかどうかは好みが別れるかと思います。
MySQLを使っての設計と実装の場合、mysqlWorkBenchを使う場合も多いでしょうし、そうするとツールからcreate table文は自動抽出でしょうし、sqlの方が便利だと思うんだよねー。

さてと、チュートリアルに戻りましょうか！！！

microbitのFacebookグループのご紹介

micro:bitと出会いまして、勢いで作ったグループです。
勉強会でデモを見て、これはすごい！！！って思って、
これはやらねばと思った翌日にmicro:bitを購入しました。
初心者な私ですがもっといろいろお話を聞けたり、教えていただいたりできるといいなと思い、その勢いで作ったのでした。
もしよろしければ、ぜひご参加ください。

https://www.facebook.com/groups/361910434253502/

CodeIgniter3のチュートリアルをちょっと見てみようかの巻(2)

こんにちわ! NEKOGETです。
この記事はCodeIgniterアドベントカレンダーのために書きました！ 8日目です！
https://qiita.com/advent-calendar/2017/code_igniter

9日目の記事はayatoさんによる
Dockerで作るCodeIgniterローカル開発環境入門編でした！
まだ読めてない人はぜひ読んでほしいです☆☆☆

CodeIgniter3のチュートリアルをちょっと見てみようかの巻(2)って事で(2)なので(1)があります！
CodeIgniter3のチュートリアルをちょっと見てみようかの巻(1) の続きです。

チュートリアルの場所
本家(英語): https://www.codeigniter.com/user_guide/tutorial/index.html
ユーザー会(日本語): http://codeigniter.jp/user_guide/3/tutorial/index.html
@NEKOGET(日本語?): http://pneskin2.nekoget.com/codeigniter/3/user_guide/tutorial/index.html

今回も本家のチュートリアルを見ていきますね。

今回のお題は「ニュースを見る機能を作ろうぜ」です
https://www.codeigniter.com/user_guide/tutorial/news_section.html

newsを保存しておくtableはこんな感じ。
個人的な好みで言えばここに新規登録日を追加したいところです。

CREATE TABLE news (
        id int(11) NOT NULL AUTO_INCREMENT,
        title varchar(128) NOT NULL,
        slug varchar(128) NOT NULL,
        text text NOT NULL,
        PRIMARY KEY (id),
        KEY slug (slug)
);

CREATE TABLE news (

id int(11) NOT NULL AUTO_INCREMENT,

title varchar(128) NOT NULL,

slug varchar(128) NOT NULL,

text text NOT NULL,

PRIMARY KEY (id),

KEY slug (slug)

);

環境の準備 : database

modelをつくる….. 前にDatabase用意しないとダメですね。
database名どうしましょう？

ci3_tutorial とでもしましょうか？

mysqlが入ってる事を確認。

mysqlの起動
mysqlのユーザーとパスワードを作成
databaseの作成
って感じですかね…

それからapplication/config/config.phpの編集です。

$ mysql --version
mysql  Ver 14.14 Distrib 5.5.57, for Linux (x86_64) using readline 5.1

1 2	$ mysql --version mysql Ver 14.14 Distrib 5.5.57, for Linux (x86_64) using readline 5.1

よしよし入ってる。
しかし起動してない。

$ mysql -uroot
ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2)

1 2	$ mysql -uroot ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2)

起動してみる。

$ sudo service mysqld start
Initializing MySQL database:  Installing MySQL system tables...
171211  1:07:29 [Note] Ignoring --secure-file-priv value as server is running with --bootstrap.
171211  1:07:29 [Note] /usr/libexec/mysql55/mysqld (mysqld 5.5.57) starting as process 3907 ...
OK
Filling help tables...
171211  1:07:29 [Note] Ignoring --secure-file-priv value as server is running with --bootstrap.
171211  1:07:29 [Note] /usr/libexec/mysql55/mysqld (mysqld 5.5.57) starting as process 3914 ...
OK

To start mysqld at boot time you have to copy
support-files/mysql.server to the right place for your system

PLEASE REMEMBER TO SET A PASSWORD FOR THE MySQL root USER !
To do so, start the server, then issue the following commands:

/usr/libexec/mysql55/mysqladmin -u root password 'new-password'
/usr/libexec/mysql55/mysqladmin -u root -h ip-172-31-1-75 password 'new-password'

Alternatively you can run:
/usr/libexec/mysql55/mysql_secure_installation

which will also give you the option of removing the test
databases and anonymous user created by default.  This is
strongly recommended for production servers.

See the manual for more instructions.

You can start the MySQL daemon with:
cd /usr ; /usr/libexec/mysql55/mysqld_safe &

You can test the MySQL daemon with mysql-test-run.pl
cd /usr/mysql-test ; perl mysql-test-run.pl

Please report any problems at http://bugs.mysql.com/

                                                           [  OK  ]
Starting mysqld:                                           [  OK  ]

$ sudo service mysqld start

Initializing MySQL database: Installing MySQL system tables...

171211 1:07:29 [Note] Ignoring --secure-file-priv value as server is running with --bootstrap.

171211 1:07:29 [Note] /usr/libexec/mysql55/mysqld (mysqld 5.5.57) starting as process 3907 ...

Filling help tables...

171211 1:07:29 [Note] Ignoring --secure-file-priv value as server is running with --bootstrap.

171211 1:07:29 [Note] /usr/libexec/mysql55/mysqld (mysqld 5.5.57) starting as process 3914 ...

To start mysqld at boot time you have to copy

support-files/mysql.server to the right place for your system

PLEASE REMEMBER TO SET A PASSWORD FOR THE MySQL root USER !

To do so, start the server, then issue the following commands:

/usr/libexec/mysql55/mysqladmin -u root password 'new-password'

/usr/libexec/mysql55/mysqladmin -u root -h ip-172-31-1-75 password 'new-password'

Alternatively you can run:

/usr/libexec/mysql55/mysql_secure_installation

which will also give you the option of removing the test

databases and anonymous user created by default. This is

strongly recommended for production servers.

See the manual for more instructions.

You can start the MySQL daemon with:

cd /usr ; /usr/libexec/mysql55/mysqld_safe &

You can test the MySQL daemon with mysql-test-run.pl

cd /usr/mysql-test ; perl mysql-test-run.pl

Please report any problems at http://bugs.mysql.com/

[ OK ]

Starting mysqld: [ OK ]

案の定rootにパスワードがないわコラって怒られる。

パスワードの設定

/usr/libexec/mysql55/mysqladmin -u root password 'codeigniter3_love'

1	/usr/libexec/mysql55/mysqladmin -u root password 'codeigniter3_love'

mysqlに接続
途中パスワードを聞かれるので上記で設定したパスワードを入力

mysql -uroot -p
Enter password: 
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 4
Server version: 5.5.57 MySQL Community Server (GPL)

Copyright (c) 2000, 2017, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql>

mysql -uroot -p

Enter password:

Welcome to the MySQL monitor. Commands end with ; or \g.

Your MySQL connection id is 4

Server version: 5.5.57 MySQL Community Server (GPL)

Oracle is a registered trademark of Oracle Corporation and/or its

affiliates. Other names may be trademarks of their respective

owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql>

文字コードの確認

mysql> show variables like '%char%';
+--------------------------+----------------------------+
| Variable_name            | Value                      |
+--------------------------+----------------------------+
| character_set_client     | utf8                       |
| character_set_connection | utf8                       |
| character_set_database   | latin1                     |
| character_set_filesystem | binary                     |
| character_set_results    | utf8                       |
| character_set_server     | latin1                     |
| character_set_system     | utf8                       |
| character_sets_dir       | /usr/share/mysql/charsets/ |
+--------------------------+----------------------------+
8 rows in set (0.00 sec)

mysql> show variables like '%char%';

+--------------------------+----------------------------+

| Variable_name | Value |

+--------------------------+----------------------------+

| character_set_client | utf8 |

| character_set_connection | utf8 |

| character_set_database | latin1 |

| character_set_filesystem | binary |

| character_set_results | utf8 |

| character_set_server | latin1 |

| character_set_system | utf8 |

| character_sets_dir | /usr/share/mysql/charsets/ |

+--------------------------+----------------------------+

8 rows in set (0.00 sec)

utf8にしとく方が楽よねって事で、一旦mysql接続を解除して /etc/my.cnfを編集
まぁここら辺も含めてansibleに書いてし待った方がいいんだけども……
知っててほしいなあという気持ちもあり難しいね。

mysql> exit
Bye

1 2	mysql> exit Bye

[mysqld] に serverがutf8ですよを追記

character-set-server=utf8

1	character-set-server=utf8

[client]セクションを追加。utf8dですよを記載

[client]
default-character-set=utf8

1 2	[client] default-character-set=utf8

mysqlを再起動

$ sudo service mysqld restart
Stopping mysqld:                                           [  OK  ]
Starting mysqld:                                           [  OK  ]

$ sudo service mysqld restart

Stopping mysqld: [ OK ]

Starting mysqld: [ OK ]

mysqlに接続して文字コードを確認する。

$ mysql -uroot -p
Enter password: 
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 2
Server version: 5.5.57 MySQL Community Server (GPL)

Copyright (c) 2000, 2017, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> show variables like '%char%';
+--------------------------+----------------------------+
| Variable_name            | Value                      |
+--------------------------+----------------------------+
| character_set_client     | utf8                       |
| character_set_connection | utf8                       |
| character_set_database   | utf8                       |
| character_set_filesystem | binary                     |
| character_set_results    | utf8                       |
| character_set_server     | utf8                       |
| character_set_system     | utf8                       |
| character_sets_dir       | /usr/share/mysql/charsets/ |
+--------------------------+----------------------------+
8 rows in set (0.00 sec)

$ mysql -uroot -p

Enter password:

Welcome to the MySQL monitor. Commands end with ; or \g.

Your MySQL connection id is 2

Server version: 5.5.57 MySQL Community Server (GPL)

Oracle is a registered trademark of Oracle Corporation and/or its

affiliates. Other names may be trademarks of their respective

owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> show variables like '%char%';

+--------------------------+----------------------------+

| Variable_name | Value |

+--------------------------+----------------------------+

| character_set_client | utf8 |

| character_set_connection | utf8 |

| character_set_database | utf8 |

| character_set_filesystem | binary |

| character_set_results | utf8 |

| character_set_server | utf8 |

| character_set_system | utf8 |

| character_sets_dir | /usr/share/mysql/charsets/ |

+--------------------------+----------------------------+

8 rows in set (0.00 sec)

filesystemはbinaryでいいよね。
他がutf8になった事を確認。

データベースの作成

mysql> create database ci3_tutorial;
Query OK, 1 row affected (0.00 sec)

1 2	mysql> create database ci3_tutorial; Query OK, 1 row affected (0.00 sec)

データベースができてる事を確認する。

mysql> show databases ;
+--------------------+
| Database           |
+--------------------+
| information_schema |
| ci3_tutorial       |
| mysql              |
| performance_schema |
| test               |
+--------------------+
5 rows in set (0.01 sec)

mysql> show databases ;

+--------------------+

| Database |

+--------------------+

| information_schema |

| ci3_tutorial |

| mysql |

| performance_schema |

| test |

+--------------------+

5 rows in set (0.01 sec)

newsテーブル作ろうかw

mysql> use ci3_tutorial ;
Database changed

1 2	mysql> use ci3_tutorial ; Database changed

mysql> CREATE TABLE news (
    ->         id int(11) NOT NULL AUTO_INCREMENT,
    ->         title varchar(128) NOT NULL,
    ->         slug varchar(128) NOT NULL,
    ->         text text NOT NULL,
    ->         PRIMARY KEY (id),
    ->         KEY slug (slug)
    -> );
Query OK, 0 rows affected (0.01 sec)

mysql> CREATE TABLE news (

-> id int(11) NOT NULL AUTO_INCREMENT,

-> title varchar(128) NOT NULL,

-> slug varchar(128) NOT NULL,

-> text text NOT NULL,

-> PRIMARY KEY (id),

-> KEY slug (slug)

-> );

Query OK, 0 rows affected (0.01 sec)

テーブルができた事を確認する。

mysql> desc news ;
+-------+--------------+------+-----+---------+----------------+
| Field | Type         | Null | Key | Default | Extra          |
+-------+--------------+------+-----+---------+----------------+
| id    | int(11)      | NO   | PRI | NULL    | auto_increment |
| title | varchar(128) | NO   |     | NULL    |                |
| slug  | varchar(128) | NO   | MUL | NULL    |                |
| text  | text         | NO   |     | NULL    |                |
+-------+--------------+------+-----+---------+----------------+
4 rows in set (0.00 sec)

mysql> desc news ;

+-------+--------------+------+-----+---------+----------------+

+-------+--------------+------+-----+---------+----------------+

| id | int(11) | NO | PRI | NULL | auto_increment |

+-------+--------------+------+-----+---------+----------------+

4 rows in set (0.00 sec)

データベースの準備ができた！

config.phpの変更

次は設定だねー
DBに接続する設定書いておかないとダメだよねー
configの設定についてはなぜかチュートリアルにないんだよね。不思議だねー

application/database.php

(前略)
$db['default'] = array(
	'dsn'	=> '',
	'hostname' => 'localhost',
	'username' => 'root',
	'password' => 'codeigniter3_love',
	'database' => 'ci3_tutorial',
	'dbdriver' => 'mysqli',
	'dbprefix' => '',
	'pconnect' => FALSE,
	'db_debug' => (ENVIRONMENT !== 'production'),
	'cache_on' => FALSE,
	'cachedir' => '',
	'char_set' => 'utf8',
	'dbcollat' => 'utf8_general_ci',
	'swap_pre' => '',
	'encrypt' => FALSE,
	'compress' => FALSE,
	'stricton' => FALSE,
	'failover' => array(),
	'save_queries' => TRUE
);
(後略)

(前略)

$db['default'] = array(

'dsn' => '',

'hostname' => 'localhost',

'username' => 'root',

'password' => 'codeigniter3_love',

'database' => 'ci3_tutorial',

'dbdriver' => 'mysqli',

'dbprefix' => '',

'pconnect' => FALSE,

'db_debug' => (ENVIRONMENT !== 'production'),

'cache_on' => FALSE,

'cachedir' => '',

'char_set' => 'utf8',

'dbcollat' => 'utf8_general_ci',

'swap_pre' => '',

'encrypt' => FALSE,

'compress' => FALSE,

'stricton' => FALSE,

'failover' => array(),

'save_queries' => TRUE

);

(後略)

‘username’
‘password’
‘database’
‘dbdriver’
の４項目を変更したよ。
postgresqlを使う場合は、’dbdriver’ は postgre だよ！

ルーティングの設定

チュートリアルには最後の項目で書かれてるんだけど、これ設定してないとブラウザ越しに見えないので先に設定しちゃおうか☆
CodeIgniter/application/config/routes.php

$route['news/(:any)'] = 'news/view/$1';
$route['news'] = 'news';
$route['(:any)'] = 'pages/view/$1';
$route['default_controller'] = 'pages/view';

$route['news/(:any)'] = 'news/view/$1';

$route['news'] = 'news';

$route['(:any)'] = 'pages/view/$1';

$route['default_controller'] = 'pages/view';

これはどういう設定かわかるよね？
news/ はNews Classのindex()が処理をする。
news/view/{何か文字列} は News Classのviewメソッドが引数を持って処理する
その他は、 Pages Classのviewメソッドが処理をする
って流れだね。

Modelの作成

まずはモデルの作成だね！
application/models/News.php
Codeigniter3からModelはClassなのでファイル名の最初の1文字目は大文字だよ！

< ?php

/**
 * Class News_model
 */
class News_model extends CI_Model {

    /**
     * News_model constructor.
     */
    public function __construct()
    {
        //データベースへの接続
        $this->load->database();
    }

    /**
     * ニュースの取得
     * @param bool $slug
     * @return mixed
     */
    public function get_news($slug = FALSE)
    {
        if ($slug === FALSE)
        {
            $query = $this->db->get('news');
            return $query->result_array();
        }

        $query = $this->db->get_where('news', array('slug' => $slug));
        return $query->row_array();
    }
}

< ?php

/**

* Class News_model

class News_model extends CI_Model {

/**

* News_model constructor.

public function __construct()

{

//データベースへの接続

$this->load->database();

}

/**

* ニュースの取得

* @param bool $slug

* @return mixed

public function get_news($slug = FALSE)

{

if ($slug === FALSE)

{

$query = $this->db->get('news');

return $query->result_array();

}

$query = $this->db->get_where('news', array('slug' => $slug));

return $query->row_array();

}

あんまり好きじゃない書き方だけども、Modelのコードね。
slugが指定されてなければ全件をretunしてる。
slugが指定されている場合は、検索した結果を1件だけ返してるコードだね。
できればlimitの設定とorder by は指定したいところだね。

Controllerの作成

次はコントローラー
これも最初の1文字目は大文字だ。合算するとこれぐらいだよね。

< ?php
/**
 * Class News
 */
class News extends CI_Controller
{

    /**
     * News constructor.
     */
    public function __construct()
    {
        parent::__construct();
        $this->load->model('news_model');
        $this->load->helper('url_helper');
    }

    /**
     * index (一覧ページの表示)
     */
    public function index()
    {
        $data = [];
        $data['news'] = $this->news_model->get_news();
        $data['title'] = 'News archive';
        $this->load->view('templates/header', $data);
        $this->load->view('news/index', $data);
        $this->load->view('templates/footer');

    }

    /**
     * newsの主催ページの表示
     * @param null $slug
     */
    public function view($slug = null)
    {
        $data = [];
        $data['news_item'] = $this->news_model->get_news($slug);

        if (empty($data['news_item']))
        {
            show_404();
        }

        $data['title'] = $data['news_item']['title'];
        $this->load->view('templates/header', $data);
        $this->load->view('news/view', $data);
        $this->load->view('templates/footer');
    }
}

< ?php

/**

* Class News

class News extends CI_Controller

{

/**

* News constructor.

public function __construct()

{

parent::__construct();

$this->load->model('news_model');

$this->load->helper('url_helper');

}

/**

* index (一覧ページの表示)

public function index()

{

$data = [];

$data['news'] = $this->news_model->get_news();

$data['title'] = 'News archive';

$this->load->view('templates/header', $data);

$this->load->view('news/index', $data);

$this->load->view('templates/footer');

}

/**

* newsの主催ページの表示

* @param null $slug

public function view($slug = null)

{

$data = [];

$data['news_item'] = $this->news_model->get_news($slug);

if (empty($data['news_item']))

{

show_404();

}

$data['title'] = $data['news_item']['title'];

$this->load->view('templates/header', $data);

$this->load->view('news/view', $data);

$this->load->view('templates/footer');

}

チュートリアルのコードはこんな感じになるかな？

Viewの作成

チュートリアルをみるとviewをどう書くのかがすごく雑だね…..
ここで必要なviewは
application/views/templates/header.php
application/views/templates/footer.php
news一覧を表示させるための
application/views/news/index.php
application/views/news/view.php

この4ファイルになるね。！

application/views/templates/header.php

<!doctype html>
<html lang="ja">
  <head>
    <title><?php echo $title ;?></title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
  </head>
  <body>

<!doctype html>

<head>

</head>

<body>

application/views/templates/footer.php

 <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
  </body>
</html>

</body>

</html>

application/views/news/index.php
index.phpは一覧を表示するよ！

<h2><?php echo $title; ?></h2>

<?php foreach ($news as $news_item): ?>

        <h3><?php echo $news_item['title']; ?></h3>
        <div class="main">
                <?php echo $news_item['text']; ?>
        </div>
        <p><a href="<?php echo site_url('news/'.$news_item['slug']); ?>">View article</a></p>

<?php endforeach; ?>

<?php foreach ($news as $news_item): ?>

<?php echo $news_item['text']; ?>

</div>

<p><a href="<?php echo site_url('news/'.$news_item['slug']); ?>">View article</a></p>

<?php endforeach; ?>

http://{EC2のインスタンスのURL}/news

まぁ、そうだよね。
表示されるのはタイトルだけだね。
だってまだ表示する記事ないんだもの。
mysqlに接続して、記事でーたを登録してみるね！

$ mysql -uroot -p
Enter password: 
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 3
Server version: 5.5.57 MySQL Community Server (GPL)

Copyright (c) 2000, 2017, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
mysql> use ci3_tutorial
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A

mysql> insert into news values(NULL, '最初の記事' , 'first_message', '最初の記事だよ☆')
Query OK, 1 row affected (0.00 sec)

$ mysql -uroot -p

Enter password:

Welcome to the MySQL monitor. Commands end with ; or \g.

Your MySQL connection id is 3

Server version: 5.5.57 MySQL Community Server (GPL)

Oracle is a registered trademark of Oracle Corporation and/or its

affiliates. Other names may be trademarks of their respective

owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> use ci3_tutorial

Reading table information for completion of table and column names

You can turn off this feature to get a quicker startup with -A

mysql> insert into news values(NULL, '最初の記事' , 'first_message', '最初の記事だよ☆')

Query OK, 1 row affected (0.00 sec)

1件登録して見たよ。

http://{EC2のインスタンスのURL}/news へアクセス。

記事が1県表示されたね！！！

次にviewへアクセス
http://{EC2のインスタンスのURL}/news/first_message

表示されたかな？？？

次は [ニュースを登録する機能を作ろうぜ] を(3)って事で続きを記事に書こうと思うよ！！！

< 随時更新中>今日はAngular5を触ってみる。

今日はAunglarJSを触ってみるよ。
最新のバージョンは5らしい
私の知ってるAunlerさんは1だったような2だったような気がするので、すくすくと育ったんだろうね。

javascriptを勉強したての頃、prototype.jsが流行ってて、jQueryはまだなかった。
bootstrapもまだなかったんだ。
ちょっとだけは書けてたはずなんだけど
prototype.jsをやってみようと思ってやり始めたんだけど
やりたいことに対してちゃんと手が届いている、コントロールできている感じがしなくて
結局javascriptの基礎から勉強し直したのを覚えている。
まだ全くjavascriptを書いたことがない、ちょっとライブラリを使ってWebページを快適にしたりしたりはしてたよってところからのjavascriptフレームワークへのジャンプはちょっと早くて、多分間に何か必要なんだけども今の私だとそれが何かは思い浮かばない。モヤモヤしちゃってる。

ま、とりあえずチュートリアル行っとこうかな。

Angularさんの公式サイト
https://angular.io/

quick Start
javascriptの良いところはブラウザがあればコードを楽しめたところだったと思うんだけど、nodeのinstallからスタートっぽい。

npm install -g @angular/cli

1	npm install -g @angular/cli

npmも動かないと思ってたけど、そこは動いた。
ってことはnodeインストールしてあったのかと驚くぐらいには触ってなかったnode
そらまぁそうだよねっていうエラーが表示された。

このMac miniって、brewで入れてたっけかな？

$ brew --version
Error: You have not agreed to the Xcode license. Please resolve this by running:
  sudo xcodebuild -license

$ brew --version

Error: You have not agreed to the Xcode license. Please resolve this by running:

sudo xcodebuild -license

….. ああ、はいはい、そうだね。
途中バージョンアップしたりOSもアップブレードしたわけで、いつものそれやらないと仕事しませんってやつですね。
ターミナルでこれやるのすごくめんどくさいのでXCodeを立ち上げて対応。

今最新のhomebrewっていくつなんだろう？
普段はMBPで作業するのでMac miniの環境は古くなりがちだ…
そろそろMac miniも新しいのに変えたいなぁ。
Late 2012 だもん。
もう十分仕事してくれたと思うんだよね。

$ brew --version
Homebrew 1.0.6-14-g881fdcd25e
Homebrew/homebrew-core (git revision fea7d; last commit 2016-10-04)

$ brew --version

Homebrew 1.0.6-14-g881fdcd25e

Homebrew/homebrew-core (git revision fea7d; last commit 2016-10-04)

$ brew update

1	$ brew update

ターミナルが固まったか？って思うぐらいに無反応…
しばし休憩 (11:49)
動き出したらするっと終わった(12:05)
長かったなー
upgradeもしとこうか。

$ brew upgrade –all

しばし休憩 (12:07)
Errorで止まる….(12:19)

はいはい、Javaが必要になったのね。入れとく入れとく。
cast installしてあったのはvagrantとvirtualbox
まだまだ使うと思うしね。

$ brew cask install java

1	$ brew cask install java

再度実行
以前はこういうのちゃんと書いてたよなぁ。
すんごい久しぶりに書いてるなぁと思いながら作業作業。
なかなかAngular5にたどり着かないなぁ…(トオイメ)

$ brew upgrade –all

ちょっと捨てたくなってきた。

nodeだけでいいね

brew upgrade node

1	brew upgrade node

終わった。

そして最後にclean up

$ brew cleanup

1	$ brew cleanup

==> This operation has freed approximately 983.1MB of disk space.

1	==> This operation has freed approximately 983.1MB of disk space.

お掃除大事だね！

んじゃ気を取り直して

npm install -g @angular/cli

1	npm install -g @angular/cli

...(前略)
+ @angular/cli@1.6.0
added 125 packages, removed 1174 packages, updated 2 packages and moved 766 packages in 40.776s

...(前略)

+ @angular/cli@1.6.0

added 125 packages, removed 1174 packages, updated 2 packages and moved 766 packages in 40.776s

入ったねー

んじゃ新しいプロジェクトの作成

ng new my-app

1	ng new my-app

もりもりcreateとInstallが実行されてる。
ターミナル眺めてるの楽しいなぁ。

(12:46)

もりもりcreateとInstallが実行されてる。

ターミナル眺めてるの楽しいなぁ。

(12:46)

added 1149 packages in 101.63s
Installed packages for tooling via npm.
Successfully initialized git.
Project 'my-app' successfully created.

added 1149 packages in 101.63s

Installed packages for tooling via npm.

Successfully initialized git.

Project 'my-app' successfully created.

added 1149 packages ってすごいなぁ。
物量凄まじい。
人間が手作業とかちょっと無理よな。 1149 packages

cd my-app
ng serve --open

1 2	cd my-app ng serve --open

自動でsafariで http://localhost:4200 にアクセスして画面が表示されました。

(12:52)

src/app/app.component.ts を編集

import { Component } from '@angular/core';
  
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'My Fist Angular App';
}

import { Component } from '@angular/core';

@Component({

selector: 'app-root',

templateUrl: './app.component.html',

styleUrls: ['./app.component.css']

})

export class AppComponent {

title = 'My Fist Angular App';

}

title = ‘My Fist Angular App’; に変更。
safariの画面が自動でreloadされた。
もうここまでの環境構築は意識する必要がないのな。

src/app/app.component.css の変更。
変更というか、追記というか。
これも自動的にブラウザがリロードされて反映されたことを確認した。
エディタの配置とブラウザの配置にちょっと悩みそうだ。
h1 {
color: #369;
font-family: Arial, Helvetica, sans-serif;
font-size: 250%;
}

What’s next?
Tour of Heroes Tutorial やっとけって書いてあるのでやっとこう。
その前にその次に書かれてる情報は全部読んどくかな。

github上にあるソースコードとwiki
https://github.com/angular/angular-cli
https://github.com/angular/angular-cli/wiki
wikiのコマンド表わかりやすいね。

srcフォルダーの説明
rootフォルダーの説明
すごい丁寧に書かれてるのな。

(13:03)
次はチュートリアル
https://angular.io/tutorial

liveとサンプルのDownloadがあるね。
liveの方を先に見てみよう。
結果がわからないのに手を動かすのは楽しくないからね。

DashBoadとHeroesのボタンで表示が切り替わる。

なるほど、左側のはfile viewerなのね
実際のコードが見えちゃう。
便利だねー

データが入ってるところを確認
constで設定されているheroesは、実際のアプリを組むときにはサーバーからjsonで降らせることになるね。
mock-heros.tsの中身がほぼ同等なんだけど、これはテストで使うんだろうか？

app-routing.module.tsを見てみる。
なるほど。理解。

最初のレイアウト的なそれは
app/app.component.html
なるほどなぁ….
以前に作ったものに組み込んだAngular1で組んだものを思い出し、アップグレードじゃなくて他のjavascript FWに入れ替えをせねばいかんかったのだなと、妄想しつつチュートリアルに戻る

(13:17)

What you’ll build

Dashboardを作りましょ。
ちゃんと画面遷移が書かれているの好感度up。
その次にそれを動画で見せてくれるの好感度up.
Anuglarの中の人だいすきー！

次のページ
The Application Shell

npm install -g @angular/cli

1	npm install -g @angular/cli

これから始まるのは、これは絶対入れとけってことなのね。
なるほど、順番に読まない人の方が多いだろうしね。

続きから書こうかと思ってたけど、解説の通りにすすめて行くよ

ng new angular-tour-of-heroes

1	ng new angular-tour-of-heroes

angular-tour-of-heroes/src/app/app.component.ts
を編集
titleの変更からだね。

title = 'Tour of Heroes';

1	title = 'Tour of Heroes';

変更した。

app.component.htmlを変更

<h1>{{title}}</h1>

1	<h1>{{title}}</h1>

weicome toを消した。
.tsがコントローラーで、htmlがテンプレートっぽいよね（PHP脳）

Add application styles
src/styles.cssの変更
共通のcssファイルと、個別のcssファイルが分かれてる感じなのね。
ちゃんとデザインの設計をしておくと良さそうねぇ。

変更した内容が反映された。

(13:33)

Final code review
ああ、元のコードを直すのではなくて、 src/app/app.component.html はタイトルだけの状態になるのが正しいのね。
修正。
タイトルだけになった。

しかし、このチュートリアルすごく親切だなぁ。

(13:36)

さてとちょっとだけ休憩。

(17:53)

再開。

The Hero Editor

ng generate component heroes

1	ng generate component heroes

app/heroes/heroes.component.ts
が生成されたことを確認

import { Component, OnInit } from '@angular/core';
  
@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})
export class HeroesComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

import { Component, OnInit } from '@angular/core';

@Component({

selector: 'app-heroes',

templateUrl: './heroes.component.html',

styleUrls: ['./heroes.component.css']

})

export class HeroesComponent implements OnInit {

constructor() { }

ngOnInit() {

}

heroes コンポーネントができました。

Add a hero property

src/app/heroes/heroes.component.tsを編集

hero = 'Windstorm';

1	hero = 'Windstorm';

src/app/heroes/heroes.component.htmlを編集

{{hero}}

できればルートからのパスで書いててほしいなぁ。
ちょっと紛らわしい。

src/app/app.component.html を編集

<h1>{{title}}</h1>
<app -heroes></app>

1 2	<h1>{{title}}</h1> <app -heroes></app>

heroes コンポーネントが表示されるところを指定したって感じだねぇ。

Show the hero object

中断
(18:21)

< 随時更新中>

CodeIgniter3のチュートリアルをちょっと見てみようかの巻(1)

こんにちわ! NEKOGETです。
この記事はCodeIgniterアドベントカレンダーのために書きました！ 8日目です！
https://qiita.com/advent-calendar/2017/code_igniter

7日目の記事はこれ。
Codeigniter3を学ぶための環境をAWS Cloud9で作るの巻 (ansible編）

さて、みんなはCodeIgniter3のチュートリアルは見たことあるかな？
1,2はやったことある。でも3は2と変わらないからやってないわーって人も多いんじゃないかな？
CodeIgniter3のチュートリアルをやりながら、CodeIgniterのコードの話ができるといいかなって思ったんだ。

今気がついたんだけど、私のやつまだ翻訳終わってなかった….
私ダメじゃん!!!!

とりあえず本家（英語）を見ていこうか☆
チュートリアルの内容

静的ページを作ろうぜ
ニュースを見る機能を作ろうぜ
ニュースを登録する機能を作ろうぜ

の3本だてだよ！

静的ページを作ろうぜ

https://www.codeigniter.com/user_guide/tutorial/static_pages.html
まぁ、あれだよね。
特に更新はしないんだけど、置いておきたいページあるよね。
ヘッダーとかさ、フッターとかちょっとだけ動的に値をおきたいんだけどメインコンテンツは変更ないし、でも都度都度コードを書き足すのは大変だよねー
こんな書き方があるよっていうご紹介。
チュートリアル的にはデータベースにばーんってつないで、そこから情報をばーんってとってきて、ほら！一連画面が出てきたよ！！！
みたいな方がいいんだろうけど、そうじゃなく静的ページを見せる時にはこんな風に始めるといいよって言っちゃうCodeignier3かわいいよね☆

< ?php
class Pages extends CI_Controller {

        public function view($page = 'home')
        {
if ( ! file_exists(APPPATH.'views/pages/'.$page.'.php'))
        {
                // Whoops, we don't have a page for that!
                show_404();
        }

        $data['title'] = ucfirst($page); // Capitalize the first letter

        $this->load->view('templates/header', $data);
        $this->load->view('pages/'.$page, $data);
        $this->load->view('templates/footer', $data);
        }
}

< ?php

class Pages extends CI_Controller {

public function view($page = 'home')

{

if ( ! file_exists(APPPATH.'views/pages/'.$page.'.php'))

{

// Whoops, we don't have a page for that!

show_404();

}

$data['title'] = ucfirst($page); // Capitalize the first letter

$this->load->view('templates/header', $data);

$this->load->view('pages/'.$page, $data);

$this->load->view('templates/footer', $data);

}

チュートリアルにあるコードはこんな感じね。
これだとURLは

http://{CodeIgniterを設置したとこまでのURL}/page/view/{見せたい記事のファイル名}

私が書くとしたら、headerとfooterはもうパーツにしちゃってレイアウトファイルを共通のに作っちゃった上で書くから、こんな感じにしちゃうのが好き。

$this->data['title'] = ucfirst($page); // Capitalize the first letter
$this->load->view('layout', $this->data);

1 2	$this->data['title'] = ucfirst($page); // Capitalize the first letter $this->load->view('layout', $this->data);

表示したいページをviewの中にどんどん作っていって
view/pages/{ファイル名}.php
ファイル名にHITするものは表示しちゃいましょ。

次に書かれてるのがrouterの設定だね。
application/config/routes.php

$route['default_controller'] = 'pages/view';
$route['(:any)'] = 'pages/view/$1';

1 2	$route['default_controller'] = 'pages/view'; $route['(:any)'] = 'pages/view/$1';

そうすると、
http://{CodeIgniterを設置したとこまでのURL}/page/view/{見せたい記事のファイル名}
これが
http://{CodeIgniterを設置したとこまでのURL}/{見せたい記事のファイル名}
になるわけですねー

さて、ここで気になると思うんだけど、

$route[‘(:any)’] = ‘pages/view/$1’;

のルールがあって
http://{設置してるURL}/Welcome
にアクセスされたとしますね。

Pages Classのそれと、Welcome Classのどちらが優先されるんだろう？

config/router.php

$route['default_controller'] = 'welcome';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

$route['default_controller'] = 'welcome';

$route['404_override'] = '';

$route['translate_uri_dashes'] = FALSE;

これをこんな風に書きかえたよ。

$route['default_controller'] = 'pages/view';
$route['(:any)'] = 'pages/view/$1';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

$route['default_controller'] = 'pages/view';

$route['(:any)'] = 'pages/view/$1';

$route['404_override'] = '';

$route['translate_uri_dashes'] = FALSE;

実際試した結果
application/view/welcome.php
の生身が、表示されます。

ではない場合はどうなるんだろう？
Pages classの処理が実行されて、まぁ当たり前なんだけど404です。

ちょっとこれだと苦しいねー苦しいねー
実用的ではないと思うんだー

$route['default_controller'] = 'Welcome';
$route['document/(:any)'] = 'pages/view/$1';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

$route['default_controller'] = 'Welcome';

$route['document/(:any)'] = 'pages/view/$1';

$route['404_override'] = '';

$route['translate_uri_dashes'] = FALSE;

http://{設置してるURL}/document/Welcome
こっちの方が使いやすいと思うけど、チュートリアルはこういうものだよーって伝える役割のものなのでこれでいいのかもしれないね。

さて、Router Classはどんなことしてるのか実際のファイルを見てみようか！
これは、3.1-stableブランチのコードね！
https://github.com/bcit-ci/CodeIgniter/blob/3.1-stable/system/core/Router.php
Router Classは大きな仕事をしてるから、coreフォルダの中にいるんだよ。

で、これがどこで呼ばれて仕事してるかというと、CodeIgniterのcoreの中のCodeIgniter.phpの中でお仕事してます。
https://github.com/bcit-ci/CodeIgniter/blob/3.1-stable/system/core/CodeIgniter.php#L311

次は、「ニュースを見る機能を作ろうぜ」を見てみようね！

ちなみにCodeIgniter4では随分とモダンに高機能になってるよ！
http://pneskin2.nekoget.com/codeigniter/4/user_guide/general/routing.html?highlight=router

次のアドベントカレンダーの記事は ayatoさんの Dockerで作るCodeIgniterローカル開発環境だよ！
お楽しみに☆

Codeigniter3を学ぶための環境をAWS Cloud9で作るの巻 (ansible編）

こんにちわ! NEKOGETです。
この記事はCodeIgniterアドベントカレンダーのために書きました！ 7日目です！
https://qiita.com/advent-calendar/2017/code_igniter

前回の続きと言うか、ちゃんと環境をサクッと作れないとダメだったなって反省しました。作るものが増えるたびに手で毎回インストールして設定するとかないし！ないし！
そして session どう考えても Amazon ElastiCache 使うよね？

でも料金思うとお試しだったり勉強環境に課金するのはちょっと考えちゃうよね？

ってことでansibleを書いたよ。
https://github.com/NEKOGET/ci3_aws_c9_ansible

$ git clone git@github.com:NEKOGET/ci3_aws_c9_ansible.git
$ cd  ci3_aws_c9_ansible/
$ sh ansible.sh

$ git clone git@github.com:NEKOGET/ci3_aws_c9_ansible.git

$ cd ci3_aws_c9_ansible/

$ sh ansible.sh

これでPHP7.1環境ができたよ。

$ php --version
PHP 7.1.11 (cli) (built: Dec  5 2017 19:36:48) ( NTS )
Copyright (c) 1997-2017 The PHP Group
Zend Engine v3.1.0, Copyright (c) 1998-2017 Zend Technologies

$ php --version

PHP 7.1.11 (cli) (built: Dec 5 2017 19:36:48) ( NTS )

$ redis-server --version
Redis server v=3.2.11 sha=00000000:0 malloc=jemalloc-3.6.0 bits=64 build=6ad59081ae574f13

1 2	$ redis-server --version Redis server v=3.2.11 sha=00000000:0 malloc=jemalloc-3.6.0 bits=64 build=6ad59081ae574f13

$ redis-cli --version
redis-cli 3.2.11

1 2	$ redis-cli --version redis-cli 3.2.11

開発環境にシンボリックリンクが貼られているはず

$ ll 
total 8
drwxrwxr-x 4 ec2-user ec2-user 4096 Dec  9 05:47 ci3_aws_c9_ansible
lrwxrwxrwx 1 root     root       20 Dec  9 06:31 CodeIgniter -> /var/www/CodeIgniter
-rw-r--r-- 1 ec2-user ec2-user  570 Dec  7 00:22 README.md

$ ll

total 8

drwxrwxr-x 4 ec2-user ec2-user 4096 Dec 9 05:47 ci3_aws_c9_ansible

lrwxrwxrwx 1 root root 20 Dec 9 06:31 CodeIgniter -> /var/www/CodeIgniter

-rw-r--r-- 1 ec2-user ec2-user 570 Dec 7 00:22 README.md

こんな風になっているはずだよ。

webコンソールから、自分が触ってるインスタンスのインパウンドに80ポートを追加すればブラウザ越しにみることができるよ。
EC2サービスからセキュリティグループ名のテキストリンクをクリック、下部にあるタブの「インパウンド」を開いて編集ボタンを押してね。全体へ公開もできればIPを絞ることもできるのでそこは好みで。
このスクリーンショットの絵は全公開にした場合のものだよ。

これでいつでもCloud9でCodeIgniterを試せる環境になった！！！
やったー！

Welcomeページがちゃんと表示されたよ

次のアドベントカレンダーの記事はこれ！
CodeIgniter3のチュートリアルをちょっと見てみようかの巻(1) だよ☆ 楽しんでね☆

CodeIgniter3でコードを書き始めるの巻

こんにちわ! NEKOGETです。
この記事はCodeIgniterアドベントカレンダーのために書きました！ 6日目です！
https://qiita.com/advent-calendar/2017/code_igniter

5日目の記事は rhapさんによる【CodeIgniter】ビューの同じ記述をまとめる（CakePHPっぽいエレメントの実装）だよ☆

CodeIgniter3でコードを書き始める時ってどうしてる？
composer でプロジェクト作っちゃう？
それともzipファイルDLしてからのスタートかな？
今日はcomposerでプロジェクト作っちゃうの話をしよっかな？

composerって言うのは、もともとsymfonyの文化の中から生まれたものでね、

https://packagist.org/

が公式サイトなんだ。 composer installってコマンドだけ習って、サイトを見たことがない人も結構いるんじゃないかな？自分でcomposer.jsonを書くようになってから見たよって人も多いと思うんだ。

PHP関連だとやはり象さんのアイコン多いよね。かわいいなー
ここに登録されてるプロジェクトを作るためのそれらをちょっと見てみようね。

CodeIgniter本家のパッケージ
https://packagist.org/packages/codeigniter/framework

kenjisさん作 codeigniter-composer-installer
https://packagist.org/packages/kenjis/codeigniter-composer-installer
このパッケージは、紹介しているブログやサイトがたくさんあるね。
私もすごくお世話になってます。kenjiさんありがとう！！！
紹介してるサイトがあるから、紹介しておこうと思うよ。

最初の2件は2015年の記事なんだけども、現在も有用な情報だよ！改めて追加することは何もない。
最後の「ComposerでCodeigniterをインストールする方法」はMAMP環境でのcomposer installの話を書いてくれてる。まだまだMAMPで開発してる人も多いんだけど、案外情報ないんだよね。こうして発信してくれる人がたくさんいるのありがたいなーって思う。すごいよねー。

CodeIgniter３が動く環境を用意してみようかー

今回はAWS Cloud9を使ってみるよ。
残念ながらTokyoリージョンにはきてないんだ。
AWSに買収される前にすごく気に入って使っていたサービスなので使ってみたい。そんなこんなで、Cloud9環境でcomposerでプロジェクトを作って、スタートページが見えるところまでやってみるよ！

AWSアカウントの作り方
…は割愛していいかな？
AWS アカウント作成の流れ　が公式で公開されているね☆

自主トレ環境として大好きだったcloud9がAWSになって、探してみたら公式ブログも上がってた
https://aws.amazon.com/jp/blogs/news/aws-cloud9-cloud-developer-environments/
11/30だから、公開されたほやほやの記事だね。

AWSにログインしてから、cloud9のサービスホームに移動してみようか！
https://console.aws.amazon.com/cloud9/home?region=ap-northeast-1

残念ながら、東京リージョンでは利用できないみたいだ。
シンガポールで使ってみるよ！

[ create environment ] ボタンをクリック
環境を作る画面になるよ！

名前を決めて、概要を入力して次へ！

新しいインスタンスを作るよ！を選択
t2.microを選択お試しに良いって書いてあるしね！Free-tierだしね！
Free-tier eligible. Ideal for educational users and exploration.

Cost-saving settingの設定は、30分。
まぁFree-tierなインスタンスを使うので気にしなくていい気もするけども。
3０分したら停止する設定です。

NEXT STEPをクリック　確認画面が出ますね。

cloud9は自動保存はしないんだぞ！っていう注意書きが出ます。
ここら辺はあれだよね、githubにpushして保存したいところだよね。
lean moreのリンクをクリックすると、参考になる情報があるんでみるといいと思う。今日のところはスキップしちゃうね

環境が作られ始めたよ！
大好きなcloud9のロゴが真ん中にどーん！
数分かかるよ☆

環境が立ち上がると、cloud9おなじみの画面が表示されるよ。

cloud9のエディタは下の部分がターミナルになってるの。便利だね！
以前のcloud9はubuntuベースだったけど、AWSのcloud9はどうかな？ redhat系かな？
調べてみるよ？

amazon linuxになったみたいよ！

phpは最初から入ってるみたいだけどcomposerは入ってなかったね。ちょっといれとこうか

$ curl -sS https://getcomposer.org/installer | php
$ sudo mv composer.phar /usr/bin/composer
$ composer --version

$ curl -sS https://getcomposer.org/installer | php

$ sudo mv composer.phar /usr/bin/composer

$ composer --version

composerの準備完了です。

Composerでプロジェクトを作ろう！

$ composer create-project kenjis/codeigniter-composer-installer script

1	$ composer create-project kenjis/codeigniter-composer-installer script

するっとinstallできました。

動くようにパスを通してみるよ

ちゃんとちゃんと環境を作るのであればhttp.confを書き換えたりするといいと思うんだけど、元の設定にあわせてシンボリックリンクを貼って対応してみるよ！

$ sudo rm -irf /var/www/html
$ sudo mv script /var/www/
$ sudo ln -s /var/www/script/public /var/www/html
$ ln -s /var/www/script /home/ec2-user/environment/

$ sudo rm -irf /var/www/html

$ sudo mv script /var/www/

$ sudo ln -s /var/www/script/public /var/www/html

$ ln -s /var/www/script /home/ec2-user/environment/

apacheの起動

$ sudo service httpd start

1	$ sudo service httpd start

インパウンドの解放とEC2インスタンスのURLの確認
(この部分は旧Cloud9では必要のなかった操作だね….)
cloud9が使ってるっぽいEC2のインスタンスを選択。パブリック DNS (IPv4)をメモとこう！
http://{パブリック DNS (IPv4)}/

セキュリティグループがテキストリンクで表示されてるのでクリック。
インパウンドにhttp80ポートを追加します。

メモしておいた http://{パブリック DNS (IPv4)}/ にアクセス
スタートページが見えました。

ここまでのまとめと反省点

現在 8:55 がっつりと AWS cloud9 部分を書き換えました。
以前のCloud9の場合は、Runを実行するとサーバが起動しURLが画面上に表示されるのでhttpの起動以降はボタン一つでできたのですがAWS Cloud9では無理でした。Previewの初期値に設定されているURLがhttpsになっていることとURLにアクセスできない状況をみるに、まだその部分は開発中なのではないかと思います。
DockerかVagrantでやるべきだったかなと反省しつつ、まぁでも11/30にリリースされたばかりのこれも触りたかったので仕方ないなあと思いました….
この環境下で以降の記事も書いてみようと思います。

追記: mysqlも入ってました

$ mysql --version                                                                        
mysql  Ver 14.14 Distrib 5.5.57, for Linux (x86_64) using readline 5.1

1 2	$ mysql --version mysql Ver 14.14 Distrib 5.5.57, for Linux (x86_64) using readline 5.1

6日目でした☆

CodeIgniterの歴史

こんにちわ! NEKOGETです。
この記事はCodeIgniterアドベントカレンダーのために書きました！
https://qiita.com/advent-calendar/2017/code_igniter

この記事の前の記事は
CodeIgniterのどんな話をしようかな？の巻です
このままだと毎日NEKOGET !!!!
25日までガラガラなんで、誰か記事頼むよ。本当お願い。

さて、歴史の話！
今、CodeIgniterはバージョン３！！！
ってことは1の時代も2の時代もあるんですね！
そして４への未来へと続く☆

みたいな話をすっごい主観的に書くよ！
ほぼNEKOGETとCodeIgniterとの仲良し記録になる予定なので軽い気持ちで読んでね☆

CodeIgniter1の時代

CodeIgniter誕生
この時代のことをNEKOGETは知りません。
出会ったのは彼が1.5か1.6の頃だからね
ユーザーガイドに書かれている誕生の時

Version Beta 1.0 Release Date: February 28, 2006

1.0はベータ版だったんだね。

Version 1.2 Release Date: March 21, 2006
ベータじゃ無くなったのは1.2 正式リリースって意味では2006年３月21日がお誕生日
おめでとう！ CodeIgniter!!!
PHPのバージョンは幾つの頃だったんだろう？

http://pastport.jp/user/yandod/timeline/php-history
PHP年表によると2006年春はPHP5.1.xが最新だったみたい。namespaceもまだだし、配列もarray()の時代だね。

Version 1.5.1 Release Date: November 23, 2006

私と出会ったCodeigniterさんは1.5だったと思うんだよね。1.5.x ← ここの数字は覚えてなんだけども。
当時の私はまだDreamWeaverでPHPを書いていてね、スニペットを自分のために、登録して使えるようにしてた記憶があるよ。
まだCodeIgniter徹底入門は出てなかったと思う。
今Amazonを見て見たら出版社: 翔泳社 (2008/6/10) って書いてあった。
知り合ってから10年以上になるんだなぁと思うと感慨深いね。
当時Codeigniterを開発していたElis.LabのホームページのHTMLがそれは美しくてね….
当時まだbootstrapもない時代で、xhtmlのmarkupがどうあるべきかみたいな話題が溢れてた時代。
htmlの構造もmarkupもclassのつけ方もそれは美しくてね、感動したのを覚えてるよ。
見た目は良くてもぐっちゃぐちゃなhtmlを吐き出さない会社の作ったPHPのフレームワークなら使って見たいと思ったんだ。
使えるようになりたいともね。(あの頃の美しかったhtmlは、もう今となっては思い出の中にしかないんだけども）

当時のCodeigniterは結構まだバグもあったのだけども当時から、application層でclassが上書きできる仕組みにはすでになっていて自分で直したものをそこで試せたし、本家に報告をして直してもらうまでの間application層で対応したものを設置して実装できたんで本体に手を入れてみたいなことをせずに修正できたんだよね。これは3になってもその仕組みは残っていてすごく便利だったんだ。
Model周りとか他のフレームワークのライブラリを使う方法とかそういう情報が結構出てたように思うよ。

CodeIgniter2の時代

すごく長かったように思うなぁ2の時代
1から2へのバージョンアップは、form_valodation classの名前が変わったのだけがちょっとめんどくさかったけどあとはそれほど難しくなかったように記憶してるよ。

https://www.codeigniter.com/user_guide/installation/upgrade_200.html?highlight=upgrade

これは、1.7から2.0へのアップグレード方法が書かれているユーザガイドのURL
完全に忘れてたんだけど、そうそう、pluginのディレクトリが無くなったのよね。

CodeIgniter2から3の時代(ライセンス問題勃発)

CodeIgniterといえばライセンス問題と言われた（？）ほどに不遇の時代。
CodeIgniterライセンスから

CodeIgniter3のライセンス問題に対する意見書公開

というのを、弁護士の先生にお願いをして、公開したのはすごく懐かしい思い出。決して安くななかったけど個人でこれをやれたのは勢いがあったんだなぁ私ってつくづく思うよ。
結局バージョン3になり、開発がElis.Labからブリティッシュコロンビア工科大学になりあれほどもめたライセンス問題はさらっとMITライセンスになったのでした。
本当にあの騒動はなんだったんだろうね。もうとっくに3を出してもよかったんじゃないのって時期から1年も待たされたんだよね。でも結果すごく良い状態の3に出会えたのはよかったことなのかなとも思うのよね。

元々CodeIgniterは元々ExpressionEngine CMSっていうCMSを開発するためにあったのね。で、もっと小さな規模での企業サイトを作る用のCMSがCodeIgniterで作られていてElis.Labで売られてたのね。
それらを買ってみたりしてコードを読んで勉強したのはすごく良い思い出。
seezoo っていうcmsもあった。これもまたすごく素晴らしかったんだ。

CodeIgniter3の時代

3は現行最新バージョンだね。

Version 3.0.0 Release Date: March 30, 2015
Version 3.1.6 Release Date: Sep 25, 2017

3がリリースされたのが2015年
最新版が出てるのが今年の9月
まだ本家だと2のユーザーガイドも見れる状態だけども、そろそろみんな3にバージョンアップしてほしいな。
したよね？
魔改造しちゃったCodeIgniterもうまいことApplication層へ改変コードを移動して3へのバージョンアップに挑戦してほしい。
CodeIgniter3はPHP7.2のテストも実行されてるし、passされてるよ。怖くないよ！！！

3の続き話は後でにしようか。ちょっと長くなりそうだしね。

そして未来のCodeIgniter4

これも、4の話はボリュームかなり大きいから後から改めて話をしようと思うよ。

そんなこんなで3日目の記事を書きました。

次の記事は@rhapさんの【CodeIgniter】プロファイラを外部ファイル出力できるようにするです！
お楽しみに☆

追記:
いやぁ、すんごい嬉しい！！！！もっともっとCodeIgniterの話をしてくれる人がいっぱい現れるといいのに！いいのに！！！
書きたくなっちゃったなーって方は是非、 CodeIgniterアドベントカレンダーに登録してくれると嬉しいなぁ。めちゃくちゃ嬉しいなぁ☆
https://qiita.com/advent-calendar/2017/code_igniter

CodeIgniterのどんな話をしようかな？の巻

こんにちわ！ NEKOGETです。
今朝も美味しいトマトジュースを飲んでから、この記事を書いてます。
さて、この記事ですが、実はアドベントカレンダーの記事の1つです。
前の記事は、

なぜこのアドベントカレンダーのURLがcode_igniterなのか

でした。

アドベントカレンダーのURLはこれ！
-> https://qiita.com/advent-calendar/2017/code_igniter

さて、なんの話をしようかざっと書き出してみるよ

CodeIgniterのバージョンのお話
現行バージョン3はPHP7.2のテストが通ってるようだよ！
Composerを使って外部ライブラリを利用する時に書きたいドライバー
認証機能どうする？何か良いライブラリある？
modelをどう書く？テーブルに1対1じゃーなくてもいいんだよ？
ドキュメント翻訳の話
初めて学ぶ時には、なにからやればいいんだろう？
バージョン3でunitTestを書くには
HMVCエクステンションの今と昔
CodeIgniterは素直に書こう。何重にも継承したりするのは何か間違ってるよ？
AWS CILとCodeIgniterのModelの話 (バージョン4)
日本語の情報は今はどこで知ればいいんだろう？

うーん 12個。
全然足りないよ？どうしようね？
話したい話、話せる話よりも、誰かが聞きたいって言ってくれる話がいいのかも知れないけども勉強会で話す内容ももうすっかりネタ切れでもあるし苦しいね。苦しいね。

CodeIgniterの歴史(1から4)
英語で見るCodeIgniterの最新情報の追いかけ方
CodeIgniterのなかのCodeIgniter.phpのお話

15個

いやいや、英語じゃなくて日本語で最新情報追いかけたいわ…..
でもまぁ本家が英語だし、英語だよなぁ。
もっとちゃんとNEKOGETが発信しとけって話よね。来年….. 来年から頑張るよ！

CodeIgniter4の話しちゃう？
でもリリース2020年とか言ってるし、どうしよう？？？

CodeIgniter4の状況
CodeIgniter4で増える（はず）のモダンな気がする何か
現状開発中のCodeIgniter4に3から移行することを考えて見る

18個
23個には全然足りないけど、とりあえずネタ出し。
書けるかな…..
書ける気が全然しないんだけども、まずは言い出して見ることも大事だよねってことでまずは公開して後悔してみる事にします！
全然違う事書くかも知れないしね。なんてったってNEKOGETだしね！

CodeIgniterは使っててすごく楽しいPHPのフレームワークです。
何も特に考えなくてもサクサク書けるからね。
それはメリットもあるしデメリットもあるよ。
ファイルはすごく多くなる。同じことまた書くの？なんてこともあるんだけど、安易に共通処理にまとめるよりはずっとシンプルでわかりやすいコードの姿を保つことができる。
でもまぁそこは考え方次第なんだと思うんだよね。
そんな主観な感じでかけたらいいなと思う、2日目の記事です。

今回は3本目 ニュースを登録する機能を作ろうぜ を見ていくよ！！！

ルーティングの設定

新規登録フォーム用のViewファイルを作る

新規登録する機能をNews_model Classに追加する

Migrationについて

設定

migrationファイルの作成

Migrate Controller Classの作成

Migrate Controllerにロールバックを追加してみる

やっぱりSQLで書きたいやん？

環境の準備 : database

config.phpの変更

ルーティングの設定

Modelの作成

Controllerの作成

Viewの作成

静的ページを作ろうぜ

CodeIgniter３が動く環境を用意してみようかー

Composerでプロジェクトを作ろう！

動くようにパスを通してみるよ

ここまでのまとめと反省点

CodeIgniter1の時代

CodeIgniter2の時代

CodeIgniter2から3の時代(ライセンス問題勃発)

CodeIgniter3の時代

そして未来のCodeIgniter4

今回は3本目ニュースを登録する機能を作ろうぜを見ていくよ！！！