投稿

Domino Voltでカレンダービューを実装してみた

イメージ
*** This article translated Implemented a calendar view in Domino Volt into Japansese. *** この記事は、 Implemented a calendar view in Domino Volt を日本語に翻訳したものです。 皆さん、こんにちは。 予告通り、Domino Voltアプリケーションでカレンダービューを実装する方法を紹介します。 今回紹介するアプリケーションは、 FullCalendar をDomino Voltで利用できるようにしたものです。 1.FullCalendarについて FullCalendarは、カレンダービューを表示するためのJavaScriptライブラリで、カレンダーのタイプを変更できたり(月、週、日)、ロケールを変更できたり、ドラッグ&ドロップでデータを編集できたりと、多機能でなおかつ軽量なものです。 オープンソースでMITライセンスであるため、利用時に余計なことを気にする必要がありません。 2.アプリケーションの概要 今回のアプリケーションの特徴は以下の通りです。 Domino Voltのフォーム上でFullCalendarのカレンダービューを表示するようにしています。 カレンダーはタイプを切り替えることができます。 カレンダーにはDomino Voltで作成したデータを表示させることができます。 自分が作成したデータのみが参照、更新可能(管理者は除く)。 データはカレンダーの日付をクリック、もしくはドラッグ&ドロップで作成できます。 カレンダーデータはJSON形式で利用します(JSONデータの生成はXPagesで行う) 3.アプリケーションの実行画面 下は実際にアプリケーションを動かした動画です。 4.実装方法1 -カレンダービューの表示- FullCalendarのようなJavaScriptライブラリをDomino Voltで利用する場合、「Volt Configuration Settings」DBで「secureJS」を”FALSE”に設定する必要があります。 「フォーム」にhtmlを定義します。 まず、FullCalendarで利用するcssを定義します。 次にFullCalendarを表示する領域を確保します。 HTMLパレットの内容

Implemented a calendar view in Domino Volt

イメージ
As I announced in "CollabSphere 2020 Live", I will be describing an application that implements FullCalendar in Domino Volt. This application is implemented using FullCalendar . 1.About FullCalendar FullCalendar is a JavaScript library for displaying a calendar view, which is versatile and yet lightweight, with the ability to change the calendar type (monthly, weekly, daily), change the locale, and edit data with drag and drop. It's open source and MIT licensed, so you don't have to worry about anything extra when you use it. 2.Application Overview The application features are as follows It is displayed the calendar view on the Domino Volt form. It can be switched the calendar type. It can display data in the calendar that created by Domino Volt form. Only the data you create can be viewed and updated. It can create the data by clicking or dragging and dropping on the calendar. It is used calendar data in JSON format(JSON data generation is done in XPages). 3.Applicat

CollabSphere 2020 Liveでの講演資料を公開しています

イメージ
 皆さん、こんにちは。 先日は、「CollabSphere 2020 Live」にご参加いただき、ありがとうございました。 私の英語力は皆さんご存じのようにホントに拙いものであるため、HCL Ambassadorの田付さんにご協力いただき、通訳をしていただきました。 当日は私のアドリブ(シナリオを覚えてないだけ・・・)にも柔軟に対応いただきました。 ここで改めて感謝の意を表します。ありがとうございました。 さて、当日の資料はSlideShareに公開してありますので是非ご覧ください。 ※日本語版の資料がほしい方は、直接ご連絡ください。 Col113 introducing the hcl domino volt application i created from Masahiko Miyo このWebinarの最後にお見せしたカレンダービューを組み込んだアプリケーションですが、詳細について教えてほしいという質問がありました。 こちらについては、現在、詳細のブログ記事を執筆中です。 できあがり次第公開いたしますのでもうしばらくお待ちください。 それでは今日はこの辺で・・・ Notes/Dominoで困ったことがあれば、弊社にお問い合わせください。 HCL Ambassadorの私が承ります! お問い合わせはこちらから→  

Domino Volt 1.0.1で追加された関数

