Androidアプリ屋だけどWebフロントエンド開発にアサインされた件について

Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
Androidアプリ屋だ
けどWebフロントエ
ンド開発にアサイン
された件について
2013年8月24日
木原卓也 ( @tacck )

名前: 木原卓也
Twitter: @tacck
Facebook: http://www.facebook.com/tacck
出身地: 熊本県
好きな *BSD: FreeBSD
自己紹介

何やってんの?
• ここ2 3年は某社常駐でAndroidアプリの設
計/開発が中心。
• 某社から発売されているスマートフォンの
標準搭載ブラウザの開発/カスタマイズが多
め。

今回のお話
Androidプロジェクト完了後、新規
アプリケーション開発プロジェクト
のC++チームとしてジョインしたと
思ったら、Webフロントエンド開
発チームにアサインされていた件に
ついて。

今回のお話
,. --'''''""̈̈̈ヽ
(.＿＿_,,,... -ｧァﾌ¦
¦i i¦ }! }} /／¦
¦l､{ j} /,,ｨ//｜
i¦:!ヾ､_ﾉ／ u {:}//ﾍ
¦ﾘ u' } ,ﾉ _,!V,ﾊ ¦
／́fト､_{ﾙ{,ィ'ｅﾗ , ﾀ人
/' ヾ¦宀¦ {́,)͡`/ ¦<ヽﾄiゝ
,ﾞ／ )ヽ iLﾚ u' ¦ ¦ ヾｌﾄﾊ〉
¦／_／ﾊ !ニ '／:} V:::::ヽ
/／二二二7'T'' ／u' __ /:::::::/｀ヽ
/'́r -―一ｧ-ﾞＴ́ '"́ ／::::／-- ＼
/ // 广̈́ /' ／:::::／́￣｀ヽ ͡ヽ
ﾉ ' / ノ:::::`ー-､___／:::::／/ ヽ }
_／｀丶 /::::::::::::::::::::::::::￣`ー-{:::... ｲ

当初
• 6月
• 某社から発売予定である某モバイル端末に
搭載する、某アプリケーションの開発プロ
ジェクトに参加。
• C++のチーム(四名)

アプリの構成
UI
HTML/CSS
JavaScript
HTML/CSS
JavaScript
UI
Web SDK
ロジック Native SDK
C++

アプリの構成
UI
HTML/CSS
JavaScript
HTML/CSS
JavaScript
UI
Web SDK
C++
ここ

発端
• 6月末
偉い人「誰かUI確認用のサンプル画面作成手伝
ってくれない？(気軽」

そして
• 何故か私がやることに。
• まぁ、でも、サンプル画面の作成くらいな
ら。。。
• JavaScript見た事あるし。

ちなみに
• この時点でのJavaScriptの構成
• jQuery
• 某OS SDK (jQuery Mobileベース)
• Backbone.js

未知との遭遇や。。。

さらに
• サンプル画面は動き無しで良い予定だった
が、大人の事情によりある程度の動作を含め
ることに。

ついでに
• あれ、サンプル画面作成だけじゃなくて、正
式にUIチーム入りっすか!?

（゜Д゜）ポカーン

2ヶ月弱経過
• 業務期間中は、基礎に立ち返った学習の時間
を十分にとれない。
• とはいえ、それが世の常。
• 直近のAndroidアプリ開発の経験と照らし合
わせながら、開発を進める日々。

Android Web
ロジック
レイアウト
Java JavaScript
XML
HTML
CSS
Android vs Web

Android vs Web
• こういう機能、こういう画面をAndroidで作
るなら、、、
• Javaでこんな風に書くなー。
• XMLでこう表現できるなー。
• という想像をして、JavaScript、HTML/CSS
で書いていく。
• 何とか、言語の壁を乗り越え中。

アプリケーション
想像のための
ポイント
仕様機能/インタフェース
開発言語 C++ Java JavaScript etc...
開発環境 PC モバイル etc...
動作 CPU

アプリケーション
想像のための
ポイント
仕様機能/インタフェース
開発言語 C++ Java JavaScript etc...
開発環境 PC モバイル etc...
動作 CPU
言語・環境問わず共通

人が使う
• Webアプリだろうと、ネイティブアプリだろ
うと、使う人には関係ない。
• 心地よく、使いたい機能を使える事。
• 「人が使う」ことを念頭に、機能やインタ
フェース(つまり仕様)をきちんと考え、自分
の中で解釈して開発に取り組む。

• アプリケーションを動かしているのはCPU。
• CPUが理解できるのはマシン語だけ。
• どんな言語でも、最後はマシン語になる。
• 自分の書いたコードが、どのようにマシン語
になっていくかを想像することが重要。
CPUが動かす

• 誰でもエンジニアになれる!!!
ポイントを
おさえれば

• 誰でもエンジニアになれる!!!
ポイントを
おさえれば
かもしれない。

最後に
• 弊社の凄腕JavaScriptエンジニア曰く

最後に
• 弊社の凄腕JavaScriptエンジニア曰く
「JavaScriptは心で書くもの」

ありがとうございました。

Androidアプリ屋だけどWebフロントエンド開発にアサインされた件について

Androidアプリ屋だけどWebフロントエンド開発にアサインされた件について

Recommended

More Related Content

What's hot

What's hot(20)

Viewers also liked

Viewers also liked(12)

Similar to Androidアプリ屋だけどWebフロントエンド開発にアサインされた件について

Similar to Androidアプリ屋だけどWebフロントエンド開発にアサインされた件について(20)

Androidアプリ屋だけどWebフロントエンド開発にアサインされた件について