<?xml version="1.0" encoding="UTF-8"?> 
<feed version="0.3" xmlns="http://purl.org/atom/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xml:lang="ja">
<title>スマホサイトと携帯サイト制作講座</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/" />
<link rel="service.post" type="application/x.atom+xml" href="http://cms.blog.livedoor.com/atom/blog_id=3551681" title="スマホサイトと携帯サイト制作講座" />
<link rel="hub" href="http://pubsubhubbub.appspot.com" />
<link rel="self" href="http://mobile-site.dreamlog.jp/atom.xml" />
<modified>2012-02-23T21:12:15Z</modified> 
<tagline><![CDATA[スマートフォンサイト、携帯サイト制作、モバイルサイト制作について知識や技術、情報など初心者講座ブログ。スマフォやケータイニュースやスマートフォンやケイタイ情報までブログする、スマホサイトと携帯サイト制作のオンライン講座ブログ]]></tagline> 
<id>tag:blog.livedoor.jp,2010:mobile_school</id>
<author>
<name>mobile_school</name> 
</author>
<generator url="http://blog.livedoor.com/" version="1.0">livedoor Blog</generator> 
<copyright>Copyright (c) 2012, mobile_school </copyright>
<entry>
<title>スマホ画面の縦横方向の呼び方</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1674522.html" />
<modified>2012-02-12T13:29:36Z</modified> 
<issued>2012-02-12T22:26:57+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:mobile_school.1674522</id>
<summary type="text/plain">スマホでウェブコンテンツや電子書籍を閲覧する際に、端末を縦方向と横方向で見ることが可能だ。通常の縦方向をポートレートモードといい、横方向にしてみることをランドスケープモードという。もともとはDTPや印刷業界において使用されている言葉で、印刷用紙やアートボード...</summary> 
<dc:subject>スマートフォン</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1674522.html">
<![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 />]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>スマートフォン操作用語とフリックとスワイプ</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1672265.html" />
<modified>2012-02-02T16:16:29Z</modified> 
<issued>2012-02-03T01:11:03+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:mobile_school.1672265</id>
<summary type="text/plain">最近iPhoneやAndroid搭載スマホの操作についての用語説明が必要になりました。スライドショーのスクロールの説明ではスワイプやらフリックなどの操作が必要で、&quot;こする&quot;などのわかりやすい日本語だと格好もつかないので、スマホの操作表現についてまとめてみました。■タップ...</summary> 
<dc:subject>用語</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1672265.html">
<![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 />]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>スマホサイトとiframeタグ</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1670260.html" />
<modified>2012-01-23T17:16:17Z</modified> 
<issued>2012-01-24T02:16:17+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:mobile_school.1670260</id>
<summary type="text/plain">スマートフォンサイトは通常のWebブラウザで閲覧するWebサイトなどをそのまま見ることができますが、いくつか制約や制限があります。iPhoneではFlashやアニメーションgifはアプリ連動である必要がありますし、映像コンテンツなどもほとんどが同様になります。Android端末では...</summary> 
<dc:subject>スマホサイト</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1670260.html">
<![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 />]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>スマホサイト制作で注意したい4つのこと</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1669448.html" />
<modified>2012-01-19T16:03:06Z</modified> 
<issued>2012-01-20T01:03:06+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:mobile_school.1669448</id>
<summary type="text/plain">スマホも実用性やシェアの大きいAndroid端末と話題性やデザイン、アプリの膨大なiOSのiPhoneが市場を占めていくような感じになってきていますが、今回は、システム関連や機種本体のWebブラウジングを中心としたざっくりとした違いについてです。Androidではブラウザ、iOSでは...</summary> 
<dc:subject>スマホサイト</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1669448.html">
<![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>]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>スマホサイト独特の仕様について</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1649421.html" />
<modified>2011-10-30T16:39:10Z</modified> 
<issued>2011-10-31T01:39:10+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:mobile_school.1649421</id>
<summary type="text/plain">
スマートフォンのサイト制作において独特の仕様がありますが、ズームや可視領域を設定をするためのmeta要素のviewport属性があります。 

iPhone用safariの仮想的なウィンドウサイズを指定するmeta要素のこと。またAndroidのブラウザがオープンソースのSafarと同じレンダリ...</summary> 
<dc:subject>スマホサイト</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1649421.html">
<![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>]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>リキッドレイアウトでスマホサイト制作</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1649225.html" />
<modified>2011-10-30T05:11:41Z</modified> 
<issued>2011-10-30T14:07:31+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:mobile_school.1649225</id>
<summary type="text/plain">最近はパソコンモニターの高解像度がかなり浸透していますが、使用されるモニターの解像度はかなり多様化しているようです。Webページ制作においても、表示される解像度によっては、横幅のサイズをウィンドウサイズに合わせて自動的に横幅調整されるページもあります。リキッ...</summary> 
<dc:subject>スマホサイト</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1649225.html">
<![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>]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>スマートフォンについて-スマホサイト作成</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1646283.html" />
<modified>2011-10-19T15:05:34Z</modified> 
<issued>2011-10-20T00:05:34+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:mobile_school.1646283</id>
<summary type="text/plain">
モバイルサイト制作でもスマホサイト制作の需要が伸びており、いまさらという気がしますが、
まずは「スマートフォン」について、もう一度概要を理解してみます。 
1.スマートフォントって 
スマートフォン(smartphone)とは、モバイル機器で電話やメールができるものの、携...</summary> 
<dc:subject>スマートフォン</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1646283.html">
<![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 />]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>スマートフォンモニター解像度</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1619282.html" />
<modified>2011-07-19T16:48:58Z</modified> 
<issued>2011-07-20T01:48:39+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:mobile_school.1619282</id>
<summary type="text/plain">携帯ユーザーの数はまだまだ大半を占めますが、AndoroidやiPhoneなどのスマートフォン用サイトなどのニーズは増加傾向にあります。携帯サイト制作でも大切であった、スマートフォンの液晶画面モニターサイズについて整理してみました。スマートフォンの画面サイズと解像度に...</summary> 
<dc:subject>スマートフォン</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1619282.html">
<![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>]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>携帯サイトQRコードを印刷する場合</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1606308.html" />
<modified>2011-06-16T17:21:18Z</modified> 
<issued>2011-06-17T02:21:18+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:mobile_school.1606308</id>
<summary type="text/plain">携帯サイトのQRコードを、名刺や書籍、チラシなどに印刷する場合ですが、WEBサイトで使用したQRコード素材はそのまま使用は、かなり難しいようです。72dpiや96dpiでしたら無料で作成できるサービスはいくつかありますが、モバイルサイトの印刷用のQRコード作成は、できればIl...</summary> 
<dc:subject></dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1606308.html">
<![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>]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>

<entry>
<title>IMAPメール送受信設定について</title> 
<link rel="alternate" type="text/html" href="http://mobile-site.dreamlog.jp/archives/1604037.html" />
<modified>2011-06-10T09:50:12Z</modified> 
<issued>2011-06-10T18:50:12+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:mobile_school.1604037</id>
<summary type="text/plain">今回は直接携帯サイト制作とは関連しないのですが、モバイル端末からのメール送受信についてです。モバイルサイトの制作に関わることも多いので記述しています。通常、メール送受信は受信サーバーをPOP、送信サーバーをSMTPといった専用のプロトコルを使用しますが、IMAPメー...</summary> 
<dc:subject>メール設定</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://mobile-site.dreamlog.jp/archives/1604037.html">
<![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 />]]> 
</content>
<author>
<name>mobile_school</name> 
</author>
</entry>
</feed>

