初めてのアプリを２ヶ月（プロフラミングは１ヶ月☝）でリリースする方法 〜僕の場合編〜

1. ColonaLabs.com
13年1月28日月曜日

2. 初めてのアプリを２ヶ月で
リリースする方法 （プログラミングは１ヶ月☝）
calm design
小野 哲生
ColonaLabs.com
13年1月28日月曜日

3. はじめに。。。
Corona SDK って、ご存知ですか？
ColonaLabs.com
13年1月28日月曜日

4. Corona SDK って、ご存知ですか？
ColonaLabs.com
13年1月28日月曜日

5. Corona SDK とは？
• クロスプラットフォームな開発ツール
• 開発言語 Lua
• Corona Labs 社 ( coronalabs.com )
ColonaLabs.com
13年1月28日月曜日

6. Corona SDK の特徴は？
• Objective-C, Java不要（１行も！）
• 物理演算（２,３行で！）
• ネイティブ機能へのアクセス
ColonaLabs.com
13年1月28日月曜日

7. Lua 言語 とは？
• 軽量・高速なスクリプト言語
• 言語自体に機能を備えない
• ソニック、ヤマハのルータ、VOCALOID3
ColonaLabs.com
13年1月28日月曜日

8. ちなみに。。。
• Lua は、ポルトガル語で「月」のこと
• Corona は、英語で「太陽の周りの
モワッとしたヤツ」のこと ♨
ColonaLabs.com
13年1月28日月曜日

9. それでは、本題☞
ColonaLabs.com
13年1月28日月曜日

10. それでは、本題☞
初めてのアプリを２ヶ月で
リリースする方法 （プログラミングは１ヶ月☝）
ColonaLabs.com
13年1月28日月曜日

11. テキストの表示
ColonaLabs.com
13年1月28日月曜日

12. --テキストを表示
local hello = display.newText(
"Hello,Corona！",
0, 20,
native.systemFont, 44)
ColonaLabs.com
13年1月28日月曜日

13. 画像の表示
ColonaLabs.com
13年1月28日月曜日

14. --背景画像を表示
local mBackground =
display.newImage("background.png")
--端末のwの取得
local _W = display.contentWidth
--端末のhの取得
local _H = display.contentHeight
--画像の呼出し
local mRect1 = display.newImage("Rect1.png", 0, 0)
--表示位置を中央に設定
mRect1.x = _W/2; mRect1.y = _H/2
ColonaLabs.com
13年1月28日月曜日

15. オブジェクトの
回転
ColonaLabs.com
13年1月28日月曜日

16. local _W = display.contentWidth
local _H = display.contentHeight
--四角形オブジェクトを生成
local hoge = display.newRect(_W/2 -50, _H/2 -5, 100, 10)
--enterFrame関数
local function animate( event )
--毎enterFrameごと１度回転（時計回り）
hoge.rotation = hoge.rotation + 1
end
--enterFrame関数の呼出し
Runtime:addEventListener( "enterFrame", animate );
ColonaLabs.com
13年1月28日月曜日

17. タッチイベント
と
物理演算
ColonaLabs.com
13年1月28日月曜日

18. --物理シミュレーションの呼出し
local physics = require("physics")
--物理シミュレーションの開始
physics.start()
--タッチイベントの関数
local function onTouch(event)
if(event.phase == "began") then
--ボールの呼出し
local mBall = display.newImage("Ball.png", myX, myY)
--ボールのx,yにタッチ位置のx,yを代入
mBall.x = event.x
mBall.y = event.y
--ボールに密度１、摩擦０．１、反発０．５を設定
physics.addBody(mBall, {density = 1, friction = 0.1, bounce = 0.5})
end
end
--タッチイベントの関数呼出し
Runtime:addEventListener("touch", onTouch);
ColonaLabs.com
13年1月28日月曜日

19. 時間の取得
ColonaLabs.com
13年1月28日月曜日

20. local _W = display.contentWidth
local _H = display.contentHeight
--時オブジェクト
local hourField = display.newText( "", 0, 0, "HelveticaNeue-Light", 60 )
--分オブジェクト
local minuteField = display.newText( "", 0, 0, "HelveticaNeue-Light", 60 )
--秒オブジェクト
local obj2 = display.newText("",0, 0, "HelveticaNeue-Light", 60 )
hourField.x = _W/2 -80; hourField.y = _H/2
minuteField.x = _W/2; minuteField.y = _H/2
obj2.x = _W/2 +80; obj2.y = _H/2
--時刻アップデート
local function updateTime()
--timeにOSから取得した時刻を設定
local time = os.date("*t")
--hourTextにtimeから時を取得
local hourText = time.hour
--minuteTextにtimeから分を取得
local minuteText = time.min
--secondText2にtimeから秒を取得
local secondText2 = time.sec
--hourTextが１桁なら
if (hourText < 10) then
--hourTextの１０の位を０にする
hourText = "0" .. hourText
end
--時オブジェクトにhourTextの値を代入
hourField.text = hourText
--minuteText が１桁なら
if (minuteText < 10) then
--minuteTextの１０の位を０にする
minuteText = "0" .. minuteText
end
--分オブジェクトにminuteTextの値を代入
minuteField.text = minuteText
--secondText2 が１桁なら
if (secondText2 < 10) then
--secondText2の１０の位を０にする
secondText2 = "0" .. secondText2
end
--秒オブジェクトにsecondText2の値を代入
obj2.text = secondText2
end
--時刻アップデートの呼出し
updateTime()
--500ミリ秒ごとにタイマーをアップデートをずっと繰り返す
local clockTimer = timer.performWithDelay( 500, updateTime, -1 )
--clockに時オブジェクトを追加
clock:insert( hourField, true )
--clockに分オブジェクトを追加
clock:insert( minuteField, true )
--clockに秒オブジェクトを追加
clock:insert( obj2, true )
ColonaLabs.com
13年1月28日月曜日

