１．デザインを作成する "Input"=文字入力 "Multiline"=複数行入力 "Picture Uploader"=画像入力 "Dropdown"=選択肢入力（詳しくはこちら） ※空欄では登録できないようにする設定は、下図の通り。 ※空欄で登録ボタン押下時に、背景色を変える設定は下図の通…

１．メールアドレスのインプットと送信ボタンを作成 ２．送信ボタンをダブルクリック ⇒ "Add workfow"をクリック ３． ①きっかけが合っていることを確認 ②"Click here to add an action..."をクリック ③"Account"をクリック ④"Send password reset email"を…

基本のログイン reCAPCHA アカウント種類別のログイン ログイン前後のエレメント表示/非表示 基本のログイン １．ログイン画面に誘導するText等のエレメントを作成する ２．クリック後に表示させるPopupやPage等のログイン画面を作成する ３．１で作成したエ…

１．ポップアップのきっかけになるText等のエレメントを作成 ２．"Containers"内"Popup"をドラッグ＆ドロップ ３．エディターで名前やレイアウト等を編集 "Popup"をデザイン ※"Popup"は"Elements tree"で表示できる ４．１で作成したエレメントをダブルクリ…

方法１ 方法２ 方法１ １．”Design”タブにて"Dropdown"を設置 ２． ①設置した"Dropdown"をダブルクリック ②"Placeholder"に文言を入力 ③"Choices style"にて"Static choices"を選択 ④"Choices"に選択肢を入力（改行で区切る） 方法２ １． ①"Data"タブをクリ…

データベースを作成する ①"Data"タブをクリック ②"New type"にデータベースの名前を入力 データベースにfieldを加える 方法１ １． ①"Data"タブをクリック ②"field"を加えたいデータベースを選択 ③"field"を加えたいデータベースが選択されていることを確認 …

アカウント登録 文字数制限とエラーメッセージ アカウントの種類を（2つに）分ける アカウント登録 １．デザインタブにて必要項目のインプットと登録ボタンを用意する ２．登録ボタンをダブルクリック ⇒ "Edit workflow"をクリック ３． ①きっかけが間違って…

「position:fixed」と「width:100%」を設定した要素は、window幅いっぱいに広がる。bodyに幅指定があった場合でも、そのサイズを突き抜ける。

基本セレクター 階層セレクター 子孫セレクター 子セレクター 隣接セレクター 関節セレクター フィルター 最初／最後の要素を取り出す 偶数番目／奇数番目の要素を取り出す n番目の要素を取り出す n番目より前／後ろの要素を取り出す 参照 基本セレクター 要…

基本構文 基本構文 $('セレクター').css('プロパティ名', '値');

セレクターの呼び出し 戻り値 jQueryオブジェクトの生成 セレクターの呼び出し $('セレクター') 戻り値 $()関数は、戻り値としてjQueryオブジェクトを返す。jQueryオブジェクトとは、セレクターによって取得した要素を保存するとともに、これらを操作するた…

基本構文 ※$(function () {●●●;}); で囲まれたコードは、ページ全てが読み込まれた後に実行されるという決まりがある。 $とjQuery 同一セレクターに複数のメソッドを書く場合 基本構文 $(function () { $('セレクター').jQueryメソッド(引数); }); ※$(functi…

下記公式サイトにアクセス https://jquery.com/download/ 圧縮版・非圧縮版どちらかのjQueryをダウンロード ※右クリ⇒名前を付けて保存 ※圧縮版は改行等を省いたもの。コードを確認したい場合は非圧縮版が宜し。 HTMLファイルの、head要素かbody要素内に保存…

構文 例 構文 for (初期化式; 条件式; 増減式) { 繰り返し実行する命令 } 例 for (var i = 1; i <= 3; i++) { window.alert(i); } ↓ ↓ ↓ ※「ok」押下度に切り替わって表示される

主な比較演算子 主な算術演算子 主な論理演算子 条件演算子 例 主な比較演算子 主な算術演算子 ※「＋」は、文字列連結も可能 主な論理演算子 条件演算子 条件式 ? 正しい場合の値 : 正しくない場合の値 例 var point = 82; window.alert(point >= 70 ? '合格…

JavaScript記述のルール オブジェクト プロパティ メソッド コメント 変数の宣言 例 JavaScript記述のルール オブジェクトと、メソッド/プロパティとは、ドット（.）でつなぐ メソッド後ろの（）内には引数（パラメータ）を記述する プロパティ後ろの「=」の…

proengineer.internous.co.jp www.webcreatorbox.com

haniwaman.com

www.granfairs.com snagimo.com

PHP サーバサイドプログラム プラグラムがwebサーバで実行される 必ず実行される タイミング リクエストがサーバに来たタイミング 使いどころ 状況に応じてサーバ上でHTMLを生成する ユーザが送信した値を元に処理する JavaScript クライアントサイドプロブ…

一覧ページ上の編集ページにリンクボタンに、GET形式で情報を渡す記述をする 編集フォームの作成 一覧ページ上の編集ページにリンクボタンに、GET形式で情報を渡す記述をする

// ▼いつものDB接続と利用準備▼ $dbobj = mysqli_connect('localhost', 'Tanaka', 'Manager') or die(mysqli_error($dbobj)); mysqli_select_db($dbobj, 'practice'); mysqli_set_charset($dbobj, 'utf-8'); // ▼▼SQL文「INSERT文」を実行▼▼ // アクセスする…

// ▼▼▼【オリジナル関数を設定】▼▼▼ // セキュリティ対策 // ユーザが入力した値内の、HTML上意味を持つ記号を実体参照に変換する // ⇒HTML文を入力されても、文字列扱いとなり、処理が実行されない // ⇒HTMLタグを使用した攻撃（XSS攻撃）を防げる // XSS(…

<div id="content"> <table> <tr> <th>ID</th> <th>商品名</th> <th>価格</th> <th>在庫</th> <th>キーワード</th> <th>メーカー</th> <th>住所</th> <th>編集</th> <th>削除</th> </tr> </table></div>

$bl = mysqli_affected_rows($dbobj); // mysqli_affected_rows関数： // 第1引数：接続情報 // 直前のMySQL操作で変更された行の数を得る // SELECT文の場合は取得したレコード数を得る // 直前のMySQL操作の結果なので記述位置に注意！

$sql = 'SELECT * FROM stationery LEFT JOIN trader ON stationery.maker=trader.m_id ORDER BY id;'; // 変数sqlに今回実行するSQL文を代入 $resultSet = mysqli_query($dbobj, $sql) or die(mysqli_error($dbobj)); // 第1条件： $resultSet = mysqli_que…

$dbobj = mysqli_connect('localhost', 'Tanaka', 'Manager') or die('DB接続できませんでした'); // or：論理演算子のOR // 複数条件のどれか１つでも満たされていればOK // 第1条件：$dbobj = mysqli_connect('localhost', 'Tanaka', 'Manager') // 第2条…

require_once dirname(__FILE__) . '/functions.php'; // dirname(●●●)：()内に指定したファイルの親ディレクトリパスを取得 // __FILE__：記述したファイルのフルパスとファイル名 // __DIR__：記述したファイルの親ディレクトリのパスを取得 // 「dirname(…