投稿

11月, 2020の投稿を表示しています

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の私が承ります! お問い合わせはこちらから→