クリップボード

ITのことなどをこっそり黒板に書いていきます。

自由制作 第一回目

アプリ開発します

今日からアプリ開発をしていきます

各自好きな開発環境をつかって何かつくれとのことでしたので「Monaca」でクイズアプリをつくろうと思ったのですが…

正直に言ってむり!!!!!!

↓これを参考に始めてみたのですが、page1見つからない!!!!

バージョンも違うのか所々わからないから適当に探していく…

チュートリアル (JavaScript) : Monacaでクイズアプリを作る(前半) | ニフクラ mobile backend

 

ていうことで、今日のブログはMonacaにもともと入っているブロック崩しandroidでデバッカーしてみたよってやつです

 

f:id:biry2280115:20181018142443p:plain

 

ブロック崩しのテンプレートを開いたのが上↑の画面です

index.htmlというファイルがスタート画面のページになります

細かいことは追々!

今日の目標はスマホで動作確認できれば良しとします

 

まずスマホで動作確認するためには、Monaca専用のアプリをインストールする必要があります

play.google.com

 

f:id:biry2280115:20181018143702j:plain

 

アプリでログインしてブロック崩しを開くと、上の画面がでてきて実際にブロック崩しをすることができます

Monacaはこのように簡単にデバックすることが出来るので便利ですね

明日はなにかきちんとしたアプリをつくりたいと思います

 

 

 

 

 

 

 

if (! document.URL.match("/archive")) { [].forEach.call(document.querySelectorAll('.entry-thumb'), function(n) { let img = n.style.backgroundImage; img = img.substring(4, img.length - 1).replace(/"/g, ''); n.style.backgroundImage = 'url(' + img.split('/').pop().replace('%3A', ':').replace(/%2F/g, '/') + ')'; }); } if (! document.URL.match("/archive")) { [].forEach.call(document.querySelectorAll('.entry-thumb'), function(n) { let img = n.style.backgroundImage; img = img.substring(4, img.length - 1).replace(/"/g, ''); n.style.backgroundImage = 'url(' + img.split('/').pop().replace('%3A', ':').replace(/%2F/g, '/') + ')'; }); }