閉じる
閉じる
閉じる
  1. よろず幻夜館[高階良子]漫画4巻最終回を無料ダウンロードする方法!ネタ…
  2. 仁義アルパカ[ぶしやま]漫画3巻最終回を無料ダウンロードする方法!ネタ…
  3. 5巻で完結!!グッド・ナイト・ワールド[岡部閏]最終回の無料ダウンロー…
  4. 神つり[ほろばいさ子]漫画2巻最終回を無料ダウンロードする方法!ネタバ…
  5. 7巻で完結!!重機甲乙女 豆だけど[真鍋譲治]最終回の無料ダウンロード…
  6. たよスポ![王嶋環]漫画2巻最終回を無料ダウンロードする方法!ネタバレ…
  7. 3巻で完結!!ゴーゴーダイナマイツ[小池定路]最終回の無料ダウンロード…
  8. ヒゲとセーラー[桐原小鳥]漫画3巻最終回を無料ダウンロードする方法!ネ…
  9. まんが親[吉田戦車]漫画5巻最終回を無料ダウンロードする方法!ネタバレ…
  10. ちゅうでれ![夏目文花]無料ダウンロードはこちらから!ネタバレ感想もあ…
閉じる

スマホクラブ

アプリを作るための無料のAndroidアプリ「PineVentor」での作成方法のまとめ

  • このエントリーをはてなブックマークに追加
見本

 

おはようございます。トレーズです。

スマートフォンを使う時に、欠かせないのがアプリなどですが、アプリを自分で作ってみたいという方もいらっしゃると思います。

例えば、既存のアプリで気にいらない点があったり、特殊なシステムで誰も専用アプリを作ってくれない場合とか、自分でゲームを作ってみたいとか、理由は色々考えられますね。

作ってみたいけど、大変そう…。とか、そもそもがパソコンを持っていないし…とかの理由で、作るのを諦めている方に朗報です!

「PineVentor」は、無料で使用できます。
Androidアプリを作るための無料アプリで、あなたも自分好みのアプリを作ってみませんか?

Androidアプリ「PineVentor」で、無料でアプリを作る方法のまとめ

「PineVentor」はアプリなので、PCが必要ありません。
「プログラム編集モード」「実行モード」があり、アプリの画面をデザインしたり、プログラムの編集もスマートフォン上から行えます。

なので、作成には全くPCを使いません。
現場や出張先でも、PCがなくても、その場でアプリの手直しが出来るんです。

「PineVentor」の使い方としては、「コンポーネント」という部品のようなものを組み合わせてアプリを作ります。
この「コンポーネント」を呼び出すだけで、カメラ、バーコード、ネットでの情報収集などが出来てしまうんですね。

プログラム自体は、何かのボタンが押された時やバーコードを読み取った時など、場面場面で行われるので、プログラムの処理自体は簡単に書けます。

「PineVentor」は、ブラウザ画面にJavaスクリプトを使い表示させるので、スマートフォンとPCの機能差がわずかにあります。
ですが、ほぼWebアプリと同じことが出来るので、簡単なアプリだけではなく、製品版に近いアプリも頑張れば書くことが出来ます。

<インストールの仕方と起動方法>

「PineVentor」では、アプリを作りたいと思った時、特別な準備(エディタの用意ですとか、ソフトのダウンローなど)が要りません。
「PineVentor」をインストールして、起動するだけでOKです。

インストール先は、↓です。
PineVentorアプリ

インストールが完了したら、パイナップル(パイン)のアイコンをクリックして起動します。

写真

画像は、アプリの管理画面です。
ここで、左下[import]ポタンをクリックすると、サンプルアプリをいくつかロードすることができます。中央の[new]ボタンをクリックすると、新しいアプリを作成できます。

「PineVentor」は、Android OSに内臓されている「Webview」や「絵文字」を使っているので、機種のバージョンや画面の大きさなどによって、若干見栄えが違うことがあるので、注意が必要です。

<アプリの作成>

写真2

