前回の復習
- レスポンシブデザインの復習
- 今後の訓練内容
レスポンシブデザイン
レスポンシブデザインのポイント
- Viewport
- Media Queries
- Box Model
- UI/UX
L11.2.2 幅広デザインでのWebページ作成
L11.2.3 viwport定義の指定
- initial-scale=1.0
デバイスごとに異なる初期ズーム倍率を1.0に指定する。スマートフォンで文字表示が小さくなりすぎる問題などを防止する。
L11.2.4 横幅変動時のコンテンツ幅を設定
- box-sizingプロパティにcontent-boxが指定されている場合widthプロパティはcontentの幅を指定する。
- box-sizingプロパティにborder-boxが指定されている場合widthプロパティはcontent+padding+borderの幅を指定する。
L11.2.5 Media Querieでデザインを整える
デバイス特性によりスタイルを変更する指示を加える。
L11.2.6 画面サイズに合わせた表示部品の導入
本日の訓練内容
PHPとは
サーバー内で動くプログラミング言語。
JavaScript
jQuery
表示場所や効果を設定することが用意。
PHP
サーバー内に処理が書かれているため情報が公開されず、処理結果のみが提供される。
index.php
PHPの書き方
- プログラムは上から下に流れる
- <?phpで始まり、?>で終わる
- 命令の区切りに;を付ける
- ブラウザでアクセスしたときにプログラムは実行される
- ファイルの最後に到達するとプログラムは終了する
- ファイルの拡張子は.php
- コメントの書き方は３通り
//
#
/* (comment) */
変数と定数
変数
- 変数名は$からはじまる。
- 変数名は大文字と小文字を区別する。
定数
- 定数は先頭に$を使わない
- プログラム内で再定義することはできない。
演算子
条件分岐
PHPのテスト環境
PHPはコンピュータのブラウザでは動かず、サーバーにアップロードしてアクセスしなければテストできない。
コンピュータ内に仮想サーバーを設定することで開発用テスト環境を構築することができる。
LocalはWordPress特化の開発環境
メモ
- 10/10 紙ポートフォリオについての説明
-本日のアジェンダ-
1限目
学科 PHP基礎①
PHP について
2限目
学科 PHP基礎①
PHPの使い方について
3限目
学科 PHP基礎①
課題作成
4限目
学科 PHP基礎①
課題作成
5限目
学科 PHP基礎①
課題作成
本日のテーマ
WordPressはphpで出来ています。
PHPとは
PHPとは動的にWebページを生成することができるサーバーサイドのスクリプト言語です。他のプログラミング言語と比較して仕様や文法が簡単なため習得しやすいと言われています。またMySQLなどのデータベースとの連携が容易なことなどから、WordPressを含めたWebアプリケーションの開発にもよく使われる有名なスクリプト言語でもあります。
参考サイト
PHP入門
PHPはプログラミング言語なのでIT技術者が利用するのが一般的です。但し、WordPressがPHPで作成されていることもありWordPressの独自テーマ作成などを行う時にPHPに接する機会もあります。
参考サイト
PHP開発環境
PHPは、サーバーサイドで動作するプログラミング言語なのでPHPでの開発を行うためにはサーバーが必要ですが、PCにサーバーと同様の環境を作成してPHPでの開発を実施することも可能です。また、WordPressを使用するためには、データベース（MySQLなど）も必要になります。
参考サイト
- 初心者でもできる！ WordPressでローカル環境を構築する方法
- WordPressの環境開発はMAMPとLocal by Flywheelがおすすめ
- local by FlywheelがMAMPより良かった件【WordPress環境】
本日の課題
WordPressサイトに、本日学んだ内容を投稿ページにまとめてください。
第6回成績考査
第6回成績考査（11月12日）は、ポートフォリオとします。Web版ポートフォリオまたは紙版ポートフォリオを提出してください。また、11月14日にプレゼンテーション訓練として「就職活動の取り組み」というテーマでの発表会を予定しています。ポートフォリオの説明や就職活動状況などを発表して頂きます。