21. 組み合わせで出来たアプリ
「drops」の紹介☞
ColonaLabs.com
13年1月28日月曜日

22. Demo
ColonaLabs.com
13年1月28日月曜日

23. Concept
• Simple スッキリしていること
• Easy ハッキリしていること
• Beautiful ウットリできること
ColonaLabs.com
13年1月28日月曜日

24. What I should ?
• Less Colors 色数を少なくする
• One Action 一つの動作で楽しめる
• Calm 穏やかで落ち着く
ColonaLabs.com
13年1月28日月曜日

25. ColonaLabs.com
13年1月28日月曜日

26. ColonaLabs.com
13年1月28日月曜日

27. ColonaLabs.com
13年1月28日月曜日

28. ColonaLabs.com
13年1月28日月曜日

29. ColonaLabs.com
13年1月28日月曜日

30. ColonaLabs.com
13年1月28日月曜日

31. ColonaLabs.com
13年1月28日月曜日

32. ColonaLabs.com
13年1月28日月曜日

33. ColonaLabs.com
13年1月28日月曜日

34. Who is target ?
• 非ゲーマー
• 簡単な操作を求めるユーザー
• 静かに楽しみたいユーザー
ColonaLabs.com
13年1月28日月曜日

35. How to sell ?
• 非広告モデル
• 有料＋アプリ内課金
• CoronaSDK を生かした販売
ColonaLabs.com
13年1月28日月曜日

36. Platform
• ( iPhone・iPad 両対応 )
• ( 画面比率の違いも大丈夫 )
• ( Android 搭載なので☝ )
ColonaLabs.com
13年1月28日月曜日

37. simple sample
• dropsで利用した動き単位パーツDL
☞ https://github.com/TetsuoOno
ColonaLabs.com
13年1月28日月曜日

38. まとめ
ColonaLabs.com
13年1月28日月曜日

39. ２ヶ月でリリースするために...
• 基本的な描画系を抑える
• 基本的なタッチイベントを抑える
• 基本的な画面遷移を抑える
ColonaLabs.com
13年1月28日月曜日

40. もっとも大事なのは。。。
ColonaLabs.com
13年1月28日月曜日

41. もっとも大事なのは。。。
• 始めること☝
• 自分の頭で考えること☝
• 作り上げること☝
ColonaLabs.com
13年1月28日月曜日

42. すみません！！
申し遅れました＞＜
ColonaLabs.com
13年1月28日月曜日

43. 申し遅れました＞＜
今さら自己紹介ですが。。。w
Corona SDK
私、 しております。
AMBASSADOR
ColonaLabs.com
13年1月28日月曜日

44. Corona SDK
って、なぁに？
AMBASSADOR
• ようするにエバンジェリストです
• １ヶ月か２ヶ月に一回、MeetUpします
• ボランティアです
ColonaLabs.com
13年1月28日月曜日

45. Corona SDK
として、こんなこと
AMBASSADOR
• Smartphone World 4月号に紹介記事執筆
• Start Up Week End ISHINOMAKIにて
IT Boot Camp講師 ☞アプリ甲子園出場
• Software Designに掲載予定
ColonaLabs.com
13年1月28日月曜日

46. Corona SDK
とは言うものの
AMBASSADOR
ColonaLabs.com
13年1月28日月曜日

47. Corona SDK
とは言うものの
AMBASSADOR
• 昨年１月までは建築の設計してました
• プログラマー歴は、１年半ほどです
• CoronaSDKも１年ほどです
ColonaLabs.com
13年1月28日月曜日

48. だから。。。
ColonaLabs.com
13年1月28日月曜日

49. あなたにもサクッと
アプリがつくれちゃうんです
しかも、
クロスプラットフォームで
ColonaLabs.com
13年1月28日月曜日

50. そう、
Corona SDK ならね☝
ColonaLabs.com
13年1月28日月曜日

51. ご清聴ありがとうございました
ColonaLabs.com
13年1月28日月曜日