2020-01-01から1年間の記事一覧
授業内容 要約 送信側の記述方法 〇入力パーツを記述する際の基本の形 HTMLファイル <form action="#" method="get"> ↑actionは入力情報の送り先 (phpファイルへのurl)を指定 ↑methodは"get"か"post"を指定 </form> ↑最後に閉じるのを忘れずに。 これらの記述がないといくら入力パーツがあっても…
本日の授業内容 要約 ○foreach文 配列を用いて繰り返し処理を行う際に使用する。 foreach(処理に使う配列+as+配列内の値を入れる変数) ・ . PHP_EOL ソースコード上で改行させるコード ○foreach文 連想配列を用いた使用法 foreach(処理に使う配列+ as+ $key …
本日の授業内容 要約 ○PHP 切り上げ・切り捨ての関数について ceil( ):切り上げ floor( ):切り捨て round( ):四捨五入 ※round関数について round(丸める値 , ①丸める桁の位置 ,②丸めモード) ①丸める桁の位置・・1→小数第一位、2→小数第二位、-1→…
本日の授業内容 要約 ○連想配列 ・JSの配列→ var items=[ 'りんご',//0 'みかん',//1 'どりあん',//2 ]; →部屋名としてに勝手に0~2の数字が振られる ・PHPの配列→ var items=[ 'no1'=>'りんご', 'no2'=>'みかん', 'no3'=>'どりあん', ]; →部屋名をつけるこ…
本日の授業内容 要約 ○ヒアドキュメントについて 例) $text1 = << < EOT ヒアドキュメントの文字列 ヒアドキュメントの文字列 ヒアドキュメントの文字列 EOT; この記述(赤字部分)をすると、ヒアドキュメント内の特殊文字と変数は展開される。 (通常は” ”…
本日の授業内容 要約 ○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になるように設定 問題3 回復処理を作成(HTML側で回復のボタンは作成済み) 問題4 回復値がキャラの最大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('問1'); console.log('1回目の出力'); 誕生日まであと何日かブラウザ上で表示させること 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②'); 0以上3未満の疑似乱数をコンソールに表示せよ var randomNum = Math.r…
var star = ''; 以下のような画面になるよう出力せよ「star.html」と「star.js」を使って解答する ■■■問1■■■ ────────ココカラ ★★★★★ ────────ココマデ // 問題1解答記述欄 star = ''; // for文を記述して解答 for (var i = 0; i < 5; ++i) // iは0から設…
〇JSとHTMLの連動について for文の復習 var itemList = [ 'いちご', 'みかん', 'りんご', ]; console.log('文字列連結の復習') var code2 = '<h1>見出し1</h1>'; document.getElementById('display3'). innerHTML = code2; // var code3 = '<ul>\n' // code3 += '<li>項目1</li>\n</ul>…
〇while文 while(条件式){ 条件式がtrueの時に処理する内容 } while文の流れ図 var num;//繰り返し回数の管理 var star;//3回目で使用する☆を管理 console.log('1回目の出力'); num = 0; while (num < 10) { console.log(num); num++; } console.log('2…
〇論理演算子 早速例題をまじえての解説 var age = 35; console.log('1回目の出力'); if (age >= 30 && age < 40) { console.log('30代'); } //論理演算子「&&」は左辺右辺ともにtrueの時にtrueを返す。 console.log('2回目の出力'); if (age < 30 || ag…
20〇エスケープシーケンス \'→コンソール上に'を表示させる時に使う \"コンソール上に"を表示させる時に使う \\→エスケープシーケンス記号(JSで意味のある記号) \n→改行 \r→復帰 \t→タブ 上記の6つの書き方を覚えていればおk 〇制御構文・比較演算子 ・if…
演算子の続き booleam trueORfalse number string '""' undefined ☆文字連結演算子 var name = '田中'; console.log('1回目の出力'); console.log('こんにちは' + name + 'さん'); →①こんにちは+田中 →②こんにちは田中+さん →こんにちは田中さん とコンソー…
☆オブジェクトについて 配列と違って部屋に名前は付けられるがlengthが使えない。 {}が使われるのが特徴 オブジェクトを作る=オブジェクトリテラル var 変数名={プロパティ1:値1、プロパティ2:値2、・・・} ・配列リテラル:[] ・オブジェクトリテラル…
※lengthとは 部屋数を調べる際に使用する値。 訳:console.log:コンソールに表示せよ var fruits = ; ↑配列を作成する際に使用する値 console.log('1回目の出力'); console.log(fruits); console.log(fruits.length); ---ここは番地に入れる値の設定--- fr…