閉じる
Blog
  • 2011.12.03 (Sat)

WebデザイナーやWeb制作者におすすめするiPhone・iPadアプリ 82apps


これまでたくさんのiPhone・iPadアプリが開発されてきましたが、その中にはweb制作者にとってとても便利なアプリもたくさんあったりします。
そこで、その中でも特におすすめアプリを紹介します。

※当記事で紹介中のアプリ開発者様へ
紹介アプリの中でwebデザイナー・制作者を対象と意図しないアプリも含まれています。
私個人が使用した結果や見解でwebデザイナー・制作者向けで使えると判断し紹介させていただきました。
どうぞご了承ください。
※アプリの【無料】表記は2011年12月3日現在 iTunes Store掲載のものです。また価格変動等ある為、有料アプリには価格は記載しておりません。ご容赦ください。

カテゴリー一覧

ソースビューワ

1.ScriptBrowserPlus

Webページのソースコードを確認するアプリです。ページ内画像の一括ダウンロードやページ内検索、タブ機能付き。【無料】

2.iSource Browser

Webページのソースを閲覧確認ができ、ソースをメールで送信することができます。英語ですが、機能もさほど多くないので感覚的に扱えます。【無料】有料版もあります。

3.Get HTML

iPhone/iPod touchでウェブページのHTMLソースを閲覧することができます。iPhone/iPod touch用ページの表示チェックなどで、同時にHTMLソースもチェックしたい場合などにご活用頂けます。
取得したHTMLソースはテキストボックス内に表示されますので、そのまま全文をコピーして利用することも可能です。【有料】

4.Source Viewer

ウェブサイトのHTML、CSSおよびJavascriptソース・コードを閲覧することができます。埋め込まれたリンクや画像を抽出することができ、メール送信機能付きです。【有料】iPad版あり
iPad版はコチラSource Viewer XL

カテゴリー一覧へ戻る

仕事効率化

5.Evernote

もはや語る必要すらありません。便利過ぎます!!web関係者で使ってない人はいないのでは?とまで思ってしまいます。あとは”どう使うか”でしょうね。【無料】

6.Markup for iPad

FTPに接続しサーバー内のディレクトリーやファイルにアクセスできます。また、HTMLやCSSなども直接編集したりアップロードすることが可能です。【有料】

7.FTP On The Go

iPhoneとiPod touch用のFTPクライアントです。ファイル名変更、ファイル削除や、ファイルを内蔵テキストエディタで編集することができます。【有料】

8.1Password Pro

ログインIDやパスワードを一括管理し自動入力してくれるアプリです【有料】

9.JotNot Scanner

iPhoneをスキャナーとして使えるアプリです。複数ページの書類やレシート、ホワイトボード、名刺、ノートなどを、PDFファイルにして直接メール送信できDropBoxやEvernoteへアップロードすることができます。【有料】無料版もあります
無料版はコチラ

10.iMockups for iPad

iPad上でwebサイトやiPhoneサイトなどのワイヤーフレームが書けるアプリです。出先で思いついたレイアウトをメモしたり、普段なかなか自分でレイアウト設計する機会がない人にはこのアプリでアイデアやデザインラフ案を書く力を身につけることも出来ますね。【有料】

11.Gusto – Code Editor and FTP Client

iPadでWeb開発のワークフローを採用するために開発されました。FTPまたはSFTPサーバから一度に複数のファイルやフォルダをダウンロードできる上、HTMLやCSSの編集が可能です。iPadを使いwebコーディングが出来るようになってきましたが、PCでいいという人でも保険的に持っておくと、いざという時には一役買ってくれそうですね【有料】

12.for i: Code Editor for the iPad

ソースコードを書く為だけのエディタです。ドキュメントの共有や同期など出来ませんが、メモ的に使うのが理想でしょうか【有料】

13.Zoho Invoice

Zoho Invoiceといえば見積書や請求書をオンラインで作成出来るクラウド型サービスで有名ですよね。フリーランスの方は結構使ってらっしゃる方も多いのでは?その見積書や請求書をiPhoneで作成ができます。他にもZoho関連のアプリが出てたりします。【無料】

14.GoodReader for iPad

テキストや画像、音声や動画を管理できるアプリです。またDropbox等のクラウドサービスとも連携ができます。【有料】

15.Pingdom

PingdomはWebサイトの稼働状況や表示速度をiPhoneからモニタリングできるアプリです。【無料】

16.Air Sharing (iPad only )

場所を選ばない最強のドキュメント表示ツールです。メールや Safari がクラッシュするような大きなPDFでも表示ができます。ワイヤレス ハードディスクの作成iPhone や iPod touch をワイヤレス ドライブとして Mac、Windows、Linux コンピュータにマウント(同一 WiFi ネットワーク上)可能、またすべての Web ブラウザから接続可能の他、多数のクラウドサービスと連携できます。【有料】

