Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

XPagesDay 2014【B 1】最新のモバイル ui を瞬時に作成 〜x controlsのご紹介〜

1,819 views

Published on

XPagesDay 2014 でのセッション

Published in: Software
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

XPagesDay 2014【B 1】最新のモバイル ui を瞬時に作成 〜x controlsのご紹介〜

  1. 1. 【B-‐‑‒1】最新のモバイル UI を瞬時に作成 〜~XControlsのご紹介〜~ チームスタジオジャパン株式会社 加藤満
  2. 2. iOS7
  3. 3. Dojo モバイルて、どうよ? ■IBM Worklight でさえ使われる機会が少ない(予想) ■iOS 8 になってから動かなかった(笑) ⇒ Dojoのバグと判明(事実) ■Dojoモバイル使っている開発者みたことない(⾃自分に友達が少ない だけかも) ■既にモバイル開発を成功させたところは、jQueryMobileや他のフ レームワークを使っている(確信) ■もしくは、Web化しただけのNotesWebでモバイル化したと勘違い して喜んでいる(偏⾒見見)
  4. 4. なにか他にいいものを探さなければ。。。
  5. 5. ■OpenNTF で公開されているオープンソース ■http://openntf.org/main.nsf/project.xsp?r=project/ XControls
  6. 6. ■あらゆるデバイスにフィットするWeb UIを提供 ■デスクトップ ■モバイル ■タブレット ■XPages 開発専⽤用 ■Notes/Domino 8.5.3 以降降 ■Dojo は使っていません ■⾃自分のHTML/CSS/JSで追加してどんどん拡張できる ■情報をカード形式に
  7. 7. 「カード」についてもう少し ■ UIはすべてカードに ■ ビューはリスト ■ フォームはカード ■ TwitterとGoogleはカードパターンのヘ ビーユーザー ■ http://insideintercom.io/why-‐‑‒ cards-‐‑‒are-‐‑‒the-‐‑‒future-‐‑‒of-‐‑‒the-‐‑‒web/ ■ http://smashinghub.com/9-‐‑‒ inspirational-‐‑‒cards-‐‑‒ui-‐‑‒design-‐‑‒ example.htm ■ https://dev.twitter.com/cards/ overview ■ http://www.pinterest.com/ flexewebs/cards-‐‑‒ui/
  8. 8. IBM Verse (IBM Mail Next の正式名) ■ これもカードっぽっくねぇ? ■ フラットデザインっぽくねぇ?
  9. 9. ■最新のオープンフレームワークを使⽤用 ■Bootstrap 3 http://getbootstrap.com/ ■Font Awesome http://fortawesome.github.io/Font-‐‑‒Awesome/icons/ ■Bootcards (Bootstrapを拡張) http://bootcards.org/ ■その他もろもろ
  10. 10. XControls Bootcards XControls Unplugged Unplugged Server
  11. 11. XControls Bootcards XControls
  12. 12. XControlsの⼀一覧 ■ モバイル/Webアプリ作成に必要なものは Domino Designer で使 用するカスタムコントロールとリソースで構成されている AccordionView Alert Calendar Carousel DebugToolbar Dialog Files FlatView Footer FormEditor FormViewer Header ImageViewer Navigator PhotoUpload Resources RichTextEdit RichTextRead Workspace
  13. 13. リソース ■ すべてのコンテンツを「リソース¥ファイル」に集約 ■ ファイル、カスタムコントール、Unpで始まるすべてのXPageをデータベー スにコピーするだけ ■ OneUIを無効にするテーマが必要(「blank」というテーマが⽤用意されてい る)
  14. 14. 新規モバイルアプリの作成をするには ■ OpneNTFからこのコントロール(NTF)をダウンロード ■ 以下の設計をみなさんのアプリケーションにコピー ■ リソース¥ファイルをすべて ■ UnpBoot で始まるすべてのカスタムコントロール ■ 「blank」テーマ設計(DBプロパティで使⽤用するように指定) ■ Unp で始まるすべてのXPage設計
  15. 15. 共通のヘッダー(commonheader)
  16. 16. 共通のヘッダー(commonheader) ■ commonheaderとcommonfooterというカスタムコントールを新規に 作成して、すべてのXPageに追加することを推奨 ■ 「UnpBootResource」カスタムコントールを追加 ■ これで必要なCSS、JavaScript、SSJSを追加することになりま す ■ 「UnpBootNavigator」と「UnpBootHeader」を追加 ■ menuitems、navitemsのカスタムプロパティにメニュー項目を 追加 ■ 「pagetitle」カスタムプロパティ、UnpBootNavigator上のタイトルな ど指定 ■ 詳細はサンプルコードにて
  17. 17. 共通のヘッダー(commonheader)
  18. 18. 共通のヘッダー(commonheader)
  19. 19. 共通のフッター(commonfooter) ■ Unplugged アプリには同期のタイプを指定可能。フッタータブも ■ 詳細は次のサンプルコード
  20. 20. 最初のページ (社員⼀一覧を想定) ■ Unplugged アプリには「UnpMain」という名前のXPageが必要。 Webモバイルアプリ、デスクトップアプリは自由。 ■ 初めに、ヘッダーとフッターを配置
  21. 21. 最初のページ ■ リストとカードの構成でひとつのページを ■ 初めに、FlatViewを配置
  22. 22. 最初のページ ■ 文書カードは「employeeviewer」というカスタムコントロールにし て、再利用できるように。その中でFormViewerコントロールを使 用 ■ 詳細は次ページのコード
  23. 23. employeeviewer カスタムコントロールのコード
  24. 24. 最初のページ完成
  25. 25. ⽂文書の編集 ■ FormViewerコントロールのshowbuttonsをtrueにすると編集のた めのEditボタンが自動的に表示される ■ FormEditorコントロールをもつXPageでページを作成 (EmployeeEdit.xsp) ■ 様式はBootstrapの作法に則って、フィールドラベルとフィールドを 追加
  26. 26. ⽂文書の編集
  27. 27. ⽂文書の編集
  28. 28. 次のサイトをチェックしてください ■ OpenNTF - http://www.openntf.org/main.nsf/project.xsp? r=project/XControls ■ XContorlsドキュメント - http://xcontrols.org/ ■ GitHub - https://github.com/unplugged/xcontrols-domino ■ Bootcards - http://bootcards.org/
  29. 29. ご静聴ありがとうございました

×