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.

of

MTDDC Meetup TOKYO 2016 Slide 1 MTDDC Meetup TOKYO 2016 Slide 2 MTDDC Meetup TOKYO 2016 Slide 3 MTDDC Meetup TOKYO 2016 Slide 4 MTDDC Meetup TOKYO 2016 Slide 5 MTDDC Meetup TOKYO 2016 Slide 6 MTDDC Meetup TOKYO 2016 Slide 7 MTDDC Meetup TOKYO 2016 Slide 8 MTDDC Meetup TOKYO 2016 Slide 9 MTDDC Meetup TOKYO 2016 Slide 10 MTDDC Meetup TOKYO 2016 Slide 11 MTDDC Meetup TOKYO 2016 Slide 12 MTDDC Meetup TOKYO 2016 Slide 13 MTDDC Meetup TOKYO 2016 Slide 14 MTDDC Meetup TOKYO 2016 Slide 15 MTDDC Meetup TOKYO 2016 Slide 16 MTDDC Meetup TOKYO 2016 Slide 17 MTDDC Meetup TOKYO 2016 Slide 18 MTDDC Meetup TOKYO 2016 Slide 19 MTDDC Meetup TOKYO 2016 Slide 20 MTDDC Meetup TOKYO 2016 Slide 21 MTDDC Meetup TOKYO 2016 Slide 22 MTDDC Meetup TOKYO 2016 Slide 23 MTDDC Meetup TOKYO 2016 Slide 24 MTDDC Meetup TOKYO 2016 Slide 25 MTDDC Meetup TOKYO 2016 Slide 26 MTDDC Meetup TOKYO 2016 Slide 27 MTDDC Meetup TOKYO 2016 Slide 28 MTDDC Meetup TOKYO 2016 Slide 29 MTDDC Meetup TOKYO 2016 Slide 30 MTDDC Meetup TOKYO 2016 Slide 31 MTDDC Meetup TOKYO 2016 Slide 32 MTDDC Meetup TOKYO 2016 Slide 33 MTDDC Meetup TOKYO 2016 Slide 34 MTDDC Meetup TOKYO 2016 Slide 35 MTDDC Meetup TOKYO 2016 Slide 36 MTDDC Meetup TOKYO 2016 Slide 37 MTDDC Meetup TOKYO 2016 Slide 38 MTDDC Meetup TOKYO 2016 Slide 39 MTDDC Meetup TOKYO 2016 Slide 40 MTDDC Meetup TOKYO 2016 Slide 41 MTDDC Meetup TOKYO 2016 Slide 42 MTDDC Meetup TOKYO 2016 Slide 43 MTDDC Meetup TOKYO 2016 Slide 44 MTDDC Meetup TOKYO 2016 Slide 45 MTDDC Meetup TOKYO 2016 Slide 46 MTDDC Meetup TOKYO 2016 Slide 47 MTDDC Meetup TOKYO 2016 Slide 48 MTDDC Meetup TOKYO 2016 Slide 49 MTDDC Meetup TOKYO 2016 Slide 50 MTDDC Meetup TOKYO 2016 Slide 51 MTDDC Meetup TOKYO 2016 Slide 52 MTDDC Meetup TOKYO 2016 Slide 53 MTDDC Meetup TOKYO 2016 Slide 54 MTDDC Meetup TOKYO 2016 Slide 55 MTDDC Meetup TOKYO 2016 Slide 56 MTDDC Meetup TOKYO 2016 Slide 57 MTDDC Meetup TOKYO 2016 Slide 58 MTDDC Meetup TOKYO 2016 Slide 59 MTDDC Meetup TOKYO 2016 Slide 60 MTDDC Meetup TOKYO 2016 Slide 61 MTDDC Meetup TOKYO 2016 Slide 62 MTDDC Meetup TOKYO 2016 Slide 63 MTDDC Meetup TOKYO 2016 Slide 64 MTDDC Meetup TOKYO 2016 Slide 65 MTDDC Meetup TOKYO 2016 Slide 66 MTDDC Meetup TOKYO 2016 Slide 67 MTDDC Meetup TOKYO 2016 Slide 68 MTDDC Meetup TOKYO 2016 Slide 69 MTDDC Meetup TOKYO 2016 Slide 70 MTDDC Meetup TOKYO 2016 Slide 71 MTDDC Meetup TOKYO 2016 Slide 72 MTDDC Meetup TOKYO 2016 Slide 73 MTDDC Meetup TOKYO 2016 Slide 74 MTDDC Meetup TOKYO 2016 Slide 75 MTDDC Meetup TOKYO 2016 Slide 76 MTDDC Meetup TOKYO 2016 Slide 77 MTDDC Meetup TOKYO 2016 Slide 78
Upcoming SlideShare
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
Next
Download to read offline and view in fullscreen.

