TL; DR

Cocoa App の Today Extension を作って遊んでみました
UITableView likeなNSTableViewを作る
とりあえず動かしたい場合はこちら

Qiitaの記事をTableViewに表示するウィジェットを作ってみる

作りながら学んでいきたいため、作るものを定義します。

簡単なモノにしたいので、TableViewにQiitaの記事を表示し選択することでブラウザを開く... といったウィジェットを作っていくことにしましょう。

プロジェクトの作成

プロジェクトの作成	ターゲットの追加

細かい説明は省きますが、Cocoa App を作成し、ターゲット(Today Extension)を追加します。

プロジェクト作成直後はLabelが乗っている状態です。

NSTableViewの追加 ( NSTableViewをUITableView Likeにする )

NSTableViewはデフォルトのまま使うと下記のように、Columnが2つのFinderのような見た目をしています。

デフォルト	よく見るWidget例

今回は天気ウィジェットのようなセルにしたい為、NSTableView・表示するセルをUITableView likeに寄せてい行きます。

下記のような設定で近づきます。

Table ViewのColumn数を1つに
Scroll ViewのDrawBackGroundをoff
tableView.headerViewを非表示
Separaterの描画
NSTableCellViewを拡張する


// 親ViewのScrollViewの背景を描画させない
scrollView.drawsBackground = false

// Headerの非表示, 背景色の透過
tableView.headerView = nil
tableView.backgroundColor = .clear

// Separaterの描画
tableView.gridColor = .lightGray
tableView.gridStyleMask = .solidHorizontalGridLineMask

まぁ及第点、オケオケオッケー。
このあたりで、もうCococaが別のViewComponentを用意してくれても良いのでは...？と思うなどしていました。

一応 NSTableViewDataSource の記述も記載しておきます。
この当たりのInterfaceはUITableViewと近く, iOSエンジニアであれば困ること無く扱えるかと思います。

// private let dataList: [String] = ["hoge', "fuga", "piyo"]

extension TodayViewController: NSTableViewDataSource {
    func numberOfRows(in tableView: NSTableView) -> Int {
        return self.dateList.count
    }

    func tableView(_ tableView: NSTableView, viewFor tableColumn: NSTableColumn?, row: Int) -> NSView? {
        guard let view = tableView.makeView(withIdentifier: NSUserInterfaceItemIdentifier(rawValue: "cell"), owner: self),
            let cell = view as? NSTableCellView
            else {
            return nil
        }
        let title = self.dateList[row]
        cell.textField?.stringValue = title
        return cell
    }
}

OS X app からHttp Requestをする場合の注意点　

Xcode9.xで作成したプロジェクトはデフォルトではHttp Requestが下記エラーが出てRequestに失敗します。


Task <4140282C-D10A-4FCE-A928-F432266702F4>.<1> HTTP load failed (error code: -1003 [10:-72000])
2017-12-14 04:44:17.823992+0900 TodayExtension[53431:2423476] Task <4140282C-D10A-4FCE-A928-F432266702F4>.<1> finished with error - code: -1003
Error Domain=NSURLErrorDomain Code=-1003 "A server with the specified hostname could not be found." UserInfo={NSUnderlyingError=0x604000057250 {Error Domain=kCFErrorDomainCFNetwork Code=-1003 "(null)" UserInfo={_kCFStreamErrorCodeKey=-72000, _kCFStreamErrorDomainKey=10}}, NSErrorFailingURLStringKey=https://qiita.com/api/v2/users?page=1&pre_page=20, NSErrorFailingURLKey=https://qiita.com/api/v2/users?page=1&pre_page=20, _kCFStreamErrorDomainKey=10, _kCFStreamErrorCodeKey=-72000, NSLocalizedDescription=A server with the specified hostname could not be found.}

結論から言うとこちらの情報で解消しました。
全く同じ発想で「これはATSだな」と思うも違い、路頭に迷っていたところを助けられました。

まとめ

個人的にiOS・OS Xのウィジェットを使う機会が多く「もっと対応アプリ増えてくれ！」という動機からつらつらと書いてみたのですが、いかがだったでしょうか？

感想としては、 Cocoa の操作感が UIKit と近いようで遠い為、普段iOSアプリを作っている人でも慣れるまで大変だろうなぁというところでしょうか。
また、iOSと比べるとOS X アプリケーション開発の情報は非常に少なく、Document, Guides and Sample Code, OSSやstackoverflowを徘徊することになります...。

この記事内ではExportするところまで行けませんでしたが、個人配布するところにも興味があるので追って記事を書ければなと思っています。

明日はスズタク ( @takumi-suzuki ) の RDS からEC2へ Multi-master replicationを組んでみたです。お楽しみに〜