<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Webジェネラリスト</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com" />
    <link rel="self" type="application/atom+xml" href="http://web-generalist.com/atom.xml" />

    <id>tag:web-generalist.com,2010-11-01:/main//45</id>
    <updated>2017-04-11T02:31:03Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.03</generator>

<entry>
    <title>Dreamweaver CC向けEmmetをカスタムする（閉じタグ、コメント位置など）</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/adobe/dreamweaver-cc-emmet.php" />
    <id>tag:web-generalist.com,2014:/main//45.1763</id>

    <published>2014-08-28T01:53:29Z</published>

    <summary> ここ数カ月、Windows8をメインに使うようになってから、DreamweaverもCS6からCCに変えました。 DreamweaverCCでは、コーディングを効率化するための拡張である「Zen-coding」も「Emmet」となっており、「Zen-coding」以上の機能となっています。 今回は「Zen-coding」の時に設定していたカスタマイズを「Emmet」でも設定します。 Emmetの...</summary>
    <author>
        <name>cibea</name>
        
    </author>
    
        <category term="adobe_Adobe" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[
<p>ここ数カ月、Windows8をメインに使うようになってから、DreamweaverもCS6からCCに変えました。</p>

<p>DreamweaverCCでは、コーディングを効率化するための拡張である「Zen-coding」も「Emmet」となっており、「Zen-coding」以上の機能となっています。</p>
<p class="m50">今回は<a href="http://web-generalist.com/main/web-web/adobe/zen-coding-for-dreamweaver.php" target="_blank">「Zen-coding」の時に設定していたカスタマイズ</a>を「Emmet」でも設定します。</p>



<h6>Emmetのダウンロード先</h6>

<p>emmetio/dreamweaver・GitHub<br />
<a href="https://github.com/emmetio/dreamweaver" target="_blank">https://github.com/emmetio/dreamweaver</a>
</p>

<p>zxpファイルをAdobe Extension Managerからインストールすると下記の場所に4つのjsファイルが生成されます。（Windows8の場合）</p>

<pre class="code brush: js;">C:\Users\ユーザー名\AppData\Roaming\Adobe\Dreamweaver CC\ja_JP\Configuration\Commands\Emmet</pre>

<p class="m70">
<a href="http://web-generalist.com/main/images/4-js.jpg"><img alt="4-js.jpg" src="http://web-generalist.com/main/assets_c/2014/08/4-js-thumb-200x42-394.jpg" width="200" height="42" class="mt-image-none" style="" /></a>
</p>


<h5>ショートカットの変更→ショートカット</h5>

<p>展開のショートカットは、デフォルトでは【Ctrl+E】なので、自分の使いやすいショートカットに変更します。<br />
私は【Ctrl+,】にしています。</p>

<p class="m70">DreamWeaverのメニューから、<br />
[編集]→[キーボードショートカット]から[コマンド]→[Emmet]→[Expand Abbreviation]<br />
で変更できます。</p>


<h5>コメントを閉じタグの手前に変更する</h5>

<p>コメントを閉じタグの手前にすることで、Dreamweaverの「親タグを選択」で
カット&ペースト等しやすくなります。</p>

<p>「emmet-app.js」の12057行目あたりにある記述</p>

<pre class="code brush: js;">node.end = node.end.replace(/>/, '>' + nodeAfter);</pre>

<p>上記を、下記に変更します。</p>
<div class="m70">
<pre class="code brush: js;">node.end = node.end.replace(/&lt;/, nodeAfter + '&lt;');</pre>
<span style="color:#FF3300">※上記ソースコードのみ、このブログでの表示上のバグを防ぐため「<」を「&lt;（文字実態参照）」にしています。コピペする際はご注意ください。</span>
</div>

<h5>コメントと閉じタグを改行させず、続けて入力させる</h5>

<p>コメントがある場合、改行された後に、コメントと閉じタグがはいります。
好みが分かれるところかと思いますが、続けて一行で展開させる場合は以下のように変更します。</p>

<p>「emmet-app.js」の11988行目あたりの記述</p>

<pre class="code brush: js;">'\n<!-- /<%= attr("id", "#") %><%= attr("class", ".") %> -->',</pre>

<p>上記を、下記に変更します。</p>

<div  class="m70">
<pre class="code brush: js;">'<!-- /<%= attr("id", "#") %><%= attr("class", ".") %> -->',</pre>
</div>

<h5>「|c」なしでも要素に自動でコメントを追加する</h5>

<p>デフォルトでは「div#id|c」のように「|c」をつけると、div、article、section、headerなどのタグは、
id、class属性がある場合、展開時にコメント付きになりますが、「|c」無しでも自動でコメントを追加するようにします。</p>

<p>「snippets.js」の597行目あたりの記述<br />
<span style="color:#FF3300">※11行目にも同じ記述がありますので注意してください。</span></p>

<pre class="code brush: js;">"filters": "html",</pre>

<p>上記を、下記に変更します。</p>

<div class="m50">
<pre class="code brush: js;">"filters": "html,c",</pre>
</div>

<p class="m50">
<img alt="sc_open.jpg" src="http://web-generalist.com/main/images/sc_open.jpg" width="209" height="94" class="mt-image-none" style="" />
</p>

<p class="m70">以上、<a href="http://web-generalist.com/main/web-web/adobe/zen-coding-for-dreamweaver.php" target="_blank">「Zen-coding」の時に設定していたカスタマイズ</a>を「Emmet」でも反映する方法でした。<br />
Zen-codingからEmmetになり、展開後のカーソル位置が、閉じタグの前になっていて、コーディングが非常にはかどりそうです！</p>


<h5>参考にさせていただいたサイト</h5>

<div class="m50">
<ul>
	<li><a href="http://cappee.net/adobe/dreamweaver/dreamweaver-cc-update" target="_blank">Dreamweaver CCにアップデート！CS6から各種設定や拡張機能を移行する</a></li>
	<li><a href="http://ika-ring.net/blog/emmet-add-comment-hack/" target="_blank">Emmet：コードの展開時にID名・クラス名のコメントを常に自動追加するようにカスタマイズしてみた</a></li>
</ul>
</div>]]>
        
    </content>
</entry>

<entry>
    <title>パワーポイントをPDFにする際のURLリンクのバグを回避する方法</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/adobe/ppt-to-pdf.php" />
    <id>tag:web-generalist.com,2014:/main//45.1762</id>

    <published>2014-07-31T09:14:37Z</published>

    <summary>  パワーポイントファイルをPDFにする際、リンクのURLがバグってしまうことの回避策を、備忘録を兼ねてブログ記事にしました。 URLリンク付きのテキストがあるパワーポイントファイル（.ppt／.pptx）やワードファイル（.doc／.docx）を、「印刷」コマンドからPDF化すると、URLのリンクがなくなったり、リンク先URLがおかしくなることがあります。 リンクがおかしくなる例 ハイパーリンク...</summary>
    <author>
        <name>cibea</name>
        
    </author>
    
        <category term="adobe_Adobe" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[ 
<p>パワーポイントファイルをPDFにする際、リンクのURLがバグってしまうことの回避策を、備忘録を兼ねてブログ記事にしました。
</p>

<p class="m50">URLリンク付きのテキストがあるパワーポイントファイル（.ppt／.pptx）やワードファイル（.doc／.docx）を、「印刷」コマンドからPDF化すると、URLのリンクがなくなったり、リンク先URLがおかしくなることがあります。
</p>

<h5>リンクがおかしくなる例</h5>

<p>ハイパーリンクを設定して</p>
<p><a href="http://web-generalist.com/main/images/ppt_to_pdf01.jpg"><img alt="ppt_to_pdf01.jpg" src="http://web-generalist.com/main/assets_c/2014/07/ppt_to_pdf01-thumb-400x141-383.jpg" width="400" height="141" class="mt-image-none" style="" /></a>
</p>

<p>「印刷」からPDFにすると・・・</p>
<p><a href="http://web-generalist.com/main/images/ppt_to_pdf02.jpg"><img alt="ppt_to_pdf02.jpg" src="http://web-generalist.com/main/assets_c/2014/07/ppt_to_pdf02-thumb-100x196-384.jpg" width="100" height="196" class="mt-image-none" style="" /></a>
</p>

<p>文書内に設定したハイパーリンクがおかしくなりリンク切れになります。</p>

<p class="m50"><a href="http://web-generalist.com/main/images/ppt_to_pdf03.jpg"><img alt="ppt_to_pdf03.jpg" src="http://web-generalist.com/main/assets_c/2014/07/ppt_to_pdf03-thumb-300x116-385.jpg" width="300" height="116" class="mt-image-none" style="" /></a>
</p>


<h4>原因</h4>

<p>調査したところ、指定したフォントによりバグってしまうことがあるようです。<br />
上記の画像ではURL部分で「calibri」フォントを使用していました。
</p>

<p class="m50"><img alt="ppt_to_pdf06.jpg" src="http://web-generalist.com/main/images/ppt_to_pdf06.jpg" width="237" height="93" class="mt-image-none" style="" />
</p>
<h4>解決策</h4>


<p class="m50">2つある解決策を紹介します。</p>


<h5>1.リボンの「PDFを作成」ボタンを使う</h5>

<p><a href="http://web-generalist.com/main/images/ppt_to_pdf04.jpg"><img alt="ppt_to_pdf04.jpg" src="http://web-generalist.com/main/assets_c/2014/07/ppt_to_pdf04-thumb-300x62-386.jpg" width="300" height="62" class="mt-image-none" style="" /></a>
</p>


<p class="m30">「Adobe Acrobat」をインストールすれば、アドオンとして上記画像のように、リボンに「Acrobat」メニューが表示されているはずです。<br />
もし、見当たらない場合は下記のように「名前を付けて保存」でも大丈夫です。
</p>


<h5>2.リボンに「PDFを作成」がない場合は「名前を付けて保存」からPDFを選択</h5>

<p class="m70"><a href="http://web-generalist.com/main/images/ppt_to_pdf05.jpg"><img alt="ppt_to_pdf05.jpg" src="http://web-generalist.com/main/assets_c/2014/07/ppt_to_pdf05-thumb-300x169-387.jpg" width="300" height="169" class="mt-image-none" style="" /></a>
</p>



<p>上記どちらかの方法を使うことで、「印刷」からPDF化した時に起こるバグを回避できます。</p>


<p class="m70">URLリンク付きのテキストがあるパワーポイント（.ppt／.pptx）やワードファイル（.doc／.docx）をPDF化する際にはご注意ください。参考になれば幸いです。
</p>

<div class="m50">
<h6>参考サイト</h6>
<ul>
	<li><a href="http://kb2.adobe.com/jp/cps/478/4781.html" target="_blank">PDF 変換時に Word や Excel で作成したハイパーリンクを維持できますか</a></li>
</ul>
</div>]]>
        
    </content>
</entry>

<entry>
    <title>mt-search.cgiのデフォルト検索でヒットするもの（MovableType）</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/movabletype-mt/mt-searchcgimovabletype.php" />
    <id>tag:web-generalist.com,2014:/main//45.1758</id>

    <published>2014-06-29T00:38:34Z</published>

    <summary><![CDATA[  MovableTypeの検索機能で、プラグインなどを使わないデフォルト状態でヒットするものは下記の4つのみです。&nbsp; 検索でヒットするもの タイトル mt:EntryTitle 本文 mt:EntryBody 本文続き mt:EnttryMore キーワード mt:EntryKeywords &nbsp; 検索でヒットしないもの 逆に、ヒットしそうでしなかったものは下記です。 カテゴリ...]]></summary>
    <author>
        <name>cibea</name>
        
    </author>
    
        <category term="movabletype_MT" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[ 
<p>MovableTypeの検索機能で、プラグインなどを使わないデフォルト状態でヒットするものは下記の4つのみです。<br />&nbsp;</p>

<h4>検索でヒットするもの</h4>

<ul>
<li>タイトル mt:EntryTitle</li>
<li>本文 mt:EntryBody</li>
<li>本文続き mt:EnttryMore</li>
<li>キーワード mt:EntryKeywords</li>
</ul>

<p><br />&nbsp;</p>

<h4>検索でヒットしないもの</h4>
<p>逆に、ヒットしそうでしなかったものは下記です。</p>

<ul>
<li>カテゴリ</li>
<li>タグ</li>
<li>概要</li>
<li>出力ファイル名（パーマリンク）</li>
<li>アイテムの説明、アイテムのタグ</li>
<li>コメント</li>
<li>トラックバック</li>
</ul>
<p><br />&nbsp;</p>

<h6>TIPS：MovableTypeのタグ</h6>

<p>ちなみに、「特定のタグをもつ記事一覧」を出力したい場合、「特定カテゴリに属する記事一覧」のように出力するブロックタグはなく、アーカイブテンプレートもありません。</p>
&lt;$MTTagSearchLink$&gt;というタグを使い、mt-search.cgiの検索結果画面で出力することになります。

<pre class="code brush: js;"> <mt:tags><a href="&lt;$MTTagSearchLink$&gt;">&lt;$MTTagName$&gt;</a></mt:tags>
</pre>

mt-search.cgiでのURLは下記のようになります。
<pre class="code brush: js;">http://ドメイン/mt/mt-search.cgi?IncludeBlogs=XX&amp;tag=タグ名
</pre>
<p><br />&nbsp;</p>
<p>
WordPressのように、「タグ」も「カテゴリ」もテンプレートがある感覚でいたので、少しハマりました。<br />&nbsp;
</p>

]]>
        
    </content>
</entry>

<entry>
    <title>別ドメインサイトでCV記録しているGAタグのユニバーサルタグへの移行</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/ga-cv-ua.php" />
    <id>tag:web-generalist.com,2014:/main//45.1757</id>

    <published>2014-05-31T11:00:00Z</published>

    <summary>先月、グーグルアナリティクスにて、ユニバーサルアナリティクスが正式にリリースされました。 	 		アナリティクス 日本版 公式ブログ: ユニバーサル アナリティクスが正式リリースされました  	 	http://analytics-ja.blogspot.jp/2014/04/universal-analytics.html ※ちなみに、「ga.js」から「analytics.js」への変更とも呼...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[先月、グーグルアナリティクスにて、ユニバーサルアナリティクスが正式にリリースされました。
<div><br />
</div>
<div>
	<div>
		<h6>アナリティクス 日本版 公式ブログ: ユニバーサル アナリティクスが正式リリースされました </h6>
	</div>
	<div><a href="http://analytics-ja.blogspot.jp/2014/04/universal-analytics.html" target="_blank">http://analytics-ja.blogspot.jp/2014/04/universal-analytics.html</a></div>
</div>
<div><br />
</div>
<div>※ちなみに、「ga.js」から「analytics.js」への変更とも呼ばれていたりします。</div>
<div>（さらにその前は「urchin.js」ですね。）</div>
<div><br />
</div>
<div>新規のサイト登録においては、すでに新しいユニバーサルアナリティクスタグのみ発行されます。</div>
<div><br />
</div>
<div>この記事では、「カート部分など、別ドメインでコンバージョン記録をしているGAタグの、ユニバーサルタグへの移行の方法」を、備忘録的に、サクッと紹介します。<br /><br /></div><div>
	
<p>※メインサイトと、目標（コンバージョンポイント）のあるサイトのドメインおよび、トラッキングコードは下記のように、ダミー表示しています。</p>
<ul>
<li>メインサイト aaa.com</li>
<li>目標(コンバージョンポイント)のある別ドメインサイト vvv.com</li>
<li>トラッキングID UA-********-*</li>
</ul>


	<div>
		<h5>1.トラッキングコードを変更する</h5>
	</div>
</div>


<p>メインサイトaaa.comのトラッキングコードを下記に変更します。<br />
（ここでは、リンクアトリビューションも設定）</p>

<pre class="code brush: js;"><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-********-*', 'aaa.com');

//リンクアトリビューション設定
  ga('require', 'linkid', 'linkid.js');
  ga('send', 'pageview');

//クロスドメイン設定
  ga('require', 'linker');
  ga('linker:autoLink', ['vvv.com']);

</script>
</pre>


<div><br /><br /></div>
	<div>
		<h5>2.onclickを設定している場合、削除する</h5>
	</div>
	
<p>既存のga.jsで、外部ドメインでのコンバージョン計測のため、下記のようにonclickに、_gaq.pushを設定している場合は、削除します。	</p>
<h6>削除前</h6>
<pre class="code brush: js;">	<a rel="nofollow" href="http://vvv.com" onclick="_gaq.push(['_link', 'http://vvv.com']); return false;">カートへ</a>
</pre>


<h6>削除後</h6>

<pre class="code brush: js;"><a rel="nofollow" href="http://vvv.com">カートへ</a>
</pre>




<div><br /><br /></div>


	<div>
		<h5>別ドメインサイトのコードを変更する</h5>
	</div>
	
	
<p>目標(コンバージョンポイント)のある別ドメインサイト（vvv.com）のトラッキングコードを下記に変更します。</p>


<pre class="code brush: js;"><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-********-*', 'aaa.com');
  ga('send', 'pageview');
  
