docomo Live UX きせかえ コンテンツ作成ガイド

docomo LIVE UX きせかえ コンテンツ 作 成 ガイド 1.0.0 版 2013 年 10 月 11 日 株 式 会 社 NTT ドコモ

掲 載 されている 会 社 名 製 品 名 サービス 名 は 各 社 の 商 標 または 登 録 商 標 です 本 書 では コピーライト 及 び 商 標 登 録 商 標 表 記 はしておりません 改 版 履 歴 版 数 日 付 章 節 内 容 理 由 1.0 2013/10/11 制 定

目 次 1 はじめに...5 1.1 本 資 料 について...5 1.2 参 照 資 料...5 1.3 docomo LIVE UX きせかえ について...5 1.3.1 docomo LIVE UXについて...6 1.3.2 きせかえの 対 象 箇 所...6 1.3.3 プレート 画 像 について...8 2 コンテンツの 準 備 から 作 成 まで...10 2.1 コンテンツの 準 備...10 2.1.1 素 材 画 像 を 用 意 する...10 2.1.2 コンテンツ 作 成 ツールをインストールする...10 2.2 コンテンツ 作 成 ツールを 起 動 する... 11 2.2.1 対 象 機 種 設 定...12 2.3 コンテンツを 作 成 する...13 2.3.1 プロジェクトを 作 成 する...13 2.3.2 基 本 項 目 の 設 定...14 2.3.3 プレートセットの 設 定...16 2.3.4 きせかえの 設 定...18 2.3.4.1 初 期 設 定...19 2.3.4.2 入 れ 替 え 設 定...20 2.4 エミュレータで 確 認 する...23 2.5 コンテンツとしてパッケージ 化 する...24 2.6 コンテンツを 端 末 に 保 存 する...25 2.6.1 サーバからダウンロードする 方 法...25 2.6.2 USB 接 続 で 取 り 込 む 方 法...27 2.7 ホームアプリをきせかえる...27 2.7.1 プレートセットを 確 認 する...27 3 資 料...29 3.1 コンテンツ 定 義 ファイル 仕 様...29 3.2 画 像 サイズ...29 3.3 ツールを 使 わずにコンテンツを 作 成 する 方 法...29 3.4 画 面 レイアウトについて...31 3.4.1 Phone 型 ( 短 辺 360dp 以 上 600dp 未 満 )...31 3.4.2 Tablet 型...32 3.5 デバッグのヒント...33

3.5.1 コンテンツダウンロード 時 の 挙 動...33 3.6 docomo Palette UIきせかえとの 互 換 性 について...34

1 はじめに 1.1 本 資 料 について 本 資 料 では AndroidOS 端 末 向 けの docomo LIVE UX きせかえ 機 能 の 機 能 概 要 やコンテンツ 作 成 手 順 について 説 明 します 各 機 能 の 詳 細 については 本 資 料 と 合 わせて docomo LIVE UX きせかえコンテ ンツ 作 成 ツール( 以 降 コンテンツ 作 成 ツール) のヘルプ 機 能 を 参 照 してくださ い 1.2 参 照 資 料 [1] コンテンツ 定 義 ファイル 仕 様 [2] 画 像 サイズ 一 覧 (Phone) [3] 画 像 サイズ 一 覧 (Tablet) 1.3 docomo LIVE UX きせかえ について docomo LIVE UX きせかえ( 以 降 きせかえ)とは NTT ドコモが 提 供 するホー ムアプリ docomo LIVE UX のホーム 画 面 のデザインを 一 括 で 変 更 する 機 能 を 指 します ユーザはきせかえ 用 に 作 成 されたコンテンツ( 以 降 きせかえコンテンツ)をダ ウンロードし docomo LIVE UX に 設 定 することで ホーム 画 面 をさまざまなデ ザインに 変 更 することができます きせかえは 2013 年 冬 モデル 以 降 に 発 売 される 端 末 にプリインストールされてい る docomo LIVE UX で 利 用 可 能 です 具 体 的 な 対 応 端 末 については 別 途 公 開 されている docomo LIVE UX きせかえ プロファイルデータ 一 式 に 同 梱 の 対 応 端 末 一 覧 を 参 照 してください 5

1.3.1 docomo LIVE UX について docomo LIVE UX は ホーム 画 面 と マイマガジン により 構 成 されています きせかえの 対 象 は ホーム 画 面 のみとなります コンテンツの 最 大 サイズは 30MB です 1.3.2 きせかえの 対 象 箇 所 docomo LIVE UX のホーム 画 面 にてきせかえコンテンツによりきせかえられる 箇 所 は 以 下 の 通 りです 背 景 画 像 ( 全 ホーム 画 面 共 通 ) 時 間 や 日 付 による 切 り 替 わりが 可 能 プレート 画 像 (ホーム 画 面 ごとに 設 定 最 大 7 枚 ) 時 間 や 日 付 による 切 り 替 わりが 可 能 ページインジケータ( 選 択 時 / 非 選 択 時 の2 種 類 ) マイマガジン 表 示 アイコン アプリ 一 覧 表 示 アイコン 図 1-1 docomo LIVE UX のきせかえ 対 象 箇 所 項 目 背 景 画 像 プレート 画 像 表 1-1 docomo LIVE UX のきせかえ 対 象 箇 所 一 覧 説 明 ホーム 画 面 の 背 景 画 像 を 設 定 することができます この 画 像 はページ 切 り 替 え 時 にスクロールしません ホーム 画 面 のページ 毎 の 壁 紙 画 像 を 設 定 することが 出 来 ま す この 画 像 に 透 過 画 像 を 利 用 した 場 合 透 過 部 分 は 背 景 画 像 6

