オキシぺタルム...2019/03/04 · 使っている花 オキシ ぺタルム(ピュアブルー、 マーブルホワイト) 使っている花 オキシ ぺタルム(ピュアブルー、
ぺちぱな。 はじまり
-
Upload
ryo-tajima -
Category
Documents
-
view
12.794 -
download
1
description
Transcript of ぺちぱな。 はじまり
![Page 1: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/1.jpg)
開始前に...
• githubに今日のソースコードを挙げてます。
• https://github.com/eccyun/phper-na_1st_eccyun
• 照らし合わせながら見て頂けると、より分かりやすいかもしれません。
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 2: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/2.jpg)
FuelPHPで増えました....ボクが....@eccyun
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 3: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/3.jpg)
2012/10/13 ぺちぱな。
突然ですが!
12年10月16日火曜日
![Page 4: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/4.jpg)
2012/10/13 ぺちぱな。
ブログを作りました
http://eccyun.me/blog/
12年10月16日火曜日
![Page 5: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/5.jpg)
• FuelPHPの入門ということで、oilコマンドにスポットをあてて進めていきます。
• ブログ公開までにやったことをなぞりながら、チュートリアルっぽくFuelPHPを紹介します。
• 既にフレームワークを使って開発をされてる方から、これから何かフレームワークを使ってみようかな?という方まで。
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 6: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/6.jpg)
2012/10/13 ぺちぱな。
題して!
12年10月16日火曜日
![Page 7: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/7.jpg)
FuelPHPで増えました....ボクの
2012/10/13 ぺちぱな。
Webアプリケーションが....
12年10月16日火曜日
![Page 8: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/8.jpg)
簡単ですが自己紹介...
• タジマ リョウ @eccyun
• アプリケーションの研究開発職
• こういう場でお話するのははじめてなので、めっちゃ緊張してます...
• AppWorkShop という勉強会をやっています
• http://appworkshop.in/
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 9: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/9.jpg)
FuelPHPについて
• 2011年 7月に正式版がリリース
• コミュニティ駆動開発
• PHP 5.3 以上で動作
• 他のフレームワークの良いところを取り入れ、
規約を最小限に
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 10: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/10.jpg)
インストール
• インストール方法は2種類
• http://fuelphp.com より zipをダウンロード
• Oilコマンドを使ったインストール
• 今回はOilを使ってインストールを行います
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 11: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/11.jpg)
• Oil コマンドのインストール
$ curl get.fuelphp.com/oil | sh
• FuelPHP プロジェクトの作成(要git)
$ oil create blog
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 12: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/12.jpg)
2012/10/13 ぺちぱな。
実際にアクセス
http://localhost/blog/public/
12年10月16日火曜日
![Page 13: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/13.jpg)
2012/10/13 ぺちぱな。
すげぇ!!
12年10月16日火曜日
![Page 14: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/14.jpg)
2012/10/13 ぺちぱな。
FuelPHPでの開発の流れを掴む
12年10月16日火曜日
![Page 15: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/15.jpg)
MVC
• Model View Controller の略
• プログラム設計・実装技法のひとつ• プログラムの見通しが良くなったり、モジュールの取り替えなどが容易に行える
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 16: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/16.jpg)
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 17: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/17.jpg)
controllerとviewを作る
• oilコマンドで公開画面のControllerと関連するViewを作る
• $ oil g controller home index
2012/10/13 ぺちぱな。
controller名 view名
12年10月16日火曜日
![Page 18: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/18.jpg)
実行結果
2012/10/13 ぺちぱな。
controllerとviewが作られる
12年10月16日火曜日
![Page 19: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/19.jpg)
2012/10/13 ぺちぱな。
実際にアクセス
http://localhost/blog/public/index
12年10月16日火曜日
![Page 20: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/20.jpg)
2012/10/13 ぺちぱな。
すげぇ!!
12年10月16日火曜日
![Page 21: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/21.jpg)
• /blog/fuel/app/classes/controller/home.php
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 22: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/22.jpg)
• /blog/fuel/app/views/template.php
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 23: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/23.jpg)
• /blog/fuel/app/views/home/index
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 24: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/24.jpg)
2012/10/13 ぺちぱな。
http://localhost/blog/public/index
template.php
view.php
http://localhost/blog/public/index
12年10月16日火曜日
![Page 25: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/25.jpg)
template.php
• ヘッダ・フッターなどページの共通部分を記述しておく。
• 最低限の編集で全体に適用出来る。
• 明示的な指定も出来ます。$this->template = View::forge('hoge');
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 26: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/26.jpg)
2012/10/13 ぺちぱな。
テンプレートエンジンを変更する
12年10月16日火曜日
![Page 27: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/27.jpg)
テンプレートエンジン
• 表示用のページを生成する仕組み
• SimpleTags, Mustach,Twig,Jade,haml,Smarty,Dwoo
• 保守性という点から見させていただくと個人的には結構重要です...。
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 28: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/28.jpg)
• $ cd /blog/fuel/app/vendor
• $ curl -O http://www.smarty.net/files/Smarty-3.1.12.tar.gz
• $ tar zxvf Smarty-3.1.12.tar.gz
• $ mkdir ./Smarty
• $ mv ./Smarty-3.1.12/libs ./Smarty/libs
2012/10/13 ぺちぱな。
セットアップ
12年10月16日火曜日
![Page 29: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/29.jpg)
• $ cd /blog/fuel/app/config/config.php
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 30: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/30.jpg)
• 拡張子を.phpから.smartyに変更
• views直下のtemplate.phpをtemplate.smartyに
• /homes/index.php を index.smartyに変更
2012/10/13 ぺちぱな。
Viewを編集する
12年10月16日火曜日
![Page 31: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/31.jpg)
• $ /blog/fuel/app/views/template.smarty
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 32: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/32.jpg)
• $ /blog/fuel/app/classes/home.php
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 33: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/33.jpg)
2012/10/13 ぺちぱな。
データベースを設定して、Modelを作成する
12年10月16日火曜日
![Page 34: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/34.jpg)
modelの利用にあたって• 手動でデータベースを作成する
• 開発用と本番用にデータベースの設定ファイルが分けられている
• /blog/fuel/app/config/development/db.php
• ORMパッケージの追加
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 35: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/35.jpg)
• /blog/fuel/app/config/development/db.php
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 36: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/36.jpg)
• $ cd /blog/fuel/app/config/config.php
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 37: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/37.jpg)
Modelを作る
• oilコマンドでmodelを作る
• $ oil g model article title:varchar[50] body:text
• $ oil refine migrate
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 38: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/38.jpg)
2012/10/13 ぺちぱな。
実行結果
テーブルができてる!!
12年10月16日火曜日
![Page 39: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/39.jpg)
2012/10/13 ぺちぱな。
すげぇ!!
12年10月16日火曜日
![Page 40: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/40.jpg)
2012/10/13 ぺちぱな。
controllerとviewにちょっと手を入れる
12年10月16日火曜日
![Page 41: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/41.jpg)
• /blog/fuel/app/classes/controller/home.php
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 42: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/42.jpg)
• /blog/fuel/app/views/home/index.smarty
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 43: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/43.jpg)
データの追加• oil console を使って 記事データを追加する
• $ oil console
• FuelPHPのメソッドをコールすることが可能
• コードを断片的に実行するといった、簡単な確認用途に最適
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 44: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/44.jpg)
2012/10/13 ぺちぱな。
せっかくなので、実際にやってみます
12年10月16日火曜日
![Page 45: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/45.jpg)
最後に....
• oil コマンドって素晴らしい!
• Fuelでアプリケーションが増える
• もしまたお話しする機会がございましたら、その時はもう少し踏み込んだ内容を紹介していきたいと思います...。
2012/10/13 ぺちぱな。12年10月16日火曜日
![Page 46: ぺちぱな。 はじまり](https://reader033.fdocuments.net/reader033/viewer/2022052310/55625357d8b42aa02d8b51ac/html5/thumbnails/46.jpg)
2012/10/13 ぺちぱな。
ご静聴ありがとうございました
12年10月16日火曜日