//クロスドメイン設定 CV側
  ga('create', 'UA-********-*', 'auto', {
  'allowLinker': true
  });
</script>
</pre>



<div><br /></div>
<p>設定は、以上です。</p>
<p>上記設定後、カート（vvv.com）へのリンクをクリックすると、URLには自動でパラメータが付与されています。</p>


<p>
また、アナリティクスのレポート画面で、異なるドメインのURLを表示をさせるため、下記のようなフィルタ設定をしている場合、フィルタ設定は変更せず、そのままで問題ないかと思われます。
</p>

<img alt="cross_domain_filter.jpg" src="http://web-generalist.com/main/images/cross_domain_filter.jpg" width="580" class="mt-image-none" style="" />

<div><br /><br /></div>

<h5>設定方法は他にもあり</h5>

<p>公式サイトには、ここで紹介した以外のトラッキング設定方法も記載されています。</p>


<p>クロスドメイン トラッキング - ウェブ トラッキング（analytics.js）-クロスドメイン自動リンク設定<br />
<a target="_blank" href="https://developers.google.com/analytics/devguides/collection/analyticsjs/cross-domain#autolink">https://developers.google.com/analytics/devguides/collection/analyticsjs/cross-domain#autolink</a>
</p>

<p>今回は、上記のうち、割と簡単な「別ドメインでコンバージョン記録をしているGAタグの、ユニバーサルタグへの移行方法」を紹介しました。</p>
<p>参考になれば幸いです。</p>]]>
        
    </content>
</entry>

<entry>
    <title>レンタルサーバにPEARライブラリCashe_Liteをインストールする方法</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/phpandcgi-phpcgi/pearcashe-lite.php" />
    <id>tag:web-generalist.com,2014:/main//45.1743</id>

    <published>2014-04-30T07:06:02Z</published>

    <summary>今回は、レンタルサーバに、PEARライブラリCashe_Liteをインストールした方法を紹介します。 試したレンタルサーバは、さくらインターネットスタンダード、XSERVER X10、VALUE SERVER エコ です。 SSH、go-pear.php、FTP、と、3つのインストール方法をそれぞれ試しましたが、一番カンタンで、うまくいった方法である、FTPによるファイルアップロードをオススメしま...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="phpandcgi_PHP&amp;CGI" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<div>今回は、レンタルサーバに、PEARライブラリCashe_Liteをインストールした方法を紹介します。</div>
<div>試したレンタルサーバは、<a href="http://px.a8.net/svt/ejp?a8mat=1ZP6EY+4ASQ2A+D8Y+686ZM" target="_blank">さくらインターネットスタンダード</a><img border="0" width="1" height="1" src="http://www17.a8.net/0.gif?a8mat=1ZP6EY+4ASQ2A+D8Y+686ZM" alt="" />、<a href="http://px.a8.net/svt/ejp?a8mat=264MXS+BZNACY+CO4+609HU" target="_blank">XSERVER X10</a><img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=264MXS+BZNACY+CO4+609HU" alt="" />、<a href="http://px.a8.net/svt/ejp?a8mat=2BNFQU+2EBVHU+1JUK+BWVTE" target="_blank">VALUE SERVER エコ</a> <img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=2BNFQU+2EBVHU+1JUK+BWVTE" alt="" />です。</div>
<div><br />
</div>
<div>SSH、go-pear.php、FTP、と、3つのインストール方法をそれぞれ試しましたが、一番カンタンで、うまくいった方法である、FTPによるファイルアップロードをオススメします。</div>
<div>※FTPで、圧縮ファイル（Cache_Lite-1.*.*）をダウンロードして解凍すると、中身にXMLファイルだけしかないことがあります。</div>
<div>これの解決策もあわせて解説しています。</div>
<div><br />
</div>
<div><br />
</div>
<div>FTPによるファイルアップロードであれば、その他のレンタルサーバでも、使える方法だと思いますので参考になれば幸いです。</div>
<div><br />
</div>
<div><br />
</div>
<div>
	<h6>PEARライブラリとは?</h6>
</div>
<div><br />
</div>
<div>「PEAR」は「PHP Extension and Application Repository」の頭文字をとったもので、「ペア」と読みます。</div>
<div>PHPのコードの構造化されたライブラリとのことです。</div>
<div><a href="http://pear.php.net/manual/ja/about.pear.php" target="_blank">http://pear.php.net/manual/ja/about.pear.php</a></div>
<div><br />
</div>
<div><br />
</div>
<div>
	<h6>Cache_Liteとは？</h6>
</div>
<div><br />
</div>
<div>PEARライブラリの中の、キャッシュシステム。</div>
<div>APIを使ってサイトをつくる場合に、よく使われるもの。</div>
<div><br />
</div>
<div>本格的に、データの多いサイトをつくる場合、データベースも連携させる必要があるかと思いますが、</div>
<div>簡易なキャッシュシステムのみであればCache_Liteだけで作成可能です。</div>
<div><br /></div>
<div>結局、遠回りにはなりましたが、3つすべての方法を試したので、順に記載していきます。</div>
<div><br />
</div>
<div><br />
</div>
<div><br />
</div>
<div>
	<h4>1.SSHを使う方法</h4>
</div>
<div><br />
</div>
<div>SSHを使い、いわゆる「黒い画面」でコマンドを打ち込み、遠隔操作でサーバにCache_Liteをインストールする方法です。</div>
<div>結局、うまくいかなかったのですが、一応そのプロセスを掲載しておきます。</div>
<div><br />
</div>
<div>まず、<a href="http://sourceforge.jp/projects/ttssh2/" target="_blank">TeraTerm</a>を使い、SSHでサーバにログイン後、</div>
<div><br />
</div>
<div>
	<pre class="code brush: js;">pear list
</pre>
</div>
<div><br />
</div>
<div>と打ち込むと、Cache_Liteが既にインストールされているかどうか確認できます。</div>
<div><br />
</div>
<div><br />
</div>
<div>
	<h5>さくらスタンダードでpear list&nbsp;</h5>
</div>
<div><br />
</div>
<div><a href="http://web-generalist.com/main/images/pear_list_sakura.png"><img alt="pear_list_sakura.png" src="http://web-generalist.com/main/assets_c/2014/05/pear_list_sakura-thumb-400x280-351.png" width="400" height="280" class="mt-image-none" /></a></div>
<div><br />
</div>
<div>Cache_Liteはありません。</div>
<div><br />
</div>
<div>
	<div><br />
	</div>
	<div>
		<h5>XSERVER X10でpear list</h5>
	</div>
	<div><a href="http://web-generalist.com/main/images/pear_list_xserver.png"><img alt="pear_list_xserver.png" src="http://web-generalist.com/main/assets_c/2014/05/pear_list_xserver-thumb-400x279-353.png" width="400" height="279" class="mt-image-none" /></a></div>
	<div><br />
	</div>
	<div>こちらも、Cache_Liteはありません。</div>
</div>
<div><br /></div>
<div><br />
</div>
<div>
	<h5>VALUE SERVERエコでpear list</h5>
</div>
<div><a href="http://web-generalist.com/main/images/pear_list_valueserver.png"><img alt="pear_list_valueserver.png" src="http://web-generalist.com/main/assets_c/2014/05/pear_list_valueserver-thumb-400x641-352.png" width="400" height="641" class="mt-image-none" /></a></div>
<div><br />
</div>
<div>こちらは、既にインストールされています。</div>
<div>ちなみに、VALUE SERVERの下位プランにあたる<a href="http://www.xrea.com/adfree/" target="_blank">XREA PLUS</a>にも既にインストールされていました。</div>
<div><br /></div>
<div>そのままSSHで次のコマンドを打ちます。</div>
<div><br />
</div>
<pre class="code brush: js;">pear install Cache_Lite</pre>
<div>これでインストールできるようなのですが、各サーバで下記のようなエラーがでました。</div>
<div><br />
</div>
<div><br />
</div>
<div>
	<h6>さくらインターネットスタンダード</h6>
</div>
<div><a href="http://web-generalist.com/main/images/cache_miss_sakura.png"><img alt="cache_miss_sakura.png" src="http://web-generalist.com/main/assets_c/2014/05/cache_miss_sakura-thumb-400x33-347.png" width="400" height="33" class="mt-image-none" /></a></div>
<div>インストールできません。</div>
<div><br />
</div>
<div>
	<h6>XSERVER X10</h6>
</div>
<div><a href="http://web-generalist.com/main/images/cache_miss_xserver.png"><img alt="cache_miss_xserver.png" src="http://web-generalist.com/main/assets_c/2014/05/cache_miss_xserver-thumb-400x41-348.png" width="400" height="41" class="mt-image-none" /></a></div>
<div>インストール失敗。</div>
<div><br />
</div>
<div>
	<h6>VALUE SERVERエコ</h6>
</div>
<div><a href="http://web-generalist.com/main/images/cache_already_install_valueserver.png"><img alt="cache_already_install_valueserver.png" src="http://web-generalist.com/main/assets_c/2014/05/cache_already_install_valueserver-thumb-400x46-346.png" width="400" height="46" class="mt-image-none" /></a></div>
<div>「Cache_Liteはすでにインストールされています。」とのこと。</div>
<div><br />
</div>
<div><br /></div>
<div>結局、SSHでは、Cache_Liteはインストールできませんでした。</div>
<div><br />
</div>
<div>「Cache_Liteをインストールするまでの作法自体が足りてないのか？」とか、バージョンやプロキシがどうとか、素人ながら色々と調べたりもしました。</div>
<div><br />
</div>
<div>しかし、そもそもroot権限のない共有レンタルサーバなので、「出来なくて当たり前なのかも。」と思いなおし、これ以上は難しいと判断し、別の方法をとることにしました。</div>
<div><br /></div>
<div>※ちなみに、次にあげる「go-pear.php」やFTPでインストールした後にSSHで「pear list」 コマンドを打っても 、Cache_Liteは表示されません。</div>
<div><br />
</div><div><br /></div>
<div><br />
</div>
<div>
	<h4>2.go-pear.phpを使う方法</h4>
</div>
<div><br />
</div>
<div>go-pear.phpというものをFTPからサーバにアップして、ブラウザからCache_Liteをインストールしていく方法です。</div>
<div><br />
</div>
<div>ウィザード形式で、ブラウザからサーバの各設定項目を入力してインストールできるので、非エンジニア向けだと思い、試してみました。</div>
<div>実は、過去（2012年6月ごろ）、<a href="http://masha.maakikaku.jp/2008/05/gopearpear.php" target="_blank">こちらの記事</a>を参考に、さくらインターネットサーバには、インストールに成功したのですが、XSERVERにはインストールできませんでした。</div>
<div>さらに現在は、どちらのサーバも途中でインストールが止まってしまいます。</div>
<div><br />
</div>
<div>FTPでサーバを見ると、ファイルは存在し、インストール自体はされているようなのですが、途中で止まった画面のことを考えると、不安極まりないですね。</div>
<div>また、さくらサーバへのインストールに成功した時も、一部リンクが切れていたりと、サーバによって挙動も違うようでしたので、go-pear.phpによるインストールも推奨しませんが、一応そのプロセスを掲載しておきます。</div>
<div><br />
</div>
<div><br />
</div>
<div>
	<h5>go-pear.phpをダウンロードし、任意の場所にFTPでアップ</h5>
</div>
<div><br />
</div>
<div><a href="http://pear.php.net/go-pear" target="_blank">http://pear.php.net/go-pear</a></div>
<div>上記のURLのスクリプトを開き、go-pear.php と名付け、ローカルに保存します。</div>
<div>保存したファイルをFTPで、サーバにアップロードし、アップロードしたURLにアクセスします。</div>
<div><a href="http://web-generalist.com/main/images/go-pear1.png"><img alt="go-pear1.png" src="http://web-generalist.com/main/assets_c/2014/05/go-pear1-thumb-400x153-363.png" width="400" height="153" class="mt-image-none" /></a></div>
<div>「NEXT &gt;&gt; 」をクリックし、次のページへ。</div>
<div><br />
</div><div><br /></div>
<div><a href="http://web-generalist.com/main/images/go-pear2.png"><img alt="go-pear2.png" src="http://web-generalist.com/main/assets_c/2014/05/go-pear2-thumb-400x447-364.png" width="400" height="447" class="mt-image-none" /></a></div>
<div>上部にあるチェックボックスの「PEAR_Frontend_Gtk2 」と 「MDB2」にチェックを入れます。</div>
<div><br />
</div>
<div>
	<blockquote>
		<div><strong>PEAR_Frontend_Gtk2とは</strong></div>
		<div>PEAR_Frontend_Gtk2 は、PHP-Gtk2 を使用した PEAR 用のフロントエンドです。&nbsp;</div>
		<div>さまざまなチャネルのパッケージを一覧し、 インストールやアンインストールを行うことができます。</div>
		<div><a href="http://www.phppro.jp/phpmanual/pear/package.pear.frontend-gtk2.html" target="_blank">http://www.phppro.jp/phpmanual/pear/package.pear.frontend-gtk2.html</a></div>
	</blockquote>
</div>
<div><br />
</div>
<div>とのことです。よくわからなければ、チェックしなくとも良いかと思われます。<br />私もよくわかりませんが、
	「MDB2」は、SSHの「pear listコマンド」で確認した時に、さくらサーバとValueServerでは表示されていましたね。</div><div>
	<div><br />
	</div>
	<div>さらに、「Configuration」の1番と11番の項目を入力します。</div><div><br /></div>
	<div><br />
	</div>
	<div>
		<h6>1. Installation prefix ($prefix)</h6>
	</div>
	<div><br />
	</div>
	<div>pearをインストールするサーバパスを設定します。初期値では、現在アクセスしているgo-pear.phpまでのパスが自動で入力されています。</div>
	<div>大抵は外部からアクセスできないパスに設定するのが良いようです。</div>
	<div>さくらサーバの場合であれば、</div>
	<pre class="code brush: js;" style="font-size: 13px;">/home/ユーザーID/pear/</pre>
	<div>など、wwwフォルダより上位の階層であれば、大丈夫です。</div>
	<div>また、このpearフォルダがなくても、インストール時に自動でつくられます。</div>
	<div><br />
	</div>
	<div><br />
	</div>
	<div>
		<h6>11. php.exe path, optional (CLI command tools)</h6>
	</div>
	<div><br />
	</div>
	<div>11番には各サーバのphpのコマンドパスを入力します。</div>
	<div><br />
	</div>
	
	<ul>
	<li><a href="http://support.sakura.ad.jp/manual/rs/tech_cgi.html" target="_blank">さくらサーバは /usr/local/bin/php</a></li>
	<li><a href="http://www.xserver.ne.jp/manual/man_program_soft.php" target="_blank">XSERVER（PHP5.5.10の場合）は /usr/bin/php5.5</a></li>
	<li><a href="http://www.value-server.com/faq/" target="_blank">VALUE SERVERは /usr/local/bin/php</a></li>
	</ul>
	
	
	<div>入力後、「install」を押下。</div>
	<div><br />
	</div>
	<div><a href="http://web-generalist.com/main/images/go-pear3.png"><img alt="go-pear3.png" src="http://web-generalist.com/main/assets_c/2014/05/go-pear3-thumb-400x191-365.png" width="400" height="191" class="mt-image-none" /></a></div>
	<div><br />
	</div>
	<div>上記のように、現在ではどのサーバで試しても21%で停止し、エラーがでてしまうようです。</div>
	<div>また、過去にインストールに成功した場合でも、内部ファイルのリンクが切れていたり、2つあるうちの検索窓の一方からライブラリを検索しても、表示されないなど、もろもろ不安な印象を受けました。</div>
	<div><br />
	</div>
	<div>
		<div><a href="http://d.hatena.ne.jp/tdoi/20111228/1325054820" target="_blank">こちらのブログ</a>によると、pear.php.netのgo-pear.phpには様々なエラーがあり、更新も止まっているようです。</div>
		<div>プログラムにいろいろと手を加えることで、動作するようですが、結構敷居が高い印象です。</div>
	</div>
	<div><br />
	</div>
	<div>ということで、go-pear.phpによる導入もここで中断。</div>
	<div>セキュリティのためgo-pear.phpファイルと、生成されたCacheフォルダも削除しておきましょう。</div>
	<div>
		<div><br />
		</div>
	</div>
	<div><br />
	</div>
	<div>そして最終的には、次項の一番簡単である「FTPによるアップロード」にたどり着きました。</div>
	<div><br />
	</div>
	<div><br />
	</div>
	<div>
		<h4>3.FTPによるファイルアップロード</h4>
	</div>
	<div><br />
	</div>
	<div>実は、一番簡単なはずのFTPによるアップロードなのですが、ダウンロードした圧縮ファイルの解凍時に罠があり、それにハマったがゆえ、SSHやgo-pear.phpによるインストールを試していた、という経緯だったんです。</div>
	<div>その罠さえ回避できていれば、問題なく簡単にインストールできます。　</div>
	<div><br />
	</div>
	<div><br />
	</div>
	<div>
		<h5>Cache_Liteパッケージをダウンロードする</h5>
	</div>
	<div><a href="http://pear.php.net/package/Cache_Lite/download" target="_blank">http://pear.php.net/package/Cache_Lite/download</a></div>
	<div>上記URLからCache_Liteパッケージをダウンロードします。</div>
	<div><br />
	</div>
	<div><a href="http://web-generalist.com/main/images/pear_manual_dl.png"><img alt="pear_manual_dl.png" src="http://web-generalist.com/main/assets_c/2014/05/pear_manual_dl-thumb-400x217-369.png" width="400" height="217" class="mt-image-none" /></a></div>
	<div>「Download For manual installation only」のところです。</div>
	<div><br />
	</div><div><br /></div>
	<div>
		<h5>ダウンロードした<span style="color:#FFCC00">ファイルの名前を変更してから</span>、解凍する。</h5>
	</div>
	<div>ファイルは「.tgz」ファイルなので、Windowsであれば、<a href="http://www.vector.co.jp/soft/win95/util/se169348.html" target="_blank">LhaPlus</a>などのソフトで解凍できるのですが、このまま解凍すると、なぜかxmlファイルしかありません。<br />この「罠」により、ここからどうするかわからず、いきづまっていました。</div>
	<div><br />
	</div>
	<div><a href="http://web-generalist.com/main/images/xml_only.png"><img alt="xml_only.png" src="http://web-generalist.com/main/assets_c/2014/05/xml_only-thumb-400x216-355.png" width="400" height="216" class="mt-image-none" /></a></div>
	<div><br />
	</div>
	<div>実は、これは解凍後に、内部にあるフォルダ名が、解凍前の.tgzファイルと同一の名前であるために起こる現象のようです。
