こんにちは、深瀬です。

先日の9/28、弊社にてわたしくも登壇させていただいた、第5回目のMeetupを開催しましたので、その様子をご報告させていただきます。

今回は、 ・使った気になるFirebase by 深瀬 ・Swift 3で新しくなったところ by ゲストスピーカー 熊谷様

の2本立てです。 イベントページはこちらのconnpassページにて

使った気になれるFirebase

使った気になれるFirebase from Fukase Motohiko

Firebaseの概要などをざっくりお話させていただきました。

Swift 3で新しくなったところ

Swift 3 で新しくなったところ - 表面から見えにくいところを中心に紹介 #ISAOcorp from Tomohiro Kumagai

熊谷様の丁寧かつわかりやすい説明。懇親会でもSwift談義に花が咲きました。

懇親会の様子

今回はまい泉のカツサンドをご用意させていただきました。

今回も多彩な領域のエンジニアの方々とお話しでき、有意義な交流会となりました。 当日は、遠いところ足を運んでいただいた参加者の皆様、本当にありがとうございました。 また来月も開催予定なので、今回参加できなかった方も是非遊びに来てください。

bowerで入れた angularUI Calendar 1.0.0, FullCalendar 2.1.1での話です。

Angular WEBアプリでカレンダーを使いたいというニーズを完璧なまでに満たす AngularUI Calendar http://angular-ui.github.io/ui-calendar/

ですが、月(month)表示から日セルクリックで日(agendaDay)表示に切り替えようとしてdayClickを使用した場合、なぜかiPhoneではうまく動作しません。

正確にいえば、タップではなく一秒ほど長押しするか、軽く日セルをドラッグしようとするとdayClickが呼ばれます。

なんでどぅあぁぁぁーーーー！

と3日ほど頭を悩ませた結果、なんとか対処できたのでおすそ分けします。 ちなみにAngularUI CalendarはFullCalendarのラッパーなので、FullCalendarで同じような問題に悩んでいる方にも効くはず….です。

原因

dragイベントの扱いの違いに起因しています。 dayClickはclickイベントで呼ばれていません。dragの終了を検知して呼ばれています。 iOS上のSafari(というかwebkit?)以外では、タップして指を離した瞬間に drag開始、drag終了のイベントが発生するのですが、iOSではdragするか、しばしタップし続けないとdrag終了イベントが発生しないためのようです。

どうにもならんのでタップイベントでdayClickを呼ぶようFullCalendar.jsを修正しました。

4038行目付近

    coordMap: null, // a GridCoordMap that converts pixel values to datetimes
    cellDuration: null, // a cell's duration. subclasses must assign this ASAP
    isTouch : false, // separate touch and scroll.

    // Renders the grid into the `el` element.

4093行目付近