この資料について

講義資料は全てこのサイトにデプロイされます.

サンプルコードは講義資料のはじめにダウンロードリンクが張ってあり,zip 形式のファイルがダウンロードできるようになっています.

つまり,このサイトの URL をブックマークしておけば,毎回開くだけで講義に参加できます.

JavaScript01

サンプルコード

ワンクリックでサンプルコードの zip ファイルをダウンロード!

download

変数

シンタックスハイライトも有効.

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

サンプルコード

download

配列

配列はつよい!

const array = [...new Array(100).keys()].map((x) => x + 1);

繰り返し

繰り返しむずかしい.

for (let i = 0; i < 10; i++) {
  console.log(i);
}

クイズアプリケーション実装

配列と繰り返しを使ってクイズをつくろう.

PHP01

サンプルコード

download

基本

変数とか条件分岐とか考え方は JavaScript と同じだぜ!

$hoge = 100;
$fuga = 'PHP';

$str = "今,{$fuga}がアツい!!";

echo $str;

ファイル操作

サーバサイド言語の場合はファイルの操作もできるぞ!

csv ファイルにデータを書き込んで保存したり,読み込んで配列として使用したりできる.

アンケートアプリケーション実装

ユーザの入力データをファイルに保存することができる.

アンケート結果を保存して表示するアプリケーションを実装しよう!

PHP02

サンプルコード

download

DB 連携

DB と連携させることでデータの扱いが劇的に変わるッ!

接続は PDO が便利!

CRUD 処理

DB のデータを扱うには SQL を使え!

SELECT * FROM sample_table;

SNS アプリケーション実装

DB はフィルタリングやソートができる.

Twitter のクローンアプリを実装しよう!