SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
Androidアプリ屋だ
けどWebフロントエ
ンド開発にアサイン
された件について
2013年8月24日
木原 卓也 ( @tacck )
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
名前: 木原 卓也
Twitter: @tacck
Facebook: http://www.facebook.com/tacck
出身地: 熊本県
好きな *BSD: FreeBSD
自己紹介
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
何やってんの?
• ここ2 3年は某社常駐でAndroidアプリの設
計/開発が中心。
• 某社から発売されているスマートフォンの
標準搭載ブラウザの開発/カスタマイズが多
め。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
今回のお話
Androidプロジェクト完了後、新規
アプリケーション開発プロジェクト
のC++チームとしてジョインしたと
思ったら、Webフロントエンド開
発チームにアサインされていた件に
ついて。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
今回のお話
     ,. --'''''""̈̈̈ヽ
         (.___,,,... -ァァフ¦
          ¦i i¦    }! }} //¦
         ¦l、{   j} /,,ィ//|
        i¦:!ヾ、_ノ/ u {:}//ヘ
        ¦リ u' }  ,ノ _,!V,ハ ¦
       /́fト、_{ル{,ィ'eラ , タ人
     /'   ヾ¦宀¦ {́,)͡`/ ¦<ヽトiゝ
    ,゙  / )ヽ iLレ  u' ¦ ¦ ヾlトハ〉
     ¦/_/  ハ !ニ  '/:}  V:::::ヽ
    // 二二二7'T'' /u' __ /:::::::/`ヽ
   /'́r -―一ァ-゙T́ '"́ /::::/--  \ 
   / //   广̈́  /'   /:::::/́ ̄`ヽ ͡ヽ
  ノ ' /  ノ:::::`ー-、___/::::://       ヽ  }
_/`丶 /:::::::::::::::::::::::::: ̄`ー-{:::...       イ
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
当初
• 6月
• 某社から発売予定である某モバイル端末に
搭載する、某アプリケーションの開発プロ
ジェクトに参加。
• C++のチーム(四名)
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
アプリの構成
UI
HTML/CSS
JavaScript
HTML/CSS
JavaScript
UI
Web SDK
ロジック Native SDK
C++
ロジック Native SDK
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
アプリの構成
UI
HTML/CSS
JavaScript
HTML/CSS
JavaScript
UI
Web SDK
ロジック Native SDK
C++
ロジック Native SDK
ここ
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
発端
• 6月末
偉い人「誰かUI確認用のサンプル画面作成手伝
ってくれない?(気軽」
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
そして
• 何故か私がやることに。
• まぁ、でも、サンプル画面の作成くらいな
ら。。。
• JavaScript見た事あるし。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
ちなみに
• この時点でのJavaScriptの構成
• jQuery
• 某OS SDK (jQuery Mobileベース)
• Backbone.js
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
未知との遭遇や。。。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
さらに
• サンプル画面は動き無しで良い予定だった
が、大人の事情によりある程度の動作を含め
ることに。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
ついでに
• あれ、サンプル画面作成だけじゃなくて、正
式にUIチーム入りっすか!?
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
( ゜Д゜)ポカーン
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
2ヶ月弱経過
• 業務期間中は、基礎に立ち返った学習の時間
を十分にとれない。
• とはいえ、それが世の常。
• 直近のAndroidアプリ開発の経験と照らし合
わせながら、開発を進める日々。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
Android Web
ロジック
レイアウト
Java JavaScript
XML
HTML
CSS
Android vs Web
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
Android vs Web
• こういう機能、こういう画面をAndroidで作
るなら、、、
• Javaでこんな風に書くなー。
• XMLでこう表現できるなー。
• という想像をして、JavaScript、HTML/CSS
で書いていく。
• 何とか、言語の壁を乗り越え中。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
アプリケーション
想像のための
ポイント
仕様 機能/インタフェース
開発言語 C++ Java JavaScript etc...
開発環境 PC モバイル etc...
動作 CPU
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
アプリケーション
想像のための
ポイント
仕様 機能/インタフェース
開発言語 C++ Java JavaScript etc...
開発環境 PC モバイル etc...
動作 CPU
言語・環境問わず共通
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
人が使う
• Webアプリだろうと、ネイティブアプリだろ
うと、使う人には関係ない。
• 心地よく、使いたい機能を使える事。
• 「人が使う」ことを念頭に、機能やインタ
フェース(つまり仕様)をきちんと考え、自分
の中で解釈して開発に取り組む。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
• アプリケーションを動かしているのはCPU。
• CPUが理解できるのはマシン語だけ。
• どんな言語でも、最後はマシン語になる。
• 自分の書いたコードが、どのようにマシン語
になっていくかを想像することが重要。
CPUが動かす
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
• 誰でもエンジニアになれる!!!
ポイントを
おさえれば
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
• 誰でもエンジニアになれる!!!
ポイントを
おさえれば
かもしれない。
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
最後に
• 弊社の凄腕JavaScriptエンジニア曰く
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
最後に
• 弊社の凄腕JavaScriptエンジニア曰く
「JavaScriptは心で書くもの」
Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved.
ありがとうございました。

Mais conteúdo relacionado

Mais procurados

Unityゲームにオンラインランキングとゴースト機能を追加しよう!
Unityゲームにオンラインランキングとゴースト機能を追加しよう!Unityゲームにオンラインランキングとゴースト機能を追加しよう!
Unityゲームにオンラインランキングとゴースト機能を追加しよう!史識 川原
 
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLTVue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLTLINE Corporation
 
Spring Bootをはじめる時にやるべき10のこと
Spring Bootをはじめる時にやるべき10のことSpring Bootをはじめる時にやるべき10のこと
Spring Bootをはじめる時にやるべき10のこと心 谷本
 
AngularJS入門の巻
AngularJS入門の巻AngularJS入門の巻
AngularJS入門の巻Toshio Ehara
 
noteをAngularJSで構築した話
noteをAngularJSで構築した話noteをAngularJSで構築した話
noteをAngularJSで構築した話Kon Yuichi
 
ここまで来た!2017年 Web VRでできること
ここまで来た!2017年 Web VRでできることここまで来た!2017年 Web VRでできること
ここまで来た!2017年 Web VRでできることJun Ito
 
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_Akito Tsukahara
 
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のりSINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のりgree_tech
 
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発Atsushi Kojima
 
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきことメンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきことMitsuru Ogawa
 
Angularおじさんの1年
Angularおじさんの1年Angularおじさんの1年
Angularおじさんの1年Hayashi Yuichi
 
AndroidでARの夢を再び 〜ARCoreの導入から応用まで
AndroidでARの夢を再び 〜ARCoreの導入から応用までAndroidでARの夢を再び 〜ARCoreの導入から応用まで
AndroidでARの夢を再び 〜ARCoreの導入から応用までKenichi Takahashi
 
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)Masataka Sato
 
QAエンジニアを通じて 弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜
QAエンジニアを通じて弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜QAエンジニアを通じて弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜
QAエンジニアを通じて 弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜gree_tech
 
Go (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的なGo (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的なKeiji Kamebuchi
 
Kansai Game Study 2019 Keiji Kikuchi
Kansai Game Study 2019 Keiji KikuchiKansai Game Study 2019 Keiji Kikuchi
Kansai Game Study 2019 Keiji KikuchiKeiji Kikuchi
 
CEDEC2015_スマホゲーム開発を支えろ!〜汗と涙のQAエンジニアリング〜
CEDEC2015_スマホゲーム開発を支えろ!〜汗と涙のQAエンジニアリング〜CEDEC2015_スマホゲーム開発を支えろ!〜汗と涙のQAエンジニアリング〜
CEDEC2015_スマホゲーム開発を支えろ!〜汗と涙のQAエンジニアリング〜gree_tech
 
WFSのゲームエンジンの歴史と今後の戦略
WFSのゲームエンジンの歴史と今後の戦略WFSのゲームエンジンの歴史と今後の戦略
WFSのゲームエンジンの歴史と今後の戦略gree_tech
 
GitHub Enterpriseの導入事例と実践GitHub Actions
GitHub Enterpriseの導入事例と実践GitHub ActionsGitHub Enterpriseの導入事例と実践GitHub Actions
GitHub Enterpriseの導入事例と実践GitHub ActionsShuji Yamada
 

Mais procurados (20)

Unityゲームにオンラインランキングとゴースト機能を追加しよう!
Unityゲームにオンラインランキングとゴースト機能を追加しよう!Unityゲームにオンラインランキングとゴースト機能を追加しよう!
Unityゲームにオンラインランキングとゴースト機能を追加しよう!
 
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLTVue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
 
Spring Bootをはじめる時にやるべき10のこと
Spring Bootをはじめる時にやるべき10のことSpring Bootをはじめる時にやるべき10のこと
Spring Bootをはじめる時にやるべき10のこと
 
AngularJS入門の巻
AngularJS入門の巻AngularJS入門の巻
AngularJS入門の巻
 
noteをAngularJSで構築した話
noteをAngularJSで構築した話noteをAngularJSで構築した話
noteをAngularJSで構築した話
 
ここまで来た!2017年 Web VRでできること
ここまで来た!2017年 Web VRでできることここまで来た!2017年 Web VRでできること
ここまで来た!2017年 Web VRでできること
 
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
Web api開発をするなら ドキュメントは自動生成にしておこう__ph_per_kaigi2021_
 
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のりSINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
 
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
 
Tips for you tube
Tips for you tubeTips for you tube
Tips for you tube
 
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきことメンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
 
Angularおじさんの1年
Angularおじさんの1年Angularおじさんの1年
Angularおじさんの1年
 
AndroidでARの夢を再び 〜ARCoreの導入から応用まで
AndroidでARの夢を再び 〜ARCoreの導入から応用までAndroidでARの夢を再び 〜ARCoreの導入から応用まで
AndroidでARの夢を再び 〜ARCoreの導入から応用まで
 
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
 
QAエンジニアを通じて 弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜
QAエンジニアを通じて弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜QAエンジニアを通じて弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜
QAエンジニアを通じて 弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜
 
Go (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的なGo (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的な
 
Kansai Game Study 2019 Keiji Kikuchi
Kansai Game Study 2019 Keiji KikuchiKansai Game Study 2019 Keiji Kikuchi
Kansai Game Study 2019 Keiji Kikuchi
 
CEDEC2015_スマホゲーム開発を支えろ!〜汗と涙のQAエンジニアリング〜
CEDEC2015_スマホゲーム開発を支えろ!〜汗と涙のQAエンジニアリング〜CEDEC2015_スマホゲーム開発を支えろ!〜汗と涙のQAエンジニアリング〜
CEDEC2015_スマホゲーム開発を支えろ!〜汗と涙のQAエンジニアリング〜
 
WFSのゲームエンジンの歴史と今後の戦略
WFSのゲームエンジンの歴史と今後の戦略WFSのゲームエンジンの歴史と今後の戦略
WFSのゲームエンジンの歴史と今後の戦略
 
GitHub Enterpriseの導入事例と実践GitHub Actions
GitHub Enterpriseの導入事例と実践GitHub ActionsGitHub Enterpriseの導入事例と実践GitHub Actions
GitHub Enterpriseの導入事例と実践GitHub Actions
 

Destaque

聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門正樹 平野
 
The return of Mobile5 #mobile5
The return of Mobile5 #mobile5The return of Mobile5 #mobile5
The return of Mobile5 #mobile5Yusuke Hirano
 
Android UIデザイン入門
Android UIデザイン入門Android UIデザイン入門
Android UIデザイン入門OESF Education
 
"アプリデザインはじめの一歩" ヤフー VS クラスメソッド iOS炎の7番勝負 #4 #yxcm
"アプリデザインはじめの一歩" ヤフー VS クラスメソッド iOS炎の7番勝負 #4 #yxcm"アプリデザインはじめの一歩" ヤフー VS クラスメソッド iOS炎の7番勝負 #4 #yxcm
"アプリデザインはじめの一歩" ヤフー VS クラスメソッド iOS炎の7番勝負 #4 #yxcmShingo Hiraya
 
マテリアルデザイン
マテリアルデザインマテリアルデザイン
マテリアルデザインAkio Yonekura
 
マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]YUKI YAMAGUCHI
 
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみたPhotoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみたTomoyuki Arasuna
 
はじめてのi osアプリデザイン
はじめてのi osアプリデザインはじめてのi osアプリデザイン
はじめてのi osアプリデザインschoowebcampus
 
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方schoowebcampus
 
Prottとsketchとzeplinのススメ
ProttとsketchとzeplinのススメProttとsketchとzeplinのススメ
ProttとsketchとzeplinのススメAsami Yamamoto
 

Destaque (12)

聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
 
The return of Mobile5 #mobile5
The return of Mobile5 #mobile5The return of Mobile5 #mobile5
The return of Mobile5 #mobile5
 
P5sound
P5soundP5sound
P5sound
 
Android UIデザイン入門
Android UIデザイン入門Android UIデザイン入門
Android UIデザイン入門
 
"アプリデザインはじめの一歩" ヤフー VS クラスメソッド iOS炎の7番勝負 #4 #yxcm
"アプリデザインはじめの一歩" ヤフー VS クラスメソッド iOS炎の7番勝負 #4 #yxcm"アプリデザインはじめの一歩" ヤフー VS クラスメソッド iOS炎の7番勝負 #4 #yxcm
"アプリデザインはじめの一歩" ヤフー VS クラスメソッド iOS炎の7番勝負 #4 #yxcm
 
マテリアルデザイン
マテリアルデザインマテリアルデザイン
マテリアルデザイン
 
マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]
 
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみたPhotoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
 
はじめてのi osアプリデザイン
はじめてのi osアプリデザインはじめてのi osアプリデザイン
はじめてのi osアプリデザイン
 
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
 
Prottとsketchとzeplinのススメ
ProttとsketchとzeplinのススメProttとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
 
Xamarin.forms入門
Xamarin.forms入門Xamarin.forms入門
Xamarin.forms入門
 

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

Black jumbodogをcoreclrで動かしてみた
Black jumbodogをcoreclrで動かしてみたBlack jumbodogをcoreclrで動かしてみた
Black jumbodogをcoreclrで動かしてみたYasuaki Matsuda
 
Spath for enterprise
Spath for enterpriseSpath for enterprise
Spath for enterpriseKoichiro Sumi
 
はじめてのAzure Sphere
はじめてのAzure SphereはじめてのAzure Sphere
はじめてのAzure SphereTomokazu Kizawa
 
第15回cloudstackユーザー会
第15回cloudstackユーザー会第15回cloudstackユーザー会
第15回cloudstackユーザー会samemoon
 
Container deployment on Azure
Container deployment on AzureContainer deployment on Azure
Container deployment on AzureTsukasa Kato
 
Visual Studio 2017 で Azure Functions の開発
Visual Studio 2017 で Azure Functions の開発Visual Studio 2017 で Azure Functions の開発
Visual Studio 2017 で Azure Functions の開発Yasuaki Matsuda
 
Azure Functions あれこれ
Azure Functions あれこれAzure Functions あれこれ
Azure Functions あれこれYasuaki Matsuda
 
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語Takashi Someda
 
会社にGitHub Enterpriseを導入してみた話
会社にGitHub Enterpriseを導入してみた話会社にGitHub Enterpriseを導入してみた話
会社にGitHub Enterpriseを導入してみた話Shuji Yamada
 
Azure Function GAした!Visual Studio Tools for Azure Functions もプレビューだ!
Azure Function GAした!Visual Studio Tools for Azure Functions もプレビューだ!Azure Function GAした!Visual Studio Tools for Azure Functions もプレビューだ!
Azure Function GAした!Visual Studio Tools for Azure Functions もプレビューだ!Yasuaki Matsuda
 
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップおすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップKoichiro Sumi
 
Drupalによる大規模サイトの設計・実装 において何に気をつけるべきか
Drupalによる大規模サイトの設計・実装において何に気をつけるべきかDrupalによる大規模サイトの設計・実装において何に気をつけるべきか
Drupalによる大規模サイトの設計・実装 において何に気をつけるべきかdgcircus
 
開発環境としてのAwsを真面目に考える jawsug2013三都物語公開用
開発環境としてのAwsを真面目に考える jawsug2013三都物語公開用開発環境としてのAwsを真面目に考える jawsug2013三都物語公開用
開発環境としてのAwsを真面目に考える jawsug2013三都物語公開用Takuro Sasaki
 
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LTデベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LTnormalian
 
エンジニアがプロダクト育成を始めるまでにやったこと
エンジニアがプロダクト育成を始めるまでにやったことエンジニアがプロダクト育成を始めるまでにやったこと
エンジニアがプロダクト育成を始めるまでにやったことTakao Sumitomo
 
Automation with SoftLayer and Zabbix
Automation with SoftLayer and ZabbixAutomation with SoftLayer and Zabbix
Automation with SoftLayer and Zabbixsoftlayerjp
 
Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)Jun Hosokawa
 
Global Azure Bootcamp 2019@Tokyo資料【ExpressRoute構築でハメられた】
Global Azure Bootcamp 2019@Tokyo資料【ExpressRoute構築でハメられた】Global Azure Bootcamp 2019@Tokyo資料【ExpressRoute構築でハメられた】
Global Azure Bootcamp 2019@Tokyo資料【ExpressRoute構築でハメられた】Dai Iwai
 
土下座パラダイスはこうして生まれた
土下座パラダイスはこうして生まれた土下座パラダイスはこうして生まれた
土下座パラダイスはこうして生まれたTakafumi Naito
 
JAWS-UG山形 AWSのきほん 2016/11/12
JAWS-UG山形 AWSのきほん 2016/11/12 JAWS-UG山形 AWSのきほん 2016/11/12
JAWS-UG山形 AWSのきほん 2016/11/12 Gyori Nagafuchi
 

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

Black jumbodogをcoreclrで動かしてみた
Black jumbodogをcoreclrで動かしてみたBlack jumbodogをcoreclrで動かしてみた
Black jumbodogをcoreclrで動かしてみた
 
Spath for enterprise
Spath for enterpriseSpath for enterprise
Spath for enterprise
 
はじめてのAzure Sphere
はじめてのAzure SphereはじめてのAzure Sphere
はじめてのAzure Sphere
 
第15回cloudstackユーザー会
第15回cloudstackユーザー会第15回cloudstackユーザー会
第15回cloudstackユーザー会
 
Container deployment on Azure
Container deployment on AzureContainer deployment on Azure
Container deployment on Azure
 
Visual Studio 2017 で Azure Functions の開発
Visual Studio 2017 で Azure Functions の開発Visual Studio 2017 で Azure Functions の開発
Visual Studio 2017 で Azure Functions の開発
 
Azure Functions あれこれ
Azure Functions あれこれAzure Functions あれこれ
Azure Functions あれこれ
 
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
 
会社にGitHub Enterpriseを導入してみた話
会社にGitHub Enterpriseを導入してみた話会社にGitHub Enterpriseを導入してみた話
会社にGitHub Enterpriseを導入してみた話
 
Azure Function GAした!Visual Studio Tools for Azure Functions もプレビューだ!
Azure Function GAした!Visual Studio Tools for Azure Functions もプレビューだ!Azure Function GAした!Visual Studio Tools for Azure Functions もプレビューだ!
Azure Function GAした!Visual Studio Tools for Azure Functions もプレビューだ!
 
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップおすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップ
 
Drupalによる大規模サイトの設計・実装 において何に気をつけるべきか
Drupalによる大規模サイトの設計・実装において何に気をつけるべきかDrupalによる大規模サイトの設計・実装において何に気をつけるべきか
Drupalによる大規模サイトの設計・実装 において何に気をつけるべきか
 
開発環境としてのAwsを真面目に考える jawsug2013三都物語公開用
開発環境としてのAwsを真面目に考える jawsug2013三都物語公開用開発環境としてのAwsを真面目に考える jawsug2013三都物語公開用
開発環境としてのAwsを真面目に考える jawsug2013三都物語公開用
 
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LTデベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LT
 
エンジニアがプロダクト育成を始めるまでにやったこと
エンジニアがプロダクト育成を始めるまでにやったことエンジニアがプロダクト育成を始めるまでにやったこと
エンジニアがプロダクト育成を始めるまでにやったこと
 
Automation with SoftLayer and Zabbix
Automation with SoftLayer and ZabbixAutomation with SoftLayer and Zabbix
Automation with SoftLayer and Zabbix
 
Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)
 
Global Azure Bootcamp 2019@Tokyo資料【ExpressRoute構築でハメられた】
Global Azure Bootcamp 2019@Tokyo資料【ExpressRoute構築でハメられた】Global Azure Bootcamp 2019@Tokyo資料【ExpressRoute構築でハメられた】
Global Azure Bootcamp 2019@Tokyo資料【ExpressRoute構築でハメられた】
 
土下座パラダイスはこうして生まれた
土下座パラダイスはこうして生まれた土下座パラダイスはこうして生まれた
土下座パラダイスはこうして生まれた
 
JAWS-UG山形 AWSのきほん 2016/11/12
JAWS-UG山形 AWSのきほん 2016/11/12 JAWS-UG山形 AWSのきほん 2016/11/12
JAWS-UG山形 AWSのきほん 2016/11/12
 

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

  • 1. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. Androidアプリ屋だ けどWebフロントエ ンド開発にアサイン された件について 2013年8月24日 木原 卓也 ( @tacck )
  • 2. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 名前: 木原 卓也 Twitter: @tacck Facebook: http://www.facebook.com/tacck 出身地: 熊本県 好きな *BSD: FreeBSD 自己紹介
  • 3. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 何やってんの? • ここ2 3年は某社常駐でAndroidアプリの設 計/開発が中心。 • 某社から発売されているスマートフォンの 標準搭載ブラウザの開発/カスタマイズが多 め。
  • 4. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 今回のお話 Androidプロジェクト完了後、新規 アプリケーション開発プロジェクト のC++チームとしてジョインしたと 思ったら、Webフロントエンド開 発チームにアサインされていた件に ついて。
  • 5. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 今回のお話      ,. --'''''""̈̈̈ヽ          (.___,,,... -ァァフ¦           ¦i i¦    }! }} //¦          ¦l、{   j} /,,ィ//|         i¦:!ヾ、_ノ/ u {:}//ヘ         ¦リ u' }  ,ノ _,!V,ハ ¦        /́fト、_{ル{,ィ'eラ , タ人      /'   ヾ¦宀¦ {́,)͡`/ ¦<ヽトiゝ     ,゙  / )ヽ iLレ  u' ¦ ¦ ヾlトハ〉      ¦/_/  ハ !ニ  '/:}  V:::::ヽ     // 二二二7'T'' /u' __ /:::::::/`ヽ    /'́r -―一ァ-゙T́ '"́ /::::/--  \     / //   广̈́  /'   /:::::/́ ̄`ヽ ͡ヽ   ノ ' /  ノ:::::`ー-、___/::::://       ヽ  } _/`丶 /:::::::::::::::::::::::::: ̄`ー-{:::...       イ
  • 6. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 当初 • 6月 • 某社から発売予定である某モバイル端末に 搭載する、某アプリケーションの開発プロ ジェクトに参加。 • C++のチーム(四名)
  • 7. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. アプリの構成 UI HTML/CSS JavaScript HTML/CSS JavaScript UI Web SDK ロジック Native SDK C++ ロジック Native SDK
  • 8. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. アプリの構成 UI HTML/CSS JavaScript HTML/CSS JavaScript UI Web SDK ロジック Native SDK C++ ロジック Native SDK ここ
  • 9. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 発端 • 6月末 偉い人「誰かUI確認用のサンプル画面作成手伝 ってくれない?(気軽」
  • 10. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. そして • 何故か私がやることに。 • まぁ、でも、サンプル画面の作成くらいな ら。。。 • JavaScript見た事あるし。
  • 11. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. ちなみに • この時点でのJavaScriptの構成 • jQuery • 某OS SDK (jQuery Mobileベース) • Backbone.js
  • 12. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 未知との遭遇や。。。
  • 13. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. さらに • サンプル画面は動き無しで良い予定だった が、大人の事情によりある程度の動作を含め ることに。
  • 14. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. ついでに • あれ、サンプル画面作成だけじゃなくて、正 式にUIチーム入りっすか!?
  • 15. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. ( ゜Д゜)ポカーン
  • 16. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 2ヶ月弱経過 • 業務期間中は、基礎に立ち返った学習の時間 を十分にとれない。 • とはいえ、それが世の常。 • 直近のAndroidアプリ開発の経験と照らし合 わせながら、開発を進める日々。
  • 17. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. Android Web ロジック レイアウト Java JavaScript XML HTML CSS Android vs Web
  • 18. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. Android vs Web • こういう機能、こういう画面をAndroidで作 るなら、、、 • Javaでこんな風に書くなー。 • XMLでこう表現できるなー。 • という想像をして、JavaScript、HTML/CSS で書いていく。 • 何とか、言語の壁を乗り越え中。
  • 19. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. アプリケーション 想像のための ポイント 仕様 機能/インタフェース 開発言語 C++ Java JavaScript etc... 開発環境 PC モバイル etc... 動作 CPU
  • 20. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. アプリケーション 想像のための ポイント 仕様 機能/インタフェース 開発言語 C++ Java JavaScript etc... 開発環境 PC モバイル etc... 動作 CPU 言語・環境問わず共通
  • 21. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 人が使う • Webアプリだろうと、ネイティブアプリだろ うと、使う人には関係ない。 • 心地よく、使いたい機能を使える事。 • 「人が使う」ことを念頭に、機能やインタ フェース(つまり仕様)をきちんと考え、自分 の中で解釈して開発に取り組む。
  • 22. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. • アプリケーションを動かしているのはCPU。 • CPUが理解できるのはマシン語だけ。 • どんな言語でも、最後はマシン語になる。 • 自分の書いたコードが、どのようにマシン語 になっていくかを想像することが重要。 CPUが動かす
  • 23. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. • 誰でもエンジニアになれる!!! ポイントを おさえれば
  • 24. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. • 誰でもエンジニアになれる!!! ポイントを おさえれば かもしれない。
  • 25. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 最後に • 弊社の凄腕JavaScriptエンジニア曰く
  • 26. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. 最後に • 弊社の凄腕JavaScriptエンジニア曰く 「JavaScriptは心で書くもの」
  • 27. Copyright © 2013 Takuya KIHARA / Tacck.NET All rights reserved. ありがとうございました。