が 表 示 されます 最 大 7 枚 まで 指 定 することが 可 能 です また ユーザが 任 意 の 画 像 を 選 択 した 際 にプレート 形 状 プレートディテールで 加 工 した 画 像 をプレート 画 像 に 設 定 することも 可 能 です プレート 形 状 プレートディテール の 詳 細 は2.3.3プレートセットの 設 定 を 参 照 してください ページインジケータ アプリ 一 覧 表 示 アイコン マイマガジン 表 示 アイコン ホーム 画 面 の 表 示 位 置 を 示 すインジケータを 任 意 の 画 像 に 設 定 することが 出 来 ます ユーザの 利 用 状 況 により 複 数 並 びます アプリ 一 覧 表 示 アイコンを 変 更 することが 出 来 ます マイマガジン 表 示 アイコンを 変 更 することが 出 来 ます 7

1.3.3 プレート 画 像 について docomo LIVE UX のホーム 画 面 は 複 数 のレイヤーにより 構 成 されています プレート 画 像 は 背 景 画 像 上 に 描 画 され プレート 画 像 に 透 過 半 透 過 が 設 定 され ている 場 合 は 透 過 半 透 過 も 描 画 に 反 映 されます プレート 画 像 にはきせかえで 設 定 する プレート 画 像 と ユーザ 操 作 での 壁 紙 選 択 時 に プレートマスク プレートディテール で 合 成 する 2 種 類 があります 背 景 画 像 プレート 画 像 図 1-2 コンテンツに 含 まれるプレート 画 像 を 利 用 する 場 合 8

1ユーザ 選 択 画 像 をプレートマスク 画 像 の 形 に 切 り 抜 く ユーザ 選 択 画 像 プレートマスク 画 像 2 1の 結 果 を プレートディテール 画 像 ユーザ 選 択 画 像 で 装 飾 1の 結 果 画 像 プレートディテール 画 像 2の 結 果 画 像 背 景 画 像 図 1-3 プレートマスク プレートディテール を 利 用 する 場 合 プレートマスク プレートディテール は ユーザが 壁 紙 を 変 更 した 場 合 以 外 利 用 されることはありません 端 末 上 で プレートマスク プレートディテール を 用 いたプレート 画 像 を 設 定 する 方 法 は 2.7.1プレートセットを 確 認 する をご 参 照 ください 9

2 コンテンツの 準 備 から 作 成 まで 2.1 コンテンツの 準 備 2.1.1 素 材 画 像 を 用 意 する 使 用 できる 画 像 フォーマットは PNG8 及 び PNG24 JPEG(ベースライン プログレッシブ) です 素 材 画 像 の 縦 横 サイズは 端 末 の 画 面 サイズ 及 び 画 像 の 適 用 箇 所 によって 最 適 な サイズが 異 なります 詳 しくは 3.2 画 像 サイズ を 参 照 してください 素 材 画 像 を 用 意 する 際 の 注 意 画 像 ファイルのファイル 名 をプロジェクトファイル 保 存 後 に 変 更 すると コ ンテンツ 作 成 ツールはプロジェクトファイルを 読 み 込 めなくなります docomo LIVE UX きせかえコンテンツ 作 成 ツールでは プロジェクトファイ ル(.kindp ファイル)と 素 材 画 像 データをプロジェクトファイルからの 相 対 パ スで 管 理 しています 同 一 フォルダ 内 にプロジェクトファイルと 画 像 ファイ ルを 配 置 するとフォルダごとコンテンツを 移 動 することができます 透 過 処 理 が 施 された 画 像 を 利 用 する 際 の 注 意 透 過 処 理 が 施 された 画 像 をスクリーンロック 壁 紙 HOME 画 面 の 壁 紙 の 画 像 として 設 定 した 場 合 端 末 によっては 元 画 像 よりも 暗 く 表 示 されてしまう 場 合 があります スクリーンロック 壁 紙 HOME 画 面 に 設 定 する 画 像 は 透 過 処 理 を 施 してい ない 画 像 を 用 いることをお 勧 めします 2.1.2 コンテンツ 作 成 ツールをインストールする ダウンロードしたファイルを 展 開 し 含 まれている Setup.exe を 実 行 すること 10

でインストーラが 起 動 します インストーラの 指 示 に 従 い インストールを 完 了 させてください 2.2 コンテンツ 作 成 ツールを 起 動 する コンテンツ 作 成 ツールのインストールが 完 了 すると デスクトップ 上 に docomo LIVE UX きせかえ 作 成 ツール のショートカットが 作 成 されます このショートカットをダブルクリックするか スタートボタンから すべてのプ ログラム spmodetool docomo LIVE UX きせかえ 作 成 ツール を 選 択 することで 作 成 ツールを 起 動 することができます コンテンツ 作 成 ツールを 起 動 すると 図 2-1の 画 面 が 表 示 されます 図 2-1 コンテンツ 作 成 ツール 画 面 イメージ 項 目 新 規 作 成 内 容 表 2-1 上 図 の 赤 線 で 囲 まれた 箇 所 の 説 明 プロジェクトを 新 規 に 作 成 します 11