</div>
	<div>そのため、解凍前に「.tgz」ファイルの名称を任意のものに変更しておきます。</div>
	<div>（実は、<a href="http://www.osakan-space.com/osakan-menbers/yukihiro-sada" target="_blank">オオサカンスペースにて佐田さん</a>に教えてもらいました。）</div>
	<div><br />
	</div>
	<div>「Cache_Lite-1.7.15.tgz」から「cache.tgz」等に変更します。</div>
	<div>に変更後、tgzファイルをLhaplusで解凍してみると、「Cache_Lite-1.7.15」フォルダと、「package.xml」ファイルがあれば成功です。</div>
	<div><a href="http://web-generalist.com/main/images/rename_cache_lite.png"><img alt="rename_cache_lite.png" src="http://web-generalist.com/main/assets_c/2014/05/rename_cache_lite-thumb-400x315-354.png" width="400" height="315" class="mt-image-none" /></a></div>
	<div><br />
	</div>
	<div>解凍された「Cache_Lite-1.7.15」フォルダの中に「Cache」フォルダがありますので、これを、サーバにアップロードします。（必要なのはCacheフォルダのみ）</div>
	<div>go-pear.phpの時にも説明しましたが、ウェブ上からはアクセスできないところの階層にアップするのが望ましいようです。</div>
	<div><br />
	</div>
	<div><br /></div>
	<div><span class="Apple-tab-span" style="white-space:pre"> </span></div>
	<h4>&nbsp;使い方</h4>
	<div>Cache_Liteの使い方は、多くの<a href="http://www.marusankakusikaku.jp/archives/2007/06/19-php-pear-cache-lite.html" target="_blank">Webサイトで詳しく説明</a>されていますが、ここにも一応さわりだけ載せておきます。</div>
	<div><br />
	</div>
	<div><br />
	</div>
	<h5>include_pathを指定</h5>
	<div>php.ini にinclude_pathを書きます。（.htaccess）に書くことも可能。</div>
	<div><br />
	</div>
	<div>
		<pre class="code brush: js;">include_path=".:/home/ユーザーID/pear/PEAR"
</pre>
	</div>
	<div>上記の指定をすることで、実際にphpファイルにで呼び出すとき、下記のように書くことができます。</div>
	<div><br />
	</div>
	<div>
		<pre class="code brush: js;">require_once("Cache/Lite.php");
</pre>
	</div>
	<div><br />
	</div>
	<div>理屈としては、includeやrequire時に、最初にinclude_pathで指定したところを参照し、ファイルがなければ次のパスを参照するようになるので、これは当然Cache_Lite以外のファイルをrequireする時でも同様になります。</div>
	<div>（ただし絶対パス、相対パスを指定した場合は include_path は無視されます。<a href="http://jutememo.blogspot.jp/2008/04/php-include.html" target="_blank">詳しくはこちらの記事を参照。</a>）</div>
	<div><br />
	</div>
	<div>よって、下記のように書いても、同じことです。</div>
	<div>
		<pre class="code brush: js;">include_path=".:/home/ユーザーID"</pre></div>
	<div>
		<pre class="code brush: js;">require_once("pear/PEAR/Cache/Lite.php");
</pre>
	</div>
	<div><br />
	</div>
	<div><br />
	</div>
	<div>
		<h5>実際に使う&nbsp;</h5>
	</div>
	<div>
		<pre class="code brush: js;">require_once('Cache/Lite.php'); 
//キャッシュ設定情報
$r_cacheOptions = array(
  'cacheDir' =&gt;'./cache_r/', //キャッシュ保存フォルダ
  'lifeTime'=&gt; 7200, //キャッシュ保持期間 単位は秒
  'automaticCleaningFactor' =&gt; 60 //キャッシュファイルの削除確率らしい 推奨20～200
  );
//キャッシュ初期設定
$r_cacheId = $r_rand_cache; //$cacheId指定
$r_cache_lite = new Cache_Lite($r_cacheOptions);
//キャッシュがあればキャッシュを取得、なければAPIへリクエスト
if($r_cache = $r_cache_lite -&gt;get($r_cacheId)){
	$r_lscosBuff = $r_cache;
} else {
	$r_lscosBuff = @file_get_contents($r_url);
	$r_cache_lite -&gt;save($r_lscosBuff,$r_cacheId); // XMLをキャシュへ保存
}
</pre>
	</div>
	<div>実際に使うときはだいたい上記のような感じになります。</div>
	<div>詳しい説明は、いろいろなサイトに記載されていますので、調べればでてくると思います。</div>
	<div><br />
	</div>
	<div>
		<h5>オマケ&nbsp;</h5>
	</div>
	<div>試しに、とあるhtmlページをまるごとキャシュして、テキストエディタで開こうとすると、「1行に32768バイト以上の文字列を含むファイル」として、エラーになりました。　別のテキストエディタではファイルが開けましたが、途中で切れていました。</div>
	<div><a href="http://web-generalist.com/main/images/32768.png"><img alt="32768.png" src="http://web-generalist.com/main/assets_c/2014/05/32768-thumb-400x176-373.png" width="400" height="176" class="mt-image-none" /></a></div>
</div>
<div><br />
</div>
<div>キャシュファイルは、改行のない1行のデータになるため、当たり前なのかもしれませんが、
</div><div>もっと大きなデータを扱う場合は、Cache_Lite以外の技術も合わせて使用する方が望ましいのでしょう。</div><div><br /></div><div>今回は、備忘録も兼ねてCache_Liteのインストール方法を記事にしてみました。</div>
<div>それでは良きCacheライフ？をお送りくださいませ。</div>
<div><br />
</div>
<div><br />
</div>]]>
        <![CDATA[コメントから、風柳さんより、go-pear.phpをエラーなく動作させるようにする修正方法を教えて頂きましたので、リンクしておきます。<div><div><a href="http://d.hatena.ne.jp/furyu-tei/20140501/1398940857" target="_blank">http://d.hatena.ne.jp/furyu-tei/20140501/1398940857</a></div></div>]]>
    </content>
</entry>

<entry>
    <title>独自ドメインでメールはGmail、サイトはさくらのサーバを使う方法</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/googleapps-gmail-mxrecord.php" />
    <id>tag:web-generalist.com,2014:/main//45.1744</id>

    <published>2014-03-31T00:38:27Z</published>

    <summary>今回は若干タイトルにキーワードが詰め込み気味な印象ですが、 ドメイン取得業者(orレジストラ)にて取得した独自ドメインで、 メールはGoogleAppsのGmailで運用し、Webサイトの閲覧はさくらインターネットのサーバ で運用する方法を紹介します。 解る人には特段難しいことでもないのかもしれませんが、 基本、ドメイン・Webサーバ・メールサーバを全部同じところ（ひとつのサーバ業者）で 運用して...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<p>今回は若干タイトルにキーワードが詰め込み気味な印象ですが、</p>

<p>ドメイン取得業者(orレジストラ)にて取得した独自ドメインで、<br />
メールは<a href="http://px.a8.net/svt/ejp?a8mat=1ZP6EY+4ASQ2A+D8Y+656YQ" target="_blank">GoogleApps</a>のGmailで運用し、Webサイトの閲覧は<a href="http://px.a8.net/svt/ejp?a8mat=1ZP6EY+4ASQ2A+D8Y+656YQ" target="_blank">さくらインターネット</a>のサーバ<br />
で運用する方法を紹介します。</p>

<p>
解る人には特段難しいことでもないのかもしれませんが、<br />
基本、ドメイン・Webサーバ・メールサーバを全部同じところ（ひとつのサーバ業者）で<br />
運用していると、あまり意識することがないのでいざやろうとすると、結構ハマったりします。</p>

<p>失敗するとメールが届かなくなったり、Webサイトが見れなくなってしまうので<br />
ミスのないよう設定を行うため、参考にしていただけましたら幸いです。</p>

<p><a href="http://web-generalist.com/main/images/dns01.jpg"><img alt="dns01.jpg" src="http://web-generalist.com/main/assets_c/2014/03/dns01-thumb-620x421-330.jpg" width="580" class="mt-image-none" style="" /></a></p>
<p class="m50">やりたいことを画像にすると上記の感じです。</p>



<h4>1.MXレコード設定のできるドメイン管理業者を使う</h4>

<p>独自ドメインでGoogleAppsのGmailを使う場合、必須となります。</p>

<p class="m50">まずドメインの取得業者において、MXレコードの設定ができない業者の場合、独自ドメインをGmailで使うことができません。<br />
ちなみにDNS設定ができても、MXレコードの設定ができないところもあるので注意してください。</p>

<h5>MXレコード設定できるドメイン管理業者に移転できない場合の代替案</h5><p></p>

<p class="m30">ドメインの残存期間やその他の理由で、どうしてもレコード設定ができる管理業者に移せない場合は<br />
POPにてGmailを使うという手もありますが、その場合、下記の制限があります。</p>

<h6>メール受信までのタイムラグがある</h6><div><br /></div>
更新しなければ1時間以上かかる時もありますので、すぐにメール送受信をチェックしたい場合、更新(refresh)ボタンやブラウザの画面更新をする必要があります。<div><br /></div>
<p>&nbsp;
<img alt="dns02.jpg" src="http://web-generalist.com/main/images/dns02.jpg" width="341" height="130" class="mt-image-none" style="" /></p>

<h6>5つまでしかメールアドレス設定できない</h6>
<p>通常のGmailの設定画面で、POP3は5つまでしか設定できません。（送信アドレスはいくつでも設定できそうです。）</p>
<a href="http://web-generalist.com/main/images/dns03.jpg"><img alt="dns03.jpg" src="http://web-generalist.com/main/assets_c/2014/03/dns03-thumb-620x360-333.jpg" width="580" class="mt-image-none" style="" /></a><p></p>

<p class="m30">代替案であるPOP3を使う場合は、DNSのメールサーバを設定する必要はありません。</p>


<p class="m50">それでは以下は、レコード設定の出来るドメイン管理業者(レジストラ)である<a href="http://px.a8.net/svt/ejp?a8mat=1ZP6EY+4ASQ2A+D8Y+656YQ" target="_blank">「お名前.com」</a>を例に解説していきます。</p>

<h4>2.DNSレコード設定(NSレコード、Aレコード、MXレコード)を行う</h4>

<p><a href="http://px.a8.net/svt/ejp?a8mat=1ZP6EY+4ASQ2A+D8Y+656YQ" target="_blank">お名前.com</a>にて、ドメインの新規登録、あるいはドメインの移管をしたら、<br />
「ネームサーバーの設定 &gt; DNS関連機能の設定 &gt; DNSレコード設定」<br />
と、ページ移動します。</p>
<p>
<a href="http://web-generalist.com/main/images/dns04_1.jpg"><img alt="dns04_1.jpg" src="http://web-generalist.com/main/assets_c/2014/03/dns04_1-thumb-620x444-339.jpg" width="580" class="mt-image-none" style="" /></a></p>

<p><a href="http://web-generalist.com/main/images/dns04.jpg"><img alt="dns04.jpg" src="http://web-generalist.com/main/assets_c/2014/03/dns04-thumb-620x444-335.jpg" width="580" class="mt-image-none" style="" /></a></p>

<p class="m30">ここでDNSレコード設定するドメインを選択し、設定をおこなっていきます。<br />
設定する項目は、Aレコード2つ(wwwありなしを正規化している場合)、MXレコード7つです。</p>

<h5>Aレコードの設定</h5><p></p>

<p>Aレコードに入力するのは、サーバのIPアドレスになります。<br />
さくらのネームサーバのIP<a href="http://support.sakura.ad.jp/manual/ds/domain/ns.html" target="_blank">(プライマリネームサーバ、セカンダリネームサーバ)</a>ではありませんのでご注意ください。</p>

<p>
さくらサーバでの確認方法は、管理画面にログインしたのち、<br />
「サーバ情報の表示 &gt; サーバに関する情報」<br />
へページ移動、下記画像のところに、IPアドレスが掲載されていますのでこれをAレコードに設定します。</p>
<p>
<a href="http://web-generalist.com/main/images/dns05.jpg"><img alt="dns05.jpg" src="http://web-generalist.com/main/assets_c/2014/03/dns05-thumb-620x464-337.jpg" width="580" class="mt-image-none" style="" /></a></p>

<p class="m30">ちなみにさくらにログインするのが面倒な場合、whois情報検索から「正引きIPアドレス」でも確認できます。<br />
<a href="http://www.cman.jp/network/support/ip.html" target="_blank">http://www.cman.jp/network/support/ip.html</a></p>


<h5>MXレコードの設定</h5>

<p><span style="font-size: 1em;">MXレコードの設定方法は、</span><a href="https://support.google.com/a/answer/115150?hl=ja" target="_blank" style="font-size: 1em;">Google Appsのヘルプページ</a><span style="font-size: 1em;">に書いてあるのですが、このままコピーペーストしてもうまく動作しません。</span></p>

<p>
実は、上記には各文字の末尾にドット(.)が抜けているため、コピーペーストした場合、正確に設定できず、いつまでたってもメール受信できないことになります。</p>

<p class="m30">上記をふまえ、MXレコード設定時の注意点をまとめます。</p>

<ul>
<li>「VALUE」の各文字列の末尾には「.」（ドット）が付いているので、コピー＆ペーストする際に付け忘れないようにする。
(確認画面では、入力した文字が小文字になりドットが消えるのですが、入力されていないと、正確に動作しません。)</li>
<li>あまり設定に時間がかかっていると、タイムアウトしてしまうので、上記は事前に用意しておく</li>
</ul>

<h5>NSレコードの設定</h5>

<p>NSレコードは、当然お名前.comのDNSを使っているので、基本的に自動設定されます。<br />
念のため（01.dnsv.jp / 02.dnsv.jp  / 03.dnsv.jp / 04.dnsv.jp) になっていることを確認します。</p>

<p>
登録済みレコードは下記のようになります。</p>
<div class="m30">
<table>
	<tbody><tr>
		<th>ホスト名</th>
		<th>TYPE</th>
		<th>TTL</th>
		<th>VALUE</th>
		<th>優先</th>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>A</td>
		<td>3600</td>
		<td>サーバのIPアドレス</td>
		<td>-</td>
	</tr>
	<tr>
		<td>www.独自ドメイン</td>
		<td>A</td>
		<td>3600</td>
		<td>サーバのIPアドレス</td>
		<td>-</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>NS</td>
		<td>86400</td>
		<td>01.dnsv.jp</td>
		<td>-</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>NS</td>
		<td>86400</td>
		<td>02.dnsv.jp</td>
		<td>-</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>NS</td>
		<td>86400</td>
		<td>03.dnsv.jp</td>
		<td>-</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>NS</td>
		<td>86400</td>
		<td>04.dnsv.jp</td>
		<td>-</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>MX</td>
		<td>3600</td>
		<td>ASPMX.L.GOOGLE.COM.</td>
		<td>10</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>MX</td>
		<td>3600</td>
		<td>ALT1.ASPMX.L.GOOGLE.COM.</td>
		<td>20</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>MX</td>
		<td>3600</td>
		<td>ALT2.ASPMX.L.GOOGLE.COM.</td>
		<td>20</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>MX</td>
		<td>3600</td>
		<td>ASPMX2.GOOGLEMAIL.COM.</td>
		<td>30</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>MX</td>
		<td>3600</td>
		<td>ASPMX3.GOOGLEMAIL.COM.</td>
		<td>30</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>MX</td>
		<td>3600</td>
		<td>ASPMX4.GOOGLEMAIL.COM.</td>
		<td>30</td>
	</tr>
	<tr>
		<td>独自ドメイン</td>
		<td>MX</td>
		<td>3600</td>
		<td>ASPMX5.GOOGLEMAIL.COM.</td>
		<td>30</td>
	</tr>
</tbody></table></div>
<p>実際の設定画面イメージは下記。</p>
<p><a href="http://web-generalist.com/main/images/dns06.jpg"><img alt="dns06.jpg" src="http://web-generalist.com/main/assets_c/2014/03/dns06-thumb-200x252-341.jpg" width="200" height="252" class="mt-image-none" style="" /></a></p>

<p class="m50">なお、DNS(レコード)が、Webに浸透するのに最大48時間ほどかかるといわれますが、最近はけっこうはやいので2時間もあればほぼ浸透しているという感覚です。<br />
環境次第ですが、自分の確認環境なら5分とかからないことも)</p>

