GitBook取得したQiitaの投稿情報をTableViewを使って画面表示するhttpCLientを活用してQiitaの投稿情報を取得する処理まで実装できたので、今度は取得した情報をTableViewの機能と連携させて画面に表示する方法について解説します。取得した投稿情報のタイトルだけ表示するQiitaの開発者向けのAPIを通じて投稿情報を取得した結果をTableViewを活用して表示する方法について解説します。図にすると以下の様な処理になります。以下のソースコードをサンプルに順次解説していきます。Ti.API.info(error.error);};xhr.send();ソースコード解説body.lengthの値を確認することでWebAPIから取得した投稿件数が確認できるので、その件数分ループして、投稿情報を1つづつ取り出していきます投稿情報の要素を格納するためにTableViewRowを生成します投稿情報のタイトル部分を格納するためにLabelを生成します上記で生成したLabelをTableViewRowに配置しますTableViewRowを配列rowsに挿入しますWebAPIから取得した投稿件数分のTableViewRowが配列rowsに格納されているので、その情報をTableViewに表示するために、setDataメソッドを使います上記をbuildして、iPhone、AndroidのEmulatorで表示した場合以下の様になります取得した投稿情報のタイトルとアイコン画像を表示する先程は、タイトルのみ表示する方法について解説しましたが、タイトルだけではなく投稿したユーザのアイコンをTableViewを活用して表示する方法について解説します図にすると以下の様な処理になります。5000;xhr.send();上記ソースコードをbuildして、iPhone、AndroidのEmulatorで表示した場合以下の様になりますWebAPI経由で画像を表示する際に意識しておくべきポイント今回のようなWebAPIを通じて画像を取得して表示するような場合、ネットワークの回線状況によってはすぐに表示されるとは限らず、利用するユーザさんにとって使い勝手が悪い印象をあたえる可能性があります。ImageViewにはdefaultImageというプロパティがあります。画像のダウンロード完了時に、ローカルの画像とリモートから取得した画像が入れ替わるという処理が自動的にされるのでこれを適切に設定することをお勧めします。