jQueryで外部ファイル（XMLデータ）を解析し、HTMLに表示する jQuery2011年9月29日 MovableTypeやWordPressなどのCMSツールを使用せず、ニュースリリースなどが静的HTMLで構築されているサイトの場合、HTMLを直接修正して更新する必要があります。 そこで、ニュースリリースなどの情報をひとつのXMLファイルで管理し、HTMLを触らずともあたかもデータベースのようにXMLを扱うことで、XMLファイルの更新のみでサイトの管理が可能になり、メンテナンス性が向上します。 jQueryを使用すると実装が比較的容易なので、今回サンプルを作成してみました。 jQueryはこちらからダウンロード 実際のサンプル HTML <table cellpadding="0" cellspacing="0" border="0" class="tbl"> <col width
pagerとは？ pagerは長文を区切ってページとして表示させることができるライブラリです。ブログやサーチエンジンなどのテキスト形式のコンテンツなどでページ番号が記されたサイトを見たことがあるのではないでしょうか。ページ単位でテキストコンテンツを区切ると、見やすくなり整った印象を与えるサイトになります。 「pagerで区切ったテキストコンテンツ」 pagerはAjaxライブラリの1つであるjQueryのプラグインとして提供されています。このため、pagerを使用するにはjQueryライブラリが必要になります。まずはjquery.pager.jsを以下のURLからダウンロードします。 http://rikrikrik.com/jquery/pager/scripts/#download 「jquery.pager.jsのダウンロードサイト」 ページの一番下にある「Download」の部分の
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ブラウザ上でHTMLやCSS、JavaScriptのオーサリングが可能なオープンソースソフトウェア「rainbow9」が公開されている。JavaScriptコードのテストが可能なシェルを備えるなど、非常に高機能だ。既に、実際に試すことのできるサイトやデモムービーも用意されている。 rainbow9は、ウェブサイトの作成に必要な機能をオンラインで提供している。いわば、SaaS型のウェブオーサリングツールだ。アカウントを登録して、ウェブサイトプロジェクトを作成、HTMLやCSS、JavaScriptなどをプレビューまたは実行／テストしながら作成することができる。 特に、JavaScriptについては、エディタだけでなく実行シェルも用意され、
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
The TabView component is designed to enable developers to create navigable tabbed views of content. Quick Links: Examples: Explore examples of the TabView Control in action. API Documentation: View the full API documentation for the TabView Control. Release Notes: Detailed change log for the TabView Control. License: The YUI Library is issued under a BSD license. Download: Download the TabView Con
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
Ajaxライブラリの全体像を把握しよう Ajaxライブラリ（*注1）はすでに数多くのものが出回っていますが、多過ぎて全体像がつかめていないのではないでしょうか。今回は代表的なAjaxライブラリの一部を挙げ、それぞれを比較しながらAjaxライブラリの全体像を把握していきたいと思います。 どうして、Webアプリ開発にAjaxライブラリが必要なのか どのようなプログラミング言語でもライブラリが存在するように、Ajaxにおいてもライブラリが存在します。 初めにAjaxライブラリの必要性について見ていきたいと思いますが、ここではAjax開発ならではのライブラリの必要性を2点取り上げます（ほかの言語のライブラリと共通する必要性はあらためて取り上げません）。 クロスブラウザ対応 Ajaxの利点として、さまざまな環境における一般的なWebブラウザ上で実行できることが挙げられます。しかしWebブラウザの実装
フォトクリエイトは11月7日、QRコード入りのブログ名刺を作成できる「ブログカード（愛称：ブロカ）」サービスをサイバーエージェントの「Ameba」において開始した。 ブロカは、個人のブログ情報や好みの写真を盛り込んだ名刺サイズのカードのことで、ブロガー間のリアルな交流を促進するコミュニケーションツールとして提供される。カードにはQRコードが配置され、ここに氏名や電話番号、メールアドレス、ホームページやブログのアドレスといった情報を記録できる。 ブロカのデザインは、Ajaxを採用したウェブアプリケーションで作成することができ、10種類のスキンからデザインを選べる。写真のアップロードや文字入力、校正までの制作作業をウェブブラウザ上で行うことができ、注文もその場で行える。作成費用は1000円／25枚から。 また、ブロカサービスの開始に合わせたキャンペーンも実施される。11月30日までにブロカを申
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
prototype.jsのものすごく簡単な使い方。 はてなダイアリーの方にprototype.jsでHTMLを汚さないロールオーバースクリプトというエントリーを書いたのだが、prototype.jsの入手方法やらすごく簡単な使い方がないようなので、書いてみます。 prototype.jsはJavaScriptのライブラリ（中身はJavaScriptです)で、これを使うとJavaScriptを組むのがかなり楽になるというものです。話題のAjaxのプログラミングも簡単にできます。 ライブラリは、 http://prototype.conio.net/ からダウンロードできますが、TOPページにあるファイルはちょっと古いものなので、Browse the darcs repositoryというリンクを辿り、 http://dev.conio.net/repos/prototype/dist/ から
このページはAjax関連ライブラリ等で利用できるエフェクトに関しての用例を掲載しています。これらのエフェクトは非同期通信を行わなくても利用できるため、通常のサイトでも効果的に利用できます。Ajax一般に関してはAjax勉強用サンプル&解説を参照してください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
Web 2.0の要素として，「マッシュアップ（mash up）」という言葉がよく聞かれるようになりました。マッシュアップとは，複数のWebサービスを融合して，新しいサービスとして提供する形態を指します。コンテンツ・ホルダーがWebサービスとして自社データの提供を拡大してくる中で，マッシュアップによって新たな価値を生み出す場が広がってきました。 この「マッシュアップ・ラボ」では，WebサービスAPIやマッシュアップ技術の最新動向と，マッシュアップ・サイト構築の要素となる各社のAPIの具体的な使い方についてサンプル・コードを交えて紹介していきます。 1回目となる今回は，まずWebサービスAPIとマッシュアップについて簡単におさらいすることにします。 1000以上のマッシュアップ・サイトが登場 この1年で，スクロール地図を利用したサイトがとても増えてきました。不動産業者の物件地図，飲食店の情報マ
AsH: Top 126 Ajax Tutorials Ajaxチュートリアル集126個。 Ajaxの入門、ブックマークレット、チャット、ドラッグ＆ドロップ、動的コンテンツ読み込み、オートコンプリート、ファイルアップロード Lightbox風画像表示、キーワードサジェスト、インクリメンタルサーチ、プログレスバー、角丸、リストのソート、ツリー、投票など、ありとあらゆるチュートリアルがまとまっていて、やりたいことを実現する際に使えそうです。 これだけのリファレンスがあるんですね。驚きです。 関連エントリ ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ WEB開発者のためのリソースを集めたリンク集 JavaScriptデバッグツール集 JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法 高速＆シンプルなJavascriptテンプレートシステム『RN
これはスゴイ！ オンラインで JavaScriptなどを色分け表示。「Real Time Syntax Hightlighting Code Editor JavaScript」 この画面ショットを見て、オンラインソフトの紹介かなにかだと思ったら大間違い。実は、Webブラウザ上で動作するエディタなのです。Java、PHP、JavaScript、そして HTMLの構文色分けに対応したエディタソフトで、動作が非常に軽快です。 コードを打ち込んで改行キーを押すと、色分けしてくれ表示してくれます。行番号の表示もサポートされていて、さらに行単位での選択、文字列を選択してドラッグアンドドロップで位置を移動できるなど、そこいらのエディタソフトよりも高機能。こんなエディタが Webブラウザ上から使えるのでしたら、もはやちょっとしたエディタソフトは必要なくなりそうです。 セキュリティに考慮する必要はありそう
ここの所、このブログでGoogle Map だとか はてなのブックマークだとかで遊んでばかりいるが、私も会社という組織に属する人間でもあるし、たまには自社の技術でも遊ばなければいけない。 そこで作ったのが、ケイタイAjax版のＲＳＳリーダーである。携帯電話の場合、ブラウザーの機能が劣るし、標準化が進んでいないので、ブラウザー上で Ajax アプリを作ることはほぼ不可能である。そこで、自前のスクリプトエンジン(UIEngine)の上にスクリプトとＸＭＬでＵＩを作り、ＲＳＳデータを非同期にサーバーから取得するようにして作ったのがこのＲＳＳリーダーである。 スクリプトエンジンそのものは、Doja（ドコモ）、MIDP（Vodafone/Sprint）、BREW（AU/Verizon）のいずれにも移植済みなので、どのキャリアの端末でも動くのだが（そうでなければ Ajax とは言えない）、通信事業者の
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
Yahoo!画像検索APIでスライドショー 2006-09-19-1 [YahooHacks] 今回の YahooHacks は、Y!API + Ajax + JSON で、 検索結果画像をスライドショーっぽく表示します。 プレゼンっぽいことができます。 (一時的にデモを置いておきます。そのうち消えます。ご了承下さい。 http://nais.to/~yto/tmp/yahoohacks-samp/hack_slideshow.html) ■■■画像検索結果をスライドショーで表示する Yahoo!画像検索Webサービスを用いて、 検索結果を順番に提示するスライドショー形式にするハックです。 スライドショーは、 プロキシ CGI とメインページ (HTML + JavaScript) から構成されます。 検索結果の取得・表示にはAjaxによる方法で行っています。 Aj
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