<h4>GoogleAppsの設定</h4><p></p>

<p><a href="http://ascii.jp/elem/000/000/749/749588/" target="_blank">2012年12月に、Google Apps for Businessは無料版を廃止</a>したので現在は、1ユーザーあたり年間6,000円からの有料プランのみとなっています。</p>

<p>Google Appsの登<span style="font-size: 1em;">録方法や、設定方法は省きますが、MXレコードがきちんと設定されていれば、Google Appsにドメインが反映されます。</span></p><p>
Google Appsでユーザーをつくれば、そのユーザー名+ドメイン名でGmailを使用できます。</p>

<p><a href="http://web-generalist.com/main/images/dns07.jpg"><img alt="dns07.jpg" src="http://web-generalist.com/main/assets_c/2014/03/dns07-thumb-620x537-343.jpg" width="580" class="mt-image-none" style="" /></a></p>

<p class="m50">さくらサーバにおいたwebサイトのデータを、URLで閲覧でき、Gmailでも送受信できることを確認すれば完了です。</p>

<p>
今回の記事は下記のサイトも参考にさせていただきました！
</p>

<ul>
<li><a href="http://oflow.me/archives/372" target="_blank">お名前.com+さくらレンタルサーバでGoogle Apps覚え書き</a></li>
<li><a href="http://www.oshiete-kun.net/archives/2012/02/googleapps2.html" target="_blank">「お名前.com」の独自ドメインにGoogleAppsの設定を追加しよう</a></li>
</ul>]]>
        
    </content>
</entry>

<entry>
    <title>実は可能だった、さくらサーバでのサブドメイン(マルチドメイン)型WordPressマルチサイト化。</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/wordpress-wp/wordpress-mu-domain-mapping.php" />
    <id>tag:web-generalist.com,2014:/main//45.1752</id>

    <published>2014-01-30T13:40:00Z</published>

    <summary>WordPressには、1回のインストール、1つのデータベースにて複数のブログを 運営することができる「マルチサイト」という機能があり、管理画面やユーザーも別々につくれ、あたかも複数のワードプレスをインストールしたかのように運用できます。 マルチサイトには、「サブディレクトリ型」と、「サブドメイン(マルチドメイン)型」の2つのタイプがありますが、共有サーバの場合、制約上サブドメイン型を設定できない...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="wordpress_WP" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<p>WordPressには、1回のインストール、1つのデータベースにて複数のブログを
運営することができる「マルチサイト」という機能があり、管理画面やユーザーも別々につくれ、あたかも複数のワードプレスをインストールしたかのように運用できます。</p>

<p>マルチサイトには、「サブディレクトリ型」と、「サブドメイン(マルチドメイン)型」の2つのタイプがありますが、共有サーバの場合、制約上サブドメイン型を設定できないサーバもあります。(<a href="http://px.a8.net/svt/ejp?a8mat=264MXS+BZNACY+CO4+609HU" target="_blank">エックスサーバー</a>
<img border="0" width="1" height="1" src="http://www10.a8.net/0.gif?a8mat=264MXS+BZNACY+CO4+609HU" alt="" />など)
</p>

<h6>サブディレクトリ型のURLの例</h6>
<ul>
<li>http://web-generalist.com/</li>
<li>http://web-generalist.com/blog/</li>
</ul>

<h6>サブドメイン(マルチドメイン)型のURLの例</h6>
<ul>
<li>http://web-generalist.com/ </li>
<li>http://blog.web-generalist.com/</li>
<li>あるいはまったく別のドメイン http://web-g.com/ </li>
</ul>



<p>私が契約していた共有サーバの中で、<a href="http://px.a8.net/svt/ejp?a8mat=1ZP6EY+4ASQ2A+D8Y+686ZM" target="_blank">さくらのレンタルサーバ スタンダード</a>
<img border="0" width="1" height="1" src="http://www17.a8.net/0.gif?a8mat=1ZP6EY+4ASQ2A+D8Y+686ZM" alt="" />は「マルチドメイン型」ができそうなので、チャレンジしてみることになりました。</p>


<p>しかし多くのウェブ上の情報を調べてみると、 "実際にチャレンジしてみたものの
さくらのレンタルサーバでは、「サブドメイン型のマルチサイト化」はできない。"と、あきらめた方もいらっしゃるようでした。</p>

<p>私も同様にトライを繰り返し、いろいろなブログを調べ、不足のある情報に惑わされたりと時間がかかったものの、最終的には実現することが出来ました。</p>

<p>
結論として、さくらサーバでのWordPressの「マルチドメイン型」は可能です。実現に必要なカギは<a href="http://wordpress.org/plugins/wordpress-mu-domain-mapping/" target="_blank">WordPress MU Domain Mapping</a>というプラグインです。
このプラグインを使うことで、マルチドメイン化の問題を解決できます。</p>

<p class="m50">
それでは手順を説明していきます。<br />
WordPressのマルチサイト化にはリスクやデメリットも結構ありますので、
最後に合わせて紹介いたします。</p>


<h4>下準備</h4>

<ul>
<li>サーバールート(/home/*****/www)にWordPressをインストールしていること</li>
<li>※新規インストールではない場合、すべてのプラグインを無効化しておきます</li>
</ul>


<p><a href="http://web-generalist.com/main/images/multi_1.jpg"><img alt="multi_1.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_1-thumb-400x243-301.jpg" width="400" height="243" class="mt-image-none" style="" /></a></p>
<p class="m50">WordPressのバージョンは3.7で説明しています。</p>

<h4>マルチサイト化する</h4>
<p>wp-config.php に下記の記述を追記します。念のためコメントアウトして日付などをメモしています。</p>

<pre class="code brush: js;">/* マルチサイト化 2013.4.18 */
define('WP_ALLOW_MULTISITE', true);
</pre>

<p>wp-config.phpをアップロードし、WordPressの管理画面を表示すると
メニューのツールに「ネットワークの設置」が表示されます。</p>

<p><img alt="multi_2.jpg" src="http://web-generalist.com/main/images/multi_2.jpg" width="223" height="288" class="mt-image-none" style="" /></p>


<p>「ネットワークの設置」クリック後、表示された画面で「サブドメイン」を選択し「ネットワークの詳細」に記入し、「インストール」を押下します。
</p>
<p><a href="http://web-generalist.com/main/images/multi_3.jpg"><img alt="multi_3.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_3-thumb-400x239-299.jpg" width="400" height="239" class="mt-image-none" style="" /></a></p>


<p>画面に従って下記の作業を行います。</p>


<h5>（WP3.4以前の場合）「wp-content」フォルダの中に「blogs.dir」フォルダを作成</h5>

<p>参考サイト<a href="http://mage8.com/websitetips/multiple-blogs-on-wordpress.html" target="_blank">ちょんまげ英語塾</a></p>
<p>
</p><blockquote>
※3.5からはメインサイトのアップロードディレクトリ (デフォルトは /wp-content/uploads/) の直下に /sites/2/ といった感じでサイト毎のアップロードディレクトリが作成される様に仕様が変更となりました。
</blockquote>
<p></p>
<p><a href="http://web-generalist.com/main/images/multi_4.jpg"><img alt="multi_4.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_4-thumb-400x213-304.jpg" width="400" height="213" class="mt-image-none" style="" /></a></p>

<h5>wp-config.phpに追記</h5>
<p>画面に表示された内容をwp-config.phpに追記し、アップします。</p>

<h5>.htaccessを書き換え</h5>
<p>画面に表示された内容を.htaccessに記入し、アップします。</p>


<p>作業を終えて、再度ログインします。
ダッシュボード画面上部に「サイトネットワーク管理者」という項目が追加されています。</p>

<p><a href="http://web-generalist.com/main/images/multi_5.jpg"><img alt="multi_5.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_5-thumb-400x139-306.jpg" width="400" height="139" class="mt-image-none" style="" /></a></p>

<p>これで、
「サイト &gt; 新規追加」から、サブドメイン型のサイトが追加できると思いきや...</p>

<p><a href="http://web-generalist.com/main/images/multi_7.jpg"><img alt="multi_7.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_7-thumb-400x213-308.jpg" width="400" height="213" class="mt-image-none" style="" /></a></p>

<p>****.jp/のメインの後にディレクトリ名を入れる形式になっています。</p>

<p class="m50">「なぜだ・・・作りたいのはディレクトリ型じゃない！」と、思いますが、とりあえずはこれで大丈夫です。
「サイトのアドレス」が空欄だと追加できませんので、ひとまず適当に入力しておきます。</p>


<h4>さくらサーバのコントロールパネルよりマルチドメインの設定</h4>


<p>ここで、マルチドメイン型で運用する独自ドメインまたはサブドメインをさくらインターネットのコントロールパネルより追加します。</p>
<p>その後、「ドメイン詳細設定」から必ず「wwwを付与せずマルチドメインとして使用する(上級者向け)」を選択し、
指定フォルダも「/」のみの記載にしておきます。
</p>

<p><a href="http://web-generalist.com/main/images/multi_8.jpg"><img alt="multi_8.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_8-thumb-400x539-311.jpg" width="400" height="539" class="mt-image-none" style="" /></a></p>


<p>ドメイン一覧で確認すると、メインのドメインも、サブドメインも同じパスになってます。</p>
<p class="m50"><a href="http://web-generalist.com/main/images/multi_9.jpg"><img alt="multi_9.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_9-thumb-400x174-310.jpg" width="400" height="174" class="mt-image-none" style="" /></a></p>



<h4> WordPress MU Domain Mappingプラグインをインストール</h4>

<p>つづいて、この「マルチドメイン化」のキモとなる<a href="http://wordpress.org/plugins/wordpress-mu-domain-mapping/" target="_blank">WordPress MU Domain Mappingプラグイン</a>を
「サイトネットワーク管理者」の画面からインストールします。</p>


<p><a href="http://web-generalist.com/main/images/multi_10.jpg"><img alt="multi_10.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_10-thumb-400x341-314.jpg" width="400" height="341" class="mt-image-none" style="" /></a></p>


<p>プラグインをインストール後、設定 &gt; Domain Mappingのメニューが表示されます。<br />クリックすると、、、
</p>
<p><a href="http://web-generalist.com/main/images/multi_11.jpg"><img alt="multi_11.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_11-thumb-400x97-318.jpg" width="400" height="97" class="mt-image-none" style="" /></a></p>

<p></p><blockquote>
Please copy sunrise.php to /home/****/www/wp-content/sunrise.php and ensure the SUNRISE definition is in /home/****/www/wp-config.php
</blockquote><p></p>

<p>と、プラグインディレクトリの「 wordpress-mu-domain-mapping にある sunrise.php をwp-contentディレクトリにコピーし、SUNRISE definition をwp-config.phpに追記してください。」と表示されますので、両方の作業を行います。</p>


<p>ちなみにsunrise.phpをコピーしただけでは、下記のメッセージが表示されます。</p>
<p></p><blockquote>
Please uncomment the line define( 'SUNRISE', 'on' ); or add it to your /home/****/www/wp-config.php
</blockquote><p></p>


<p>sunrise.phpをwp-contentディレクトリにコピーした後、
wp-config.phpの <br />/*編集が必要なのはここまでです*/ の上辺りに下記を追加します。</p>
<pre class="code brush: js;">define( 'SUNRISE', 'on' ); 
</pre>

<p>下記の画面が表示されれば成功です。</p>

<p><a href="http://web-generalist.com/main/images/multi_13.jpg"><img alt="multi_13.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_13-thumb-400x189-316.jpg" width="400" height="189" class="mt-image-none" style="" /></a></p>

<p class="m50">参考サイト <a href="http://doshipro.com/?p=4" target="_blank">ど素人からでもプログラマ！ </a></p>



<h4>Domainsを設定する</h4>

<p><img alt="multi_14.jpg" src="http://web-generalist.com/main/images/multi_14.jpg" width="380" height="167" class="mt-image-none" style="" /></p>

<p>次は設定 &gt; domains からSite IDと、サブドメインとなるDomainを入力します。
Site IDは、連番で振られており、変更不可能となっております。</p>
<p>マルチサイトで運用する2番めのSite IDは2になりますが、追加したサイトを消去したりすると永久欠番になります。</p>
<p>IDの確認方法は
すべてのサイト &gt; 編集にマウスオーバーするとURL上のパラメータに表示されています。</p>
<pre class="code brush: js;">http://*****.jp/wp-admin/network/site-info.php?id=2
</pre>
<p>上記であればid=2の部分です。</p>

<p>追加されると下記のようになります。</p>
<p><a href="http://web-generalist.com/main/images/multi_15.jpg"><img alt="multi_15.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_15-thumb-400x156-321.jpg" width="400" height="156" class="mt-image-none" style="" /></a></p>

<p>WordPress MU Domain Mappingプラグインから、Domainsの追加が完了したらメニューの
サイト &gt; すべてのサイトから追加したドメインの設定を編集します。</p>
<p>初期追加時では、メインドメインのサブディレクトリ型でしか
入力できないのですが、この画面で独自ドメイン、サブドメインに変更できます。
</p>

<p><a href="http://web-generalist.com/main/images/multi_16.jpg"><img alt="multi_16.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_16-thumb-400x261-324.jpg" width="400" height="261" class="mt-image-none" style="" /></a></p>

<p class="m50">設定はこれで完了です。<br />
それぞれのサイトのドメイン以下で/wp-login.phpでWordPressの管理画面へ入れます。</p>

<h4>注意点</h4>

<p>苦労して実装した<a href="http://px.a8.net/svt/ejp?a8mat=1ZP6EY+4ASQ2A+D8Y+686ZM" target="_blank">さくらインターネット(スタンダード)</a>
<img border="0" width="1" height="1" src="http://www17.a8.net/0.gif?a8mat=1ZP6EY+4ASQ2A+D8Y+686ZM" alt="" />でのマルチドメイン型のマルチサイト化ですが、いくつか注意点があります。</p>

<p>注意点の中でも、わりと厄介なのが、メインサイトの方のパーマリンクが、「デフォルト」以外の場合、/blogがついて変わってしまうことです。これは修正できるのですが、画面表示上のバグがあります。</p>
<p>参考 <a href="http://trans.hatenablog.jp/entry/20100728/p1" target="_blank">マルチサイトでパーマリンクに"blog"が勝手につくのを解除する</a></p>

<p></p><blockquote>
ただし、これにはバグがあるっぽい。特権管理者ではなく、通常の「設定」にある「パーマリンク」には"blog"が残ってしまっており、このメニューからパーマリンクを変更すると、"blog"がまたパーマリンクに追加されてしまいます。
</blockquote><p></p>

<p>
ちなみに"特権管理者"とは"サイトネットワーク管理者"のことです。WordPressのバージョンによって呼び名が変わりました。
</p>
<p>図にすると下記のようなカンジですので、ネットワーク管理者の方で一度設定したら、メインサイトの方のパーマリンクの設定画面は触らないでおきましょう(メインサイトの方で「変更を保存」してしまうと、元にもどってしまいます)。</p>

<p><a href="http://web-generalist.com/main/images/multi_18.jpg"><img alt="multi_18.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_18-thumb-400x190-328.jpg" width="400" height="190" class="mt-image-none" style="" /></a></p>

<ul>
<li>マルチサイト状態ではうまく使えないプラグインもあります。動作検証しているプラグインも多くはないので、
実際使ってみたり、カスタマイズしてみないと動かないものも多いです。<a href="http://funnis.net/blog/knowledge/multisite-popularposts/" target="_blank">例 ) マルチサイトで Popular Posts が動かない場合の対応方法</a></li>
<li>マルチサイトをやめてサイトを別々のWordpressにしたいとき、
データベースはひとつであるため、一括でエクスポートして簡単引っ越しなどができません。データベースを直接編集できる技術力か、地道に手作業で記事を分けていく労力が必要となります。</li>
<li>基本的にプラグインは、2つのサイトの上位にあたる「サイトネットワーク」から追加することになります。各サイトの管理画面にも「プラグイン」メニューはあり、ここには基本的に上位の「ネットワーク」で【有効化されていないプラグイン】が表示されるので、各サイトにどのプラグインが有効化されているのかチェックをするとき、若干混乱します。</li>
</ul>
<p class="m50"><a href="http://web-generalist.com/main/images/multi_17.jpg"><img alt="multi_17.jpg" src="http://web-generalist.com/main/assets_c/2014/01/multi_17-thumb-400x154-326.jpg" width="400" height="154" class="mt-image-none" style="" /></a></p>

