Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HCL Nomad 1.0.7 Restyle

HCL Nomad 1.0.7 Restyle

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

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

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

Haruyuki Nakano

April 20, 2023
Tweet

More Decks by Haruyuki Nakano

Other Decks in Education

Transcript

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

    View full-size slide

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

    View full-size slide

  3. HCL Nomad
    1.0.7 で検証します

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide