みこむらめもむらむらむら

なんかHTML5とかJS勉強とかやりながらめもを綴るブログ

2012-01-01から1年間の記事一覧

【KnouckoutJS】リストの操作

はいはいKnouckoutJSお勉強なうです はじめに Working with Lists and Collections Building a dynamic UI where elements are added and removed ということでリストの操作です、利用頻度高そう 要素の追加、削除の動的なUI構築とあるくらいなので 変更が即…

【KnouckoutJS】js初心者の私がKnouckoutJSをさわってみる、まとめ(になる予定)

なんかとりあえずKnouckoutJSを触らなければならないことになったので ここにまとめながらごにょごにょしてみるよあ、ものすごくお久しぶりですw KnouckoutJSとは http://knockoutjs.com/KnouckoutJSはMVVM(Model-View-ViewModel)パターンのフレームワーク…

【JavaScript】論理演算子のLL的利用法

【JavaScript】演算子②でも論理演算子やってるんだけれど 先生からさらに説明があったのでまとめるJavaScriptっていうかプログラミング全般だと思うけれど 一旦JavaScriptカテゴリでなにそれ今更じゃね?って感じの方がほとんどだと思うけど はじめて知った…

【ぼやき】最近参考にした記事まとめ

ちょっと自分用にめもめもjsやったりSassやったりなんかいろいろやりました、ここ最近 5月中に技術書読破はできなかったけど いろいろやらせていただけてよかったなーいつかちゃんとまとめブログ書きたいな、と CSS関連 http://fizsoft.net/?p=353 http://ww…

【JavaScript】字句構造

やばいな、ひさびさすぎてはてな記法忘れているぞwということで再びお勉強→ここにまとめの流れでやっていくよサイ本、やります!この一ヶ月で読破‥ 逆算してみると結構既に焦らないとまずい状態なので 精いっぱい勉強していくことにするよここにまとめるの…

【ぼやき】どうやっても高度な関数のテーマ②がうまいことまとめられない件

たぶん理解しきってないから 消化不良のままでうまいこと書けないのだと思うということでサボっているわけではないのですよ いやサボってるといえばサボっているけれども‥小声ここだけの話、業務時間の8割を ゲームして過ごしていたここ一ヶ月 死んだ方がい…

【ぼやき】なんかなんとなくいきています、あかん

だめだ、なんとなく生きているだけになってて 全然意識が変わってしまっている‥ あかーん! ということでちょっと改めてブログを書きにきたよ最近はSPページのコーディングやったり jQueryつかってみたり 簡単なjs書いたりしてました、業務で 全然気づきや勉…

【CSS3】ドロップシャドウやグロー(光彩)をCSSで(box-shadow)

これも折角だから改めて調べてみためもめも ちゃんとAndriod、iPhoneで確認もした! 問題なく表示されたのぜ!(・∀・) ドロップシャドウ(box-shadow)の基本的な書き方 「box-shadow」は名前の通りボックスに影をつけてくれるプロパティ省略形が存在するので記…

【Android】【iPhone】viewport

久しぶりにスマホページのコーディング依頼があったので JavaScriptのお勉強を一旦お休みしてSPページ関連のメモをかくよ今更だけどちゃんと調べたのでviewport viewportとは ウィンドウのサイズのようなもの 初期値は横幅980pxに指定されている ちなみにiPh…

【JavaScript】高度な関数のテーマ①

さてさて関数もここまでやってきました最後の章関数を利用したより高度なトピックの紹介とのことで 基本を!っていう方は後でもいいよ!ってなってたんだけれど なんか周りでクロージャクロージャって よく聞くからやってみることにするよ 補足:名前付き引数…

【JavaScript】引数情報を管理する(argumentsオブジェクト)

JabaScriptは引数の数をチェックしない function showMessage(value) { document.writeln(value); } showMessage(); //undefined showMessage('山田'); //山田 showMessage('山田', '鈴木'); //山田 ユーザ定義関数ShowMessageは引数をひとつ受け取るこのよ…

【JavaScript】変数はどの場所から参照できるか(スコープ)

