JavaScript
はいはいKnouckoutJSお勉強なうです はじめに Working with Lists and Collections Building a dynamic UI where elements are added and removed ということでリストの操作です、利用頻度高そう 要素の追加、削除の動的なUI構築とあるくらいなので 変更が即…
なんかとりあえずKnouckoutJSを触らなければならないことになったので ここにまとめながらごにょごにょしてみるよあ、ものすごくお久しぶりですｗ KnouckoutJSとは http://knockoutjs.com/KnouckoutJSはMVVM(Model-View-ViewModel)パターンのフレームワーク…
【JavaScript】演算子②でも論理演算子やってるんだけれど 先生からさらに説明があったのでまとめるJavaScriptっていうかプログラミング全般だと思うけれど 一旦JavaScriptカテゴリでなにそれ今更じゃね？って感じの方がほとんどだと思うけど はじめて知った…
さてさて関数もここまでやってきました最後の章関数を利用したより高度なトピックの紹介とのことで 基本を！っていう方は後でもいいよ！ってなってたんだけれど なんか周りでクロージャクロージャって よく聞くからやってみることにするよ 補足:名前付き引数…
JabaScriptは引数の数をチェックしない function showMessage(value) { document.writeln(value); } showMessage(); //undefined showMessage('山田'); //山田 showMessage('山田', '鈴木'); //山田 ユーザ定義関数ShowMessageは引数をひとつ受け取るこのよ…
さて引き続き関数の勉強です！(｀・ω・´) グローバルスコープとローカルスコープがある スコープとは 「変数が作りぷとの中のどの場所から参照できるか」 を決める概念である JavaScriptのスコープは以下の2つに分類できる グローバルスコープ スクリプト全…
そういえば先生にもう一問例題を出されたりした(｀・ω・´) var items = [ { "code": "pink_shirt", "name": "ピンク色のシャツ", "description": "ピンク色のシャツの説明", "price": 2000, "category": "tops" }, { "code": "red_shirt", "name": "赤いキャ…
JavaScriptにおける関数の定義はシンプルだが 実際にコーディングに取り組んでみると 思わぬ不具合に悩まされることもある よくある誤りを避けるヒントを4つ紹介する はーいよろしくです return命令は途中で改行しない JavaScriptでは「基本的に」セミコロン…
あ、テキストは下記を使用して勉強中 いよいよやってまいりました関数！ひゃほー！ 関数を定義する3つの方法 与えられた入力(パラメータ)に基づいて何らかの処理を行い その結果を返す仕組みを関数という JavaScriptではデフォルトでも多くの関数を提供して…
JavaScriptの勉強をしておりますが なんていうかなんていうか知識があっちこっちに散らばっていて なんていうかなんていうか算数でいうなれば公式はわかってるけど 文章問題解いたことないみたいな感じで ものすごく不安なのであります、ちーんできるように…
基本データを扱うためのオブジェクト Stringオブジェクト 文字列型(string)の値を扱うためのラッパーオブジェクトで文字列の抽出や加工、検索などを行うための機能を提供する Numberオブジェクト 数値型(number)の値を扱うためのラッパーオブジェクトで数値…
Globalオブジェクトとそのメンバ Globalオブジェクトはグローバル変数や グローバル関数を管理するために JavaScriptが自動的に生成する「便宜的な」オブジェクト グローバル変数/グローバル関数とは 要は、関数配下に属さないトップレベルの変数/関数のこと…
Objectオブジェクトとは Objectオブジェクトとは、オブジェクトの共通的な性質/機能を提供する すべてのオブジェクトの基本オブジェクトである 組み込みオブジェクトもユーザ定義オブジェクトも 「オブジェクト」と名のつくものはすべて Objectオブジェクト…
JavaScriptで利用が可能な主な正規表現 基本 ABC 「ABC」という文字列 [ABC] A、B、Cのいずれか1文字 [^ABC] A、B、C以外のいずれか1文字 [A-Z] A～Zの間の1文字 A|B|C A、B、Cのいずれか 量指定 X* 0文字以上のX("fe*"は"f"、"fe"、"fee"などにマッチ) X? 0…
マッチング情報を取得する RegExpオブジェクトでは execメソッドで最後にマッチした文字位置をはじめ 直近のマッチ情報を参照するためにいくつかのプロパティを公開している lastIndex 検索を開始する位置 leftContext $` 最後のマッチ文字列の前の文字列 ri…
はい次いきます 正規表現による検索の基本 RegExpオブジェクトの生成の次は いよいよ文字列を検索する方法を見ていくことにする以下は文字列からURL文字列を抽出するためのサンプル var p = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/gi; var str…
はい、やってまいりました正規表現 これ大事と云われていたのでがんばる 正規表現とは たとえば下記文章から郵便番号だけ取り出したいとする 我が家の郵便番号は111-0500です。 引っ越す前は999-9763でした。 うむうむ郵便番号自体はシンプルな文字列だが 番…
はいはいどんどん行きます！ Dateオブジェクトを生成する Dateオブジェクトには他の文字列や配列などのように リテラル表現は存在しない オブジェクト生成には 必ずコンストラクタを経由する必要があるはいはい出てきましたコンストラクタオブジェクトには、…
Mathオブジェクト 指数計算や平方根、対数関数など 数学に関わる演算機能を提供する 全て静的プロパティ/メソッドである また、Mathオブジェクトはnew演算子で インスタンス化しようとすると実行エラーになる 基本 abs(num) 絶対値 max(num1, num2) num1、nu…
さ、前のわからなかった私が続きをやりますよ Stringオブジェクト 文字列型(string)の値を扱うためのラッパーオブジェクトで 文字列の抽出や加工、検索などを行うための機能を提供する var str = 'こんにちは'; new演算子で明示的に生成することもできるが …
あ、テキストは下記を使用して勉強中 次はオブジェクトだよ！ 主役は「モノ」そのもの JavaScriptのオブジェクトは 名前をキーにアクセスできる配列、要は連想配列である と説明したうむ、たしかにしている 【JavaScript】データ型のオブジェクトリテラル(ob…
ちょっと多かったし時間かかったから混乱しているので 復習がてらにまとめてみるよ プログラムには3つの構造がある 記述された順番に処理を行っていく順次(順接) 条件によって処理を分岐する選択 単純分岐を記述する(if命令) 多岐分岐を記述する(switch命令)…
ループを途中でスキップ/中断する(break/continue命令) while/do..while、for、for..in命令は あらかじめ決められた終了条件を満たしたタイミングで ループを終了する それに対して 「特定の条件を満たした場合にループを強制的に中断したい」 というケース…
はい、ちょっと長くなってきたので制御命令も記事を分けるよ！ どんどんいくわよー！ 条件式によってループを制御する(while/do..while命令) JSには繰り返し処理(反復処理)が複数ある 個々の構文はもちろん違いを理解しないといけない、はい！まず、while/do…
長かった演算子も終わり お次は制御命令ですあ、テキストは下記を使用して勉強中 プログラムの3つの構造 記述された順番に処理を行っていく順次(順接) 条件によって処理を分岐する選択 特定の処理を繰り返し実行する反復 JSの分岐 JSでは処理を分岐するため…
はーい引き続き演算子やります！ 比較演算子 左辺と右辺を比較してその結果をtrue/falseとして返す めっちゃftlやvmで利用していたので これもある程度ならわかる、はず！ == 左辺と右辺の値が等しい場合はtrue 例>> 5 == 5 //true != 左辺と右辺の値が等し…
引き続き！ 今回は演算子 これはftlとかvmとかでちょいちょい使っていたから ちょっとはわかると思うのだが‥ 演算子の基本 一応メモ 演算子 与えられた変数/リテラルに対してあらかじめ決められた何らかの処理を行うための記号、オペレータともいう オペラン…
さて引き続き 次はデータ型だよ 基本型と参照型の2つに分かれる JSで扱うことができる主なデータ型 基本型 基本型の変数には値そのものが直接格納される 数値型(number) 文字列型(string) 真偽型(boolean) 特殊型(null/undefined) 参照型 参照値(値を実際に…
さて引き続き下記テキストをみながらやります 変数を宣言する JSの変数はvar命令で宣言する var x; var y; var x, y; //カンマ区切りでまとめて宣言も可能 var msg = 'こんにちは'; var x = 10; //宣言時に初期値を設定することも可能 初期値未設定の場合デ…
本当に基礎の基礎からいきますよあ、ちなみに参考にしているテキストはこちら JSで"Hello,World" 基礎の基礎ですね ちゃんと忠実にやっていくよ 基本XHTMLないしHTML5で使うのでそのつもりで書くよ <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
