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

アプギガトップ > プログラミング > iPadを「Web開発マシン」に変貌させる、おすすめ神アプリを集めてみた!
注目記事ピックアップ
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
1枚の画像に好きな情報を埋め込んでマッピングできるWebサービス「Pictogon」を使ってみた!
share0
1枚の画像に好きな情報を埋め込んでマッピングできるWebサービス「Pictogon」を使ってみた!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
share0
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
share0
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
share0
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/04/11 22:40

iPadを「Web開発マシン」に変貌させる、おすすめ神アプリを集めてみた!


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

みなさんは、普段からiPadをどのように使われているでしょうか?

iPadアプリの中には、デバイスを最大限に活かす良質なアプリが多数存在します。

そこで、今回は「Web開発」をテーマにしたアプリの中から、過去にアプギガでもご紹介したモノを含めて、いくつか厳選してみたのでご紹介します!

 

Webサイト用の画像素材を、指一本で作る!
Handy Photo


Webサイトを作る時に、ヘッダーやバナーなどの画像を作成することがあるかと思います。

そんな場合に、著作権フリー画像を探しても良いのですが、どうせならオリジナルの画像素材が欲しい!と思うはず。そんな時に、この「Handy Photo」アプリの出番です!

 

例えば、写真の中の「不要箇所」を指でなぞるだけで、驚くほどキレイに消滅してくれる機能や…、


 

人物やモノなどを、指でなぞるとキレイにトリミングしてくれて、その後は自由に動かすことが出来たりします!


他にも、「縦長の写真」から「横長の写真」へ自動変換してくれたり、特殊なフィルターや色調補正などもすべて指先だけで行うことが可能。

さらに、詳しい使い方はこちらをどうぞ!

(参考:Handy Photo

 
華麗なる「Webプログラミング」を可能にする!
Textastic


iPad上で、主にHTML/CSS、Javascriptなどのプログラミングをしたい場合にオススメなのがこちら!

 

カラーリングやコード補完などにも対応しており、文字コードやフォント、エディタのテーマ変更など、細かい機能も搭載された高機能なエディタです。


 

また、入力したプログラムを、そのまま搭載されているブラウザで確認することも可能!

しかも、Firefoxでお馴染みの「Firebug」も搭載されており、デバッグなどの確認や解析などを可能にする本格仕様です。


 

ちなみに、サーバーへのアクセス機能もあります。


例えば、自分が所有するWordPressのテーマファイルをダウンロードして、「Textastic」で編集した後に再度アップしてサイトを更新するような使い方もOKです。

個人的には、外付けキーボードとのセットが最強だと思います。

(参考:Textastic

 
iPadを「Webサーバー」にしてしまう!
ServersMan HD


先ほど紹介した「Textastic」で、Webサイトのプログラミングを書いたら、このアプリで一般公開してみましょう!

 

「public_html」というフォルダ内に、Webサイトのプログラミングをしたファイルを置くだけで完了です!


(自動で、任意のアドレスが割り振られます)

もちろん、画像や動画ファイルなども一緒に入れることができます。

ただし、iPadをサーバー代わりにして公開するので、アプリを終了してしまうと公開されているサイトにアクセスが出来なくなるので注意が必要です。

(参考:ServersMan HD

 
実際に「動作確認」可能なワイヤーフレーム作成アプリ!
Pentotype


過去にアプギガでも紹介して好評だったのが、このワイヤーフレーム作成アプリ「Pentotype」です。

モバイル向けのWebサイトやアプリなどを作る際に便利なのですが、最大の魅力は手書きのラフスケッチが、実際に動く状態で確認することが出来る点です。


ボタンなどもしっかりと機能するので、イメージをすぐカタチにして動かすことが可能です。

誰かに自分のサイトやアプリを動くカタチで触ってもらい、迅速にフィードバックを得ることもできるので非常に便利です。

 

作り方も簡単で、画面の遷移などを手書きの矢印で引っ張るだけでOKというお手軽さ。


Webサイトやサービス、アプリなど、幅広いシーンで活躍するアプリかと思います。

また、パソコンやスマホからでも確認することが出来るので便利です。さらに詳しい使い方については、こちらをどうぞ!

(参考:Pentotype

 
動画コンテンツをiPad上で作る!
Pinnacle Studio


最近は、Webサイトに動画コンテンツを挿入するのが増えてきました。

プロモーション動画や、Webサービス・アプリの使い方動画など…、その使い方は様々です。簡単に動画編集ができるアプリがiPadにはいくつかあるのですが、その中でも優秀なのがこの「Pinnacle Studio」と言えるでしょう。

 

とにかく高機能なのですが、あらかじめ2D・3Dアニメーションのイントロが搭載されていたり、多数のサウンド素材、ピクチャー・イン・ピクチャー機能、自由に配置できるテロップなど、気の利いた編集が簡単に出来るようになっています。


iMovieのような簡易編集アプリで、あまり凝った動画が作れなくて落胆していた人には最適かと思います。

(参考:Pinnacle Studio

 
おまけ
iPadでプログラミングなどをする際に、必要となるのが外付けのキーボードでしょう。


オススメは、やはり「ロジクール ウルトラスリム キーボードカバー 」です。

普通に使っても数ヶ月持つバッテリーと、頑丈な耐久性が魅力のキーボードです。Textasticと組み合わせると、iPadでのWeb開発がさらに強力になります。

 
まとめ
iPadでのWeb開発は、完璧とまではいかなくてもある程度のレベルまでは実現可能になってきました。

簡単なWebサイトくらいであれば、iPadだけでも完結できるでしょう。

いつでも気軽に持ち歩けるiPadならではのWeb開発スタイルも、今後は徐々に発展していくような気がします。さて、みなさんはどのように感じられたでしょうか?

 

written by まさとらん

 

 

 


 

まさとらん

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

twitter:0310lan

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

ページトップへ戻る