Ajax 通信を JSON でシンプルに実装するデモ | バシャログ。
Ajax といえば、最近の地図サービスはだいたいドラッグするとページを読み替えることなく移動することができて、便利というか、当たり前のものとして受け入れられるようになったと思います。 さて、そんな Ajax でサーバとやりとりする方法なんですが、JSON という表記形式を利用すると、最低限の通信だけならシンプルに実装できます。本日は、JavaScript ライブラリの jQuery と PHP ( 5.2.0 以上、または PECL で json をインストール ) を使い、データのやりとりに JSON を使う方法を紹介します。ソースコード部分だけなら JavaScript と PHP で10行程度ですので、興味のある方はぜひお試しください。 サーバからプロフィールデータを受け取ってリストで表示するデモです。Firebug等で通信内容をチェックしてみてください。 JSON demo サーバ
利用サンプル - JSONP入門
そもそもJSONPとは、javascriptからHTTPを通じてリクエストを投げ、データ受け取るための仕組みです。 これを使う事により、javascriptのみでデータをやり取りすることが出来るので、TAGGYなどが公開しているAPIを使えば、簡単にWEBアプリケーションを作成することが出来るようになります。 具体的に説明するとJSON(JavaScript Object Notation)を用いた関数呼び出しの仕組みのことです。 ※JSONはCSVのような軽量なデータ記述形式の一種です。 このような仕組みとしては他にXMLHttpRequestがありますが、XMLHttpRequestは、異なるドメイン間でデータのやり取りをすることが出来ません。 １．まずは、JSON形式とは具体的にどのようなものか見てみましょう。 以下のように最もシンプルな例は、プロパティ名とその値をコロン(:)で
まずは、mixiアプリを使ってみよう、作ってみよう
まずは、mixiアプリを使ってみよう、作ってみよう：基礎から分かる、mixiアプリ作成入門（1）（1/3 ページ） mixiのアプリ？それって何？ 「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi（ミクシィ）」上に組み込まれて実行される、Webアプリケーションです。主に、JavaScript＋XML＋HTML＋CSSで作ります（やり方によっては、Flashなども使える）。 誰でも開発でき、人が開発したmixiアプリを自分のマイページなどに自由に組み込むことができます。また、Webアプリケーションのため課金方式は異なりますが、iPhoneアプリのようにmixiアプリを作って公開することで報酬を得ることもできます。 mixiアプリは、2009年6月現在、オープンβ環境のみで利用可能となっています。正式版は、8月公開予定です（参考：「mixiアプリ」8月に正式公開 販売
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
i-mode端末の対応HTML・容量・画像形式・絵文字など
サイトマップ お問い合わせ 本文へ遷移 サイト内検索 検索フォーム 検索語句 記事 タグ 送信ボタン Home ツール 携帯情報 携帯サイト 用語集 PHP その他 現在位置: Home > 携帯サイト作成情報 > i-mode端末の対応HTML・容量・画像形式・絵文字など お知らせ: タグ検索は完全に一致したタグしか検索出来ません i-mode端末の対応HTML・容量・画像形式・絵文字など 3 5 1 1 0 1 0 当然であるがi-mode端末では対応するHTMLによりキャッシュ容量・画像形式及び容量・絵文字などが異なっている。 ここでは上記のようなものについてまとめています。 i-mode対応HTML1.0 MOVA F501i,N501i,D501i,P501i 表示出来るページ容量 画像を含め5KB 表示できる画像形式及び容量 5KBまでのGIF画像 (ノンインターレースG
第10回■保険的対策として欠かせない入力値の検証
これまではアプリケーション開発以前の基盤の話題を説明してきたが，今回からいよいよ具体的な設計・開発におけるセキュリティ対策について説明する。まずは，Webアプリケーションへの入力値の取り扱いについてだ。 Webアプリケーションにおける「入力」とは，主にHTTPリクエストに含まれるクエリー文字列（Query Strings），POSTデータ（Post Data），クッキー（Cookie），その他のHTTPリクエスト・ヘッダー（Refererなど）といったものを指す。入力源としてはこれら以外にも，電子メール，ファイル，データベース参照などが挙げられる。 ぜい弱性はどこで発生するか 具体的なセキュリティ対策の説明を始めるに当たって，ここで改めてWebアプリケーションの基本構造と，様々なぜい弱性がどこで発生するかを示しておこう。図1は，Webアプリケーションの動作を「入力/処理/出力」という古典的
@IT: 「ぼくはまちちゃん」 ――知られざるCSRF攻撃
ある日、大手SNS（Social Networking Site）のmixiの日記にこのような書き込みがあった。それも1人だけでなく、同日に数多くのユーザーの日記に同じ文面が掲載されていた。 これは、単にこのような文章がはやり、ユーザー自身が意図して掲載したのではなく、ある仕掛けによってユーザー自身が気付かないうちに引き起こされた現象なのである。その仕掛けとは、CSRF（Cross-Site Request Forgeries）と呼ばれる攻撃手法の一種だ。 編集部注： 現在、「はまちちゃん」トラップは、mixi運営者により対策されています。上記のサンプルは、mixi風に再構成したものです。 本稿の内容を検証する場合は、必ず影響を及ぼさない限られた環境下で行って下さい。また、本稿を利用した行為による問題に関しましては、筆者およびアイティメディア株式会社は一切責任を負いかねます。ご了承ください
システム開発ドットコム
「システム開発の事は、よくわからないけどシステムを作ってほしい！」というお客様でも安心してお任せください！
JDBCによる更新処理の実行
この連載では、Javaのデータベース・アクセスAPIである「JDBC」の機能を、サンプルコードを交えて解説していきます。また、J2EEにおけるJDBCの位置付けや、JDBCを利用するさまざまなテクノロジについても解説していく予定です。前提知識としては、Javaとリレーショナル・データベースに関するベーシックな知識があれば十分です。 前回は、JDBCでデータベースに接続し、検索（select文）を実行するサンプルを紹介しました。今回は、DDL文やDML文を実行するサンプル・コードを見ながら、これらの処理について解説をしていきます。併せて、例外処理やトランザクションについても、取り上げます。 DDL文の実行 最初に、DDL（データ定義言語：Data Definition Language）について見ていきましょう。DDL文には、表やビューをはじめとするデータベース・オブジェクトの作成（crea
[syns.net] Javaサンプルソース
Javaクラスソースのサンプル集です。 ・テキスト処理 ・ファイル I/O ・データベースアクセス ・ソケット処理 ・JavaBeans ・Servlet ・戻る サンプルクラス：InputCheck 入力文字列のチェックを行います。 ＜メールアドレスの簡易チェック＞ mailck(String mailadd) - boolean 引数mailaddの文字列がメールアドレスと判断した場合、trueを返します。それ以外はfalseを返します。 public class InputCheck { //メールアドレスのチェック public boolean mailck (String mailadd){ boolean rs = true; String pattern0 = "@"; int charstr = mailadd.indexOf(pattern
Javaの画面表示－その１８：ＪＳＰでセッションを使って、表示部分と処理部分を分ける - ウィリアムのいたずらの、まちあるき、たべあるき
ウィリアムのいたずらが、街歩き、食べ物、音楽等の個人的見解を主に書くブログです（たま～にコンピューター関係も） シリーズJavaの画面表示のつづきです。今、ＪＳＰやってます。それも、ＪＳＰでＭＶＣに分けるための、要素技術についてです。 前回フォワードをやりました。今回はセッションを使います。 これで、ＪＳＰのカオル姫方式版ができます。 カオル姫方式というのは、ここのブログでいっている話で、ＭＶＣのすべてのメソッド間で共有する共通領域を持っておき、その領域から、値を取り出したりセットすることによって、メソッドをＭＶＣにわけるという方法です。 ということで、今日はセッションです。 ■ＪＳＰのセッションのやりかた ＪＳＰのセッションのやりかたは、こんなかんじだと思う １．とりあえず＜%@ page session="true" %＞をかく。 そうすると、セッションがあれば、そのセッションをわたし
Javaの道：JavaBeans（３．Servlet、JSP、JavaBeansの連携）
ServletとJavaBeansの連携 JSPとJavaBeansの連携方法については、前ページで解説しましたため、ここではServletとJavaBeansの連携方法について解説します。 ServletもJavaBeansもJavaプログラムであるため、連携方法は他のJavaプログラムの連携と変わりません。Servletの中で、JavaBeansのオブジェクトを生成し、オブジェクトを通してJavaBeansのメソッドを呼び出すことで行います。他のJavaプログラムとの違いはWebアプリケーションのスコープを意識する必要があることです。スコープを意識することで、Servlet、JSP、JavaBeans間で連携が図れます。 Servletでスコープを意識したデータ管理を行うには、各スコープのsetAttributeメソッドや、getAttributeメソッドを使用します。それらのメソッド
Google Analytics API 試用レポート～プロファイル情報を取り出す
先ほど公開されたGoogle Analytics APIですが、サンプルがありましたので、早速使ってみました。 以下のサイトにアクセスします。 Client Libraries & Sample Code – Google Analytics – Google Code いろいろなサンプルコードが掲載されています。実際のソースコード閲覧と、動作確認が可能。 では、早速テスト。Google Analyticsのプロファイル情報を取り出してみましょう。 「Data Feed」をクリック。 「Login」をクリック。 ここで、Googleアカウントにログインしていなければ、ログインを要求されます。 ログインを進めると、Google Analyticsのデータにアクセスしても良いか？というメッセージが表示されます。 「許可する」をクリック。 早速、Google Analytics のプロファイル情
JSPとどう連携して使うのか
前回の記事「サーバサイドJavaテクノロジ 重点キーワード」では、サーブレット、JSP、EJBをテーマに、サーバサイドのJavaに関連したさまざまな技術文書を読む上で必要な知識を解説した。 さて、今回から2回に分けてJava Servlet、JSP、EJBを使ったWebアプリケーションを実装する手順を解説する。前編では、Java ServletとJSPの連携方法を中心に触れ、後編では、EJBで実装するビジネスロジックとの連携について解説する。また、非常に多くの機能を持ったこれらのテクノロジーの中でも、基本的な部分を取り上げ、実際のコーディングを交えて解説する。 また、本稿ではアプリケーションサーバのセットアップなど、具体的に説明を進めるため、IBMの「WebSphere Application Server V3.5」を使うこととする。また、開発効率を上げるためのツールとして「WebSph
8月正式公開前に「mixiアプリ」を試す方法 - オープンβコミュニティに参加 | ネット | マイコミジャーナル
ミクシィが運営するSNS「mixi」では、8月にソーシャルアプリケーションプラットフォーム「mixiアプリ」の正式公開を予定している。ソーシャルグラフを利用して、mixi上でさまざまなアプリ(マイアプリ)を楽しめるようになる――というのがmixiアプリの簡単な説明になるが、いまひとつ想像がつかない方もいるだろう。 現在mixiアプリは、オープンβとして開発者向けに仕様や実行環境が公開されているが、一般のmixiユーザもアプリの利用者として参加できる。いちはやくmixiアプリを体験してみたい人は以下の手順で、「mixiアプリ オープンβ」コミュニティに参加してみよう。 1 コミュニティ「mixiアプリ オープンβ」に参加する 2 メッセージの「 http://platform001.mixi.jp/ 」をクリック 3 改めてログイン画面が表示されるのでログインする 4 マイページの上部に「ア
【連載】『Tumblr』のおさらい (11) タグを付けて投稿&タグクラウドを表示させる | ネット | マイコミジャーナル
記事にタグを付けて投稿する 『Tumblr』は、一般的なブログサービスと同様に投稿する記事に「タグ」を付けることができる。記事に付けたタグをリストクラウドとして、自分のTumblrブログ(Tumblelog)に表示させることが可能だ。記事のジャンルごとにタグを付ければ、サイトを訪れた人がタグを元に記事を探して読むことができ、親切でわかりやすいサイトになるだろう。 また、タグを付けることは、自分で投稿した記事を見返す際にも役立つ。今回は、投稿する前に記事にタグを付け、さらにそのタグのリストを自分のTumblrに表示させる方法を紹介する。 Tumblrの管理画面である「Dashboard」から投稿する場合は、投稿フォームの右上にある＜Advaced options＞ボタンをクリックしよう(図1)。すると、図2のように表示されるので、「Tag this post」の欄に投稿する記事のタグを入力す
Geocoding - 住所から緯度経度を検索
Geocoding.jpとは？ 住所やランドマーク名をGPS座標に変換するサービスです。 座標系はWGS84に対応。近似TOKYO97出力も可能です。 Open Location Code(OLC)取得も可能です。 Aobaが個人で作成、運用しています。 Google様とYahoo!様のふんどしで相撲をとっております。 お問い合わせはTwitter窓口まで。 検索のサンプルは？ 住所 『東京都港区芝公園４－２－８』 で検索 ランドマーク名 『東京タワー』 で検索 ランドマーク名 『東京駅』 で検索 ランドマーク名 『Arc de triomphe』（凱旋門） で検索 ランドマーク名 『ユニコーンガンダム』 で検索 Open Location Code 『8Q7XMP52+J6』（渋谷ハチ公像） で検索 緯度、経度から検索 『東京タワー』 経度、緯度から検索（度、分、秒） 『Eiffel T
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト