2020年12月21日～25日 開催 オンラインイベント「GrapeCity ECHO week 2020」、4日目のセッション資料です。
「30分でわかる！DioDocsの魅力と使い方」
グレープシティ株式会社 ツール事業部 マーケティング部 氏家 晋
30分でわかる！DioDocsの魅力と使い方グレープシティ株式会社 ツール事業部 プロダクトマーケティングチーム氏家晋
View Slide
2GrapeCity Developer Solutionsディオドック
3GrapeCity Developer SolutionsドキュメントAPI✓ コード（C#、VB.NET）でドキュメントを操作するAPIを提供しています✓ ユーザーインタフェース（UI）を提供していません
業務システムに欠かせないExcelとPDF4GrapeCity Developer Solutions
ExcelやPDFを利用するケース5GrapeCity Developer Solutions表計算・グリッド帳票・レポート
ExcelやPDFを利用するケース（帳票・レポート）6GrapeCity Developer Solutions✓ データを帳票・レポート生成エンジンに渡す✓ 帳票・レポートを生成してExcelやPDFに出力
ExcelやPDFを利用するケース（表計算・グリッド）7GrapeCity Developer Solutions✓ データをスプレッドシート・データグリッドに渡す✓ スプレッドシート・データグリッドの内容をExcelやPDFに出力
ExcelやPDFを利用するケース（その他）8GrapeCity Developer Solutions✓ データをExcelやPDFに読み込み、出力✓ ExcelのシートやPDFのページを追加、削除✓ ExcelのブックやPDFのドキュメントを結合、分割✓ ExcelやPDFにパスワードや署名を追加
ExcelやPDFを利用するケース9GrapeCity Developer Solutionsその他帳票・レポート 表計算・グリッド
10GrapeCity Developer Solutionsディオドック
製品ラインナップ11GrapeCity Developer SolutionsDioDocs for PDFPDFファイルを作成、編集するAPIライブラリDioDocs for ExcelExcelファイルを作成、編集するAPIライブラリExcel
12GrapeCity Developer SolutionsDioDocsの特長
DioDocsの特長13GrapeCity Developer Solutions✓ Excelファイルを直観的に操作できるAPI// ワークブック作成Workbook workbook = new Workbook();// ワークシート取得IWorksheet worksheet = workbook.ActiveSheet;// セル範囲を指定して文字列を設定worksheet.Range["C3"].Value ="こんにちは、世界！DioDocs（ディオドック）です。";// Excelファイルとして保存workbook.Save("Helloworld.xlsx");
DioDocsの特長14GrapeCity Developer Solutions✓ PDFファイルを直観的に操作できるAPI// PDFドキュメント作成GcPdfDocument doc = new GcPdfDocument();// ページを追加してグラフィックオブジェクトを取得GcPdfGraphics g = doc.NewPage().Graphics;// ページに文字列を描画g.DrawString("こんにちは、世界！DioDocs（ディオドック）です。",new TextFormat() {Font = StandardFonts.Times,FontSize = 18,ForeColor = Color.FromArgb(0, 123, 138)},new PointF(72, 72));// PDFファイルとして保存doc.Save("Helloworld.pdf");
DioDocsの特長15GrapeCity Developer Solutions✓ Microsoft ExcelやAdobe Acrobatなどのインストール不要
DioDocsの特長16GrapeCity Developer Solutions✓ NuGetパッケージ提供
DioDocsの特長17GrapeCity Developer Solutions✓ NuGetパッケージ提供✓ Visual Studioなら「NuGet パッケージ マネージャー」でインストール
DioDocsの特長18GrapeCity Developer Solutions✓ NuGetパッケージ提供✓ Visual Studio Codeならコマンド「dotnet add package」でインストール
DioDocsの特長19GrapeCity Developer Solutions✓ .NET Standard 2.0以降に対応✓ .NET Framework、.NET Core、Xamarinで利用できるWindows FormsWPFASP.NETUWPASP.NET CoreXamarin.FormsXamarin.iOSXamarin.Android.NET Standardライブラリ
DioDocsの特長20GrapeCity Developer Solutions✓ .NET Standard 2.0以降に対応✓ クラウドネイティブなアプリケーションで利用できる（Azure、AWS、GCP）.NET Standardライブラリ
DioDocsの特長21GrapeCity Developer Solutions
DioDocsの特長22GrapeCity Developer Solutions
DioDocsの特長23GrapeCity Developer Solutions
DioDocsの特長24GrapeCity Developer Solutions✓ サブスクリプション✓ 年1回のバージョンアップと年2回のサービスパックによる機能追加✓ 製品のフリーアップグレード✓ 回数無制限の技術サポート✓ 契約満了前に特別価格で更新✓ ランタイムフリー✓ 開発したアプリケーションの配布で追加費用なし※SaaSでの利用や開発ツールを開発するために利用する場合は別途特別契約が必要
25GrapeCity Developer SolutionsDioDocs for Excelの機能
DioDocs for Excelの機能26GrapeCity Developer Solutionsフォント塗りつぶし日付書式罫線数値書式✓ セルの柔軟なカスタマイズ✓ フォント、数値・日付書式、罫線、テキスト配置、塗りつぶし、コメント、ハイパーリンク、セルの挿入・削除・結合、行・列の挿入・削除、行の高さ、列の幅
DioDocs for Excelの機能27GrapeCity Developer Solutions// A1に「右上」で表示IRange rangeA1 = worksheet.Range["A1"];rangeA1.Value = "こんにちは、世界！DioDocs（ディオドック）です。";rangeA1.HorizontalAlignment = HorizontalAlignment.Right;rangeA1.VerticalAlignment = VerticalAlignment.Top;
DioDocs for Excelの機能28GrapeCity Developer Solutions// A2に「中央寄せ」で表示IRange rangeA2 = worksheet.Range["A2"];rangeA2.Value = "こんにちは、世界！DioDocs（ディオドック）です。";rangeA2.HorizontalAlignment = HorizontalAlignment.Center;rangeA2.VerticalAlignment = VerticalAlignment.Center;
DioDocs for Excelの機能29GrapeCity Developer Solutions// A3に「左下、インデント付き」で表示IRange rangeA3 = worksheet.Range["A3"];rangeA3.Value = "こんにちは、世界！DioDocs（ディオドック）です。";rangeA3.IndentLevel = 1;
DioDocs for Excelの機能30GrapeCity Developer Solutionsテーブル ピボットテーブルスパークライン 画像・図形✓ 高いExcel互換性✓ テーブル、図形、画像、チャート、ピボット、スパークライン、数式、条件付き書式、入力規則、フィルタ、グループ化、小計、アウトライン列
DioDocs for Excelの機能31GrapeCity Developer Solutions// チャートの作成IShape shape = worksheet.Shapes.AddChart(ChartType.ColumnClustered,10, 120, 500, 300);// タイトルを追加shape.Chart.ChartTitle.Text = "2019年度の売上";// データ系列を追加shape.Chart.SeriesCollection.Add(worksheet.Range["A1:E6"],RowCol.Columns, true, true);
DioDocs for Excelの機能32GrapeCity Developer Solutions✓ Excelファイルの読み込み、作成、保存✓ Excelファイルを読み込み、更新して上書き保存したり別ファイルで保存ワークブックの作成、保護、ワークシートの追加、コピー、移動、削除、保護
DioDocs for Excelの機能33GrapeCity Developer Solutions✓ PDF、画像、HTMLへの出力✓ ワークブック、ワークシートをPDF、画像（PNG、JPEG、GIF）、HTMLへ出力テーブルやチャート、図形や画像などもあわせて出力
34GrapeCity Developer SolutionsDioDocs for PDFの機能
DioDocs for PDFの機能35GrapeCity Developer Solutions✓ テキストの柔軟なカスタマイズ✓ 書式、配置、アウトライン・塗りつぶし、段落、特殊文字、番号付きリスト複数の言語、縦書き、テキスト角度配置・段落 番号付きリスト 段組み縦書き
DioDocs for PDFの機能36GrapeCity Developer Solutionsg.DrawString("こんにちは、世界！DioDocs（ディオドック）です。",new TextFormat(){FontName = "Yu Gothic",Underline = true,Strikethrough = true},new PointF(72, 72));
DioDocs for PDFの機能37GrapeCity Developer Solutionsg.DrawString("こんにちは、世界！DioDocs（ディオドック）です。",new TextFormat(){FontName = "Yu Gothic",FontStyle = FontStyle.BoldItalic},new PointF(72, 144));
DioDocs for PDFの機能38GrapeCity Developer Solutionsg.DrawString("こんにちは、世界！DioDocs（ディオドック）です。",new TextFormat(){FontName = "Yu Gothic",BackColor = Color.PaleGreen,},new PointF(72, 216));
DioDocs for PDFの機能39GrapeCity Developer Solutions✓ 高いPDF互換性✓ 注釈、画像、添付ファイル、リンク、アウトライン、 PDFフォーム、ウォーターマークページサイズ、ファイルの圧縮、リニアライズ（Web最適化）、セキュリティ設定、電子署名アウトラインハイパーリンクフォーム画像・図形
DioDocs for PDFの機能40GrapeCity Developer Solutions// テキスト注釈var textAnnotation = new TextAnnotation(){Contents = "赤色の注釈です。",UserName = "DioDocs",Rect = new RectangleF(72, 144, 72 * 2, 72),Color = Color.Red};// テキスト注釈を追加doc.Pages[0].Annotations.Add(textAnnotation);// フリーテキスト注釈var freeTextAnnotation = new FreeTextAnnotation(){Contents = "フリーテキスト注釈です。",UserName = "DioDocs",Color = Color.LightSkyBlue,Rect = new RectangleF(72, 144, 72 * 2, 72)};// フリーテキスト注釈を追加doc.Pages[0].Annotations.Add(freeTextAnnotation);
DioDocs for PDFの機能41GrapeCity Developer Solutions✓ PDFの読み込み、作成、保存✓ PDFファイルを読み込み、注釈やシェイプなどを追加して上書き保存したり別ファイルで保存
DioDocs for PDFの機能42GrapeCity Developer Solutions✓ 画像への出力✓ 画像ファイル（BMP、GIF、JPEG、PNG、TIFF）へ出力
DioDocsのデモサンプル43GrapeCity Developer Solutions
DioDocsのデモサンプル44GrapeCity Developer Solutions
45GrapeCity Developer Solutions導入事例- Showcase -
DioDocsの導入事例46GrapeCity Developer Solutions✓ 株式会社三井住友銀行
DioDocsの導入事例47GrapeCity Developer Solutions✓ 株式会社三井住友銀行マニュアル対応業務だったExcel帳票の作成をシステム化
DioDocsの導入事例48GrapeCity Developer Solutions✓ LeySer事業部
DioDocsの導入事例49GrapeCity Developer Solutions✓ LeySerKidsクラウドでExcel帳票を高速にPDFファイルへ出力
50GrapeCity Developer Solutionsまとめ- Summary -
DioDocsの用途51GrapeCity Developer Solutions✓ データのレポーティング統合基幹業務システム（ERP）やデータベースと連携し、データを加工してレポートを作成。ピボットテーブルやチャートを使用した分析／集計レポートを作成✓ 帳票作成帳票テンプレートに、データを読み込み、書式や計算式を組み込んでおいたセルに設定し、請求書や納品書などの帳票を作成
DioDocsの用途52GrapeCity Developer Solutions✓ 既存システムのモダナイズクラウドへの移行（コンテナ／サーバーレス）やアーキテクチャの更新（モノリシックからマイクロサービス）、モバイル対応✓ 業務プロセスの改善業務のペーパーレス化やドキュメント作成の効率化を促進、さらに作成したドキュメントを利用したワークフロー連携やコラボレーションでビジネスプロセスをデジタル化
53GrapeCity Developer SolutionsDioDocsのリリース情報
DioDocsのリリース情報54GrapeCity Developer SolutionsV3Jでの機能強化「テンプレート構文」
DioDocs for ExcelでExcel帳票を作る55GrapeCity Developer Solutions✓ Excelで帳票テンプレートを作成✓ 使い慣れたExcelで帳票テンプレートを作成・編集。新たに帳票デザイナの使い方を習得する必要がない✓ 罫線や書式、関数、数式などもExcelで設定できる。基本的にコーディングの必要がない✓ 今まで使っていたExcel帳票のテンプレートを利用できる✓ マクロ（VBA）やOfficeオートメーションなどと同じ要領でデータを追加✓ 追加するデータの量に比例してコード量が多くなりがち…✓ 帳票レイアウトを変更するたびにコードを修正する必要がある…
56GrapeCity Developer SolutionsDioDocs for ExcelでExcel帳票を作る（より効率的に）
テンプレート構文57GrapeCity Developer Solutions✓ DioDocs V3Jで追加された機能✓ 帳票テンプレートに「テンプレート構文」を追加✓ 「テンプレート構文」に従ってデータを追加。コード量やコードの修正が少なくて済む✓ テンプレート構文は「二重の波カッコ（{{HogeHoge}}）」で記載（mustache記法）
「テンプレート構文」を使った作成方法58GrapeCity Developer Solutions帳票テンプレートを作成・読み込むデータを読み込むExcelファイルに出力
作成方法（帳票テンプレート）59GrapeCity Developer Solutions顧客情報 発行元情報明細情報合計ワークシート名
作成方法（データの追加）60GrapeCity Developer Solutions✓ データソースは以下に対応✓ カスタムオブジェクト（JSONでもOK）✓ DataTable✓ DataSet
作成方法（データの追加）61GrapeCity Developer Solutions✓ AddDataSourceでデータソースを追加✓ ProcessTemplateで帳票テンプレートを処理✓ テンプレート構文に従ってデータが追加顧客情報 発行元情報明細情報合計ワークシート名
作成方法（実行結果）62GrapeCity Developer Solutions
作成方法（比較）63GrapeCity Developer Solutionsテンプレート構文を使うとより少ないコードで効率的に帳票を作成
DioDocsのリリース情報64GrapeCity Developer Solutions2021年2月 最新バージョン「V4J」リリース予定
V4J65GrapeCity Developer Solutions✓ PDFビューワー（JavaScriptライブラリ）リリース予定✓ クロスプラットフォーム、クロスブラウザ、Angular、React、Vue.js対応✓ ページのスクロール、ナビゲーション、拡大・縮小、回転、印刷、ダウンロード✓ PDFフォーム、注釈の追加、編集、削除
END
grapecity_dev
sasakendayo
makomakok
hyopt
codehex
yutootsuka
aanrii
en2zo
leichteckig
mikobaaaaa0920
koluku
tomokusaba
masayaaoyama
jacobian
ufuk
addyosmani
jensimmons
samanthasiow
frogandcode
jonrohan
samlambert
brianwarren
shpigford
lauravandoore
matthewcrist