初めてのアプリケーション構築

概要

このチュートリアルは、CodeIgniter4フレームワークとMVCアーキテクチャの基本原則を紹介することを目的としています。基本的なCodeIgniterアプリケーションがステップバイステップでどのように構築されるかを示します。

PHPに精通していない場合は、続行する前にW3Schools PHPチュートリアルを確認することをお勧めします。

このチュートリアルでは、基本的なニュースアプリケーションを作成します。最初に静的ページをロードできるコードを作成します。次に、データベースからニュース項目を読み取るニュースセクションを作成します。最後に、データベースにニュース項目を作成するためのフォームを追加します。

このチュートリアルでは、主に以下に焦点を当てます。

  • Model-View-Controllerの基礎

  • ルーティングの基礎

  • フォームのバリデーション

  • CodeIgniterのModelを使用した基本的なデータベースクエリの実行

チュートリアル全体は複数のページに分割されており、それぞれがCodeIgniterフレームワークの機能の小さな部分を説明しています。次のページに進みます。

  • 紹介（このページ）では、期待できる内容の概要を説明し、デフォルトのアプリケーションをダウンロードして実行します。

  • 静的ページでは、コントローラ、ビュー、ルーティングの基礎を学びます。

  • ニュースセクションでは、モデルの使用を開始し、基本的なデータベース操作を行います。

  • ニュース項目の作成では、より高度なデータベース操作とフォームのバリデーションを紹介します。

  • 結論では、さらなる読書やその他のリソースに関するいくつかのポインタを提供します。

CodeIgniterフレームワークの探索をお楽しみください。

起動と実行

CodeIgniterのインストール

サイトから手動でリリースをダウンロードできますが、このチュートリアルでは推奨される方法を使用して、Composerを介してAppStarterパッケージをインストールします。コマンドラインから次のように入力します。

composer create-project codeigniter4/appstarter ci-news

これにより、アプリケーションコードを含む新しいフォルダ ci-news が作成され、CodeIgniterがvendorフォルダにインストールされます。

開発モードの設定

デフォルトでは、CodeIgniterは本番モードで起動します。これは、サイトが稼働したときに設定が混乱した場合に、サイトを少し安全に保つための安全機能です。最初にそれを修正しましょう。env ファイルをコピーまたは名前を .env に変更します。それを開きます。

このファイルには、サーバー固有の設定が含まれています。つまり、機密情報をバージョン管理システムにコミットする必要はありません。最も一般的な入力したいものがいくつか含まれていますが、すべてコメントアウトされています。したがって、CI_ENVIRONMENT を含む行のコメントを解除し、production を development に変更します。

CI_ENVIRONMENT = development

開発サーバーの実行

それが済んだら、ブラウザでアプリケーションを表示します。Apache、nginxなどの任意のサーバーを介してサービスを提供できますが、CodeIgniterには、開発マシンですばやく起動および実行するためにPHPの組み込みサーバーを利用する簡単なコマンドが付属しています。プロジェクトのルートからコマンドラインで次のように入力します。

php spark serve

ウェルカムページ

次に、ブラウザを正しいURLにポイントすると、ウェルカム画面が表示されます。次のURLにアクセスして試してください。

http://localhost:8080

次のページが表示されるはずです。

../_images/welcome.png

これは、アプリケーションが機能し、変更を開始できることを意味します。

デバッグ

デバッグツールバー

開発モードになっているので、アプリケーションの右下にCodeIgniterの炎が表示されます。それをクリックすると、デバッグツールバーが表示されます。

このツールバーには、開発中に参照できる多くの役立つアイテムが含まれています。これは本番環境では決して表示されません。下部のタブをクリックすると、追加情報が表示されます。ツールバーの右側にあるXをクリックすると、CodeIgniterの炎が付いた小さな四角に最小化されます。それをクリックすると、ツールバーが再び表示されます。

../_images/debugbar.png

エラーページ

これに加えて、CodeIgniterには、プログラムで例外やその他のエラーが発生した場合に役立つエラーページがいくつかあります。app/Controllers/Home.php を開き、エラーを生成するようにいくつかの行を変更します（セミコロンまたは中括弧を削除するとよいでしょう！）。次のような画面が表示されます。

../_images/error.png

ここで注意すべき点がいくつかあります。

  1. 上部の赤いヘッダーの上にマウスを置くと、新しいタブでDuckDuckGo.comを開き、例外を検索する 検索 リンクが表示されます。

  2. バックトレースの任意の行の arguments リンクをクリックすると、その関数呼び出しに渡された引数のリストが展開されます。

それ以外のすべては、見ると明確になるはずです。

開始方法と少しデバッグする方法がわかったので、この小さなニュースアプリケーションの構築を開始しましょう。