タグ

macと開発に関するgo5025のブックマーク (4)

  • SafariからUIWebViewのHTMLをinspectする

    iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more | Breaking the Mobile Webに、iPhone 5とiOS 6について詳しく載っていますが、その中で「Remote Debugging」というところの項目の話。 iOS 6からiPhone上に表示しているUIWebView(web view)をMacのSafariのWebインスペクタで表示することができるようになりました。通常のWebインスペクタ同様、Webインスペクタ上でiPhoneで出力している実際のHTML/CSSが確認することができるとともに、その場で変更を適用してみて表示を確認することができます。これは便利。PhoneGapで作成するアプリケーションはUIWebViewの中に

    SafariからUIWebViewのHTMLをinspectする
    go5025
    go5025 2017/07/23
    UIWebViewについてはXcodeでビルドして転送したアプリケーションのみが対象。AppストアやipaファイルでAd hoc配布アプリとかだとインスペクトする対象となりません。 詳細はSafari Web Content Guide: Inspecting Content in a Web View参照。
  • Cordovaでハイブリッドアプリの開発環境を整えるまで

    Cordovaとは Cordovaとはスマートフォンアプリを開発するための手法の一つである、ハイブリッドアプリを制作するためのフレームワークです。 ハイブリッドアプリとは ハイブリッドアプリとはネイティブアプリ(デバイスにインストールして動作する)とWebアプリ(Webブラウザ上で動作する)を掛けあわせたものになります。 スマートフォンのネイティブアプリではWebViewと呼ばれる仕組みでWebブラウザを組み込むことができるため、Webアプリをそのブラウザで表示して動作させます。 いまのところiPhoneがWebkitAndroidがWebkitから分岐したBlinkなので、のクロスプラットフォーム性が高いことも大きなメリットです。 また、HTMLCSSJavaScriptを使えるため、Web制作者にとっては敷居が低い開発方法です。 もちろん、App StoreやPlay Store

    Cordovaでハイブリッドアプリの開発環境を整えるまで
  • Mac+Cordovaを使ってandroid,iosアプリを作る初級編 - Qiita

    続 「Mac環境で PhoneGap Cordovaを使ったアプリ開発をしよう!」 Mac+PhoneGap(Cordova)+AndroidStudioの環境つくり cordova環境の準備はできた。 android,ios それぞれ実機で確認できるとこまでを作業する <流れ> 1. プロジェクトの作成 2. platformsの作成 3. build 4. run <-実機に入れる iOSのアプリ開発、アプリ配信を行うには「iOS Developer Program」に登録をして年間参加費(2016年4月現在 11,800円)を払うなどの手続きが必要です。 - iOS Developer Program - プログラムの利用方法 を参照 アプリ作成に進むための準備 android編(前記事のおさらいも含める) (前提) Cordovaでbuildするにはandroidで使用するSDK関

    Mac+Cordovaを使ってandroid,iosアプリを作る初級編 - Qiita
    go5025
    go5025 2016/12/11
    <手順> 1. 実機をUSBでつなげます。 2. run実行してみます。デバイス側の設定ができていない場合はエミュレータが立ち上がります。
  • [Android] Android Studio をMacにインストールする | nyanのアプリ開発の簡単説明

    尚、Googleのサイトはデザインや設定方法などの変更を頻繁に行いますが、基的やるべきことはあまり変わりませんのでその点を理解して進めてください。 ライセンス画面となります。同意し、左下にチェックを入れると ダウンロードボタンが有効になります。ここで使用しているMacによってダウンロードを選択します。 Mac with intel chip: Intel Core の古めのMac Mac with Apple chip: M1 chip の新しいMac(M1, M2チップ) どうしてもわからない場合は、画面左上にあるりんごアイコンから 「このMacについて」を開くと「プロセッサ」あるいは「チップ」に表示されています。 クリックすると、ダウンロードが始まります 他にもそのページ下の方にあるdmgファイルを直接ダウンロードしてもできます。 android-studio-ide-xxx.yyy

    [Android] Android Studio をMacにインストールする | nyanのアプリ開発の簡単説明
  • 1