データベースへ格納

PHP

データベース内にテーブル作成 テーブル名「user」 データベースへ格納 《input.php》

SQLを使う(3)

リレーション 複数のテーブルに情報をわけて管理し、必要に応じて組み合わせて使うことでデータの取り扱いがしやすくなります データベースについて 生産者用のテーブルを作る データの挿入 INSERT INTO makers SET name=’山田’, address='東京都港区', tel=…

SQLを使う(2)

ORDER BY - データの並び替え データを昇順 (ascending order) で並べる idの昇順に並べる SELECT * FROM my_items ORDER BY id ASC; 金額の昇順に並べる SELECT * FROM my_items ORDER BY price ASC; データを降順 (descending order) で並べる SELECT * FR…

SQLを使う(1)

データベースの作成 データベース名「mydb」 テーブル名「items」 カラム名 カラム型 (長さ) NOT NULL 制約 説明 id INT(11) ○ 書き込みの通し番号。主キー。自動採番にする name text ○ テーブルの構造を変更 フィールドを追加する テーブルの末尾に1個…

SQLを使う - 基本

SQLは何のため? phpMyAdminのマウス操作だけで作ることができるSQLには限界がある PHP+MySQLを使ったWebシステムを構築するには、SQLの知識が必須 phpMyAdminを利用する phpMyAdminにアクセスする データを取得して表示する localhostでデータベース一覧を…

リレーショナルデータベース

リレーショナル型データベース リレーショナルデータベースは、いくつかの表が集まってできています 表のことをテーブル(table)と呼び、列をカラム(column)、行をレコード(record)と呼びます PHPにデータの型があるように、データベースにもカラム型と…

データベース

データーベース(database, DB) Data Base データを一箇所に集めて後から使いやすくする 情報を管理するためのシステム(データベース管理システム DataBase Management System : DBMS) 特定のテーマに沿ったデータを集めて管理し、容易に検索・抽出などの…

入力エラーチェック

PHP

入力エラーチェック ≪index.php≫

セッション情報

PHP

セッション情報とは サーバー側にデータを保存する仕組みです クライアントを区別するためにランダムなIDを割り当て、そのIDに対応する保存域をサーバー側に作成します セッション情報は、プログラムの実行環境やライブラリによって提供されます Cookieは、…

入力された値の変数と型

PHP

型 intval関数(文字列を整数に変換する)- 小数点以下は切り捨て ユーザーが入力したデータは「文字列型」です 「文字列型」のまま四則演算ができないため「整数型」に変換します 《sum.php》 <html lang="ja"> <head> <meta charset="UTF-8"> <title>変数と型</title> </head> <body> <form action="result.php" method="post"> <p>数字1 <input type="text" name="val1"></p> <p>数字2 </p></form></body></html>

入力された値を送信→受信

PHP

送信するために必要なこと form要素でmethod属性を記述します method属性には、送信方法を記述します inputされた値を別のページに送信します 入力された値の器に名前をつけて送信します 送信するタイミングをinput要素のtype属性「submit」で、ボタンの表示…

ユーザーとの対話

PHP

ユーザーとの対話 入力フォームに入力されたデータは、「$_GET[ 名称 ]」や「$_POST[ 名称 ]」取得できます 出力 ブラウザに表示 《例1》 変数を{ }で囲む Dreamweaverでは、変数の色にならないため判別しにくくなります 《例2》 文字列と変数を「. ドッ…

PHPでカレンダー

PHP

PHPでカレンダー <html> <head> <meta charset="utf-8"> <title>今月のカレンダー</title> </head> </html>

PHPで日時を扱う

PHP

タイムスタンプとは PHPの日時に関する関数では、「1970年1月1日0時」から経過した秒数で表現する(UNIXタイムスタンプ)を使用します

関数

PHP

関数とは 関数とは、「機能単位の処理のひとかたまり」のことで、プログラムは関数の組み合わせによって、構成されています プログラムのソースが長文で複雑になった場合、機能別にいくつかの関数に分割することによって、分かりやすく、修正しやすいプログ…

配列の 追加と削除

PHP

配列に要素を追加 配列に要素を追加したい場合は、array_unshift関数、array_push関数を使います この関数は、配列に要素を追加するとともに、要素が追加された配列の要素数を取得できます array_unshift - 配列の先頭に要素を追加したい場合配列の先頭に要…

連想配列

PHP

連想配列 基本的な配列の場合、配列要素の0番目、1番目・・・と添え字に数値を指定して、各要素の値を代入したり取得していましたが、連想配列を使用すると、添え字の代わりに文字列のキーを使用できます インデックスに名前をつける 中身を連想できるような…

変数のスコープ

PHP

変数のスコープ 変数の宣言方法を変えることにより、変数の有効範囲も変わります これを変数のスコープと呼びます 変数は、「{ }(中括弧)」で囲まれた中で定義をすると、その囲まれた中でのみ有効となります。その外側では、使用することができません 括弧…

配列

PHP

