Enviar pesquisa
Carregar
20120316 designerworkshoppublished
•
1 gostou
•
698 visualizações
Yoichiro Sakurai
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 20
Baixar agora
Baixar para ler offline
Recomendados
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
Onsen UIが目指すもの
Onsen UIが目指すもの
アシアル株式会社
PhoneGap勉強会 in 熊本
PhoneGap勉強会 in 熊本
Suguru Murakami
ホットペッパービューティーアプリリプレイスとMVCP
ホットペッパービューティーアプリリプレイスとMVCP
Recruit Lifestyle Co., Ltd.
ブラウザで作るスマートフォンアプリ統合環境Monacaの紹介
ブラウザで作るスマートフォンアプリ統合環境Monacaの紹介
Kenichi Yamada
Azure Mobile ServicesとAzure Mobile Apps
Azure Mobile ServicesとAzure Mobile Apps
Masaki Yamamoto
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
iphone5 発表イベント 最速まとめLT
iphone5 発表イベント 最速まとめLT
VOYAGE GROUP
Recomendados
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
Onsen UIが目指すもの
Onsen UIが目指すもの
アシアル株式会社
PhoneGap勉強会 in 熊本
PhoneGap勉強会 in 熊本
Suguru Murakami
ホットペッパービューティーアプリリプレイスとMVCP
ホットペッパービューティーアプリリプレイスとMVCP
Recruit Lifestyle Co., Ltd.
ブラウザで作るスマートフォンアプリ統合環境Monacaの紹介
ブラウザで作るスマートフォンアプリ統合環境Monacaの紹介
Kenichi Yamada
Azure Mobile ServicesとAzure Mobile Apps
Azure Mobile ServicesとAzure Mobile Apps
Masaki Yamamoto
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
iphone5 発表イベント 最速まとめLT
iphone5 発表イベント 最速まとめLT
VOYAGE GROUP
Uicollectionview
Uicollectionview
towaki777
ゲームエンジンの中の話
ゲームエンジンの中の話
Masayoshi Kamai
Swiftのプロパティオブザーバを使い倒す
Swiftのプロパティオブザーバを使い倒す
Tomoki Hasegawa
Monaca+Onsen UIで作るアプリ事始め
Monaca+Onsen UIで作るアプリ事始め
Kenichi Inoue
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
Potatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwaya
Akira Iwaya
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -
Midori Hirose
ABC2016 Spring: Mobile App UX & Design Sprint
ABC2016 Spring: Mobile App UX & Design Sprint
Nobuya Sato
Scc2013 air
Scc2013 air
Jun Futakawa
やはりお前らのiOS7対応は間違っている
やはりお前らのiOS7対応は間違っている
今城 善矩
iOS 7 対応事例 FastCheckin
iOS 7 対応事例 FastCheckin
Kosuke Ogawa
手持ちの写真への朝渋ロゴの合成方法
手持ちの写真への朝渋ロゴの合成方法
Masaya Chonan
iOS13 SDK による 全機能置き換え Part1
iOS13 SDK による 全機能置き換え Part1
Kaname Noto
Monacaによるモバイルアプリ開発ことはじめ
Monacaによるモバイルアプリ開発ことはじめ
アシアル株式会社
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
アシアル株式会社
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
vaccho
チーム「ヘップバーン」- 2020/09 キャンプハッカソン
チーム「ヘップバーン」- 2020/09 キャンプハッカソン
Saito Kotaro
2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料
Eiichi Yoshikawa
App inventorで想いを形に
App inventorで想いを形に
Takeaki Tada
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
Yossy Taka
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Nobutaka OSHIRO
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
Monaca
Mais conteúdo relacionado
Mais procurados
Uicollectionview
Uicollectionview
towaki777
ゲームエンジンの中の話
ゲームエンジンの中の話
Masayoshi Kamai
Swiftのプロパティオブザーバを使い倒す
Swiftのプロパティオブザーバを使い倒す
Tomoki Hasegawa
Monaca+Onsen UIで作るアプリ事始め
Monaca+Onsen UIで作るアプリ事始め
Kenichi Inoue
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
Potatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwaya
Akira Iwaya
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -
Midori Hirose
ABC2016 Spring: Mobile App UX & Design Sprint
ABC2016 Spring: Mobile App UX & Design Sprint
Nobuya Sato
Scc2013 air
Scc2013 air
Jun Futakawa
やはりお前らのiOS7対応は間違っている
やはりお前らのiOS7対応は間違っている
今城 善矩
iOS 7 対応事例 FastCheckin
iOS 7 対応事例 FastCheckin
Kosuke Ogawa
手持ちの写真への朝渋ロゴの合成方法
手持ちの写真への朝渋ロゴの合成方法
Masaya Chonan
iOS13 SDK による 全機能置き換え Part1
iOS13 SDK による 全機能置き換え Part1
Kaname Noto
Monacaによるモバイルアプリ開発ことはじめ
Monacaによるモバイルアプリ開発ことはじめ
アシアル株式会社
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
アシアル株式会社
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
vaccho
チーム「ヘップバーン」- 2020/09 キャンプハッカソン
チーム「ヘップバーン」- 2020/09 キャンプハッカソン
Saito Kotaro
2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料
Eiichi Yoshikawa
App inventorで想いを形に
App inventorで想いを形に
Takeaki Tada
Mais procurados
(19)
Uicollectionview
Uicollectionview
ゲームエンジンの中の話
ゲームエンジンの中の話
Swiftのプロパティオブザーバを使い倒す
Swiftのプロパティオブザーバを使い倒す
Monaca+Onsen UIで作るアプリ事始め
Monaca+Onsen UIで作るアプリ事始め
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Potatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwaya
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -
ABC2016 Spring: Mobile App UX & Design Sprint
ABC2016 Spring: Mobile App UX & Design Sprint
Scc2013 air
Scc2013 air
やはりお前らのiOS7対応は間違っている
やはりお前らのiOS7対応は間違っている
iOS 7 対応事例 FastCheckin
iOS 7 対応事例 FastCheckin
手持ちの写真への朝渋ロゴの合成方法
手持ちの写真への朝渋ロゴの合成方法
iOS13 SDK による 全機能置き換え Part1
iOS13 SDK による 全機能置き換え Part1
Monacaによるモバイルアプリ開発ことはじめ
Monacaによるモバイルアプリ開発ことはじめ
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
チーム「ヘップバーン」- 2020/09 キャンプハッカソン
チーム「ヘップバーン」- 2020/09 キャンプハッカソン
2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料
App inventorで想いを形に
App inventorで想いを形に
Semelhante a 20120316 designerworkshoppublished
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
Yossy Taka
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Nobutaka OSHIRO
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
Monaca
SwiftによるiOS開発再入門
SwiftによるiOS開発再入門
Tomoki Hasegawa
できる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:Webからはじまるアプリ
Masami Yabushita
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Mitsuru Katoh
Phone gap + monaca
Phone gap + monaca
akimichi Yamada
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Monaca
RubyKaigi2009 - RubyをつかったiPhoneアプリケーション開発
RubyKaigi2009 - RubyをつかったiPhoneアプリケーション開発
takuma mori
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
Masaru Gushiken
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
Monaca
Sharoid Service Menu
Sharoid Service Menu
sharoid
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
takeuchi-tk
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Katsuaki Sato
非エンジニアのためのIT勉強会 ハイブリッドフレームワーク
非エンジニアのためのIT勉強会 ハイブリッドフレームワーク
Kaz Furukawa
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Yoshito Tabuchi
Semelhante a 20120316 designerworkshoppublished
(20)
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
SwiftによるiOS開発再入門
SwiftによるiOS開発再入門
できる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Phone gap + monaca
Phone gap + monaca
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
RubyKaigi2009 - RubyをつかったiPhoneアプリケーション開発
RubyKaigi2009 - RubyをつかったiPhoneアプリケーション開発
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
Sharoid Service Menu
Sharoid Service Menu
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
非エンジニアのためのIT勉強会 ハイブリッドフレームワーク
非エンジニアのためのIT勉強会 ハイブリッドフレームワーク
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Mais de Yoichiro Sakurai
XcodeのTargetについてのTIPS
XcodeのTargetについてのTIPS
Yoichiro Sakurai
javascript を Xcode でテスト
javascript を Xcode でテスト
Yoichiro Sakurai
Objective-C/Swift コードの共用
Objective-C/Swift コードの共用
Yoichiro Sakurai
Xcode で gulp を使うお話
Xcode で gulp を使うお話
Yoichiro Sakurai
開発を加速させるRetty式チーム開発術 Reloaded
開発を加速させるRetty式チーム開発術 Reloaded
Yoichiro Sakurai
チームを加速させるRetty式開発術
チームを加速させるRetty式開発術
Yoichiro Sakurai
1人でも頑張れる!Retty式開発環境
1人でも頑張れる!Retty式開発環境
Yoichiro Sakurai
NSInvocationの便利さとハマりどころ
NSInvocationの便利さとハマりどころ
Yoichiro Sakurai
Google admobmediationで広告最適化
Google admobmediationで広告最適化
Yoichiro Sakurai
Crashlyticsでクラッシュ撲滅作戦
Crashlyticsでクラッシュ撲滅作戦
Yoichiro Sakurai
TestFlight自動化でらくらくチームテスト
TestFlight自動化でらくらくチームテスト
Yoichiro Sakurai
20130216 workshop
20130216 workshop
Yoichiro Sakurai
20121028i phonedeveloperworkshop
20121028i phonedeveloperworkshop
Yoichiro Sakurai
20120826i phonedeveloperworkshop
20120826i phonedeveloperworkshop
Yoichiro Sakurai
20120616i phonedeveloperworkshop
20120616i phonedeveloperworkshop
Yoichiro Sakurai
20120422i phonedeveloperworkshoppublished
20120422i phonedeveloperworkshoppublished
Yoichiro Sakurai
20120219i phonedeveloperworkshoppublished
20120219i phonedeveloperworkshoppublished
Yoichiro Sakurai
20111030i phonedeveloperworkshoppublished
20111030i phonedeveloperworkshoppublished
Yoichiro Sakurai
20110424i phonedeveloperworkshoppublish
20110424i phonedeveloperworkshoppublish
Yoichiro Sakurai
Mais de Yoichiro Sakurai
(19)
XcodeのTargetについてのTIPS
XcodeのTargetについてのTIPS
javascript を Xcode でテスト
javascript を Xcode でテスト
Objective-C/Swift コードの共用
Objective-C/Swift コードの共用
Xcode で gulp を使うお話
Xcode で gulp を使うお話
開発を加速させるRetty式チーム開発術 Reloaded
開発を加速させるRetty式チーム開発術 Reloaded
チームを加速させるRetty式開発術
チームを加速させるRetty式開発術
1人でも頑張れる!Retty式開発環境
1人でも頑張れる!Retty式開発環境
NSInvocationの便利さとハマりどころ
NSInvocationの便利さとハマりどころ
Google admobmediationで広告最適化
Google admobmediationで広告最適化
Crashlyticsでクラッシュ撲滅作戦
Crashlyticsでクラッシュ撲滅作戦
TestFlight自動化でらくらくチームテスト
TestFlight自動化でらくらくチームテスト
20130216 workshop
20130216 workshop
20121028i phonedeveloperworkshop
20121028i phonedeveloperworkshop
20120826i phonedeveloperworkshop
20120826i phonedeveloperworkshop
20120616i phonedeveloperworkshop
20120616i phonedeveloperworkshop
20120422i phonedeveloperworkshoppublished
20120422i phonedeveloperworkshoppublished
20120219i phonedeveloperworkshoppublished
20120219i phonedeveloperworkshoppublished
20111030i phonedeveloperworkshoppublished
20111030i phonedeveloperworkshoppublished
20110424i phonedeveloperworkshoppublish
20110424i phonedeveloperworkshoppublish
20120316 designerworkshoppublished
1.
Webデザイナにも作れる! スマフォアプリ基礎知識
2012/03/16 朔 洋一郎(@saku2saku)
2.
自己紹介 •
名前 • 朔 洋一郎 •Twitter: @saku2saku Facebook: facebook.com/saku2saku • 趣味 • プログラミング • 漫画読むこと • 読書 • 料理 • 趣味創り
3.
製作 •
iPhoneアプリ • 世界夜景旅行 for iPhone • MusicPlayerSleepTimer • MusicPlayerSleepTimerFree • iPadアプリ • 世界夜景旅行 • 工場夜景探検 • Web • こみったー http://comitter.com/ • さくさく日記 http://iphonework.biz/ • iPhone Developer Workshop http://workshop.iphonework.biz/
4.
Webデザイナにも作れる! スマフォアプリ基礎知識
5.
背景 •
現在スマフォの利用率が急激に上昇している • キャリアから出る端末も半分以上がスマフォ • 2011年9月のsankeibiz.jpの記事によれば2010年の国内アプリ市場規 模は全体で約68億円あるとのこと • その中でもiOSがダントツのシェア • また世界でみると、2010年の アプリ市場規模は約5400億円 (約68億ドル)にのぼる • MarketsandMarkets によると2015年 には約2兆円(約250億ドル)に成長する との予測 http://www.sankeibiz.jp/macro/photos/110907/mca1109070503002-p1.htm
6.
アプリ市場に対する
Webデザイナの戦略 • これらの市場に対してプログラマではなくWebデザ イナはどうリーチしていくべきか? 1.Webアプリケーションを作り スマフォのWebブラウザで対応する 2.Webデザイナの技術領域で スマフォアプリを作る
7.
必要とされる
Webデザイナの技術領域 • 基本知識 • HTML5 • JavaScript • CSS3 • フレームワーク • JQuery Mobile • ツール • DreamWeaver CS5.5 • XCode(アプリの場合) • Eclipse(アプリの場合) • etc...
8.
1. Webアプリケーションを作り スマフォのWebブラウザで対応する •
JQuery Mobileなどのクロスプラットフォームフレーム ワークを活用する • http://jquerymobile.com/ • JQuery Mobileとは? • iOS や Android のブラウザで同一に表示される サイトを作成するためのフレームワーク • DreamWeaver CS5.5 はJQuery Mobileでの開発をサポート • http://www.adobe.com/jp/products/dreamweaver.html
9.
JQuery Mobileの学習 •
書籍で勉強 • jQuery Mobile スマートフォンサイト デザイン入門 • 動画で勉強 • ドットインストール http://dotinstall.com/ • JQuery Mobileの基礎 • http://dotinstall.com/lessons/basic_jquery_mobile
10.
余談:ドットインストール •
最近学習をテーマにしたサイトがいくつかオープンしています • その中でもドットインストールはハンズオンで説明される動画 を見ながら学習ができて便利! • 1回分の動画も3分程度になっていて気軽にスタートできる • 最近の講座 • iOSプログラミングの基礎 • PHPの基礎 • MySQLの基礎 • Twitter Bootstrap • etc...
11.
2. Webデザイナの技術領域で
スマフォアプリを作る • ネイティブのスマフォアプリを作るのに必要な技術 • iOS では Objective-C の知識が必要 • Android では Java の知識が必要 Webデザイナが取り組むには ハードルが高かった
12.
近年のアプリ製作 •
HTML5, CSS3, Javascript の技術を使ってネイティブア プリを作成できるフレームワークが登場してきた • Titanium Mobile • http://www.appcelerator.com/ • PhoneGap(Cordova) • http://phonegap.com/ • GameSalad • http://gamesalad.com/
13.
Titanium Mobile •
Apache Licence Version 2.0 のため商用利用も可能 • Javascriptで開発、ネイティブコードに変換してビル ドしてアプリを作成 • カメラや加速度センサ、GPSなどの機能も利用可能 • Titanium Moibleベースで作られているアプリ • MogSnap • Alerm Everyone • Liblis
14.
PhoneGap(Cordova) •
Apache Licence Version 2.0 のため商用利用も可能 • HTML5, CSS3, Javascript で開発、各プラットフォーム の開発ツールでそのままビルドしてアプリを作成 • 実際にはスマフォのブラウザを起動して、その上 でアプリを動作させている • ブラウザの上で動くといっても、ブラウザからネ イティブのAPIをたたくため、カメラや加速度セン サなんかも使えます
15.
PhoneGap(Cordova) http://phonegap.com/about/features
16.
PhoneGap(Cordova) •
PhoneGap(Cordova)はJQuery Mobileをベースに作るこ とも可能 • つまり・・・ • JQuery MobileでWebページを作りつつ • iPhoneアプリやAndroidアプリも製作可能! • まだPhoneGap(Cordova)関連の書籍は少ないけれど、 近いうちPhoneGap(Cordova)とJQuery Mobileの組み合 わせ開発の書籍も出るみたいです
17.
GameSalad •
HTML5, CSS3, Javascript で 開発 • ライセンスはFreeと、 Pro($499/年)の2つ • GUIベースでゲームを 作っていける
18.
GameSalad •
日本語での書籍や情報はまだあまり無い様子 • ただ、日本でも勉強会やセミナーなどもある • Game salad Meetup • 株式会社 Hatchup 主催の勉強会 • http://www.socialtoprunners.jp/app-school/ gamesalad/ • iPhoneゲームアプリコース • Rainbow Apps主催のアプリスクール(有料) • http://school.rainbowapps.com/game
19.
余談:Unity •
iOSアプリやAndroidアプリだけ でなく、PS3 やら Wii やらにも出 力可能 • 開発言語は C# や、Javascript • ライセンスはフリーのものから Proアカウントでは$1,500するも のもある • 3Dゲームを作るのに適した開発 フレームワーク
20.
ミートアップイベント •
Webアプリやスマフォアプリなどのアプリ製作コン テストやイベントがあります • MashupAward • ソーシャルアプリコンテスト • 最近ではコンテストだけではなく、様々な能力(プ ログラミング、デザイン、企画、etc)を持った人材 をミートアップするようなイベントもある • Mashup Meetup • Startup Weekend Tokyo
Baixar agora