17.SHOT NOTE

手書きのメモをデジタル保存できるアプリです。DropboxやEvernoteとの連携が可能。このアプリには専用のノートが必要です。【無料】

18.LastPass Tab Browser

webサイトのログイン時にパスワードを自動入力してくれることで有名なLastPassのiPad用アプリです。【無料】

19.Xmarks for Premium Customers

このアプリもLastPass同様、有名なwebサービスですね。ブックマークが一元管理できます。【無料】

20.FastBizCard

数ある名刺アプリの中でも今の所一番おすすめのアプリだと思います。本格名刺アプリではお手頃な値段ですし、このアプリで名刺の管理ができてしまいます。登録された名刺データは、iPhoneに標準の連絡先と同期しているため、iTunes経由でパソコンにバックアップを取ることができます【有料】

カテゴリー一覧へ戻る

リファレンス

21.CSS3Machine

このアプリを使えばCSS3を使ったアニメーションや角丸、シャドウも作れる高機能CSSエディタです。また編集する度に即プレビューに反映され、リアルタイム編集が可能の他、HTMLタグの入力支援機能もあります。【有料】

22.Javascript-1

このアプリはJavascriptをテストするために開発されました。htmlやcssを用いて作成したjavascriptを実行することができます。
新規作成するときにjavascriptとwebkitのサンプルを作成することもできます。【無料】

23.タグ辞典

XHTMLタグ辞典は、コーディングラボというコーディング専門集団により生み出されたアプリです。
HTML等の要素名・機能説明・主な属性・使用例に分け記載されています。【無料】

24.WhatTheFont

街中や看板・チラシで使われてるフォントや、ロゴのフォントが知りたいってことありますよね。そんな時このアプリを使えば、カメラで撮った文字を読み取ってどんなフォントを使っているのか教えてくれます。【無料】

25.大藤幹のHTML/XHTML/CSS辞典

日本のWeb制作業界において、プロの制作者から絶大な信頼を集める技術者・執筆家・講師である大藤幹(おおふじみき)が執筆と監修をつとめたHTML/XHTML/CSS辞典です。 【有料】

26.大藤幹のHTML/XHTMLタグ辞典

日本のWeb制作業界において、プロの制作者から絶大な信頼を集める技術者・執筆家・講師である大藤幹(おおふじみき)が執筆と監修をつとめたHTML/XTHMLタグ辞典です。【有料】

27.PG英単語

PG英単語はプログラマーが英文技術資料で最新の情報収集ができるように、英文技術資料でよく使われる英単語をピックアップした辞書アプリです。英文技術資料と一緒にご活用いただくと、より理解度を深めていただけます。【有料】

28.Web Developer Bible

コーディング時にちょっとしたカラーコードやエンコードタグなんか調べられるポケットweb開発用リファレンスです【無料】

29.HTML Cheat Sheet

HTML編集に便利なクイックリファレンスです【有料】

30.CSS Cheat Sheet

CSS編集に便利なクイックリファレンスです【有料】

31.php Cheat Sheet

php編集に便利なクイックリファレンスです【有料】

32.jQuery Cheat Sheet

jQuery編集に便利なクイックリファレンスです【有料】

33.Pocket jQuery

jQueryについて調べられるポケットリファレンスです【有料】

34.jQuery Cookbook

jQuery Cookbook書籍版がアプリになりました。サンプルコードなど多数掲載しています。※注 英語です。【有料】

35.jQuery API Doc

jQuery APIの参照ガイドです。カテゴリーごとに分類されているので、とても参考になります。【有料】

カテゴリー一覧へ戻る

配色関連・カラーピッカー

36.ColorSchemer

写真から配色パターンや色を選択するとその色にあった他の色も提示してくれます。配色に困った際に助けになるアプリです【無料】

37.カラーガイド

日本でトップシェアの色見本帳「DICカラーガイド」のデジタルカラーライブラリです。撮影した写真画像から、近似するカラーガイド色を呼び出したり、カラーライブラリ『伝統色シリーズ(日本・フランス・中国)』は、それぞれ色名やその由来などを全て閲覧できます。【無料】

38.HTML Colors

HTMLカラー・コードを閲覧・確認できるアプリです【有料】

39.Color Stream

写真に使われている色を読み込んで、カラーパレットとして保存できるアプリです【無料】

40.Color Expert

こちらもColor Stream同様、写真に使われている色を読み込んで、カラーパレットとして保存できるアプリです【有料】

41.Color Picker

Color Pickerはウェブデザインで使われる16進RGB値の簡単ピックアップをサポートするシンプルなアプリです【無料】

42.ColorSnap

写真に使われている色を抽出してくれる他、色の詳細をや相性の良い色を教えてくれます。【無料】