配列(array)とは たくさんの変数を扱うときなど、値をまとめて記憶する 関連したデータを保存しておくための連なった箱 1番目の番号(インデックスまたは添字)は、「0」 配列の宣言と代入 「array関数」を使用して配列の宣言 array関数を使わず、各配列…

ループを抜ける breakとcontinue

PHP

break 繰り返し処理の中で、強制的に繰り返し処理を終了したり、強制的に次の繰り返し処理を行ったりすることができます 繰り返し処理を強制的に終了する場合は、「break;」を使います '; // $iの値(1、2、3)を出力。<br>で改行。 if ( $i === 3 ){ break; } }…

繰り返し - foreach文

PHP

「foreach文」で繰り返し foreach文は、配列の全要素に対してループ処理を行いたい場合に使います 構文には「基本形」と「拡張形」があり、書式は以下になります // 基本形構文 foreach( 配列 as 要素の値を格納する変数 ){ 繰り返したい処理 } // 拡張形構…

繰り返し - for文

PHP

「for文」で繰り返し 1つの処理をX回繰り返す「ループ」という発想(繰り返す回数が決まっている) 例:5日分の日付を表示→1日分の日付表示を5回繰り返す 例:10人分の名簿の印刷→1人分の名簿印刷を10回繰り返す 「for文」で、一定回数の繰り返し処理が…

繰り返し - while文

PHP

while文(while statement)とは 条件がtrueである限り、指定した文を繰り返し処理する while(条件){ 処理; … } 《繰り返し表示する》 ' . "\n"; $i++; } echo '商品は以上です。'; 「商品が存在する」という条件がfalseになるまで、商品を表示することを…

関係演算子と条件分岐(if文、switch文)

PHP

条件(condition)の仕組みを知る 場合に応じた処理をおこなう 真(true)・偽(false)という概念のどちらかで評価されるものを、PHPでは「条件」と呼びます。 関係演算子 条件をつくるために使う「関係演算子(relational operator)」 演算子 式がtrueと…

式と演算子

PHP

式(expression) PHPの式の多くは、 演算子(operator):演算するもの オペランド(operand):演算の対象 を組み合わせてつくられています。 式の評価 式の計算が、式の評価にあたります 評価された結果を「式の値」と呼びます 演算子 簡単な計算をしたり…

変数と定数

PHP

変数(variable)とは 変数はプログラム中のメモリ領域に付けた名前です さまざまな値を一時的に記憶しておくために使われます 言葉(文字列)や数字(数値)を一時的に保存する「箱」 繰り返し使う言葉は「変数」として使う 1回だけ書いてコピーするという…

PHPのコードを記述

PHP

PHPコード記述 テキストエディターを使用して記述 新規ドキュメント作成 拡張子:.php 文字コード:Unicode(UTF-8) 改行コード:LF(Line Feed) 記述のルール 「」の間に記述する 文字列は「シングルクォート」で囲むことにします 命令文の末尾はセミコロン…

PHPとは何か?

PHP

プログラミング言語 コンピュータや機械を動かすための命令(コマンドといいます)群でコンピュータで何かを実行(処理)するための言語」です オブジェクト指向 オブジェクト指向とは、システムの設計に関する考え方、プログラミング手法を表現したものです…

XAMPPのWebサーバー構築(Windows)

PHP

XAMPPのダウンロード XAMPP最新バージョン 5.6.28 PC環境によっては、下位バージョンを使用します インストール インストーラーに従ってインストールする 最低限必要なものだけを選択する Cドライブ直下を選択する 不要なオプションはチェックを外す インス…

PHPとは何か?

PHP

プログラミング言語 コンピュータや機械を動かすための命令(コマンドといいます)群でコンピュータで何かを実行(処理)するための言語」です オブジェクト指向 オブジェクト指向とは、システムの設計に関する考え方、プログラミング手法を表現したものです…

モーダルウィンドウ - fancyBoxとColorBox

画像の準備 Photoshopのレイヤーを適切な名前に変更しておく fancyBox ダウンロード 《index.html》 <html lang="ja"> <head> <meta charset="utf-8"> <title>fancyBox</title> <link rel="stylesheet" href="css/jquery.fancybox.css"> <link rel="stylesheet" href="css/style.css"> </link></link></meta></head></html>

Lightbox

Lightbox JavaScriptライブラリ Ajax(JavaScript)を利用して動作する機能をまとめてあるもの Ajaxは「Asynchronous JavaScript + XML」の省略語 JavaScriptを利用して非同期通信を行いXMLデータでサーバーとのやりとりを行うもの (1)「DOWNLOAD」ボタン…

Masonry

