ニコニコログの開発の中ではタイムラインの更新機能のために "PullToRefresh.js" を利用しています。また、iOS版のニコニコログも基本的には TAppKit をベースに開発しているため、表示部分の多くは WKWebView を使用しています。

ニコニコログ開発の記録の連載記事の初期にも書いている通り、

PullToRefresh.js 側の処理

以下のコードは 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 の開発中の画面のスクリーンショットを少し公開しちゃいます。

別に公開を勿体ぶっていたわけではないんですが・・・あくまでも開発中の画面です。実際、現時点では開発フェイズとしてはかなりリリースに近い段階に来ているのですが、それでも日々の開発やテスト、レビューの中で画面設計など変わる部分があったりします。

そこのところをご理解いただいた上で、開発中の画面をみていただけたら幸いです。

個人の GitHub でですが・・・loggerjs を公開してみました。loggerjs は JavaScript でフロントエンドの開発を行う際に欠かせない console.log をもうちょっとうまいこと使いたいって願望から開発しました・・・なーんて書いてみるのもいいんですが、実際はそういう console.log を使った作業が、TAppKit の開発自体、そしてそれを利用している NikoNikoLog の次期大規模アップデート の開発には必要不可欠な状態になったことから、もともとは TAppKit への組み込みライブラリとして CoffeeScript で開発していたものを、コンパイル不要で弄りたい人は弄りたい放題になるはずの JavaScript に書き換えて公開しました。

loggerjs の概要

loggerjs は、以下のようにウェブブラウザの開発ツールの Console にログを出力します。

機能としては単純なものが多いのですが、主な機能は以下の通りです。

• DEBUG, INFO, WARN, ERROR の4つのログのレベルに対応
  • 各レベルのログは接頭辞にレベルをつけて、指定された色（オプションでも設定可能）で出力
• 初期化時に動作環境を設定してやることが可能（後述）
• オプションでログの出力元の情報も付与可能、省略も可能（スクリーンショットの [INFO] ↳ MobileNikoNikoLogApp の部分はログの出力元）

またまた前回に続き、NikoNikoLog のモバイルウェブ版の開発の話、しかもまた前回から引きずっているフロントエンド用フレームワーク開発の話です。

完全に開発者向けの記事が続いてしまって申し訳ありませんが、もうちょっとだけお付き合いください。

前回に続き、NikoNikoLog のモバイルウェブ版の開発の話です。

書かなきゃいけないことはたくさんあって、今整理しながら書いているのですが、ひとまず今回は完全に一般の方より開発者向けな話になってしまうかも。それではスタート。