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

アプギガトップ > スマホ・モバイル > iPadに絵を描くだけで、仮のアプリやサイトが開発できる「Pentotype」に驚愕!
注目記事ピックアップ
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
スマホ・モバイル
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...

ページトップへ戻る