<h4>まとめ</h4>
<p>さくらインターネット共用サーバでサブドメイン(マルチドメイン)型のマルチサイトは構築可能。</p>
<p>ただし注意点として、プラグインがマルチサイト対応かの確認が必要になることと、サーバの引越し時には簡単にサイトを分けれないリスクがあることを把握しておき、パーマリンクの設定に表示上のバグがあることも忘れないでおく。</p>

<h5>下記のサイトも参考にさせていただきました</h5>
<ul>
<li>
<a href="http://www.sinxcerity.com/retrieval/2012/03/02/%e3%81%95%e3%81%8f%e3%82%89%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88-wp%e3%83%9e%e3%83%ab%e3%83%81%e3%82%b5%e3%82%a4%e3%83%88/" target="_blank">さくらインターネット（スタンダード）でサブドメインを使いWP マルチサイト を運用</a></li>
<li>
<a href=" http://dev.satake7.net/posts/731" target="_blank">WordPress3：マルチドメイン対応 | Satake Studio Developer's Blog</a></li>
</ul>]]>
        
    </content>
</entry>

<entry>
    <title>知っておくとユーザー(とコーダー)に優しいCSSとHTMLの小技</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/css-parameter-html-https.php" />
    <id>tag:web-generalist.com,2012:/main//45.1742</id>

    <published>2012-11-24T01:22:11Z</published>

    <summary>今回はコーディングにおける知っておくとユーザー(主にコーダー)に優しいCSSとHTMLの小技を紹介します。1.キャッシュによる表示崩れをさせないブラウザには、一度訪問したページのcssや画像をキャッシュしておき、次回訪問時に素早く表示するという機能がありますが、サイト運営側が表示部分に影響するcssやjsを変更しても、ユーザー側ではキャッシュを使ったため、きちんと最新版が読み込まれておらず、表示が...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<div>今回はコーディングにおける</div><div>知っておくとユーザー(主にコーダー)に優しいCSSとHTMLの小技を紹介します。</div><div><br /></div><div><h5>1.キャッシュによる表示崩れをさせない</h5></div><div><br /></div><div>ブラウザには、一度訪問したページのcssや画像をキャッシュしておき、</div><div>次回訪問時に素早く表示するという機能がありますが、</div><div><br /></div><div>サイト運営側が表示部分に影響するcssやjsを変更しても、</div><div>ユーザー側ではキャッシュを使ったため、きちんと最新版が読み込まれておらず、</div><div>表示が崩れてしまうことがあります。</div><div><br /></div><div>もちろんF5ボタンやCtrl+Rなどで画面を更新すれば、たいていの場合は治りますが、</div><div>GoogleChromeなどではキャッシュが強いのか、実際にそのファイルにアクセスして更新しないと</div><div>すぐには更新されないこともあります。<br /><br />何より、ユーザー側からすれば「うわ、崩れているなこのサイト」と、思われ離脱されるという機会損失の</div><div>リスクが発生します。</div><div><br /></div><div>それを防ぐため、</div><div><br /></div><div><h6>cssやjsのリンクにパラメータを与える</h6></div><div><br /></div><div><div>という方法があります。</div><div><br /></div><div><pre class="code brush: js;">&lt;link href="/css/connect.css?modified=20121117" rel="stylesheet" /&gt;
</pre></div><div>このような感じです。</div><div>contact.cssの後ろにある?以降のパラメータは、PHPの言語でGET送信のため等に使うものなので、</div><div>cssでやっても意味はありません。しかしcontact.css自体はきちんと読み込みされます。</div><div>ブラウザはリンク先のURLが変わっているためキャッシュを使えず、最新版をきちんと読み込みにいくというワケです。</div><div>手動更新の場合は、この無意味なパラメータ部分を一意に変えてアップすれば良いわけですが、</div><div><br /></div><div><ul><li>CMSの場合</li></ul></div><div>例えばMovableTypeであれば、共通のheaderやmetaに該当する部分で、</div><div>下記のようにしておきます。</div><div><br /></div><div>

<pre class="code brush: js;">&lt;link href="/css/index.css?modified=&lt;$MTdate format="%Y%m%d%H%K%M%S"$&gt;"&nbsp;rel="stylesheet" /&gt;</pre>

