HCL Nomad 1.0.7 Restyle

2023/3/8 にリリースされた HCL Nomad Web 1.0.7 で拡張されたアプリケーションのリスタイル機能を検証しました。

のの会の会場では、リスタイルの挙動を確認しながら実際にアプリケーションをリスタイルする様子をご覧いただきました。

このスライドは「のの会 第50回」で使用したものです。

Transcript

1. 2023/4/13
   のの会 第50回
   中野晴幸
   

   View Slide

2. Restyleを使うときは
   ブラウザの言語設定を
   「英語」にします
   

   View Slide

3. HCL Nomad
   1.0.7 で検証します
   

   View Slide

4. フォームとビューだけ
   のアプリケーションを
   Restyleします。
   ナビゲータも
   フレームセットも
   アウトラインも
   無いアプリを
   使用します。
   

   View Slide

5. Restyleしたいアプリを開き
   File > Application > Restyle
   を選択します
   

   View Slide

6. カスタムカラーの
   指定が可能になった!!
   Notesカラーの他
   RGB指定も可能
   黄色系を選択したからか
   Custom Yellow
   と表示された!!
   

   View Slide

7. 基本的なフレームセットを作成し、
   それで起動するプロパティに
   更新してくれる!!
   

   View Slide

8. アイコンが作成できる!!
   

   View Slide

9. Restyleボタンをクリック!!
   

   View Slide

10. 変更前後のアイコン
    上段：ワークスペース
    中段：Nomad のアプリリスト
    下段：アプリのタブ
    

    View Slide

11. フレームセットを自動作成
    左側に３つのフレーム
    右側に２つのフレーム
    

    View Slide

12. ナビゲータ使用アプリも
    自動作成のフレームセットに
    置換できる
    

    View Slide

13. フレームセット、ページ、アウトライ
    ンに$付きの名前で新たな設計要素が
    追加されました。
    イメージリソースには、たくさんのア
    イコン画像が保存されます。
    

    View Slide

14. 【おまけ】
    手書きサイン
    リッチテキストライト「署名」
    @Command([EditInsertSignature])
    

    View Slide

15. リッチテキストライトに
    手書きサイン可能「署名」
    

    View Slide

16. リッチテキストライトのフィー
    ルドの右側に表示されるペンの
    アイコンをクリックすると...
    手書きやペンで入力可能なウィ
    ンドウが表示される
    

    View Slide

17. EditInsertSignature @Command を
    使用して署名入力画面を表示できま
    す。この方法ではリッチテキストラ
    イトの他、リッチテキストへも署名
    を挿入できました
    

    View Slide