*

第10回Apache Cordova勉強会に行ってきた #cordovajp


LINE facebook twitter URLコピー
B! pocket Evernote 楽天


家電&カメラ タイムセール/バーゲン会場/クーポン配布はこちら。
Amazonでクーポンをもらう

【Amazonファッション】メンズ80%オフ商品を見る!
セール商品を見る

第10回Apache Cordova勉強会
Apache Cordova はハイブリッドアプリを作るために、とても便利な開発環境です。その勉強会に行ってきました。

こんにちは、WEB技術大好きカグア!です。

2017年3月22日に都内大崎で行われました第10回 Apache Cordova勉強会のレポートをします。

関連記事
>>GitHubアカウントまとめ88選Googleなど企業や団体
>>第5回 Apache Cordova勉強会 に行ってきた、monacaで作るアプリ他
>>カグア!のAndroidアプリが完成したわ、さぁダウンロードするのよ!
>>Androidカメラアプリが作れた!テックアカデミーさんのAndroid開発講座レポート

第10回 Apache Cordova勉強会とは

日本コルドバユーザー会JCUG

日本Cordovaユーザー会が主催している勉強会です。クォーターごとくらいに行われ、毎回100名近い規模で行われている大きなイベントです。
>>第10回 Apache Cordova勉強会 @ Sony City Osaki – connpass

定期的に情報が欲しい方はconpassでメンバーになっておくと良いでしょう。
>>日本Cordovaユーザー会 – connpass

今回は、JINSさんが登壇するということで参加申し込み。JINS MEME SDKが、monacaに対応したということを事前に知っていて興味があったのでした。
>>技術情報: JINS MEME SDK for Monaca リリースのお知らせ

というわけで、毎回大きな会場で行われるCordova勉強会ですが、今回はなんと大崎ソニービル!大崎駅からどどーんとそびえ立つのがよく見える、あのビルです。

さっそく行ってみましょう。

会場はJR大崎駅側の巨大ソニービル

おしゃれで巨大なソニービル

大崎駅から歩いてすぐの大崎ソニービル。ソニーフラッグがひしめく巨大なビルです。
Cordva勉強会

となりにはおしゃれなTSUTAYAカフェなどがある、大崎の新開発のフラッグシップ的なスポットです。
Cordva勉強会

夜は、ソニー製ディスプレイがおしゃれにペデストリアンデッキを彩ります。
Cordva勉強会

それでは早速、大崎ソニービルに入ってみましょう。
Cordva勉強会

・・・ただ、そもそもビルに入る時点で、ガードマンさんに参加証提示を求められました。厳重。

気を取り直して、早速会場入りです。

ラウンジもスタイリッシュな空間

ビルにはいりますと、広ぉぉぉぉぉぉーーーーーい。天井高い。ペデストリアンデッキから入っているのでここが2Fです。
Cordova勉強会

受付ラウンジにいくと、さらにシャレオツなソニー製品群のショールーム的な展示がたくさん。
Cordova勉強会

貴重な展示もありました。ブラウン管、懐かしいなー。
Cordova勉強会

というわけで、セミナー会場へ入ります。
Cordova勉強会

Cordova勉強会の会場に到着しました。conpassの受講票を見せてすんなりイン。
Cordova勉強会

会場もソニーさんの提供でしたが、協賛もソニーさんでドリンクもたっぷり。ありがとうございます。
Cordova勉強会

18時30分になり、いよいよCordova勉強会の始まりです。

それではどうぞ。

Apache Cordova勉強会の気づきメモ

Vue 2についての発表

まず、アシアルの田中 正裕さんが、Vue.jsについて紹介をしてくれました。monacaのONSEN.UI にもVue.jsは対応しているそうです。
第10回Apache Cordova勉強会

GITHUBでのスターの数を集計して、Vue.jsの人気ぶりを紹介していました。実際、Googleトレンドの検索トレンドもうなぎのぼりですね。青がVue.jsで、赤がReactです。
vue
>>vue.js, react.js, angular.js – 調べる – Google トレンド

  • とりあえずSCRPTで書けちゃうのがいい。
  • SPAフレームワークとしておすすめ。
  • Cordovaとの組み合わせもOK。
  • 日本語ドキュメントがあるのが良い。

