minneのメッセージ機能改善活動

http://shibuya-swift.connpass.com/event/21979/

Transcript

1. ϝοηʔδ ػೳվળ׆ಈ shibuya.swift #2 @nakajijapan
2. About Me
3. @nakajijapan Software Engineer GMO PEPABO inc. iOS / Web / OS X
4. GitHub
5. NKJMultiMovieCaptureView NKJMovieComposer NKJPagerViewController PhotoSlider etc Teiten
6. NKJMultiMovieCaptureView NKJMovieComposer NKJPagerViewController PhotoSlider etc Teiten SwiftԽʂʂʂʂ
7. minne iOS / Android
8. 400 million app download ࠃ಺࠷େͷϋϯυϝΠυϚʔέοτ
9. Google Play™ετΞ ʮ2015೥ϕετΞϓ Ϧʯʹબग़ʂ
10. ௠ँ
11. Talk about
12. ϝοηʔδ ػೳվળ׆ಈ
13. ϝοηʔδ ػೳ
14. ϝοηʔδػೳ • 2014೥08݄ϦϦʔε • ࡞Ո͞ΜͱίϛϡχέʔγϣϯͰ͖Δ • ؾܰʹϝοηʔδަ׵ͯ͠΄͍͠
15. ϝοηʔδػೳվળ׆ಈ • ܦҢ • มߋ಺༰ • ϝοηʔδೖྗ • Ұཡ • ·ͱΊ
16. ܦҢ
17. ܦҢ • όʔδϣϯΞοϓͰΠϯλʔϑΣʔε ΛҰ৽͕ͨ͠ɺΠϯλϥΫγϣϯͷ վળ͸์ஔؾຯͩͬͨ • ཁ๬΍όάͷ૿Ճ
18. ܦҢ • όʔδϣϯΞοϓͰΠϯλʔϑΣʔε ΛҰ৽͕ͨ͠ɺΠϯλϥΫγϣϯͷ վળ͸์ஔؾຯͩͬͨ • ཁ๬΍όάͷ૿Ճ ΋ͬͱ҆৺͍ͤͨ͞ʂ
19. վળ
20. લఏ஌ࣝ
21. Text Kit
22. UITextView • ෳ਺ߦͷςΩετྖҬɾεΫϩʔϧΛ؅ཧ͢Δ • Πϯελϯεੜ੒࣌ʹҎԼͷΠϯελϯε΋ੜ੒ • NSTextContainer • NSLayoutManager • NSTextStorage • ͍ͣΕ΋readOnly
23. Text Kit • NSTextContainer • ςΩετͷ࠲ඪͱܗঢ়Λ؅ཧ • NSLayoutManager • ϨΠΞ΢τͱϨϯμϦϯάΛௐ੔ • NSTextStorage • NSMutableAttributedStringͷαϒΫϥε
24. ϝοηʔδೖྗ
25. ϝοηʔδೖྗ • Growing Text View • ಈతʹTextྖҬΛ֦ு͢Δ • ϦΞϧλΠϜϓϨϏϡʔ • ૹ৴ͨ͠ঢ়ଶͱಉ͡΋ͷΛදࣔ͢Δ
26. MITextInputView MITextView NSLayoutConstraint *heightConstraint;
27. Growing Text View • ೖྗͨ࣌͠ͷΠϕϯτΛܭଌ͢Δ • ߴ͞Λܭଌ͠ɺViewΛߋ৽͢Δ
28. Growing Text View [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textDidChange:) name:UITextViewTextDidChangeNotification object:nil];
29. Growing Text View ςΩετ UITextView
30. roundf(textView.font.lineHeight * numberOfLines) textView.textContainerInset.bottom textView.textContainerInset.top Growing Text View ςΩετ UITextView
31. Growing Text View • ྖҬ֦େ࣌ͷ࠷େ஋Λߦ਺Ͱࢦఆ • ࡉ͔͍ߴ͞ͷௐ੔͕Մೳ • ΫϥεΛར༻͢Δ΋ͷ͕ຖ౓ߴ͞Λ ҙࣝ͠ͳͯ͘ࡁΉ
32. վߦҐஔͷݻఆ վߦ࣌͸ ΧʔιϧΛৗʹ࠷ԼҐʹ ഑ஔͰ͖ΔΑ͏ʹ͢Δ
33. վߦҐஔͷݻఆ • ࠷େߦ਺ҎԼ • Viewͷ੍໿ʢߴ͞ʣΛߋ৽͢Δ • ৗʹ࠷্෦΁εΫϩʔϧͤ͞Δ • ࠷େߦ਺Λ௒͑ͨ • Viewͷ੍໿ʢߴ͞ʣΛߋ৽͢Δ • ৗʹ࠷Լ෦΁εΫϩʔϧͤ͞Δ
34. վߦҐஔͷݻఆ [self.textView setContentOffset:CGPointMake(0.f, 0.f) animated:NO]; if (self.textView.selectedRange.location == self.textView.text.length) { NSRange range = NSMakeRange(self.textView.text.length, 0.f); self.textView.selectedRange = range; CGFloat scrollY = self.textView.contentSize.height - self.textView.bounds.size.height; if (scrollY < 0.f) { scrollY = 0.f; } CGPoint scrollPoint = CGPointMake(0.f, scrollY); [self.textView setContentOffset:scrollPoint animated:YES]; } ࠷େߦ਺Ҏ಺ ࠷େߦ਺Ҏ্
35. ϦΞϧλΠϜ ϓϨϏϡʔ
36. ϦΞϧλΠϜϓϨϏϡʔ
37. ϦΞϧλΠϜϓϨϏϡʔ
38. ϦΞϧλΠϜϓϨϏϡʔ
39. ϦΞϧλΠϜϓϨϏϡʔ
40. ϦΞϧλΠϜϓϨϏϡʔ • ը૾౤ߘͷϩδοΫΛվળ • ࠓ·Ͱ • ը૾બ୒࣌ʹαʔόʹPOST • TextViewʹදࣔ͞ΕΔͷ͸ͦͷURL
41. ϦΞϧλΠϜϓϨϏϡʔ • ը૾౤ߘͷϩδοΫΛվળ • ࠓ·Ͱ • ը૾બ୒࣌ʹαʔόʹPOST • TextViewʹදࣔ͞ΕΔͷ͸ͦͷURL ➡ϝοηʔδૹ৴࣌ʹ·ͱΊͯૹ৴ ➡౤ߘͨ͠ը૾ΛϓϨϏϡʔͤ͞Δ
42. ϦΞϧλΠϜϓϨϏϡʔ NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithAttributedString:self.textInputView.textView.attributedText]; NSTextAttachment *textAttachment = [[NSTextAttachment alloc] init]; textAttachment.image = image; textAttachment.bounds = CGRectMake(0.f,0.f,100.f,100.f); NSAttributedString *attrStringWithImage = [NSAttributedString attributedStringWithAttachment:textAttachment]; [attributedString replaceCharactersInRange:self.textInputView.textView.selectedRange withAttributedString:attrStringWithImage]; [self.textInputView setAttributedText:attributedString]; ը૾બ୒࣌
43. ϦΞϧλΠϜϓϨϏϡʔ NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithAttributedString:self.textInputView.textView.attributedText]; NSTextAttachment *textAttachment = [[NSTextAttachment alloc] init]; textAttachment.image = image; textAttachment.bounds = CGRectMake(0.f,0.f,100.f,100.f); NSAttributedString *attrStringWithImage = [NSAttributedString attributedStringWithAttachment:textAttachment]; [attributedString replaceCharactersInRange:self.textInputView.textView.selectedRange withAttributedString:attrStringWithImage]; [self.textInputView setAttributedText:attributedString]; ը૾બ୒࣌ ը૾ͷૠೖ
44. NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithAttributedString:self.textInputView.textView.attributedText]; NSTextAttachment *textAttachment = [[NSTextAttachment alloc] init]; textAttachment.image = image; textAttachment.bounds = CGRectMake(0.f,0.f,100.f,100.f); NSAttributedString *attrStringWithImage = [NSAttributedString attributedStringWithAttachment:textAttachment]; [attributedString replaceCharactersInRange:self.textInputView.textView.selectedRange withAttributedString:attrStringWithImage]; [self.textInputView setAttributedText:attributedString]; ը૾બ୒࣌ Χʔιϧʹ͋ΔҐஔʹը૾Λૠೖ ը૾બ୒ޙͷಈ͖
45. ը૾બ୒ޙͷಈ͖ ݱࡏͷߴ͞Λࢉग़ͯ͠ TextViewྖҬΛ޿͛Δ
46. TextViewͷྖҬΛ֦ு self.textViewHeightConstraint.constant = [self heightForLines:self.maxNumberOfLines];
47. ొ࿥ॲཧ
48. ϝοηʔδૹ৴ - վળલ • ը૾બ୒࣌ʹ௨৴ͯ͠ը૾Λొ࿥ • ͦͷޙɺURLΛऔಘ͢Δ • ϝοηʔδొ࿥ • ੔ܗ͞Εͨϝοηʔδͷૹ৴
49. ϝοηʔδૹ৴ - վળޙ • ϝοηʔδొ࿥࣌ͷྲྀΕ • ొ࿥͞Εͨը૾ͷૹ৴ • औಘͨ͠ը૾URLͱը૾Λஔ׵ • ੔ܗ͞Εͨϝοηʔδͷૹ৴
50. GCD
51. GCD • dispatch queue ͱ͍͏ΩϡʔʹॲཧΛߦ͍ͨ ͍಺༰(λεΫ)Λ௥Ճͯ͠ߦ͘ • Ωϡʔʹ௥Ճ͞ΕͨλεΫ͸FIFOͰॱ൪ʹ࣮ ߦ͞ΕΔ • λεΫͷ࣮ߦ͸ผεϨου্Ͱ࣮ߦ͞ΕΔ IUUQTHJUIVCDPNNJYJJODJ045SBJOJOHXJLJ(SBOE$FOUSBM%JTQBUDI
52. dispatch group • ͍͔ͭ͘ͷॲཧΛ෼ࢄͯ͠ߦ͍͍ͨɺ ͦͯ͠෼ࢄͯ͠ॲཧΛߦͬͨ݁ՌΛ ·ͱΊͯར༻͍ͨ͠ɺͱ͍ͬͨ࣌ʹ ར༻Ͱ͖Δ΋ͷ IUUQTHJUIVCDPNNJYJJODJ045SBJOJOHXJLJ(SBOE$FOUSBM%JTQBUDI
53. ϝοηʔδૹ৴ ϝοηʔδૹ৴ - վળલ
54. άϧʔϓ։࢝ ऴྃॲཧ ؔ࿈෇͚։࢝ EJTQBUDI@HSPVQ@FOUFS ؔ࿈෇͚ऴྃ ը૾ొ࿥ ϝοηʔδૹ৴ EJTQBUDI@HSPVQ@MFBWF EJTQBUDI@HSPVQ@OPUJGZ EJTQBUDI@HSPVQ@DSFBUF ϝοηʔδૹ৴ - վળޙ
55. άϧʔϓ։࢝ ऴྃॲཧ ؔ࿈෇͚։࢝ EJTQBUDI@HSPVQ@FOUFS ؔ࿈෇͚ऴྃ ը૾ొ࿥ ϝοηʔδૹ৴ EJTQBUDI@HSPVQ@MFBWF EJTQBUDI@HSPVQ@OPUJGZ EJTQBUDI@HSPVQ@DSFBUF ϝοηʔδૹ৴ - վળޙ ը૾ͷ഑ஔҐஔΛอ͍࣋ͯ͠Ε͹ ॱෆಉʹͳͬͯ΋໰୊ͳ͍
56. ϝοηʔδૹ৴ self.dispatchGroup = dispatch_group_create(); // attributedString͔Βը૾Λநग़ if (images.count > 0) { for (UIImage *tmpImage in images) { [self sendImage:tmpImage]; } } dispatch_group_notify(self.dispatchGroup, dispatch_get_main_queue(), ^{ [self operationDidFinishWithAttributedString:attributedString indexPath:indexPath]; }); dispatch_group_enter(self.dispatchGroup); // snip AFHTTPRequestOperation *operation = [client HTTPRequestOperationWithRequest:request success:^(AFHTTPRequestOperation *operation, id responseObject) { // snip dispatch_group_leave(self.dispatchGroup); } failure:^(AFHTTPRequestOperation *operation, NSError *error) { dispatch_group_leave(self.dispatchGroup); }]; [self.messageQueue addOperation:operation]; άϧʔϓͷ࡞੒
57. ϝοηʔδૹ৴ self.dispatchGroup = dispatch_group_create(); self.savedImageTags = [NSMutableArray array]; // snip if (images.count > 0) { for (UIImage *tmpImage in images) { [self sendImage:tmpImage]; } } dispatch_group_notify(self.dispatchGroup, dispatch_get_main_queue(), ^{ [self operationDidFinishWithAttributedString:attributedString indexPath:indexPath]; }); dispatch_group_enter(self.dispatchGroup); // snip AFHTTPRequestOperation *operation = [client HTTPRequestOperationWithRequest:request success:^(AFHTTPRequestOperation *operation, id responseObject) { // snip dispatch_group_leave(self.dispatchGroup); } failure:^(AFHTTPRequestOperation *operation, NSError *error) { dispatch_group_leave(self.dispatchGroup); }]; [self.messageQueue addOperation:operation]; ؔ࿈෇͚։࢝ ؔ࿈෇͚ऴྃ
58. ϝοηʔδૹ৴ self.dispatchGroup = dispatch_group_create(); // attributedString͔Βը૾Λநग़ if (images.count > 0) { for (UIImage *tmpImage in images) { [self sendImage:tmpImage]; } } dispatch_group_notify(self.dispatchGroup, dispatch_get_main_queue(), ^{ [self operationDidFinishWithAttributedString:attributedString indexPath:indexPath]; }); dispatch_group_enter(self.dispatchGroup); // snip AFHTTPRequestOperation *operation = [client HTTPRequestOperationWithRequest:request success:^(AFHTTPRequestOperation *operation, id responseObject) { // snip dispatch_group_leave(self.dispatchGroup); } failure:^(AFHTTPRequestOperation *operation, NSError *error) { dispatch_group_leave(self.dispatchGroup); }]; [self.messageQueue addOperation:operation]; ϝοηʔδొ࿥ॲཧ
59. ࠶ૹॲཧ
60. ࠶ૹॲཧ • λΠϜΞ΢τ࣌ • ࣦഊͨ͜͠ͱΛ௨஌ • ࠶ૹͰ͖Δঢ়ଶʹ
61. Ұཡ
62. Ұཡ • ٯʹϖʔδϯά͢Δํ๏ • ௨ৗͷϖʔδϯά • ٯʹ͢Δͱͳʹ͕໰୊͔
63. ϖʔδϯά
64. ௨ৗͷϖʔδϯά Loading
65. ௨ৗͷϖʔδϯά - (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section { if (section == 1) { self.indicatorView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:@"MIIndicatorFooterView"]; [self getReviews]; return self.indicatorView; } return nil; } FooterView͕දࣔ͞ΕͨλΠϛϯάͰߦ͏
66. ௨ৗͷϖʔδϯά - (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section { if (section == 1) { self.indicatorView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:@"MIIndicatorFooterView"]; [self getReviews]; return self.indicatorView; } return nil; } FooterView͕දࣔ͞ΕͨλΠϛϯάͰߦ͏ ϔομʹҠಈ͢Ε͹͍͍ͷͰ͸ʁ
67. ௨ৗͷϖʔδϯά - (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section { if (section == 1) { self.indicatorView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:@"MIIndicatorFooterView"]; [self getReviews]; return self.indicatorView; } return nil; } FooterView͕දࣔ͞ΕͨλΠϛϯάͰߦ͏ ϔομʹҠಈ͢Ε͹͍͍ͷͰ͸ʁ
68. Կ͕໰୊͔ • σʔλ্͕෦ʹ௥Ճ͞Ε͍ͯ͘ • reloadData()࣌ʹcontentOffsetͷ஋͕ ͣΕΔ • ׳ੑ͕࢒͍ͬͯΔঢ়گͩͱڧ੍తʹ Ҡಈ͞Εͯ͠·͏
69. ௐࠪ • ඪ४ϝοηʔδΞϓϦͷಈ͖ • දࣔ࣌ʹϩʔσΟϯά։࢝ • ׳ੑεΫϩʔϧ͕ఀࢭͨ͠λΠϛϯ άͰऔಘ։࢝
70. ௐࠪ • ඪ४ϝοηʔδΞϓϦͷಈ͖ • දࣔ࣌ʹϩʔσΟϯά։࢝ • ׳ੑεΫϩʔϧ͕ఀࢭͨ͠λΠϛϯ άͰऔಘ։࢝
71. ղܾࡦ • ׳ੑεΫϩʔϧ͕ఀࢭͨ͠ • ScrollToTop࣌͸׳ੑεΫϩʔϧ͕ൃ ੜ͠ͳ͍ - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView - (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView
72. ·ͱΊ
73. ·ͱΊ • ࡉ͔͍UXͷվળ • ςΩετೖྗɺ௨৴ॲཧɺϖʔδϯά • ͍ΖΜͳΞϓϦͷUXΛૢ࡞ɾݕূɺϓ ϥάΠϯͷ࣮૷ΛಡΜͩΓ͢Δͱࢳޱ ͕ݟ͑Δ
74. ࢀߟ JSQMessagesViewController SlackTextViewController etc
75. Thanks.