タグ

javascriptとJavaScriptに関するdaisukebeのブックマーク (57)

  • Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation

    この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.

    daisukebe
    daisukebe 2010/09/10
    見やすいな
  • javascript - Webkitでは$が定義済みな件 : 404 Blog Not Found

    2010年09月09日13:00 カテゴリLightweight Languages javascript - Webkitでは$が定義済みな件 これに対する驚愕の事実。 [を] JavaScript のセレクターの定番イディオム JavaScript の定番イディオム。 function $(id) {return document.getElementById(id)} document.getElementById() の省略記法として $() を使うためのおまじない。 Google Chrome 6 の $ は function () { return document.getElementById.apply(document, arguments) } ですね。#JavaScriptless than a minute ago via Chromed Birdthink49 t

    javascript - Webkitでは$が定義済みな件 : 404 Blog Not Found
  • 最速インターフェース研究会 :: JavaScriptのデザインパターン - Singleton

    JavaScriptじゃねえと書けねえよ、ってやり方でデザインパターンを実装してみるコーナー。とはいってもデザインパターンとか良くわからないので適当に覚えながら作る。 間違ってる箇所あったらつっこんでくれるとありがたいです。 わかりやすい文章を書く能力が欠如してるのでデザインパターンって何だとかそういうのはこっち参照。 http://d.hatena.ne.jp/naoya/20050813/1123924312 JavaScriptのコンストラクタはPerl同様自在に定義できます。returnでobjectを返してやれば、newの結果としてそいつを使います。 普通にシングルトンなクラスを実装するにはこんな感じだと思います。 function Singleton(){ var self = arguments.callee; if(self.instance == null){ this.

    daisukebe
    daisukebe 2010/09/04
    calleeプロパティ
  • JavaScript初級者から中級者になろう

    JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。 現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。 初級者の基礎知識 文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。 基礎第一回 基礎第二回 基礎第三回 基礎第四回 基礎第五回 基礎第六回 第一章 オブジェクト オブジェクトとは オブジェクトの実体 配列のコピー オブジェクトと関数 第二章 DOMの基礎 HTMLと木構造 DOMとは 基的な操作とテキストノード 木構造の操作:ノードの除去 木構造の操作:ノードの追加 木構造の操作:さまざまな機能 木構造の操作

  • XPath入門、実用例 - 素人がプログラミングを勉強していたブログ

    すべての要素 //* div直下のp //div/p style属性を持つspan //span[@style] alt属性のないimg //img[not(@alt)] idがheaderな要素 id("header") rel属性がshortcut iconなlink要素 //link[@rel="shortcut icon"] 子要素にimgを持つa要素 //a[./img] 子、子孫にa要素を持つh2要素 //h2[.//a] 子要素にulがないdiv //div[not(.//ul)] javascript:から始まるhref属性を持つa要素 //a[starts-with(@href,"javascript:")] alt属性の値がsrc属性の値と同じであるimg要素 //img[@alt=@src] alt属性の値がsrc属性の値と異なるimg要素 //img[@alt!=@

    XPath入門、実用例 - 素人がプログラミングを勉強していたブログ
    daisukebe
    daisukebe 2010/08/28
    こりゃすごい
  • Javascriptでクリックする(Twitterで「新着何件」みたいなボタンをクリックする) - hitode909の日記

    TwitterのHomeを開いていると,新たな更新があるとき,3 new tweets.みたいなのが表示されて,クリックすると表示される. これを一日中クリックし続けるのは指が疲れるので,自動的にクリックさせるようにしてみた. Twitterで「新着何件」みたいなボタンが出た瞬間にクリックする — Gist // ==UserScript== // @name click-new // @namespace http://www.hatena.ne.jp/hitode909 // @include http://twitter.com/* // @include https://twitter.com/* // ==/UserScript== setInterval(function() { var button = document.querySelector("#results_upd

    Javascriptでクリックする(Twitterで「新着何件」みたいなボタンをクリックする) - hitode909の日記
  • Oracleの「Android訴訟」についてひと言

    今日のこちら(米国西海岸)でのもっぱらの話題は、Oracleの「Android訴訟(詳細)」だが、これに関しては、私も含めて「やはり来たか」と見ている専門家は多い。 そもそも、スマートフォン以前の携帯電話用のJavaがプラットフォームとして成功しなかった理由の一つは、J2MEが根っこのところで、NTTドコモ独自のDoJaとモトローラ主導のMIDPに分岐してしまったことにあるし、同じJ2ME間でも実装の差異が大きく "write once, run everywhere" が机上の空論になってしまったことにある。Sunがちゃんとリーダーシップを発揮できなかったためである。 その意味では、J2ME/MIDPとコンパチビリティがなく、Sunから正式にJavaをライセンスしていないAndroidはけしからん、というのは(今はOracleの一部になった)Sunから見れば当然のこと。 「J2MEの時に

  • JavaScriptでiPhoneアプリを楽々作成

    iPhoneアプリを作るためには以下のようなプログラミングの知識が必要だと思われています。 Objective-Cの知識 (Cの知識 + オブジェクト指向プログラミングの知識) iPhoneのライブラリの知識 これらをマスターするのはかなり大変ですが、 「PhoneGap」というシステムを利用すると、 JavaScriptだけを使って簡単にアプリを作成することができます。 iPhoneのSafariから JavaScriptが動くWebページにアクセスするとiPhone上でJavaScriptプログラムを動かすことができます。 このような「Webアプリケーション」はSafariの上でしか動作しませんし、 ネットに接続されていない状態では利用できません。 しかしPhoneGapを利用すると、 JavaScriptプログラムとSafariをまとめてひとつのアプリケーションを生成することができる

    daisukebe
    daisukebe 2010/08/14
    オライリー本にはこんなのも載ってるのか
  • インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog

    インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。 日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか 自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチーム アプリケーションエンジニア はてなブックマーク Firefox 拡張 はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能 はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし 概略 UI の評価・設計・実装の概略 HTML についての概略、HT

    インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog
    daisukebe
    daisukebe 2010/08/08
    これは一読しておきたい
  • インターン講義4日目「JavaScript で学ぶ イベントドリブン」 - Hatena Developer Blog

    今日行なわれたインターン4日目の講義「JavaScript で学ぶ イベントドリブン」by id:cho45の資料と録画を公開します。今回は、JavaScriptの概要からDOM、イベントドリブンまでを2時間で網羅した密度の高い講義となっています。今回の放送は安定していましたので、音質・画質とも良好にできました。 明日もAM10:30より、JavaScript界の貴公子id:nanto_viによる「ユーザーインターフェース, HTML5」を放送しますので、是非ご覧ください。 自己紹介 id:cho45 - vimmer うごメモチームのエンジニア (7月後半〜) 少し前までブックマークチーム Perl, JS (Scala, Ruby, etc...) サーバサイド・クライアントサイドUI・スマートフォンなど Java や AS も場合によっては書いています 特技 1行コードを書くごとにハ

    インターン講義4日目「JavaScript で学ぶ イベントドリブン」 - Hatena Developer Blog
  • Protovis

    Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG

    daisukebe
    daisukebe 2010/08/03
    きれいだな
  • amachang - JavaScript 入門

    プログラミングのこつ 無駄な名前を極力使わないこと。意味単位に名前空間を細かく階層的に分離すること。 ここで言う名前空間とは 名前空間とは、一つの名前が一意のものを表す空間。例えば、大きな目で見れば、日語は自然言語の名前空間である。また、専門用語なども名前空間と考えることが出来る。 日語 { コンニチワ = 挨拶 : : } 中国語 { ニーハオ = 挨拶 } 英語 { ハロー = 挨拶 } また、名前空間は重なり(優先順位)を持つ 同音異義語などの言葉は、それぞれの細かい名前空間の重なりによって一意のものに特定されると考えられる たとえば、「コイが好き」と言った場合 池に関する名前空間 { コイ = すいすいパクパク } チャライ話題に関する名前空間 { コイ = ドキドキきゅんきゅん } お茶に関する名前空間 { コイ = にがーい } 名前空間の優先順位を考えると、一意の意味を知

  • JavaScript ガイド - JavaScript | MDN

    入門編 概要: 入門編 このガイドについて JavaScript について JavaScriptJava ECMAScript ツール 次に来るもの 文法とデータ型 概要: 文法とデータ型 基構文とコメント 宣言 変数のスコープ 変数の巻き上げ データ構造とデータ型 リテラル 制御フローとエラー処理 概要: 制御フローとエラー処理 if...else switch try/catch/throw エラーオブジェクト ループと反復処理 概要: ループと反復処理 for while do...while continue break for..in for..of 関数 概要: 関数 関数の定義 関数の呼び出し 関数スコープとクロージャ 実引数 と 仮引数 アロー関数 式と演算子 概要: 式と演算子 代入演算子 と 比較演算子 算術演算子 ビット演算子 と 論理演算子 条件演算子 数値

    JavaScript ガイド - JavaScript | MDN
    daisukebe
    daisukebe 2007/02/02
    やっぱり気になるので一通り勉強したい
  • そろそろまたJavascriptオフの時代が来た

    Google Maps以前のころ。ヘビーユーザーのあいだではJavascriptオフが常識になっていた。度重なる時計の再発明に業を煮やし、IEのActiveXに警戒心を抱き、不安定なOSをさらに不安定にするため暗躍するのがJavascriptでありJScriptだった。 Google Mapsがあれだけのインパクトを与えたのは、ひとえに、こういった先入観を打ち砕いたからに尽きる。信じられないことに、Javascriptって便利なのだ。実に見事な枯れた技術の水平思考である。 Ajaxという言葉が帰納され、ライブラリがぼこぼこと発表される。ネイティブオブジェクトの拡張と、クロスブラウザのための供物ラッパー集合体たるprototype.jsを筆頭に、様々なものが世に出、様々なアプリケーションがより手軽に実装できるようになった。 script.aculo.usやLightBoxやmoo.fxといっ

    そろそろまたJavascriptオフの時代が来た
    daisukebe
    daisukebe 2007/02/01
    UIにおいては最速こそ正義!
  • IBM 境界を越える: JavaScript の言語機能 - Japan

    IBM 境界を越える: JavaScript の言語機能 - Japan
    daisukebe
    daisukebe 2007/01/19
    柔軟だなぁ。勉強してみようかな
  • 404 Blog Not Found:オブジェクトは難しくない。難しいのはクラス

    2006年11月16日16:55 カテゴリLightweight Languages オブジェクトは難しくない。難しいのはクラス 大人だからオブジェクトは難しくなる。子供にとっては実はオブジェクトは自然で自明で簡単だ。 オブジェクト指向を正しく理解する:ITpro オブジェクト指向はしばしば,とっつきづらく難しい技術と言われます。その理由の一つには,対象とする分野が広く,それぞれに深みがあることが挙げられます。しかし,それ以上にこの技術を難しくしている落とし穴とも言うべき原因が二つあると筆者は考えています。それは比喩を乱用する説明の仕方の問題と,「もの中心」を意味するコンセプト自体の問題です。事実、オブジェクト指向というのは最初は子供向けだったのだ。 このことを、現在「オブジェクトとはなんぞや」という大人たちは忘れてしまっている。 それで、オブジェクトとは何か、といえば、「自分が何が出来る

    404 Blog Not Found:オブジェクトは難しくない。難しいのはクラス
  • Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE

    JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTMLCSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 WindowsMacintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:

    Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE