2014-10-26 2カラム演習課題★★★★ CSS プロヴァンス provence プロヴァンス（la Provence）は、フランス革命以前のフランスに置かれていた州のひとつであり、フランスの南東部に位置する。フランス王国併合前（15世紀末）にあった独立国（プロヴァンス伯爵領…
2014-10-25 チェックテスト（3） JavaScript Q1 以下は、受け取った引数をコンソールに表示する関数です この関数を呼び出し、コンソールに"ABC"と表示するにはどのように記述すれば良いですか？ function func(x) { console.log(x); } Q2 ある関数内で、変…
2014-10-24 関数の応用 JavaScript 関数の代入と匿名関数 関数は、数値や文字列のように変数に入れて扱うことができます この方法を使うと、条件に応じて異なる関数を変数に設定したり、関数を引数として別の関数に渡したりと、より柔軟に関数を利用できます…
2014-10-23 変数のスコープ JavaScript スコープとは 変数には、スコープ（有効範囲）が設定されています スコープは、その変数がスクリプト中のどこからどこまでの範囲で利用できるかを表します 《JavaScriptのスコープ》 種類説明対象 グローバルスコープ …
2014-10-22 組み込み関数 JavaScript 組み込み関数とは JavaScriptがすでに備えている関数 《組み込み関数一覧》 関数名説明 parseInt 文字列型の数字列を数値型（整数）に変換する parseFloat 文字列型の数字列を数値型（実数）に変換する isNaN 指定された…
2014-10-21 関数 JavaScript 関数とは 一連の処理をひとまとめにして、名前をつけたものを「関数」と呼びます 手間のかかる処理を関数として定義しておけば、必要なときに何度も呼び出すことができます 関数は処理の材料となる「引数」を受け取ります 処理が…
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 繰り返しの制御 JavaScript 繰り返しの中のbreak文 switch文でのbreak文は、ブロックの外へ抜けるための構文でした break文をwhile文やfor文のブロック内に記述することで、継続条件式がtrueであっても強制的にブロックの外へ抜けることができま…
2014-10-18 for文 JavaScript forとは while文は、繰り返しの継続条件のみを指定する単純な構文に対し、for文は繰り返すたびに変数の値を増減させることができます この変数を「カウンタ変数」と呼びます 何回目の繰り返し処理を実行しているのか、という情…
2014-10-17 while文 JavaScript while文とは 反復処理（繰り返し）を行います 同じ事を繰り返すことを「ループ」と呼びます while文は繰り返し回数が決まっていない場合に使われる場合が多い while（継続条件式） { 繰り返す処理 } 継続条件式には、if文と同…
2014-10-16 チェックテスト（1） JavaScript 演習課題 Q1 同一ディレクトリ内のJavaScriptファイル「sample.js」をHTMLファイルに読み込むには、どのように記述すればよいか書きなさい Q2 以下のスクリプトを実行した結果、コンソールに表示される値はなんで…
2014-10-15 連想配列 JavaScript 連想配列とは 連想配列は、数値の代わりに意味のある文字列をインデックスとすることで、各要素を識別しやすくすることができます 連想配列の場合、インデックスのことを「キー」と呼びます 連想配列の宣言と初期化 連想配列…
2014-10-14 配列 JavaScript 配列とは 配列とは、同じ用途で用いる複数の変数を１つにまとめたもの 配列は要素の集合体 配列は変数の集まりによって構成されます 個々の変数のことを「要素」と呼びます 各要素を識別するために「インデックス」と呼ばれる番…
2014-10-13 switch文 JavaScript switchとは if文と同様に分岐処理を行います if文を簡略化してよりすっきり記述するための構文です ある変数の中身が一致するかという判断を行います switch（変数） { case 値1: 変数の中身が値1に一致した場合の処理 case …
2014-10-12 条件文 JavaScript スクリプトには３通りの進み方がある（実行する流れ） 順次 分岐 反復 if文 条件によって、ある処理を実行するかしないか選択して、処理の流れを分岐させたいときに使う構文 条件がtrueのときは処理を実行する 条件が成り立た…
2014-10-11 異なる型の連結と変換 JavaScript 異なる型の連結 文字列と数値を「+」で結合すると、数値は文字列に変換されます。 a = '１日は、'; b = 24; c = '時間です。'; d = a + b + c; a：文字列を代入します。 b：数値を代入します。 c：文字列を代入…
2014-10-10 ブラウザに表示 JavaScript ブラウザに文字を表示 「Hello World!!」とブラウザに表示させる <htmllang="ja"> <head> <metacharset="UTF-8"> <title>Hello!</title> </head> <body> <script> window.document.write('Hellow World!!'); </script> <noscript> JavaScript対応ブラウザで表示してください。 </noscript> </body> </html> 文字列の表示 J…
2014-10-09 演算子 JavaScript 演算子とは 演算子とは、なんらかの処理をおこなう記号のことです 大きく分けて「算術演算子」「代入演算子」「比較演算子」「論理演算子」の４種類があります 算術演算子 演算子説明使用例結果 + 数値の加算 1+1 2 + 文字列の…
2014-10-08 変数 JavaScript 変数とは JavaScriptがデータをおぼえるとき、パソコンのメモリにデーターを記憶します メモリがデーターを記憶できる領域が広いので、その中でデータを個別に管理するために領域の一部を名前をつけておきます これが「変数」で…
2014-10-07 JavaScriptとは JavaScript JavaScriptとは インタプリタ方式の高水準言語 オブジェクトベースのスクリプト言語 ブラウザで動作するように作られたもので、クライアント側で動作する XHTML＋CSSで作られたWebページにJavaScriptを組み合わせると…
2014-10-06 プログラム言語 JavaScript プログラム言語の分類 CPUが理解できる機械語と、人間が理解できる高水準言語がある 機械語（低級言語） コンピュータが直接読み取ることができるもの 2進数で表現される数字の羅列 高水準言語（高級言語） 人間が理解…
2014-10-05 企業系サイト：トップページ 制作 無料素材 定義 例 授業内５時間で画像制作からコーディングまで 全体は、#conatiner幅「980px」 ヘッダー情報とフッター情報の見栄えは、ブラウザ幅全体を利用する 横幅「140px」ピクセルのナビゲーションボタン…
2014-10-04 高品質なバナー広告を作る Web画像 参考ギャラリー バナーデザインアーカイブ バナーデザイン専門ギャラリーサイト | レトロバナー バナーデザインギャラリー バナーデザインデータベース コツ＆レイアウト集 有名企業の事例から学ぶ！高品質なバ…
2014-10-03 卵料理カフェ Cockeyolly CSS ２カラムレイアウトと擬似クラス 卵料理カフェ Cockeyolly Home ニュース メニュー 今月のおすすめ オリジナル雑貨 マップ メール 今月のおすすめ きのこのオムライス ふんわりアツアツのオムライスを、きのこたっぷ…
2014-10-02 PS - 背景画像を作る CSS ラップアラウンドで巻き戻す（body背景画像） （1）Photoshopで新規画像を作成 （2）高さの値 34px の正円を新規レイヤーに 描く （3）薄い色を塗る （4）レイヤーを複製し濃い色を塗る ※透明部分をロックをしてから塗る…
2014-10-01 position CSS positionとは positionプロパティは、ボックスの配置方法（基準位置）が、相対位置か絶対位置かを指定する positionプロパティで指定するのは、配置方法（基準位置）のみ static 特に配置方法を指定しません。この値のときには、top…
2014-09-30 とことん復習 CSS 基本構造 <divid="nav"> <ul> <li><ahref="#">メニューのリンク１</a></li> <li><ahref="#">メニューのリンク２</a></li> <li><ahref="#">メニューのリンク３</a></li> <li><ahref="#">メニューのリンク４</a></li> <li><ahref="#">メニューのリンク５</a></li> <li><ahref="#">メニューのリンク６</a></li> </ul> </div> HTML5 基本構造
2014-09-29 CSS Spriteでボタン作成 CSS Illustratorで作るボタン アンチエイリアスの処理 IllustratorからWeb画像に書きだす段階でのアンチエイリアスの処理 プレビュー境界を使用 ピクセルプレビューにチェック ピクセルにスナップにチェック これだけです…
2014-09-28 傾きを直し補正 Photoshop 傾きを直す ものさしツール 水平にしたい位置を「ものさしツール」でドラッグする 「レイヤーの角度補正」を押して確定します 画像を補正 自動選択ツールで傾いたためにできた空きを選択します その選択範囲を拡張しま…
2014-09-27 ハートの形で切り抜く Photoshop さまざまな形で切り抜く シェイプツールでハートを描く シェイプレイヤーから選択範囲をつくる シェイプレイヤーのサムネールを「Ctrl + クリック」する 選択範囲の境界をぼかす 選択範囲を反転する 新規レイヤー…
