![スケジュールの進行状況アプリに使えそうなAjax*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/d59fdb9fd2e2ece1a35be5bc493e1be2212225b6/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-13.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200708010050.gif)
こんにちわ、hideです。 最近は、jQueryというJavaScriptライブラリを使ってAjax関連の処理を書くことが多いです。なんといっても軽量で高速、XPathによる要素の指定がとても便利です。今回は、その便利なjQueryをもっと便利にするプラグインをいくつか紹介します。 ThickBox LightBoxのようなもので、画像の他にHTMLの表示も可能です。難点は、$()を使って書かれているので、他のライブラリと混ぜて使えないこと。僕はソース内の$()をすべてjQuery()に書き換えて使っています。 JSON for jQuery AjaxでJSONを取得して、処理できるようにするプラグイン。これは必須とも言っていいと思います。CallBack関数を指定してのJSONPも簡単。 BlockUI Plugin 画面の一部や全体を半透明のレイヤーで覆って操作できなくするものです
Google Maps API を利用した便利なサービスが数々発表されているけど、別に遊びのために活用してもいいよね。 そんな思いから作ってみた、レーシングゲームです。 地図データを元に走るので、ゲーム史上いまだかつてないコースの再現性があります。 ただ、作者に車の知識があまりないため、車の走行に関してはかなりいい加減ですがご容赦ください。一応、ゲームバランスは調節したつもりです。 推奨環境 以下の環境で動作チェックを行っています。 Windows 版 Internet Explorer 6.0 (JavaScript有効) Windows 版 Firefox 1.0 (JavaScript有効) 遊び方
小気味良いインターフェースのメタ検索エンジン『sidekiq』 January 6th, 2007 Posted in 便利ツール(ウェブ) Write comment 検索エンジンが増えてきた。従来のテキスト検索から画像検索、映像内言葉検索なんてものも出てきたぐらいだ。 そうなると検索エンジンを切り替えて求めるものを探す作業になるが、検索エンジンが増えてくるとそれも面倒だ。 そこで登場したのがsidekiqである。 このサイトはいわゆるメタ検索エンジンであるが、そのインターフェースがなかなか心地よい。 Ajaxで邪魔にならないようにサイドバー式に検索エンジンが選択でき、いらないときはもちろん隠しておくことができる。もちろん検索語を入力しなおす必要もない。 またさまざまな検索エンジンもカテゴリー別に分類されていて使いやすい。 面倒になってきた作業をまとめてみる。検索以外にも応用できそうな発
※公開用にいくつか手を加えてあります 前フリが長いとのツッコミがありましたので、今回の発表内容を少し要約してみたいと思います。 1. GIF Format Hacks (Server side) まずは、任意のpixelサイズ(幅・高さ)を持った画像ファイルを固定長の35byteで出力する方法 #!/usr/bin/perl use strict; use warnings; sub create_gif { my $size = pack "S2", @_; return "GIF89a$size\xf0\x00\x00\x00\x00\x00\xff\xff\xff," . "\x00\x00\x00\x00\x01\x00\x01\x00\x00\x02\x02L\x01\x00;"; } print "Content-Length: 35\n"; print "Content-Ty
NTTデータは,Ajaxアプリケーションをビジュアルに作成できる開発ツール「マスカット」を,2006年9月中にオープンソース・ソフトウエアとして無償公開する。ボタンやタブ,ツリーなどの画面オブジェクトをマウスで配置してアプリケーションを開発できる。NTTデータによれば,JavaScriptを書くことなくアプリケーションを開発でき,工数が約60%削減されるという。オープンソース・ソフトウエアとして無償公開することでデファクト・スタンダードの地位を狙う。 マスカットによる開発の手順は以下のようになる。まず用件定義担当者がWebブラウザ上の「マスカットWebブラウザ版IDE」で,Web画面をマウス操作でデザインすると,画面定義XMLが生成される。これを開発担当者が「マスカット Eclipse版IDE」にインポートして,画面オブジェクトと既存の業務ロジック・オブジェクトを対応付ける設定などを行い,
ダイナミックリージョンは、前ページのサンプルのようにデータセットの内容をそのまま表示するだけでなく、データ内容で場合分けしたり、条件を満たすもののみを表示したりすることができる。また、表示後の操作でソートキーを変更したり、項目を絞り込んだりすることも可能だ。 上のサンプルでリストのソートを指定しているコードを見てみよう。 ・index.html <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Spryフレームワークサンプル リンク集2.1</title> <script type="text/javascript" src="../js/xpath.js"></script> <script type="text/javascript" src="../js/SpryDa
最近,Webエンジニアのまわりで注目されている技術に「Ajax」(エイジャックス)があります。従来のWebアプリケーションはインタラクティブな処理の際,ユーザーにページのリロード作業を強いることが多く,決して操作性が良いとは言えませんでした。しかしAjaxを利用すると,サーバーと非同期な通信ができるので,ページをリロードすることなくコンテンツを更新できます。このためデスクトップ・アプリケーションと同様な操作性を持つWebアプリケーションを作成できます。本連載では,実際にAjaxアプリケーションを開発しながら,Ajaxアプリケーションの動作の仕組みや,既存のWebアプリケーションとの違い,実装上の注意点などについて紹介していきます。 目次 第1回 古くて新しいアーキテクチャ 第2回 インクリメンタル検索を実現(クライアント編) 第3回 インクリメンタル検索を実現(サーバー編) 第4回 予測・
SourceForge.net: AjaxFTP A flexible widget to incorporate into your web 2.0 app to allow FTP access through a browser. AjaxFTP lets you browse, upload, and download files from remove servers using only Javascript and PHP. Built with customization in mind. これは凄いです。設置すると、次のようなFTPログインフォームが現れます。 アカウントを入力して、「Connect」ボタンを押すと次のようにファイルツリーが表示され、エクスプローラライクに階層を辿ることが可能です。 この機能を実装するためには、次のような簡単なコードを書くだけでOK。これだ
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
IBMをはじめとする複数のソフトウェア企業が、AJAXスタイルのウェブ開発のための開発ツールの簡易化を目指し、あるオープンソースプロジェクトを提案した。 「Open AJAX」と呼ばれるこのオープンソースプロジェクトは、IBMが寄贈したコードに基づいて開発が進められる。同コードはソフトウェア開発者がAJAXを利用してウェブアプリケーションを作成する際にEclipse開発ツールを使用できるように設計されている。 AJAX技術を利用してウェブアプリケーションを作成すると、ウェブページの双方向性が高まり、利用者は更新ボタンをクリックして画面上のデータをアップデートする必要がなくなる。AJAXはAsynchronous JavaScript+XMLの略称である。 以前にも報じられたとおり、このプロジェクトは複数のソフトウェア企業によって支援されている。この中にはIBM、Google、BEA Sys
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く