Nomad アプリも作成してみたよ！

e f f e c t f o r c e
©2020 ef Co., Ltd. All rights Reserved.
御代政彦（みよまさひこ）
株式会社エフ
テクてくLotus技術者夜会
2020年6月
HCL Nomad 特集
Nomadアプリも作成してみたよ！

御代政彦（Masahiko Miyo）
https://twitter.com/guylocke
https://www.facebook.com/guylocke34
2019～2020年度まで2年連続認定
自己紹介
－ 2 －
のおつ -Notes/Dominoに関すること-
累計アクセス：約97.2万件
累計ページビュー：約133.7万
※2020年6月時点の情報です
ブログについて
2011～2019年度まで9年連続認定

開発環境
こんな環境があれば、アプリケーションが作成できるよ
－ 3 －

開発環境（Notes/Domino）
－ 4 －
 Linux（Cent OS）
 Prominic社が提供するクラウド環境のDominoサーバー
 HCL Masterになるとデモ用として提供してもらえます！
 HCL Domino 11.0.1
 正式な稼働環境ということなので･･･
 HCL Domino Designer 11.0.1
 Notes アプリケーションのスタンダードな開発環境です
 Android端末
 動作確認用です（SharpのAndroid One S3）
 Android OSのバージョンは10

開発環境（ブラウザ）
－ 5 －
 以下は利用していません
 Webブラウザ
 Chrome、Firefox、Internet Explorer

作成したアプリケーション
色々考えながら作ってみたよ
－ 6 －

 ワークフロー
 社内掲示板
 公開するのに管理者の承認が必要
－ 7 －

 掲示板系
 用語集
 管理系
 ID切り替え
 パスワード生成
－ 8 －

DEMO
アプリケーションのデモと解説
－ 9 －

DEMO
 用語集
－ 10 －

DEMO
 用語集
 1つのフレームの中だけでフォームやビューを切り替えるよ
うにした
 スマホでたくさんのタブを開かれても移動するのが大変なの
で･･･
－ 11 －
ポイントはフレームセットの使い方
@SetTargetFrame
NotesUIWorkspace.SetTargetFrame
でフレームを明示的にセット！

DEMO
 用語集
 ただ･･･
 ビューの「対象フレーム（ダブルクリック）」がiPhone、iPad
では動作しない！？
– なぜか、新規ウィンドウで表示されてしまう
－ 12 －

DEMO
 ID切り替え
 IDボールトからIDファイルをダウンロード、さらにロケー
ション文書を作成する
 ロケーション文書の切り
替えをすることで実現
－ 13 －
詳しく知りたい人は
https://guylocke.blogspot.com/2020/03/hcl-nomadid.html

アプリケーション開発での強み/弱み
HCL Nomadではこんなところに気をつけて開発するとよい！？
－ 14 －

 強み
 新しい知識を必要としない！
 関数やLotusScriptはほぼそのまま動く！
 開発環境は従来通り！
 新しいものを用意する必要がない！
 バージョン11なら、なお良い！
 既存アプリの設計によっては修正いらず！
－ 15 －

 弱み
 既存のアプリをそのまま使える！と言いつつ、かなりのカス
タマイズは必要！
 画面設計は大幅な見直しが必要
 ただし、LotusScriptなどのコードは、ほぼ改変不要
 画面の見栄えを良くするのに苦労する
 XPagesだとCSSが利用できるのは大きい！
－ 16 －

所感
触ってみて分かったこと･･･
－ 17 －

所感
－ 18 －
 利用するデバイスを意識することが大事
 iPhoneなのか、iPadなのか、Androidなのかを意識しないと画面
が思ったように表示されない
 利用者のタイプを想定すること！
 文書が読めればいいのか、入力もしたいのか？
 管理用画面までNomad対応の必要はない！？

 セクションを使いこなすといいかも！？
 スマホは画面に表示できる文字数が限られているので、セク
ションの開閉を利用すると良いかも･･･
 ただし、セクションのタイトルは非表示にすること！
 フレームセットは使おう！
 画面の切り替えが簡単にできるようになるよ！
－ 19 －
所感

 非表示式は適切に！
 「モバイル」の場合は非表示にすると整理しやすいね！
 非表示の要素も意識して！
 非表示にしていても、画面幅は確保されている！？
－ 20 －
所感

 チェックボックス/ラジオボタンに要注意！
 候補を表示する列の数を増やしすぎると･･･
 候補の数に関係ないので注意！
 横長ではなく縦長にしよう
 表を作成する場合、列数は1-2にするべし！
 3つ以上の列だと横スクロールしないと見えない
－ 21 －
所感

－ 22 －
いっそのこと、モバイル用は
別フォーム/別ビュー
にした方が良い！
所感

参考
アプリケーション開発時にお世話になったサイト
－ 23 －

参考
－ 24 －
 Nomad Forum
https://support.hcltechsw.com/community?id=communit
y_forum&sys_id=3b962d581b1104d483cb86e9cd4bcbae
 英語力が必須だけど、わからないことがあれば質問すると助
けてもらえます！（Google翻訳で十分いけます！）

免責事項
本資料は、発表者のつたない語学力及びスキルを元にし
た個人的な見解によるものです。必ずしもHCLの見解と
一致するものではありません。
本資料の情報は、使用先の責任において使用されるべき
ものであることを、あらかじめご了承ください。
発表者の承諾なしに、コピー、複製、他のメディアに転
載する事はご遠慮ください。
当資料に記載された製品名または会社名はそれぞれ、各
社の商標または登録商標です。
－ 25 －

Nomad アプリも作成してみたよ！

Recommended

Recommended

More Related Content

Similar to Nomad アプリも作成してみたよ！

Similar to Nomad アプリも作成してみたよ！ (20)

More from Masahiko Miyo

More from Masahiko Miyo (10)

Recently uploaded

Recently uploaded (6)

Nomad アプリも作成してみたよ！