h2ospace

CakePHP + jQueryã?§ mixiã?￠ã??ã?ªã??ä??ã?￡ã?¦ã?¿ã??

2009-12-16 02:21:57

å§?ã??ã??å??ã??ã??ã??ã??ã??ã??ã??ç??é??ã??ã??ã??ã??ã??èª￢æ??ä??ã??è¶?ã??é??ã??ã?§ã??ã?? mixiã?￠ã??ã?ªã?§ã??ã??ã??ç??å±?å¿?ã??ã??ã??ã??ã??ã??ã?¦ã??ã?¡ã??ã?¨å??å??ã??ã??ã?¦ã??ã??ã??ã??ã?§ã??ã??ã??ã??

ã?ªã??ã??ã??ã??ã??ã?§ã??ã??ã?ªã??ç??ã??ä¸?ã??ã?￡ã?¦ã??ã?¦è?¯ã??æ??ã??ã?§ã??ã??ã??ã?¨ã??ã??ã??ã?¨ã?§ã??é??ã??ã?°ã??ã?ªã??ã??ç§?ã??å??æ?¦ã??æ??è§?ã?ªã?®ã?§ã??è¦?ã??ã??ã?¦ã?® CakePHPã?¨ã??å¤§å??ã??ã?ª jQueryã?§ä??ã??ã??ã?¨ã??å?ºã??ã?ªã??ã??ã??æ¨¡ç´￠ã??ã?¦ã?¿ã??ã??ã??ã??ä??ä¸?ã?¡ã?￠ã?§ã??ã??

ã??ã??ã?¯å??å?°ä??ã??

ã??ã??ã?¯ã??mixi Developer Centerã??è¦?ã?ªã??ã??ã??ã??ã??ã??ã??ç??é??ã?ªã?©ã??æ¸?ã??ã??ã?¦é??ç?ºç?°å￠?ã??æ??ã??å??ã??ã??ã??ã??

ã??ã??ã??mixiã?￠ã??ã?ªã?®æ?￢ä??è?ªä??ã?¯ã??è?ªå??ã?§æº?å??ã??ã??ã??ã??ã??ã??ä¸?ã?§å??ä??ã??ã??ã??ã??ã??ã??ã??æº?å??ã??ã??ã??ã??
ã??ã??ã??ã??ã??é?©å??ã?ªã??ã?©ã??ã??ã?ªã?©ã??æ￢¡ã?®ã??ã??ã?ª XMLã??ã??index.xmlã??ã?ªã?©ã?®å??å??ã?§ä¿?å??ã??ã??ã??ã??

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="My mixi appli">
<Require feature="opensocial-0.8" />
</ModulePrefs>
<Content type="html"><![CDATA[

<p>mixiã?￠ã??ã?ª</p>

]]></Content>
</Module>

è©?ã??ã??å??å®?ã?¯ã??ã??ã?§ã?¯ç??ç??ã??gihyo.jpã?®è¨?äº?ã?ªã?©ã??è©?ã??ã??ã?§ã??ã??

ã??ã??ã??ã??ã??ã??ã?® XMLã??ã?¡ã?¤ã??ã?¸ã?®ã??ã??ã??ã??ã??æ??ã?￡ã?¦ã??mixiã?￠ã??ã?ªã?®ç??é??ç??é?￠ã?§ç??é??ã??ã?¦ã??ã??ã??ã??ã??è©?ã??ã??å??å®?ã?¯ã??ã??ã?®ã?¸ã??ã?§ã??

ã??ã??ã?§ã??ã??ã??ã?¯ OKã??mixiã?￠ã??ã?ªã??ç??é??ã??ã??ã??ç??é?￠ã??ã??mixiã?￠ã??ã?ªã??ã?¨è¡¨ç¤ºã??ã??ã??ã?¯ã??ã?§ã??ã??

jQueryã??ã?¤ã??ã??

mixiã?￠ã??ã?ªã?¯ã??å?¨ä??ã?? JavaScriptã?? Flashã?§å?¶å?¡ã??ã??ã?®ã?§ã??ã??ã??ã??ã??ã?§ã?¯ jQueryã??ä?¿ã??ã??ã??ã?¨æ??ã??ã??ã??ã??ã??ã??ã??ã??jQueryã?¯æ?®é??ã??ç??ã?¿è??ã??ã??ã?¨ã?¯å?ºæ??ã??ã??ã??ã??ã??ã??ã?§ã??ä?¿å?©ã?ªã?©ã?¤ã??ã?©ã?ªã??å?￢é??ã??ã??ã?¦ã??ã??ã??ã??

