とある書物の目次と備考

はじめに
学習準備をしよう
1. 第1章　エンジニア力
2. 学習環境のセットアップ
HTML/CSS編
PHP基礎編
1. 第１章　PHPの基礎構文を覚えよう
2. 第２章　Webブラウザで表示できるアプリケーションを作成してみよう
  1. ２－１　世界時計アプリを作成しよう
コマンドライン編
DB基礎編
Laravel基礎編
Laravel演習編
番外編①～エラー対処～
番外編②～PHP、Laravelの覚書き～
1. PHP関連
2. Laravel関連
  1. サービスコンテナ　DI
  2. Serviceクラスを作成する
番外編③～Laravelで作成すべきアプリ候補～
1. 勤怠管理アプリ
番外編④～Laravel 11をdocker環境で使う～
番外編⑤～セキュリティー編～
1. XSS、CSRF
実践編　ECサイト作成にあたってのチップス
1. 詳細画面でのデータ取得

はじめに

・コア知識とトッピング知識に分ける。コア知識は繰り返し練習し、必ず使えるようにする。トッピング知識は、トッピングの仕方を理解するだけでよい。

・書物のどこを探せばよいか、すぐわかるように記載してます。

・Webページ制作については、レイアウトはしっかり作れるように。デザインはほどほどに。

学習準備をしよう

第1章　エンジニア力

１－１　良いエンジニアとは

１－２　検索力とは

エラーの対処：

①　タイプミスや抜けているところがないか確認。

②　エラーをコピーして、Googleる。

③　質問を言語化する

④　レファレンスをみる

⑤　英語に翻訳して調べる

１－３　質問力とは

質問のしかたについて

ドキュメント、レファレンスについて

Notion

１－４　生産性とは

生産性

効率化

タイピング

ショートカットキー一覧

学習環境のセットアップ

３－１　初めての環境構築をしてみよう

３－２　Webブラウザをセットアップしよう

Google chromeの拡張機能： ichinen、

３－３　エディタのセットアップ

３－４　コマンドラインのセットアップ

Ubuntuの導入　　　WSL2

PATHを通す

Homebrew

bashrcをvimで編集

３－５　Git/GitHubのセットアップ

SSHkeyが切れる　→　コマンドプロンプトを使用する際、管理者権限でのコマンドプロンプトで、wsl –installしなかったためと考えられる。

３－６　Dockerのセットアップ

HTML/CSS編

第１章　HTML

１－１　HTML

１－２　セットアップ

１－３　インデントとコメントアウト

HTMLでのコメントアウトは下記である。

<!– –>

１－４　段落と見出しを表すタグ

１－５　特殊文字と改行

特殊文字　　エスケープ

１－６　強調と重要性を表すタグ

１－７　箇条書きリスト

箇条書きの点を消す方法：

１－８　説明リスト

ラベルとテキストエリアの左端をそろえる方法：

１－９　リンクタグ

１－１０　絶対パスと相対パス

１－１１　画像タグと動画タグ

imgは、インライン置換要素。インライン要素だが、inline-blockのようにふるまう。

１－１２　テーブルタグ

セルの結合

練習問題

１－１３　フォームタグ

１－１４　グループ化タグ

spanとテンプレートエンジン

（未完）１－１５　セクション

１－１６　著作権情報を表すタグ

１－１７　メタデータタグ

<head>
  <link rel="stylesheet" href="css/style.css" />
</head>

ファビコン

OGP

１－１８　Emmet

div.content
→<div class="content"></div>

１－１９　検証ツール

第２章　CSS

２－１　CSSを学ぼう

２－２　セットアップ

２－３　CSS設計の基本

２－４　CSS命名規則

２－５　セレクタ

２－６　優先順位

　＞　＞　＞　＞　　　［（）内は点数］

２－７　要素の表示形式

まだ違いに迷っているの？ブロック要素、インライン要素の違いを完全に理解しよう | アールエフェクト

margin, paddingが設定した通りに効かないといった問題を抱える人の大半が、ブロック要素とインライン要素の違いを理解することなく設定しています。ブロック要素とインライン要素の違いを明確に理解することができれば要素の違いによって発生...

２－８　文字装飾

２－９

２－１０

２－１１

２－１２

２－１３

２－１４

２－１５

２－１６　練習問題

２－１７ Flexbox

２－１８ Position

フリマページ（メルカリのページなど）の作成には、これは必須である。

後で出てくるPHP基礎編での、世界と日本の時刻表示のところで、result.phpでは、国旗の下に時刻などが表示されているのは、これを使用している。→　html-css(desktop PC) >　freemarket.html

２－１９ Float

２－２０　CSS Grid Layout

２－２１　要素の変形

２－２２　擬似要素

２－２３　検証ツール

3 章　レスポンシブデザイン、静的webデザイン

３－１　レスポンシブデザイン・静的webデザイン

３－２　レスポンシブデザインとは

３－３　レスポンシブデザインパターン

３－４　静的UIパーツ

３－５　レイアウト

シングルカラムレイアウト

PHP基礎編

第１章　PHPの基礎構文を覚えよう

１－１　PHPをはじめよう

１－２　セットアップ

１－３　変数と定数

１－４　演算子

１－５　条件分岐

１－６　繰り返し

１－７　関数

１－８　配列と連想配列

１－９　データの受け取り

