kintone ポータルいじってみた at kintone university 懇親会 2018 LT

1. Infragistics Propietary1
kintone ポータル
いじってみた
2018/05/21
kintone university 懇親会 2018
インフラジスティックス・ジャパン株式会社
山口 慧

2. Infragistics Propietary2
Blogデスクトップ / Web / モバイル、いろんな開発プ
ラットフォームにおける UI まわりの技術を
みています。
山口 慧（さとる）
インフラジスティックス・ジャパン株式会社
ソリューションコンサルタント
■自己紹介

3. Infragistics Propietary3

4. Infragistics Propietary4
kintone ポータル
いじってみた

5. Infragistics Propietary5
いじりポイント
①
スクロールしないと見えないウィ
ジェットがある・・・
=> スクロール内で全ウィジェッド
を表示、それぞれスクロール
②
アプリの数が多くなるとすぐに
見つけられない・・・
=> アプリのクイック検索
③
ポータルにダッシュボード
を設けたい
=>ダッシュボードの配置と
アプリデータの取得

6. Infragistics Propietary6
結果をみる

7. Infragistics Propietary7
結果
①
全ウィジェットを表示、
個別にスクロール
②
アプリのクイック検索
③
Rest API でアプリデータ取得
更に、ウィジェット化して
チャートに表示

8. Infragistics Propietary8
ポータルのカスタマイズ
向き / 不向き

9. Infragistics Propietary9
全ウィジェット表示（構成の変更）
kintone のアップデート
ですぐ壊れる可能性高
初期ロード時にイベン
トをハンドル出来ない
（一度画面が描画され
終わってから構成変更
が走ると違和感。）

10. Infragistics Propietary10
クイック検索（要素の追加）
「さらに表示」を自動
で行いたかった・・・

11. Infragistics Propietary11
ダッシュボード（アプリデータ取得）
ポータルがメニュー的役割
をはたしているため、API
アクセスで画面表示が遅く
なると微妙

12. Infragistics Propietary12
ポータルカスタマイズした 所感
• 要素の追加程度ならOK
• 構成の変更・API通信は、慎重に
• カスタマイズされる前提では無い
=> 覚悟していじりましょう。
• 見た目のカスタマイズは Ignite UI

13. Infragistics Propietary13
Ignite UI

14. Infragistics Propietary14
Ignite UI
• 有償 UI 部品ライブラリ
• HTML5 / jQuery ベース
• 80種類ほどの UI 部品と
フレームワーク
• セキュアCDN経由での
製品提供が可能

15. Infragistics Propietary15
事例 – 株式会社パソナテック様
https://jp.infragistics.com/resources/case-studies/pasona-tech

16. Infragistics Propietary16
リソース
• 連携 Tips で見る。（デモあり）
http://bit.ly/kintone-ig
• Github
https://github.com/gdayori/kintone-igniteui

17. Infragistics Propietary17
ありがとうございました！