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