<?xml version="1.0" encoding="UTF-8"?>
<rdf:RDF
 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 xmlns="http://purl.org/rss/1.0/"
 xmlns:content="http://purl.org/rss/1.0/modules/content/"
 xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/"
 xmlns:dc="http://purl.org/dc/elements/1.1/"
 xmlns:syn="http://purl.org/rss/1.0/modules/syndication/"
 xmlns:admin="http://webns.net/mvcb/"
 xmlns:atom="http://www.w3.org/2005/Atom"
>
<channel rdf:about="http://mobile-site.dreamlog.jp/">
<title>スマホサイトと携帯サイト制作講座</title>
<link>http://mobile-site.dreamlog.jp/</link>
<description>スマートフォンサイト、携帯サイト制作、モバイルサイト制作について知識や技術、情報など初心者講座ブログ。スマフォやケータイニュースやスマートフォンやケイタイ情報までブログする、スマホサイトと携帯サイト制作のオンライン講座ブログ
</description>
<dc:language>ja</dc:language>
<admin:generatorAgent rdf:resource="http://blog.livedoor.com/?v=2.0" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<items>
 <rdf:Seq>
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1674522.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1672265.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1670260.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1669448.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1649421.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1649225.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1646283.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1619282.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1606308.html" />
  <rdf:li rdf:resource="http://mobile-site.dreamlog.jp/archives/1604037.html" />
 </rdf:Seq>
