23
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

WebKit View(WKWebView) を実装

Posted at

#はじめに
本日から、メモの代わりに勉強した内容を投稿していこうと思います。

#内容
WKWebViewを使用してGoogleのトップページを表示する。

#流れ

  1. プロジェクトの作成
  2. Storyboardを編集
  3. ViewContollerに追記
  4. ビルド

##1.プロジェクトの作成
・"Create a new Xcode project"を選択

・"Single View App"を選択

・プロジェクトの情報を入力

・"Nest"→プロジェクトを保存するフォルダを選択して"Create"

##2. Storyboardを編集
###WebKit Viewを追加
・"Library"を選択した後、"WebKit View"を選択

###AutoLayout
・ドラッグ&ドロップで"View Contoroller"に追加

・"Web View"を選択して、"AutoLayout"を設定
・上、下、右、左の空白を0に設定し、"Add 4 Constraints"を選択

##3.ViewContollerに追記
###Outlet接続
・"Show the Assistant editor"を選択

・"Web View"を選択し、controlキーを押しながら任意の場所にドラッグ&ドロップ
・変数名を入力し、"Connect"を押す

###URLの取得&Webページの表示
・URLがnilだった時の対策として、if文を使用
・loadリクエストでURLを表示

class ViewController: UIViewController {

    @IBOutlet weak var webView: WKWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        if let url = NSURL(string: "https://www.google.com") {
            let request = NSURLRequest(url: url as URL)
            webView.load(request as URLRequest)
        }
    }
}

#4.ビルド
・ビルドボタンを押す

・この状態でビルドすると、"Thread 1: signal SIGABRT"というエラーが出る
・これは"WebKit"のフレームワークが無いために発生するので、プロジェクト→"General"→"Linked Frameworks and Libraries"内の+を選択

・"WebKit.framework"を選択し、"Add"を押す

・そして、もう一度ビルドボタンを押す

できた!

#参考URL
📱SwiftでTableViewを使ってみよう
https://qiita.com/TD3P/items/cafa8e20029047993025
↑初めてだったので書き方を参考にさせて頂きました。

23
15
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?