表示結果のようになるよう記述しなさい １）要素セレクター <スクリプト＞ <body><h1>Heading</h1><p>The quick brown fox jumps over the lazy dog.</p><ul> <li>The quick brown fox jumps over the lazy dog.</li> <li>The quick brown fox jumps over the lazy dog.</li></ul><script>$ ( function( ){ $('p').css(</body>…
jQueryは ⑴ どのHTML・CSSの要素を操作するかをセレクターで指定し ⑵ 操作する内容を書く $ ( function( ) { $ ( 'セレクター' ) . jQueryの命令 } ) ; 例： $ ( function() { $ ('li').css('color','red') }); ・・・CSSのｌｉ要素のcolorプロパティを赤に…
jQueryはJavaScriptの１つ。 CSS（Cascading Style Sheets）に近い記述方法をする クロスブラウザー設計（ブラウザーによる実装の差異がほとんどない、見た目が同じ） HTMLとCSSを操作するためのプログラミング言語 jQueryを使う準備 ２つの方法 ① jQueryフ…
FLASHでクロスフェードの動画を作成します。 クロスフェードとは：複数の画像がフェードイン・フェードアウトしながら、自動的に切り替わるもの。 ○各画像のレイヤー○全体の再生停止等の指示をするレイヤー○再生・停止を指示するボタンのレイヤー を分けて作…
FlashはAction Script2.0で作っていきます。これからFlashをダウンロードする方は要注意なのが、Flash CCはAction Script2.0に非対応です。Flash CS6以下にする必要があります。 Adobeでなかなか見つからないCS6のダウンロードページでしたが、運良くここで…
完成予想図 見出し画像の上にロゴマーク画像が重なっている状態を目指します。イラストレーターでロゴの透過PNGを、画像の重なりはCSSのPositionを使います。幅：800px 1．イラストレーターでの透過PNG画像作成 ロゴマーク画像をイラストレーターで開いてお…
イラストレーターで、動物のキャラクターを使ったマークをつくります。 ①猫のイラストを描く 顔や目の輪郭は楕円ツール、ヒゲや口はペンツールで。リフレクトツール、回転ツールを多用し、左右対称に近づけます。完全な左右対称ではありません。 猫のイラス…
（小テストで間違えたところのおさらい） オブジェクト名．メソッド名（） （）がないと、メソッドとしての役割でなくなってしまう。また、（）内に引数をいれられるので、尚更書かなければならない 参照：組み込みオブジェクト - Webデザインの勉強 風姿花…
乗算は色のかけ合わせをするものです。この方法で２枚の画像を乗算で合成します ［参考サイト］Photoshopの描画モード -「乗算(じょうさん)」- - 印刷の現場から-印刷通販WAVEのブログ 元画像 完成図 手順 ① ビルの画像を全選択（Ctrl + A）して、コピー（Ct…
・分岐条件が２つの場合 ： ｉｆ文 if ( 変数 ) { 処理A} else { 処理B} ・分岐条件が３つ以上の場合 ： if else文 または switch文 if else文 switch文 【例題】
１．2枚の画像から一部を切り抜いて、合成写真をつくります 手前のサイを切り抜き、後方の高原にいるような合成写真を作ります ① サイをクイック選択ツール（またはマグネット選択ツール）で選択範囲にします ＊マグネット選択ツール使用中に、不要なところ…
①画像にマウスを乗せた時はカラー、マウスを乗せていないときはモノクロ、というように画像が変わる仕組み CSSを使わずにJavascriptで行います。 マウスオフ時 マウスオン時 手順 ① 画像を用意する（Photoshop）② Javascriptを埋め込む １．画像を用意する（…
ｆｏｒ文と多重ループ for文は多重ループ（for文の中にfor文を入れる）にできます for ( 変数ｉの初期値 ; ; ) { for ( 変数ｊの初期値 ; ; ) { 処理の結果（J） } 処理の結果（I）} この場合の処理の順序は、次のようになります まず変数ｉを参照します Ｊ…
＝＝現在の日時を表示させるDateオブジェクト＝＝ d = new Date ( ) ;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 主なメソッド スクリプトの中では、それぞれ「Dateオブジェクト名.getFullYear」という形で表します。 .getFullYear ( ) 西暦を表す４桁…
文字列や数値、関数などJavaScriptで扱うデータは、すべてオブジェクト JavaScriptのオブジェクトとは、キーと値の集合体のこと 連想配列は、オブジェクトの別名です オブジェクトでは、「数値や文字列などを値としてもつ要素 = プロパティ」 オブジェクトで…
グローバル変数とは： 関数の外側で定義した変数 varによる宣言を省略した変数 ローカル変数とは： 関数の内側で定義した変数 varで宣言した変数 ・・・その関数の中でのみ変数を参照できる 変数宣言には通常「var」を付ける。 しかし、varをつけずに変数宣…
自作課題２ 入力後 ＊ ポイント function関数とpromptを使って入力ウインドウを立ち上げる 入力した数字に消費税８％を掛け、引数として返す 小数点以下を toFixed(0) で切り捨て 別ウィンドウで金額を表示 ＜ ソース＞ その１（シンプルバージョン） <body><p>税込み</p></body>…
＝＝ 関数の定義 ＝＝＝＝＝＝＝＝＝＝ ｆｕｎｃｔｉｏｎ 関数名（）｛ 処理； ｝ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ＝＝ 関数の呼び出し ＝＝＝＝＝＝＝＝ 関数名（）； ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 関数はfunction文を使って定義する …
指定した回数処理を繰り返す（while文との違い） ＝＝ 公式 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ｆｏｒ（変数の初期値；繰り返し条件；変数の増減）｛ 実行される処理 ｝ ==＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ カウンタ変数名はｉ，…
連想配列とは「数値の変わりに意味のある文字列をインデックスとする」「インデックスのことを『キー』と呼ぶ」 図書館の蔵書検索で使われているような機能 ＝＝ 式 ＝＝＝＝＝＝＝＝＝＝ var 連想配列名 ＝ ｛ キー１：値， キー２：値， キー３：値｝； ＝…
ーー 式 ーーーーーーーーーーー 変数の初期値；while（繰り返し条件；）｛ 実行される処理変数の変更；｝ ーーーーーーーーーーーーーーーー ・反復処理を行う・while文は繰り返す回数が決まっていない場合に使われる（延々と繰り返す） → 記述を間違うと無…
【自作課題】「日本で最も大きい県はどこ？」のクイズを作る。 ※答えを入力するボタンを押すと入力画面が表示されるようにする※正解（岩手県）を入力された場合は「正解」、それ以外は「不正解」を警告画面で表示するようにする 【ソースコード】 <body><p>日本で最も</p></body>…
【例題１】 「10-5の答えは？」という問題の答えを入力してもらい、それが 5 の時は「正解！」と表示する。それ以外の時は「残念！と表示する。 ⇓ 【考え方】 画面に答えを入力してもらい、その値を「x」と定義する ・・・Aもし（if）xが５ならば（ x = 5 ) …
function 関数名( ) { ・・・・・・・} <body><h3>問題</h3><p>14+59=</p><p><button onclick="ans()">答えを見る</button></p> <script>function ans( ) { var kai = 73; //変数kaiを宣言し、解37を代入 alert ( kai ); //kaiを表示させる}</script></body> 表示例 ↓↓ <button onclick="関数名( )">〜「ボタンに表示させたい内容」〜</button>を覚えよう！
インクリメント ある変数の数を１増やすことa = a + 1 ;aの数を1増やした値をaに代入し直す、という意味 a += 1; とも書ける デクリメント ある変数の数を１減らすことa = a-1 ;aの数を1増や減らした値をaに代入し直す、という意味a -= 1; －－－－－－－－…
数値が入る変数の型・・・数値型（Number） 何も付けない文字列が入る変数の型・・・文字列型（String）。シングルクォーテーション「’’」で囲む ※ｘ = 3, y = 5とする ①数値型同士を結合させる場合 varｘ= 3;var y = 5;var total = 3 + 5; 結果は「8」 ②文…
演算子 例 結果 +（プラス） a = 5 + 5 10-（マイナス） a = 5 - 5 0*（アスタリスク） a = 5 * 5 25/（スラッシュ） a = 5 / 5 1%（パーセント） a = 5 % 5 0 ・・・５割る５の余りの数値 a = 5 / 0 の結果 ・・・Infinity（無限）a = 5 % 0 の結果 ・・・N…
［記述場所］ ①<body>内の</body>の前に、<script>～</script>の間に書く <body> ・・・・・・ <script> ・・・・・・・ </scrpit> </body> ②headタグの間に関数を記述する <head> <title>~~~~</title> <script> ・・・・・・・ </script> </head> ③HTMLファイルで外部ファイルから読み込むことも可能 <script src="sample.js"></script> src属性を使用する …
Javascriptの基本 ①初期値を与える ②演算の命令をする ③出力する 例： ①var x = 12;var y = 6; ②var z = x + y; ③document.write( z ); //ブラウザに結果を表示させるconsole.log( z ); //consoleに結果を表示させる var x = 12; 変数宣言 ・・・varx ・・・…
今日の講義はpositionについてです。 positionが使われているのはどんなところ？ 例えば 「ケンコーコム」 一番上にあるロゴやグローバルナビは、CSSを無効化してみると、HTMLのかなり下の方に記述されているのがわかります。 このように、HTMLで記述された…