</items>
</channel>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1674522.html">
<title>スマホ画面の縦横方向の呼び方</title>
<link>http://mobile-site.dreamlog.jp/archives/1674522.html</link>
<description>スマホでウェブコンテンツや電子書籍を閲覧する際に、端末を縦方向と横方向で見ることが可能だ。通常の縦方向をポートレートモードといい、横方向にしてみることをランドスケープモードという。もともとはDTPや印刷業界において使用されている言葉で、印刷用紙やアートボード...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2012-02-12T22:26:57+09:00</dc:date>
<dc:subject>スマートフォン</dc:subject>
<content:encoded><![CDATA[スマホでウェブコンテンツや電子書籍を閲覧する際に、端末を縦方向と横方向で見ることが可能だ。<br /><br />通常の縦方向をポートレートモードといい、横方向にしてみることをランドスケープモードという。<br /><br /><br />もともとはDTPや印刷業界において使用されている言葉で、印刷用紙やアートボードの向きの呼び方としても使われている。<br /><br /><br />ランドスケープモード【landscape mode】とは....<br /><br /><br />ポートレートモード【portrait mode】とは.......<br /><br /><span style="color: rgb(255, 0, 0);"><b><br />続きはこちら　⇒　</b></span><a href="http://labo-of.com/?p=704" target="_blank">ＷＥＢ制作システム　スマホサイト</a><br /><br /><br /><br /><br />
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1674522" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1672265.html">
<title>スマートフォン操作用語とフリックとスワイプ</title>
<link>http://mobile-site.dreamlog.jp/archives/1672265.html</link>
<description>最近iPhoneやAndroid搭載スマホの操作についての用語説明が必要になりました。スライドショーのスクロールの説明ではスワイプやらフリックなどの操作が必要で、&quot;こする&quot;などのわかりやすい日本語だと格好もつかないので、スマホの操作表現についてまとめてみました。■タップ...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2012-02-03T01:11:03+09:00</dc:date>
<dc:subject>用語</dc:subject>
<content:encoded><![CDATA[<br />最近iPhoneやAndroid搭載スマホの操作についての用語説明が必要になりました。<br /><br />スライドショーのスクロールの説明ではスワイプやらフリックなどの操作が必要で、"こする"などのわかりやすい日本語だと格好もつかないので、スマホの操作表現についてまとめてみました。<br /><br /><br /><br />■タップ<br /><br />画面にタッチして...<br /><br />■スワイプ<br /><br />画面上をこする...<br /><br />■フリック<br /><br />フリックはタップした直後に...<br /><br />■ドラッグ<br /><br />こちらはパソコンのマウス操作と同一で...<br /><br />■ピンチイン・ピンチクローズ<br /><br />二本指で内側に近づけるようにフリックして...<br /><br />■ピンチアウト・ピンチオープン<br /><br />二本の指で外側に広げるようにフリックして...<br /><br />■スクロール<br /><br />画面やWebサイト、コンテンツなどをスワイプさせて...<br /><br /><br />■スクラブ<br /><br />スライダーや音量調節バーなどを...<br /><br />■タッチアンドホールド<br /><br />指をあてタップした...<br /><br />■シェイク<br /><br />スマホ本体を...<br /><br /><br /><span style="color: rgb(255, 0, 0);"><b><br />記事の詳細はこちら　⇒</b></span>　<a href="http://labo-of.com/?p=690" target="_blank">ＷＥＢ制作システム-スマホ用語</a><br /><br /><br />
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1672265" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1670260.html">
<title>スマホサイトとiframeタグ</title>
<link>http://mobile-site.dreamlog.jp/archives/1670260.html</link>
<description>スマートフォンサイトは通常のWebブラウザで閲覧するWebサイトなどをそのまま見ることができますが、いくつか制約や制限があります。iPhoneではFlashやアニメーションgifはアプリ連動である必要がありますし、映像コンテンツなどもほとんどが同様になります。Android端末では...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2012-01-24T02:16:17+09:00</dc:date>
<dc:subject>スマホサイト</dc:subject>
<content:encoded><![CDATA[<br /><br />スマートフォンサイトは通常のWebブラウザで閲覧するWebサイトなどをそ<br />のまま見ることができますが、いくつか制約や制限があります。<br /><br /><br />iPhoneではFlashやアニメーションgifはアプリ連動である必要があります<br />し、映像コンテンツなどもほとんどが同様になります。Android端末では<br />最新機種の一部ではFlash再生可能なものもありますが、まったくPC版と<br />同様とはいかないようです。<br /><br /><br />フレームタグは、ほとんど使用されることは少なくなっていますが、一部<br />、システム機能のページを静的ページに組み込んだり、PHPやCGIのインフ<br />ォーメーションやフィードの表示などで利用されている場合が以外と多く<br />、スマホサイトでのiframeタグの対応についてです....<br /><br /><span style="color: rgb(255, 0, 0);"><b><br />記事の続きはこちら　⇒</b></span>　<a href="http://labo-of.com/?p=681" target="_blank">ＷＥＢ制作システム　-　スマホサイト</a><br />
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1670260" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1669448.html">
<title>スマホサイト制作で注意したい4つのこと</title>
<link>http://mobile-site.dreamlog.jp/archives/1669448.html</link>
<description>スマホも実用性やシェアの大きいAndroid端末と話題性やデザイン、アプリの膨大なiOSのiPhoneが市場を占めていくような感じになってきていますが、今回は、システム関連や機種本体のWebブラウジングを中心としたざっくりとした違いについてです。Androidではブラウザ、iOSでは...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2012-01-20T01:03:06+09:00</dc:date>
<dc:subject>スマホサイト</dc:subject>
<content:encoded><![CDATA[<br />スマホも実用性やシェアの大きいAndroid端末と話題性やデザイン、アプリの膨大なiOSのiPhoneが市場を占めていくような感じになってきていますが、今回は、システム関連や機種本体のWebブラウジングを中心としたざっくりとした違いについてです。<br /><br />Androidではブラウザ、iOSではMobile Safariを使用しているものとしています。<br /><br /><br />■文字コード(エンコード)の制限など<br /><br />文字コードの設定変更が可能なAndroidブラウザに対して...<br /><br />■プラグイン(Flash)などの制限<br /><br />Android2.2以降からは標準搭載され、正式に対応しているFlashなどの...<br /><br />■日本語フォント(文字タイプ)の制限<br /><br />スマホブラウザでは早々にHTML5やCSS3の対応が進んでいますが...<br /><br />■ファイルのアップロード、ダウンロード<br /><br />iPhoneではファイルのダウンロード・アップロードは...<br /><br /><br /><span style="color: rgb(255, 0, 0);"><b>記事の続きはこちら　⇒　</b></span><a href="http://labo-of.com/?p=676" target="_blank">WEB制作システムズ-スマホサイト</a>
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1669448" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1649421.html">
<title>スマホサイト独特の仕様について</title>
<link>http://mobile-site.dreamlog.jp/archives/1649421.html</link>
<description>
スマートフォンのサイト制作において独特の仕様がありますが、ズームや可視領域を設定をするためのmeta要素のviewport属性があります。 

iPhone用safariの仮想的なウィンドウサイズを指定するmeta要素のこと。またAndroidのブラウザがオープンソースのSafarと同じレンダリ...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2011-10-31T01:39:10+09:00</dc:date>
<dc:subject>スマホサイト</dc:subject>
<content:encoded><![CDATA[<p>
スマートフォンのサイト制作において独特の仕様がありますが、ズームや可視領域を設定をするためのmeta要素のviewport属性があります。 <br /></p><br /><p><br /></p>
<p>
iPhone用safariの仮想的なウィンドウサイズを指定するmeta要素のこと。またAndroidのブラウザがオープンソースのSafarと同じレンダリングエンジン「WebKit」を採用しているので、スマホサイトではほぼ同様のブラウザレビューが可能である。</p><p><br /></p><p><br /></p><p><br /></p>
<p>
viewportのサイズ指定のデフォルト値は980×1470ピクセル。メタタグによる属性指定により、ページを最初に開いた時の画面サイズ、拡大率な
どを指定できる。iPhone端末を縦向き（portlateモード）にしても、横向き（landscapeモード）にしてもデフォルトの値は変わらない
ので、meta要素のviewportで各属性を指定する。</p><p><br /></p><p><br /></p><p><br /></p>
<p>
&lt;meta name=”viewport” content=”width=[横幅], initial-scale=[初期の倍率], maximum-scale=[拡大可能な最大の倍率]” &gt;
</p>
<p>
上記が基本的な記述になる。</p><p><br /></p><p><br /></p>
<p>
■HTML5でのマークアップ....</p><p><br /></p><p><br /></p><p><br /></p><p>記事の続き　⇒　<a href="http://labo-of.com/?p=635" target="_self">WEB制作システムズ-スマホサイト制作</a><br /></p>
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1649421" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1649225.html">
<title>リキッドレイアウトでスマホサイト制作</title>
<link>http://mobile-site.dreamlog.jp/archives/1649225.html</link>
<description>最近はパソコンモニターの高解像度がかなり浸透していますが、使用されるモニターの解像度はかなり多様化しているようです。Webページ制作においても、表示される解像度によっては、横幅のサイズをウィンドウサイズに合わせて自動的に横幅調整されるページもあります。リキッ...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2011-10-30T14:07:31+09:00</dc:date>
<dc:subject>スマホサイト</dc:subject>
<content:encoded><![CDATA[<br /><br />最近はパソコンモニターの高解像度がかなり浸透していますが、使用されるモニターの解像度はかなり多様化しているようです。<br />Webページ制作においても、表示される解像度によっては、横幅のサイズをウィンドウサイズに合わせて自動的に横幅調整されるページもあります。<br /><br /><br /><br />リキッドレイアウト(liquid layout)とは、Webページの表示領域をブラウザのウィンドウサイズに合わせて...<br /><br /><br /><br /><span style="color: rgb(255, 0, 0);"><b>記事の続きはこちら</b></span>　⇒　<a href="http://labo-of.com/?p=630" target="_self">WEB制作システムズ　スマホサイト制作</a>
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1649225" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1646283.html">
<title>スマートフォンについて-スマホサイト作成</title>
<link>http://mobile-site.dreamlog.jp/archives/1646283.html</link>
<description>
モバイルサイト制作でもスマホサイト制作の需要が伸びており、いまさらという気がしますが、
まずは「スマートフォン」について、もう一度概要を理解してみます。 
1.スマートフォントって 
スマートフォン(smartphone)とは、モバイル機器で電話やメールができるものの、携...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2011-10-20T00:05:34+09:00</dc:date>
<dc:subject>スマートフォン</dc:subject>
<content:encoded><![CDATA[<p>
モバイルサイト制作でもスマホサイト制作の需要が伸びており、いまさらという気がしますが、<br />
まずは「スマートフォン」について、もう一度概要を理解してみます。 <br /></p><p><br /></p>
<p>1.スマートフォントって <br /></p><p><br /></p>
<p>スマートフォン(smartphone)とは、モバイル機器で電話やメールができるものの、携帯電話よりもPC機能をもとに製作されたインターネットとも親和性が高いモバイルフォン。 <br /></p><br /><p><br /></p>
<p>結局は携帯型の電話・PHSであるが、小型のパソコンに近くスケジュール管理や住所録、メモ帳を始め多様な機能が搭載されたケータイであり「PDA
機能が付いた多機能携帯電話」とも称される。しかも専用のアプリなどはゲームコンテンツからSNSまでを網羅しており、機能性だけで明確にカテゴライズが
難しい一面もある。
</p>
<p>「スマホ」「スマフォ」などと略称で呼ばれることが多い。 <br /></p><p><br /></p><p><br /></p>
<p>2.スマホのOS <br /></p><p><br /></p>
<p>
スマホのOSとは、スマートフォンやタブレットなどの、モバイル機器向けのプラットフォームです。</p><p><br /></p><p><br />
</p>
<p>■Android
</p>

AndroidはGoogleがAndroid社を買収して開発されている.....<br /><br /><br /><br /><span style="color: rgb(255, 0, 0);"><b>記事の続きはこちら</b></span>　⇒　<a href="http://labo-of.com/?p=611" target="_self">WEB制作システムズ-モバイル/スマホ</a><br />
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1646283" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1619282.html">
<title>スマートフォンモニター解像度</title>
<link>http://mobile-site.dreamlog.jp/archives/1619282.html</link>
<description>携帯ユーザーの数はまだまだ大半を占めますが、AndoroidやiPhoneなどのスマートフォン用サイトなどのニーズは増加傾向にあります。携帯サイト制作でも大切であった、スマートフォンの液晶画面モニターサイズについて整理してみました。スマートフォンの画面サイズと解像度に...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2011-07-20T01:48:39+09:00</dc:date>
<dc:subject>スマートフォン</dc:subject>
<content:encoded><![CDATA[<p>携帯ユーザーの数はまだまだ大半を占めますが、<br />AndoroidやiPhoneなどのスマートフォン用サイトなどのニーズは<br />増加傾向にあります。</p><p><br /><br />携帯サイト制作でも大切であった、スマートフォンの液晶画面モニターサイズについて整理してみました。</p><p><br /><br /><br />スマートフォンの画面サイズと解像度について...<br /><br /><strong><span style="color: #ff0000">記事の続きはこちら</span></strong>　⇒　<a href="http://labo-of.com/?p=357" target=_blank>WEB制作システムズ-モバイル </a><br /><br /></p><p><br /></p>
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1619282" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1606308.html">
<title>携帯サイトQRコードを印刷する場合</title>
<link>http://mobile-site.dreamlog.jp/archives/1606308.html</link>
<description>携帯サイトのQRコードを、名刺や書籍、チラシなどに印刷する場合ですが、WEBサイトで使用したQRコード素材はそのまま使用は、かなり難しいようです。72dpiや96dpiでしたら無料で作成できるサービスはいくつかありますが、モバイルサイトの印刷用のQRコード作成は、できればIl...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2011-06-17T02:21:18+09:00</dc:date>
<dc:subject></dc:subject>
<content:encoded><![CDATA[携帯サイトのQRコードを、名刺や書籍、チラシなどに印刷する場合ですが、WEBサイトで使用したQRコード素材はそのまま使用は、かなり難しいようです。<br /><br /><br />72dpiや96dpiでしたら無料で作成できるサービスはいくつかありますが、モバイルサイトの印刷用のQRコード作成は、できればIllustratorなどで取り扱いするパスデータが理想的です。<br /><br /><br />携帯サイト制作とは直接関わりが無いかも知れませんが、こういった情報を知っておいた方がよいでしょう。<br /><br /><br />そこで印刷用のQRコードを無料で作成可能なWEBサービスを利用します。<br /><br /><br /><div><span style="font-size: medium">印刷用のQRコードを作る君<br /><br /><a href="http://qr.8-bit.jp/">http://qr.8-bit.jp/</a><br /></span></div><p><br />URLとサイト名の情報をEPSかPDFファイル形式のパスデータに変換してくれます。</p>
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1606308" width="1" height="1" />
]]>
</content:encoded>
</item>
<item rdf:about="http://mobile-site.dreamlog.jp/archives/1604037.html">
<title>IMAPメール送受信設定について</title>
<link>http://mobile-site.dreamlog.jp/archives/1604037.html</link>
<description>今回は直接携帯サイト制作とは関連しないのですが、モバイル端末からのメール送受信についてです。モバイルサイトの制作に関わることも多いので記述しています。通常、メール送受信は受信サーバーをPOP、送信サーバーをSMTPといった専用のプロトコルを使用しますが、IMAPメー...</description>
<dc:creator>mobile_school</dc:creator>
<dc:date>2011-06-10T18:50:12+09:00</dc:date>
<dc:subject>メール設定</dc:subject>
<content:encoded><![CDATA[<p>今回は直接携帯サイト制作とは関連しないのですが、モバイル端末からのメール送受信についてです。<br />モバイルサイトの制作に関わることも多いので記述しています。<br /><br /></p><p>通常、メール送受信は受信サーバーをPOP、送信サーバーをSMTPといった専用のプロトコルを使用しますが、<br />IMAPメール送受信のプロトコルを使用することで、スマートフォンなどのモバイル端末からメールを送受信できる仕組みです。<br /><br />厳密にいうと、サーバーのメールを受信しているのではなく、サーバーのメールボックスを閲覧していることになります。</p><p><br /><br /><br />設定方法での注意点は、ポート番号がことなることと、通信方法の設定になります。</p><p>例えば、Yahoo!メールでのアクセス設定は以下になります。</p><p><br />サーバー設定 <br /><br />受信メール(IMAP)サーバー imap.mail.yahoo.co.jp <br />受信メール(IMAP)通信方法 SSL <br />受信メール(IMAP)ポート番号 993 <br />送信メール(SMTP)サーバー smtp.mail.yahoo.co.jp <br />送信メール(SMTP)通信方法 SSL <br />送信メール(SMTP)ポート番号 465 </p><p><br />◆IMAPメール送受信の特徴としては◆<br /></p><p>・ IMAPアクセスは、iPhone、iPad、Android端末(Xperia、Desireなど)など、<br />主要モバイル端末で利用可能なこと。<br /></p><p>・メールがサーバー上で管理されるため、モバイル端末にメール<br />をダウンロードしなくてもOK。<br /></p><p>・複数のモバイル端末やウェブブラウザで利用しても、フォルダ構成やメールの<br />未読/既読の状態などを一元管理が可能。</p><br /><br />
<img src="http://counter2.blog.livedoor.com/c?ro=1&act=rss&output=no&id=3551681&name=mobile_school&pid=1604037" width="1" height="1" />
]]>
</content:encoded>
</item>

</rdf:RDF>

