※スマホ対応はしてません。

タグ: JavaScriptおれおれAdvent Calendar 2013

ブックマークレットの作り方を知ってウェブブラウジングを快適に。(JavaScriptおれおれAdvent Calendar 2013 – 04日目)

カテゴリー: JavaScript

この記事はJavaScriptおれおれAdvent Calendar 2013の4日目の記事です。

ブックマークレットてご存じですか? ブックマークにJavaScriptを登録して、あれこれの機能を使おうというものです。

説明ははてなのページがわかりやすそう。

Mobile Safariでも利用する事が出来ます。

例えば

ウェブページのタイトルとURLをコピーしやすく提示

(さらに…)

JavaScriptで要素を検索せずに取得する方法があります。(JavaScriptおれおれAdvent Calendar 2013 – 03日目)

カテゴリー: JavaScript

JavaScriptおれおれAdvent Calendar 2013の3日目の記事です。

何か要素に対する処理を行う場合はdocument.querySelector()あたりで検索してくるのですが、一部の要素については事前に取得済みだったりします。

<body>を取るならdocument.bodyで

document.bodyには最初から</body><body>要素が格納されています。個人的にはHTMLElementのインターフェイスを確認するために適当な要素を得る際にこれを使っていたりします。

同様に<head>要素もdocument.headで得る事が出来ます。この二者はHTMLの構文的にも必ず存在するため、事前に確保されているのでしょう。(ちなみにHTMLの文法的には、この二者のタグは省略可能です。その場合でも記述が省略されただけで実際はあるものとして扱われます。)

(さらに…)

jQueryでチェックボックスの状態をうまく取れない、設定出来ないときは、attr()ではなくprop()を使ってね。(JavaScriptおれおれAdvent Calendar 2013 – 02日目)

カテゴリー: JavaScript

JavaScriptおれおれAdvent Calendar 2013 – 02日目

チェック状態は$checkbox.attr('checked')ではなく$checkbox.prop('checked')で得る必要があります。

検証

(さらに…)

jQueryが使えない状況でもjQueryみたいにして要素を検索するquerySelector()が便利。 (JavaScriptおれおれAdvent Calendar 2013 – 01日目)

カテゴリー: JavaScript

JavaScriptおれおれAdvent Calendar 2013 – 01日目

いよいよ始まりました。初日はこのメソッドから始めましょう。

今時の開発だとまずjQueryを使っていると思うのですが、ちょっとした開発(あるいはデバッグ)でjQueryを導入するのも面倒だなーという時に便利なメソッドです。

document.querySelector()

というわけでこのdocument.querySelector()を使うと、セレクターを使って要素検索をする事が出来ます。

(さらに…)

JavaScript おれおれ Advent Calendar 2013やります。ひとりで。

カテゴリー: JavaScript

ひとりAdvent Calendarも三年目となりました。一昨年もJavaScriptをやったのですが、コアJavaScript (ECMAScript) についての話題でした。今年はフロント側の、まあ一般に言うところのJavaScriptについてやりたいと思います。

DOMとかそういう話だけではなくて、ついでに開発に関する話もするつもりです。

一覧

挫折。 orz