さて引き続き関数の勉強です!(`・ω・´) グローバルスコープとローカルスコープがある スコープとは 「変数が作りぷとの中のどの場所から参照できるか」 を決める概念である JavaScriptのスコープは以下の2つに分類できる グローバルスコープ スクリプト全…

【JavaScript】例題やってみる②【配列、制御命令などなど】

そういえば先生にもう一問例題を出されたりした(`・ω・´) var items = [ { "code": "pink_shirt", "name": "ピンク色のシャツ", "description": "ピンク色のシャツの説明", "price": 2000, "category": "tops" }, { "code": "red_shirt", "name": "赤いキャ…

【JavaScript】関数定義における4つの注意点

JavaScriptにおける関数の定義はシンプルだが 実際にコーディングに取り組んでみると 思わぬ不具合に悩まされることもある よくある誤りを避けるヒントを4つ紹介する はーいよろしくです return命令は途中で改行しない JavaScriptでは「基本的に」セミコロン…

【JavaScript】関数とは

あ、テキストは下記を使用して勉強中 いよいよやってまいりました関数!ひゃほー! 関数を定義する3つの方法 与えられた入力(パラメータ)に基づいて何らかの処理を行い その結果を返す仕組みを関数という JavaScriptではデフォルトでも多くの関数を提供して…

【JavaScript】例題やってみる【配列、制御命令などなど】

JavaScriptの勉強をしておりますが なんていうかなんていうか知識があっちこっちに散らばっていて なんていうかなんていうか算数でいうなれば公式はわかってるけど 文章問題解いたことないみたいな感じで ものすごく不安なのであります、ちーんできるように…

【ぼやき】なんかなんとなくなんでもないけど

JavaScriptの勉強をしておりますが なんていうかなんていうか知識があっちこっちに散らばっていて なんていうかなんていうか算数でいうなれば公式はわかってるけど 文章問題解いたことないみたいな感じで ものすごく不安なのであります、ちーんできるように…

【JavaScript】基本データを操作する~組み込みオブジェクト【まとめ】

基本データを扱うためのオブジェクト Stringオブジェクト 文字列型(string)の値を扱うためのラッパーオブジェクトで文字列の抽出や加工、検索などを行うための機能を提供する Numberオブジェクト 数値型(number)の値を扱うためのラッパーオブジェクトで数値…

【JavaScript】基本機能を提供する(Globalオブジェクト)

Globalオブジェクトとそのメンバ Globalオブジェクトはグローバル変数や グローバル関数を管理するために JavaScriptが自動的に生成する「便宜的な」オブジェクト グローバル変数/グローバル関数とは 要は、関数配下に属さないトップレベルの変数/関数のこと…

【JavaScript】すべてのオブジェクトのひな形(Objectオブジェクト)

Objectオブジェクトとは Objectオブジェクトとは、オブジェクトの共通的な性質/機能を提供する すべてのオブジェクトの基本オブジェクトである 組み込みオブジェクトもユーザ定義オブジェクトも 「オブジェクト」と名のつくものはすべて Objectオブジェクト…

【JavaScript】 大丈夫だと思えないので正規表現ちょっとまとめ

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…

【JavaScript】正規表現で文字を自在に指定する(RegExpオブジェクト)③

マッチング情報を取得する RegExpオブジェクトでは execメソッドで最後にマッチした文字位置をはじめ 直近のマッチ情報を参照するためにいくつかのプロパティを公開している lastIndex 検索を開始する位置 leftContext $` 最後のマッチ文字列の前の文字列 ri…

【JavaScript】正規表現で文字を自在に指定する(RegExpオブジェクト)②

はい次いきます 正規表現による検索の基本 RegExpオブジェクトの生成の次は いよいよ文字列を検索する方法を見ていくことにする以下は文字列からURL文字列を抽出するためのサンプル var p = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/gi; var str…

【JavaScript】正規表現で文字を自在に指定する(RegExpオブジェクト)①

はい、やってまいりました正規表現 これ大事と云われていたのでがんばる 正規表現とは たとえば下記文章から郵便番号だけ取り出したいとする 我が家の郵便番号は111-0500です。 引っ越す前は999-9763でした。 うむうむ郵便番号自体はシンプルな文字列だが 番…

【JavaScript】日付/時刻データを操作する(Dateオブジェクト)

はいはいどんどん行きます! Dateオブジェクトを生成する Dateオブジェクトには他の文字列や配列などのように リテラル表現は存在しない オブジェクト生成には 必ずコンストラクタを経由する必要があるはいはい出てきましたコンストラクタオブジェクトには、…

【JavaScript】基本データを扱うためのオブジェクト②

Mathオブジェクト 指数計算や平方根、対数関数など 数学に関わる演算機能を提供する 全て静的プロパティ/メソッドである また、Mathオブジェクトはnew演算子で インスタンス化しようとすると実行エラーになる 基本 abs(num) 絶対値 max(num1, num2) num1、nu…

【JavaScript】基本データを扱うためのオブジェクト①

さ、前のわからなかった私が続きをやりますよ Stringオブジェクト 文字列型(string)の値を扱うためのラッパーオブジェクトで 文字列の抽出や加工、検索などを行うための機能を提供する var str = 'こんにちは'; new演算子で明示的に生成することもできるが …

【JavaScript】オブジェクトとは

あ、テキストは下記を使用して勉強中 次はオブジェクトだよ! 主役は「モノ」そのもの JavaScriptのオブジェクトは 名前をキーにアクセスできる配列、要は連想配列である と説明したうむ、たしかにしている 【JavaScript】データ型のオブジェクトリテラル(ob…

【JavaScript】制御命令まとめ

ちょっと多かったし時間かかったから混乱しているので 復習がてらにまとめてみるよ プログラムには3つの構造がある 記述された順番に処理を行っていく順次(順接) 条件によって処理を分岐する選択 単純分岐を記述する(if命令) 多岐分岐を記述する(switch命令)…

【JavaScript】制御命令③

ループを途中でスキップ/中断する(break/continue命令) while/do..while、for、for..in命令は あらかじめ決められた終了条件を満たしたタイミングで ループを終了する それに対して 「特定の条件を満たした場合にループを強制的に中断したい」 というケース…