第10回Apache Cordova勉強会
あと、Vue.jsって個人の人が開発してるんですね。ReactやAngularがバックに大手がついてるのと対象的に。なんか、まだ夢があるなあってほっこりしました。Vue.js 使いたくなってきた。

というわけで、田中さんありがとうございました・

次は、JINSが放つIoTメガネの、MEMEについてのプレゼンです。

JINS MEMEのアプリ開発

次の登壇は、ジェイアイエヌ システムの佐藤 拓磨 さん。
ジェイアイエヌ システムの佐藤 拓磨 さん

  • MEMEは眼電位を測れる=まばたきを測れる。
  • MEMEは加速度・角速度・6軸センサー内蔵。
  • 頭にかけるというのが大きい。体軸のブレがわかる。
  • カーデザイナーの和田智さんがデザイン。
  • ハンズオンとテックトークを定期的に行う。
  • monacaにもSDKを提供開始。

MEMEは気になっていたのですが、いろいろなことが測れるのですねえ。たしかに、体軸を測れるというのは、今流行りの体幹を鍛えたい人には重要な情報だと思いました。

佐藤さん、ありがとうございました。

では最後に、実際のCordovaアプリ開発の事例の紹介。

本気の商用ハイブリッドアプリ開発

最後の登壇は、ソニーネットワークコミュニケーションズの 緒方 信さん。本気のハイブリッドアプリ開発、ということで「求められるのはネイティブアプリの品質」という点が刺さりました。ですよねー。
ソニーネットワークコミュニケーションズの 緒方 信さん

会場はすでに満席状態。無料セミナーでここまでしっかり会場が埋まるって凄いことなのではないでしょうか。たしかに、貴重なスライドでしたよ。
第10回Apache Cordova勉強会

  • Cordova、Node.js、TYPESCRIPT、SASS。
  • 実際のTSコードは23000行ほど。
  • ブラウザ依存やパフォーマンスはそれほど問題にはならなかった。
  • Cordovaプラグインを自作してネイティブを連携(SONY GITHUBで公開)。
  • ローカライズはEXCELからJSONでi18nextへ。
  • jQuery Mobile、Backbone.js、i18next を採用。
  • ( OS>Webkit>何使う?>アプリ、このフレームワークに上記を採用)

パフォーマンスがそれほど気にならなかったというのが、興味深かったです。実際に、1万行ものCSSも200ミリsecで処理されたとのこと。ほほー。

しかし、ソニーさん規模になると商用アプリ開発って、保守性やネイティブ品質への要求など、期待値が相当上がるのですね。それでも「花形」だから挑戦しようよ、という呼びかけには共感しました。

ちなみに、コードの複雑さを測定する手法として、Halstead 複雑度計測、というものがあるのですね。保守性も考えないとですよね、たしかに。
>>【JavaScriptコードメトリックス】 ソースコードの複雑さや保守の容易さを測定できるWEBサイト – GUNMA GIS GEEK

緒方さん、ありがとうございました。

というわけで、登壇はこれにて終了です。あっという間でした。皆さん、お疲れ様です。

たぶん、スライドなどはいずれユーザー会のHPにて公開されると思うですが、そうなりましたらまたこちらの記事に追記しますね。

お次は懇親会です。まさか、ソニービルで飲めるとは!

懇親会はお腹いっぱい

プレゼンの後は、会場内にケータリングが届いて、懇親会です。小一時間程度でしたが、とても楽しかったです。

というか、ケータリングもたくさんあってお腹いっぱいになりました。ビールもよなよなエールとかあって素敵すぎます。さらに驚きは、この懇親会もソニーさんの協賛ということで無料!凄すぎる。
第10回Apache Cordova勉強会

乾杯ー。関係者の皆様お疲れ様でした。
第10回Apache Cordova勉強会

その後、何人かのかたと名刺交換して楽しく懇親。世の中すごい人がいるのだと、勉強になりました。いやほんと凄い人はいますね。
第10回Apache Cordova勉強会

懇親会はこういう自分の視野を広げるのに、本当に良いです。セミナー中はアウェイ感を感じていましたが、えいっと飛び込んでみると、開けるものもあるのですよね。