開 く 上 書 保 存 ファイルサイズ エミュレータ 端 末 連 携 出 力 保 存 されているプロジェクトを 開 きます 作 成 したプロジェクトを 上 書 き 保 存 します 開 いているプロジェクトからコンテンツを 出 力 した 際 に 生 成 されるコン テンツファイルの 予 想 ファイルサイズを 表 示 します また 必 須 項 目 の 入 力 状 況 などをチェックします ファイルサイズが 最 大 サイズ(30Mbyte)を 越 えているか または 必 須 項 目 に 未 入 力 のものが 合 った 場 合 ここで 警 告 が 表 示 されます プロジェクトの 内 容 を 元 に 端 末 上 でのコンテンツの 表 示 を 再 現 するエ ミュレータを 起 動 します プロジェクトの 内 容 を 元 にコンテンツを 生 成 し PC に USB で 有 線 接 続 されている Android 端 末 にコンテンツを 出 力 します プロジェクトの 内 容 を 元 にコンテンツを 生 成 し PC 内 の 任 意 の 場 所 に 出 力 します 2.2.1 対 象 機 種 設 定 コンテンツ 作 成 ツールのツールバーから 編 集 対 象 機 種 設 定 と 選 択 する ことで 対 象 機 種 設 定 画 面 を 開 くことができます ここでは 対 象 機 種 の 画 面 情 報 ( 画 面 の 縦 横 サイズやきせかえの 対 象 になってい る 各 箇 所 の 縦 横 サイズ)を 設 定 します 設 定 した 情 報 は エミュレータ 実 行 時 に 利 用 されます ( 2.4エミュレータで 確 認 する を 参 照 ) 対 象 機 種 設 定 は 対 象 機 種 設 定 画 面 にて 直 接 値 を 設 定 することもできますが NTT ドコモが 提 供 するプロファイルデータ( 各 機 種 の 設 定 内 容 を 含 んだ CSV ファイル) をインポートすることで 簡 単 に 対 象 機 種 情 報 を 設 定 することができます 12

対 象 機 種 設 定 に 関 する 注 意 以 前 のバージョンのコンテンツ 作 成 ツールがインストールされている 状 態 で 上 書 きインストールを 行 った 場 合 対 象 機 種 設 定 時 にエラーが 表 示 される 場 合 があります その 場 合 新 しい 行 を 追 加 ( 左 端 の 列 に * が 表 示 されている 行 の 機 種 名 の 項 目 に 任 意 の 文 字 を 入 力 )してから 全 行 削 除 を 行 ってから 再 度 対 象 機 種 設 定 を 行 ってください 2.3 コンテンツを 作 成 する 2.3.1 プロジェクトを 作 成 する 画 面 上 部 の 新 規 作 成 ボタンを 押 し プロジェクトを 作 成 します プロジェクトとは きせかえコンテンツを 作 成 するために 必 要 な 各 種 設 定 や 素 材 となる 画 像 ファイルの 情 報 を 含 んだものです コンテンツ 作 成 ツールはプロジェ クトに 設 定 されている 情 報 を 元 にきせかえコンテンツを 出 力 します 13

2.3.2 基 本 項 目 の 設 定 ここではきせかえコンテンツに 必 要 な 基 本 項 目 を 設 定 します 図 2-2 コンテンツ 作 成 ツール 画 面 項 目 対 象 機 種 表 2-2 上 図 の 赤 点 線 で 囲 まれた 箇 所 の 説 明 内 容 コンテンツの 対 象 機 種 を 選 択 します 対 象 機 種 を 選 択 すると エミュレータ 起 動 時 に 対 象 機 種 の 環 境 ( 画 面 サイズなど)をエミュレートするための 情 報 が 読 み 込 まれます 対 象 機 種 設 定 の 詳 細 は 2.2.1 対 象 機 種 設 定 を 参 照 してくだ さい また 出 力 時 機 種 に 合 わせて 画 像 をリサイズする のチェ ックボックスにチェックを 入 れると コンテンツ 出 力 時 に 素 材 画 像 が 対 象 機 種 のサイズに 合 わせて 自 動 的 にリサイズされ ます このとき アスペクト 比 は 維 持 されないため 特 に 正 方 形 ではない 素 材 画 像 ( 壁 紙 画 像 など)については 意 図 し 14

タイトル ないデザインになる 可 能 性 がありますのでご 注 意 ください 最 大 40byte( 全 角 20 文 字 半 角 40 文 字 )の 文 字 列 を 設 定 します ここで 設 定 した 文 字 列 は 端 末 上 できせかえコンテンツの 一 覧 を 表 示 する 際 に 使 用 されます 説 明 文 絵 文 字 を 入 力 する 際 には 入 力 欄 左 の 絵 文 字 ボタンを 押 下 して 入 力 したい 絵 文 字 を 選 択 してください Unicode6.0 絵 文 字 はご 利 用 いただけません コンテンツの 説 明 文 を 設 定 します ここで 設 定 した 文 字 列 は 端 末 上 できせかえコンテンツの 一 覧 を 表 示 する 際 に 使 用 されます 選 択 用 サムネイル スクリーンロック 画 像 きせかえサイト URL 絵 文 字 を 入 力 する 際 には 入 力 欄 左 の 絵 文 字 ボタンを 押 下 して 入 力 したい 絵 文 字 を 選 択 してください Unicode6.0 絵 文 字 はご 利 用 いただけません 端 末 でマチキャラコンテンツの 一 覧 上 で 表 示 されるサムネイ ル 画 像 を 設 定 します 端 末 のスクリーンロック 画 面 に 表 示 される 画 像 を 設 定 しま す きせかえ 選 択 画 面 に 表 示 される このきせかえのサイトへ のリンク 先 URLを 設 定 します 表 示 される 位 置 は 図 2-3を 参 照 15

このきせかえのサイトへ 図 2-3 きせかえサイト URL リンク 位 置 2.3.3 プレートセットの 設 定 ここではプレートセットに 必 要 な 画 像 の 設 定 を 行 います プレートセットは ユーザが 壁 紙 として 任 意 の 画 像 を 選 択 する 場 合 のみ 使 用 され ます 画 面 には 左 側 に 設 定 項 目 一 覧 が 右 側 に 設 定 された 画 像 のプレビューがそれぞ れ 表 示 されます 左 側 の 設 定 項 目 の 上 部 にある 追 加 ボタンを 押 すと プレートセットが 追 加 さ れます プレートセットは 最 大 7 個 まで 登 録 することが 可 能 です 各 プレートセ ットの プレートセット n を削 除 (n は 数 字 )を 押 すと 追 加 したプレートセットを 削 除 することが 出 来 ます 画 像 を 設 定 する 際 には 左 側 の 各 設 定 項 目 にある 参 照 ボタンを 押 すと 表 示 さ れるファイルエクスプローラーから 画 像 ファイルを 選 択 する 方 法 と 画 面 右 側 の 各 プレビュー 箇 所 に 直 接 画 像 ファイルをドラッグ&ドロップによって 設 定 する 方 法 があります 16