イメージ
皆さん、こんにちは。 なぜか今回もDomino Volt 1.0.1の話です。 書くのはやめようかと思っていたのですが、某氏が「ブログにして!」と懇願するので?書きます。 今回はDomino Volt 1.0.1で追加された関数についてです。 といってもどんな関数が追加されたのかがわかっていません。 HCL Domino Volt の新リリースのご紹介 によると、 form.getStageAction() app.getProductBaseURL() app.getFormLaunchURL() app.getRecordURL() の4つが判明しています。 そこでこれらの関数について見ていくことにします。 1.form.getStageAction() form.getStageAction( actionID )関数は指定したステージアクションを取得できます。 ステージアクションはObjectとして取得され、activate関数を使うことでにプログラム内で実行することができます。 これにより、事前に関数を呼び出したりすることができます。 ※ステージアクションはサービスの呼び出しおよびメールの送信しかできないのでそういったことに利用できます 動作を確認するために以下のようなアプリケーションを作成してみました。 サンプルアプリケーション ステージアクションは[送信]と[キャンセル]がありますが、[送信]はわざと非表示にしてあります。 [送信]のIDは"S_Submit"で、[キャンセル]のIDは"S_Cancel"としてあります(デフォルト値です)。 ※アクションIDはアクションのプロパティの「拡張」タブに書いてあります。 アクションIDの確認 [送信アクションを代わりに実行します]のボタンのonClickイベントには以下のようなJavaScriptが書いてあります。 onClickイベント これで文書を新規作成してボタンをクリックすると、「保存時の日付」フィールドに今日の日付がセットされた状態で文書が保存されます。 ワークフローで承認アクションを実行したときに今日の日付をセットするような形で使えるでしょう。 2.app.getP

PDFテンプレートを使って出力しよう

イメージ
皆さん、こんにちは。 今日もDomino Volt 1.0.1の新機能についてです。 フォーム付きのPDFにデータを投影させて出力するというものです。 今日で新機能の紹介は終了とします。 追加されたJavaScriptの関数など紹介していないものもありますが Domino Voltはローコード/ノーコードを目指しているものだと考えていますので、JavaScriptなどの言語について紹介するのは趣旨から外れるものと思ってのことです。 Domino Voltで利用できるJavaScriptについて知りたいという方は個別に弊社までご相談ください。 では見ていきましょう。 まずは機能についてです。 HCL Domino Volt の新リリースのご紹介 では、 ・PDFドキュメントの統合: 記入可能な PDF テンプレートをアプリに追加して、PDF ドキュメントを作成します。データをキャプチャしてテンプレートにプッシュします。結果の PDF をローカルに保存するか、送信レコードと一緒に保存します。 となっています。 これはどういうことかというと、 Adobe AcrobatなどPDFを編集できるツールで、「フィールドを追加したPDF」にDomino Voltのアプリケーションで入力した値を当てはめて新しいPDFに作成し直す。 というものです。 そのため、PDFを編集できるツールが必要になります。 本家のAdobe Acrobatでもいいですし、その他にもツールが多数出ていますので好きなものを使ってください。 私は業務ではしばらく必要なさそうだったので、無償で体験版が利用できる PDFの作成・編集ならPDFエレメント | Wondershare PDFelement というものを利用しました(仮想環境のOSにインストールしたので怪しかったら即削除です)。 まずは入力できるPDFを作成する必要があります。 一から作成するのは面倒なのでWordで下地を作成します。 申請書なら入力箇所がありそうということで申請書の書類をググり、出てきたものを参考にして下図のものを作成しました。 申請書のWordファイル これをWordの機能でPDFにエクスポートしました。 できあがったPDFをさきほどのPDF編集ツールで

Domino Voltアプリケーションのアップグレード方法について

イメージ
*** This article is written in Japanese on how to upgrade Domino Volt applications. If you want to read in English, please use the translation function of the blog. 皆さん、こんにちは。 今日(2020年8月11日)は全国的に猛暑になっているようです。 水分補給と空調管理はしっかりとしましょう。 さて今日もDomino Volt 1.0.1の新機能についてです。 Domino Volt 1.0.1にはアプリケーションのアップグレードという機能がつきました。 アプリケーションのアップグレードメニュー 今まではアプリケーションを修正する場合、直接アプリケーションを編集していました。 リリース前であれば何の問題もありませんが、リリース後となると実データを使ってのテストが出来ないなど大変でした。 そのため、アプリケーションをデータごと複製して、複製したアプリケーションで修正およびテストを行い、確認できたら本番のアプリケーションを再度編集するといった方法が一般的でした。 ※プレビュー機能を使って確認できないこともないですが、ワークフローなど複数ステージがあるアプリケーションではその方法は試せません。 では、アップグレードはどのように行うのか? それを見ていきましょう。 といっても簡単です。 1.アプリケーションを複製する 2.アプリケーションを修正する 3.修正したアプリケーションをエクスポートする 4.エクスポートしたアプリケーションを使って「アップグレード」する という手順です。 具体的な手順を画面をつけて説明していきます。 まず、既存のアプリケーションはこのような形になっています。 説明をシンプルにするためにフォームおよびページは1つだけとしています。 データビュー フォーム(既存文書を表示) 1. アプリケーションを複製する 「HCL Domino Volt - Application Manager」の画面でアプリケーションの「・・・」メニューから「複製」をクリックします。 「アプリケーションの複製」ダイアロ