202506DominoHub_T101
>100 Views
October 23, 25
スライド概要
"Simplifying Domino Apps
~The Right Way to Build and Rebuild Using the 'Restyle' Feature~"(Japanese)
関連スライド
各ページのテキスト
Domino アプリを シンプルに -DominoHub 2025- 2025/06/19 〜いまどきの正しい作り方直し方は？ 阿部 覚 (X:) @abesat
Domino アプリを シンプルに -DominoHub 2025- 2025/06/19 Restyle を 〜いまどきの正しい作り方直し方は？ 踏まえた 阿部 覚 (X:) @abesat
ごあいさつ Domino まわりでやってることと、 この場ほかの場での属性： ✋XPages.JP にて 「 DX Today じゃぱ～～ん ! 」の掲示役をしています ✋ 月イチ「のの会」にて「＠関数 Talk 」をやってます 所属：株式会社アグレックス ※今回のプレゼン含め、私個人の発信は所属先を代表しておりませんので そこは常識の範囲でご解釈おねがいします 2015 IBM Champion, 2020-2025 HCL Ambassador
DX Today じゃぱ～～ん！ https://www.xpages.jp/Japan/ctjp.nsf/ (X:) @DXTodayJapan
のの会 https://notesknows.connpass.com/
のの会 https://notesknows.connpass.com/
のの会 https://notesknows.connpass.com/
Notes Domino には V12 あたりから、 「スタイルの変更」 (Restyle) と呼ばれる モダナイズ機能が備わっています 当初の案内とずれて恐縮ですが、本編は この Restyle 中心の探索になっています その意味では設計よりも見た目の統一感での シンプル化のお話になります まずは、 3 日前までは最新版だった V14.0 で その機能をざっくり概観したいのですが その前に… 8 / 45
まずはアプリデータベース (DB) を作りましょう 通常、こんなメニュー（ないし Ctrl+N ）で作成しますよね テンプレートを指定せずの - 未入力 - でつくると 9 / 45
いったんはこんな DB になります 現在どのバージョンの Notes をお使いの方でも おおよそこの印象は変わらないのでは デフォルトのアイコンはこんな体裁 10 / 45
なんとなくフォームを加えてみます 見出しと フィールドは件名と本文、あとアクションをふたつ デフォルトのフォントはごらんのとおり 11 / 45
そのフォームで 文書を作成してみるとこんなかんじです アクションバーがのっぺりでなくなったかな、でも それ以外は、デフォルトのままのデザインは 何年も変わってなさそうな… 12 / 45
たったこれだけの DB ですが、ここで この DB を「 Restyle 」しちゃいます 13 / 45
だいたいデフォルトのまま設定します 14 / 45
だいたいデフォルトのまま設定します 15 / 45
だいたいデフォルトのまま設定します 16 / 45
最後のアイコンだけは現行維持もなんなので 新規アイコンのリストから選択しました 17 / 45
これで変更を完了し 18 / 45
変更してみた結果 19 / 45
文書画面はこんな感じに 20 / 45
追加される設計要素 2つ フレームセット ページ 3つ アウトライン 1つ そして イメージリソース 200 こ 21 / 45
同じ設計の DB を使用して Restyle をもう 1 パターン行ってみます きほん、同じように Restyle するのですが 22 / 45
1 か所だけ 2 つ目のタブで「いいえ」を選択します 23 / 45
変更してみた結果 24 / 45
文書画面はこんな感じに 25 / 45
追加される設計要素 イメージリソース 200 こ いっぽう、 フレームセット ページ アウトライン は 追加されません 26 / 45
ざっと概観させていただきました Restyle については新しめの機能ですし バージョンごとにメニューも変化があり どこを変更されてしまうんだろうと 不安になる向きもあるもいますが コード類の変更はなく 追加される設計もそんなにインパクトはありません （イメージ 200 こは多すぎる気もしますが） 27 / 45
さて、 2 日前 (2025/6/27) にリリースされた 14.5 でもざっくり確認してみます 28 / 45
同じように作ったのですが 違いはなさげです デフォルトのアイコンは 大きなものに変わりました 29 / 45
フォームも同じように作ってみて 文書も作成しましたがやはり見栄えは同様 30 / 45
さて、 V14.5 での Restyle も確認します 変わったなと気づいた点を中心に まず、開始時に、このようなプロンプトが出て コピー DB をまず作っての Restyle が行えます （また、作ったコピー DB をおぼえているのか 2 回目以降はさらにコピー DB を増やすかの 選択肢が増えます（ P.41 のプロンプト） ） 31 / 45
選択できるテーマがひとつ増え 32 / 45
↓ アイコン更新のメニューが若干詳細化 ←14.5 では こちらを、☑しないことを おすすめします 33 / 45
なぜ☑をおすすめしないかというと テキストが四角い枠（ OS スタイル）に変わってしまい 勝手に幅が狭くなってしまったのです 34 / 45
なお 14.5 では Restyle 後に新たにフォームを追加した場合に そのフォームが 最初から Restyle されたものになっていました 35 / 45
以上、 V14 と V14.5 の Restyle について 概観させていただきました 36 / 45
アプリを新規作成する時について 何も意識しないでテンプレート未入力で アプリ作成した場合 DB の見栄えはほぼ 従来通りということに なります 37 / 45
アプリを新規作成する時について したがって、新規 DB をそれらしく新しく見せたいなら Restyle を実行しておくのがベター （もしくは自分でこつこつデザイン） できれば、何も意識せずに未入力で アプリ作成したときも 何れかの Style があらかじめ設定されているのが 今後のリリースでの標準になってほしいなと思います 38 / 45
アプリを新規作成する時について じつは「カスタムの作成」という Nomad で先行出現した新機能が加わっています こちらなら初めから Restyle されて 出来上がります シンプルではあるものの すこし慣れもいるかも HCL さんのセッションで 紹介されるかな ? 39 / 45
既存アプリの改修について フレームまで変わってしまう Restyle よりは フレームを加えずに見栄えだけ変更する Restyle のほうが （イメージ 200 こだけ加わるのは気になるけど） シンプルで抵抗が少ないかと思います 40 / 45
既存アプリの改修について また V14.5 では以下の点で Restyle のハードルが低くなり ました ・コピー DB を作っての Restyle も可能 （個人的には作りすぎてワークスペースをごみ屋敷に しないよう注意したい） ・ Restyle 後に追加したフォームやビューも はじめから Restyle 済み状態 41 / 45
開発・改修のシンプル化に関して Restyle 以外のところで少しだけ触れます 過去に申したことと多少重なります 42 / 45
開発・改修のシンプル化に関して Domino について私がつかんでいる印象は セキュリティは強固だけど 中のつくりは自由 設計に対してデータが独立 Domino の場合、設計だけを取り払っても データは直接の影響をうけませんので 究極的には フォームやビューをもう一度組み立てなおしてみるという やり方もありかと思います （設計のマイグレだけでデータ移行が発生しないので） 43 / 45
開発・改修のシンプル化に関して もう少しミニマムな、 設計画面上での工夫のいくつかについては またの機会に触れさせていただければ 44 / 45
ご清聴 ありがとうございました♥