図 2-4 プレートセット 設 定 画 面 項 目 マスク 画 像 ディティール 画 像 表 2-3 プレートセット 設 定 画 面 項 目 一 覧 内 容 ユーザが 指 定 した 壁 紙 画 像 を 切 り 抜 く 領 域 が 設 定 された 画 像 を 設 定 します LIVE UX アプリは 合 成 を 行 う 際 に 設 定 されているα 値 が 254 以 下 のピクセルを 全 透 過 として 扱 います (α 値 が 255 の 場 合 に 透 過 なし) ユーザが 指 定 した 壁 紙 画 像 をマスク 画 像 で 切 り 抜 いた 後 に 装 飾 する 画 像 を 設 定 します 一 部 の 端 末 ( 主 にタブレット 端 末 )では 端 末 を 横 向 きにした 状 態 で docomo LIVE UX を 利 用 することが 可 能 です 端 末 を 横 向 きにした 状 態 に 対 応 したきせかえコン テンツを 作 成 する 場 合 は 画 面 上 部 にある 画 面 の 向 き のラジオボタンで 横 を 選 択 することで 設 定 可 能 な 項 目 が 表 示 されます 17

2.3.4 きせかえの 設 定 ここではきせかえに 必 要 な 画 像 や 入 れ 替 えの 設 定 を 行 います 画 面 には 左 側 に 設 定 項 目 が 右 側 に 設 定 された 画 像 のプレビューがそれぞれ 表 示 されます 画 像 を 設 定 する 際 には 左 側 の 各 設 定 項 目 にある 参 照 ボタンを 押 すと 表 示 さ れるファイルエクスプローラーから 画 像 ファイルを 選 択 する 方 法 と 画 面 右 側 の 各 プレビュー 箇 所 に 直 接 画 像 ファイルをドラッグ&ドロップによって 設 定 する 方 法 があります 図 2-5 きせかえ 設 定 画 面 18

2.3.4.1 初 期 設 定 画 面 左 側 上 部 の 初 期 設 定 できせかえ 設 定 を 行 った 直 後 に 表 示 される 初 期 状 態 の 画 像 を 設 定 します 初 期 設 定 で 未 設 定 の 箇 所 は docomo LIVE UX のデフ ォルトの 画 像 が 表 示 されます 図 2-6 初 期 設 定 (プレート 画 像 選 択 状 態 ) 項 目 プレート 画 像 表 2-4 プレート 画 像 設 定 項 目 一 覧 内 容 各 アプリアイコンの 背 景 画 像 を 設 定 します 最 大 7 枚 (ページ 数 の 最 大 )まで 指 定 可 能 です 設 定 されている 画 像 が 7 枚 に 満 たない 場 合 はユーザのアプ リの 利 用 状 況 により 設 定 されている 画 像 で 先 頭 から 繰 り 返 しで 適 用 されます 例 えば プレート 画 像 に 3 枚 の 画 像 が 設 定 されている 場 合 で ユーザがホーム 画 面 を 7 ページ 利 用 している 場 合 は 1 2 3 1 2 3 1 の 順 に 表 示 が 行 われます 図 2-7 初 期 設 定 (Pane エリア 選 択 状 態 ) 項 目 背 景 画 像 ( 縦 ) 表 2-5 Pane エリア 項 目 一 覧 内 容 縦 画 面 表 示 時 の 背 景 画 像 を 設 定 します 19

背 景 画 像 ( 横 ) ドロワーアイコン マイマガジンアイコン インジケータ( 選 択 時 ) インジケータ( 非 選 択 時 ) アプリ 名 文 字 色 アプリ 名 フチ 色 横 画 面 表 示 時 の 背 景 画 像 を 設 定 します アプリ 一 覧 表 示 アイコンの 画 像 を 設 定 します マイマガジン 表 示 アイコンの 画 像 を 設 定 します 選 択 時 に 表 示 されるページインジケータを 設 定 します 非 選 択 時 に 表 示 されるページインジケータを 設 定 します ホーム 画 面 上 のアプリ 名 文 字 色 を 設 定 します ホーム 画 面 上 のアプリ 名 フチ 色 を 設 定 します 2.3.4.2 入 れ 替 え 設 定 画 面 左 側 下 部 の 入 れ 替 え 設 定 で 入 れ 替 え 条 件 と 入 れ 替 え 時 の 画 像 を 設 定 し ます 図 2-8 入 れ 替 え 設 定 ( 条 件 日 時 選 択 状 態 ) docomo LIVE UX きせかえでは 入 れ 替 え 設 定 で 設 定 された 条 件 日 時 や 端 末 に 設 定 されている 誕 生 日 にマッチした 際 に 初 期 設 定 の プレート 画 像 Pane エリア を 入 れ 替 え 設 定 に 設 定 されている プレート 画 像 Pane エリア に 入 れ 替 えることができます 入 れ 替 え 設 定 で 未 設 定 の 箇 所 は 初 期 設 定 に 設 定 されている 内 容 で 表 示 を 行 います プレート 画 像 Pane エリア は 初 期 設 定 と 同 等 の 設 定 が 可 能 です 表 2-6 指 定 可 能 な 条 件 一 覧 項 目 概 要 備 考 日 時 指 定 月 適 用 される 月 を 指 定 部 分 指 定 が 可 能 日 を 省 略 した 場 合 1 日 ~ 末 日 誕 生 日 とは 排 他 日 適 用 される 日 を 指 定 月 を 省 略 した 場 合 毎 月 n 日 適 応 時 間 開 始 ~ 終 了 の 時 間 を 指 定 月 日 が 指 定 されていない 場 20

