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

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

2012-02-01から1ヶ月間の記事一覧

【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でした。 うむうむ郵便番号自体はシンプルな文字列だが 番…