2015/02/19 デブサミ2015 【19-D-4】LINEアプリ内で提供するWebアプリ開発手法 #devsumiD

mewtex @mewtex

使ってるツールはまぁその辺のところと変わってない感じだね #devsumi #devsumiD

たきぐち in the Cloud💙💛 @atakig

フロントエンドエンジニアはサービス全体のhubのような役割になりつつある #devsumiD

たきぐち in the Cloud💙💛 @atakig

アプリ内WebViewの仕事が増えてきている ほとんどがSPA実装 #devsumiD

shiro16 @_shiro16

LINE社はweb viewアプリが増えてるらしい #devsumid

mewtex @mewtex

調整ｓ・・・ #devsumi #devsumiD

Yusuke Goto @u_suke_goto

ラインスケジュールってVue.jsつかっとったんや #devsumiD

たきぐち in the Cloud💙💛 @atakig

ＬＩＮＥスケジュール、Vue.js FastClickを使用 LINEバイト backbone.jsとKnockout.jsを組み合わせ WebViewアプリ例 #devsumiD

mewtex @mewtex

フロントエンドMVCもプロジェクトによって使い分けてるのね #devsumi #devsumiD

たきぐち in the Cloud💙💛 @atakig

NativeからWebアプリに遷移したときにレスポンスが悪いと印象が悪いのでパフォーマンスには気をつけている #devsumiD

mewtex @mewtex

好き嫌い大事！ #devsumi #devsumiD

たきぐち in the Cloud💙💛 @atakig

zept.js スマホ向けや小規模な開発で使っている #devsumiD

mewtex @mewtex

開演前の注意の呼びかけが意味をなしてなかった本公演 #devsumi #devsumiD

たきぐち in the Cloud💙💛 @atakig

複雑なアプリの場合はMVCであるbackbone.jsを使うことが多い #devsumiD

たきぐち in the Cloud💙💛 @atakig

シャッター音がけっこうしていた :( #devsumiD

さやみん @sayadroid

最近出たLINE Appsを如何に知らないか思い知るセッション…。フロントエンドのお話中心でjsのお話が多め。手元のiPhoneでここにこのフレームワークが使われてるのか〜と見ながら聴ける新鮮味 #devsumiD #devsumi

mewtex @mewtex

あれ？ツイッターおｋだっけ？自信なくなってきた #devsumi #devsumiD

941 @941

#devsumiD LINEセッション、TweetはOKです(シャッター音がよく聞こえる)

たきぐち in the Cloud💙💛 @atakig

NativeのAPIを使用する部分はApache CordovaをラップしたSDKを利用 #devsumiD

キハ( ˘ ³˘)♥58系 @bump_of_kiharu

LINEスケジュールアプリでは、CordovaをラップしたSDKを使って、NativeのAPIを使用。ページアニメーションはdirector.jsを使って動的にテンプレートを展開して、CSS3のVue.effectでページをスライド表示させている。 #devsumiD

たきぐち in the Cloud💙💛 @atakig

Mobileブラウザのonclick時の300msのdelayをなくす 副作用注意 FastClickを使う理由 #devsumiD

キハ( ˘ ³˘)♥58系 @bump_of_kiharu

WebViewでのパフォーマンスについてはFastClickを使用。WebViewのアプリだとモッサリしている、と言われる所以はonclick時の300msのdelay。ただしFastClickではイベント発火で副作用があるっぽいので注意が必要 #devsumiD

mewtex @mewtex

個人的にはgulp派です #devsumi #devsumiD

たきぐち in the Cloud💙💛 @atakig

クロスブラウザ対応 Androidの2系はいつも苦労 #devsumiD

mewtex @mewtex

altJS的にはどんな感じなのかちょっと気になる #devsumi #devsumiD

たきぐち in the Cloud💙💛 @atakig

Native→Webの時代が来ている！(気がする) #devsumiD