Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
[Think IT] 第2回：Ajaxライブラリの変遷 (2/3)
【これならわかる！JavaScript/Ajax】 Ajaxライブラリ入門 第2回：Ajaxライブラリの変遷 著者：林 俊之 公開日：2008/5/9（金） 「prototype.js」は、「Ajaxライブラリと言えばprototype.js」というぐらい圧倒的な支持率をもつメジャーなライブラリの1つです。 もともとはWebアプリケーション・フレームワーク「Ruby on Rails」のプロジェクトで開発されているライブラリで、Ruby on Railsと共に用いられることも多いです。もちろん単体でも使うことができます。 当初はドキュメントがほとんどなく、みなソースコードを読んでその実装を読み解くということがblog上で行われていました。 それでは、prototype.jsの特徴的な$()とClass.create()の機能を見てみましょう（図2）。 まず、$()という関数はDOM
ブラウザごとのeventオブジェクトの違いを理解する：CodeZine
はじめに ブラウザの種類やバージョン、おのおのブラウザ独自の実装の違いを考慮し、同じように動作するスクリプトを「クロスブラウザスクリプト」と言います。この連載では、クロスブラウザスクリプトを実現する方法について順を追って解説してきています。 クロスブラウザスクリプトを実現するためには、様々な方法があります。これまでの連載では、ブラウザの種類やバージョンを判断し、そのブラウザがサポートしているスクリプトを実行する方法を解説してきました。また、それ以外の方法として、実行するスクリプトをブラウザがサポートしているかどうか調べ、それに合わせて用意したスクリプトを実行する方法なども説明してきました。実際にクロスブラウザスクリプトを作成する時には、それらの方法を単独あるいは組み合わせて作っていくことになります。 本来のJavaScriptの理想的な姿としては、JavaScriptをサポートしたブラウザ
JavaScriptの関数オブジェクトを完璧に理解する - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回は、thisキーワードについて深く解説しました。関数内で使用する「this」は、状況に応じて様々に変化する可能性がある、というお話でしたね。 これでやっと、JavaScriptの関数が持つ様々な機能を説明するための前提知識が整いました！ JavaScriptの関数については、当連載でも一度取り上げています。JavaScriptの関数は、単なる手続きの単位ではなくオブジェクトの一種なのだ、と言うことを取り上げたトピックでした。 そう、JavaScript関数の実体は、Functionクラスのオブジェクトです。Functionクラスには、関数を操るための様々なメソッドやプロパティが存在します。今回は、それらを網羅的に解説するとともに、関数内でのみ使用可能な「arguments」オブジェクトについてもお話ししたいと思います。 Functionクラスのメンバ
今週の話題 : JavaScript で色分け機能付きテキストエディタを作る方法など - WebOS Goodies
先日掲載した個人事業主の税金の記事ですが、凄い反響があってちょっとびっくりです。アクセス数もはてぶなどのブックマーク数も大幅に記録更新。本来の趣旨から外れたネタで新記録達成というのも微妙に複雑な心境ですが・・・orz 。拙い記事を読んでくれた皆さん、ありがとうございます。こんなことなら、もう少しきちんと書けばよかったかな。夜中に眠い頭で書いたもので、けっこう走り書きでなんですよね。とかいって気合い入れて書くと、今度はあまりウケなかったりして、たいていがっかりします（笑）。けっきょく気にしないのが一番、というところに落ち着くわけですが、皆さんそんなもんでしょうか。 なんだか支離滅裂になってしまいましたが、それはそれとして週末恒例の「今週の話題」です。過去に掲載したネタは米 Yahoo! の My Web で管理しています。以下のページにカテゴリの目次を作成してありますので、ご利用ください。
SaaSに追い風、桁違いに速い次世代Webブラウザたち ― ＠IT
2008/04/04 Webアプリケーションがローカルアプリケーションに比べてもたついて感じられるのには大きく2つの理由がある。1つはネットワーク遅延で応答性が悪いこと。もう1つはコンテンツを動的に扱うJavaScriptエンジンが遅いことだ。 前者のネットワークの遅延についてはAjaxと総称される非同期通信のテクニックが進化したことで、体感速度は大幅に向上した。単純な文字列の書き換え程度であれば、サーバからの応答データをパーズすることなく直接HTML中に埋め込むことで高速化する“innerHTML”と呼ばれるようなテクニックも、メジャーなWebブラウザで使えるようになっている。 後者の理由、JavaScriptエンジンが遅いという認識は、まだあまり広く共有されていないかもしれない。Webブラウザベースの（JavaScriptを使った）アプリケーションの動作は「モッサリ」している。ネイティ
【コラム】イマドキのIDE事情 (28) IEで利用可能なJavaScriptデバッグツール | エンタープライズ | マイコミジャーナル
JavaScript開発ツールの現状 Webアプリケーションには欠かせないJavaScriptだが、読者の皆さんはどのように開発しているだろうか? 最近ではAptanaなど、JavaScriptのコーディングを積極的にサポートするIDEも登場してきているし、EclipseやNetBeansの次期バージョンでもJavaScript関連の機能が強化される予定になっている。 しかし現状ではやはりテキストエディタで記述し、ブラウザで動作確認という方法が最も手っ取り早いのではないだろうか。特にFirefoxではFirebugという強力なエクステンションがある。Firebugを使うとHTMLのDOMツリーを参照できたり、JavaScriptをグラフィカルにデバッグすることができるなど、IDE顔負けの機能をFirefox上で利用することができるのだ。FirebugはもはやJavaScript開発に欠かせ
JavaScriptによるマルチスレッドの実現‐Concurrent.Threadの裏側
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
InfoQ Japan: 最新技術を追い求めるデベロッパのための情報コミュニティ
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
IE用フリーのデバッグツールプラグイン「DebugBar v.5.0」リリース：CodeZine
Internet Explorer向けプラグイン「DebugBar v.5.0」がリリースされた。「DebugBarのWebサイト」よりダウンロードでき、個人または教育機関で使用する場合は無償で利用できる。 Firefoxには「Firebug」「Web Developer」などのデバッグツールがあるが、DebugBarは似たような機能をIEで実現するプラグインとなる。DOMの解析や、Webレイアウト上でのエレメント表示、HTTPヘッダー情報、HTML・JavaScriptソースの表示、JavaScriptのコンソール実行といった機能を備えている。 今回のバージョンアップではDOMタブの機能を向上したほか、いくつかのバグが修正された。DebugBarインストール後、設定メニューから「日本語」を選択し再起動することで、日本語でも利用できるようになっている。 【関連リンク】 ・My Debu
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
jquery.jsを読み解く：第1回 jQueryライブラリ（1～171行目）｜gihyo.jp … 技術評論社
はじめに jQueryとは、John Resigによって開発され、最近非常に注目を集めている Javascriptライブラリです。 JavaScriptとHTMLの対話を劇的に改善し、Ajaxなどにより複雑化してきているWebアプリケーション構築に必要な処理を非常に簡潔に書くことができます。また、ブラウザの種類やバージョンによる違いも吸収してくれるため、プログラマの作業量も減らしてくれます。 本連載では、jQueryライブラリのコードを読みながら、実装として中で何が行われているのかを見ていこうと思います。 想定している読者は、jQueryライブラリをただ使うだけでなく、やっていることを理解したいという方、使われているコードを応用して自分なりの改造をしてみたい方、新たなプラグインを開発したいという方などです。 今回の連載では執筆開始時点の最新版であるバージョン1.2.2を対象としています。説
米Yahoo!、デザイン性の高いJavaScriptライブラリ「YUI 2.5.0」リリース：CodeZine
米Yahoo!は20日、「YUI 2.5.0」（Yahoo! User Interface）をリリースした。SourceForgeのYUIページよりダウンロードすることができる。YUIは見た目の美しさと機能性が人気のJavaScriptライブラリ。 今回のアップデートでは、「Layout Manager」「FlashとJavaScriptを組み合わせたUploader」など、6つの新しいコンポーネントが追加された。他にも「DataTable Control」など既存機能も改良されている。 このうち「DataTable Control」はYUIの中でも最も人気のあるコントロールだが、埋め込みタイプの横スクロールバー、ヘッダーにあわせた縦スクロールバーといった機能が追加された。カラムのカスタマイズ性も向上しており、ドラッグ＆ドロップ、表示・非表示、並べ替えなどが行える。 新機能のアップロー
テキストエディタでWebサイト構築をガンバル人へ
HTMLやCSSのコーディングチェックを行うためのアプリケーション「bkhvalid」 bkhvalidはアプリケーションタイプのバリデータだ。HTMLやCSS、JavaScriptの構文チェックを行い、アプリケーションの中で修正を行うことができる。複数のファイルを同時に開き、複数ファイルを一括でチェック可能だ。 動作環境はWindows 2000／XPとなっているが、筆者のWindows Vista環境ではアプリケーションを実行し、バリデーションを実行できた。 ファイルを開き、「F5」キーを押すか［ツール］→［検証］と操作すると、エラーチェックが実行される。見つかったエラーや警告をダブルクリックすると、指摘個所にジャンプすることができ、そのまま不具合の修正を行い、ファイルの保存を行うことが可能だ。DOCTYPEをHTML内の記述から強制的に変更してエラーチェックすることも可能である。 b
Adobe高速JavaScript実装、バイトコードにForthを採用 | エンタープライズ | マイコミジャーナル
A Quick Introduction to Tamarin Tracing - by Chris Double氏 Webシステム開発用の言語としてJavaScriptが日に日に重要な位置を獲得しつつある。複雑なシステムを開発するとなるとその実行速度が問題視されるJavaScriptだが、コンパイル技術の導入やJITの導入で状況は改善されようとしている。特にFirefox 4で導入が予定されているAdobe Systemsから寄贈されたTamarinはJavaScriptの実行速度を劇的に向上させることになる。 Chris Double氏が3日(米国時間)、同氏のブログにおいてA Quick Introduction to Tamarin Tracingのタイトルのもと興味深いドキュメントを公開た。同氏は同ドキュメントで"tracing jit"と呼ばれる技術を活用した実装"Tamari
【連載】セカイ系ウェブツール考 (8) これぞ合理的! 開発環境もWebベースに移行してみる | ネット | マイコミジャーナル
今回のテーマは「開発環境」 様々なアプリケーションがWeb化している。メーラーは当たり前のように使われており、カレンダーやタスク管理、さらに画像編集といったアプリケーションまでWeb上で動作するようになっている。 今回は多岐にわたるWebアプリケーションの種類について、特に基本となり得るものを取り上げてみたい。それは全てのアプリケーションを生み出す元となる、開発環境だ。すでにいくつかのWebアプリケーション、オープンソース・ソフトウェア(OSS)が登場している。Webベースで行える利点を生かしたもの、ローカルアプリケーションに見劣りしない機能をもったものなど実に様々だ。開発者の方のみならず、見ると何か作ろうかと思わせる、そんなアプリケーションが目白押しだ。 今回紹介するOSS・Webアプリ 『Workspace』 Web OS風な開発環境 『TIDE』 ステップ実行も可能なJavaSc
【連載】いまからはじめるScript.aculo.us (3) ドラッグ&ドロップの実現 | エンタープライズ | マイコミジャーナル
前回までにさまざまな演出効果を紹介してきた。今回からはScript.aculo.usのコンポーネントを紹介していきたい。最初はドラッグ&ドロップを実現するDraggableとDroppablesだ。 なお、Script.aculo.usのバージョンは、新年早々にリリースされた1.8.1である(CHANGELOG)。詳細はWikiページで確認していただきたい。なお、紹介するオプションはすべて省略可能だ。 要素をドラッグ可能にする new Draggable( IDもしくはDOMオブジェクト, { オプション } ); マウスのドラッグによって、要素の位置を移動できるようにする。ドラッグ中の要素はデフォルトで透明度が0.7に設定されるが、この動作はstarteffect, endeffectオプションを上書きすることで変更できる。 [主なオプション] 名称 値の内容 デフォルト revert
Contents -- Eloquent JavaScript
This file is part of the first edition of Eloquent JavaScript. Consider reading the third edition instead.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Think IT] 第5回：アナログ時計を作ってみよう！ (2/3)
CSS Spriteを活用しよう - DesignWalker
