2016-03-01から1ヶ月間の記事一覧
スコープとは 変数には、スコープ（有効範囲）が設定されています スコープは、その変数がスクリプト中のどこからどこまでの範囲で利用できるかを表します 《JavaScriptのスコープ》 種類 説明 対象 グローバルスコープ スクリプト全体で変数を参照できる ・…
就職に結びつく初心者の勉強 自宅での復習に役立てましょう コードドリル Webの勉強に必須単語の入力練習 Progate 「HTML+CSS」「JavaScript」「jQuery」「PHP」などの自宅学習用 CODEPREP シラバス Shape Type, the letter shaping game WHAT THE HEX? What…
Progate 文字列の連結までで、31％完了 条件分岐までで、50%完了 JavaScript基礎まとめ ステートメント（命令文）の終わりはセミコロン「；」 ステートメントは、上から順に実行される 命令に与える値を、引数（ひきすう）という 文字列と数値の扱いの違いに…
thisキーワードの利用 １つの関数を複数のイベントから呼び出すとき、呼び出された関数内でどの部品から発生したイベントなのかを知りたい場合があります そのようなときには、thisキーワードを利用します イベントハンドラに関連づけた処理の中で、thisキー…
イベントとは 何かのきっかけで処理を行うことを「イベント」と呼びます イベントが発生したときに対応する処理を呼び出す仕組みを「イベント駆動型モデル」と呼びます それぞれのイベントと任意の処理をあらかじめ関連付けておくと、「イベントハンドラ」と…
switchとは if文と同様に分岐処理を行います if文を簡略化してよりすっきり記述するための構文です ある変数の中身が一致するかという判断を行います switch（変数） { case 値1: 変数の中身が値1に一致した場合の処理 case 値2: 変数の中身が値2に一致した…
スクリプトには３通りの進み方がある（実行する流れ） 順次 分岐 反復 if文 条件によって、ある処理を実行するかしないか選択して、処理の流れを分岐させたいときに使う構文 条件がtrueのときは処理を実行する 条件が成り立たないとき（falseのとき）は、処…
変数の表示 変数の中身を表示するには、「console.log」や「alert」の丸括弧（）内に変数名を指定します 変数名をシングルクォートまたはダブルクォートで囲むと、囲まれた範囲は単純な文字列となり、変数名がそのまま表示されてしまいます 《変数の中身の表…
算術演算子 数の計算に用いる演算子を算術演算子といい、複合代入演算子には、次のようなものがあります。 演算子読み仮名働き使い方結果 +プラス＋（足す）a = 5 + 5 10 -マイナス−（引く）a = 5 - 5 0 *アスタリスク×（かける）a = 5 * 5 25 /スラッシュ÷…
異なる型の連結 文字列と数値を「+」で結合すると、数値は文字列に変換されます。 小数点以下の桁数を揃えるには？ 数値をある桁数まで表示させるには toFixed を使います。割り算の結果などを有効桁数まで求めたい場合によく使われます。 例えば小数点以下…
ブラウザに文字を表示 「Hello World!!」とブラウザに表示させる <html lang="ja"> <head> <meta charset="UTF-8"> <title>Hello!</title> </head> <body> <script> window.document.write( 'Hellow World!!' ); </script> <noscript> JavaScript対応ブラウザで表示してください。 </noscript> </body> </html> 文字列の表示 JavaScriptで文字列を表示するには、「wind…
変数 「変数」は、数値や文字などを格納しておく「箱」のようなもの 変数はいくつでも使える 半角英数文字と「_」「$」の組み合わせであること ただし、１文字目に数字は使えない 大文字小文字は区別される JavaScriptの予約語は使えない 変数の利用 値を代…
変数名の付け方 半角アルファベット、数字、アンダースコアから構成される 最初の１文字目には数字は使えない 変数名に予約語は使えない 変数名として使えない文字列 プログラミング言語には、変数名などの名前に使用できないキーワードがあります。 それら…
新規ドキュメント DTDを「HTML5」を選択します。 《HTMLの設定》 《JavaScriptの設定》 《改行タイプの設定》 《インデントの設定》 「改行タイプの設定」画面の「インデント使用」にチェック コーディング規約Google コーディング規約には、「インデントは…
JavaScriptとは JavaScript（ジャヴァスクリプト）とは、プログラミング言語のひとつ Javaと名前が似ているが、異なるプログラミング言語（JavaScriptをJavaと呼ぶことの無いよう注意すること！） インタプリタ方式の高水準言語 オブジェクトベースのスクリ…
プログラム言語の分類 CPUが理解できる機械語と、人間が理解できる高水準言語がある 機械語（低級言語） コンピュータが直接読み取ることができるもの 2進数で表現される数字の羅列 高水準言語（高級言語） 人間が理解しやすいように設計されているプログラ…
変形 すでに描画されているオブジェクトの変形を練習します。 コンピューターは既存の形を利用することが得意 特に複製は、コンピューターのもっとも得意とするところ リフレクトツール 「線対称」の複製を作るときに使用するツールです。 ドキュメントを開…
Illustratorの役割 コンピュータを扱う仕事の中では、コンピュータの特徴である「複製」を利用することが鍵です 「デザイン」的な視点でいえば、「対称（シンメトリー）」を利用して「画面上の安定」をつくります 周りにあるモノの中にある「シンメトリー」…
Illustratorを起動 ベクター（Vector）データを作るアプリケーション 新規書類作成 必ず新規書類を作成することが必要です。（机の上に紙をおいて準備する。） [ファイル]ニュー → [新規] 練習用のファイルサイズは、各自のモニタにあわせます。 初心者は「…
箇条書き <ul> <ol> <dl> 必然性のある箇条書きを利用する ul（unordered list）順序が置き換わっても意味が伝わる並列な内容に使う。 行頭マークは「黒丸」 <ul> <li>私が好きな真っ赤なりんご</li> <li>あなたが好きなのはバナナ</li> </ul> ol（ordered list）順序が置き換わっては意味が伝わらな</dl></ol></ul>…
Webページを表示する仕組み Webページ Webにおける文書の単位 １ページあたりの分量はページごとに異なる ひとつのWebページに URL（Uniform Resource Locator）が対応する ブラウザのアドレスバーに URL を入れてアクセス Webページの中には、テキスト（文…
