iOSアプリでMTを256倍使う

「【MT東京−31】バレンタインデー1ヶ月前から始める Swift×MT Data API」で行われたセッションの資料です

Transcript

1. iOSΞϓϦͰ MTΛ256ഒ࢖͏ 2017/01/14 ΤϜϩδοΫגࣜձࣾɹؔࠜݩ࿨ @MT౦ژ−31 Swift×MT Data API
2. ࣗݾ঺հ
3. ؔࠜݩ࿨ ΤϜϩδοΫגࣜձࣾɹऔక໾ iOSΞϓϦͷ։ൃΛ͍ͯ͠·͢ StoryEditorɺϖλΖ͏ɺPiloWebɺMovableType೔ຊ ޠ൛ɺCuteDbookɺTwitɺBPMɺϛΠϧɺτϨ λɺSENSEINOTEɺϨγϐϒϩά
4. τϨλ
5. Ϩγϐϒϩά
6. Movable Type for iOS
7. Movable Type Data API SDK for Swift
8. Movable TypeͱΘͨ͠
9. ͜Μͳຊ΋ॻ͖·ͨ͠
10. CHEEBOW ि຤ԻָՈ ࡞ۂɺฤۂɺϓϩσϡʔε ϥΠϒΞΠυϧΛத৺ʹָۂఏڙ͍ͯ͠· ͢
11. ָۂఏڙͨ͠ΞΠυϧ ເ຾ͶΉ ͰΜͺ૊JOD
    
    σΟΞεςʔδΞΠυϧ෦
    
    ѪԵঁ˒%0--
    
    $04.*$
    45"(&
    
    %PMMˑ&MFNFOUT
    
    +FXFM
    ,JTT
    
    ⁊୔͋Γ͋
    
    ̩ʂ̥
    
    ؙࢁՆླ
    
    BTp
    
    ࠤ໺༑ཬࢠ Ѫ Եঁ˒%0--
    
    )POFZ
    4RVBTI
    
    ϋοΫΨʔϧζ
    
    നࣛ͸Δͷ
    
    ᷒ྦΊΔ
    
    -VDF
    5XJOLMF
    8JOLˑ
    
    ϚϘϩγՄ࿁(F/&
    
    ཹक൪Ψʔϧζ
    
    ϋϐυϧʙ)BQQZ
    *EPM
    1SPKFDU ʙ
    
    ࠤݪඦԻ
    
    "OHFˑ3FWF
    
    1*1
    1MBUPOJDT
    *EPM
    1MBUGPSN
    
    1*$,
    61
    (*3-4ʯ
    
    $BSOJWBMˑ4UBST
    
    3:6,:6
    *%0-
    
    ͐͡Δͷʂ
    
    4ˑ65)&3/
    $3044
    
    -PWJOˍ4
    
    4OPX3BCCJU
    GFBU
    ླ໦Ώ͖
    
    -BT3BCCJ
    
    ਆ॓
    
    $".06'-"(&
    
    ͓΍ΏͼϓϦϯηε
    
    ᗅΊ͖ˑΞϯϑΥϨϯτ
    
    MJUUMF
    NPSF
    
    ϕʔεϘʔϧΨʔϧζ
    
    ෱Ӭ޾ւ
    
    ఱ੖Εʂݪ ॓
    
    BU.&
    
    $IVˑ0I%PMMZ
    
    ,".0͕ωΪΛ͠ΐͬͯ͘Δο
    
    ΋͔ΖΜͪΌΜ 3:6,:6
    *%0-
    ܭ૊
12. ΠϯλϏϡʔ https://japan.steinberg.net/jp/artists/steinberg_stories/cheebow.html
13. ࿈ࡌ http://icon.jp/archives/13667
14. ͳʹ͕ຊۀ͔Θ͔Βͳ͍ ࠷ۙͰ͸ ʮϓϩάϥϚ΍ΊͨΜͰ͔͢ʁʯ ͱฉ͔ΕΔ࢝຤ ΍ͬͯ·͢ʂɹ SwiftͰίʔυॻ͍ͯ·͢ʂʂ
15. iOSΞϓϦ։ൃ
16. ඞཁͳ΋ͷ Mac Xcode Apple Developer Program iPhone
17. Mac
18. Mac iMac MacBook Pro MacBook Air MacͳΒͲΕͰ΋େৎ෉Ͱ͢ʂ ࠷৽OSͷํ͕ྑ͍Ͱ͢
19. Xcode
20. Xcode ΞϓϦΛ࡞ΔͨΊʹඞཁͳ΋ͷ͕શ෦ೖͬ ͍ͯ·͢ ͔͠΋ແྉʂ Mac App Store͔Βμ΢ϯϩʔυͰ͖·͢ ࠷৽όʔδϣϯ͸Xcode 8.2
21. Apple Developer Program
22. Apple Developer Program App StoreͰΞϓϦΛ഑෍͢ΔͨΊʹඞཁ ೥ؒࢀՃඅ 11,800ԁ ͨͱ͑഑෍͢Δͷ͕ແྉΞϓϦͰ΋ɺ೥ؒ ࢀՃඅ͕ඞཁͰ͢ ৽͍͠OS΋͍ͪૣ͘ࢼ͢͜ͱ͕Ͱ͖·͢
23. iPhone
24. iPhone ։ൃͦͷ΋ͷ͸࣮ػ͕ͳͯ͘΋Ͱ͖·͢ ͔͠͠ɺϦϦʔεલʹ͸ʮ΄Μͱʹಈ͘ͷ͔ʯ ֬ೝͨ͠ํ͕ྑ͍Ͱ͠ΐ͏ ීஈ࢖͍ͬͯΔiPhoneͰ΋େৎ෉Ͱ͢ iPadʹ΋ରԠͤ͞ΔͳΒiPadͰͷ֬ೝ΋ඞཁͰ ͢
25. ։ൃݴޠ Objective-C Swift
26. Objective-C Cݴޠ+ΦϒδΣΫτࢦ޲
27. float ver = [[[UIDevice currentDevice] systemVersion] floatValue]; if (ver >= 7.0) { [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent; }
28. Objective-C ୈҰҹ৅ ͳΜ͔େΧοίʢ[]ʣଟ͗͢ ؾ࣋ͪѱ͍…
29. Swift 2014೥ੜ·Εͷ৽͍͠ݴޠ Φʔϓϯιʔε Objective-CΑΓεοΩϦͨ͠ίʔυ͕ॻ͚· ͢
30. let ver = (UIDevice.currentDevice().systemVersion as NSString).floatValue if ver >= 7.0 { UIApplication.sharedApplication().statusBarStyle = UIStatusBarStyle.LightContent }
31. Swift ͖ͬ͢Γʂ ࠓબͿͳΒSwiftͰܾ·Γʂ
32. Objective-CͬͯΦϫίϯͰ͠ΐ ఆ൪ϥΠϒϥϦͳͲObj-CͰॻ͔Εͨ΋ͷ΋ ଟ͍ ॻ͘͜ͱ͸ͳͯ͘΋ಡΉ͜ͱ͸ඞཁʹͳΔ ͜ͱ΋
33. Data APIͱ͸ͳʹ͔
34. Data API Data API ʹ͍ͭͯ(https://www.sixapart.jp/movabletype/data-api/) “Data API ͸ɺ͞·͟·ͳϓϩάϥϜݴޠ͔Β REST/JSONํࣜͰ Movable Type ʹΞΫηε͠ɺσʔλͷऔಘ΍ߋ৽͕Ͱ͖ΔAPIͰɺMovable Type 6 ͔Β౥ ࡌ͞Ε͍ͯ·͢ɻ Data API Λ࢖͑͹ɺCMSͰ؅ཧ͍ͯ͠ΔσʔλΛɺαΠτ্Ͱࣗ༝ʹݺ ͼग़ͨ͠Γɺ·ͨɺಠࣗͷ؅ཧը໘΍ΞϓϦͷ։ൃ΍ɺଞͷϓϥοτ ϑΥʔϜͱͷ࿈ܞͳͲΛ༰қʹߦ͏͜ͱ͕Ͱ͖·͢ɻ”
35. Data API Data APIͰɺMovable TypeΛϒϩάπʔϧ΍CMSΛ௒ ͑ͨ࢖͍ํΛ͢Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓ· ͢ WebαʔϏεͷόοΫΤϯυͱͯ͠ ೝূػೳ΋ඪ४Ͱ༻ҙ͞Ε͍ͯΔʂ API΋͢Ͱʹे෼༻ҙ͞Ε͍ͯΔʂ
36. Data APIͰͰ͖Δ͜ͱ
37. Ϣʔβೝূ ϩάΠϯػೳΛ࣋ͨͤΔ͜ͱ͕Ͱ͖·͢ ΋ͪΖΜϩάΞ΢τ΋Ͱ͖·͢
38. औಘɺҰཡɺ࡞੒ɺߋ৽ɺ࡟আ ϒϩάͱ΢ΣϒαΠτ هࣄ ίϝϯτ ΧςΰϦ λά ΞΠςϜ
39. ݕࡧ هࣄͷݕࡧ͕Ͱ͖·͢
41. ؅ཧը໘͔Βࣗ༝ʹͳΔʂ MTͰͰ͖Δ͜ͱ͸΄΅Ͱ͖·͢ʂ ͭ·Γ ؅ཧը໘͔Βࣗ༝ʹͳΔʂ
42. MTͰ͋Δ͜ͱΛ๨ΕͯΈΔ MTͷ؅ཧը໘ = CMSͷ؅ཧը໘ MTΛ࢖͏࣌ʹ͸ɺͲ͏ͯ͠΋͜ͷ؅ཧը໘ ʹࢧ഑͞Εͯ͠·͏ ൃ૝͑͞΋ Ұ౓MTͰ͋Δ͜ͱΛ๨ΕͯΈ·͠ΐ͏
43. ࣗ༝ʹൃ૝ͯ͠ΈΔ ϒϩάͬͯϒϩάͱͯ͠࢖Θͳ͍ͱ͍͚ͳ ͍ͷʁ هࣄͬͯهࣄͱͯ͠࢖Θͳ͍ͱ͍͚ͳ͍ͷʁ ίϝϯτͬͯίϝϯτͱͯ͠࢖Θͳ͍ͱ͍ ͚ͳ͍ͷʁ
44. ΢ΣϒαΠτɺϒϩά ΢ΣϒαΠτ͸ෳ਺ͷϒϩάΛ࣋ͭ͜ͱ͕ Ͱ͖Δ ෳ਺ͷهࣄΛ࣋ͭ͜ͱ͕Ͱ͖Δ ϒϩά͝ͱʹΧςΰϦ΍λάΛܾΊΔ͜ͱ ͕Ͱ͖Δ
45. هࣄ ඪ४ͷϑΟʔϧυ͕͋Δ ΧελϜϑΟʔϧυͰ֦ுͰ͖Δ APIར༻Ͱ͸࠷΋࢖͍Ͱͷ͋ΔΦϒδΣΫτ
46. ίϝϯτ Ұͭͷهࣄʹෳ਺͚ͭΔ͜ͱ͕Ͱ͖Δ ෳ਺ͷฦ৴ίϝϯτΛ࣋ͭ͜ͱ͕Ͱ͖Δ هࣄʹͿΒԼ͕Δ৘ใ
47. ΧςΰϦ ෳ਺ͷهࣄΛͿΒԼ͛Δ͜ͱ͕Ͱ͖Δ هࣄΛೖΕ͓ͯ͘ೖΕ΋ͷͱߟ͑ΒΕΔ ࣮ࡍɺ΢ΣϒϖʔδͰ͸ϑΥϧμͱͯ͠࢖ ΘΕ·͢
48. λά هࣄ΍ΞΠςϜʹෳ਺͚ͭΔ͜ͱ͕Ͱ͖Δ هࣄ΍ΞΠςϜΛߜΓࠐΉͷʹ࢖͑Δ
49. ΞΠςϜ ը૾ɺԻ੠ɺಈըͳͲςΩετҎ֎ͷσʔ λΛѻ͑Δ
50. ֊૚ߏ଄ ΢ΣϒαΠτ ϒϩά ΧςΰϦ هࣄ ίϝϯτ
51. ໊લʹ࿭Θ͞Εͳ͍ هࣄɺίϝϯτɺΧςΰϦɺλάͱ͍͏໊લͰ࢖͍ํ ΛܾΊ͚ͭͯ͠·͏ ϒϩάΛϒϩάͱͯ͠࢖Θͳ͍͜ͱͰɺCMSͱͯ͠ͷ࢖ ΘΕ͔ͨΛͨ͠Α͏ʹɺࣗ༝ʹൃ૝ͯ͠Έ·͠ΐ͏ ֓ཁ΍ΩʔϫʔυΛผͷ࢖͍ํ͢Δͱ͔͋Δ͋ΔͰ͢ ΑͶ RenameLabelͬͯϓϥάΠϯΛ࡞Γ·ͨ͠
52. Data APIͷ࢖͍ํ
53. Movable Type Data API SDK for Swift https://github.com/movabletype/mt-data-api-sdk-swift SwiftͰॻ͔Ε͍ͯ·͢ Swift3ରԠʂ ࣮͸ɺ͜ͷΠϕϯτͷొஃ͕ܾ·ͬͯɺ߄ͯͯࡢ೥຤ʹରԠ͠·ͨ͠ʂ
54. CocoaPods https://cocoapods.org/ Mac ΞϓϦ΍ iOS ΞϓϦ։ൃऀ޲͚ͷϥΠϒ ϥϦ؅ཧπʔϧ CocoaPodsΛ࢖͑͹؆୯ʹData API SDKΛ૊Έࠐ Ί·͢
55. platform :ios, '9.0' use_frameworks! target ‘MyApp’ do pod 'MTDataAPI-SDK' end
56. $ pod install
57. ϒϩάҰཡͷऔಘ
58. import MTDataAPI_SDK let api = DataAPI.sharedInstance api.APIBaseURL = "http://host/mt/mt-data-api.cgi" api.authentication("username", password: "password", remember: true, success:{_ in api.listSites( success: { (result: [JSON]?, total: Int?) -> Void in if let items = result { print(items) } }, failure: { (error: JSON?) -> Void in }) }, failure: { (error: JSON?) -> Void in } )
59. هࣄͷ࡞੒
60. import MTDataAPI_SDK var entry: [String:String] = [:] entry["title"] = "title" entry["body"] = "text" entry["status"] = "Publish" let api = DataAPI.sharedInstance api.APIBaseURL = "http://host/mt/mt-data-api.cgi" api.authentication("username", password: "password", remember: true, success:{_ in api.createEntry(siteID: "1", entry: entry, success: {(result: JSON?)-> Void in print(result) }, failure: {(error: JSON?)-> Void in } ) }, failure: {(error: JSON?)-> Void in } )
61. ը૾ͷΞοϓϩʔυ
62. import MTDataAPI_SDK let api = DataAPI.sharedInstance api.APIBaseURL = "http://host/mt/mt-data-api.cgi" api.authentication("username", password: "password", remember: true, success: {_ in let image = UIImage(named:"photo") let data = UIImageJPEGRepresentation(image, 1.0) api.uploadAssetForSite(siteID: siteID, assetData: data, fileName: "photo.jpeg", options: ["path":"/images", "autoRenameIfExists":"true"], success: {(result: JSON?)-> Void in print(result) }, failure: {(error: JSON?)-> Void in } ) }, failure: {(error: JSON?)-> Void in } )
63. ศརͳϥΠϒϥϦ
64. SDWebImage
65. SDWebImage ը૾ΛඇಉظͰμ΢ϯϩʔυ Ωϟογϡ΋ͯ͘͠Ε·͢ HTMLͱ͸ҧͬͯϒϥ΢β͕ྑ͖ʹܭΒͬͯ ͘Εͳ͍ͷͰ
66. imageView.sd_setImage(with: imageUrl)
67. SVProgressHUD
68. SVProgressHUD σʔλૹ৴࣌ͳͲʹΠϯδέʔλΛදࣔ͢ Δ ॲཧʹ͕͔͔࣌ؒΔ࣌ʹදࣔͯ͠ಈ͍ͯΔ ΑʂΞϐʔϧ
69. දࣔɿ SVProgressHUD.show(withStatus: “Loading…”) ඇදࣔɿ SVProgressHUD.dismiss()
70. pod 'SDWebImage' pod 'SVProgressHUD'
71. Data APIͰ޿͕Δੈք
72. Messenger෩
73. ࢓૊Έ Movable Typeͷهࣄ = νϟοτϧʔϜ هࣄ΁ͷίϝϯτ = ൃݴ
74. ݟͤํ͕ҧ͏͚ͩ هࣄ΁ͷίϝϯτΛ͍ͯ͠Δ͚ͩ ݟͤํʹΑͬͯ͸νϟοτʹʂ
75. JSQMessagesViewController Φʔϓϯιʔεͷνϟο τUIϥΠϒϥϦ https://github.com/jessesquires/ JSQMessagesViewController
76. ϝοηʔδૹ৴
77. var comment = [String:String]() comment["body"] = text inputToolbar?.contentView?.rightBarButtonItem?.isEnabled = false api.authentication(USERNAME, password: PASSWORD, remember: true, success:{ [weak self] _ in guard let me = self else { return } me.api.createCommentForEntry( siteID: me.SITE_ID, entryID: me.ENTRY_ID, comment: comment, success: {(result: JSON?)-> Void in me.inputToolbar?.contentView?.rightBarButtonItem?.isEnabled = true me.finishSendingMessage(animated: true) me.receiveMessage() }, failure: {(error: JSON?)-> Void in me.inputToolbar?.contentView?.rightBarButtonItem?.isEnabled = true } ) }, failure: {(error: JSON?)-> Void in self.inputToolbar?.contentView?.rightBarButtonItem?.isEnabled = true } )
78. ϝοηʔδड৴
79. let options = [ "limit":"100", "no_text_filter":"1", "fields":"author,body" ] api.authentication(USERNAME, password: PASSWORD, remember: true, success:{ [weak self] _ in guard let me = self else { return } me.api.listCommentsForEntry( siteID: me.SITE_ID, entryID: me.ENTRY_ID, options: options, success: {(items:[JSON]?, total:Int?)-> Void in guard let items = items else { return } me.messagesFromJSON(items) }, failure: {(error: JSON?)-> Void in } ) }, failure: {(error: JSON?)-> Void in } )
80. σϞ
81. ڵຯͷ͋Δํ͸ https://github.com/cheebow/MTChatApp ϓϩδΣΫτ͕μ΢ϯϩʔυͰ͖·͢
82. Ϙέͯ෩
83. Ϙέͯ ࣸਅͰҰݴϘέΔ΢ΣϒαʔϏε http://bokete.jp
84. ͓୊౤ߘ ͓୊ʹը૾ ը૾ΛΞοϓϩʔυ uploadAssetForSite
85. ͓୊બ୒ ը૾Ұཡ͔Βը૾Λબ୒ͤ͞Δ listAssets getAsset
86. Ϙέ౤ߘ هࣄͷλΠτϧʹϘέ هࣄͷຊจʹબ୒͓ͨ͠୊ʹը૾(imgλά) هࣄͷΞΠςϜʹબ୒͓ͨ͠୊ʹΞΠςϜ هࣄ౤ߘ createEntry
87. var entry: [String: Any] = [:] entry["title"] = "Ϙέ" entry["body"] = "<img src=\"http://localhost/photo.jpg\">" entry["assets"] = [[“id": 1]] entry["status"] = "Publish" let api = DataAPI.sharedInstance api.APIBaseURL = "http://host/mt/mt-data-api.cgi" api.authentication("username", password: "password", remember: true, success:{_ in api.createEntry(siteID: "1", entry: entry, success: {(result: JSON?)-> Void in print(result) }, failure: {(error: JSON?)-> Void in } ) }, failure: {(error: JSON?)-> Void in } )
88. ίϝϯτ౤ߘ هࣄ΁ͷίϝϯτ createCommentForEntry
89. Movable Type for iOS
90. Movable Type for iOS ී௨ͷϒϩά౤ߘπʔϧ ͔͠͠౤ߘUI͕ಠࣗͰ͢
91. ϒϩοΫΤσΟλ
92. ϒϩοΫΤσΟλ ը૾ͱจষͷϒϩοΫΛฒ΂ସ͑ͯهࣄΛ ࡞੒ iOSͷখ͞ͳը໘Ͱ΋هࣄ࡞੒Λָʹ
93. ࢖͍΍͢͞ͷͨΊʹ ؅ཧը໘ͷൃ૝ʹनΘΕͳ͍ iOSͳΒͰ͸ͷUI Data APIͳΒ࣮ݱͰ͖·͢
94. MT΁ͷཁ๬ API࢖༻࣌ͷ࠶ߏஙෆཁΦϓγϣϯ͕͋Δͱ ͍͍ͳʂ ΋ͬͱAPI͕ߴ଎ʹͳΔͱ͍͍ͳʂ PUSH௨஌͕ૹΕΔΑ͏ʹͳΔͱ͍͍ͳʂ
95. ·ͱΊ Data APIͱiOSΛ૊Έ߹ΘͤΔͱ͍Ζ͍Ζָ͠ ͍͜ͱ͕Ͱ͖ͦ͏ʂ MTͷ؅ཧը໘͔Βࣗ༝ʹͳΔʂ ৽͍͠Ϣʔβମݧʂ
96. iOSΞϓϦ։ൃ iOSΞϓϦͷ։ൃ͸ෑډ͕ߴ͍͔΋…… ͦΜͳ࣌͸ɺͥͻɺΤϜϩδοΫגࣜձࣾ ʹ͓໰͍߹Θ͍ͤͩ͘͞ʂ
97. ࣭ٙԠ౴
98. ͓͠·͍