<?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>ウェブ制作（ドメイン・サーバ・メール関連）研究室 &#187; スマホサイト</title>
	<atom:link href="http://www.labo-ip.com/?feed=rss2&#038;tag=%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%B5%E3%82%A4%E3%83%88" rel="self" type="application/rss+xml" />
	<link>http://www.labo-ip.com</link>
	<description>ウェブ制作スタッフによるウェブ全般の情報とテクニック集です</description>
	<lastBuildDate>Fri, 25 Jul 2014 01:00:21 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.0.38</generator>
	<item>
		<title>Google Chromeでのスマートフォンサイトの確認方法</title>
		<link>http://www.labo-ip.com/?p=508</link>
		<comments>http://www.labo-ip.com/?p=508#comments</comments>
		<pubDate>Fri, 25 Jul 2014 01:00:21 +0000</pubDate>
		<dc:creator><![CDATA[hpkanri]]></dc:creator>
				<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[コンテンツ]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[スマホサイト]]></category>
		<category><![CDATA[スマートフォン]]></category>

		<guid isPermaLink="false">http://www.hp-omakase.com/web02/?p=508</guid>
		<description><![CDATA[以前、ご紹介しましたPC（Safari）でのスマートフォンサイト表示に次いで、Google Chromeでのス [&#8230;]]]></description>
				<content:encoded><![CDATA[
<p>以前、ご紹介しましたPC（Safari）でのスマートフォンサイト表示に次いで、<br />Google Chromeでのスマートフォンサイトの確認方法をご案内します。<br />※Google Chromeの拡張機能を使います。</p>
<p>Google Chromeを開き、右側のGoogle Chromeの設定アイコンをクリックします。<br />メニューが表示しますので、「設定」を選んでください。<br />（アイコンとメニューは、下記の場所になります。）</p>
<p><img class="alignnone size-full wp-image-510" src="http://www.labo-ip.com/wp-content/uploads/2014/05/cua_p2.jpg" alt="cua_p2" width="437" height="380" /></p>
<p>設定画面が開きますので、左側のメニューから「拡張機能」をクリックし、<br />ページ下の「他の拡張機能を見る」をクリックしてください。</p>
<p><img class="alignnone size-full wp-image-511" src="http://www.labo-ip.com/wp-content/uploads/2014/05/cua_p3.jpg" alt="cua_p3" width="500" height="406" /></p>
<p>Chrome ウェブストアの画面が開きますので、<br />左側の検索窓に、「User-Agent Switcher for Chrome」 と入力します。</p>
<p>User-Agent Switcher for Chromeの拡張機能の項目が表示しますので、<br />右側の「+無料」のボタンをクリックすると、機能を追加するかどうかを<br />聞かれますので、「はい、確認しました」をクリックします。</p>
<p><img class="alignnone size-full wp-image-512" src="http://www.labo-ip.com/wp-content/uploads/2014/05/cua_p4.jpg" alt="cua_p4" width="500" height="409" /></p>
<p>Google Chromeのブラウザに「User-Agent Switcher for Chrome」のアイコンが<br />付くようになり、このアイコンをクリックすると、<br />どのユーザーエージェントで表示するか選択できるようになります。</p>
<p><img class="alignnone size-full wp-image-509" src="http://www.labo-ip.com/wp-content/uploads/2014/05/cua_p1.jpg" alt="cua_p1" width="500" height="408" /></p>
<p>例としてiOSのiPhone4を選択すると下記のようにスマートフォンサイトが表示します。</p>
<p><img class="alignnone size-full wp-image-513" src="http://www.labo-ip.com/wp-content/uploads/2014/05/cua_p5.jpg" alt="cua_p5" width="500" height="542" /></p>
<p>また、IE6～やFireFox、Safari、Opera等での<br /> ブラウザ表示にも切替ることができますので、<br /> ホームページの制作者であればブラウザのチェックなどにも利用できます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.labo-ip.com/?feed=rss2&#038;p=508</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>スマートフォンでホームページ更新</title>
		<link>http://www.labo-ip.com/?p=488</link>
		<comments>http://www.labo-ip.com/?p=488#comments</comments>
		<pubDate>Wed, 23 Jul 2014 01:00:16 +0000</pubDate>
		<dc:creator><![CDATA[hpkanri]]></dc:creator>
				<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[コンテンツ]]></category>
		<category><![CDATA[スマホサイト]]></category>
		<category><![CDATA[スマートフォン]]></category>

		<guid isPermaLink="false">http://www.hp-omakase.com/web02/?p=488</guid>
		<description><![CDATA[CMS、ブログなどで使われるWordPressがバージョン3.8から、 管理画面がレスポンシブデザインに対応さ [&#8230;]]]></description>
				<content:encoded><![CDATA[
<p>CMS、ブログなどで使われるWordPressがバージョン3.8から、<br /> 管理画面がレスポンシブデザインに対応されました。</p>
<p>スマートフォンからの更新もしやすくなりました。</p>
<p>もちろんPCの方が、画面も大きく、 キーボードの文字入力で、更新もしやすいのですが、<br /> 文字の修正やちょっとした記事はその場で出来るので、<br /> 利用用途は高くなっています。</p>
<p>▼ダッシュボード</p>
<p><img class="alignnone size-full wp-image-485" src="http://www.labo-ip.com/wp-content/uploads/2014/04/smp_p1_2.jpg" alt="smp_p1_2" /></p>
<p>▼記事の更新画面</p>
<p><img class="alignnone size-full wp-image-486" src="http://www.labo-ip.com/wp-content/uploads/2014/04/smp_p2_2.jpg" alt="smp_p2_2" /></p>
<p>▼画像を挿入<br />（スマホに保存されている画像データまたは、その場で撮影してアップロード）</p>
<p><img class="alignnone size-full wp-image-487" src="http://www.labo-ip.com/wp-content/uploads/2014/04/smp_p3_2.jpg" alt="smp_p3_2" /></p>
<p>より早い情報発信など、うまく活用できるようにしていきたいですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.labo-ip.com/?feed=rss2&#038;p=488</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PCでスマホサイトを確認する（Safariを利用）</title>
		<link>http://www.labo-ip.com/?p=475</link>
		<comments>http://www.labo-ip.com/?p=475#comments</comments>
		<pubDate>Tue, 22 Jul 2014 01:00:24 +0000</pubDate>
		<dc:creator><![CDATA[hpkanri]]></dc:creator>
				<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[コンテンツ]]></category>
		<category><![CDATA[PCサイト]]></category>
		<category><![CDATA[スマホサイト]]></category>
		<category><![CDATA[ブラウザ]]></category>

		<guid isPermaLink="false">http://www.hp-omakase.com/web02/?p=475</guid>
		<description><![CDATA[今回は、PCでスマートフォンサイトの確認方法です。 用意するのは、ブラウザのSafariです。 (1) Saf [&#8230;]]]></description>
				<content:encoded><![CDATA[
<p>今回は、PCでスマートフォンサイトの確認方法です。</p>
<p>用意するのは、ブラウザのSafariです。</p>
<p>(1) Safariを立ち上げ、ブラウザの右上の下記のマークをクリックします。<br />メニューが表示しますので「表示」をクリックしてください。</p>
<p><img class="alignnone size-full wp-image-476" src="http://www.labo-ip.com/wp-content/uploads/2014/04/sm_sfr1.jpg" alt="sm_sfr1" width="500" height="420" /></p>
<p>(2) 設定ウィンドウが開きますので、「詳細」マークをクリックしてください。<br />設定項目が表示しますので、下記の「メニューバーに&#8221;開発&#8221;メニューを表示」に<br />チェックを入れてください。</p>
<p><img class="alignnone size-full wp-image-477" src="http://www.labo-ip.com/wp-content/uploads/2014/04/sm_sfr2.jpg" alt="sm_sfr2" width="500" height="193" /></p>
<p>(3) 下記のようにページメニューの項目に「開発」が追加されますので、<br />「開発」→「ユーザーエージェント」→<br />「Safari IOS 4.3.3 ― iPhone」をクリックしてください。<br />（iPhoneのユーザーエージェントで確認）</p>
<p><img class="alignnone size-full wp-image-478" src="http://www.labo-ip.com/wp-content/uploads/2014/04/sm_sfr3.jpg" alt="sm_sfr3" width="500" height="324" /></p>
<p>(4) 同一アドレスでPC版とスマートフォン版のサイトがあるサイトは<br />下記のようにスマートフォン仕様に変換されます。<br />(PC版しかないものは、変わりません）<br /><br />▼当社サイトを見てみるとこのように表示されます。</p>
<p><img class="alignnone size-full wp-image-479" src="http://www.labo-ip.com/wp-content/uploads/2014/04/sm_sfr4.jpg" alt="sm_sfr4" width="200" height="429" /></p>
<p>※ユーザーエージェント（Webブラウザなどの情報を知らせるプログラム）を<br />切替えることで表示させています。</p>
<p>今回は、iPhoneのユーザーエージェントで表示していますが、<br />iPad、インターネットエクスプローラー、モバイルなどの<br />ユーザーエージェントを指定することでも表示の切替ができます。</p>
<p>Google Chromeや、FireFoxのアドオンでも確認できるようになりますが、<br />Safariが、チェックを入れるだけで手間なく利用にできますので、<br />私としてはおすすめです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.labo-ip.com/?feed=rss2&#038;p=475</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>パソコン用とスマートフォン用のホームページ</title>
		<link>http://www.labo-ip.com/?p=158</link>
		<comments>http://www.labo-ip.com/?p=158#comments</comments>
		<pubDate>Wed, 25 Jun 2014 01:00:18 +0000</pubDate>
		<dc:creator><![CDATA[hpkanri]]></dc:creator>
				<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[コンテンツ]]></category>
		<category><![CDATA[PCサイト]]></category>
		<category><![CDATA[スマホサイト]]></category>

		<guid isPermaLink="false">http://www.hp-omakase.com/web02/?p=158</guid>
		<description><![CDATA[携帯電話の利用で、2014年のスマートフォン普及率が過半数になるだろうと予測されています。ビジネス面でも利用さ [&#8230;]]]></description>
				<content:encoded><![CDATA[
<p>携帯電話の利用で、2014年のスマートフォン普及率が<br />過半数になるだろうと予測されています。<br />ビジネス面でも利用されている方が多数いらっしゃると思います。</p>
<p>スマートフォンから地図や時刻表などで交通情報を調べたり、 <br />欲しい商品の通販、必要な情報を検索したりするなどなど非常に便利になりました。</p>
<p>企業やお店のサイトでもコンテンツなどスマートフォンで見やすくしたほうが <br />場所の案内やイベント告知、その他顧客への情報案内がしやすくなります。</p>
<p>当社では、パソコン用とスマートフォン用、ガラケー用のサイトなど企業様や<br />そのお客様のニーズに合わせてご案内しております。</p>
<p>（下記は当社のサイト例です）<br /><br /> <img class="alignnone size-full wp-image-159" src="http://www.labo-ip.com/wp-content/uploads/2013/11/hp1.jpg" alt="hp1" width="541" height="388" /><br /><br /> <img class="alignnone size-full wp-image-160" src="http://www.labo-ip.com/wp-content/uploads/2013/11/hp2.jpg" alt="hp2" width="541" height="388" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.labo-ip.com/?feed=rss2&#038;p=158</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
