<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>ノミ脳Webディレクターメモ書き</title>
<link>https://ameblo.jp/pj2051/</link>
<atom:link href="https://rssblog.ameba.jp/pj2051/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>フリーのWebディレクターの備忘録</description>
<language>ja</language>
<item>
<title>Google 404ウィジットの文字化け</title>
<description>
<![CDATA[ <p>Googleウェブマスターツールに用意されている、</p><p>「拡張された 404 ページ」(404 ウィジェット)が</p><p>ページの文字コードがUTF-8じゃないと、IEで文字化けしてしまうので、</p><p>IEの場合は英語で表示するように対応しました。</p><br><p>下記、JavaScriptのソースです。</p><br><p>&lt;script type="text/javascript"&gt;<br>var GOOG_FIXURL_LANG;<br>var browser_name_str = navigator.appName.toUpperCase();<br>if (browser_name_str.indexOf("EXPLORER") &gt;= 0){<br>GOOG_FIXURL_LANG = 'en';<br>}else{<br>GOOG_FIXURL_LANG = 'ja';<br>}<br>var GOOG_FIXURL_SITE = 'http://yourdomain/';<br>&lt;/script&gt;<br>&lt;script type="text/javascript" src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"&gt;&lt;/script &gt;</p><p><br></p><p>-- Thanks,</p>
]]>
</description>
<link>https://ameblo.jp/pj2051/entry-10182841277.html</link>
<pubDate>Thu, 25 Dec 2008 10:53:24 +0900</pubDate>
</item>
<item>
<title>YouTube、HD対応動画がすべてHD画質で再生可能に</title>
<description>
<![CDATA[ <p>YouTube、HD対応動画がすべてHD画質で再生可能に</p><p><a href="http://headlines.yahoo.co.jp/hl?a=20081219-00000013-imp-sci">http://headlines.yahoo.co.jp/hl?a=20081219-00000013-imp-sci</a> </p><br><p>動画すべてではなく、あくまで「HD対応動画がすべて」ということみたいです。</p><br><p>YouTubeをみていたら、「HD で表示する」だけではなく、一部の動画で「高画質で表示する」といのもあるみたいです。</p><br><p>ヘッダー情報をみると、下記のようです。</p><p>HD： &amp;fmt=22</p><p>高画質： &amp;fmt=6</p><br><p>&amp;fmt=18 じゃないと高画質がみれない動画は、まだ「高画質で表示する」のリンクが表示されないみたいです。</p><p>多分。</p><br><p>記事中の「また、動画のトップページには、HD画質動画のみを表示するメニューも追加した。」</p><p>については確認できませんでした。</p><br><p>はやく、高画質のみ表示するメニューが欲しいものです。</p><p>（毎回&amp;fmt=18つけるのうっとおしいです^^;）</p><br><p>--Thanks,</p>
]]>
</description>
<link>https://ameblo.jp/pj2051/entry-10180547561.html</link>
<pubDate>Sat, 20 Dec 2008 12:13:37 +0900</pubDate>
</item>
<item>
<title>iモード用のリンク擬似クラスのサンプル</title>
<description>
<![CDATA[ <p>インターネット上の情報で、iモード用のリンク擬似クラス</p><p>の間違えたサンプルがあってなかなか反映されなかったので、</p><p>成功した記述のサンプルを載せておきます。</p><br><p>&lt;style type="text/css"&gt;<br>a:link{color:#FFFFFF;}<br>a:focus{color:#990000;background-color:#FFFFFF;text-decoration:none;}<br>a:visited{color:#FF9999;}<br>&lt;/style&gt;</p><br><p>これをhead内に記述します。</p><br><p>うまくいかなかったサンプルは下記の通り。</p><p>&lt;style type="text/css"&gt;</p><p>&lt;![CDATA[<br>a:link{color:#FFFFFF;}<br>a:focus{color:#990000;background-color:#FFFFFF;text-decoration:none;}<br>a:visited{color:#FF9999;}<br>]]&gt;<br>&lt;/style&gt;</p><br><p>&lt;![CDATA[ の記述が余計みたいです。</p><br><p>--Thanks,<br></p>
]]>
</description>
<link>https://ameblo.jp/pj2051/entry-10180438126.html</link>
<pubDate>Sat, 20 Dec 2008 02:53:00 +0900</pubDate>
</item>
<item>
<title>Yahoo!Site Explorer日本語版</title>
<description>
<![CDATA[ <p>Yahoo!Site Explorerに日本語BETA版がでてました。</p><p><a href="https://siteexplorer.search.yahoo.co.jp/">https://siteexplorer.search.yahoo.co.jp/</a></p><br><p>データは英語版と同じっぽいけど、クロール日時が表示されたりと、機能は若干強化されてます。</p><p>見た目も綺麗（日本向け？）になってます。</p><p>なにより、Yahoo!JapanのIDをつかえるのと日本語なのがうれしいです。</p><br><p>Yahoo!サイトエクスプローラーですが、Googleウェブマスターツール(<a href="http://www.google.com/webmasters/tools/?hl=ja">http://www.google.com/webmasters/tools/?hl=ja</a>)のYahoo!版でSEOには必須のツールです。</p><p>とりあえずsitemap(Yahoo!ではフィード）は必ず登録しましょう。</p><br><p>登録方法など詳しい使い方は、また後日。</p><br><p>--Thanks,</p>
]]>
</description>
<link>https://ameblo.jp/pj2051/entry-10179663793.html</link>
<pubDate>Thu, 18 Dec 2008 12:15:48 +0900</pubDate>
</item>
<item>
<title>モバイルでphpのsessionを使うときの設定</title>
<description>
<![CDATA[ <p>phpのセッションは基本的にCookieで管理されているのですが、モバイル端末ではCookieが使えないことが多いので、サーバーの設定を変更をして対応しました。</p><br><p>今回は、レンタルサーバーのため、php.iniの変更ができないので、.htaccessで対応。</p><p>中身は下記の通りです。</p><br><p style="BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #333333 1px solid; WIDTH: 18em; PADDING-TOP: 10px; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff">php_flag session.use_trans_sid On<br>php_flag session.use_cookies On</p><br><p>1行目が、セッションをCookieではなく、URLの後にパラメータとしてセッションID(PHPSESSID)をつけて保持するという設定です。<br></p><p>1行目だけでモバイルへの対応はできるのだけど、PCから見たときにもURLの後に長いパラメータがついて見苦しいので、2行目を追記してあげたらPCのときはCookieを使うようになりました。</p><br><p>今回は、個人情報などを扱うわけではないので、セッションジャックなどのセキュリティ面は考慮していません。</p><br><p>.htaccessでphpの設定を変更した場合は、phpinfo()のLocal Valueの値が変わるので、そこで確認ができます。</p><br><p>--Thanks,</p>
]]>
</description>
<link>https://ameblo.jp/pj2051/entry-10179632102.html</link>
<pubDate>Thu, 18 Dec 2008 10:34:50 +0900</pubDate>
</item>
<item>
<title>モバイルサイトでCSSを使うための設定</title>
<description>
<![CDATA[ <p>久々に新規でモバイルサイトを作ることになったので、デザインの幅をひろげるためにxhtml+cssで記述、メンテナンス性を上げるためにソースは3キャリア共通で記述することにしてみました。<br></p><p>ただ制約とか条件がいろいろ有るので、ひっかかった部分のメモ書きです。</p><br><div style="BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #333333 1px solid; WIDTH: 26em; PADDING-TOP: 10px; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff"><p><strong>&lt;対応状況&gt;</strong></p><strong>i-modo</strong><br>　・外部 css 非対応<br>　・インライン(タグ内のstyle属性)の css のみ対応<br>　・内部参照(head内のstyleタグ)は擬似クラスのみに対応<br>　・疑似クラスは link　visited　focus に対応<br><strong>EZweb・ソフトバンク</strong><br>　・外部 css 対応<br>　・内部参照に対応<br>　・疑似クラスは link　visited　に対応</div><br><p>DoCoMoの外部css非対応が泣けます。3キャリアで共通のソースにするために、phpのtoInlineCSSDoCoMoというライブラリを使ってどうにかしました。</p><p>(toInlineCSSDoCoMo：<a href="http://blog.asial.co.jp/411">http://blog.asial.co.jp/411</a> )</p><br><p><br></p><div style="BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #333333 1px solid; WIDTH: 30em; PADDING-TOP: 10px; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff"><p><strong>&lt;条件&gt;</strong>（これがないとスタイル適応してくれません。）</p><strong>i-modo</strong><br>Content-typeをapplication/xhtml+xmlにする必要がある。<br><br><br><strong>ソフトバンク</strong><br>ページの先頭でxml宣言が必要。<br>&lt;?xml version="1.0" encoding="Shift_JIS"?&gt; <br>（参考：<a href="http://creation.mb.softbank.jp/column/column_05_02.html">http://creation.mb.softbank.jp/column/column_05_02.html</a> ） </div><br><br><p>DoCoMoの仕様ががずいぶん面倒です。</p><p>こちらもtoInlineCSSDoCoMoを呼び出すphpに下記を記述して対応。</p><p>header("Content-type: application/xhtml+xml");</p><br><p>ただ古いウェブコンテンツヴューア(Ver.4.1)で「application/xhtml+xmlには対応していません」とでたので、</p><p>User-Agentを見て切り替えるように修正。</p><br><p>phpからhtmｌファイルを読み込むと、先頭のxml宣言がphpの文法エラーと解釈されちゃうので、phpで記述するように変更。</p><p>phpのファイル名と同じ名前のhtmlファイル(ここでは、同じ階層のhtmlというディレクトリ内の同名htmlファイル)を読み込むようにしたのが下記のソース。<br><br></p><p style="BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #333333 1px solid; WIDTH: 38em; PADDING-TOP: 10px; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff">&lt;?php<br>$script_path = $_SERVER['SCRIPT_NAME'];<br>$script_file_name = basename($script_path,".php"); <br>$agent = $_SERVER['HTTP_USER_AGENT']; <br># for DoCoMo<br>if(ereg("^DoCoMo", $agent)){<br>header("Content-type: application/xhtml+xml");<br># for Softbank,EZWeb<br>}else{<br>echo'&lt;?xml version="1.0" encoding="Shift_JIS"?&gt;';<br>}<br># toInlineCSSDoCoMo<br>require_once './lib/toInlineCSSDoCoMo.php';<br>$document = file_get_contents('html/'.$script_file_name.'.html');<br>try {<br>echo toInlineCSSDoCoMo::getInstance()-&gt;setBaseDir('./')-&gt;apply($document);<br>} catch (RuntimeException $e) {<br>var_dump($e);<br>} catch (Exception $e) {<br>var_dump($e-&gt;getMessage());<br>}<br>?&gt;</p><br><br><p>phpのファイル名を取得するようにしたので、他のページのphpを下記のようすればOK。</p><p>（上のコードをindex.phpに記述した場合）</p><p>&lt;?php<br>require_once dirname(__FILE__) . '/./index.php';<br>?&gt;</p><p>引数にしなかったのは、GoogleAnalyticsで同じファイル名だと別途設定が必要になるのでファイル名を分けるための処置。</p><br><br><br><p>これでようやく3キャリア共通でxhtml+cssでコーディングする準備完了しました。</p><p>なんかすごい大変だったんですが、みなさんもっと簡単にやってるんでしょうか・・・</p><br><p>--Thanks,</p>
]]>
</description>
<link>https://ameblo.jp/pj2051/entry-10179598840.html</link>
<pubDate>Thu, 18 Dec 2008 07:13:41 +0900</pubDate>
</item>
</channel>
</rss>
