2014-10-11から1日間の記事一覧

2014-11-17

2014-11-17 GIFアニメーション Photoshop アニメーションとは 「アニメーション」は、目の錯覚を利用して残像を連続しているように感じさせることで「動き」を作っています。 たとえば、先日の「GIFアニメ:swingbird」の場合、軸の基準点に対し「回転」があ…

2014-11-16

2014-11-16 AI - キャラクターをつくる Illustrator 楕円形ツールを自由に使う ここまでは、ペンツールを使わなくても形にできます。 楕円を描いて、ハサミツールで切っても曲線にはなります。 アンカーポイント切り替えツールを使う 楕円の端をとがらすには…

2014-11-15

2014-11-15 確認演習(1) JavaScript JavaScript ステートメント(命令文)の終わりはセミコロン「;」 ステートメントは、上から順に実行される 命令に与える値を、引数(ひきすう)という 文字列と数値の扱いの違いに注意する メソッドはオブジェクトに対…

2014-11-14

2014-11-14 画像置換 JavaScript マンガで分かる JavaScriptプログラミング講座 JavaScriptで画像置換 JavaScript Reference:onMouseOver CSSは必要なし! onmouse属性を使った簡単なロールオーバーの作り方 要素に直接記述(インライン) onmouseover = " …

2014-11-13

2014-11-13 ライブトレースと複合パス/クリッピングマスクとブレンド Illustrator ライブトレース(オートトレース)を使う (1)新規書類を作成する。 (2)「ファイル」→「配置」で写真を配置。 (3)「オブジェクト」→「ライブトレース」→「トレースオプ…

2014-11-12

2014-11-12 作ってみよう★★★★ JavaScript 必ず作ってみること! <html ja> <head> <metacharset="UTF-8"> <title>JavaScriptの演習</title> </head> <body> <script> </script> </body> </html> ダイアログボックスに入力された数値の値が、偶数か奇数かを判別してブラウザに表示する 現在の時刻を表示する 「今年は、~~年です。」と表示する 「今日は、~…

2014-11-11

2014-11-11 チェックテスト(7) JavaScript Q1 以下はDOMに関する説明です。空欄(A)と(B)を適切な語で埋めなさい DOMは、HTMLやXMLなどの(A)で記述された文書の要素にアクセスするための仕組みで、要素を(B)構造で扱う。 Q2 以下はHTML文書において…

2014-11-10

2014-11-10 イベントハンドラの設定 JavaScript HTMLとJavaScriptの分離 いままでの記述では、イベントハンドラはHTML内に記述していました 定義とイベントが発生する位置がばらばらでわかりにくくなっています Webページを作成する際は、HTMLとスクリプトは…

2014-11-09

2014-11-09 DocumentオブジェクトによるHTML要素の操作 JavaScript 要素へのアクセス(要素の取得) Documentオブジェクトのメソッドでよく利用されるのは、「getElementById」と「getElementsByName」です どちらも戻り値としてHTML要素を返します IDを指定…

2014-11-08

2014-11-08 DOMとは JavaScript DOMとは DOM(Document Object Model)とは、HTML文書をオブジェクトとして読み込んで操作するための仕組み Documentオブジェクトが持つ要素の構造そのもの、あるいはそれらにアクセスしたり操作したりする機能のこと DOMは、…

2014-11-07

2014-11-07 チェックテスト(6) JavaScript Q1 以下はWindowオブジェクトに関する説明です。空欄(A)(B)に適切な語を埋めなさい すべてのブラウザオブジェクトの(A)となるオブジェクトで、(B)に関する情報をもつ。 Q2 openメソッドで開いたウィンド…

2014-11-06

2014-11-06 LocationオブジェクトとHistoryオブジェクト JavaScript WebページのURL情報(Location) Locationオブジェクトは、WebページのURLを情報としてもつオブジェクトです hrefプロパティの値を変更することで、別のWebページへ移動できます location.…

2014-11-05

2014-11-05 ブラウザオブジェクト JavaScript ブラウザオブジェクトとは ブラウザオブジェクトは、ブラウザに組み込まれているオブジェクトです ブラウザ上の情報は、すべてオブジェクトとして扱うことができます これらのオブジェクトを総称して「ブラウザ…

2014-11-04

2014-11-04 チェックテスト(5) JavaScript Q1 以下はイベントに関する説明です空欄を埋めなさい Webページ上でボタンのクリックなどのイベントが起こると、(A)がイベントの発生を検知し、関連付けられた任意の処理を呼び出す。 このような仕組みを(B)と…

2014-11-03

2014-11-03 イベント発生元の特定 JavaScript thisキーワードの利用 1つの関数を複数のイベントから呼び出すとき、呼び出された関数内でどの部品から発生したイベントなのかを知りたい場合があります そのようなときには、thisキーワードを利用します イベ…

