前提
PHPを使ったWebアプリケーションの開発知識が必要になったので、開発過程の備忘録、知識のインプット・アウトプットを目的としている。
アプリケーションの概要
アプリケーション名「なな板」
スケジュール・出欠管理アプリ
実装したい機能
- 新規ユーザ登録
- ログイン機能
- プロフィール編集
- スケジュール追加・編集
- スケジュールに対する出欠登録
- スケジュールに対する出席表
- ユーザ一覧表示
備忘録3 目次
- 機能の実装方法の検討
- 開発手順の検討
- HTML/CSSで骨格の作成
機能の実装方法
アプリケーションの表示部分
HTML/CSSで骨格の部分を作る
機能の実装方法
PHPのフレームワークである「Laravel」を利用して実装する。
開発手順(予定)
- 始めに、HTML/CSSで骨格の部分を作る
- Laravelを導入
- 機能の実装
- デプロイ
html/cssで骨格の作成
Laravelには独自のテンプレートエンジン「Blade」が用意されているが、勉強も兼ねて一旦HTML/CSSで作成する。
Laravel導入後に適宜変更を加えていくつもりである。
HTML/CSSで作成した画面
拙いデザインでソースコードの需要はないと思うので割愛させていただきます。
自分でレイアウトを整えられると思い通りに出来るのでいいです。技術力の高い人が自由度の高いツールを好む理由がわかりました。
画面作成方法
エディター ATOM
ブラウザ chrome
書籍「一冊で全て身につく HTML&CSSとWebデザイン 入門講座」とProgate、サルワカさんのWebデザイン入門でさっと学習して、画面を作成しながらわからないところは都度googleで調べるという形で行った。
感想
HTML&CSSはサンプルコードやサイトテンプレート、良質な無料教材がネットから手に入るので、本買う必要なかったですね。
サイトのデザインはとても楽しかったが、凝りだすといくらでも時間をかけられるので引き際が大事かなと。
コーディングしていて、効率的に出来ていないと痛感。コーディング技法的なものを勉強しなければならない。
自分で見直しても見にくいので、今後は見やすい、わかりやすいコーディングしようと決意。
いい記事があったのでリンク → いいコードを書く術（まとめ）
本当に大まかに画面作成しただけなので、都度修正を加えていく予定です。
おわりに
次回はLaravelを導入し、Laravelに標準で搭載されているテンプレートエンジンBladeを使って、画面表示までを行いたいと思う。