jQuery モバイル スキン

コミュニティ無償

iPhoneやAndroidなど、画面の狭いスマートフォン用のスキンです。

このスキンは、標準ではTeamPageに含まれていませんが、TeamPageのサポートサイトからプラグインとしてダウンロードできます。お使いのTeamPageにインストールしてご利用ください。

シンプル&スピーディ設計

外出先でスマートフォンを使ってTeamPageを利用する場面では、最新の状況をすばやく確認できることと簡単に返信できることが求められます。

そこで、画面構成を…

  • 最新のスレッドが並ぶ画面
  • 特定のスレッド内の投稿をタイムラインで並べた画面
  • コメント返信画面

…の3つに絞り、状況確認と返信がシンプルかつスピーディにできるように設計しました。

最新スレッド一覧の画面

この画面には、ユーザーの読み取り権限のあるスレッドが一覧表示されています。コメントが付いたスレッドは上に移動するので、「動きのあったスレッド」をすばやく見つけられます。

スレッド一覧画面

目的のスレッドをタップまたはクリックすると、下図の「スレッド内タイムライン画面」が表示されます。

スレッド内タイムライン画面

この画面には、スレッド内のトップ記事とコメント記事が並びます。新しいものほど上に表示されるので、「スレッド内の動き」をすばやく確認できます。

スレッド内のコメントを時系列表示

コメントしたい記事や段落をタップまたはクリックすると、下図のコメント投稿画面が表示されます。

コメント投稿画面

この画面の上部には、コメント対象の記事または段落が引用表示され、自分がどのような内容に対してコメントを書こうとしているのかが分かりやすくなるように配慮されています。

また、この画面の「記事の種類」をドロップダウンリストから選択して、通常のコメントではなくタスクや予定(スケジュール)としても投稿できます。

コメントの投稿

タブレットでの表示

このスキンは、スマートフォンだけでなくタブレットでも利用できます。下図はiPadで表示した例です。

iPadでjqmスキンを表示

関連記事

TeamPage iOS アプリ ... iPhone や iPad 用のアプリです。モバイルに最適化された画面をスクロールして、自分宛の通知を確認したり、最新のスレッドやコメントを読んだりできます。このアプリは、Appleの iOS App Store から無料でインストールして使用できます。

Bootstrap3 スキン ... レスポンシブデザインに対応したスキンです。タブレット端末やスマートフォンなどのモバイル端末で快適に使えることを考えて設計されていますが、デスクトップでも利用可能です。

Page Top