</div><div>(&lt;mt:entrydate&gt;タグだと、&lt;mt:entries&gt;ブロックタグの中でしか使えないので&lt;mt:date&gt;推奨)</div><div>更新時の時間がパラメータ部分となるので、手動変更する必要はありません。</div><div>(WordPressはPHPなので、まぁPHPの関数でも色々なんとでも出来ると思います。)</div><div><br /></div><div><br /></div><div><br /></div><div><h5>2.httpでもhttps(SSL）からでも、警告文を出させない</h5></div><div><br /></div><div>画像リンクやcssのリンクで、https(SSL)から、普通のhttpページにリンクを</div><div>はった場合、InternetExplorerや、Firefoxでは、下記のように警告ないし、矛盾がでてしまいます。</div><div><br /></div><div><ul><li>InternetExplorer「セキュリティで保護されているコンテンツのみ表示されます。」</li></ul></div><div><img alt="kowaza1.jpg" src="http://web-generalist.com/main/images/kowaza1.jpg" width="530" height="214" class="mt-image-none" /></div><div><br /></div><div><ul><li>Firefox「httpsなのに錠のマークが表示されない」</li></ul></div><div><img alt="kowaza2.jpg" src="http://web-generalist.com/main/images/kowaza2.jpg" width="419" height="240" class="mt-image-none" /></div><div><br /></div><div>※GoogleChromeは特に出ないようです。</div><div><br /></div><div>そこで、httpsページのhtmlはimg、css、js等のリンクをすべて相対パスにするか、</div><div>もしくはhttpsからの絶対パスで書いておくと、上記のような警告や矛盾は表示されなくなります。</div><div><br />しかし</div><div>ひとつのhtmlで、httpとhttps両方からアクセスが出来るパターンもあります。</div><div><br /></div><div>その場合、2つそれぞれのファイルをつくる場合もありますが、下記のように</div><div><br /></div><div><h6>//から書いておく</h6></div><div><br /></div><div><pre class="code brush: js;">&lt;link href="//web-generalist.com/css/sslcontact.css" rel="stylesheet" /&gt;
</pre></div><div><br /></div><div>少し違和感がありますが、これでhttpからでも、httpsからでも柔軟にリンクしてくれ、<br />警告や矛盾の問題もクリアできます。</div><div><br /></div><div><br /></div><div>知っておくと少しかゆいところに手が届く(かもしれない)ちょっとした技術ネタでした。</div></div><div><br /></div><div>ちなみに、2.に関しては下記の書籍のTIPS的なところで知りました、感謝！</div><div><br /><a href="http://www.amazon.co.jp/gp/product/479736758X/ref=as_li_ss_il?ie=UTF8&amp;camp=247&amp;creative=7399&amp;creativeASIN=479736758X&amp;linkCode=as2&amp;tag=taboo65536-22" target="_blank"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&amp;ASIN=479736758X&amp;Format=_SL160_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=taboo65536-22" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=taboo65536-22&amp;l=as2&amp;o=9&amp;a=479736758X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
</div><div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>黒子のバスケの「ゾーン」状態を理論的に解明したい。[フロー理論]</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/general/zone-flow.php" />
    <id>tag:web-generalist.com,2012:/main//45.1739</id>

    <published>2012-09-15T01:50:53Z</published>

    <summary> 今回は若干毛色の違う内容の記事とはなりますが、バスケット漫画「黒子のバスケ」にでてくる「ゾーン」というものを理論的に解明しつつ、自分なりの経験・解釈を効かせ、役立つ内容として発信できればと思います。「ゾーン」という状態についてスラムダンク世代としてはバスケット漫画はスラムダンク一択だったのですが、嫁が見ていたので、それとなく一緒に見始めた「黒子のバスケ」に出てきたゾーン状態。いわゆる「パワー・ス...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="general_概括" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[ <div>今回は若干毛色の違う内容の記事とはなりますが、</div><div>バスケット漫画「黒子のバスケ」にでてくる「ゾーン」というものを理論的に解明しつつ、</div><div>自分なりの経験・解釈を効かせ、役立つ内容として発信できればと思います。</div><div><br /></div><div><br /></div><div><h6>「ゾーン」という状態について</h6></div><div><br /></div><div><div>スラムダンク世代としてはバスケット漫画はスラムダンク一択だったのですが、</div><div>嫁が見ていたので、それとなく一緒に見始めた「黒子のバスケ」に出てきたゾーン状態。</div></div><div><br /></div><div>いわゆる「パワー・スピード・その他もろもろがアップしたドーピング状態」なのですが、</div><div>嫁曰く作者はギリギリ現実的なバスケットを描いているとのことです。</div><div><br /></div><div>まぁオールコートから3Pシュートを打ったり、バスケットゴールスタンドをなぎ倒したりはありますが、</div><div>五感を奪ったり、客席スタンドまでボールに吹っ飛ばされたり、バックネットに磔にされたり、といった</div><div>超能力レベルまでは至っていない印象です。</div><div><br /></div><div>ということは、「ゾーン」もギリギリ現実的にありえているのでは？</div><div>といったところから、軽く気になっていました。</div><div><br /></div><div><br /></div><div><br /></div><h6>チクセント・ミハイによるフロー理論のこと</h6><div><br /></div><div>「ゾーン」とは、結論から言えば、</div><div>アメリカの心理学者、ミハイ・チクセントミハイが提唱した「フロー理論」のことでした。</div><div><br /></div><div>スポーツ、芸術、宗教などの幅広い領域で斯界の権威やその道の一流の人たちが</div><div>「集中したとき特有の状態に入る」という共通の体験があることを契機に、理論化を試みたそうです。</div><div><br /></div><div>もちろんその状態自体をチクセントミハイ自身が発見したワケではなく、</div><div>上記の共通体験をもつ人達には古くから知られていることでした。</div><div><br /></div><div><a href="http://goo.gl/A4Lq" target="_blank">wikipedia</a>には下記のように説明されています。</div><div><br /></div><div><br /></div>
<blockquote>フロー (英: Flow) とは、人間がそのときしていることに、完全に浸り、精力的に集中している感覚に特徴づけられ、完全にのめり込んでいて、その過程が活発さにおいて成功しているような活動における、精神的な状態をいう。ZONE、ピークエクスペリエンスとも呼ばれる。心理学者のミハイ・チクセントミハイによって提唱され、その概念は、あらゆる分野に渡って広く論及されている。</blockquote>

<div><br /></div><div>と、いうことであっさりと裏付けがとれてしまいました。</div><div><br /></div><div><br /></div><div><h6>自身の体験から</h6></div><div><br /></div><div>そういえば、自分自身中学時代、バスケットを3年間やっていいましたが、</div><div>その中で「フロー体験≒ゾーン」と思わしき状態を2度体験していました。</div><div><br /></div><div>一度目は、</div><div>とある練習試合で、前半(昔は4クォーターで分けておらず、前半・後半だった)の</div><div>シュート成功率が100%だったとき(ミドルレンジから6/6)</div><div><br /></div><div><br /></div><div>二度目は、</div><div>地区大会にて、かなりの接戦で、</div><div>後半残り6分くらいから、体力の消耗が尋常じゃないオールコートゾーンプレスディフェンスを</div><div>開始したものの、まったく疲労や消耗を感じず、フルで動き続けたこと。</div><div>※この試合は最終的には残り時間10秒強で、2点差で負けていた状態から</div><div>逆転スリーポイントを決め勝利しました。</div><div>(最後は歓声がすごすぎて、試合終了のブザーの音が全く聞こえなかった...)</div><div><br /></div><div>この事からゾーン状態になる条件としては...</div><div><br /></div><div><ul><li>接戦である(相手のレベルが近しい)</li><li>適度な緊張状態(残り時間が少ない等)</li><li>非常に集中している</li></ul></div><div><br /></div><div>などがあげられます。</div><div><br /></div><div>漫画の中では、そのほかに「優れた資質」と何より「バスケが好きであること」</div><div>がゾーンに入る人間の条件にあげられていましたが、</div><div><br /></div><div>現実にはある程度の練習量や経験を積んでいれば「優れた資質」は必要なく、</div><div>誰でも起こりえる事でしょう。</div><div><br /></div><div>また、「バスケが好き」っていうのは、好きでなきゃやってないと思いますので、</div><div>まぁ当たり前っちゃ当たり前ですね。要は真剣にやっているかどうかということかと。</div><div><br /></div><div><a href="http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1486727949" target="_blank">Yahoo知恵袋でも質問・回答</a>されていましたが、NBAの実況でも「He is in Zone.」</div><div>のように、語られていることがあるようです。</div><div>NBAの試合はほとんど見たことないのですが、<a href="http://www.youtube.com/watch?v=ceLlz7dOOvY&amp;feature=related" target="_blank">誰も止められないような状態になっているスーパープレイヤー</a>がいるのは事実でしょう。(バスケに限らず)</div><div><br /></div><div><br /></div><div>ちなみに漫画では「ゾーン」状態に入ると、</div><div>瞳孔から光の筋のようなものがでている状態となりますが、もちろんこの超集中状態を客観</div><div>的に表現しているだけですね。この演出があるから、「ゾーン≒フロー理論」がより漫画の世界の話っぽく</div><div>なってしまってる気がしますが。</div><div><br /></div><div><img alt="flow2_kuroko.jpg" src="http://web-generalist.com/main/images/flow2_kuroko.jpg" width="318" height="240" class="mt-image-none" /></div><div><br /></div><div>酷いトレース絵。</div><div><br /></div><div><br /></div><h6>フロー状態の構成要素</h6><div><br /></div><div>上記は個人的体験からゾーンに入る条件を挙げてみましたが、</div><div>チクセントミハイが提唱した「フロー状態が生まれる条件」としては下記の8つの構成要素を挙げています。</div><div><br /></div><div><ul><li>達成できる見通しのある課題で能力とつりあった挑戦である</li><li>専念・集中している</li><li>明瞭な目標がある</li><li>直接的なフィードバックがある(即座な反応)</li><li>意識から日々の生活や欲求不満を取り除く無理のない没入状態である</li><li><div>自分の行為を統制しているという感覚を伴う</div></li><li>自己についての意識の低下・消失。(活動と意識が融合)</li><li>時間の経過の感覚が失われる</li></ul></div><div><br /></div><div><br /></div><div>あらゆる分野で発生していることを鑑みれば、</div><div>フローを経験するためには、上記要素すべてが必要というわけではありません。</div><div>ただ、私個人としても絶対的に必要だと感じているのが、「他者に妨害されない環境」です。</div><div>Wikipediaにも</div><div><br /></div><div><blockquote>電話がかかってきたり、だれかが部屋に入ってきたりといったいかなる妨害であっても、おそらくフロー経験から引きずり出され、それに対応するモードに移行してしまうだろう。</blockquote></div><div><br /></div><div>と、あります。</div><div><br /></div><div>また、１つ目の「達成できる見通しのある課題で能力とつりあった挑戦である」</div><div>というところで、個々人の能力レベルに応じて、フロー状態に没入できる課題の難易度は</div><div>変わってくることを表しています。</div><div><br /></div><div><a href="http://web-generalist.com/main/images/flow.jpg"><img alt="flow.jpg" src="http://web-generalist.com/main/assets_c/2012/10/flow-thumb-200x151-507.jpg" width="200" height="151" class="mt-image-none" /></a></div><div><br /></div><div>簡単すぎる課題(弱すぎる相手)、難しすぎる課題(強すぎる相手)では</div><div>フロー状態には成り得ないということでしょう。</div><div><br /></div><div><br /></div><div><h6>仕事や勉強で活用するために&nbsp;</h6></div><div><br /></div><div>普段の仕事でも極度に集中し始めると</div><div>短時間で多くの仕事量をこなしたり、質の高い仕事が仕上がることがありますね。</div><div><br /></div><div>ただ電話や話しかけられる事で途切れさせられることが多いと、</div><div>そもそもそこに到達できません。</div><div><br /></div><div>また、「フロー≒ゾーン≒超集中状態」に入れば、雑音は気にならなくもなるのですが、</div><div>突如とした連絡や、別の業務が差し込まれてくるような状況になると、</div><div>いったん途切れてしまったフロー状態を再開・継続させることは難しいでしょう。</div><div><br /></div><div>私はなるべく、他の人が「あ、この人集中しているな」と感じる状況では、</div><div>緊急性の低い伝達事項の場合は後回しにするか、メール等で報告するように</div><div>努めています。</div><div><br /></div><div><br /></div><div>さらに一度クリアした仕事や覚えた業務で、初めてそれを行った時と</div><div>同様の達成感が得難いのは、自分の能力が上がり、難易度がさがってしまっているからで、</div><div>これを回避するためには、</div><div>「自分自身で常に新たな事に挑戦しつづける」必要があります。</div><div><br /></div><div><br /></div><div>万人が同じ1日は24時間、、、</div><div>この時間をうまく使って、自己研鑽に励み、その中でより多く「フロー状態」に入ることが出来るのならば、</div><div>それだけ没頭できることがあり、自己の能力が上がっていくことは間違いないでしょう。</div><div><br /></div><div>そして、「あ、彼は今フロー(ゾーン)に入っているな」</div><div>というのを感じたら、緊急時以外は邪魔をしないようにしましょう。</div><div><br /></div><div><br /></div><div><h6>結論</h6></div><div><br /></div><div>ゾーン状態はスポーツ以外でも起こり得ているフロー理論。</div><div>フローを理解した上で、うまく活用し人生に役立てよう。</div><div><br /></div><div><br /></div><div><strong>参考書籍</strong></div><div><strong><br /></strong></div><div>
<a target="_blank" href="http://www.amazon.co.jp/gp/product/4790714799/ref=as_li_ss_il?ie=UTF8&amp;camp=247&amp;creative=7399&amp;creativeASIN=4790714799&amp;linkCode=as2&amp;tag=taboo65536-22"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&amp;ASIN=4790714799&amp;Format=_SL160_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=taboo65536-22" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=taboo65536-22&amp;l=as2&amp;o=9&amp;a=4790714799" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

<a target="_blank" href="http://www.amazon.co.jp/gp/product/4790713512/ref=as_li_ss_il?ie=UTF8&amp;camp=247&amp;creative=7399&amp;creativeASIN=4790713512&amp;linkCode=as2&amp;tag=taboo65536-22"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&amp;ASIN=4790713512&amp;Format=_SL160_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=taboo65536-22" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=taboo65536-22&amp;l=as2&amp;o=9&amp;a=4790713512" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

<a target="_blank" href="http://www.amazon.co.jp/gp/product/4797366230/ref=as_li_ss_il?ie=UTF8&amp;camp=247&amp;creative=7399&amp;creativeASIN=4797366230&amp;linkCode=as2&amp;tag=taboo65536-22"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&amp;ASIN=4797366230&amp;Format=_SL160_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=taboo65536-22" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=taboo65536-22&amp;l=as2&amp;o=9&amp;a=4797366230" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

<br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>初級者でも解る「とりあえずUTF-8にしとけ」っていう歴史的背景。</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/phpandcgi-phpcgi/utf8.php" />
    <id>tag:web-generalist.com,2012:/main//45.1738</id>

    <published>2012-08-18T07:35:02Z</published>

    <summary>6年弱前、HTMLタグ打ちを覚えたての頃の文字コードは「Sfhit_JIS」一択でした。しかしCMSやフィーチャーフォンサイト、PHPなどのサーバサイド言語やデータベースを触りだした4年前頃から今日に至るまで 、「とりあえず文字コードはUTF-8にしとけば問題ない。」 に、いつのまにやら なっていました。どこかでそう教わったのか、他のサイトや本がそうだったからそうしてきたのか、、、最近まで別段意識...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="phpandcgi_PHP&amp;CGI" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<div>6年弱前、HTMLタグ打ちを覚えたての頃の文字コードは「Sfhit_JIS」一択でした。</div><div><br /></div><div>しかしCMSやフィーチャーフォンサイト、PHPなどのサーバサイド言語やデータベースを触りだした</div><div>4年前頃から今日に至るまで 、「とりあえず文字コードはUTF-8にしとけば問題ない。」 に、</div><div>いつのまにやら なっていました。</div><div><br /></div><div>どこかでそう教わったのか、他のサイトや本がそうだったからそうしてきたのか、、、</div><div>最近まで別段意識することもなくおりましたが、改めて学ぶ機会があり、</div><div>理解が深まったため、備忘録として「とりあえずUTF-8にしとけ」のハラオチ内容をまとめておきます。</div><div><br /></div><div><br /></div><h4>1982年、マイクロソフトと日本企業数社がShift_JISを策定した</h4><div><br /></div><div><br /></div><div>パソコンの世界では文字には符号(番号)がふられており、プログラムの奥底では番号でこの文字を管理しています。</div><div><br /></div><div>1982年、マイクロソフトと日本企業数社でこの番号を策定し、JIS規格に登録したのが</div><div>コード規格「Shift_JIS」です。</div><div><br /></div><div><br /></div><div><h4>一方その頃、ワークステーションでは...</h4></div><div><br /></div><div>一方、UNIXというOSを乗せたワークステーションと呼ばれるコンピュータは</div><div>パソコンとは別世界のコンピュータ。</div><div><br /></div><div>こちらの世界でも1980年代前半に文字に番号が振られました。</div><div>それは「EUC-JP」という文字コード規格。</div><div>Shift_JISとはまったく違う番号でした。しかし、問題ありません。</div><div><br /></div><div>だってオラは、ワークステーションだから、、、、(パソコンとは別の世界だから)。</div><div><br /></div><div><img alt="shift_jis-euc_jp.jpg" src="http://web-generalist.com/main/images/shift_jis-euc_jp.jpg" width="347" height="123" class="mt-image-none" /></div><div><br /></div><div><br /></div><div>...しかぁーし！</div><div><br /></div><div><br /></div><div><h4>199X年...世界はWindowsの炎に包まれた！</h4></div><div><br /></div><div>1995年、Windows95が発売され、パーソナルコンピュータでインターネットをする時代...そう、</div><div>WindowsのパソコンでUNIXサーバのWebサイトを閲覧する時代が到来しました！</div><div><br /></div><div>そこではパソコンのShift_JISとサーバのEUC-JPの衝突が起こり、</div><div>プログラムによる文字コードの変換に失敗した結果、文字化けが起こってしまった！</div><div><br /></div><div><img alt="mozibake.jpg" src="http://web-generalist.com/main/images/mozibake.jpg" width="454" height="279" class="mt-image-none" /></div><div><br /></div><div>多くのサーバはUNIXやLinuxなので、</div><div>PHP等はサーバサイドの文字である「EUC-JP」で記載することが正しくなりました。</div><div><br /></div><div>...だが！</div><div><br /></div><div><br /></div><div><h4>世紀初覇者文字コード「UTF-8」が登場！</h4></div><div><br /></div><div>UTF-8はUnicodeという文字コードの一種で、Unicodeは世界中すべての文字に番号を振って</div><div>使えるようにしようという考え方から生まれた規格。</div><div><br class="Apple-interchange-newline" />そう、世界基準のデジュアスタンダード(公的標準)でデファクトスタンダード(業界標準)？なコード規格なのです！日本のフィーチャーフォンの絵文字にまで番号が降られているほどの徹底ぶりだそう。</div><div><br /></div><div><br /></div><div>...ということでこの先よほどの変化やらイノベーションやらが無い限り、UTF-8にしておけばアンパイということで、、、、巡り巡り、冒頭の私の「とりあえずUTF-8使っとけ」のところにも至ったようです。</div><div><br /></div><div><br /></div><div>※さらにUTF-8だけでなくUTF-16とあったりします、、、、</div><div>その辺り、詳しくは下記サイトがわかりやすいのでご参考下さい。</div><div><a href="http://una.soragoto.net/topics/9.html" target="_blank">Unicode ～UTF-8、UTF-16との違い～（文字コード関連） | 読み物 | ウナのIT資格一問一答</a>
</div><div><br /></div><div>また、UTF-8とUTF-8nというのもあります。</div><div>そのあたりについては下記のサイト等をご参考下さい。</div><div><a href="http://d.hatena.ne.jp/nack-jin/20071027/1193502112" target="_blank">UTF-8とUTF-8Nの違い - m o t d .</a>
</div><div><br /></div><div>Dreamweaverだと</div><div><a href="http://web-generalist.com/main/images/bpm.jpg"><img alt="bpm.jpg" src="http://web-generalist.com/main/assets_c/2012/09/bpm-thumb-200x102-504.jpg" width="200" height="102" class="mt-image-none" /></a></div><div>このチェックを外しておかないと、サーバサイドで動かす</div><div>テンプレートファイルなんかはちょっとした問題を起こしたりしますね。</div><div><br /></div><div><br /></div><div><br /></div><div><h6>理解を深めることで知識になり、経験と結びついて知恵となる</h6></div><div><br /></div><div>少なくとも私自信HTMLを学びだしたのが2006年、サーバサイドを知りだしたのが2008年なので</div><div>全く詳しくありませんでした。が、端的にでも、歴史的背景を学んだことで理解を深めることができました。</div><div><br /></div><div>Web技術やPCには特に、</div><div>「そういうもんだから」と、深く考えることなく、使用しつづけている技術や概念が</div><div>多いかもしれません。(実際、なぜなぜ？と深く理解しなくても使えるし、困らない)</div><div><br /></div><div>しかし背景や歴史を知り理解を深めることは、単なる知識習得というだけでなく、</div><div>普段の実務、他の業務にも活きる「知恵」となるのではないでしょうか。</div><div><br /></div><div>個人的ではありますが小さな実例として、</div><div><br /></div><div>「WebサイトからCSV(comma separated value)でダウンロードしたデータベースファイルは、</div><div>Shift_JISになおさずにエクセルで開くと、文字化けする」</div><div><br /></div><div>ことの理由をキッチリと理解できる事に繋がったのです。</div><div><br /></div><div><a href="http://web-generalist.com/main/images/commaseparatedvalue.jpg"><img alt="commaseparatedvalue.jpg" src="http://web-generalist.com/main/assets_c/2012/09/commaseparatedvalue-thumb-200x159-502.jpg" width="200" height="159" class="mt-image-none" /></a></div><div><br /></div><div>この知識があるから、、、ミスの予防や他のサイトのデータでも同様になる場合・ならない場合の原因を、</div><div>すぐに紐づけて把握することができるようになったと思います。</div><div><br /></div><div>ということで、時には技術の歴史的背景を学んでみる事も、新たな知恵を身に着ける切っ掛けになるかもしれません。</div><div>(Wikipediaは読んでも説明が難しくて、辞書ループになり、結局解らないことも多いですが；)</div><div><br /></div><div>まあ今回のことは下記の書籍に書いてあったことを引用させていただき</div><div>なんだか北●の拳風な見出しでアレンジして書き直したようなもので、、、</div><div><br /></div> 

<a target="_blank" href="http://www.amazon.co.jp/gp/product/4897978858/ref=as_li_tf_il?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4897978858&amp;linkCode=as2&amp;tag=taboo65536-22"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&amp;ASIN=4897978858&amp;Format=_SL160_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=taboo65536-22" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=taboo65536-22&amp;l=as2&amp;o=9&amp;a=4897978858" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
<div><br /></div><div>PHPの本は7、8冊持ってますが、この本はプログラム初級者な自分にはかなり有益な一冊でした！</div><div><br /></div><div>内容はページ数も少なく、プログラマで中級やベテランの方からすれば、超のつく初心者向けですが、</div><div>上記のような説明手法や、本の進め方、教え方にはベテランの方でも学ぶことは多いはず！</div><div><br /></div><div>最後は本の紹介になってしまいました ；)</div><div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>上司は肝に銘じよう！人事評価の落とし穴6つ</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/hrm/personnel/personnel-performance-evaluation.php" />
    <id>tag:web-generalist.com,2012:/main//45.1736</id>

    <published>2012-07-24T10:00:04Z</published>

    <summary>多くの企業に勤める方は、夏のボーナスはもう振り込まれたころでしょうか。今回は人事考課の問題のまとめとともに部下を評価する側の立場の上司の方には肝に銘じておいてほしい、人事考課における落とし穴6つを題材に挙げてみたいと思います。人事考課に生じる問題落とし穴とは、人事考課に生じる問題のことであり、6つの穴には下記に挙げる2つの効果、2つの傾向、2つの誤差 があります。1. ハロー効果一部の優れた点もし...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="hrm_人的資源管理" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="personnel_人事・評価" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<div>多くの企業に勤める方は、夏のボーナスはもう振り込まれたころでしょうか。</div><div><br /></div><div>今回は人事考課の問題のまとめとともに</div><div><br /></div><div>部下を評価する側の立場の上司の方には肝に銘じておいてほしい、</div><div>人事考課における落とし穴6つを題材に挙げてみたいと思います。</div><div><br /></div><div><br /></div><div><h4>人事考課に生じる問題</h4></div><div><br /></div><div>落とし穴とは、人事考課に生じる問題のことであり、6つの穴には</div><div>下記に挙げる2つの効果、2つの傾向、2つの誤差 があります。</div><div><br /></div><div><br /></div><div><h5>1. ハロー効果</h5></div><div>一部の優れた点もしくは劣った特定の項目があると、その特定の項目だけでなく、</div><div>それ以外の考課にも影響を与えること。</div><div><br /></div><div>ハローとは後光のことだそうです。</div><div><br /></div><div>例として、「仕事の速度」が早いという優れた点が「仕事の質」という項目に対して好影響を与えてしまうなど。</div><div><br /></div><div><br /></div><div><br /></div><div><h5>2. 期末効果</h5></div><div>昇給査定の場合、、考課(査定)の対象期間は年に一回や、半年が多いと思います。</div><div><br /></div><div>対象期間が長期にわたる場合、</div><div>考課時期に近いイメージで評価してしまうため、期間全体としての評価にならないことがあります。</div><div><br /></div><div>具体的な例としては、</div><div>2か月前に優秀な成績をおさめたのに、先月ミスをしてしまい、</div><div>考課者に、先月のミスのイメージが強く残り、2か月前のことが適正に評価されない場合などです。</div><div><br /></div><div>どの時期に何があり、どんな評価をしていたかをしっかり、記録することで回避できます。</div><div><br /></div><div><br /></div><div><br /></div><div><h5>3. 寛大化傾向</h5></div><div>被考課者への同情や、考課者自身の自信の無さ、自覚の無さなどが原因で、実際よりも高い評価を</div><div>すること。</div><div>簡単に言えば全体的に甘い評価をすること。</div><div><br /></div><div><br /></div><div><h5>4. 中心化傾向</h5></div><div>考課結果が平均に集中してしまい、優劣の差がほとんで出ないこと。</div><div>たとえば、5段階評価の場合、ほとんどの評価が3に集中し、差がついていないことなどが</div><div>あげられる。　</div><div>砕けて言えば、「迷ったらとりあえず、3(標準/普通)にしとけ」</div><div><br /></div><div><br /></div><div><h5>5. 対比誤差</h5></div><div>考課者が自分と被考課者とを比較し、自分が苦手な部分については</div><div>実際よりも良く評価し、逆に自分が得意な点については必要以上に悪く評価してしまう事。</div><div><br /></div><div>専門的なスキルを要する業務を行う部署などでは陥りやすいかと思われます。</div><div><br /></div><div><br /></div><div><h5>6. 理論的誤差</h5></div><div>同じような評価項目がある場合、それらの項目の区別がつかずに同一の評価をしてしまうこと。</div><div><br /></div><div>例えば「積極性」があるから、「責任感」がある、の誤差や、</div><div>「責任感」があるから「規律を守る」というような誤差である。</div><div><br /></div><div><br /></div><div><br /></div><div><img alt="personal_eva02.jpg" src="http://web-generalist.com/main/images/personal_eva02.jpg" width="540" height="368" class="mt-image-none" /></div><div><br /></div><div><h6>主観が集まれば、客観になる&nbsp;</h6><h6></h6></div><div><br /></div><div>人間が人間を評価する人事考課は、主観的な視点が入り誤差が生じやすいと言えます。</div><div><br /></div><div>人間、相手によって態度や見せている部分など違って当たり前なのですから、</div><div><div>上司や特定の人間からの評価では1面からしか評価されません。</div><div><br /></div><div>上司以外にも同僚、部下、他部署のもの、取引先、顧客からの意見など</div><div>も評価に加わることにより、主観が集まり客観的な評価へと繋がることになると思います。</div><div>いわゆる「多面評価」です。</div><div><br /></div><div>それとともに、考課者自体の訓練、および仕組みを作り上げる事が</div><div>より適切な人事考課を行うための方策といえます。</div><div><br /></div><div>定性的、定量的な人事考課には誤差、限界があると判断し、</div><div><a href="http://www.kayac.com/vision/style/dice/" target="_blank">サイコロで給与の一部を決めてしまう</a> なんてのもありますね。</div></div><div><br /></div><div>私個人の考えとしては、数値化できるものは極力数値化し、</div><div>何がどれぐらいの評価を受けているのかをキッチリと提示することが、</div><div>考課者、被考課者、そして組織全体が納得のいく人事考課へと繋がると考えています。</div><div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>コアコンピタンス×パーソナリティ ブルーオーシャン戦略</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/general/corecompetency-blueocean.php" />
    <id>tag:web-generalist.com,2012:/main//45.1735</id>

    <published>2012-05-27T02:26:02Z</published>

    <summary>今更言うまでもありませんが、現代はインターネットの発達により、組織ではなく、個々人が発言力・発信力を持つことができるようになり、それに伴った行動を起こすことも容易な時代です。そして、どんな大企業においても安定などという言葉とは無縁の時代。個人でも常に自己研鑽を怠らず、知識・能力・経験を磨き続けていればたとえ組織がなくなり、社会的な地位を取り払ったとしても、アイデンティティーを持ち、必要とされる人材...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="general_概括" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[今更言うまでもありませんが、現代はインターネットの発達により、<div><br /><div>組織ではなく、個々人が発言力・発信力を持つことができるようになり、</div><div>それに伴った行動を起こすことも容易な時代です。</div><div><br /></div><div>そして、どんな大企業においても安定などという言葉とは無縁の時代。</div><div><br /></div><div>個人でも常に自己研鑽を怠らず、知識・能力・経験を磨き続けていれば</div><div>たとえ組織がなくなり、社会的な地位を取り払ったとしても、</div><div>アイデンティティーを持ち、必要とされる人材になっていくことが出来るでしょう。</div><div><br /></div><div><div><br /></div><div>本屋にいけば、「空前の勉強ブーム」等という言葉も見受けられます。</div><div>危機感や向上心の高い方も比例して多いということが解ります。</div><div><br /></div><div>「ライバルは常に自分より優秀だ。」そんな言葉が頭をよぎります。<br /><div><div><br /></div><div><br /></div><div>そんな個々人においても、コアコンピタンスを持ち、パーソナリティを活かすことにより、</div><div>自分だけの、戦いのないブルーオーシャンを作り出すことが、今の時代を生き抜いていく鍵であると感じています。</div><div><br /></div><div>&nbsp;

<h5>コア・コンピタンスとは</h5><div>他社には真似できない企業の中核的能力のことであり、</div><div>市場における競争優位の源泉となるものである。</div><div><br /></div><div>有効な条件として、</div><div><ul><li>価値があること</li><li>希少性があること</li><li>企業特質性を有していること</li></ul></div><div><br /></div><div>が挙げられる。</div><div><br /></div><div><br /></div><div><h5>ブルーオーシャン戦略</h5></div><div>同業他社が多く競争の激しい血みどろの海、レッドオーシャン市場となるところで戦うのでなく、</div><div>付加価値などにより未開拓市場の開拓、競争相手のいない領域、、、</div><div>ブルーオーシャンを切り開くべきという戦略。</div><div><br /></div><div><br /></div><div><div>上記2つは組織や戦略におけるワードですが、個人にも当てはまることと考えています。</div></div><div><br /></div><div>当然、何かひとつ、得意な武器を持つ、というのももちろん大事ですが、</div><div>ひとつの分野においては「上には上がいる」もので、まさしくレッドオーシャンで戦っていくということに</div><div>なってしまいます。</div><div><br /></div><div>また、これは個人的な見解ですが、</div><div>その分野の第一人者や、「斯界の権威」と呼ばれるような人は</div><div>総じて自分の分野以外のことでも見識広く、学んでいるのではないでしょうか。</div><div><br /></div><div>私自身、学び得た知識は必ずといっていいほど、ゆるやかに関係しているのを、</div><div>身をもって経験しています。広く浅くにみえても、それはいずれ広く深くへと繋がっていきます。</div><div><br /></div><div><br /></div><div>目指すべきWebジェネラリスト(Tobe=あるべき姿)を描き、</div><div>これまで培ったきたものおよび現在勉強中、履修中であるものも含め、</div>スキルマップを作成しました。</div><div><br /></div><div><a href="http://web-generalist.com/main/images/web-generalist.jpg" target="_blank" class="not"><img alt="web-generalist.jpg" src="http://web-generalist.com/main/assets_c/2012/07/web-generalist-thumb-200x142-483.jpg" width="200" height="142" class="mt-image-none" /></a></div><div><br /></div><div>それぞれ、「すこしかじった程度」というものではなく、スペシャリスト達と話せるような、</div><div>浅くはないレベルまで自分自身が経験することで、より高いレベルのジェネラリストへと進化していくと</div><div>考えています。</div><div><br class="Apple-interchange-newline" />もはや、スキルマップは生き方そのものと言えるようになっていくのではないでしょうか。</div><div><br /><div><br /></div><div>それぞれの分野においていえば、当然スペシャリストと呼ばれる人にはかなわないでしょう。</div><div>しかしこれらスキルマップのように自分と同じことを学び、同じような経験をしてきた人というのは多くはありません。それがすなわち個々人におけるブルーオーシャン戦略となります。</div><div><br /></div><div><br /></div></div></div></div><div><a href="http://web-generalist.com/main/images/corecompetency.jpg"><img alt="corecompetency.jpg" src="http://web-generalist.com/main/assets_c/2012/07/corecompetency-thumb-300x130-481.jpg" width="300" height="130" class="mt-image-none" /></a></div><div><br /></div><div><br /></div><div><div>最後に、私は個人主義者ではありませんが、</div><div>個々の能力開発、人材育成なくして組織全体が成長することなどありえないと考えています。</div><div><br /></div><div>仮に外部から有能な人材を招聘したとしても、そのコンピテンシーが社内風土に合わず、根付かなければ</div><div>効果も少なく、その人材が他に引き抜かれた瞬間にゼロリセットとなるでしょう。</div></div></div></div><div><br /></div><div><br /></div><div>個人が成長するかどうかは結局はその人の人間性・努力次第、ということにはなっていまいますが、</div><div><br /></div><div>組織としては、従業員の成長をそれら人間性や人格に任せるのではなく、</div><div>従業員個人の行動や慣習に焦点をあて、理解した上で、成長の場や育成に力を入れていくべきだと思います。</div><div><br /></div><div><br /></div>

<div>
<a href="http://www.amazon.co.jp/gp/product/4478732442/ref=as_li_tf_il?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4478732442&amp;linkCode=as2&amp;tag=taboo65536-22"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&amp;ASIN=4478732442&amp;Format=_SL160_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=taboo65536-22" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=taboo65536-22&amp;l=as2&amp;o=9&amp;a=4478732442" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
</div>

<div><br /></div><div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>au HOME SPOT cubeを永久無料レンタルしてきて設定、速度体感。</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/au-home-spotcube.php" />
    <id>tag:web-generalist.com,2012:/main//45.1729</id>

    <published>2012-05-13T07:50:51Z</published>

    <summary><![CDATA[なんだこれは！？新しいボールか！？うおおおおおお！！の星 飛雄馬で、有名かもしれないauのHOME SPOT cubeをレンタルしてきました。その経緯と設定方法を紹介したいと思います。レンタルの経緯&nbsp;もともと5、6年以上前のCorega の無線LANを使っていました。当然、DOG YEARと呼ばれるITの世界で5年もたてば、50年前レベルのおじいちゃん。最近よく無線が切れて再起動が必要だ...]]></summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<div>なんだこれは！？新しいボールか！？</div><div>うおおおおおお！！</div><div><img alt="hsc_hyuma.jpg" src="http://web-generalist.com/main/images/hsc_hyuma.jpg" width="388" height="267" class="mt-image-none" /></div><div><br /></div><div>の星 飛雄馬で、有名かもしれないauのHOME SPOT cubeをレンタルしてきました。</div><div>その経緯と設定方法を紹介したいと思います。</div><div><br /></div><div><br /></div><div><h5>レンタルの経緯&nbsp;</h5></div><div>もともと5、6年以上前のCorega の無線LANを使っていました。</div><div><a href="http://web-generalist.com/main/images/hsp6.jpg"><img alt="hsp6.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp6-thumb-200x257-460.jpg" width="200" height="257" class="mt-image-none" /></a></div><div>当然、DOG YEARと呼ばれるITの世界で5年もたてば、50年前レベルのおじいちゃん。</div><div>最近よく無線が切れて再起動が必要だったり、</div><div>速度もかなり遅いと感じるようになっていたため、新しい無線LANを購入しようと決意。</div><div><br /></div><div>そんな折、ナイスタイミングでau HOME SPOT cubeという無線LAN代わりに使えるものの</div><div>存在を知り、またまたナイスタイミングでauのスマートフォンも契約しており、</div><div>永久無料レンタルの対象となっていたため</div><div>「おあつらえ向き発見！」ということで早速つい最近近場にできていたau shopへ。</div><div><br /></div><div><br /></div><div><h5>不安な説明</h5></div><div>しかし在庫切れで入荷に1週間～1か月くらい待ちといわれましたが3日くらいで入荷され、ゲット。</div><div>その際、店員さんに「PCもネットつなげますよね？」と確認すると、</div><div>「ノートパソコンならつなげます」という？？？な回答。</div><div><br /></div><div>どうやら無線LANクライアントのあるPC=ノートPCという認識なのか、社員教育なのか、</div><div>期待した回答が得られなかったため、若干不安になる。</div><div><br /></div><div>色々と切り口を変えて質問しても？？？な回答のため、</div><div>本体を見せてもらった。調べたら自分のやりたいことは問題なくできるな、と自己解決。</div><div><br /></div><div>最近はデスクトップでも本体と液晶一体型のiMACやWindowsは無線クライアントも内臓している。</div><div>"デスクトップ=有線接続のみ"という誤った個人的解釈での回答なのか、機械的なマニュアル回答なのかはわからなかった。</div><div><br /></div><div>そもそも本体をみれば有線接続が1つある。</div><div><br /></div><div><a href="http://web-generalist.com/main/images/hsp9.jpg"><img alt="hsp9.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp9-thumb-200x180-464.jpg" width="200" height="180" class="mt-image-none" /></a></div><div><br /></div><div>商品知識の教育が足りてないのかなぁと思い、これがもし無料じゃなくて、ちゃんとした売る商品だったら、</div><div>売れるもんも売れなくなるな、となんだか軽く危機感を持ちました。</div><div><br /></div><div>これは家電屋さんでも往々にして起こっている事実だと感じます。</div><div>従業員の商品知識が乏しいために、消費者が求める機能があるにも関わらず、</div><div>間違った回答をしてしまい販売の機会損失を起こしている。</div><div><br /></div><div>商品を提供する側の立場では笑えない事実ですね。</div><div><br /></div><div>さて、話がだいぶ横道にそれましたが、戻しましょう。</div><div><br /></div><div><br /></div><div><h5>スペックなどを調査&nbsp;</h5></div><div>「Home spot cube」で検索し、スペックなどがいかほどかを軽く調査、</div><div><a href="http://internet.watch.impress.co.jp/docs/column/shimizu/20120228_515065.html" target="_blank">こちらのサイト</a>の中で</div><div><br /></div><div><blockquote>いまどき150Mbpsの無線LANというのは、若干、見劣りする印象だ。</blockquote>
</div><div><br /></div><div><div>と、書いてありますが、現状のCoregaの無線LANの速度は確か20～50Mbpsだったので、</div><div>まったく問題ありません。何より無料ですし、贅沢は言いません。</div><br class="Apple-interchange-newline" /></div><div><br /></div><div><h5>設定する</h5></div><div>そして早速家での設定へ。</div><div>かんたんに設定できるという、「かんたん接続マニュアル」どおり、</div><div>家の光回線終端装置から、Home spot cubeのWANポートにケーブルを指します。</div><div><br /></div><div>スマホから「かんた接続設定」の手順のとおりにすすめ、</div><div>HOME SPOT cubeの上部のボタンをポチっと押せば、らくらく接続完了できると思いきや、</div><div><br /></div><div>どうやら接続できていない。うーむ、全然簡単でない。</div><div><br /></div><div>...PCはもちろんネットにつながらず、スマホすらもWi-Fiがつながっていない。</div><div><br /></div><div>やはりプロバイダのパスワード設定が必要ということで、</div><div>改めてHOME SPOT CUBEの取扱説明書を読む。</div><div><br /></div><div><a href="http://web-generalist.com/main/images/hsp10.jpg"><img alt="hsp10.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp10-thumb-200x261-466.jpg" width="200" height="261" class="mt-image-none" /></a></div><div><br /></div><div>PC環境の違いによるフローでページを進めたが、結構迷いました。</div><div>自分の環境と違うことが書いてあるので、ページを飛ばせば戻されるという振り回されっぷり。</div><div><br /></div><div>例) 「win7の方はP.80へ」→P.80へいくと、「有線接続はP.48へ」</div><div>みたいなたらいまわし感。</div><div><br /></div><div><div>まぁここは私のサーチ能力と予測力が足りなかったのでしょう。</div><div>家電等の取説なんてここ数年まともに読んだ記憶もないですし。</div><br class="Apple-interchange-newline" /></div><div>ただ、一般的に考えても<br class="Apple-interchange-newline" />最近はプラグアンドプレイ的なお手軽設定さの一方、機能の多様化、機器の種類・状況違いによる設定の複雑化もあり、わざわざ取説をしっかり読み込む人も少ないと思われます。(とりあえずいじってれば出来るだろう的な感じで)</div><div><br /></div><div><br /></div><div>と、また話が横道にそれました。</div><div>それでは有線PC、無線PC、スマホがWi-Fiでつながるように設定します。</div><div><br /></div><div><br /></div><div><h6>ブラウザで192.168.0.254に接続</h6></div><div><br /></div><div><a href="http://web-generalist.com/main/images/hsp4.jpg"><img alt="hsp4.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp4-thumb-200x177-458.jpg" width="200" height="177" class="mt-image-none" /></a></div><div><br /></div><div>「ルータの設定」画面への門番ですね。</div><div>ここにたどり着かねば家庭ネットワークの無線化は始まりません。</div><div>初期ユーザ名とパスワードは取説には</div><div><pre class="code brush: js;">au
1234
</pre></div><div><br /></div><div>と、書いてあります。ちなみにcoregaだと</div><div><br /></div><div><pre class="code brush: js;">root
パスワードなし
</pre></div><div><br /></div><div>でした。rootとなしの組み合わせが一般的だと勝手に思い込んでましたが、</div><div>ちゃんと読まないとダメですね。</div><div><br /></div><div><br /></div><div><h6>PPPoEのユーザー名とパスワードを接続</h6></div><div><br /></div><div><a href="http://web-generalist.com/main/images/hsp3.jpg"><img alt="hsp3.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp3-thumb-200x149-457.jpg" width="200" height="149" class="mt-image-none" /></a></div><div><br /></div><div>ここで、プロバイダより授かりし、ユーザ名とパスワードが必要となります。</div><div>「なにそれ？どこにしまった？」</div><div><br /></div><div>たいていこのパターンに陥りますので、プロバイダからの</div><div>書類はわかりやすいところにしまっておきましょう。</div><div><br /></div><div>ちなみに私はYahoo!BBです。</div><div><a href="http://web-generalist.com/main/images/hsp8.jpg"><img alt="hsp8.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp8-thumb-200x155-462.jpg" width="200" height="155" class="mt-image-none" /></a></div><div><br /></div><div>...見ての通り、実はネット接続初期設定後に、破り捨てるところだったのであります。</div><div><br /></div><div>最初のネット設定は「ネット簡単接続CD-R」で簡単にネット接続したので、</div><div>終わり次第破り、シュレッダー行直前で、「これは重要書類ではないか！？」と、気づき保管したのです。</div><div>いや、ホント危なかった。</div><div><br /></div><div>無事、ユーザ名とパスワード入力します。</div><div><br /></div><div><br /></div><div><h6>各PCにはHOME SPOT CUBE裏側に書いてある無線接続用のパスワードを入力して完了&nbsp;</h6></div><div><br /></div><div>あとはネットにつなげたいWindowsやMAC(AirMAC)が勝手にHOME SPOT CUBEの</div><div>存在を認識しますので、HOME SPOT CUBE裏側に書いてある無線接続用のパスワード(SSID1)</div><div>を入力して完了です。</div><div><br /></div><div><a href="http://web-generalist.com/main/images/hsp11.jpg"><img alt="hsp11.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp11-thumb-200x111-471.jpg" width="200" height="111" class="mt-image-none" /></a></div><div><br /></div><div>よそ様の家の無線もたくさん認識しております。</div><div><br /></div><div><br /></div><div><a href="http://web-generalist.com/main/images/hsp7.jpg"><img alt="hsp7.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp7-thumb-200x180-461.jpg" width="200" height="180" class="mt-image-none" /></a></div><div><br /></div><div>HOME SPOT CUBE裏側にSSIDが3つ書いてあります。</div><div>SSID2(W)はゲーム、SSID3(A)は5GHzなので通常はSSID1で問題ないと思います。</div><div><br /></div><div>ちなみにSSIDのパスワードは「ルータの設定画面」より変更可能かと思われますが、</div><div>変更して失念してしまっても厄介なのでそのままにしておきました。</div><div><br /></div><div><br /></div><div><h6>全部のPCのネット接続を確認して完了&nbsp;</h6></div><div><br /></div><div><a href="http://web-generalist.com/main/images/hsp5.jpg"><img alt="hsp5.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp5-thumb-200x142-459.jpg" width="200" height="142" class="mt-image-none" /></a></div><div><br /></div><div>何台まで同時にネット接続できるのかわかりませんが、少なくとも3台は問題なしでした。</div><div>ちなみに壁を挟んで5m位離れている嫁の部屋のWindows VISTAも問題なく接続されました。</div><div><br /></div><div>また、(当然有線接続がダントツで早いですが)</div><div>スマホの速度、PCの無線速度も申し分なしにアップしました！</div><div>(前の無線ルータが古すぎただけということもあります)</div><div><br /></div><div><br /></div><div>そしてオマケに、見た目もスタイリッシュなのでインテリアにも最適！</div><div>...みたいな印象ですが、無線ルータってだいたい部屋の片隅に置かれた上に、</div><div>配線やら何やらで、オシャレうんぬんより、あまり見えるところに置きませんよね。</div><div><br /></div><div><a href="http://web-generalist.com/main/images/hsp12.jpg"><img alt="hsp12.jpg" src="http://web-generalist.com/main/assets_c/2012/05/hsp12-thumb-200x212-476.jpg" width="200" height="212" class="mt-image-none" /></a></div><div><br /></div><div>夜の緑色の光は液体の蚊取り線香みたいでした。</div><div><br /></div><div><br /></div><div><br /></div><div>最後に、、、</div><div><br /></div><div>auはなぜそもそもこれを無料で、しかも永久レンタル無料としたのか！？</div><div><br /></div><div>契約を継続させるためのアイテムなのか、ブランドの愛顧・忠誠心を高めるためなのか、</div><div>はたまた新たな商品戦略への布石なのか！？</div><div><br /></div><div>ソフトバンクのような「情報革命で人々を幸せに！」的な志の産物なのか！？</div><div><br /></div><div>...とまぁ色々と考えを馳せたりもするのですが、</div><div>急に「翌月から有料です。」みたいな展開になっても困るので、そのあたりを少しだけ気にしつつ、</div><div>(以前よりは)快適な無線速度を堪能していきたいと思います。</div><div><br /></div><div><br /></div><div><br /></div>]]>
        星飛雄馬の画像を変更しました。
    </content>