誕 生 日 合 毎 日 端 末 の Android 標 準 DB(ドコ モ 電 話 帳 のマイプロフィール 等 から 設 定 )に 設 定 されている ユーザの 誕 生 日 日 時 指 定 とは 排 他 複 数 の 入 れ 替 え 条 件 にマッチした 場 合 先 に 登 録 されている(コンテンツ 定 義 ファ イルの 先 頭 に 近 い) 条 件 が 優 先 されます 優 先 して 適 用 したい 条 件 から 順 に 登 録 することで 採 用 される 順 番 をコントロー ルすることが 可 能 です 以 下 に 例 を 示 します 例 1: 条 件 1:1 月 3 日 条 件 2: 誕 生 日 (1 月 3 日 ) 条 件 3:1 月 例 1 の 条 件 が 設 定 されている 場 合 に 端 末 の 日 付 が 1 月 3 日 であった 場 合 条 件 2 が 適 用 されます ( 先 頭 に 近 いものから 優 先 で 適 用 ) 例 2: 条 件 1:1 月 3 日 10:00~18:00 条 件 2:1 月 例 2 の 条 件 が 設 定 されている 場 合 に 端 末 の 現 在 時 刻 が 1 月 3 日 の 14:00 であ った 場 合 条 件 1が 適 用 されます また 例 2 の 条 件 で端 末 の 現 在 時 刻 が 1 月 3 日 の 19:00 であった 場 合 条 件 2 が適 用 されます 例 3: 条 件 1:1 月 条 件 2:1 月 3 日 10:00~18:00 例 3の 条 件 が 設 定 されている 場 合 端 末 の 現 在 時 刻 が 1 月 3 日 の 14:00 であっ た 場 合 条 件 1が 適 用 されます 先 頭 に 近 い 位 置 に 登 録 されている 条 件 を 優 先 的 に適 用 するため 条 件 2と 合 致 した 場 合 であっても 適 用 されることはありません 21

例 4: 条 件 1:1 月 3 日 10:00~18:00 条 件 2:1 月 3 日 10:00~18:00 例 4 のように 完 全 に 重 複 ( 包 含 )するような 条 件 が指 定 された 場 合 より 先 頭 に 近 い 側 に 記 載 されている 条 件 1が 適 用 されます 例 5: 条 件 1:1 月 3 日 10:00~15:00 条 件 2:1 月 3 日 14:00~18:00 例 5 のように 部 分 的 に 重 複 する 条 件 が 指 定 された 場 合 より 先 頭 に 近 い 側 に 記 載 されている 条 件 1が 適 用 され 条 件 1 の 終 了 時 間 以 降 に 条 件 2 の 適 用 が 開 始 さ れます 条 件 指 定 時 の 注 意 日 が 指 定 されていて 終 了 時 間 に 開 始 時 間 よりも 小 さい 値 が 指 定 されて いる 場 合 指 定 された 日 の 0:00~ 終 了 時 間 開 始 時 間 ~0:00 の 2 つの 時 間 帯 できせかえが 行 われます 日 付 を 跨 ぐような 条 件 を 指 定 する 場 合 は 条 件 を 2 つに 分 けて 設 定 する 必 要 があります また 30 日 や 31 日 など 月 末 に 近 い 日 付 を指 定 する 場 合 2 月 30 日 などの 存 在 しない 日 付 となる 可 能 性 があります 特 に 注 意 が 必 要 な 指 定 の 例 を 表 2-7に 示 します 指 定 内 容 表 2-7 注 意 が 必 要 な 指 定 のパターン 例 パターン 月 日 開 始 終 了 開 始 時 刻 終 了 時 刻 備 考 月 日 時 ( 日 跨 ぎ) 5 1 18 6 日 時 ( 日 跨 ぎ) - 1 18 6 5/1 0:00 ~ 5/1 6:00 5/1 18:00 ~ 5/2 0:00 毎 月 1 日 12:00 ~ 毎 月 1 日 18:00 毎 月 1 日 18:00 ~ 毎 月 2 日 0:00 連 続 した 時 間 とはならな い 連 続 した 時 間 とはならな い 日 時 (31 日 ) - 31 12 18 毎 月 31 日 12:00 ~ 毎 月 31 日 18:00 31 日 が 存 在 しない 月 は 適 22

用 されない 2.4 エミュレータで 確 認 する 設 定 した 画 像 が 端 末 上 でどのように 表 示 されるかは エミュレータを 起 動 するこ とで 確 認 することができます コンテンツ 作 成 ツールの 画 面 上 部 にある エミュレータ ボタンを 押 すことで エミュレータが 起 動 します 図 2-9 エミュレータ 画 面 項 目 機 種 表 2-8 エミュレータ 画 面 の 項 目 一 覧 説 明 エミュレートしたい 機 種 をあらかじめ 対 象 機 種 情 報 として 設 定 され 23

