011 webViewをつかったiOSアプリの作り方

必要なもの

• Yosemiteが入ってるMac

環境設定

• App StoreからXcodeをダウンロードする

ダウンロードに時間がかかるので事前にインストールしておくことをオススメします。

プロジェクトの作成

• Xcodeを起動してCreate a new Xcode projectをクリックします
• Single View Applicationを選択します
• Product Name に作りたいアプリの名前を入れます
• Organization Nameに'catal', Organization Identifierに'jp.catal'を入力します
• Languageにswiftが選択されているのを確認してNextをクリックします
• プロジェクトの保存場所を選択してCreateをクリックします

Storybardの設定

• Main.storyboardを開いて、Object LibraryからWeb ViewをViewControllerに追加

• UIWebViewをCtrlを押しながらクリックをして、ViewControllerにドラッグをしてdelegateを追加

• Assistant Editorを開きます

• webViewからCtrlを押しながらViewController.swiftにドラッグします

• nameにwebviewと記入をしてアウトレットを追加します

コーディング

• 下記のように記述をします

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var webview: UIWebView!
    
    var targetURL = "http://catal.jp/"

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        loadAddressURL()
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    func loadAddressURL() {
        let requestURL = NSURL(string: targetURL)
        let req = NSURLRequest(URL: requestURL!)
        webview.loadRequest(req)
    }

}

• ビルドして実行すれば完了です！

• [完成版] (https://github.com/Catal/webview-sample)