43.cliqcliq Colors

フォト ライブラリ、あるいはFlickrから得られた写真から、写真に使われている色全体をパレットで表示してくれます。また色の管理もできるアプリです。【無料】

44.HEX RGB Colors Guide

色のRGBと16進のカラーコードを閲覧・確認できるアプリです 【有料】

カテゴリー一覧へ戻る

ブラウザ関連

45.GalapaBrowser

携帯サイトをiPhoneでもそのまま閲覧でき、軽くて使いやすい絵文字にも対応した携帯シミュレータです【無料】

46.360 Web Browser | Download Manager and Firefox Sync

UIが円形メニューというユニークなブラウザです。Firefoxとの同期機能やブラウザダウンロード管理機能を搭載。【有料】
無料版はこちら

47.iLunascape 3 (Webブラウザ)

『片手で簡単!両手でしっかりブラウジング』‐ iLunascape 3は、“使いやすさ”を追求した国産のiPhone 、iPod touch、 iPad用Webブラウザです。TwitterやFacebook、メールでWebサイトや情報を簡単に共有することができ、ダウンロードしたファイルはDropBoxへアップロード、気になったサイトやニュースはRead It Laterへ簡単に保存することが出来ます。オンライン・シンク機能を使えば、FirefoxやLunascapeなどPC用ブラウザのお気に入りを共有できます。【無料】

48.Sleipnir Mobile – Web ブラウザ

Sleipnir Mobile(スレイプニール・モバイル)は、どんなに多くのタブがあっても、素早く簡単に切り替えながらウェブを閲覧できる iPhone / iPad 用ウェブブラウザです。ページを左右にフリックするだけで驚くほど簡単にタブを切り替える「TouchPaging」で、あとで見ようと思っていたタブに もすぐにたどり着けます。また、タブをフリックして閉じる「FlickWipe」や、ブックマークを長押しして次々と開く「Hold And Go」など、Sleipnir Mobile ならではのユニークで機能的なタブでスムーズにウェブを閲覧できます。 【無料】

49.Puffin Web Browser

Puffinブラウザーは、iPad、iPhone、iPod Touch上でビデオを閲覧するための高速ウェブブラウザーです。 【有料】

50.Opera Mini Web browser

Opera Mini は iOS デバイス上で、特に低速ネットワークに接続時、Wi-Fi が利用できない時や、データローミング有効時などの場合に威力を発揮します。Opera のクラウドベースのテクノロジーにより、ダウンロード前にデータは最大 90% も圧縮され、読み込みが瞬時に行われます。【無料】

カテゴリー一覧へ戻る

画像編集

51.Adobe Photoshop Express

Photoshop Expressは、Photoshop.comへのアクセスを可能にし、オンライン上の写真を共有・編集・ホストするためのアプリケーションです。無料の Photosho.comアカウントを作成すれば、写真やビデオを2GBまでオンラインにアップロードして保管することができます。【無料】

52.ArtStudio for iPad – お絵かき、ペイント、写真編集に

ArtStudioはプロフェッショナルなペインティング/お絵かきアプリケーションです。最高のクオリティーを可能にする為に最新の計算式を採用すると 同時に、多数のコード最適化を達成したことにより、とても優れたパフォーマンスを提供することができました。またビギナーの方にもご利用していただける素 晴らしいツールに仕上がっています – 付属されているお絵かきレッスンのstep-by-stepインストラクションをご利用になれば様々なイメージを創作することが出来ます。【有料】

53.Adobe Ideas

どこにいてもアイデアを書き留めたり膨らませたりすることができるデジタルスケッチブックです。 Adobe 製品との連携ができます。【有料】

54.Photoshop PSD Viewer

名前の通り、PhotoshopがなくてもPSDデータを確認できるアプリです。【有料】

カテゴリー一覧へ戻る

ストレージ

55.Dropbox

WEB上に自分専用のハードディスクを持つことのできるオンラインストレージサービスとして有名になりましたね。写真やビデオ・ドキュメントまでなんでもDropboxへ保存でき管理することができます。PC・iPhone・iPadとの同期やDropboxと連携できるアプリも多数あります【無料】

56.SugarSync

Mac、PC、iPhone、iPadにあるデータをSugarSync(シュガーシンク)に同期しておけば、いつでもどこでも、
どのデバイスからでも、アクセスできます。無料容量は5GB【無料】

57.Nドライブ

写真やファイルを簡単整理。外出先でも便利にアクセス。
無料で30GB、ウェブ上のファイル保存スペースNAVER NドライブのiPhoneアプリです。【無料】

58.Box.net

50GB獲得のキャンペーンは終了しましたが、Dropbox同様に直感的に使え、セッティングでは日本語に設定できるのでとても便利ですよ。macでは『サーバーへ接続』に追加設定出来るので、簡単に外部ストレージとして利用できます。フリーは5GB【無料】

