Webの開発をしているとデバッグ用にJavaScriptからコンソール出力しながら開発を進めると思います。
MacのSafariからは簡単にコンソール出力を確認できますが、iPhoneやiPadのSafariではコンソール出力が確認できません。
そういう時は、MacとiPhoneやiPadを接続し端末側のSafariのコンソール出力をMacのSafariで確認します。
MacとiPhoneを接続しiPhoneのSafariのコンソール出力をMacのSafariで確認する方法をまとめてみます。
設定アプリから「Safari」を選択する。
Safariの設定の一番下の表示されている「詳細」を選択する。
「Webインスペクタ」をオンにする。
iOSアプリとWebアプリの両方をローカル環境で開発していると、
APIの通信をhttpsではなくhttpで開発を進めたいときがあります。
iOSアプリで何も設定しないとHTTP通信が許可されていないため下記のようなエラーになります。
App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app's Info.plist file.
iOSアプリでhttp通信を許可するには、下記のようにInfo.plistで
App Transport Security SettingsのAllow Arbitrary LoadsをONに設定します。
これで開発中はhttp通信が可能になります。
ローカル環境ではhttp通信で開発を進めますが、staging環境やproduction環境ではhttps通信に切り替えてAllow Arbitrary LoadsはOFFにします。
ニコニコログの開発の中ではタイムラインの更新機能のために "PullToRefresh.js" を利用しています。また、iOS版のニコニコログも基本的には TAppKit をベースに開発しているため、表示部分の多くは WKWebView を使用しています。
ニコニコログ開発の記録の連載記事の初期にも書いている通り、
以下のコードは CoffeeScript ですが、JavaScript や TypeScript の場合は便宜置き換えてみてください。
PullToRefresh.init({
mainElement: SELECTOR
onRefresh: ->
if window.webkit isnt undefined
window.webkit.messageHandlers.callbackHandler.postMessage('runHapticTouchSuccess')
})
window.webkit.messageHandlers.callbackHandler.postMessage('runHapticTouchSuccess')の部分で、WKWebView 側に通知を送ります。
またまた前回に続き、NikoNikoLog のモバイルウェブ版の開発の話、しかもまた前回から引きずっているフロントエンド用フレームワーク開発の話です。
完全に開発者向けの記事が続いてしまって申し訳ありませんが、もうちょっとだけお付き合いください。
前回に続き、NikoNikoLog のモバイルウェブ版の開発の話です。
書かなきゃいけないことはたくさんあって、今整理しながら書いているのですが、ひとまず今回は完全に一般の方より開発者向けな話になってしまうかも。それではスタート。
NikoNikoLog が今、生まれ変わろうとしています。実はもう開発も佳境になってきているのですが、リリースまでのもうしばらくの間に、その裏で起こっていたことや開発秘話、その他いろいろを少しずつ話してみようかと思います。
最近 Swift やってます。すごく楽しいです。
さて。
Interface Builder・・・って今は呼ぶのかわからないけど、そこで設定できない UI の制御用のコードを viewDidLoad とかにいっぱい書くのが嫌になって調べたら、@IBInspectable というのを使うといろいろできることがわかったのでメモ。
extension UIView {
@IBInspectable
var cornerRadius: CGFloat {
get {
return self.layer.cornerRadius
}
set(radius) {
self.layer.cornerRadius = radius
}
}
}
今回のサンプルは UIView の角丸設定を追加してみた。
KVOはObjective-Cではときどき使っていましたが、Swiftでは使ったことがなかったので試してみます。
KVOは変数の値の変化を監視する仕組みです。
ViewControllerにボタンを配置して、ボタンを押した時に変数の値を変えて動作確認しました。
最近、プライベートな友達で iPhone と iPad は持っているけどパソコンは持っていないという具合な人がやたらと増えています。Apple の最新CMでも "What's a computer?" ってのが出ましたね。
この社会の流れ（と呼ぶにはいささか大げさだけど）は我々の業界、そういった端末で使うサービスやアプリを作っている人間にとっては数年前までと違う考え方やアプローチを考えさせられたりと、大きな影響があるわけです。