2020-08-01から1ヶ月間の記事一覧
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…
組み込みオブジェクト（続き） ●プロパティとメソッドの違い：()があるかないか オブジェクト外 オブジェクト内 値 変数 (例)変数名 プロパティ (例)オブジェクト.プロパティ名 処理 関数 (例)関数名(引数) メソッド (例)オブジェクト.メソッド名(引数) ●乱…
