読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

Webデザイナー・プログラマーにおすすめのiPhone・iPadアプリ

アプリ


f:id:vinton:20130410225033j:plain

新社会人のWebデザイナープログラマーさんにおすすめできるWeb制作に関連するアプリをご紹介します。電車の中や外出先でコードを変更したい、デザインを修正したいときに重宝しますよ!

目次

  1. コーディング
  2. SSH クライアント
  3. モックアップ
  4. 開発補助
  5. 画像編集
  6. カラーテーマ
  7. フォント
  8. 検証
  9. リモートコントロール

1. コーディング

Diet Coda
カテゴリ: 仕事効率化
サイズ: 17.9 MB
価格: ¥1,700

ss4

↑Macのソフトとして有名なCodaのiPad版アプリ。リモート環境下でのコード編集が可能です。SSHターミナルも装備。

Textastic Code Editor
カテゴリ: 仕事効率化
サイズ: 7.5 MB
価格: ¥800

ss1

iPadのローカル内でも編集・プレビューが可能。Dropboxからのファイル取り込みが意外と便利です。

Textastic Code Editor for iPhone
カテゴリ: 仕事効率化
サイズ: 7.9 MB
価格: ¥800

ss1 ss3

iPhone版。iPhoneアプリの中では現時点で一番のコーディングエディターではないかと思います。

Kodiak for PHP
カテゴリ: 仕事効率化
サイズ: 14.4 MB
価格: ¥850

ss4

iPadのオフラインでのPHPの実行が可能なアプリ。ネットがつながりにくいところでも安心して制作に打ち込めます。

Vim +
カテゴリ: 仕事効率化
サイズ: 8.5 MB
価格: 無料

ss1

Vimの練習ができるiPhoneiPad両用のユニバーサルアプリ。

2. SSH クライアント

Prompt +
カテゴリ: ユーティリティ
サイズ: 8.1 MB
価格: ¥700

univss1 univss2

↑上で紹介したDiet Codaと同じ会社が出しているSSHクライアントアプリです。出先からiPhoneでVPSを触りたいときに役立ちます。

3. モックアップ

POP - Prototyping on Paper
カテゴリ: 仕事効率化
サイズ: 18.2 MB
価格: 無料

ss1 ss3

↑手描きで書いたモックアップにリンクを付けることができるiPhoneアプリ。画面遷移がイメージしやすくなりますね。

AppCooker - Mockup and Prototype Apps like a Chef!
カテゴリ: 仕事効率化
サイズ: 107.4 MB
価格: ¥3,450

ss1

↑アプリ開発に特化したモックアップアプリ。iPad上で簡単にアプリのプロトタイプを作成することができます。

4. 開発補助

Adobe Edge Inspect +
カテゴリ: ユーティリティ
サイズ: 1 MB
価格: 無料

univss1 univss5

↑モバイルデバイス上のWebデザインをプレビュー、デバックできるアプリ。
クロスブラウザテスト、携帯シミュレータ | Adobe Edge Inspect

ScriptBrowserPlus +
カテゴリ: ユーティリティ
サイズ: 1.1 MB
価格: 無料

univss3 univss4

ソースコードビューワ。サイトで使われている写真を一気にダウンロードすることができます。

Rowline
カテゴリ: ビジネス
サイズ: 0.7 MB
価格: ¥170

ss1 ss3

↑HTMLを行ごとに並び替えたりできるエディター。文章の推敲に便利です。

5. 画像編集

Adobe Photoshop Touch
カテゴリ: 写真/ビデオ
サイズ: 59.5 MB
価格: ¥850

ss2

↑画像編集ときたらPhotoshop!!タップ操作しやすいUIなので使いやすいです。

Adobe Photoshop Touch for phone
カテゴリ: 写真/ビデオ, エンターテインメント
サイズ: 32.2 MB
価格: ¥450

ss3

iPhone版のPhotoshop。電車の中でもデザインできますよ!

Adobe Ideas +
カテゴリ: エンターテインメント
サイズ: 7.6 MB
価格: ¥850

ss2 ss3

↑デザインからアイディアを練るのに使えます。ユニバーサルアプリです。

6. カラーテーマ

Saturation
カテゴリ: ユーティリティ
サイズ: 1 MB
価格: 無料

ss3 ss4

↑カラーテーマを確認できるアプリ。

ColorSchemer
カテゴリ: ユーティリティ
サイズ: 1.2 MB
価格: 無料

ss1 ss4

↑他の人が使ったパレットも見ることができるアプリ。

色の名前検索 〜 ColorName*
カテゴリ: 辞書/辞典/その他
サイズ: 0.6 MB
価格: 無料

ss1 ss3

↑気になる色にカメラを向けるとリアルタイムで色の名前を検索してくれるアプリ。気になった色があったら残しておきましょう。

7. フォント

WhatTheFont
カテゴリ: 辞書/辞典/その他
サイズ: 0.5 MB
価格: 無料

ss2 ss3

↑写真で文字を撮ると何のフォントが使われているか解析してくれるアプリ(欧文のみ)

8. 検証

GalapaBrowser
カテゴリ: ユーティリティ
サイズ: 3.9 MB
価格: 無料

ss1 ss5

ガラケーでの見え方を検証できるアプリ。

9. リモートコントロール

Win8 Metro Testbed - powered by Splashtop
カテゴリ: ユーティリティ
サイズ: 5.7 MB
価格: ¥850

ss1

↑Windows 8を入れたPCに外出先からiPadでコントロールすることができるアプリ。

TeamViewer HD for Remote Control
カテゴリ: 仕事効率化
サイズ: 16.5 MB
価格: 無料

ss1

↑WindowsやMacなどをリモートコントロールできるアプリ。ファイルの受け渡しも可能です。

TeamViewer for Remote Control
カテゴリ: 仕事効率化
サイズ: 13.2 MB
価格: 無料

ss1 ss4

iPhone版。


ちなみにiPadでコードを書くときはBluetoothキーボードが便利です!特にロジクール ウルトラスリム キーボードカバーがおすすめです。iPadのカバーにもなってくれます。

ロジクール ロジクール ウルトラスリム キーボードカバー TK710 TK710

ロジクール ロジクール ウルトラスリム キーボードカバー TK710 TK710