2020-08-01から1ヶ月間の記事一覧
本日の授業内容 要約 ○PHPの設定 板書通り。 ○便利コード nlbr2(変数名);→<br>を入れていなくてもブラウザでも改行してくれるコード。 以下板書 〇PHP環境構築 xamppフォルダをデスクトップに作成 ・インストール時 xamppフォルダを対象にインストール tomcatは…
出来るようになったこと ○jQuery・プラグインを実装・他JSの総復習 ・slickプラグインを使ったカルーセルの実装(写真をぐるぐる回して見せる機能) おしゃれに作るならslickプラグイン 簡単なものだったら.setIntervalとfunction、配列リストで作成ができる …
授業メモ 要約 ○eachメソッド 処理の繰り返しを行う際に使用するもの。 $('要素名').each(function(index, element){ 「処理内容」 console.log(index + ':' + $(element).html()); }) index→0からカウントされた数字（iと略する場合もある） element→無名関…
本日の授業内容 要約 ①クラス制御 .addClass('クラス名') →クラスを追加する .removeClass('クラス名') →クラスを削除する .toggleClass('クラス名') →クラスを付与・削除両方できる ②thisについて ＄（this）はイベント発生要素 →イベント発生要素のコピー…
本日の授業内容 ・jQueryの続き 要素の操作について ☆他、要素操作一覧 prepend： 対象要素内の先頭に挿入 append ：対象要素内末尾に挿入 before ：対象要素の前に挿入 after ：対象要素の後ろに挿入 wrap ：指定した要素のラップ remove： 対象要素を削除 …
本日の授業内容 ・昨日のjQueryのおさらい →jQueryの書き方 jQueryイベントの書き方 イベントの記述 新旧 スマホが出た影響で旧型から新型に変わった。 処理開始のタイミングがon+（）内にいれて’ ’で囲む書き方になっている ※イベントの書き方（これは覚え…
※今日は朝のスピーチだった テーマは「デジタル家電」 自宅にあるスマートスピーカについて話をした。 本日の授業内容 ・windowオブジェクトのスクロールメソッドを使った演習 ・HTMLの記述にて’javascript:void(0)’の役割の学習 →ページ遷移のキャンセル ・…
授業内容 ・windowオブジェクトsetTimeoutの使用方法 →遅延処理を行う際に使用する ・setTimeoutを用いいた問題演習 ・windowオブジェクトsetIntervalの使用方法 →関数定義と絡めて使用する 覚えるべき公式 window.setInterval(function () { }, ミリ秒数); …
本日の授業内容 〇代表的なwindowオブジェクト window.alert('表示させる言葉') okボタンのみのダイアログ画面を表示 戻り値はなし window.confirm('表示させる言葉') 「ok」「キャンセル」ボタンのダイアログ画面を表示 戻り値：「ok」→true「キャンセル」→…
本日の授業内容 〇スコープについて 変数の参照範囲のことを言う。 ・グローバルスコープ 関数内・関数外で参照できる ・ローカルスコープ 関数内のみ参照できる 変数宣言の種類 1.無名 例）num1=100; →グローバル変数。バグやエラーの原因になるので非推奨 …
簡易版ドラゴンクエストを利用した問題演習 問題1 画像を指定したキャラに変更 問題2 ライフがマイナスになった時に0になるように設定 問題３ 回復処理を作成（HTML側で回復のボタンは作成済み） 問題４ 回復値がキャラの最大HPを超えないように設定 追加問…
授業内容 要約 ○function（関数） よく使う処理を定義し、呼び出すもの ・関数定義 function 関数名(引数) { よく使う処理を記述 } ・関数の呼び出し方 関数名（引数） 〇引数なし・戻り値あり関数 戻り値の有無判断は returnがあるかないかで判断する 例） …
おさらい問題 array ブラウザでマウスカーソルを合わせた際に小さい画像（001.jpg～003.jog） が表示される状態だが、これを大きい画像（big001.jpg～003.jog）に表示 されるようにJS上で操作をすること ※HTML側は一切いじらない <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Arrayオブジェクト</title> </meta></meta></head></html>
授業内容 要約 〇占い 課題 ・JSから画像ファイルを反映させる方法 .innerHTML→文字、タグを反映させる。 .setAttribute→画像を反映させる。 必死に document.getElementById().innerHTML = [] を駆使して試行錯誤していたが一向にうまく表示されなかった。 …
授業内容 要約 誕生日へのカウントダウン console.log('問１'); console.log('１回目の出力'); 誕生日まであと何日かブラウザ上で表示させること var today = new Date(); // ↑PCの最新の日付と時間 // var today = new Date('2018/12/20 12:00:00'); // var…
〇Dateオブジェクト 前日の続き --- 例題-- - var date2 = new Date(2018, 0, 1, 12, 0); console.log('問題12-6'); console.log('問題12-6①'); ①date2の日付を2010 / 12 / 24 23時59分に変更する方法 console.log(date2.setFullYear(2010)); console.log(da…
〇組み込みオブジェクト ・プロパティ＝値 ・メソッド＝処理 組み込みオブジェクト console.log('問題12-3①'); console.log(Math.min(99, 4, 68, -39, 0)); console.log('問題12-3②'); ０以上３未満の疑似乱数をコンソールに表示せよ var randomNum = Math.r…
var star = ''; 以下のような画面になるよう出力せよ「star.html」と「star.js」を使って解答する ■■■問１■■■ ────────ココカラ ★★★★★ ────────ココマデ // 問題１解答記述欄 star = ''; // for文を記述して解答 for (var i = 0; i < 5; ++i) // iは０から設…
