<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webサービス | D-Box</title>
	<atom:link href="https://do-zan.com/tag/web-service/feed/" rel="self" type="application/rss+xml" />
	<link>https://do-zan.com</link>
	<description>自分自身が学び、経験になった知識を残していくブログです。主にMac・iPhone・Microsoft系の内容が多いです。 出来るだけわかりやすい記事をモットーにしています。</description>
	<lastBuildDate>Sun, 13 May 2018 05:41:43 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.1</generator>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/>	<item>
		<title>MacでWebサービスをアプリとして使用できる【Fluid】</title>
		<link>https://do-zan.com/mac-websevice-fluid/</link>
					<comments>https://do-zan.com/mac-websevice-fluid/#respond</comments>
		
		<dc:creator><![CDATA[D-Box]]></dc:creator>
		<pubDate>Tue, 12 Apr 2016 16:19:31 +0000</pubDate>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[アプリ-Mac]]></category>
		<category><![CDATA[Webサービス]]></category>
		<guid isPermaLink="false">http://do-zan.com/?p=934</guid>

					<description><![CDATA[<p>Web上のサービスをアプリに変換して使いやすくする「Fluid」がとても便利なので紹介します。 よく使用するWebサービスを毎回ブラウザからアクセスしなくてもアプリに変換してDock等からワンクリックで起動できる使い勝手…</p>
The post <a href="https://do-zan.com/mac-websevice-fluid/">MacでWebサービスをアプリとして使用できる【Fluid】</a> first appeared on <a href="https://do-zan.com">D-Box</a>.]]></description>
										<content:encoded><![CDATA[<p>Web上のサービスをアプリに変換して使いやすくする「Fluid」がとても便利なので紹介します。</p>
<p>よく使用するWebサービスを毎回ブラウザからアクセスしなくてもアプリに変換してDock等からワンクリックで起動できる使い勝手の良いアプリです。<br />
 公式サイトからダウンロードします。</p>
<p style="text-align: center;"><a href="http://fluidapp.com/" class="link1" target="_blank" rel="nofollow noopener">Fluid</a></p>
<p>画像圧縮サイト「TinyPNG」をアプリ化してみます。<br />
 このサイトも人によっては使用頻度が高いと思うので、アプリで使用できると便利です。</p>
<h2>使用方法</h2>
<p>非常に簡単なので改めて使い方というほどでもないかもしれませんが説明させていただきます。<br />
 Fluidを起動して該当サイトのURLとNameを入力します。名前は自分の覚えやすいものであれば何でも大丈夫です。<br />
 後はアプリの保存先とアイコンを設定しCreateをクリックして終了です。<br />
 とても簡単にアプリ化が可能ですね。</p>
<p><img fetchpriority="high" decoding="async" class="aligncenter wp-image-935 size-full" title="Fluid起動画面" src="https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f.png" alt="Fluid起動画面" width="515" height="283" srcset="https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f.png 515w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-120x66.png 120w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-200x110.png 200w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-300x165.png 300w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-400x220.png 400w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-150x82.png 150w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-265x146.png 265w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-491x270.png 491w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-233x128.png 233w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-309x170.png 309w, https://do-zan.com/wp-content/uploads/2016/04/44d26040ef91d5cd2bd4476e9b02759f-260x143.png 260w" sizes="(max-width: 515px) 100vw, 515px" /></p>
<p>Dockに追加すればTinyPNGへのアクセスがグッと楽になります。</p>
<p><img decoding="async" class="aligncenter wp-image-936 size-full" title="Fluidアイコン1" src="https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17.png" alt="Fluidアイコン1" width="390" height="92" srcset="https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17.png 390w, https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17-120x28.png 120w, https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17-200x47.png 200w, https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17-300x71.png 300w, https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17-150x35.png 150w, https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17-265x63.png 265w, https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17-233x55.png 233w, https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17-370x87.png 370w, https://do-zan.com/wp-content/uploads/2016/04/c0342f7e7433daff5468f7f4491bee17-260x61.png 260w" sizes="(max-width: 390px) 100vw, 390px" /></p>
<p>通常だと該当サイトのファビコンを使用するのですがTinyPNGの場合は使用できなかったようでアイコンがない状態です。<br />
 これではわかりずらいのでアイコンを変更しました。</p>
<p><img decoding="async" class="aligncenter wp-image-937 size-full" title="Fluidアイコン2" src="https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145.png" alt="Fluidアイコン2" width="386" height="89" srcset="https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145.png 386w, https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145-120x28.png 120w, https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145-200x46.png 200w, https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145-300x69.png 300w, https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145-150x35.png 150w, https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145-265x61.png 265w, https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145-233x54.png 233w, https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145-370x85.png 370w, https://do-zan.com/wp-content/uploads/2016/04/d383413fcb3ff7d87047371a7cf5a145-260x60.png 260w" sizes="(max-width: 386px) 100vw, 386px" /></p>
<p>わかりやすいですね。<br />
 アイコンの変更方法は<a href="https://do-zan.com/mac-change-icon/" class="link1" target="_blank" rel="noopener">Macのアイコンを変更する3つの方法</a>を御確認ください。</p>
<p>起動するとこんな感じです。</p>
<p><a href="https://do-zan.com/wp-content/uploads/2016/04/da0418ba13739911c4cec65e7014c8ca.jpg" data-rel="lightbox-image-0" data-rl_title="TinyPNGアプリ起動画面" data-rl_caption=""><img loading="lazy" decoding="async" class="aligncenter wp-image-938 size--size11" title="TinyPNGアプリ起動画面" src="https://do-zan.com/wp-content/uploads/2016/04/da0418ba13739911c4cec65e7014c8ca-500x340.jpg" alt="TinyPNGアプリ起動画面" width="500" height="340" /></a></p>
<p>通常と同じ感覚で使用できます。</p>

<h2>設定変更</h2>
<p>アプリ起動後左上のメニューから「Preferences...」を選択すると色々と設定を変更できます。<br />
 TinyPNGの場合だとファイルの保存先を変更したいので「General Preferences」の「Save downloaded files to」を変更すると保存先の変更も可能です。</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-940 size-full" title="Fluidアプリ環境設定" src="https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab.png" alt="Fluidアプリ環境設定" width="235" height="320" srcset="https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab.png 235w, https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab-88x120.png 88w, https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab-200x272.png 200w, https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab-110x150.png 110w, https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab-145x197.png 145w, https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab-198x270.png 198w, https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab-106x144.png 106w, https://do-zan.com/wp-content/uploads/2016/04/ae165b72569f546427f57cd1c43083ab-125x170.png 125w" sizes="(max-width: 235px) 100vw, 235px" /> <img loading="lazy" decoding="async" class="aligncenter wp-image-939 size-full" title="FluidアプリGeneralPreferences" src="https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569.png" alt="FluidアプリGeneralPreferences" width="595" height="349" srcset="https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569.png 595w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-120x70.png 120w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-200x117.png 200w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-300x176.png 300w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-400x235.png 400w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-150x88.png 150w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-265x155.png 265w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-460x270.png 460w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-233x137.png 233w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-290x170.png 290w, https://do-zan.com/wp-content/uploads/2016/04/dbc33cfd3116996c6437101ad976d569-260x153.png 260w" sizes="(max-width: 595px) 100vw, 595px" /></p>
<p>他にも色々と設定変更できますので好みに合わせて変更すると良いかと思います。<br />
 例えばGoogleマップ等もアプリ化されていないのでFluidは有効な手段ですね。</p>
 
<h3>Googleマップの設定</h3>
<p>GoogleマップをFluidで起動しログインするとWebサービスが立ち上がってしまいFluidで使用できません。<br />
 そういう時は設定を変更すればFluidで使用できるようになります。<br />
 方法はGoogleマップ起動後左上のメニューからPreference＞Whitelistに「*accounts.google.com/ServiceLoginAuth*」を追加します。<br />
 これでアプリとしてGoogleマップにログインして使用できます。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-995" src="https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea.png" alt="FluidアプリGoogleマップ設定変更1" width="595" height="381" srcset="https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea.png 595w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-120x77.png 120w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-200x128.png 200w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-300x192.png 300w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-400x256.png 400w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-150x96.png 150w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-265x170.png 265w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-422x270.png 422w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-225x144.png 225w, https://do-zan.com/wp-content/uploads/2016/04/d39488c1f24f63313f607cbb9c7b1eea-260x166.png 260w" sizes="(max-width: 595px) 100vw, 595px" /> <img loading="lazy" decoding="async" class="aligncenter size-full wp-image-994" src="https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b.png" alt="FluidアプリGoogleマップ設定変更2" width="595" height="423" srcset="https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b.png 595w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-120x85.png 120w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-200x142.png 200w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-300x213.png 300w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-400x284.png 400w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-150x107.png 150w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-563x400.png 563w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-265x188.png 265w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-380x270.png 380w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-203x144.png 203w, https://do-zan.com/wp-content/uploads/2016/04/c00c0855fe4764f66a9c94a1dc67031b-239x170.png 239w" sizes="(max-width: 595px) 100vw, 595px" /></p>
<p>使用したいWebサービスによって色々カスタマイズするとよりユーザビリティが上がるので試してみてください。<br />
 以上がWebサービスをアプリと使用できる「Fluid」の紹介になります。</p>The post <a href="https://do-zan.com/mac-websevice-fluid/">MacでWebサービスをアプリとして使用できる【Fluid】</a> first appeared on <a href="https://do-zan.com">D-Box</a>.]]></content:encoded>
					
					<wfw:commentRss>https://do-zan.com/mac-websevice-fluid/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
