web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

JavaScript

38日目

本日は… ■Flashのテスト →レモンを上下左右に… 同様の状態を、ボタンを押している間は動く、離したら止まる… onPressのときfunctionに、onEnterFrameを入れ、そのfunctionに_x=+rateにしてやれば動く onReleaseの時にはonEnterframe=undifinedを設定してや…

37日目

今日は… ■JavaScriptとjQueryのドリル ■flashをActionScriptで動かす ■jQueryでイベントの勉強 ドリルでは、JavaScriptで 1.ボタンをおした時にコンソールに「こんにちは」と表示する 2.5枚の画像をランダムに表示する 3.jQueryは●●のライブラリ…=Ja…

自習3

jQuery… JavaScriptのライブラリの一つ 2.X以降はIE8までに対応していないので1.11~などを使う(DLしてもいいし外部読み込みをしてもイイ) →外部読み込みをする理由は、閲覧者がDLしなくてすむのでスマホユーザーなどにやさしい →書き方<script src="~~~~.js"></script> ●CDN … Content De…

36日目

本日は… ■jQueryの基礎とセレクタの種類 ■JavaScriptで動く車 ■jQuery=$はインスタンス ・jQueryは1.8.3までと1.9.1以降で使えるメソッドに差異がある →ライブラリを使う上では注意が必要 ・スマホは外部からの読み込みで動かすのがいい(いちいちjsファイ…

35日目

本日は… ■配列の復習と、DOMの基礎 ■FLASHを使ってリップル効果 ■arrayを使う var 名前=new Array(n); ※先に要素の個数を指定することができる ※中身は 名前[0]= 中身で入れられる ・配列を使った個数計算表、要素の書き出しなど要復習 ■DOMの基礎 docume…

33日目

本日は… ■透過PNGの作り方&positionで配置する方法 ・まず透過PNGでロゴを作る ※ポイントはパス上文字ツール ・保存するときはPNG24がいい。8だと周囲に白い線が残る可能性 ・GIFも同様 →これらの対策としては、マットに背景色を設定する ・現在主流はPNG→…

32日目

本日は… ・for文、配列などの復習テスト ・組み込みオブジェクトの復習 ・Mathオブジェクトの復習 テストの内容は… (1)var fruits=['りんご','みかん','パイナップル','バナナ','ぶどう']; この数列をfor文を使ってconsoleに列挙する穴埋め for(i=0;i

30日目

本日は… ■Mathオブジェクト ・Math.floor:小数点以下を切り捨てる ・Math.ceil:小数点以下を切り上げる ・Math.round:四捨五入 ・Math.random:0以上1未満の乱数を発生させる →欲しい数値化1~6の場合など、掛け算をして1を足してやる、10をかけるな…

29日目

本日は… ■JavaScriptを使って画像を置換する ・フリーの画像をネット上から落とす →自分のお気に入りのサイトを作っておくとイイ ・サイズを変える…一定の大きさ(比率)を保った状態で切り抜きツール ・CSSを書く→floatの中ではmarginは相殺しない!! ・im…

28日目

本日は… 一日JavaScript。 ■関数の続きから function 関数名(){ 実行する処理; } 呼び出すときは 関数名(); ※呼び出しは先に書かれていても問題ない ※関数は呼び出されない限り実行されない ■引数 function 関数名(引数名){ console.log(引数名+表示した…

27日目

本日は… Illustratorで車をトレース… 少し時間がかかりすぎ。要練習。 ■for文の復習 構文:if(変数の初期値;繰り返しの条件;変数の増減){ 実行される処理; } →複雑な結果を求めるのなら紙に一度書くといい ※一度処理された変数はその値を保持したまま繰り返…

26日目

本日は… テスト五枚!Illustrator以外のものの復習。 と、JavaScriptと、登録してやっておいたほうがいいサイト色々。 参考サイト: ①ベジェ曲線の練習 Shape Type, the letter shaping gameshape.method.ac ②カラーコードからカラーを推測 What the Hex? ③…

25日目

本日は ■Switch構文 ・ifは最初から、Aかそれ以外という考え方 →SwitchはAの場合、Bの場合と想定がある ・switch(名前) { case(値): 処理; case(値): 処理; …以下 } という感じで進んでいく ・配列 var *** = [*,*,*]; 配列変数とも呼ぶ 関連性のあるデ…

24日目

本日は… ■FlashとJavascriptでした フラッシュは使える人が少ないので、需要は少ないながらもお金になる! ・PIP(person in presentation)…人に服を着せて、回して見せたり(キュー出し) ・アニメ-ションを作るときは重力表現をしっかりと。※歩いている…

23日目

本日は… JavaScriptさんに入りました。 ■ざっくりJavaScriptとは… :Javaさんとは別の人 :インタプリタ方式で、一行ずつ読んで行くタイプ(上から順番に実行していく)⇔コンパイラ方式(ゲームなどはこっち) :ECMAスクリプト(エクマスクリプト)が世界標…