Monaca (JavaScriptã§ä½œã‚‹Android/iPhoneアプリ)

概è¦

Monaca
ãƒã‚¤ãƒ–リットモãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発プラットフォーム
利点:
・HTML5+JavaScriptã§ä½œæˆã—ãŸåŒä¸€ã®WebソースをAndroidアプリã€iOSアプリã«å¤‰æ›ã§ãる。
・無料。
・Web上ã§é–‹ç™ºã§ãる。
・PCã¨ç›´æŽ¥ç¹‹ãŒãªãã¦ã‚‚クラウド上ã®ã‚½ãƒ¼ã‚¹ã‚’デãƒã‚¤ã‚¹ã«ãƒ€ã‚¦ãƒ³ãƒ­ãƒ¼ãƒ‰ã—ã¦å‹•作確èªã§ãる。
欠点:
・Javaã€Objective-Cã§ãれãžã‚Œã‚’作るより少ã—動作ãŒé…ã„。
・Javaã€Objective-Cã§ãれãžã‚Œã‚’ä½œã‚‹ã‚ˆã‚Šå°‘ã—æ©Ÿèƒ½ãŒé™ã‚‰ã‚Œã‚‹ã€‚

プラグイン設定

monaca
jQueryã€jQuery-Mobileã«åŠ ãˆã€GPSã‚„ãƒã‚¤ãƒ–ç­‰ã®ã‚¹ãƒžãƒ›ã®æ©Ÿèƒ½ã‚’使用ã™ã‚‹ç‚ºã®APIã€å¾Œè¿°ã™ã‚‹nend広告ã®API等をã“ã“ã§å–り込む。
å‰è¿°ã®æ§˜ã«ã€Monacaã§ã¯ã‚¢ãƒ—リをhtmlã§ä½œæˆã™ã‚‹ã®ã§headerタグ内ã«ã€
å–り込んã APIファイルを更ã«å–り込むloader.jsã®å‚照を追加ã™ã‚‹ã€‚
<script type="text/javascript" src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
(ã“ã®loader.js内ã«jQueryライブラリ等ã®å‚照コードãŒã‚ã‚‹ã®ã§ç‹¬è‡ªã«å‚照を記述ã™ã‚‹å¿…è¦ã¯ãªã„。追加ã—ã¦ã‚‚無視ã•れる。)

ãƒã‚¤ãƒ–レーション

navigator.notification.vibrate(1000);
※1000:ミリ秒

外部ブラウザ起動

<a href="~" target="_blank">テキスト</a>
ã§ã¯ã‚¢ãƒ—リ内ã«Webサイトを読ã¿è¾¼ã‚“ã§ã—ã¾ã„ã€ã‚¢ãƒ—ãƒªã«æˆ»ã‚Œãªããªã‚‹ã€‚

window.plugins.webintent.startActivity(
  {
    action: window.plugins.webintent.ACTION_VIEW,
    url: 'https://office-yone.com/'
  },
  function() {},
  function() {alert('Failed to open URL via Android Intent')}
);

広告表示

ã“ã“ã§ã¯Android/iPhone用広告を利用
<script type="text/javascript" >
  var nend_params = {"media":99999,"site":99999,"spot":999999,"type":1,"oriented":3};
</script>
ç­‰ã®JavaScriptコードãŒç™ºè¡Œã•れるã®ã§ã€
html上ã«â†“ã®æ§˜ã«è²¼ã‚Šä»˜ã‘る。
<div class="nend_wrapper">
  <script src="http://js1.nend.net/js/nendAdLoader.js"></script>
</div>

<script type="text/javascript" >
  //ウェブサイトを開ã関数(「外部ブラウザ起動ã€å‚ç…§)
  var fnOpenWebSite = function(prmUrl) {
    window.plugins.webintent.startActivity(
      {
        action: window.plugins.webintent.ACTION_VIEW,
        url: prmUrl
      },
      function() {},
      function() {alert('Failed to open URL via Android Intent')}
      );
  };
  
  //ã“ã®å¤‰æ•°ã‚’loader.js内ã§ä½¿ç”¨
  var nend_params;
  
  //iOS/Android処ç†ã‚’切り分ã‘
  if( monaca.isIOS ){
    nend_params = {"media":99999,"site":99999,"spot":99999,"type":1,"oriented":3};
  }
  if( monaca.isAndroid ){
    nend_params = {"media":99999,"site":99999,"spot":99999,"type":1,"oriented":3};
  }
  
  //広告をタップã™ã‚‹ã¨ãã®ã¾ã¾ãƒªãƒ³ã‚¯å…ˆã‚’é–‹ã„ã¦ã—ã¾ã†å¯¾ç­–
  window.addEventListener('load', function() {
    var nend_links = document.querySelectorAll('.nend_wrapper a');
    for(var i = 0; i < nend_links.length; i+=1){
      var href = nend_links[i].href;
      nend_links[i].href = "#";
      nend_links[i].onclick = function(){fnOpenWebSite(href); return false;}
   }
  });
</script>
<div class="nend_wrapper">
  <script src="http://js1.nend.net/js/nendAdLoader.js"></script>
</div>

Follow me!

å‰ã®è¨˜äº‹

CSS 解除