Masonry jQuery プラグイン 可変グリッドレイアウト もっともシンプルな記述 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Masonry</title> <style> html, body, p { margin: 0; padding: 0; line-height: 1.0; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } body { background: #C4D0DD; } .bo</meta></head></html>…

ページトップへ移動するアニメーション

スクロールすると表示されるトップへ戻るボタン テキスト著者の解説 ページトップへ移動するアニメーション 《script.js》 $(function() { var topBtn = $( '#page-top' ); //ボタンを非表示 topBtn.hide(); //スクロールが100に達したらボタン表示 $( windo…

bxSlider

bxSlider スライドショーを手軽にWebページ内に設置できるスライドライブラリ ulでもdivでもスライダーが使える スライド動作も3種類選べる カルーセルタイプにすることも可能 bxSliderをダウンロード 読み込んで利用 <link rel="stylesheet" href="css/jquery.bxslider.css"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="js/jquery.bxslider.min.js"></script> スライド画像の設定 …</link>

Slider

SLIDERJS SlidesJS 3.0 <html lang="ja"> <head> <meta charset="utf-8"> <title>SlidesJS Standard Code Example</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/example.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <style> body {…</link></link></meta></meta></head></html>

タブパネル - 実践

基本のタブパネルの作り方 タブ(見出し)とパネル(表示する内容)をそれぞれ別のリストで記述します タブのul要素には「tab」、パネルのul要素には「panel」というclass名をつけます パネル部とタブ部が連動するよう「id名」をつけ、href属性に#(ハッシュ…

タブパネル

タブパネルとは タブの切替は複数のコンテンツの表示・非表示を操作してコンテンツが変わっているように見せる 要素を非表示にするには hideメソッドを使い、表示には showメソッドを使う パネルの順番とコンテンツの順番が比例している場合は、indexメソッ…

animate( )メソッドを使ったアニメーション

animate( )メソッド $( セレクタ )に対してアニメーションを設定します $( セレクタ ) .animate( { プロパティ: 値, プロパティ: 値 }, ディレイ, イージング, コールバック ); property CSSプロパティ名(値を数値で指定できるものに限る) value アニメー…

アニメーション効果

animate()メソッド 独自のアニメーションを設定できる 任意のCSSプロパティの値を徐々に変化させて独自のアニメーション効果を作成できる命令 animate()に設定できるCSSプロパティは、height、top、opacityのように数値であらわせるもに限ります 動きには「l…

アコーディオンメニュー

アコーディオンメニュー 最初からすべての情報を表示するのではなく、次の段階に選択しやすいように見せないようにしておく はじめはコンテンツが見えない(クリックすると内容が見えることを明示するために、一つ目は開けておく) ユーザー自身が積極的に探…

実践的なメソッド

hide()メソッド 表示されている要素を非表示にする HTMLの表示状態 display:block を、display:none に変更します 引数がない場合は、即座に非表示 キーワードは、「slow」「normal」「fast」のいずれかを記述 秒数で指定する場合は、「1000」が1秒 $( セレ…

セレクタ・メソッド・イベント - まとめ

jQuery高速化 Webサイトのパフォーマンスを重視するために、古いブラウザでは「1.x系」モダンブラウザでは「2.x系」とインクルードするjQueryファイルを分けて記述します <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 1.…

thisキーワード

thisキーワード JavaScriptの予約語 thisは、標準の要素オブジェクト jQueryメソッドにアクセスするには、「$()関数」で「this」をラッピングする必要があります 「$()関数」を利用することで、標準の要素オブジェクトをjQueryオブジェクトに変換できます そ…

readyイベント

readyイベントとは イベントの中で最も大事なイベントが、readyイベントになります このイベントは、DOMの読み込み完了時に実行されます そのため、jQueryを使用する場合は必ずreadyイベントを設定することになります jQueryの実行パターン $( document ).re…

HTML・CSSの操作

HTMLの操作 要素内のテキストの設定・変更やHTML要素の設定・変更など テキストの設定 要素内のテキストを設定する場合は、text( )メソッドを使用します $(function(){ $( '#txt' ).text( 'テキストが変更されました' ); }); 《テキスト内容を取得する場合》…

関数とメソッド

jQueryの関数 jQueryは、関数オブジェクトです JavaScriptは、プリミティブ型とオブジェクト型で構成される プリミティブ型は、変数として使う型 それ以外はオブジェクト型です <script> $(function() { alert( typeof( jQuery ) ); }); </script> typeof 演算子を使って、引…

セレクタの使い方

最低限、使うものだけ覚える テキスト〜P.54 すべてを覚えようとしないこと JavaScriptの読み込み順序 HTMLをすべて読み込み後に、jQueryの処理を実行する <script> $(document).ready(function(){ //この中に処理を記述 }); </script> この記述であれば、bodyの終了タグの前…

セレクタ

セレクタとは テキストP.24〜 名前、属性、状態などによりドキュメント内の要素を選択する役割 セレクタの書き方 先頭に「$」を記述 「$」は、jQueryオブジェクトのインスタンス $( '要素' ) セレクタを使用するときの注意点 セレクタを使用する場合は、jQue…

jQueryの基本

jQueryとは テキストP.12〜P.21 よく使うJavaScriptを簡単に使えるようにしたもの JavaScriptのライブラリのひとつ HTMLやCSSを操作して、要素・属性・スタイルを追加・変更・削除できる 要素に対してアニメーションできる 主要なブラウザをサポート(ブラウ…