【コラム】

クリエイターのためのライフハック

86 iPhone用Webアプリをデスクトップで利用する方法

 

86/107

Fluid は Mac で利用出来る無料アプリケーション。右側のリンクからダウンロードしてください

iPhone / iPod touch は、先進的なタッチインタフェースが魅力ではありますが、iTunes App Store からダウンロードすることが出来るアプリケーションの数々を利用することで、自分だけのデバイスにすることが出来ます。インストールするアプリケーションも豊富ですが、iPhone / iPod touch 用にカスタマイズされたウェブサイトも少なくありません。特に Google は力を入れており、Gmail や Google Reader は専用インタフェースでサービスが提供されています。この他にも国内外問わずお馴染みのサービスが iPhone / iPod で最適な形で見れるようなデザインを別途用意しています。

コンパクトかつシンプルに情報が集約されているので、iPhone だけでなくデスクトップでも使いたいところです。特に Gmail のように常に開いておきたいサービスはウェブブラウザと切り離して使いたい場合もありますし、デスクトップの隅に置いておけると便利です。しかし、パソコンでみるサイトをそのままウィンドウを小さくするとレイアウトが崩れる場合があります。また、専用サイトの URL へアクセスしてもうまく表示されなかったり、結局パソコン用のページへリダイレクトしてしまうこともあります。しかし、Fluid というアプリケーションを利用すれば、iPhone / iPod touch の環境をそのままデスクトップへ再現することが出来ます。

Fluid を立ち上げると URL と名称を記入するウィンドウが表示されます。必要事項と Fluid 化するサイトを保存する場所を設定して「Create」をクリックすれば完成

サイトの Favicon を自動的にアプリケーションとして割り当ててくれますが、Favicon の解像度は低いので、デスクトップでは見栄えが悪いです。Fluid で使えるアイコンは Flickr 上で共有されているので、こちらからダウンロードしたものを使うと良いでしょう

Mac専用の Fluid は、特定のサイトを開くためのアプリケーション。ウェブサイトをあたかもデスクトップアプリケーションのように扱うことが可能になります。独立して開きたいサイトの URL を名前を書き込むだけの簡単操作で、サイトを次々とデスクトップアプリケーションに変換することが出来ます。一見、ツールバーやステータスバーを簡略化しただけのように見えますが、Fluid 化したサイトは Dock に駐在しますし、文字の大きさや外部リンクの開き方などそれぞれ異なる設定を行うことが出来ます。また、「Convert to MenuExtra SSB」を選択するとメニューバーにサイトアイコンを表示させ、ワンクリックでサイトを観覧出来るようになります。

ダウンロードしたアイコンを Fluid に割り当てれば、他のデスクトップアプリケーションにも劣らない見た目になります

しかし、Fluid は、iPhone / iPod touch で使われているブラウザとまったく同じというわけではないので、そのまま専用サイトを開いても、通常のウェブブラウザで開いたときと同じ状態になります。しかし、「User Agent」を「Mobile Safari 1.1.3」に変更して、サイトを再読み込みすると専用サイトの見た目に変更されます。表示させたいサイトに Fluid はパソコンのブラウザではなく iPhone のブラウザであると「騙す」ことで専用インターフェイスで利用することが出来るわけです。あとは、iPhone のようにウィンドウを小さくして、ステータスバーのような UI 要素を非表示にすれば、iPhone / iPod touch で利用するのと変わらない形でサイトを扱うことが出来ます。

Fluid で Gmail を開いた状態。他のウェブブラウザで見た場合と変わりません

アプリケーションメニューにある「User Agent」→「Mobile Safari 1.1.3」を選択し、ページを再読み込みすると、iPhone で見た場合と同じようなログイン画面に切り替わります

Fluid のウィンドウサイズを iPhone と同じくらいにすれば、ほとんど見た目が変わらない状態になります。使い勝手もそのままです

ウェブ上にある様々な情報をいつでも手元に置いておきたい方にとって Fluid は最適なツールです。そのまま使うのでも十分便利ですが、ちょっとした操作で iPhone と同じ環境を再現することが出来ます。iPhone 用に作られたサイトの多くは広告、メニュー、画像といった要素が最小限に抑えられるので表示速度が速いだけでなく、使いやすいものが多いです。Webアプリケーションはどうも馴染めなかった方、またウェブアプリケーションの利便性をデスクトップで再現したかった方は、ぜひ Fluid を試してみてください。

Fluid化したウェブアプリケーションをメニューバーに駐在させたとしても、専用インタフェースを再現します

外部リンクをウェブブラウザで開くのではなく、Fluid 化したアプリケーション内で開きたい場合は「Allow browsing to any URL」を選択します