1 Like

Share

Download to read offline

MTDDC Meetup TOKYO 2016

Download to read offline

MT7を先取り!? DataAPI と Riot.js で作るユーザフレンドリーなダッシュボード

MTの管理画面カスタマイズといえば MTAppjQuery と紹介いただくことが多くなりました。 しかし案件ごとにDataAPIを使ったオリジナルダッシュボードを作れば使いやすさはどこまでよくなるのでしょう? jQuery に変わるとも言われるJSフレームワークが多く出てきている中、DataAPIとRiot.js でオリジナルダッシュボードを作って検証してみました

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

MTDDC Meetup TOKYO 2016

  1. 1. @mersy
  2. 2.
  3. 3. NZ New !!
  4. 4. ƭ ƭ
  5. 5. 
 NEW
  6. 6.
  7. 7.
  8. 8.
  9. 9.
  10. 10. 
 ⭐
 
 
 ⭐
 ⭐
  11. 11. <mt:setvarblock name="scheduled_button_title"><__trans phrase="Save this [_1]" params="<mt:var name="object_label">"></mt:setvarblock> <mtapp:setting id="status" label="<__trans phrase="Status">" label_class="top-label" help_page="entries" help_section="status"> <mt:unless name="sitepath_configured"> <input type="hidden" name="status" id="status" value="1" /> <span><__trans phrase="Unpublished"></span> <span class="alert-warning-inline"><img src="<$mt:var name="static_uri"$>images/status_icons/warning.gif" alt="<__trans
  12. 12. sub foo { my ($cb, $app, $param, $tmpl) = @_; ... $innerHTML =~ s/(,s)$//; my $pointer_field = $tmpl->getElementById('ip'); my $label = '<__trans_section component="commentrating"><__trans phrase="Rating"></__trans_section>'; my $hint = '<__trans_section component="commentrating"><__trans phrase="It is the value that evaluated a entry with five phases."></ __trans_section>'; my $nodeset = $tmpl->createElement('app:setting', { id => 'rating', label => $label, hint => $hint, show_hint => 0 }); $nodeset->innerHTML($innerHTML); 

  13. 13.
  14. 14.
  15. 15.
  16. 16. 
 

  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21. ‣ ‣
  22. 22. ‣ 
 ‣ 
 ‣ 

  23. 23. ‣ ‣ ‣
  24. 24. 
 <mtapp-entries
 table_label=" "
 site_id="1"
 api_limit="20"
 api_fields=“id,title,tags"></mtapp- entries>
  25. 25. 
 
 <mtapp-form-entry></mtapp-form-entry>

  26. 26. <!-- --> <mtapp-entries> <table class="table table-bordered bp-view" id="{ table_id }"> <thead class="thead-inverse"> <tr>...</tr> </thead> <tbody> <tr each="{ item, items_index in items }"> <td each="{ field in fields }" class="align-middle">
 { item[field] }</td> </tr> </tbody> </table> HTML
  27. 27. <style scoped> .bp-items { overflow-x: scroll; } </style> <script> // Data API api.listEntries(that.site_id, params, function (response) { // `mtapp-items` that.items = response.items; that.update(); }); </script> </mtapp-entries> JavaScript CSS
  28. 28. 
 
 
 

  29. 29.
  30. 30. <div class="form-group">
 <label> </label>
 <input class="form-control" 
 type="color" name="keywords">
 </div> <mtapp-form-parts 
 form_type="color" basename="keywords"
 label=" "></mtapp-form-parts>
  31. 31. 
 

  32. 32. 5mini
  33. 33.
  34. 34. MT::Lover::bitpart Update bit part, everyday!!
  • kkawachi

    Mar. 24, 2017

MT7を先取り!? DataAPI と Riot.js で作るユーザフレンドリーなダッシュボード MTの管理画面カスタマイズといえば MTAppjQuery と紹介いただくことが多くなりました。 しかし案件ごとにDataAPIを使ったオリジナルダッシュボードを作れば使いやすさはどこまでよくなるのでしょう? jQuery に変わるとも言われるJSフレームワークが多く出てきている中、DataAPIとRiot.js でオリジナルダッシュボードを作って検証してみました

Views

Total views

1,753

On Slideshare

0

From embeds

0

Number of embeds

984

Actions

Downloads

4

Shares

0

Comments

0

Likes

1

×