OpenSocial jQuery

ã??ã??ã??ä?¿ã??ã?°ã??mixiã?￠ã??ã?ªä¸?ã?§ jQueryã??å?©ç?¨å?ºæ??ã??ã??ã??ä?¿å?©ï??ã??ã?¨ã??ã??ã??ã?¨ã?§ã??ã??ã??ã??ã??ã??ã??ã?¦ã??ã??ã??ã??ã??ã?¦ã??å??ã?® XMLã?¨å??ã??ã??ã?©ã??ã??ã??ã?￠ã??ã??ã??ã??ã??ã??æ￢¡ã?®ã??ã??ã??æ?¸ã??å??ã??ã??ã??ã??

...
<Content type="html"><![CDATA[
<script type="text/javascript" src="http://mixiappli.h2o-one.com/sha1/_js/opensocial-jquery.min.js"></script>
...

ã??ã??ã?§ã?®ã??ã?¤ã??ã??ã?¯ã??å¿?ã??ã?©ã?¤ã??ã?©ã?ªã?¸ã?®ã??ã??ã??ã??ã??ã??ã??ï??http://ã??ã??å§?ã??ã??URLï??ã??è¨?è¿°ã??ã??ã??ã?¨ã??mixiã?￠ã??ã?ªã?¯å??ä??ã??ã??ã??ã?¨ã??ã??ã??é??å¸¸ã?®ã??ã?®ã?¨ã?¯å¤?ã??ã?￡ã?¦ã??ã??ã??ã?®ã?§ã??ã?ªã??ã?¯ã??ã?§ã??ã?ªã??ã?ªã??ã??ã??ã??

å??ã??ã??ã??ã??ã??CSSã??ç°¡å??ã??ã?ªã??ã?¯ã??å?ºæ??ã??ã??ã??ã??ã??ã?§ã?¯ã??Yahoo UI Librariesã?® reset.cssã??ã?ªã??ã?¯ã??ã??ã??ã??ã??

...
<Content type="html"><![CDATA[
<script type="text/javascript" src="http://mixiappli.h2o-one.com/sha1/_js/opensocial-jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css">
...

ã??ã?¨ã?¯ã??ã??ã?¤ã??ã?®ã??ã??ã?? HTMLã?¨ JavaScriptã??è¨?è¿°ã??ã??ã?°ã??jQueryã??å?©ç?¨ã??ã??ã??ã?¨ã??å?ºæ??ã??ã??ã??

...
<Content type="html"><![CDATA[
<script type="text/javascript" src="http://mixiappli.h2o-one.com/sha1/_js/opensocial-jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css">

<p></p>

<script type="text/javascript">
$('p').html('jQueryã??å??ä??ã??ã??ã??ã??ï??');
</script>
...

CakePHPã??ä?¿ã??

ç¶?ã??ã?¦ã??CakePHPã??ä?¿ã??ã??ã??ã??ã??ã??ã??ã??ã?? CakePHPã?¯å??å¿?è??ã?ªã?®ã?§ã??ã??ã??ã??ã??é??å¸¸ã??å??ç??ã??æ?ªã??ã?§ã??ã??æ??è?¯ã?§ã??ã??ã??æ??è?¯ã??ã??ã??ã??

ã??ã??ã?¯ã??å??ç¨?ã?®ã??ã?©ã??ã??ã?¨ã?¯å??ã?®ã??ã?©ã??ã??ã??CakePHPã??ã?¤ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã?§ã?¯ã??_coreã??ã?¨ã??ã??ã??ã?©ã??ã??ã??ã??ã??ã??ã??ã??
ã??ã??ã?¦ã??ã??ã??ã?¿ã??ã??ã??ã??ä?¿ã??ã?ªã??ã?®ã?§/app/app_model.phpã??ã??æ￢¡ã?®ã??ã??ã??è¨?è¿°ã??ã??ã??ã??

	var $useTable = false;

ã??ã??ã??ã??jQueryã??ã??å??ã??å?ºã??ã??ã??ã?¨ã??ã?¸ã??ã??ã?ªã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã?ªã?©ã??å?ºå??ã??ã??ã?ªã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã?§ã??ã?￢ã?¤ã?￠ã?¦ã??ã??å?©ç?¨ã??ã?ªã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ä??ã??ã?¨ã??ã??ã??æ￢¡ã?®ã??ã??ã??è¨?è¿°ã??ã??ã??ã??ã??

class Sha1Controller extends AppController {
	var $name = 'Sha1';
	var $layout = false;
...

ã??ã?¨ã?¯ã??ã??ã??ã??ã?§JSONã??è¿?å?´ã??ã??ã??ã??ã??ä??ã?￡ã?¦ã??ã??ã??ã??ã??

{'ret': '<?php e($ret); ?>'}

ã??ã??ã?§å®?æ??ï??ã??jQueryå?´ã?§ã??ã??ã?®ã??ã?¯ã?ªã??ã??ã??å??ã??å?ºã??ã??ã??ã??ä??ã??ã??ã??ã?§ã??ã??ã??ã??ã??

$.getJSON('http://mixiappli.h2o-one.com/sha1_core/sha1?svalue=' + sha1.svalue,
function(data) {
...

ã??ã?￡ã??ã??ã??ã??ã??é??ã??ã??ã??ã?¤ã??ã??

ã??ã??ã?ªæ??ã??ã?§é??ç?ºã??ã?§ã??ã??ã?®ã?§ã??ã??ã??mixiã?￠ã??ã?ªã??ä??ã?￡ã?¦ã??ã??ã?¨å?°ã??ã?®ã??ã??ã??ã?￡ã??ã??ã??ã??ã??
mixiã?￠ã??ã?ªã?¯ã??ã??ã?ªã??ã??ã?¡ã?¤ã??ã??ã??ã?￡ã??ã??ã??ã??ã??ã??ã??ã?§ã??æ?´æ?°ã??ã?¦ã??æ?´æ?°ã??ã?¦ã??å??æ??ã??ã??ã??ã??ã??ã??

ä¸?å¿?ã??ã?￠ã??ã?ªã?®ç®¡ç??ç??é?￠ã??ã??ã??ã?￡ã??ã??ã??ã??ã?¯ã?ªã?￠ã??ã??ã??ã?¨ã??ã??ã?ªã??ã?¯ã?¯ã??ã??ã?®ã?§ã??ã??ã??ã??ã?¡ã??ã?¡ã??ã??ã??æ??ã??ã?®ã?¯ã??ã?ªã??é?￠å??ã??ã??ã??ã??ã?§ã??ã??ã??ã?¤ã??æ??æ??ã??æ¨¡ç´￠ã??ã?¦ã?¿ã??ã??ã??ã??

ã??ã??ã?¯ã??XMLã??ã?¡ã?¤ã??ã??æ￢¡ã?®ã??ã??ã??è¨?è¿°ã??ã??ã??ã??

...
<Require feature="opensocial-0.8" />
<Optional feature="content-rewrite">
<Param name="exclude-urls"></Param>
<Param name="exclude-urls">.*</Param>
<Param name="include-tags"></Param>
</Optional>
</ModulePrefs>
<Content type="html"><![CDATA[
...

ã??ã??ã?§ã??ã??ã?￡ã??ã??ã??ã??æ¯?å??ç?¡å??ã??ã??ã?¦ã??ã??ã??ã??ã??ã?§ã??ã??Ajaxé??ä¿¡ã?ªã?©ã??ã??ã??ã?¨ã??é??ä¿¡ç??æ??ã??ã??ã?￡ã??ã??ã??ã??ã?¡ã??ã??ã??ã??ã?ªã?®ã?§ã??ã??ã??ã?¯å¿?é??ã?®ã??ã??ã?§ã??ã??ï??ã??ã?¡ã??ã??ã??å®?å®?å??ä??ã??ã??ã??ã??ã??å¤?ã??ã?¨è?¯ã??ã??ã??ã?§ã??ï??

ç¶?ã??ã?¦ã??ã?￠ã??ã?ªã??å??ã??å?ºã??ã?¨ã??ã?®URLã??ã??&nocache=1ã??ã??ä??å??ã??ã??ã??ã??ä??ã??ã?°

http://mixi.jp/run_appli.pl?id=99999

ã?¨ã??ã?? URLã?§ã??ã??ã?°

http://mixi.jp/run_appli.pl?id=99999&nocache=1

ã??ã??ã?§ã??HTMLã?®ã??ã?￡ã??ã??ã??ã??é??ã??ã??ã?¨ã??ã?§ã??ã??ã??ã??ã?§ã??ã??

ã?¨ã??ã??ã??ã?¨ã?§ã??ã??ã??ã??ã??é??ç?ºã?®ã??ã?¿ã??ã??ã?©ã?¤ã??ã??ç??ã?¦ã??æ??ã??ã?§ã??ã??
ã??ã?¤ã??ã?¯ã?®æ??å?±ã??å??å??ã??ã??ã??ã??æ??å??ã??ã??ã?￡ã??ã??ã?§ã??ã??ã??ã??ã?ªã??ã??ã?°ã?©ã??ã??å??ã??ç¶?ã??ä??ã??ã??ã??ã??ã??ã?ªã?￡ã?¦ã??ã??ã??ã??ã?¨æ??ã??ã??ã??ã??ã??ã??ã?°ã??ã??ã?￡ã?¨ï??

※このエントリはブロガーにより投稿されたものです。朝日インタラクティブおよび ZDNet Japan編集部の見解・意向を示すものではありません。

H2O Space. Blog 最新エントリ

H2O Space. Blog 一覧へ »

ホワイトペーパー

RSS | サイトマップ

ブログを書く(CNET_IDのご登録が必要です)

[ログイン] [ログアウト]

folllow builer on twitter

新着記事
特集
ブログ

新着一覧 »

アドビ、Photoshopの機能追加を含めCreative Cloudをアップデート 2012-12-17 16:50:00
システム担当者がより楽しめる「007 スカイフォール」の見方--MI6が遭遇する手痛いピンチは、こうすれば防げた？ 2012-11-27 11:00:00
Javaエバンジェリストが語る「JavaOne 2012 San Francisco」の見どころ～築き上げられる『未来のJavaの姿』～ 2012-11-19 15:30:00
企業ITのクラウド化と多様化するPaaS 2012-07-31 09:00:00
FAQ：Herokuと既存システムはどうやって連携させるの？ 2012-07-12 09:00:00
特集一覧 »

“海上オフィス”と“コグニティブ・ロボット”--ドリーム・アーツが2つのびっくりプロジェクトで目指すのは…… 2017-04-01 00:00:00
ドリーム・アーツ、iPadで営業活動を革新するクラウドサービス「YUKARi」を発表 2013-09-11 10:30:00
日本サード・パーティ、Twitterマイクロサイト構築サービス「Wayin Hub」を国内展開 2013-06-27 08:00:00
デル、Dell SonicWALL SuperMassive 9000シリーズを発表--キャリア向けの性能を企業にも 2013-05-16 23:00:00
IBC、性能監視アプライアンスの新製品「System Answer G2 RAID Appliance」を発売 2013-04-19 09:00:00
ブログ一覧 »

企画特集

悩ましい！生産性と管理強化の天秤
多様な働き方、デバイスがもたらす生産性とセキュリティのバランスをどう保てばよいか
レガシーなインフラ設計を見直す
デジタルビジネスを推進する原動力を再考！
～インフラ再設計と人材確保への道筋～
特集：ブロック至上主義からの脱却
新潮流とも言える「セキュリティの可視化」
選定・導入・運用の複合的な視点で紹介
革新的な働き方をビデオ会議で！
なぜビデオ会議が生産性向上に重要か
ポリコムの講演から見えてきた実態とは
まさにインフラ担当者の希望の星！
ユーザー部門の無茶な要望にも楽々対応
マンガで解説！「HCI」の新常識 vol.2
データ保護を「リアルタイム」で！
最新Arcserve RHAでレプリケーション
マシン全体の複製も実現、さらに進む自動化
漫画：リリース前に総点検！
システムの脆弱性を攻撃者視点でチェック！
目には目を歯には歯を攻撃者には・・・？
活気ある社内環境＆働きがいの創出
ネオジャパン解説--自然に使えるツール
ITを駆使した「4要素のうまい管理」とは？
ITの高度化＆高まる運用負荷…！
POLESTAR Automationで運用自動化、
より洗練されたシステム運用で生産性向上
生産性向上のヒント第3回
皆が答えた「新しいアイデアがでやすい」
ワークプレイスを事例とともに紹介
MySQL + MAX Dataで超高速DBを
ビジネスの勝敗を分ける高速データ処理
ソフトウェア導入だけで劇的な速度向上！？
特集：ポスト2020時代のCX再考
新たな顧客体験創出の鍵になる
「次世代コンタクトセンターの要諦」
データ分析のPDCAを自動化
マツモトキヨシのマーケティング戦略を
裏から支えるデータ分析基盤に迫る
真の生産性向上を成す働き方とは
労働人口が減少しても、企業は成長を続けな
ければならない。生産性をいかに高めるか
データは資本--その重要ヒントとは
DX時代の企業が最も重視すべき価値とは何か
SQL Server 2017の活用と合わせ識者が考察
大規模ハイブリッドクラウド環境へ
VMware Cloud on AWSで構築！
新パートナーCTCが独自の強みを生かし解決
どこまで可能？企業を究極の自動化
単純作業の置き換え、業務プロセス自動化
ここまで可能になった「人＋テクノロジ」
バックアップが複雑化してきた…
だから「簡単・シンプル」にアプライアンス
運用負荷を低減、一元管理で効率的に！
リテール決済のデジタル化、加速へ
TISのクレカ決済技術とHCIの高信頼基盤
幅広い事業ニーズに対応のPAYCIERGEとは
結局ここで手を抜いたら終わり…！
脅威の「侵入経路」はエンドポイントから！
ここの防御だけは現状維持では許されない…
SHINKA 2019 の本質とは？
データと自社技術を活かし新たな道を拓く
コニカミノルタ仲川氏にその戦略を聞く
いまVDI導入なら基盤はHCIが正解！
HPE SimpliVityならリソースも簡単増設
利用者が増えても構築後の運用は悩み不要！
関西学院でミニMBAコース開講！
理論と実践でデジタル時代の経営を学ぶ！

CNET_ID | RSSフィード | サイトマップ

ASAHI INTERACTIVE sites: CNET Japan | ZDNet Japan | builder by ZDNet Japan | TechRepublic Japan | Tetsudo.com

International Business Site for Developer: Builder.com | Builder UK | TechRepublic

The Japanese edition of 'ZDNet' is published under license from CBS Interactive, Inc., San Francisco, CA, USA.Editorial items appearing in 'builder by ZDNet Japan' that were originally published in the US Edition of 'ZDNet', 'CNET', 'TechRepublic', and 'CNET News.com' are the copyright properties of CBS Interactive, Inc. or its suppliers. Copyright © CBS Interactive, Inc. All Rights Reserved. 'ZDNet', 'CNET' and 'CNET News.com' are trademarks of CBS Interactive, Inc.

個人情報保護方針 | 利用規約 | 広告について |
運営会社

CakePHP + jQueryã?§ mixiã?￠ã??ã?ªã??ä??ã?￡ã?¦ã?¿ã??

ã??ã??ã?¯å??å?°ä??ã??

jQueryã??ã?¤ã??ã??

CakePHPã??ä?¿ã??

ã??ã?￡ã??ã??ã??ã??ã??é??ã??ã??ã??ã?¤ã??ã??

医療業界が直面する4つの課題と、医療機関の業務効率を高めるためのITプラットフォーム

マシン全体の複製も可能になったArcserve RHA最新版に迫る！─災害対策の自動化も

コスト比較からベンダー選定、運用管理まで『クラウド移行 検討すべき7つのポイント』

製造業をモダナイズ! アジャイルでデータ中心型のインフラストラクチャーを実現する要件とは

BCPに関する「10の落とし穴」に嵌っていませんか？HA導入時に抑えるべきポイントを解説

遠隔データ保護・災害対策で悩んでいませんか？正しいレプリケーションの実践法教えます

コスト比較からベンダー選定、運用管理まで『クラウド移行検討すべき7つのポイント』