複数のアプリケーションを開いたとしてもモバイルインタフェースなので、コンパクトで邪魔になりにくいです

86/107

インデックス

連載目次
第107回 複数のMacやiPhoneと同期可能な超軽量ノートアプリ「Notational Velocity」
第106回 必要な部分だけを印刷して紙を節約「Print What You Like」
第105回 ホームページにぴったりな超シンプル検索ページ「Keyboardr」
第104回 簡単なコマンド操作で数十のサービスを即座に利用「Quix」
第103回 シンプルな無限に広がるコルクボード「Spaaze」
第102回 読書のお供として欠かせないクリエイティブな栞
第101回 すっきりとした見た目が印象的な集中型メモアプリ「Penzu」
第100回 使いやすくて見た目が良いプロフィールページ作成サービス「Magntize」
第99回 コミュニケーションの流れを一括出来る新しい受信箱「Threadsy」
第98回 高機能 Twitter クライアントで情報をスマートにフィルタリング「Mixero」
第97回 情報漏れのない打ち合わせ管理を手軽に行う方法「TimeBridge」
第96回 美しいオルガニックテキスチャを手軽に作ろう「Livebrush」
第95回 パソコンにあるデータをTwitterを利用して気軽に共有「Filesocial」
第94回 大切なオンラインデータをバックアップする方法
第93回 いろいろな Twitter 検索をマスターしよう「Twitter 検索」
第92回 シングルタスクでシンプルな仕事ワークフローOmniFocus、NowDoThis、Kukoo
第91回 安全かつコントロール可能なファイル送受信サービス「WatchDox」
第90回 アドオンなしで使えるFirefox検索機能と、便利なアドオン「Search Site」
第89回 ちょっとしたディスカッションも出来るメモアプリ「doingText」
第88回 オンラインで使える高機能な画像編集&ギャラリーサイト「SUMO Paint」
第87回 1週間の時間が把握できる便利なログブック-「SugarDash Pocket Log」
第86回 iPhone用Webアプリをデスクトップで利用する方法
第85回 ダイナミックな制作環境に合ったシンプルなプロジェクト管理ツール「Dripbook」
第84回 あとで読みたい記事を効率よく管理する-「Instapaper」
第83回 自分のブックマークをいつまでも使える形で残そう -「diigo」
第82回 柔軟性に長けたシンプルなプロジェクト管理ツール「Less Projects」
第81回 最小限の努力でスケジュール管理が出来るサービス「mixin」
第80回 デザインの行程をオンラインで共有可能にするウェブサイト「Backboard」
第79回 Moleskine: モレスキンはインスピレーションの宝庫
第78回 メールで始めるブログツールで情報発信 - Posterous
第77回 「Greasemonkey」 を使ってGoogleをより快適に使おう
第76回 自分だけの Photoshop 環境を作って作業の効率をアップ
第75回 Webサイトから創作のヒントを見つけて共有する方法 - ScrnShots
第74回 手軽にベクターイメージを作ろう - Vector Magic
第73回 没作品を使ってちょっとしたお小遣い稼ぎ - Graphic Leftovers
第72回 オンラインで繋がるクリップボード - ControlC
第71回 デスクトップを美しく飾ってクリエイティブな環境作り
第70回 巡回するWebサイトを素早く開いて無駄を減らす - Morning Coffee
第69回 デザインのディスカッションに向いたドローイングツール - Twiddla
第68回 オンラインで安全・簡単に自分のデータをバックアップ - Mozy Online
第67回 Googleサービスをより快適に利用するためのプラグイン - CustomizeGoogle
第66回 スライドショーサービスを利用して自分をプレゼンしよう - Viewbook
第65回 集中して文章を書くための環境づくり - WriteRoom/Dark Room
第64回 オンライン版 "Photoshop" の決定版 - Aviary
第63回 iPodのメモ機能を便利に活用 - mogopop
第62回 みんなのネット情報を効率よく集めて管理 - Plaxo
第61回 良いアイデアはペーパーナプキンから生まれる
第60回 創作のヒントにも作品公開にも使えるクリエイティブネットワーク
第59回 新しい仕事環境を作るために使えるサービス - Floor Planner
第58回 インスピレーションを得るオンライン美術館ツアー (大学編)
第57回 ロールプレイングゲーム感覚で毎日のタスクを管理 - Chore Wars
第56回 オンライン版スティッキーズで手軽にコラボレーション - Stixy
第55回 幹事必携!? 素敵で便利な招待状をつくってイベントの準備 - Crusher
第54回 マイクロブログ「Twitter」 を使った便利なメモ帳サービス
第53回 ロゴデザインをするときに参考となるサイトいろいろ
第52回 オンラインブックマーク「del.icio.us」を効率よく使う方法
第51回 マイクロブログで気軽に情報をスクラップ - Soup
第50回 イケアハッキング- IKEAを使って素敵な仕事環境を作ろう
第49回 色にもっと親しむためのあれこれ
第48回 オンラインでできるコラボスペース-Thinkature
第47回 校正作業をオンラインでスムーズに進めてみよう - Coventi
第46回 クリエイティブな環境作りをするためのインスピレーションいろいろ
第45回 もっと伝わるスライドショーでチャンネル配信しよう - Vuvox
第44回 複数の検索エンジンを効率よく利用しよう - Aftervote
第43回 オフラインでも安心スケジュール管理 - Calgoo
第42回 ビデオチュートリアルでスキルアップ
第41回 見た目も素敵なパーソナルブックマークサービス - HomeMarks
第40回 クリエイターなら日本の心・抹茶を飲んで集中力アップ
第39回 共有する URL を短く分かりやすくする方法 - notlong.com
第38回 アイデアをアウトプットするのに便利なテンプレート - Graphic Organizers
第37回 自分のアイデアをまとめるのに便利なアウトラインソフト - iJot
第36回 試してみたいサービスを手軽に始める方法 - 2 Prong
第35回 会員登録なしですぐに使える便利なノート - cl1p.net
第34回 ネットサーフィンによる時間の浪費を極力なくす方法
第33回 これで迷うことはなくなる?地図にいろいろ手軽に書き込めるサービス
第32回 Google の特殊検索を使えば数字なんて怖くない
第31回 自分の情報をアドレス帳に入れてもらうための一工夫 - vCard Maker
第30回 メッセンジャーはもっと便利になれる - IMified
第29回 Webサイトに付箋をぺたり、みんなで共有してディスカッション - Stickis
第28回 To Do管理のはじめの一歩、登録不要のシンプルなサービス - WorkHack
第27回 面倒なメールでのファイル交換におさらば - BoxCloud
第26回 プラグインでカスタマイズ、自分だけのQuickSilverを作ろう - QuickSilver
第25回 キーボードとマウス操作を駆使してさらに便利に活用しよう - QuickSilver
第24回 コマンドランチャーだけではもったいない強力フリーウェア - QuickSilver
第23回 オンラインで賢く音声共有 - evoca
第22回 Opera Widgetsで情報を集約 - myWiki / To Do Widget
第21回 拡張性の高いメモアプリ - Helipad
第20回 不必要なものは隠して作業に集中 - Spirited Away/天岩戸
第19回 チョコレートで美味しく集中力アップ
第18回 iPod のノート機能を最大限に活かしてみる - iWriter
第17回 なかったら自分で作るDIY、ステップ倍ステップでコラボ - Instructables
第16回 Gmail 再入門(3) - ファイル管理もGmailで
第15回 Gmail 再入門(2) - ラベルを活用したメール引き出し術
第14回 Gmail 再入門(1) - 全てのメールをGmailに集約する
第13回 日々のあれこれにゴールを設定、クリックだけで簡単管理 - Joe's Goals
第12回 英文速読、簡単・気軽にネットでチャレンジ - Zap Reader
第11回 自分の世界を賢く検索 - RawSugar
第10回 手軽に作れるポートフォリオページ - Carbonmade
第9回 みんなの力を借りて何か作ってみない? - Cambrian House
第8回 手軽で安全! ファイル一時保管サービス - krun.ch
第7回 デスクトップにToDoリストを常時設置 - Wallnote
第6回 クリエイティブな仕事場でシームレスに音楽共有 - MyTunesRSS
第5回 ゲーム感覚でタスク管理 - Printable CEO
第4回 すごい昼寝"パワーナップ"でパワーアップ - pzizz
第3回 時は金なり? 上手に時間を測る - Time-Tracker
第2回 ワークフローに即したファイル管理を実現する - DEVONthink
第1回 Wikiを活用してコラボライティングを実現する - Writeboard

もっと見る



転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

「デビットカード」ってどんなカード?
[07:00 7/29] マネー
米利上げ見通しは過小評価されていないか
[07:00 7/29] マネー
ねこのはなしをしようか 第17回 網膜が焼ける
[07:00 7/29] 趣味
熱中症になったことがある人は54% - 意外と知られていない対処法は?
[07:00 7/29] ヘルスケア
ふるさと納税、認知率はほぼ100%も実施率は10%にとどまる - なぜ?
[07:00 7/29] マネー

求人情報