ズーム 切 り 替 え 画 面 の 向 き 入 れ 替 え 設 定 ているものから 選 択 します ( 2.2.1 対 象 機 種 設 定 を 参 照 ) エミュレータ 画 面 の 画 面 右 側 に 表 示 する 端 末 イメージの 表 示 サイズ を 指 定 します 25% 50% 75% 100%が 選 択 できます 値 が 小 さいほど 小 さく 表 示 されます エミュレータ 画 面 の 画 面 右 側 の 端 末 イメージ 内 に 表 示 する 対 象 を 切 り 替 えます 縦 画 面 表 示 と 横 画 面 表 示 を 切 り 替 えます 入 れ 替 え 設 定 を 選 択 して 入 れ 替 え 条 件 を 選 択 します 選 択 状 態 によ り 入 れ 替 わった 状 態 での 表 示 を 確 認 することが 出 来 ます 2.5 コンテンツとしてパッケージ 化 する コンテンツ 作 成 ツールの 画 面 上 部 にある 出 力 ボタンを 押 すと その 時 点 での 設 定 内 容 を 元 にきせかえコンテンツ( 拡 張 子 が.kin のファイル)が 出 力 されま す コンテンツの 出 力 時 に 表 示 されるメッセージについて コンテンツを 出 力 する 際 に Warning メッセージや Error メッセージが 表 示 されることがあります Error メッセージが 一 つでも 存 在 すると コンテンツを 出 力 することができ ません ( 未 入 力 の必 須 項 目 がある 場 合 や コンテンツサイズが 上 限 を 越 えて いる 場 合 など) 表 示 されたメッセージの 内 容 をご 確 認 のうえ 修 正 を 行 ってください Warning メッセージは 主 に 画 像 サイズと 設 定 箇 所 のサイズが 合 っていない 場 合 に 表 示 されます コンテンツを 出 力 することは 可 能 ですが 画 像 が 歪 んで 表 示 されるなど 端 末 上 で 意 図 しない 表 示 となる 場 合 があります 24

2.6 コンテンツを 端 末 に 保 存 する 作 成 したマチキャラコンテンツを 端 末 に 保 存 する 方 法 は Web サイトからダウン ロードする 方 法 と USB 接 続 で PC から 設 定 する 方 法 の2つがあります 2.6.1 サーバからダウンロードする 方 法 サーバからきせかえコンテンツをダウンロードするためには あらかじめ 端 末 に きせかえに 対 応 している docomo LIVE UX がインストールされている 必 要 があり ます サーバからダウンロードする 方 法 には コンテンツダウンロード 用 のリンクを 用 意 する 方 法 と サーバからリダイレクトによる 応 答 を 返 す 方 法 の 2 つがあります コンテンツダウンロード 用 のリンクを 用 意 する 方 法 で Web サイトからダウンロー ドするためには 以 下 のような 独 自 スキームを 含 むリンクを Web サイト 内 に 用 意 する 必 要 があります 端 末 のブラウザアプリケーションにて 該 当 Web サイトを 開 き リンクを 押 すこと でコンテンツのダウンロードが 開 始 されます きせかえコンテンツのダウンロード URI には 独 自 スキームを 利 用 する 必 要 があ ります 独 自 スキームを 含 めることにより きせかえコンテンツ 専 用 のダウンロ ーダ(docomo LIVE UX の 機 能 )が 起 動 し ダウンロードが 始 まります スキームとして 利 用 できる 文 字 列 は 以 下 の 2 種 類 です dcmkispc (http 通 信 用 ) dcmkispcs (https 通 信 用 ) それぞれ 異 なる 通 信 プロトコル 種 別 を 表 していますので 目 的 に 合 わせて 使 い 分 けてください 25

オプションパラメータを 指 定 した 場 合 は ダウンローダからのリクエストにもオ プションパラメータが 含 まれます セッション 管 理 を 行 う 際 などに 利 用 すること ができます サーバからリダイレクトによる 応 答 を 返 す 方 法 で Web サイトからダウンロードす るためには レスポンスとしてリダイレクト 応 答 の Location フィールドに 独 自 ス キームを 含 めた URI を 指 定 する 必 要 があります この 方 法 を 利 用 することにより CGI 等 で 任 意 の 処 理 を 行 ってからダウンローダを 起 動 させることができます 以 下 は レスポンスの HTTP ヘッダの 例 です 赤 線 の 部 分 がダウンローダを 起 動 するための URI です HTTP/1.1 302 Found Date: Thu, 09 Jun 2011 11:52:11 GMT Location: dcmkispc://www.contentprovicer.com/content/category/theme1.data?sessionid=iu3492mfds2 Content-Length: 0 Connection: close Content-Type: text/html; charset=utf-8 ファイル 名 と Web サイトのエンコードに 関 する 注 意 コンテンツのファイル 名 には 半 角 英 数 字 及 び _. - が 使 用 できます これ 以 外 の 文 字 を 使 用 したファイル 名 をつけた 場 合 コンテンツを 正 常 にダ ウンロードできない 場 合 があります また ダウンロード 用 の Web サイトのエンコードが UTF-8 以 外 の 場 合 コ ンテンツが 正 常 にダウンロードできない 場 合 があります 同 名 ファイルのダウンロードに 関 する 注 意 同 じファイル 名 のコンテンツをダウンロードした 場 合 コンテンツは 自 動 的 に 別 名 のファイルとして 保 存 されます このとき コンテンツに 設 定 されているコンテンツ 名 も 同 じだと コンテン ツ 一 覧 画 面 でコンテンツの 区 別 がつきません 同 名 コンテンツを 再 度 配 布 する 際 には 区 別 がつくよう 工 夫 したコンテンツ 名 を 設 定 してください 26

