monacaでスマホアプリを作る!新しいプロジェクトを作成してみる。

皆さんこんにちは。

monacaでスマホを作ることを目標にしているコーナーです。

前回は、monacaにサインアップするところまででした。

今回は、いよいよアプリを作る第一歩として、monaca上にプロジェクトを作成してみます。

 

プロジェクトの作成

まずはログインし、ダッシュボードを表示します。

monaca-dashboard

すると、「プロジェクトの作成」というボタンがあるので、素直にそれをクリックします。下図の通りざーっと、プロジェクトのテンプレートが表示されます。その数なんと20!

monaca-new-project

画像だと見難いかもしれませんので、選べるテンプレートの名前だけ転記します。

  • Hello Worldアプリ
  • 最小限のテンプレート
  • RSSリーダー
  • メモ帳アプリ
  • ブロック崩し
  • Onsen UI最小限のテンプレート
  • Onsen UI Sliding Menu
  • Onsen UI Tabbar
  • Onsen UI Master-Detail
  • Twitter Client
  • Facebook Client
  • Backend Memo
  • Inmobi Client
  • Flickr Sample
  • TODO App
  • Train Catalog
  • Clock App
  • BirthYear App
  • Omikuji Fortune Telling App
  • iBeacon

この中から自分がつくろうとしているアプリに近いものを選ぶということなんですね。私は、「Onsen UI最小限のテンプレート」を選びました。ただし、「Onsen UI」とは何のことなのか全くわかりません。これから勉強します。

onsen-ui-minimum

 

「Onsen UI最小限のテンプレート」を選択すると、こんな画面が表示されます。

monaca-new-project-input

画面の指示に従い入力後、「プロジェクトを作成する」ボタンを押すと、プロジェクトが作成されます。

 

プロジェクト作成後

プロジェクトの作成が終わると、自動的にダッシュボードが表示されます。

monaca-dashboard-after-make-new-project

ダッシュボードに先ほど作成したプロジェクトが表示されていますね。「New」となっているのでわかりやすいですね。

新しく作成したプロジェクトを開いてみましょう。

monaca-open-onsen-minimum-project

これで、プロジェクト作成が完了です。

 

プロジェクトが出来たので、いよいよアプリ開発に進んでいきましょう。

その前に、まずはOnsen UIについて勉強しないとっ!

 

ad

関連記事

Bootstrapってなんなの?状態の初心者がBootstrapについて勉強してみる その4

Bootstrapってなんなの?状態の初心者がBootstrapについ...

記事を読む

もう、削除してしまっても慌てない!

皆さんこんにちは。 パソコンを使っていると、誤って大事なファイルを削...

記事を読む

no image

NTTドコモ2014夏モデル発表会が行われました。

昨日、ドコモの2014夏モデル発表会が行われました。 発表された機...

記事を読む

Zenfone5ポチった―

以前から、zenfone5を欲しがっていました。 そのことについては、...

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PAGE TOP ↑