PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

LAMP環境上に簡単なWeb掲示板を設置してみます。

AWS 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

LAMP環境上に設置したWeb掲示板をカスタマイズしていきます。

AWS HTML Bootstrap 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。

AWS HTML 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

Web掲示板を、さらにカスタマイズしていきます。

AWS HTML MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

無料公開中 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHPとデータベースのMySQLを使って掲示板サイトを作成します。 環境構築をすることなく、ウェブブラウザだけで、すぐに学習を開始することができます。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

無料公開中 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここでは、掲示板の土台となるWebページをHTMLで作ります。それから、paizaラーニングで、Webページを作成する練習もしてみましょう。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここでは、1行掲示板のデータベースを準備してみたいと思います。そのために、MySQLの管理ツールであるphpMyAdmin(ピーエイチピーマイアドミン)の操作について紹介します。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここでは、PHPで、データベースのデータを取得します。そのために、PHPでデータベースに接続する方法を学習しましょう。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここでは、掲示板の投稿フォームを作ります。そのために、フォームの仕組みと作り方を学習しましょう。今回は、メッセージをサーバーで受信するところまでやってみます。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここでは、投稿フォームから受信したデータをデータベースに書き込んでみます。そのために、データベースにデータを書き込む方法を学習しましょう。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここまで作ってきた機能をひとつにまとめて、いったん掲示板を完成させます。Webアプリケーションとして形になると、それなりの手ごたえがあるでしょう。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここからは応用編として、1行掲示板に機能を追加したり、見た目を整えたりと、さらにパワーアップさせてみます。このチャプターでは、投稿の削除機能を追加しましょう。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここでは、1行掲示板に投稿者の名前を追加します。そのために、投稿フォームと発言リストに名前の欄が必要になります。また、投稿された名前の情報を挿入するために、データベースも修正しましょう。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

ここでは、掲示板の見た目を整えます。そのために、HTMLフレームワークのBootstrapを使って、投稿フォームとテーブルのデザインを変更してみましょう。

AWS HTML phpMyAdmin MySQL フォーム 掲示版 PHP HTML/CSS/Bootstrap DB/SQL LAMP インフラ・環境構築 Webアプリ開発

無料公開中 Rails インフラ・環境構築 Webアプリ開発

ここでは、Ruby on Railsを使って、簡単なWeb掲示板を作ります。

掲示版 Rails インフラ・環境構築 Webアプリ開発

無料公開中 Rails インフラ・環境構築 Webアプリ開発

このチャプターでは、Rails の設計方針について学習すると共に、データベースとの連携の概要を理解します。

Ruby on Rails DRY CoC MVC 掲示版 Rails インフラ・環境構築 Webアプリ開発

無料公開中 Rails インフラ・環境構築 Webアプリ開発

ここでは、Rails の動作確認に欠かせない Rails コンソールの基本的な使い方を学習します。 Rails コンソールを使うと、Rails アプリの環境を有効にした状態で、Ruby コードをひとつずつ実行することができます。

Ruby on Rails Railsコンソール irb 掲示版 Rails インフラ・環境構築 Webアプリ開発

Rails インフラ・環境構築 Webアプリ開発

ここでは、Rails のデータベースを操作する ActiveRecord について学習します。ActiveRecord は、データベースのテーブルを Ruby のオブジェクトに割り当てる機能です。

Ruby on Rails 掲示版 ActiveRecord Railsコンソール Rails インフラ・環境構築 Webアプリ開発

Rails インフラ・環境構築 Webアプリ開発

ここでは Rails のマイグレーションについて学習します。 マイグレーションは Rails で自動生成した設定内容をデータベースに反映させます。

Ruby on Rails 掲示版 Railsコンソール マイグレーション ロールバック Rails インフラ・環境構築 Webアプリ開発

Rails インフラ・環境構築 Webアプリ開発

ここでは、モデルのデータをビューに表示する時、ActiveRecord のメソッドをどのように記述するか学習します。そのために、モデルに追加したカラムを ビューに表示させてみましょう。

Ruby on Rails 掲示版 erb HTML Rails インフラ・環境構築 Webアプリ開発