第２章　Webブラウザで表示できるアプリケーションを作成してみよう

２－１　世界時計アプリを作成しよう

コマンドライン編

第１章　コマンドラインの基礎を学習しよう

（済）１－１　コマンドラインに慣れよう

open = explorer.exe

（済）１－２　基本的なコマンドを覚えよう

Linuxコマンド一覧

形：コマンド　オプション　命令内容

　移動

　コピー　ディレクトリをコピーする場合、cp　と　cp -r　の違い

　削除　　（ディレクトリ削除）rm -r

　　　　　（ファイル削除）rm

（済）１－３　ファイルとディレクトリを理解しよう

ホームディレクトリとは？

・・・使用しているユーザが自由に使えるディレクトリの一番上のディレクトリ

→コマンドでは、’～’で表現する

Ubuntuを使い始める際に、『cd ~/coachtech』と打つ意味は？

url　の　’/’　は、ルートディレクトリと言うか？

１－４　パスの概念を理解しよう

１－５　コマンドライン基礎演習

第２章　Webの基礎を抑えよう

２－１　コマンドラインを使ってWebの基礎を抑えよう

２－２　Webの概要を理解しよう

２－３　Mac編なので欠番

２－４　コマンドでWebサーバを作ろう

２－５　ローカルでドメインを作る

第３章　バージョン管理システムを使いこなそう

DB基礎編

Laravel基礎編

第１章　Laravel入門

COACHTECH LMS

１－１　Laravelの基礎を理解しよう

１－２　セットアップ

１－３　Laravelをインストールしよう

composer

dockerでcomposer使用：https://qiita.com/PitPat/items/dc1ad09f7936b8825473

１－４　Laravelのコーディング規約を知ろう

１－５　ディレクトリとファイルの構成を知ろう

１－６　ブラウザに画面を表示しよう

１－７　ブラウザに画面表示を使用：controller編

１－８　ブラウザに画面表示をしよう：route編

ルートプレフィックス・・・　モデルのリレーションのところで後で出てくる。

ルートグループ

１－９　ブラウザに画面表示をしよう：view編

基本的には、PHPテンプレートと同様に記述することができます。異なる点は、{{$content}}という部分です。二重波括弧「{{}}」はPHPのechoと同じ働きをします。つまり、Bladeでは<?php echo $変数; ?> という風に記述していたPHPテンプレートをより簡略化することができます

ディレクティブ一覧

・@isset 定義されている　かつ　nullでない　→true

・@if (@isset($item))　　　　　～　　　@endif

１－１０　基本的なアプリケーションを作成しよう

１－１１　データを作成しよう：マイグレーション編

database>migrationのphp を作成する

コンテナ内で、php artisan make:migration create_(テーブル名；～s)_table

upメソッドに追記

コンテナ内で、php artisan migrate

php artisan migrate:fresh と　php artisan migrate:refreshの違い

１－１２　データを作成しよう：シーディング編

１－１３　CRUD処理を学ぼう：準備編

ORMを使えるようにする

モデルの作成

　php artisan make:model (モデルクラス名)

モデルに、fillableプロパティの記載

コントローラーにモデルを登録

１－１４　CRUD処理を学ぼう：データの取得

シングルアロー演算子

ダブルアロー演算子

第２章　Laravel応用

２－１　Laravelの応用を理解しよう

２－２　検索とモデル結合ルート

検索機能の追加　

find.blade.phpは複雑になる。具体的には、受け取るものと送るものが混在する。

２－３　デバック

２－４　バリデーションについて学ぼう

入門者のためのLaravelのバリデーションとエラーメッセージ | アールエフェクト

入門者、初心者のためのLaravel Validationとエラーメッセージの設定方法です。エラーメッセージの日本語化まで入門者がひっかかりやすい項目を中心に説明しています。本文書を読み終えるとLaravelバリデーションの基礎は完全に理解...

２－５　モデルのリレーションの基本を学ぼう

【Laravel】リレーションを理解しよう！ | 怠惰な日々にさよならを

対象 LaravelでhasManyとかbelongsToとか分からない人書いている人　プログラミング歴2年前提 Laravelプロジェクトを作成できる　主テーブル従テーブル、外部キーといった概念が分かる。環境　Mac:M1 Lara

以前、このような疑問があった。レコードをモデルとして扱い、テーブルをコレクションとして扱うとなると、別のテーブルのデータを使用したい場合は２通りの方法がある。

①Serviceクラスなどを作成し、そこから、２つ以上のモデルを参照しながら記述する

②データベースを統合して、利用する

PHPは、②でやるのが通例であり、従テーブルの主キーを、『［主テーブルのモデル名］_id』と命名し、そのデータを、主テーブルにカラムを付け足すことで、一つのテーブルにする（第２正規形と逆のことをしている）

モデルクラスのメソッドで、リレーションを定義する。

２つのテーブルを統合したいのなら、それぞれのモデルクラスに、リレーションを定義するメソッドを設定する必要がある。

＜配列の作成の仕方について＞

Book.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Book extends Model
{
    protected $guarded = array('id');　　←①
    public static $rules = array(
        'author_id' => 'required',
        'title' => 'required',
    );　　　　　　　　　　　　　　　　　　←②

    public function getTitle(){
        return 'ID'.$this->id . ':' . $this->title;
    }
}