My Mind·Web上で高度なマインドマップを実現！ MOONGIFT
マインドマップは今もよく使います。頭の中を整理したり、網羅して考えることで思わぬ抜けを防げるようになります。ドリルダウンする形なので必要なところだけをメンテナンスするのも簡単です。 問題はマインドマップは専用アプリケーションが多いということです。インストールすれば良いのですが、それすら面倒という方は多いでしょう。そこで使ってみたいのがWebブラウザ上で使えるMy Mindです。 最初の表示です。 エンターとタブでどんどん作っていけます。 ノードの移動もできます。 ノードによっては小ノードのSUM/アベレージ数を出すこともできます。 より複雑なマップのデモ。これくらい使いこなせると面白そうですね。 保存を押すとJSONファイルでダウンロードされます。逆にJSONファイルをアップロードすれば再現もできますので、My Mindの置き場所はさほど問題ではないのかも知れません。サーバサイドの仕組みが
JSONとJSONPの違い - あと味
解説は他にもたくさんありますが、私自身も使いはじめの頃、違いがよくわからなかったので。 JSONとは？ 汎用的なデータ記述方法です。こんな感じで書きます。 { 'blog' : 'あと味', 'author' : 'jdg' } まさにJavaScriptのオブジェクトですね。*1 JSONPとは？ JSONを以下のように変えたもの。 callback({ 'blog' : 'あと味', 'author' : 'jdg' }); 関数呼び出しっぽいですね。まぁ、関数呼び出しなんですけど。 どゆこと？となるポイント 見た目が関数っぽくなる意外に変更点はないように見えますが、クロスドメインでJSONを読み込む時は、なぜかJSONではなく、JSONPが使われます。（WebAPI等） また、アクセスしたらJSON形式のデータを返す単純なCGIを自分で作りたいと思った場合でも、JSONを返しても、J
CakePHPとJSONでAjax用APIを作る方法
以前、CakePHPでjQueryのAjaxを使う方法というエントリーを書きましたが、 今回はJSON形式の配列を返却するAPIを作ってみます。 ここ一年間、APIを設計したり使ったりしましたが、自分なりのノウハウをまとめてみようと思います。 JSON形式で返すメリットjavascriptでオブジェクトとしてそのまま扱えるPHPから他の言語へデータの受け渡しが容易JSONはXMLなどと比べ軽量JSONを返すWebAPIはjavascriptとの相性も良く,Ajaxでのやりとりにも使えます。 PHPの場合はjson_encode、json_decodeで等でJSONと配列を簡単に変換できます。 $json = json_encode(array('あ', 'い', 'う')); echo $json; // ["\u3042","\u3044","\u3046"] ※["あ","い","う"
PHPでHTTP POSTされたJSON本文のbodyを受け取る方法 - それマグで！
JSONを本文にPOSTリクエストを投げることが増えてきた HTTP/1.1 Content-Type:application/json ###<-- jsonになっているで直接JSONを本文に投げてくるクライアントが増えてきていることを知りましました。 HTTPのPOSTと言えば、form urlencodedですが、JSONを本文に入れることがあります。 HTTPヘッダサンプル（JSON版） HTTP/1.1 User-Agent: Opera/9.80 (Macintosh; Intel Mac OS X 10.8.4) Presto Host: example.com Accept-Encoding: gzip, deflate Cache-Control: no-cache Connection: Keep-Alive Content-Type:application/json
Google URL Shortener API (goo.gl) をPHPからアクセスしてみる - hogehoge foobar Blog Style Beta
Googleの短縮URLサービス「Goo.gl」のAPIとなる、「Google URL Shortener API」が使えるようになっていたので、PHPからアクセスしてみました。 「cURL」と「PEAR::HTTP_Request2」で試してみました。 事前準備 - APIキーを取得する 「Google URL Shortener API」を使用するには、APIキーが必要になるので、事前に発行しておきます。 APIキーの発行は「Google APIs Console」から行うことができます。 Google APIs Console cURL で試してみる PHP標準の「cURL」を使用する方法です。 Googleの短縮URL「goo.gl」のAPIをPHPのcURLで使うサンプル - F.Ko-Jiの「一秒後は未来」 がとても参考になりました。 HTTPヘッダに「Content-type
【jQuery】外部ファイルの読み込みと操作 - MAXIMUM.PROの日記
今回は、外部ファイルの読み込みと操作、GETメソッドを使ったファイルの扱い方を中心に紹介していきます。APIを使ったWebアプリケーションをつくる際に必要になってくるJSON形式について覚えましょう！！ 以下のファイルを用意してください。 sample.html <h2>load</h2> <p>外部ファイルのテキストデータをそのままタグに置き換える</p> <!-- javascript:void(0)：リンク表示、アクションは起こさない --> <div><a id="load" href="javascript:void(0)">読み込み</a></div> <div id="txtLoad">データ</div> <br /> <p>外部ファイルのHTMLデータをそのままタグに置き換える</p> <a id="load2" href="javascript:void(0)">読み込み
WordPress の更新情報を JSONP 形式で出力 - dogmap.jp
さて、昨日のエントリの続き。 「Googlle AJAX Feed API なんて外部のサービスに依存したくないんじゃ！」という人のために、昨日と同様のことを自前で行うための方法。 WordPress の更新情報を JavaScript で取得して表示するには AJAX と呼ばれる技術を使います。 しかし、http を通してデータを読み込むための XMLHttpRequest では、制限として別ドメインのデータを読み込むことができません。 これを回避する方法が JSONP です。 hiromasa さんが、昨日のエントリにトラックバックしてくれた静的 HTML に WordPress を埋め込む方法を用いて JSONP 形式で、WordPress の最新記事を取得してみましょう。 まずは JSONP 形式で、WordPress の最新エントリ一覧を取得する方法。 以下のようなコードを ge
jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる
私は jQuery で Ajax を使ってデータを POST で送信する際に以下のようにコードを書いていて躓きました。 var hoge = 'str&ing'; var fuga = 'string'; var data = 'hoge=' + hoge + '&fuga=' + fuga; $.ajax({ type: "POST", url: "/ajax/add", data: data, success: function() { alert('success'); } });
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クロスドメインで使う XMLHttpRequest と JSONP のお話 | 日頃の行い