2014-11-02

2014-11-02 イベント駆動型モデル JavaScript イベントとは 何かのきっかけで処理を行うことを「イベント」と呼びます イベントが発生したときに対応する処理を呼び出す仕組みを「イベント駆動型モデル」と呼びます それぞれのイベントと任意の処理をあらか…

2014-11-01

2014-11-01 チェックテスト(4) JavaScript Q1 以下のオブジェクトが持つメソッドを実行するときには、どのような命令を記述しますか? <script> var obj = { x: function(){ console.log('こんにちは');} }; </script> Q2 メソッドの中で記述すると、オブジェクト自身を表す…

2014-10-31

2014-10-31 正規表現 JavaScript 正規表現とは 入力チェック処理には、正規表現が用いられます 正規表現とは、文字列のパターンを特定するための手法のことです 正規表現の書き方 《正規表現》 /パターン/オプション 数字が4桁、先頭がアルファベットなどの…

2014-10-30

2014-10-30 状況に応じた処理 JavaScript 平日・休日を区別して表示 DateオブジェクトのgetDay()メソッドを使う 日曜日「0」、月曜日「1」、火曜日「2」、水曜日「3」、木曜日「4」、金曜日「5」、土曜日「6」 wday.jpg hday.jpg <script> var d = newDate(); var da…

2014-10-29

2014-10-29 組み込みオブジェクト JavaScript 組み込みオブジェクトとは 関数と同じくオブジェクトの場合も、JavaScriptがあらかじめ用意しているオブジェクトがあります これを「組み込みオブジェクト」と呼びます 《主な組み込みオブジェクト一覧》 オブジ…

2014-10-28

2014-10-28 オブジェクト・メソッド・プロパティ JavaScript オブジェクトとは 文字列や数値、関数などJavaScriptで扱うデータは、すべてオブジェクトです オブジェクトは「プロパティ」と「メソッド」を持っている JavaScriptのオブジェクトとは、キーと値…

2014-10-27

2014-10-27 線のバリエーション Illustrator 線のバリエーション 点線を描く (1)10pxの直線を描く (2)線の属性を「波線」→「線分:0」「間隔:線の太さの2倍以上」にする。 (3)線端の形状を「丸形線端」にする。 破線を描く(JR線路・私鉄線路) アビ…

2014-10-26

2014-10-26 2カラム演習課題★★★★ CSS プロヴァンス provence プロヴァンス(la Provence)は、フランス革命以前のフランスに置かれていた州のひとつであり、フランスの南東部に位置する。フランス王国併合前(15世紀末)にあった独立国(プロヴァンス伯爵領…

2014-10-25

2014-10-25 チェックテスト(3) JavaScript Q1 以下は、受け取った引数をコンソールに表示する関数です この関数を呼び出し、コンソールに"ABC"と表示するにはどのように記述すれば良いですか? function func(x) { console.log(x); } Q2 ある関数内で、変…

2014-10-24

2014-10-24 関数の応用 JavaScript 関数の代入と匿名関数 関数は、数値や文字列のように変数に入れて扱うことができます この方法を使うと、条件に応じて異なる関数を変数に設定したり、関数を引数として別の関数に渡したりと、より柔軟に関数を利用できます…

2014-10-23

2014-10-23 変数のスコープ JavaScript スコープとは 変数には、スコープ(有効範囲)が設定されています スコープは、その変数がスクリプト中のどこからどこまでの範囲で利用できるかを表します 《JavaScriptのスコープ》 種類説明対象 グローバルスコープ …

2014-10-22

2014-10-22 組み込み関数 JavaScript 組み込み関数とは JavaScriptがすでに備えている関数 《組み込み関数一覧》 関数名説明 parseInt 文字列型の数字列を数値型(整数)に変換する parseFloat 文字列型の数字列を数値型(実数)に変換する isNaN 指定された…

2014-10-21

2014-10-21 関数 JavaScript 関数とは 一連の処理をひとまとめにして、名前をつけたものを「関数」と呼びます 手間のかかる処理を関数として定義しておけば、必要なときに何度も呼び出すことができます 関数は処理の材料となる「引数」を受け取ります 処理が…

2014-10-20

2014-10-20 チェックテスト(2) JavaScript Q1 以下のスクリプトで実行をすると、どのような結果が表示されますか? <script> var x = 'ABC'; if(x != 'ABC'){ console.log('OK'); }else{ console.log('NG'); } </script> Q2 以下のスクリプトで実行をすると、どのような結果…

2014-10-19

2014-10-19 繰り返しの制御 JavaScript 繰り返しの中のbreak文 switch文でのbreak文は、ブロックの外へ抜けるための構文でした break文をwhile文やfor文のブロック内に記述することで、継続条件式がtrueであっても強制的にブロックの外へ抜けることができま…