Hatena::ブログ(Diary)

himajin315の記録

2011-08-28

appMobi (Hello World)

インストール完了したら早速使ってみましょうか(∩´∀`)∩ワーイ

f:id:himajin315:20110828224932p:image:w360

って言ってもなにを…
と思ったわけですよー(´ω`)ノ

う〜ん。。。とりあえず、APIでしょ(*´ω`*)

画面右上にあるボタンからAPIと書かれたアイコン発見( ´∀`)bグッ!
f:id:himajin315:20110828224931p:image:medium
飛んでみると、、、

f:id:himajin315:20110828225212p:image:w360

Javascript API Reference 発見v( ̄Д ̄)v イエイ

f:id:himajin315:20110828225210p:image:w360

英語しかないみたいだね(´・ω・`)

頑張って読もうか!!


φ(゚Д゚ )フムフム…

へぇ〜(ノ)・ω・(ヾ)

ほうほう(*´ω`*)

使ってみないとわからないwww


実際に使ってるものを探そうではないか!

ってことで Hello World のサンプルを動かしてみよう(・ε・)プップクプー

f:id:himajin315:20110828225801p:image:w360

demo.HelloWorld を選択!
そしたらHelloWorldアプリ起動(*´ω`*)

f:id:himajin315:20110828225914p:image:w360

ついでにソースも(ΦωΦ)フフフ…

~/appMobi/demo.HelloWorld/3.4.0/index.html

にあるので。。。(自分の場合は)

さっそく読みながら動作確認(^^)

いろいろ書かれているけど、重要な部分を見てみることにしよう!

327     <button id="btnBeep" ontouchstart="beepOnce();">Beep</button>

bodyに記述されている。
これが「Beep」のボタンの記述だね。
f:id:himajin315:20110828231557p:image
大事なのは「ontouchstart="beepOnce();"」がなにを指しているのか!?

ページ内で探してみると。。。

95     function beepOnce()       
96     {
97         try
98         {
99             AppMobi.notification.beep(1);
100         }
101         catch(e) {}
102     }

関数が定義されていまいた!
try、catchはエラー対策だと思う(・∀・)
つまり、大事なのはAppMobi.notification.beep(1);がなにを意味しているのか?

早速APIで検索(^^ゞ
f:id:himajin315:20110828232239p:image:w360

「This method will cause the device to beep.」
このメソッドで音が鳴るってことですねφ(゚Д゚ )フムフム…

AppMobi.notification.beep(count);

countの分だけ連続で音が鳴るのか。
ボタンを押して音が鳴る理由がわかりましたv( ̄Д ̄)v イエイ


次行こうw
同様に…

328     <button id="btnVibrate" ontouchstart="vibrateDevice();">Vibrate</button>
329     <button id="btnBark" ontouchstart="bark();">Bark</button>
330     <button id="btnPlayDead" ontouchstart="playDead();">Play Dead</button>

ってあったので、関数探してみると、、、

108             AppMobi.notification.vibrate();

117             AppMobi.player.playSound("sounds/bark02.mp3"); 

124             document.getElementById("shroud").style.display="block";

を発見しました!(beepの下にあった)

それぞれをAPIを探すと、、、
f:id:himajin315:20110828235144p:image:w360

vibrate()はまんまだね。

f:id:himajin315:20110828235143p:image:w360

playSound(soundURL)もまんまだw
soundURLを指定して、指定した音を鳴らすという(°з°)

document.getElementById("shroud").style.display="block"; はJavascriptAPIを見ないといけないみたいだね(´・ω・`)

getElementByIdとは…document.getElementById - 指定IDのエレメント取得 - JavaScriptリファレンス

ほうほう。
どうやら読みこむってことですね。
ここでは。。。

<div id="shroud" style="position:absolute;top:0px;left:0px;color:black;background-color:Black;width:768px;height:1304px;disp\
lay:none;" onclick="wakeUp();" ></div>

を読み込む!!

displayを黒にしていうの状態にするのかφ(゚Д゚ )フムフム…
そして大事になるのがwakeUp();ですね!

127     function wakeUp()            
128     {
129         document.getElementById("shroud").style.display="none";
130     }

関数を見てみると、displayを"none"にしていることがわかる。
PlayDeadはplayDead();という関数を使い、画面の状態を黒にしている。
その過程でgetElementById("shroud")を使い、id="shroud"を参照している。
id="shroud"ではwakeUp()関数が利用され、ボタンを押すことで画面を元に戻す仕組みである。

ってかな感じかなぁ(*´ω`*)

一応ボタンを加えると動作するってのはわかりましたね(b´∀`)ネッ!
次は自分でボタンを作っていろいろやってみようと思います(ノ´∀`*)

roadroad 2012/12/27 13:19 「APIで検索」の方法が分かりません
http://www.appmobi.com/documentation/index.html
↑ここに検索窓などがあるのかと思ったのですが・・・

XDKでソースを表示した状態で、検索結果に飛べたりするのでしょうか?

昨日はじめた初心者なので、初歩過ぎますがお許しください

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/himajin315/20110828/1314540125
Connection: close