カテゴリー一覧へ戻る

アクセス解析

59.Analytic

本家のデザインに近いですが、無料だけあってそこまで多くの情報を見る事ができません。どんな感じかな〜ってぐらいに見るには最適でしょう。【無料】

60.Analytics App

Google Analyticsの各レポートも充実してみれますし、文句ないアプリです【有料】

61.Dashboard for Google Analytics

アクセス解析が目的ではなく、あくまでPV数だけを確認したいって人におススメです。【無料】

62.Analytics Pro

PC版と閲覧出来る項目はほぼ一緒ですが、英語なので注意が必要です。 【有料】

63.Analytics Agent Pro

個人的に、結構このアプリのUIや色味が好きでこのアプリを使ってます。PC版と閲覧出来る項目はほぼ一緒です。
Google Analyticsの解析アプリは結構出てますが、何を使うかはもうUIデザインの好みですね。【有料】

64.Ego

解析の番外編ってことで。このアプリは色んなソーシャルサービスを登録することで、各サービスの統計情報を確認できるおもしろいアプリです。【有料】

カテゴリー一覧へ戻る

ソーシャルネットワーキング

65.Skype

Skypeユーザと通話の発信・応答や、チャットができます。国際通話や電話へのテキストメッセージの料金を節約することもできます。最近ではこの手のアプリ間での無料通話ができるアプリが増えてきましたね。【無料】

66.hootsuite

個人的にお気に入りのアプリの一つです。twitter以外にもFacebookやmixi・Foursquareなど登録でき同時投稿が可能です。【無料】

67.StumbleUpon!

まだ日本では認知や普及率が低いStumbleUponですが、かなり便利でおもしろいです。始めるとはまる事間違い無しです。基本的には世にある共有型ソーシャルブックマークですが、興味のあるカテゴリーやブックマークすることで、似たサイトや記事を拾ってきてくれるので、新しいインスピレーションやおもしろいサイトに出会えます。海外サイトが多いですが、日本で流行ればよりおもしろくなりそうですね。【無料】

カテゴリー一覧へ戻る

webページキャプチャ関連

68.ロールペイパー

ロールペイパーは、Webページ全体をボタン1つで一括キャプチャする機能を備えたアプリケーションです。【無料】

69.Full Screen Web Browser

画面いっぱいにフルスクリーンでwebページを閲覧することができます。【有料】

カテゴリー一覧へ戻る

フィード購読・ニュース

70.Feeddler RSS Reader for iPad and iPhone

Feeddlerは、Googleと完全に同期して滞在し、クリーンなインタフェースでRSS記事を提示する、高速かつ高度にカスタマイズ可能なGoogle Readerのクライアントです。 【無料】

71.Read It Later Free

あとで見ようと思ったサイトやブログをブックマークしておいて、オフラインで簡単に閲覧できるアプリ 【無料】有料版あり

72.MdN News Reader

デザインとグラフィックの総合情報サイトMdN Design Interactiveがお送りする、デザイン・クリエイティブ・IT・iPhone/iPod/iPad・Appleなどの最新ニュースが読める無料アプリです。【無料】

73.ITmedia

ITmediaの記事が閲覧できるアプリです。【無料】

74.東京IT新聞

東京IT新聞 の記事が閲覧できるアプリです。【無料】

75.feedly

Googleリーダーを快適に閲覧出来るアプリです。【無料】

76.Flipboard

Googleリーダー他、各ソーシャルサービスを登録できます。閲覧時はまるで雑誌やカタログ風に見た目がリデザインされ、雑誌を読むかのように情報を閲覧できます。【無料】

カテゴリー一覧へ戻る

ブログ更新

77.WordPress

WordPressへの投稿ができるアプリです【無料】

78.BlogPress

自分の使ってるブログサービスを選択することで、iPhoneからブログの投稿ができます。【有料】

カテゴリー一覧へ戻る

その他

79.Dribbbits for iPad

海外のクリエイターやデザイナーが作成したデザインが見れるSNS「Dribbble」のコンテンツを見るためのビューアです。 勉強になります【有料】

80.仕事効率化Tips-最強フレームワーク100

Web屋と言えど、営業戦略やビジネス力は必要です。仕事効率化をアップできる厳選されたフレームワーク100個を分かりやすい画像付きで見ることができます。【有料】

81.ショートカット集 リンゴ版

macのショートカット集です。【無料】win版もあります。

82.QRdeCODE

QRコード開発メーカとして培ったノウハウにより、QRdeCODEは、読み取りの早さはもちろんのこと、小さなQRコードでも離し読みが可能な高い認識性能を備えています。 【有料】

カテゴリー一覧へ戻る