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

アプギガトップ > スマホ・モバイル > iPadに絵を描くだけで、仮のアプリやサイトが開発できる「Pentotype」に驚愕!
注目記事ピックアップ
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
スマホ・モバイル
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
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...

ページトップへ戻る