新人配属や異動の季節になった。この4月,あなたがもし新しい職場に配属されて,上司から「君,Ajaxって知ってる?」と聞かれたとする。そのとき,堂々と「知ってますよ」と答えられるだろうか? このITproのサイトでは,Ajax,マッシュアップ,リッチ・クライアント,SaaSなどいわゆるWeb2.0関連の記事が一昨年ぐらいから毎日のように掲載されている。そもそもITproはこうした言葉を知っている読者を対象にしているので,ほとんどの読者は冒頭のような質問を受けても,「知ってますよ」と堂々と答えられるだろう。しかし,この春初めてITの世界に入る人の中には,「名前や概念的なことなら分かるのですが…」という人も多いのではないだろうか。 そこで今回の記者の眼では,そういう新人君にお勧めな「Ajax学習法」を考えてみた。といっても,要するに,実際に自分でちょっとしたプログラムを作って試してみるだけである
筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな時にさまざまなブログで取り上げられ始めたのがPrototype.jsでした。Prototype.jsにはクラスを定義するという機能があり、すべてのエンジニアが同じ方法でクラスを定義できるのです。それは、大きなインパクトでした。しかし、その当時Prototype.jsにはまとまったドキュメントが無く、目利きのJavaScripterたちはこぞってソースを読んでいました。 そして、そのことが図らずとも
ソース読みの準備 本連載ではこれまで、JavaScriptの特徴的な記法をいくつか紹介してきた。そろそろ世に広まっているJavaScriptライブラリのソースコードを読み解いていくことができるはずだ。 今回からは、少し趣向を変えて、JavaScriptライブラリをいくつか挙げながら、ライブラリ利用方法と、その動作メカニズムについて紹介していこう。 今回は、prototype.jsにフォーカスする。現在のJavaScript人気の立役者といっても過言ではないprototype.jsだが、その中身はどうなっているのだろうか。ソースコードを読みながら、メカニズムはもちろん、JavaScript的なコードスタイルも学んでいきたい。 まずはソースコードを読むための環境を整備しよう。prototype.jsは、作者であるSam Stephenson氏が提供するサイトから取得できる。現在の安定最新バージ
操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10%増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。 詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。
しかし、何が得意で、どんなことがすごいのか? どんな技術を使っているのか?……などなどについてあなたは説明できますか? そのあたりを中心に解説をしていこうと思います。 Ajaxを、その誕生からひもとく Ajaxを理解するには、その誕生を知ることが第一歩です。 ■Ajax発祥の地はいずこ? 「Ajax」発祥の地は、コンサルティング会社を経営するJesse James Garrett氏が、2005年2月18日に投稿した「Ajax: A New Approach to Web Applications」(Ajax Webアプリケーションへの新しいアプローチ)というエントリーです。 このエントリーは話題を呼び、Ajaxという単語がアメリカで使われるようになり、日本にやって来ました。 ■Ajaxの定義 では、Ajaxとは何なのか? 彼のブログで、以下のようにAjaxを定義しています。 standar
強力な検索技術を軸に、地図情報、ニュース配信、デスクトップ検索など新サービスを次々と開始している米グーグル。Webの新しい使い方の概念をまとめた「Web2.0」のリーダー的存在とも言われている同社で、日本をはじめ世界各国における新サービスの戦略を統括しているケン・トクセイ インターナショナルプロダクトマネージャーに話を聞いた。 ■Web2.0という概念が注目を集めている。 Web2.0は目新しい概念で広く認識されていると思います。ただ、グーグルとしては特定の概念や技術に縛られることはありません。サービスの向上に必要であれば、その技術を使うだけのことです。Web2.0は、既存のサービスを見て、後から概念を当てはめたものだと考えています。 地図サービスにしても、まずは地図と情報を結び付けてWebベースでもっと便利に使いたい、という発想がありました。これを実現するためにJavaScriptとXM
小松弘幸さんは日本の大学院博士課程で数理・計算科学を専攻、日本語予測入力システムなどを開発する若手研究者だった。その彼がインターンで3カ月を過ごしたのが、米国カリフォルニアにあるGoogle本社。2004年8~10月のことだ。 「社内のメンバーとして、Google Suggest日本版の開発などを行いました。ただ、仕事は振ってくるわけではないので、自主的に動いて、チームをつくってという形です。入社してわかりましたが、来た人はすぐに働かせる会社なんです(笑)」 帰国して大学院に戻り、今年の4月から正式入社。開発対象は幅広いが、注力しているサービスのひとつはGoogleローカルのモバイル版。こう聞くと日本版へのローカライズと思う人もいるだろうが、全社的な開発体制はかなりフリーかつ共同的だ。 「このサービスの開発チームは、日本を含めて本社、ニューヨーク、オーストラリア、中国を中心に動いています。
プログラムの入門における王道と言えば「Hello World!」というメッセージを表示させることだよね、ということで、AJAXの入門をまずは本当に「Hello World!」を表示させることから始めようという面白いチュートリアル。 詳細は以下から。 The Hello World of AJAX ソースコード クリックすると「Hello World!」と表示するサンプル よくできてますね、さすが「Hello World!」です。
日経 PC 21 とかいう雑誌の中吊り広告で、 万能エクセルでワープロ要らず! とかいう強烈な特集を見つけてしまいました。頼むから、Excelをワープロ代わりにするの止めて欲しいです。パソコン音痴のオジさん社員に変なこと教えて、後ろ盾しないで欲しいです。 プレインテキストでメールすれば済むことなのに、もったいぶってExcelのファイルが添付されてきて、中を見たらスプレッドシート上にテキスト枠が一つ貼られていて、そこに今週の予定が箇条書きされていた、なんてことは日常茶飯事です。 これ、よくわかるなあ。我々の業界でも仕様書をExcelで書く人が多くて困っている人も多いみたいだし。 前にもXOOPS上のWikiでEXCELを駆逐できないかという記事を書いたことがあるけど、Excelにかけているエネルギーの10分の1でも使えば、普通のオフィスの業務なんて、楽々Wikiでこなせそうな気がする。 つい
Looking for JotSpot? You'll love the new Google Sites Google Sites, a new offering from Google, makes creating a team site as easy as editing a document. Use Google Sites to centralize all types of information — from videos to presentations — and share your site with just a few people, your entire organization, or the world. Learn more and sign up for Google sites Existing JotSpot customers: mi
この連載は,日経ソフトウエア2006年7月号から,2007年6月号までに掲載した連載「簡単実装で学ぶWeb技術2006 / 2007」の再録です。Web技術を具体的でシンプルなサンプル・プログラムを通して紹介します。進歩と変化の激しいWeb技術は,手際よく本質をつかんでいきたいものですね。小さいけれどもわかりやすいサンプルを実際に動かして「なるほど,こういうものだったのか」と思っていただければありがたいです。 題材は,新しいものから基本的なものまで幅広く取り扱っていく予定です。 第1回 Ajax---動的なWebアプリケーションを作るための技術 第2回 Comet---プッシュ型のWebアプリケーションを作る 第3回 Cookie---状態管理とトラッキング 第4回 Catalyst(前編)---Perl向けWebアプリ・フレームワーク
jqDnR :: Minimalistic Drag'n'Resize for jQuery jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」。 1. 赤の領域をドラッグして自由にリサイズできる要素作成 2. ドラッグ移動できる要素を作成 3. 赤いバーでドラッグ移動し、右下の赤いつまみでリサイズするボックスの作成 プラグイン自体が972バイトしかなくて、jQueryとあわせてもとても軽いですね。 CSSでスタイルすれば、当然、もっと綺麗なUIで提供できます。 関連エントリ 要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く