</entry>

<entry>
    <title>見えない企業の資産価値、ブランドエクイティ</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/marketing/managerial/brand-equity.php" />
    <id>tag:web-generalist.com,2012:/main//45.1715</id>

    <published>2012-04-20T23:51:28Z</published>

    <summary>ブランドエクイティとはブランドの資産という意味。 コカコーラやネスカフェといったブランドは、数千億円以上の価値をその会社の資産、企業価値として計上されている。ブランドは土地や建物と同じように、企業の資産であるとする考え方である。 エクイティー【equity】の意味 - 国語辞書 - goo辞書 ブランドエクイティは次のつの要素から成り立っている   ブランドロイヤルティ   知覚品質   ブランド...</summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="managerial_マネジリアルマーケティング" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="marketing_マーケティング論" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<div>ブランドエクイティとはブランドの資産という意味。</div>
<div><br />
</div>
<div>コカコーラやネスカフェといったブランドは、数千億円以上の価値をその会社の資産、企業価値として計上されている。ブランドは土地や建物と同じように、企業の資産であるとする考え方である。</div>
<div><br />
</div>
<div><br />
</div>
<a href="http://dictionary.goo.ne.jp/leaf/ej3/28590/m0u/equity/" target="_blank">エクイティー【equity】の意味 - 国語辞書 - goo辞書</a>
<div><br />
</div>
<div><br />
</div>
<div>ブランドエクイティは次のつの要素から成り立っている</div><div><br /></div>
<div></div>
<ul>
  <li>ブランドロイヤルティ</li>
  <li>知覚品質</li>
  <li>ブランド連想</li>
  <li>ブランド認知</li>
  <li>その他のブランド資産</li>