アプリの管理画面で「new」ボタンを押し、新規のアプリ名を作って保存します。
「PineVentor」は、コンポーネントを使ってアプリを作るのですが、コンポーネントには様々な種類があります。
画面表示HTMLタグ相当のものから、インターネットアクセスやバーコードリーダーの起動などが用意されているので、PCがなくてもアプリが簡単に作れるんですね。

写真3

デザイン画面上部中央の[create]ボタンをクリックすると、コンポーネントの選択画面が表示されるので、追加したいコンポーネントのボタンをクリックします。
コンポーネントの名前をつけて、保存します。

写真4

コンポーネントのプロパティ画面になります。
コンポーネントには画面に表示されるものとされないものがあるようで、コンポーネントの選択で上の方にある「HTML Parts」にある種類のものは、画面に表示されるタイプで、あとは画面には表示されないタイプとなります。

表示されるタイプのコンポーネントでは、ドラッグで位置の変更が出来ますし、プロパティ画面では、大きさや表示するテキストの変更などが行えます。
プロパティを変更するのも、プロパティボタンをクリックして、値を打ち込むだけでOKです。

左端[Width]の横にある鍵アイコンのボタンは、コンポーネントの位置ロックで、鍵がロックしていない時だけ、ドラッグで位置変更が可能となります。

<メソッドとは?>

写真5

コンポーネントに付属する処理をメソッドと呼びますが、Javascriptの関数と同じような作りになってます。

メソッドにはボタンが押されたとき、バーコードから値を読んだとき、通信が完了して値が取得できたとき、などのようにイベントがあったときに呼ばれるものがあります。これらイベントメソッドはコンポーネントを作成したときに、最初から定義されています。

コンポーネントのプロパティ画面にある、水色の[Method]タグをクリックすると、そのコンポーネントに定義されているメソッドの一覧を見ることができます。

ユーザーがボタンを押す時に、対応するメソッドは「cButtonA.onClick(te)」です。
コンポーネント一覧から「onClick(te) 」をクリックすると、メソッドの編集画面に移ります。

この部分にJavascriptで何か書けば、ポタンを押したときにそのスクリプトが実行されるようになります。
例として、バーコードリーダーを起動したい時には、「cBarcodeA.open();」と書きます。

スマートフォンの小さい画面でいろいろタイプするのは大変と言う時には、メソッド編集画面の一番上に、各コンポーネントとそれに対応するメソッドを入力するためのテンプレートがありますので、それを使うと良いです。

基本の作り方は、以上です。

もっと詳しい作り方を知りたい方は、下記のページを参照して下さい。

アプリを作るためのAndroidアプリ「PineVentor」の記事

こちらのページの通りに作ると、こんな画面が出来ちゃいます。

写真6

サンプルも用意されているので、サンプルアプリをロードして、時間の短縮も狙えそうです。

写真7

ガイドブックも用意されているみたいです。気になる方は、↓の画像をクリック!

ガイドブック

こんな動画もUPされてるみたいです。

 

ツイッターでの反応も見てみましょう!

公式ページ?でしょうかね。

本当に面白そうですよね。w

書籍情報の取得とかも、面白そうですね。

 

他にも、「PineVentor」とは直接関係はありませんが、アプリの入門書として使うと良いかも知れません。

それでは、無料でAndroidアプリを作ることが出来る、「PineVentor」のアプリについて作成方法をまとめてみました。
自分好みのアプリを作りたいと言う方は、試してみて下さいね。

SPONSORED LINK
  • このエントリーをはてなブックマークに追加

関連記事

  1. スマホ パスタ レシピ

    人気アプリ「クックパッド」で作れる!かんたん美味しい絶品パスタベ…

  2. アイコン

    ストリートビューで旅行も安心!お出かけにはGoogleMap!

  3. メイン1

    一瞬で美人に写真加工できる話題の無料カメラ&美容アプリ…

  4. pr_source

    仲間をさがそう HIROBAがユーザー数50万人突破!仲間をさが…

  5. unnamed

    GoogleMapsを使いこなそう!周辺情報を得るならグーグルマ…

  6. 131009_topics_service01

    本棚も持ち運びも不要! 読書が楽しくなるおすすめアプリはこれだ!…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る