GitBookQiitaのWebAPIと連携させるアプリでMoment.jsを使うはじめに先ほどMoment.jsの概要を解説しましたので、QiitaのWebAPIと連携させるアプリでMoment.jsを使ったサンプルアプリの解説をします。QiitaのWebAPIの投稿情報の日付データの扱いについてQiitaのWebAPIでは、xx分前の情報かわかるような項目がすでに存在すると前の項で解説しましたが、例えば、投稿IDがb375ad62efd64c11d032の情報を例にします。この投稿情報をWebAPI経由で取得するにはブラウザ上でhttps://qiita.com/api/v1/items/b375ad62efd64c11d032にアクセスすると、JSON形式の値が返ってきます。このデータの以下の項目がそれぞれxx分前の情報に該当します。上記値を参照すれば、xx分前という表示は簡単に出来ますが、今回はあえてその項目を利用せず、以下を利用します。項目を参照することにします。投稿情報の作成日を画面に表示するこれまで作ってきたアプリケーションをベースにまずは投稿情報の作成日を画面に表示する機能の実装を行います。app.js、qiita.jsは基本的には変更ないので、コードだけ以下記載します。xhr.send();};mainWindow.js投稿情報の作成日を画面に表示するため、ここはいくつか修正あります。上記生成したTi.UI.Labelに投稿情報の作成日を表示させるため、textプロパティにQiitaのWebAPI経由で取得した値(items[_i].created_at)を代入します生成したTi.UI.LabelをTableViewRowに追加しますstyle.js作成日のラベルに対応するスタイル設定追加iPhoneとAndroidとで同じようなレイアウトにするためTableViewに配置するそれぞれのTi.UI.Label要素の幅をパーセンテージにて設定するように修正を行うためにいくつか修正してます。style:Ti.UI.iPhone.ActivityIndicatorStyle.DARK};実行した結果iPhoneAndroidMoment.jsを使って投稿情報の作成日を任意の形式に変更する投稿情報の作成日を画面に表示する機能を実装したので、今度はMoment.jsを使って日付の表示方法を変更します。rows;};Moment.js&日本語化表示のために、必要なファイルの読み込みを行う記述を追加しますQiitaのWebAPIの投稿情報が格納されてれるitems[_i].created_atの日付データを変換するために、moment()の引数にitems[_i].created_atを渡します。実行結果iPhone、Androidでの実行結果は以下のようになります。iPhoneAndroidMoment.jsの公式サイトにある利用方法のドキュメントは英語のみですが表記方法のサンプルがいくつか紹介されてるので、一読するのをオススメします。http://momentjs.com/docs/#/displaying/。