Slide 1

Slide 1 text

HCL Notes 14.0 EA2 Domino Restyle の拡張 HCL Notes 14.0 EA2 日本語版 中野晴幸 @harunakano (Twitter) [email protected] (blog)

Slide 2

Slide 2 text

Domino Restyle enhancements Domino Restyle updates an application's UI elements with a color-coordinated, cleaner look and feel. The following enhacements are supported by Notes 14 EA2: • Bevelled edges are now an option when creating app icons. • Standard, built-in action icons are updated for restyled applications. • Help/About documents are restyled. For more information, see Domino Restyle for Notes applications • Importing an app icon is now supported. For more information, see Domino Restyle for Notes applications. • Define your own application colors for use when restyling applications. For more information, see Defining application colors with Restyle. • Restyle can now utilize user-supplied themes stored in a shared database. For more information, see Customizing themes with Restyle. https://help.hcltechsw.com/notes/14.0.0/client/notes_application_restyle2.html

Slide 3

Slide 3 text

Domino Restyleの機能強化 Domino Restyle は、アプリケーションの UI 要素をカラーコーディネートされた、すっきりしたルッ ク&フィールで更新します。Notes 14 EA2 では、以下の機能強化がサポートされています: • アプリのアイコンを作成する際に、面取りされたエッジがオプションになりました。 • 標準のビルトインアクションアイコンが、Restyle されたアプリケーション用に更新されました。 • ヘルプ/バージョン情報ドキュメントがスタイル変更されました。 • アプリアイコンのインポートがサポートされました。 • アプリケーションを Restyle するときに使用する独自のアプリケーションカラーを定義します。 • Restyle は共有データベースに保存されたユーザー提供のテーマを利用できるようになりました。

Slide 4

Slide 4 text

アイコン作成時の オプションに 面取りされたエッジが 追加された ボタンのようなアイコンを作成可能になりました

Slide 5

Slide 5 text

面取りされたエッジ=影の選択の ”3D”

Slide 6

Slide 6 text

シェイプと影 フラット 勾配 勾配 2 3D 正方形 円

Slide 7

Slide 7 text

標準のビルトインアクションアイ コンが Restyle されたアプリケー ション用に更新される EA2に実装されてないんじゃ?

Slide 8

Slide 8 text

標準のビルトインアクションアイコン

Slide 9

Slide 9 text

上段:リスタイル前、下段:リスタイル後 Restyle後も 同じですよね!?

Slide 10

Slide 10 text

ヘルプ/バージョン情報ドキュ メントがスタイル変更された 「データベースについて」「データベースの使い方」にもスタイルが適用 されます

Slide 11

Slide 11 text

データベースについて Restyle

Slide 12

Slide 12 text

データベースの使い方 Restyle

Slide 13

Slide 13 text

アプリアイコンの インポート Restyle時に独自画像をインポート可能に

Slide 14

Slide 14 text

独自画像を取込めます

Slide 15

Slide 15 text

ユーザー独自の アプリケーションの色 restyle.nsf を使用します

Slide 16

Slide 16 text

アプリケーションの色(デフォルト)

Slide 17

Slide 17 text

ピンク オレンジ ライム ティール 青 藍色 パープル アプリケーションの色(デフォルト)

Slide 18

Slide 18 text

restyle.nsf の作成 Restyle を実行する 端末側(Local)に作成します

Slide 19

Slide 19 text

Designer - リソース – ファイル

Slide 20

Slide 20 text

app_color/colors.json

Slide 21

Slide 21 text

色の追加

Slide 22

Slide 22 text

アプリケーション - スタイルの変更

Slide 23

Slide 23 text

追加した3色

Slide 24

Slide 24 text

ユーザー独自のテーマ restyle.nsf を使用します

Slide 25

Slide 25 text

scheme/theme-1.0.0.json のエクスポート

Slide 26

Slide 26 text

reserved/theme のどれかをエクスポート

Slide 27

Slide 27 text

テーマは内容そのまま

Slide 28

Slide 28 text

リソースにテーマを作成、内容をコピペ

Slide 29

Slide 29 text

スキーマも内容そのままリソースへコピ ペ スキーマの保存については マニュアルに記載が無いため どうしてよいか不明

Slide 30

Slide 30 text

Custom theme 現る!!!

Slide 31

Slide 31 text

ファイル名は日本語もOKっぽい

Slide 32

Slide 32 text

EA2のへんなところ ベータ版なのでゆるしてちょんまげ

Slide 33

Slide 33 text

文章を最後まで読めない

Slide 34

Slide 34 text

“ヘルス” か “衛生” が適当かも

Slide 35

Slide 35 text

アイコンが右側に隠れているのに 横スクロールバーが表示されない

Slide 36

Slide 36 text

「Keep current icon」を選択して 「C」を2度タイプする 「Create a new icon」を選択して 「C」を1度タイプする 不要な「ファイルを開く」を表示できる

Slide 37

Slide 37 text

横スクロールバーが表示されることもある K,C,I (ショートカットキー?) が示されない場合がある

Slide 38

Slide 38 text

前回のRestyleでアイコンをインポートしたアプリで再度 Restyleの Create iconを表示したときファイル名がわからない。 インポート済みのアイコンがあればファイル名を表示してほしい

Slide 39

Slide 39 text

Notes+Designer+Admin 14.0 64bit EA2 Nomad Web Domino 14.0 EA2 Windows Power

Slide 40

Slide 40 text

「エントリが索引に見つかりません」 EA2 日本語版に付属の restyle.ntf に不具合あ るらしい 英語版クライアントか ら restyle.ntf をコピー して使いましょう

Slide 41

Slide 41 text

数回Restyleすると同名ファイルが増加