シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > スマホ・モバイル > iPadに絵を描くだけで、仮のアプリやサイトが開発できる「Pentotype」に驚愕!
注目記事ピックアップ
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
share0
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
share0
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
share0
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
スタートアップや企業Webサイトの作成に必要な機能全部入りの「uKit」が無料公開中!
share0
スタートアップや企業Webサイトの作成に必要な機能全部入りの「uKit」が無料公開中!
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
share0
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
今すぐスマホを「リモコン」代わりに遊べる厳選Webアプリが、盛り上がること間違いなし!
share0
今すぐスマホを「リモコン」代わりに遊べる厳選Webアプリが、盛り上がること間違いなし!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
share0
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
海外のニッチな情報収集に特化したWebサービス7選が、Google先生より詳しいと話題に!
share0
海外のニッチな情報収集に特化したWebサービス7選が、Google先生より詳しいと話題に!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!
share0
「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!
スマホ・モバイル
2014/01/30 21:50

iPadに絵を描くだけで、仮のアプリやサイトが開発できる「Pentotype」に驚愕!


どうも、まさとらん(@0310lan)です!

みなさんも、一度くらいは「スマホサイトやアプリを作ってみよう!」…と、考えたことはありませんか?

紙の上に、鉛筆でいろいろ構想を練ったりするのは意外に楽しいものです。

そこで…今回ご紹介するのが、そんな「楽しい部分」だけを切り取ったような、素晴らしいiPadアプリ「Pentotype」です!


Pentotype(無料)

Appストア

 

どんなアプリなの?
「Pentotype」の最も大きな特徴が、iPad上に手描きしたボタンやメニューなどが、実際に動いて実機で検証できるという点です。

例えば、Pentotypeを使って「twitter」アプリを作ろうと考えたとします。

そして、以下の様な画面を描いてボタンをタップしてみます。


 

すると、実際に画面が遷移されていくのが分かります。


 

そして、ツイートボタンを押せば、入力画面に変わり…、


 

画像の添付を試してみたり…、


 

ダイレクトメッセージの画面を見たり…などが、手描きのままで実現できるわけです。


 

(参考:twitterお試し画面|Pentotype)

 
基本的な仕組みを理解しよう!
さて、一体どうやってこのアプリが動いているのか、実際に詳しく見ていきましょう!

まず、アプリを起動したら、大きな長方形を描いてみます。


 

すると、自動的にスマホフレームに変換されます。


 

次に、ボタンを描いて、もう1つスマホフレームを追加してみます。


 

そして、ボタンをタップすると、別の画面に切り替わるようにしたいので、矢印を引っ張ります。


これで、となりの画面への遷移が完了です。

簡単ですよね。

基本的な操作としては、このように手描きで画面を作っていき、矢印を引っ張って画面を切り替える…ということを繰り返すだけです!

 

次に、画面の切り替わりが分かりやすいように、番号を付けて「戻るボタン」も追加しました。


そして、「simulation」ボタンをタップします。

 

すると、iPad上で先ほど作った画面の動作確認が出来るようになります。


 

もちろん画面をタップすれば、しっかりと動いているのが確認できます。


 

ちなみに、iPadに表示されるQRコードを読みこめば、スマホのブラウザ上でも同じように動作確認が出来るので便利です!


専用の無料アプリもあって、こちらだとフルスクリーンで表示されるので、動作検証がさらに把握しやすくなります。

 

シェアボタンをタップすれば、URLリンクを表示してくれるので、これをパソコンのブラウザに入力すれば、そのままパソコン上でも動作確認をすることが可能!


いかがでしょうか?

 

このようにPentotypeを使えば、

「こんなアプリ作りたいなぁ…」
「こういうサイトを考えているんだけど…」

といった時に、ササッとiPadでラフスケッチを描いて、動くカタチにして誰かに見せることが出来るわけです。

こうするとお互いに分かりやすうえ、素早く検証も出来てしまうので改善もしやすいかと思います。

 
おまけ (まだまだある!iPadの神アプリたち…)
今回の「Pentotype」を見て、iPadでのモノづくりに興味が湧いた人は、過去にアプギガでご紹介して好評だったアプリも参考になるかも…?

例えば、iPadだけでスマホアプリを開発することが出来る「Codea」というアプリや…、


iPadだけで「アプリ開発&書き出し」可能な「Codea」にPC連携機能が搭載されて神アプリ確定!

 

もし、音楽を作るのが好きならば、iPadにしか出来ないような超クールアプリもあります。


3分でiPad信者に変えてしまう音楽制作アプリ6選が想像を超えたレベル!

 

どちらも、自分の個性を活かした作品をつくれるので、ぜひ挑戦してみてください!

 
まとめ
最近のiPadアプリは、パソコンでしか出来なかったような事を、iPadでも実現させてくれるモノが増えたように思います。

今回ご紹介したpentotypeを使って、ぜひみなさんも「オリジナルのアプリ」や「サイトのアイデア」をカタチにしてみてはどうでしょうか?

未来のヒット作品は、みなさんの手から誕生するかもしれませんね。

 


Pentotype(無料)

Appストア

 

※参考:Pentotype公式サイト

 

written by まさとらん

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る