この資料について
講義資料は全てこのサイトにデプロイされます.
サンプルコードは講義資料のはじめにダウンロードリンクが張ってあり,zip 形式のファイルがダウンロードできるようになっています.
つまり,このサイトの URL をブックマークしておけば,毎回開くだけで講義に参加できます.
JavaScript01
サンプルコード
ワンクリックでサンプルコードの zip ファイルをダウンロード!
変数
シンタックスハイライトも有効.
const hoge = 100;
const fuga = 200;
conosle.log(hoge + fuga);
条件分岐
HTML で表示されるのでコードの切れ目も気にする必要なし!
const number = 10;
if (number === 10) {
console.log("Number is 10.");
} else {
console.log("Number is not 10.");
}
おみくじアプリケーション実装
変数と条件分岐を使っておみくじのアプリケーションをつくろう.
JavaScript02
サンプルコード
配列
配列はつよい!
const array = [...new Array(100).keys()].map((x) => x + 1);
繰り返し
繰り返しむずかしい.
for (let i = 0; i < 10; i++) {
console.log(i);
}
クイズアプリケーション実装
配列と繰り返しを使ってクイズをつくろう.
PHP01
サンプルコード
基本
変数とか条件分岐とか考え方は JavaScript と同じだぜ!
$hoge = 100;
$fuga = 'PHP';
$str = "今,{$fuga}がアツい!!";
echo $str;
ファイル操作
サーバサイド言語の場合はファイルの操作もできるぞ!
csv ファイルにデータを書き込んで保存したり,読み込んで配列として使用したりできる.
アンケートアプリケーション実装
ユーザの入力データをファイルに保存することができる.
アンケート結果を保存して表示するアプリケーションを実装しよう!
PHP02
サンプルコード
DB 連携
DB と連携させることでデータの扱いが劇的に変わるッ!
接続は PDO が便利!
CRUD 処理
DB のデータを扱うには SQL を使え!
SELECT * FROM sample_table;
SNS アプリケーション実装
DB はフィルタリングやソートができる.
Twitter のクローンアプリを実装しよう!