タグ

ajaxに関するikebe1999のブックマーク (88)

  • ASCII.jp:Googleマップ+jQueryで作るAjaxなデザイン|29分でできる! あのサイトの“技”を盗め

    今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手としましょう。 今回のお手サイト: 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の

    ASCII.jp:Googleマップ+jQueryで作るAjaxなデザイン|29分でできる! あのサイトの“技”を盗め
  • まじで使えるJavascriptライブラリ75選 | CREAMU

    Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript

  • グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum

    このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。 売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど…。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。 だが、昨年末にGoogle Chart APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できる

    グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum
  • [Think IT] これならわかる!JavaScript/Ajax

    ソフトウェア開発の第一線に携わるエンジニアの方々ために、最新の技術情報と現場で使えるノウハウ記事を毎日公開しています!

    ikebe1999
    ikebe1999 2008/09/08
    Ajax講座集
  • Google AJAX Feed API入門

    他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント

  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

  • Google Spreadsheets を簡易 SQL DB に!「Google Visualization API」 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 皆さん、 Google Docs のガジェット機能はもう使ってみましたでしょうか。データをさまざまな方法で可視化するガジェットをシート上に配置できるというもので、このガジェットは自作することもできます(iGoogle ガジェットベース)。その際にスプレッドシートの情報を取得するために使われるのが、日ご紹介する Google Visualization API

  • Ajaxの学習ならAjaxTower

    現在このサイトは休止中となっています

    Ajaxの学習ならAjaxTower
  • AJAXアプリケーションで標準的なブラウザナビゲーションを再現する:CodeZine

    はじめに AJAXは、デスクトップアプリケーションと同じくらい対話性と応答性のよいリッチなWebアプリケーションを開発する手段として、多くの開発者に採用されてきました。AJAXでは、WebのUIを異なるセグメントに分割します。ユーザーはあるセグメントで操作を実行し、その操作が終わらないうちに他のセグメントで作業を開始することができます。 しかし、AJAXには大きな欠点があります。戻る、進む、ブックマークといった標準的なブラウザ機能が無効になるのです。AJAXアプリケーションの開発者は、ユーザーをAJAXの欠点に無理やり順応させるのではなく、アプリケーションを従来のWebインタラクションスタイルに合わせ、次の機能を提供するようにしなければなりません。[戻る]/[進む]ボタンが機能するようにして、エンドユーザーが直観的なやり方で履歴ページ間を移動できるようにする。ユーザーがブックマークを作成で

    ikebe1999
    ikebe1999 2008/01/13
    Ajaxで戻る機能を実現する方法
  • 競艇選手はどれくらいの賞金を貰えるのか?億万長者も夢じゃない? – 競艇選手はどれくらいの賞金を貰えるのか?億万長者も夢じゃない?

    このように、一般戦と最高峰のSG戦では貰える賞金額に雲泥の差があるのです。とはいえ、一般戦は毎日どこかの競艇場で行われているのに対し、SGの中でも1億円を貰えるグランプリシリーズは12月に1度開催されるのみです。 もちろん、SG戦には誰でも出場できるわけではないので、一般戦、G3、G2、G1などで着実に勝利を収めていくことが前提条件になります。競艇選手はみな、SGへの出場を夢見て、日々のトレーニングに励んでいるのです。 各グレードの優勝賞金をざっくりご紹介します! ここからは、各グレードの優勝賞金をざっくりと見ていきましょう。 各グレードの中でも、開催されるレースによって賞金額が異なりますので、あくまでも目安程度にご参考ください。 さらには、どんなスポンサーが協賛しているのか?でも異なりますし、スポンサーから賞金以外の「商品」をもらう機会もあります。 ①一般戦 一般戦優勝賞金:74万円以上

    ikebe1999
    ikebe1999 2007/12/19
    Ajaxを用いたメッセンジャー。サーバ側はPHP。ソース付き
  • Ext JSとprototype.jsで作るリッチなUI(1/4) ─ @IT

    Ext JSとprototype.jsで作るリッチなUI:パターンとライブラリで作るAjaxおいしいレシピ(3)(1/4 ページ) 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ(フレームワーク)です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム(拡大表示はこちら、※注意1:FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし

    Ext JSとprototype.jsで作るリッチなUI(1/4) ─ @IT
    ikebe1999
    ikebe1999 2007/11/09
    カレンダーから日付を入力したり、都道府県を入れると、市区町村選択が出たりするライブラリ
  • 初心者向けにまとめ

    UIEngine だ 技術者諸君これを使い給え。UIEngine(ユーアイエンジン)は携帯電話上でAJAX的なインタフェースを簡単に実現できる技術です。このブログではUJMLサンプルの紹介 UIEngineについて UJMLで作る便利なツール 等を載せています。 ここではUJMLの初心者向けに色々まとめています。日語のドキュメントもまだ少ないので集められるだけ集める予定です。(2006/7/10 更新) UJMLについて(勝手解説): UIEngineは小型デバイス(携帯電話、PDA等)上でプログラム(ゲームや各種ツール)を動作させる仕組です。UIEngineはこんな方(下のブログ参照)が作り、展開しています。 ・Life is Beautiful (UIEvolution社 CEO 中島聡氏のブログ) ・遅咲きブログ少年 @はてな(株式会社UIEジャパン代表取締役 今野純氏のブログ)

    ikebe1999
    ikebe1999 2007/11/05
    携帯でAjaxを実現させるエンジン
  • JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連:[OpenSpace]

    Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス/アプリケーション...のページを参照してください。

    ikebe1999
    ikebe1999 2007/10/27
    古籏一浩氏のJavaScript, Ajax, Rubyなどのリファレンス、記事など
  • JQuery Cycle Plugin

    Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is

    ikebe1999
    ikebe1999 2007/10/19
    JQuery画像切り替えJavaScriptライブラリ デモ
  • ウェブでかっこいいグラフを描くためのライブラリやらテクニックやらのまとめ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~

    ドットインストール代表のライフハックブログ

    ウェブでかっこいいグラフを描くためのライブラリやらテクニックやらのまとめ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
  • Gadgets - Google Code

    How do I start? Check out our Getting Started doc. Learn more: The gadgets.* Developers Guide describes the new gadgets API that runs in containers that also support the OpenSocial API. The "legacy" Developers Guide describes the original gadgets API. The legacy gadgets API runs everywhere, but it doesn't include new features introduced in the gadgets.* API. Submit your gadget to the directory (l

  • 日本語向けfonts.css登場? 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum

    去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生

    日本語向けfonts.css登場? 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
  • prototype.jsを読み解く:第1回 Prototypeライブラリ(1〜197行目)|gihyo.jp

    他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい

    prototype.jsを読み解く:第1回 Prototypeライブラリ(1〜197行目)|gihyo.jp
  • jQueryを使ってTwitterをおいしくマッシュアップ (1/4) ─ @IT

    記事は2007年に執筆されたものです。jQueryやAjax全般の最新情報は「リッチクライアント & 帳票フォーラム」総合目次のカテゴリ「実践Ajax」や「Ajax技術解説」をご参照ください。 Ajaxおいしいレシピを紹介する前に そもそも、Ajaxのこと分かってますか? 2005年の始めにAjaxという言葉が知られるようになってから、Ajaxは急速に技術の進化を遂げ普及してきました。読者の皆さんの中にもAjaxの開発を実際に経験した方が増えているのではないでしょうか?

    jQueryを使ってTwitterをおいしくマッシュアップ (1/4) ─ @IT
  • Web2.0サイトを自作する - 目次:ITpro

    爆発的に広まった「Web 2.0」――。巷では,「Ajax」や「マッシュアップ」,「ブログ」などの用語であふれ,これらを実装したWeb2.0サイトも増えています。しかし,単にWeb2.0サイトにアクセスして使うだけでは,真の意味でWeb2.0を体験したとはいえないのではないでしょうか。Web2.0技術は,サイトを構築して初めてその質が分かるからです。 そこで連載では,GoogleAmazonWebサービスAPI,Ajax,RSS,そしてRuby on Railsなどを題材に,Web2.0サイトをLinuxで自作します。記事の通りに実行すれば,Webサイトを全く作ったことがなくても簡単に Web2.0サイトが構築できます。 第1回 Web 2.0ってなんだ? 爆発的に広まった「Web 2.0」――。巷では,「Ajax」や「マッシュアップ」,「ブログ」などの用語であふれ,これらを実

    Web2.0サイトを自作する - 目次:ITpro
    ikebe1999
    ikebe1999 2007/08/15
    『Googleカレンダーをテレビ番組表に』など