FLEXFIRM

x-fit(クロスフィット)

x-fit クロスフィット
評価版の試用

x-fit(クロスフィット)

スマホサイト あっと言わせるスマホサイトを短納期に、でも確実に

豊富な機種対応(全て実機で確認済みです)

対応機種一覧

x-fit(クロスフィット)のメリット

制作・開発者

制作者(マークアップエンジニア)
  • テスト工数削減
  • タッチUIの簡単実装
  • Javascript周りの機種差異を吸収

サイト運営者

サイト運営者
  • サイトの差別化
  • 確実な機種対応
  • 新機種への自動対応
制作側、運営側いずれにもメリットがあります

コードビルダー

コードビルダーの画面パラメータに値を埋めるだけで簡単にコード生成

x-fitのUI部品

カルーセルスマホサイトで最も難しいタッチUIを簡単実装。カルーセルをスクラッチで作ると、機種ごとに動いたり動かなかったり・・・x-fitでは、そんな悩みは不要です。その他、多くのUIが揃っています。

対応機種一覧

x-fitが対応している機種の一覧です。 [ 現在の対応数*:140 ]

キャリア発売のAndroid、iOS全機種全バージョン対応。「確実な機種対応」を実現します。

docomo
機種名 os
F-01D Android 3.2
F-03D Android 2.3
F-05D Android 2.3
F-07D Android 2.3
F-08D Android 2.3
F-12C Android 2.3
GALAXY NEXUS Android 4.0
GALAXY Note Android 2.3
GALAXY S Android 2.2
GALAXY S Android 2.3
GALAXY S II Android 2.3
GALAXY S II LTE Android 2.3
GALAXY Tab Android 2.2
GALAXY Tab Android 2.3
GALAXY Tab 10.1 LTE Android 3.2
GALAXY Tab 7.0 Plus Android 3.2
HT-03A Android 1.6
L-01D Android 2.3
L-02D Android 2.3
L-04C Android 2.2
L-06C Android 3.0
L-06C Android 3.1
L-07C Android 2.3
N-01D Android 2.3
N-04C Android 2.2
N-04C Android 2.3
N-04D Android 2.3
N-05D Android 2.3
N-06C Android 2.3
N-06D Android 2.3
P-01D Android 2.3
P-02D Android 2.3
P-04D Android 2.3
P-05D Android 2.3
P-07C Android 2.3
SH-01D Android 2.3
SH-02D Android 2.3
SH-03C Android 2.1
SH-03C Android 2.2
SH-04D Android 2.3
SH-06D Android 2.3
SH-10B Android 1.6
SH-12C Android 2.3
SH-13C Android 2.3
Sony Tablet P Android 3.2
Sony Tablet S Android 3.2
T-01C Android 2.1
T-01C Android 2.2
T-01D Android 2.3
Xperia Android 1.6
Xperia Android 2.1
Xperia NX Android 2.3
Xperia PLAY Android 2.3
Xperia acro HD(SO-03D) Android 2.3
Xperia acro(SO-02C) Android 2.3
Xperia arc Android 2.3
Xperia ray Android 2.3
au
機種名 os
EIS01PT Android 2.3
ETBW11AA Android 3.2
GALAXY S II WiMAX Android 2.3
INFOBAR A01 Android 2.3
INFOBAR C01 Android 2.3
IS01 Android 1.6
IS03 Android 2.1
IS03 Android 2.2
IS04 Android 2.1
IS04 Android 2.2
IS05 Android 2.2
IS05 Android 2.3
IS06 Android 2.2
IS11CA Android 2.3
IS11LG Android 2.3
IS11N Android 2.3
IS11PT Android 2.3
IS11SH Android 2.3
IS11T Android 2.3
IS12F Android 2.3
IS12M Android 2.3
IS12SH Android 2.3
IS13SH Android 2.3
IS14SH Android 2.3
ISW11F Android 2.3
ISW11HT Android 2.2
ISW11HT Android 2.3
ISW11K Android 2.3
ISW11M Android 2.3
ISW12HT Android 2.3
Xperia acro HD(IS12S) Android 2.3
Xperia acro(IS11S) Android 2.3
iPhone 4S(au) iOS
SoftBank
機種名 os
001DL Android 2.2
001HT Android 2.2
001HT Android 2.3
003P Android 2.3
003SH Android 2.2
003SH Android 2.3
003Z Android 2.2
005SH Android 2.2
005SH Android 2.3
006SH Android 2.3
007HW Android 2.3
007SH Android 2.3
007SH J Android 2.3
007SH KT Android 2.3
008Z Android 2.3
009SH Android 2.3
009SH Y Android 2.3
009Z Android 2.3
101DL Android 2.3
101K Android 2.3
101N Android 2.3
101P Android 2.3
101SH Android 2.3
102P Android 2.3
102SH Android 2.3
103SH Android 2.3
104SH Android 4.0
X06HT Android 2.1
X06HT Android 2.2
X06HTII Android 2.1
X06HTII Android 2.2
iPad iOS
iPad 2 iOS
iPad(3rd_SoftBank) iOS
iPhone 3G iOS
iPhone 3GS iOS
iPhone 4 iOS
iPhone 4S(SoftBank) iOS
Disney Mobile
機種名 os
DM009SH Android 2.2
DM009SH Android 2.3
DM010SH Android 2.3
DM011SH Android 2.3
DM012SH Android 2.3
EMOBILE
機種名 os
GS01 Android 2.3
GS02 Android 2.3
S31HT Android 2.2
S31HW Android 2.2
S41HW Android 2.3
S42HW Android 2.3
S51SE Android 2.3
  • docomo、au、SoftBank、Disney Mobile、EMOBILEの各キャリアから発売されるスマートフォンが対象です。
  • WindowsPhone7、BlackBerryは今後対応予定です。
  • 新機種・新OSバージョンへの対応期間は、関東地区での発売当日または新OSアップデート配布開始当日を含め2営業日以内です。

