2014-10-11から1日間の記事一覧
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 + クリック」する 選択範囲の境界をぼかす 選択範囲を反転する 新規レイヤー…
2014-09-26 顔の色を明るくしたい Photoshop 色域指定 スキントーン （1）「選択範囲」→「色域指定」 「スキントーン」を選択 「顔を検出」にチェック （2）新規調整レイヤー 「レベル補正」を選択 例題 以下の写真を綺麗にみえるよう補正しなさい 自然な明…
2014-09-25 写真の不要な部分を消す Photoshop践 不要な部分を消す 多角形選択ツールで消したい部分を選択します その選択範囲を拡張します 「拡張量」を「5」pixelに設定します 塗りつぶし 「コンテンツに応じる」で塗りつぶす 不自然になってしまったとこ…
2014-09-24 境界線を調整 Photoshop 境界線を調整（複雑な選択範囲） （1）選択しやすい色をクリックし選択範囲を作成 （2）選択範囲を反転し、必要な部分を選択している状態にする （3）選択範囲ツールのオプションバー「境界線を調整」をクリック （4）「…
2014-09-23 クリッピングパス Photoshop 切り抜き写真をつくる（クリッピングパス） （1）「ファイル」を開く。 （2）ペンツール でパスを描く。 ただし、オプションバーが「パス」を選択してあること。 （3）「パスパレット」「作業用のパス」レイヤーをダ…
2014-09-22 コピースタンプツールとドロップシャドウ Photoshop メモリを管理する ROM：Read Only Memory RAM：Random Access Memory Photoshopは、開いているファイルサイズの数倍のメモリが必要となります。 開く（Open） 保存（Save） 複製（Copy） 戻る…
2014-09-21 レイヤーマスク Photoshop レイヤーマスク Photoshop」のマスクは、選択範囲 マスクは、選択範囲の記憶 レイヤーマスク内が白ならば100％不透明、黒ならば100％透明になり、下のレイヤーが透けて見えるということです。 つまり２枚以上のレイヤー…
2014-09-20 解像度とスマートオブジェクト Photoshop 解像度 原寸（100％）：72 ppi（pixel per inch） 一辺１インチ（1平方インチではない）の幅の中にどれだけのピクセルを表現できるかを表す。 Webの場合には、高い解像度は必要ありませんが、原寸で見た…
2014-09-19 補正 Photoshop 補正（写真をきれいに） すでに移っている質が変化するわけではありません。 デジタル処理できる範囲で、人間が見てきれいと感じる程度に変化させます。 新規調整レイヤー 何度もやり直しができる色調補正のレイヤー レベル補正 …