</ul>
<div><br /></div>
<div><br />
</div>
<div>
  <h5>ブランドロイヤルティ</h5>
</div>
<div>ブランドロイヤルティはそのブランドに対する消費者の愛顧心や忠誠心を意味する。</div>
<div><br />
</div>
<div><br />
</div>
<div><br />
</div>
<div>
  <h5>知覚品質</h5>
</div>
<div>実際に実験や検査を行なってデータ化した客観的な品質とは別に、消費者が知覚的に感じる品質である。</div>
<div>消費者が安心できるブランドあれば、実際に検査をしなくても品質が高いと思われること。</div>
<div><br />
</div><div><br /></div>
<div><br />
</div>
<div>
  <h5>ブランド連想</h5>
</div>
<div>あるブランドに対して消費者が描く連想のことである。●●といえば●●。</div>
<div>といったことを多くの消費者が抱くならば、それがブランド連想となる。</div>
<div><br />
</div>
<div>
  <div>たとえば...<br />
    「スターバックス」というブランドに対して「寛げる場所」「厳選されたコーヒー」</div>
  <div>「Macintosh」というブランドに対して　「シンプルで美しい、高機能」</div>
</div>
<div><br />
</div>
<div>このような連想が強ければ強い程ブランドの持つ力が強いと判断される。</div>
<div><br />
</div><div><br /></div>
<div><br />
</div>
<div>
  <h5>ブランド認知</h5>
</div>
<div>そのブランドがどれだけ消費者によって知られているかという度合いである。</div>
<div>多くの消費者はなじみのないブランドよりも、よく知っているブランドに安心感をもつ。</div>
<div>それは強力な購買動機となる。</div>
<div><br />
</div><div><br /></div>
<div><br />
</div>
<div>
  <h5>その他ブランド資産</h5>
</div>
<div>消費者がブランドを評価する際に「品質」といった具体的なものではなく、もっと漠然とした次元で評価する場合がある。</div>
<div>例えば、イメージや、パテント(特許)やトレードマークなど。このようにブランドが力を発揮するその他の資産の項目を言う。</div>
<div><br />
</div>
<div><br />
</div><div><br /></div>
<div>
  <h6>&nbsp;ブランドロイヤルティに関するTIPS 1</h6>
</div>
<div><br />
</div>
<div>
  <div>ネット上の情報では、</div>
  <div>ブランドロイヤルティやストアロイヤルティといった言葉が</div>
  <div>「ブランドロイヤリティ」と書いてあるのを見受けます。</div>
  <div><br />
    </div>
  <div>かくいう私自身、講義でも先生の勘違いからか、見事に「ロイヤルティ」「ロイヤリティ」この2つを</div>
  <div>
    <div>真逆に教わっており、模擬問題も落としてしまったという経緯があります。</div>
    <div>(しかも、「よく間違われるので、忘れないように！」と念を押され説明されました。。。)</div>
    <div><br />
      </div>
  </div>
  <div>ロイヤルティとロイヤリティの違いですが、英語にすると</div>
  <div><br />
    </div>
  <div>
    <ul>
      <li><a href="http://dictionary.goo.ne.jp/leaf/ej3/50779/m0u/loyalty/" target="_blank">loyalty</a>&nbsp;忠誠、忠実といった意味である。</li>
      <li><a href="http://dictionary.goo.ne.jp/leaf/ej3/72640/m0u/royalty/" target="_blank">royalty</a>&nbsp;著作権や特許権、商標権などの使用料といった意味である。( ※英語では、複数形 royalties とすることが多い。)</li>
    </ul>
  </div>
  <div>となり、発音を聞いてみると、「ルティ」「リティ」という違いは聞き取れません。</div>
  <div>しかしカタカナであらわす場合は通常、下記が正しいカタカナ表現となっていると思います。</div><div><br /></div>
  <div><br />
    </div>
  <div>loyalty&nbsp;＝ロイヤルティー<br />
    royalty&nbsp;＝ロイヤリティー</div>
</div>
<div><br />
  </div>
<div>カタカナの場合でも、これらを混在して覚えないように</div>
<div><br />
  </div>
<div>
  <ul>
    <li>ロイヤルティ = ロイヤル なので王室のイメージを連想し、高貴、忠誠といった言葉につなげる</li>
    <li>ロイヤリティ = (R)ライセンス、ヤリ(FC加盟料や使用料など、尖がったつらいもののイメージ)につなげる</li>
  </ul>
</div>
<div><br />
  </div>
<div>といったイメージをもつと、間違えないようになるかと思います。</div>
<div><br />
  </div>
<div>細かいことですが、キーワードを間違えて覚えてしまい、他人に説明する というのは、</div>
<div>実務・講義、どちらの場合にせよ致命的となりえるので、重要なことと肝に銘じたいと思います。</div>
<div><br />
  </div>
<div><br />
  </div>
<div><br />
  </div>
<div>
  <div>
    <h6>ブランドロイヤルティに関するTIPS 2</h6>
  </div>
  <br />
</div>
<div><br />
  </div>
<div>ちなみに、「ブランドロイヤルティ」という考え方は、コミニュケーションマーケティングにおいては</div>
<div><br />
  </div>
<div><br />
</div>
<div>
  <h6>ブランドパトロナージュ</h6>
</div>
<div><br />
  </div>
<div>という考え方に変化します。</div>
<div><br />
  </div>
<div>ブランドロイヤルティ、つまり忠誠という概念には家来から主君への忠誠といった具合に、</div>
<div>一方向的な意味合いが強い。</div>
<div><br />
  </div>
<div>ブランドパトロナージュでは、消費者と双方向的にコミィニケーションを行い、一緒になってブランドを生み出し、育てるといった流れとなります。</div>
<div><br />
  </div>
<div>インターネットをはじめとするITにより、地域、時間に拘束されることなく、消費者とのコミュニケーションを図ることが可能となったため、このようなブランドの開発手法が可能になってきたといえます。</div>
<div><br />
</div>]]>
        
    </content>
</entry>

<entry>
    <title>MovableTypeで画像サムネールのExifファイルを消す方法</title>
    <link rel="alternate" type="text/html" href="http://web-generalist.com/main/web-web/movabletype-mt/movabletypeexif.php" />
    <id>tag:web-generalist.com,2012:/main//45.1722</id>

    <published>2012-04-07T07:50:51Z</published>

    <summary><![CDATA[最近はめっきりWordPress (3.2-)ばかりを触っていますが、Movable Type5.0で制作したCMSサイトでは、デジカメや携帯でとった写真を商品写真としてアップすることがあると思います。(当サイトもMovable Type Pro 5.0を利用しています。)その際に、MTによりサムネールサイズや別サイズで画像を生成されるのですが、画像についたExif&nbsp;≒&nbsp;メタ情...]]></summary>
    <author>
        <name>Jun&apos;ya Hirano</name>
        
    </author>
    
        <category term="movabletype_MT" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="web_WEB" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://web-generalist.com/main/">
        <![CDATA[<div>最近はめっきりWordPress (3.2-)ばかりを触っていますが、</div><div><br /></div><div>Movable Type5.0で制作したCMSサイトでは、デジカメや携帯でとった写真を</div><div>商品写真としてアップすることがあると思います。</div><div>(当サイトもMovable Type Pro 5.0を利用しています。)</div><div><br /></div><div>その際に、MTによりサムネールサイズや別サイズで画像を生成されるのですが、</div><div>画像についた<a href="http://ja.wikipedia.org/wiki/Exchangeable_image_file_format" target="_blank">Exif</a>&nbsp;≒&nbsp;メタ情報(カメラの機種は何かとか、フラッシュはあったかとか)が</div><div>消えておらず、その情報により画像サイズが肥大し、携帯サイトでメモリ不足となっていました。</div><div><br /></div><div><a href="http://web-generalist.com/main/images/mt_exif_2.gif"><img alt="mt_exif_2.gif" src="http://web-generalist.com/main/assets_c/2012/05/mt_exif_2-thumb-200x219-446.gif" width="200" height="219" class="mt-image-none" /></a></div><div><br /></div><div>※画像ファイルを右クリックから見られるメタ情報</div><div><br /></div><div>PCサイトやスマートフォンサイトだとしても、</div><div>一般的に見られないような余計な情報で、画像サイズを重くしてしまうのは、</div><div><br /></div><div>ページ表示スピード低下、、、SEO効果やユーザビリティ低下に繋がりますので地味ですが、</div><div>重要なポイントです。</div><div>※携帯(ガラケー/フィーチャーフォン)サイトではそもそもメモリ不足で</div><div>ページが表示されなくなったので論外ですが。</div><div><br /></div><div><br /></div><div><br /></div><div><h5>対策1.ローカルで使うフリーソフトで対応</h5></div><div><div>ダウンロードして使うフリーソフトではExifEraserというものがあります。</div><div>ドラッグ&amp;ドロップで簡単に写真のExifファイルを消去できます。</div><a href="http://goo.gl/IydBh" target="_blank">ExifEraser</a>
</div><div><br /></div><div><img alt="mt_exif_1.png" src="http://web-generalist.com/main/images/mt_exif_1.png" width="223" height="109" class="mt-image-none" /></div><div><br /></div><div>ソフトをインストールし、ショートカットにドラッグアンドドロップで</div><div>Exif情報を消去できます。</div><div><br /></div><div>しかしクライアントはそのままデジカメや携帯から撮影した写真を、</div><div>無加工でアップすることの方が多いと思います。</div><div><br /></div><div>毎回これをクライアントに使ってもらうのは(忘れることもあり)しんどいかと思います。</div><div><br class="Apple-interchange-newline" /></div><div><br /></div><div><br /></div><div><h5>対策2(本命).Asset.pmファイルを編集する&nbsp;</h5></div><div><br /></div><div>/lib/MT/CMS/Asset.pm
</div><div><br /></div><div>MovableTypeをインストールしたフォルダの中の上記の箇所のpmファイルを、</div><div>テキストエディタ等で開き、313行目から下記のように追加します。</div><div><div><br /></div><div><a href="http://web-generalist.com/main/images/mt_exif_5.gif"><img alt="mt_exif_5.gif" src="http://web-generalist.com/main/assets_c/2012/05/mt_exif_5-thumb-200x117-449.gif" width="200" height="117" class="mt-image-none" /></a></div><div><br /></div><pre class="code brush: js;">    my $q = $app-&gt;param;
    my ($blog);
    my $blog_id = $app-&gt;param('blog_id');
    require MT::Blog;
    my $blog = MT::Blog-&gt;load($blog_id)
        or return $app-&gt;error($app-&gt;translate('Can\'t load blog #[_1].', $blog_id));
    my $p_path = $blog-&gt;site_path."/".$q-&gt;param('extra_path')."/".$q-&gt;param('file');
    system("convert -strip $p_path  $p_path");</pre><div><br /></div><div>冒頭にも述べた通り、モバイル(ガラケー)サイト制作で威力を発揮します。</div><div>CMSなどで、モバイル用の写真サイズがメタ情報で無駄に大きくならないようになります。</div></div><div><br /></div><div><br /></div><div><h6>結果</h6></div><div><br /></div><div><a href="http://web-generalist.com/main/images/mt_exif_3.gif"><img alt="mt_exif_3.gif" src="http://web-generalist.com/main/assets_c/2012/05/mt_exif_3-thumb-200x219-447.gif" width="200" height="219" class="mt-image-none" /></a></div><div><br /></div><div>メタ情報も奇麗になくなり、、</div><div><br /></div><div><img alt="mt_exif_4.gif" src="http://web-generalist.com/main/images/mt_exif_4.gif" width="371" height="76" class="mt-image-none" /></div><div>ファイルサイズも軽減されました。</div><div><br /></div><div>上記の説明画像では、14KBの軽減となっていますが、</div><div><br /></div><div>私が行なった実際の環境では、ガラケー用にMTで作成される画像JPGファイルが</div><div>60px × 40pxのサイズにも関わらず、1枚30Kbyteあったサイズが、</div><div>上記のカスタマイズにより、画像サイズ相応の7KB程度になりました！</div><div><br /></div><div>もちろんダウンロードして、プロパティを見ると、メタデータは消えていました。</div><div>デジカメ等から無編集で、直接写真をMTにアップロードする際は必須かもしれません。</div><div><br /></div><div><div>...と、仰々しく紹介しつつもこれはプログラマさんに行なってもらったので、</div><div>ナレッジメモに過ぎません。</div><div><br /></div><div>ちなみに、小さめの画像等をアップして、MTによるサムネール作成などの画像編集が発生しない表示領域の場合、上記方法ではExif消去は行われずそのままアップされます。</div><div><br /></div><div>その場合のExif消去はどうすれば良いのか、、、、</div><div>恐らく可能だとは思うのですが、誰かわかる方いましたら教えて下さい。</div></div><div><br /></div><div><br /></div><div><br /></div><div><h6>オマケ</h6></div><div><br /></div><div>逆にExifを表示するMTのプラグインもありました。</div><div><a href="http://goo.gl/0QXkL" target="_blank">AssetExifプラグイン</a></div><div><br /></div><div><br /></div><div><br /></div>]]>
        
    </content>
</entry>

</feed>
