クッキー・セッション(続き2) ●クッキー使われてるところ ・ホームページに訪れたことをきっかけに、特定の広告を繰り返し目にするようになるという現象 ・リターゲティング広告という ●クッキーの確認はsetcookieの後で行う echo '<pre>'; echo var_dump($_COOKI</pre>…
ファイルの読み込み
値の送受信(続き3) POST形式の値を送信 <form action="02-2_post_confirm.php" method="post"> ・基本的にGETと一緒の記述（考え方はGETと一緒） ・URLに情報がでない（改ざんされにくい） ・基本的に「POST」使っていく ・「GET」の使い道は検索結果を共有したいときや、渡したID番号に応じたサイトを表示すると</form>…
値の送受信(続き2) ●入力系のパーツは「var_dump」で表示するとき未入力でも空文字入る array(4) { ["myname"]=> string(0) "" ["mail"]=> string(0) "" ["comment"]=> string(0) "" ["age"]=> string(0) ""} HTML ●最初からやり直す（打ち込んだデータ消す…
値の送受信(続き) ●おさらいGET1 ●GETで受け取った値を出力(必須) echo '<pre>'; var_dump($_GET); echo '</pre>'; ●エラーメッセージを管理する配列 $error = ; 1.値が届いているか？：isset命令 if (isset($_GET['id'])) { 値が届いている時の処理 $id = $_GET['id'];…
値の送受信 form要素 HTML <form action="#" method="get"> <p>ここにフォームパーツを作成</p> </form> ・formタグがフォームパーツの大枠を担当するタグ ・action属性(必須)：送信先ページのURLを指定 PHPファイルでのURLを指定 ・method属性(省略可)：送信方法 get：URLに値をつけて送信する方法 post…
foreach文 ・配列の要素がある分だけ繰返し処理する $numList = [100, 200, 300]; foreach ($numList as $value) { echo $value . '<br>'; } ・出力結果↓ 100 200 300 ●foreachは配列を使った繰返し処理 ・asの左側に配列以外の変数を指定するとWarningエラーに…
演算子 ●文字列連結代入演算子：「.=」 $text2 = $text2 . 'お正月'; //文字列連結した結果を変数に代入 ↓代入演算子で短く記述 $text3 .= 'お正月'; ・JSでいう「$text3 += 'お正月'; 」 ・HTMLコードを変数に代入しながら作成する際によく使う ●問題 好き…
配列（補足） // 商品リスト $productList = [ [ 'ノート', '../img/item0.png', ], [ 'はさみ', '../img/item1.png', ], [ '計算機', '../img/item2.png', ], ]; // ナビリスト $navList = [ 'ノート', 'はさみ', '計算機', ]; // 掲載商品No $productNo = …
●ヒアドキュメント OK $text1 = <<< EOT ヒアドキュメントの文字列 ヒアドキュメントの文字列 ヒアドキュメントの文字列 EOT; OK $text1 = <<< EOT ヒアドキュメントの文字列 ヒアドキュメントの文字列 ヒアドキュメントの文字列 EOT; NG $text1 = <<< EOT …
PHPの基本 XAMPP（ザンプ）とは ・開発環境で使うサーバ ●XAMPPインストール方法 https://jobtech.jp/php/3930/ X：OS(昔はOSによって名前変わってた) A：Apache(Webサーバ) M：MySQL/MariaDB P：PHP P：Perl ●今までのリクエストイメージ ●PHPをリクエスト …
smoothscrollプラグイン ●HTML(body内の一番下) <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
●eachメソッド 【問題】名前に敬称「さん」をつけて表示すること HTML <div class="box2"> <h1>サンプル２</h1> <ul class="target"> <li>佐藤</li> <li>鈴木</li> <li>佐々木</li> </ul> </div> JS $('.box2 .target li').each(function (index, element) { console.log($(element).html() + "さん"); }); ・function (index, element)この無名関…
●クラス属性追加（HTML） <p class="box1">ボックス１</p> ↓ <p class="box1 pickup">ボックス１</p> JS $('.btn1-1').on('click', function () { $('.box1').addClass('pickup'); }); ●クラス属性削除（HTML） <p class="box1 pickup">ボックス１</p> ↓ <p class="box1">ボックス１</p> JS $('.btn1-2').on('click', function () { $('.box1').removeClass('…
●CSS .btn { cursor: pointer; カーソル乗った時に、カーソルの形変える transition: all 0.5s; カーソル乗った時に、変更する速度変える(現在は0.5秒で変わる) } ●文字変更して太くする $('.btn1-1').on('click', function () { let code = '<strong>'; code += 'ht</strong>…
●$：読み ドル/ダラー ※阿久津さんはダラーと言っているので「ダラー」推奨 ●widthとhightの書き方3種類 widthとhightはよく使うので書き方増えて優遇されている 例）ID名「content3」に幅50%を設定してみる 1.通常の書き方 $('#content3').css('width', '50…
●書き方2種類あるので画像の読み込み時は注意！ <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(function () { ページ読み込み完了後の処理 JQueryの強みはページ内要素の操作に長けている ページ内のすべての要素をプラウザが認識してから処理する window.alert('成功！'); }); </script> ・JQueryを利用する場…
●window_scroll ・「scrollToメソッド1実行」ボタンをクリックで呼び出し・関数内でscrollToメソッドの実行 関数内でscrollToメソッドの実行 function test1() { 横方向入力欄の値を変数に代入 var num1 = document.getElementById('num1').value; 縦方向入…
◆遅延処理 window.setTimeout ( 処理 , 遅延時間 ) ; window.setTimeout ( function ( ) { 一定時間経過後の処理 } , 遅延時間 ) ; ・setTimeoutが関数をつかんでいて、遅延時間後に離すイメージ。 ・関数名を書かないのは、何度も使うわけではないから。書…
問題array マウスカーソルが乗った時に大きい画像を表示する ●HTML <body> <div class="box"> <div class="inner"> <div class="stage"> <img id="bigImage" src="img/big001.jpg"> </div> <div class="thumb"> <ul> <li> <img src="img/001.jpg" onmouseover="changeImg(this.src);"> </li> <li> </li></ul></div></div></div></body>
●スコープとは 変数の参照範囲。 二種類ある（グローバルスコープ、ローカルスコープ） ローカルスコープはさらに二種類ある（関数スコープ、ブロックスコープ[2015以降]） ●変数宣言の種類（大きく分けて4種類） 宣言用キーワードなし num1 = 100; var var …
【HTML】div要素にクラス名つけた状態で書く効率いい方法 .box Enter押すとこうなる↓ <div class="box"></div> ●このクラスの中にさらにクラス入れるときは「>」つける .box>.grop Enter押すとこうなる↓ <div class="box"> <div class="grop"></div> </div> コードをコピーする効率いい方法 いちいちコードを選択してコピーしなくて…
関数 ●function ・処理をまとめたもの ・一度定義していればいつでも使える ・定義済みでも、呼び出さなければ何もしない 関数のバリエーション ・4種類ある ①引数なし・戻り値なし関数 ② function attack() { ③ console.log('攻撃した！！'); } ⑥ function …
情報セキュリティ（事故の発生？異常SS？） 1.コンピュータウイルスの感染 ・ウイルス対策ソフト導入 ・修正プログラムのインストール 2.データの破壊・改ざん・紛失 ・重要のデータの保有 ・アクセス不可フォルダ 3.スマホ、パソコン等の情報記憶媒体の紛失…
Dateインスタンス代表的なメソッド テキストP170~171 Stringインスタンス代表的なプロパティ テキストP183~191 Arrayインスタンス代表的なプロパティ テキストP194~210 ●文字数を表示 var str = '田中,菊池,丸,鈴木,新井'; console.log(str.length + "文字で…
組み込みオブジェクト（続き3） ●当日が誕生日の人は「おめでとう」、誕生日がまだの人は「残り日数」、誕生日が過ぎた人は「過ぎた日数＆来年の誕生日の日数」表示する 当日の日付 var today = new Date(); 実行した年の誕生日 var birthday = new Date(tod…
組み込みオブジェクト（続き2） console.log(Date.now()); ・オリジナルオブジェクトのメソッドを呼び出すこともできる・オリジナルオブジェクトで動くものを静的メソッドという ●インスタンス日時の変更例 var date2 = new Date(2018, 0, 1, 12, 0); consol…
組み込みオブジェクト（続き） ●プロパティとメソッドの違い：()があるかないか オブジェクト外 オブジェクト内 値 変数 (例)変数名 プロパティ (例)オブジェクト.プロパティ名 処理 関数 (例)関数名(引数) メソッド (例)オブジェクト.メソッド名(引数) ●乱…
%3CmxGraphModel%3E%3Croot%3E%3CmxCell%20id%3D%220%22%2F%3E%3CmxCell%20id%3D%221%22%20parent%3D%220%22%2F%3E%3CmxCell%20id%3D%222%22%20value%3D%22start%22%20style%3D%22rounded%3D1%3BwhiteSpace%3Dwrap%3Bhtml%3D1%3B%22%20vertex%3D%221%22%20pa…
重要なやつまとめ（忘れた時用） 元のデータ型 元の値 真偽値型変換 数値型 0 FALSE 数値型 NaN FALSE 数値型 10 TRUE 文字列型 ”(空文字) FALSE 文字列型 ”0” TRUE 文字列型 ”あいう” TRUE 未定義型 undefined FALSE Null型 null FALSE while文・do while文…