2.6.2 USB 接 続 で 取 り 込 む 方 法 端 末 と PC を USB ケーブルで 接 続 した 状 態 でツールの 端 末 連 携 ボタンを 押 す と コンテンツが 端 末 に 直 接 保 存 されます USB 接 続 された 端 末 にコンテンツを 出 力 する 際 の 注 意 コンテンツの 出 力 は MTP で 行 われます 端 末 の USB 接 続 方 法 は MTP モード を 選 択 してください USB 接 続 の 変 更 方 法 は 各 端 末 の 取 扱 説 明 書 等 を 参 照 してください なお 機 種 によっては MTP モード を 搭 載 していない 場 合 や MTP モ ード を 搭 載 していても 端 末 連 携 機 能 に 対 応 していない 場 合 があります そのような 場 合 サーバからダウンロードする 方 法 でコンテンツの 転 送 を 行 う 必 要 があります 2.7 ホームアプリをきせかえる 端 末 で docomo LIVE UX が 起 動 されている 状 態 で 端 末 のメニューキーを 押 し き せかえ を 選 択 するか HOME 画 面 のロングタップで 表 示 される きせかえを 変 更 から 行 うことができます 一 覧 から 目 的 のきせかえコンテンツを 選 択 し 表 示 されたダイアログの 設 定 を 押 すことで docomo LIVE UX のデザインをきせかえることができます 2.7.1 プレートセットを 確 認 する きせかえを 適 用 した 状 態 で ホーム 画 面 をロングタップして 表 示 されるメニュー から 壁 紙 を 変 更 を 選 択 するか アプリ 一 覧 内 の 壁 紙 タブを 選 択 し 他 の 壁 紙 を 見 る で 表 示 された 壁 紙 の 選 択 にて 任 意 の 壁 紙 を 壁 紙 に 設 定 します 壁 紙 の 設 定 が 完 了 すると 壁 紙 を 設 定 というダイアログが 表 示 されます 表 示 されたダイアログ 内 の 現 在 のきせかえ 形 状 を 適 用 を 選 択 した 状 態 で OK ボタンを 押 すことでプレートセットと 選 択 した 画 像 の 合 成 が 行 われます また OK ボタンを 押 す 前 に 位 置 調 整 を 押 す 事 でプレートセットと 選 択 し た 画 像 の 位 置 の 調 整 を 行 うことが 可 能 です 27

プレート 画 像 の 変 更 と 同 時 にロックスクリーン 壁 紙 の 変 更 が 行 われます 28

3 資 料 3.1 コンテンツ 定 義 ファイル 仕 様 コンテンツ 作 成 ツールを 利 用 する 場 合 は コンテンツ 定 義 ファイルは 自 動 的 に 生 成 されるため 本 仕 様 を 意 識 する 必 要 はありません コンテンツ 定 義 ファイルの 詳 細 は [1]コンテンツ 定 義 ファイル 仕 様 を 参 照 してく ださい 3.2 画 像 サイズ きせかえコンテンツで 使 用 する 各 画 像 の 推 奨 サイズは 下 記 資 料 を 参 照 してくださ い 端 末 の 形 状 画 面 サイズによって 各 素 材 のサイズが 異 なりますのでご 注 意 くださ い [1]コンテンツ 定 義 ファイル 仕 様 [2] 画 像 サイズ 一 覧 (Phone) [3] 画 像 サイズ 一 覧 (Tablet) 推 奨 サイズと 異 なるサイズの 画 像 を 利 用 する 際 の 注 意 推 奨 サイズと 異 なるサイズの 画 像 を 利 用 する 場 合 画 像 はアプリケーション によって 自 動 的 に 拡 大 縮 小 処 理 されて 表 示 されます このとき 画 像 自 体 のアスペクト 比 は 維 持 されないため 画 像 によっては 非 常 に 歪 んだ 状 態 で 表 示 される 場 合 があります 画 像 はなるべく 推 奨 サイズのものを 用 意 するか アスペクト 比 を 合 わせた 画 像 を 用 意 してください 3.3 ツールを 使 わずにコンテンツを 作 成 する 方 法 サーバ 側 でコンテンツを 自 動 生 成 したい 場 合 など コンテンツ 作 成 ツールを 使 わ 29

ずにコンテンツを 作 成 する 方 法 について 説 明 します コンテンツに 必 要 なファイルは コンテンツ 定 義 ファイル と 素 材 画 像 です コンテンツ 定 義 ファイルと 素 材 画 像 を 1 つのフォルダ 内 に 納 め(このとき 素 材 の 種 別 ごとにフォルダを 分 けるなど 階 層 構 造 を 内 部 に 作 成 すると コンテンツと して 正 常 に 動 作 しなくなるので 注 意 してください) ZIP 圧 縮 します 次 に 生 成 された ZIP ファイルの 拡 張 子 を.kin に 変 更 します こうして 完 成 したきせかえコンテンツファイルは コンテンツ 作 成 ツールで 出 力 したものと 同 様 にきせかえコンテンツとして 利 用 することができます コンテンツ 定 義 ファイルの 作 り 方 コンテンツ 定 義 ファイルは 3.1コンテンツ 定 義 ファイル 仕 様 を 元 に mapping.xmlというxmlファイルとして 作 成 する 必 要 があります ただし 1から 定 義 ファイルを 作 成 するのはあまり 効 率 的 ではないので ま ずはコンテンツ 作 成 ツールにてコンテンツを 作 成 することをお 勧 めします 完 成 したコンテンツファイル( 拡 張 子 が.kin のもの)の 拡 張 子 を.zip に 変 更 しそれを 解 凍 することで コンテンツに 含 まれている mapping.xml を 取 り 出 すことができます この mapping.xml を 参 考 にコンテンツ 定 義 ファイルを 作 成 してください 30

Copyright 2013 NTT DOCOMO, INC. All Rights Reserved. 3.4 画面レイアウトについて 端末の形状別に docomo LIVE UX の画面レイアウトについて説明します 3.4.1 Phone 型 短辺 360dp 以上 600dp 未満 Phone 型 短辺 360dp 以上 600dp 未満 の画面レイアウトを以下に示します 単位は全て dp で表記 範囲内で 4 等分 ステータスバーの 高さやナビゲーショ ンバー有無により可 変 インジケータエリア 図 3-1 Phone 型 短辺 360dp 以上 600dp 未満 画面レイアウト 31