注*OSバージョン違いを含むスマートフォン対応機種の数です。一定のOSバージョンアップがあった機種は、旧バージョンとは別に新機種として扱います。

トップへ戻る

x-fit(クロスフィット)とは

x-fitはスマホサイトの鬼門タッチUIを簡単実装できるフレームワークです。

端末ごとにHTML,CSS,Javascriptを出し分けることで機種依存でトラブルことなく確実にタッチUIを再現します。

x-fitとは?
トップへ戻る

x-fit(クロスフィット)の仕組み

x-fitはプロキシサーバとして動作します。
既存のWebサーバの環境を変えることなく、導入可能です。

x-fit(クロスフィット)の仕組み
プレビュー画面で確認しながらパラメータを設定し、コードビルダーに入力
出力されたコードをHTMLファイルにコピー
端末ごとに最適化されたHTML,CSS,Javascriptが出力される
トップへ戻る

コードビルダーとは

手軽な制作支援ツール

プレビューしながら、UI部品コードを生成

コードビルダーの画面
1.部品を選びます
2.パラメータを入力します
3.プレビュー画面で確認
4.出力されたコードを貼り付けるだけ
トップへ戻る

x-fit(クロスフィット)で使えるUI部品

アコーディオン

アコーディオン
タップすると開閉するメニューです

カルーセル

カルーセル
複数の画像を順次閲覧できるスライドショーです。

ジャスティファイ

ジャスティファイ
画像を画面幅に合わせて自動的に整列させます。

その他にもスマホサイトでよく使われるUI部品がプリセットでそろっています。

トップへ戻る

x-fit(クロスフィット)のメリット

制作側、運用側いずれにもメリットがあります

制作者制作、開発者

テスト工数削減

x-fitで用意されているUI部品は入手可能なすべてのスマートフォン端末でテストされています。機種依存、ブラウザ依存の問題は生じません。

タッチUIの簡単実装

プリセットのUI部品を使うことでスマートフォン特有のタッチUIを簡単に実現できます。また、部品の再利用も簡単です。

Javascript周りの機種差異を吸収

x-fitの内部では機種依存、ブラウザ依存で動作が異ならないよう最適なJavascriptライブラリを自動で出力します。コーダーはまったく気にする必要はありません。

運営者運営側(サイト運営者)

サイトの差別化

スマートフォンに搭載されているブラウザはHTML5に対応し、リッチなコンテンツを表示することが可能です。また、画面の小さいスマートフォンではとりわけ動きを利用した表現が必要となります。x-fitではスマホサイトでよく使われるUI部品を予め用意しており、簡単にサイトに導入することができます。

確実な機種対応

x-fitでは入手可能な全てのスマートフォン端末で正しく動作することを確認しています。また、新機種が出ても直ちに対応するので、あらゆる端末でサイトが閲覧できます。

新機種への自動対応

また、新機種が出ても直ちに対応するので、あらゆる端末でサイトが閲覧できます。

トップへ戻る