アプリなのにクロスサイトという言い方はちょっとおかしいですけど、PhoneGapの場合は assets/www/ 以下にhtmlファイルを展開していますから、そのフォルダ内であれば same-origin な resource としてアクセス可能なわけです。DreamweaverCS5.5 で作る場合もまずはサイトを作成しないといけなくて、それが assets/www/ になっているわけですね。 で、アプリ内から Google などの APIを叩きたいのだけど、どうしたらいいのか。 普通に↓のようにして問題なくいければいいのですが、何故か動かない。 $.ajax({ type: "GET", url: "http://foo.com/bar.html", success: function(msg) { alert("success"); } }); なので、↓のようにしてerrorを調べ
前回はiOSプロジェクトを作成・動作確認を行うまでの手順と、ターミナルからiOSシミュレータを起動できるようにするまでの手順を紹介しました。今回は、weinreを使ったアプリケーションのデバッグについて紹介していきたいと思います。 weinreとは weinre(WEb INspector REmote)とは、名前のとおり、リモートでWebインスペクタをサポートするツールです。iOSデバイスやAndroidデバイス上でWebアプリケーションやPhoneGapアプリケーションを動作させている際に、リモートからWebインスペクタを使用できます。 対象となるWebアプリケーションの修正は、weinreのJavaScriptをロードする1文を追加するだけです。 Webインスペクタはリードオンリーではなく、書き込みが可能です。リモートのWebインスペクタ上でDOMやCSSを操作すると、デバイス上の表
PhoneGapでサーバーと通信をすることになったらAjaxを使うのが一般的かなと思いますが、 jQueryを使ったAjax通信(クロスドメイン編) - おかひろの雑記で書いたようなクロスドメイン制約を 考慮しなくてはいけないのかなぁー って試してみたら、気にする必要はないみたいでした。 たとえばサーバー側がこんな感じのJSONを返すとしたら {"id" : "A001","name" : "山田太郎"}; こういう記述で問題ありません。 $.ajax({ url : 'http://www.example.jp/normalAjax', success : function(data) { var jsonData = $.parseJSON(data); alert(jsonData.name); }, error : function(data) { alert('Error!');
var IS_ANDROID = (/android/gi).test(navigator.appVersion); var IS_IOS4 = navigator.userAgent.match(/OS 4_[0-9_]+ like Mac OS X/i) !== null; var IS_IOS5 = navigator.userAgent.match(/OS 5_[0-9_]+ like Mac OS X/i) !== null; こういった値を何らかのオブジェクトにまとめておくと、とても便利です。 ② javascriptの読み込み 画面数が増えるに従い、javascriptファイルが増えるに従い、javascriptファイルを読み込み・使用することが多くなります。その一方で、javascript言語の仕様上、依存関係を各ファイルに記述できません。そんな時には、scri
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー 新井です。 今日の東京はとっても暑いです。。。 コーラが進みますね! さて、今日はPhoneGapを使ったiPhone/Androidアプリでサーバと連携するようなプログラムを紹介しようかなと思います。 Javascriptのコードの前に、Phonegapの設定ファイルを少しいじる必要があります。 Supporting File
少し前にphonegapを知ったのでJavaScriptを使ってiPhoneアプリを作ってみた。 inputにJSON APIのURLを入力するとリスト表示してくれるDumper。 monmon/dump-for-dd · GitHub 試しに作っただけなのでエラー処理とか特にしてないけど、 http://search.twitter.com/search.json?rpp=50&q=twitterみたいなのを入力して動いたのは確認した。 ブラウザでも試せるようにしたけど、こっちはAjaxで取って来れないのでtextareaにjson文字列入れてdumpできるようにしてある。 PhoneGapを使う PhoneGapのインストールはdownloadからzipファイル落として、中にあるiOS/PhoneGapLibInstaller.pkgを開くだけでおしまい。 その後はGet Starte
Web制作に携わる社員が仕事中わからなくて調べたことやTips。 あんま厳しい突っ込みはなしにしてください。m(_*_)m どうもGoogle先生に聞いてみてもイマイチXcode4.3からPhoneGapのビルドの方法がわからなかったので、まだβ版らしいですが、PhoneGap Buildを使ってみました。 htmlファイル1個から各デバイス用のファイルをビルドできる優れものです。 対応デバイスは、iOS(ipa形式) , Android(apk形式) , WindowsPhone(xap形式) , BlackBerry(OTAのみ?), webOS(ipk形式) , symbian(wgz形式)になりますが、ビルドにあたって必要なファイルなどが不足している場合は出力できません。 (例えば、iOSのipa形式でビルドするには証明書である.p12ファイルと対応デバイスが記されたプロビジョニン
ドメインオークションとは? ドメイン名の取得権利をオークション形式で ご購入いただくサービスです。 対象TLD.com.net.org.biz.info.mobi オークション対象はすべて中古ドメイン 中古ドメインで集客効率アップ 中古ドメインは過去に運用されていたWebサイトの「検索エンジン評価」「被リンク」「残存トラフィック」などを引き継いでいます。そのため、すでに中古ドメインが持っているパワーを活用することによって、集客効率の引き上げが期待できます。 SEO対策 高ドメインオーソリティの中古ドメインは、被リンクSEO対策用のサテライトサイト・ECサイト・ブログなどに活用されています。 アフィリエイトサイト 中古ドメインは、高収益アフィリエイターのアフィリエイトサイト構築によく活用されています。 新規サービス・商品サイト 新規で取得できなかったサービス名・商品名にピッタリのドメイン名も
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く