3.4.2 Tablet 型 Tablet 型 の 画 面 レイアウトを 以 下 に 示 します 54 単 位 は 全 て dp で 表 記 42 42 範 囲 内 で 6 等 分 ステータスバーの 高 さ やナビゲーションバー 有 無 により 可 変 インジケータエリア 幅 :32 54 24 132 12 図 3-2 Tablet 画 面 レイアウト( 縦 ) 32

28 単 位 は 全 て dp で 表 記 100 範 囲 内 で 6 等 分 ステータスバーの 高 さやナビゲーションバ 100 ー 有 無 により 可 変 128 28 インジケータエリア 高 :24 幅 :16 図 3-3 Tablet 画 面 レイアウト( 縦 ) 3.5 デバッグのヒント ここでは コンテンツ 配 信 時 に 起 こるエラーについて その 詳 細 や 解 決 方 法 をま とめます 3.5.1 コンテンツダウンロード 時 の 挙 動 コンテンツのダウンロードが 正 常 に 行 われなかった 際 の 原 因 解 析 のために 有 用 と 思 われる 情 報 をまとめます ブラウザ 上 でコンテンツのリンクを 押 下 した 際 ページが 見 つかりませんでし た といった 表 示 がされた 場 合 docomo LIVE UX が 端 末 にインストールされて いない 可 能 性 があります リンク 押 下 時 に コンテンツをダウンロードしますか と 書 かれたダイアログが 表 示 されます OK を 押 下 後 何 らかの 理 由 により 不 正 なコンテンツです エラーコード: 33

X (X は 数 字 )と 通 知 エリアに 表 示 され ダウンロードが 失 敗 することがありま す 表 示 されるエラーコードとその 原 因 として 考 えられる 事 象 については 以 下 の 通 り です 表 3-1 エラーコード 一 覧 エラーコード 原 因 と 考 えられる 事 象 0 コンテンツファイルが 壊 れている 1 コンテンツ 定 義 ファイルがコンテンツに 含 まれていない アプリが 対 応 していないバージョンのコンテンツをダウンロー ドしようとした 2 コンテンツ 定 義 ファイルの 内 容 に 誤 りがある 3 コンテンツ 種 別 に 誤 りがある コンテンツのファイルサイズが 30Mbyte を 越 えている 3.6 docomo Palette UI きせかえとの 互 換 性 について docomo LIVE UX と docomo Palette UI は 相 互 にきせかえコンテンツを 読 み 込 むことが 可 能 です ここでは docomo LIVE UX docomo Palette UI のコン テンツとアプリの 互 換 性 について 説 明 します docomo Palette UI のコンテンツを docomo LIVE UX で 読 み 込 んだ 場 合 は 以 下 の ように 適 用 されます 表 3-2 docomo Palette UI のコンテンツを docomo LIVE UX に 適 用 した 場 合 docomo Palette UI docomo LIVE UX 備 考 壁 紙 画 像 ( 縦 / 横 共 通 ) プレート 画 像 ( 縦 ) プレート 画 像 ( 横 ) スクリーンロック スクリーンロッ ク プレート 画 像 の 2 箇 所 で 適 用 インジケータ( 選 択 時 ) ページインジケータ ( 選 択 時 ) HOME docomo インジケータは インジケータ( 非 選 択 時 ) ページインジケータ デフォルト ( 非 選 択 時 ) home インジケータ( 選 択 時 ) - home インジケータ( 非 選 択 時 ) - 34

Dock 背 景 画 像 ( 縦 ) - Dock 背 景 画 像 ( 横 ) - Box 表 示 アイコン( 新 着 通 知 あり) - Box 表 示 アイコン( 新 着 通 知 なし) アプリ 一 覧 表 示 アイコン アプリアイコン 背 景 - グループラベル( 縦 ) - グループラベル 用 フォーカス( 横 ) - Box オープン - Box クローズ( 新 着 通 知 あり) - Box クローズ( 新 着 通 知 なし) - グループラベル 用 新 着 アイコン - Box の 背 景 画 像 ( 縦 ) 背 景 画 像 ( 縦 ) Box の 背 景 画 像 ( 横 ) 背 景 画 像 ( 横 ) 選 択 用 サムネイル( 縦 ) サムネイル 35

docomo Palette UI docomo LIVE UX インジケータ 壁 紙 画 像 BOX 表 示 アイコン BOX 背 景 画 像 図 3-4 docomo Palette UI のコンテンツを docomo LIVE UX に 適 用 した 場 合 のイメージ 36

docomo LIVE UX のコンテンツを docomo Palette UI で 読 み 込 んだ 場 合 は 以 下 の ように 適 用 されます 表 3-3 docomo LIVE UX のコンテンツを docomo Palette UI に 適 用 した 場 合 docomo LIVE UX docomo Palette UI 備 考 プレート 画 像 ( 縦 ) - プレート 画 像 ( 横 ) - ページインジケータ インジケータ( 選 択 時 ) ( 選 択 時 ) ページインジケータ インジケータ( 非 選 択 時 ) ( 非 選 択 時 ) スクリーンロック 壁 紙 画 像 ( 縦 / 横 共 通 ) アプリ 一 覧 表 示 アイコン - マイマガジン 表 示 アイコン - 背 景 画 像 ( 縦 ) Box の 背 景 画 像 ( 縦 ) 背 景 画 像 ( 横 ) Box の 背 景 画 像 ( 横 ) プレートマスク( 縦 ) - プレートマスク( 横 ) - プレートディテール( 縦 ) - プレートディテール( 横 ) - サムネイル 選 択 用 サムネイル( 縦 ) 37

docomo LIVE UX docomo Palette UI ロックスクリーン 壁 紙 HOME インジケータ はデフォルトを 表 示 ページインジケータ DOCK 背 景 画 像 BOX 表 示 アイコンはデフォ ルトを 表 示 背 景 画 像 図 3-5 LIVE UX のコンテンツを Palette UI に 適 用 した 場 合 のイメージ 38