閉じる
  1. GALAXY おすすめスマホケースランキング5
閉じる
閉じる
  1. 刀剣乱舞と浅草文庫がコラボ!手帳型スマホケースがかっこいい
  2. アマゾンベーシック人気イヤホン・ヘッドホンランキング
  3. Xperia XZsのスマホカバーケースまとめ
  4. 14巻で完結!?シュトヘル[伊藤悠]最新刊の無料立ち読みとダウンロード…
  5. 3巻で完結!?黒猫の駅長さん[山口悠]最新刊の無料立ち読みとダウンロー…
  6. コレットは死ぬことにした[幸村アルト]6巻の無料立ち読みとダウンロード…
  7. iPhoneで人気!急速充電できるマグネット充電ケーブルおすす…
  8. 俺様ティーチャー[椿いづみ]23巻の無料立ち読みとダウンロードはコチラ…
  9. 外道の歌[渡邊ダイスケ]最新3巻の無料立ち読みとダウンロードはコチラか…
  10. GALAXY おすすめスマホケースランキング5
閉じる

スマホクラブ

アプリを作るための無料の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. buzz8

    無料アプリ【buzzHOME】ならお気に入りの壁紙やアイコンが見…

  3. 7031

    東京MXが無料視聴できるスマホアプリ「エムキャス」が登場!

  4. NAVITIME(ナビタイム)02

    ドライブルート検索の所要時間を徹底比較!カーナビvsスマホがカー…

  5. 000

    スケジュール管理を手軽にできるカレンダー系Android無料アプ…

  6. アイキャッチ

    料理が美味しそうに見えるカメラアプリ!料理撮影テクニックがアップ…

おすすめ記事

  1. GALAXY おすすめスマホケースランキング5

コメント

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

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

ページ上部へ戻る