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

アプギガトップ > スマホ・モバイル > iPadに絵を描くだけで、仮のアプリやサイトが開発できる「Pentotype」に驚愕!
注目記事ピックアップ
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
スマホ・モバイル
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...

ページトップへ戻る