次のApache Cordova勉強会は、また数ヶ月後にあるようですので、ぜひ皆さんも参加されてみてはいかがでしょうか。
>>日本Cordovaユーザー会 – connpass

おすすめですよ。

関係者の皆様、お疲れ様でした。ありがとうございました!

クラウドでできるHTML5ハイブリッドアプリ開発 Cordova/Onsen UIで作るiOS/Android両対応アプリ (Monaca公式ガイドブック) | 永井 勝則, アシアル株式会社

クラウドでできるHTML5ハイブリッドアプリ開発 Cordova/Onsen UIで作るiOS/Android両対応アプリ (Monaca公式ガイドブック) | 永井 勝則, アシアル株式会社 |本 | 通販 | Amazon
Amazonで詳しく見る

おまけ:大崎駅ナカにおすすめのカレー店

Cordova勉強会は20時までなので、腹ごしらえをしてから向かいました。JR大崎駅の駅中にある「カレー厨房」は、JRが運営する美味しいカレー屋さんです。
Cordva勉強会

>>カレー厨房 大崎店 – 大崎/欧風カレー [食べログ]

ダブルカレーがおすすめ。なかでも、ハヤシカレーとチキンカレーの組み合わせが、具だくさんでコスパ良くて美味しいのでおすすめ。
Cordva勉強会

実食。美味しい。
Cordva勉強会

大崎や五反田グルメもおすすめですよ。

関連情報リンク

Android & iOS両対応 つくりながら覚えるスマホゲームプログラミング | 掌田 津耶乃, m7kenji

Android & iOS両対応 つくりながら覚えるスマホゲームプログラミング | 掌田 津耶乃, m7kenji |本 | 通販 | Amazon
Amazonで詳しく見る

コルドバ公式サイト。
>>Apache Cordova

コルドバプラグイン開発ドキュメントの日本語版。
>>プラグイン開発ガイド – Apache Cordova

monaca公式。
>>Monaca – HTML5ハイブリッドアプリ開発プラットフォーム

Vue.js公式。
>>Vue.js

Vue.jsのチュートリアル。
>>Vue.js入門 ―最速で作るシンプルなWebアプリケーション:連載|gihyo.jp … 技術評論社

JINS MEME公式。
>>JINS MEME|TURN IT ON – 見るから、知るへ。

SONYのGITHUB。
>>Sony · GitHub

ローカライズ。
>>HTMLでの国際化(i18nextとl10n.js) – Qiita

QIITAのCordovaタグ。
>>Cordovaに関する294件の投稿 – Qiita

はてなで人気の最新Cordova記事。
>>タイトル「Cordova」を検索 – はてなブックマーク

まとめ

Cordovaは便利な開発プラットフォームですが、実際の商用アプリを作るとなりますと、それなりに準備も必要なことがわかりました。

>>人気の「アプリ開発: 本」最新一覧はこちら。
Amazonで詳しく見る

ソニーさんの事例はとても参考になり、今後の開発に意欲をいただけました。本当にありがとうございました。

みなさんも、Cordova、いかがですか。楽しいですよ。

「コルドバ。」

関連するほかの記事を見てみよう!
このサイトのトップページへ行く

  • このエントリーをはてなブックマークに追加
  • Pocket

Profile



Yoshihiko Yoshida
メディア運営業界23年目。Googleアナリティクス公式コミュニティ・アンサリスト最高ランク「レジェンド」国内初獲得。「マツコの知らない世界」Googleマップ案内人TV出演。Googleストリートビュー認定フォトグラファー。教育システム情報学会会員。元立教大学非常勤講師。主な著書「Googleアナリティクス基礎講座」(技術評論社)。趣味はデジカメとゲームとパン作り。>>もっと読む

Instagram

◆代表者略歴 ◆受賞歴
◆おもな著書 ◆TV出演歴
◆新聞掲載歴 ◆雑誌/連載歴
 <<お問い合わせはこちら>>

Facebook

このブログをRSS購読しよう!(無料)

follow us in feedly

よろしければ「いいね」して下さい!

 
PAGE TOP ↑