<p>タイトルにアメブロとありますが、基本的には外部ブログサイトってことでも大丈夫かとは思いますが、RSSをから自身のサイトに表示することをやりましたので、そちらの方法をご紹介します。</p>
<p>ご紹介といっても、調べて参考にさせていただいた記事の通りやったらすんなり成功できたので簡単な紹介になってしまいますが。</p>
<p>いろいろと方法はあるようですが、僕が見た中では3つの方法がありました。</p>
<p>その中で実際に使ったのは、<br />
<a href="http://magpierss.sourceforge.net/" target="_blank">Magpie RSS</a>を使って表示する方法です。</p>
<h2>Magpie RSSを使ってサイトに表示する</h3>
<p>参考にさせていただいたのは、こちらです。<br />
<a href="http://senoweb.jp/mt/weblog/2012/07/php-amebablog-rss.html" target="_blank">【転載】アメブロ対応::phpで外部ブログRSSを自サイトに組み込んじゃおう</a></p>
<p>本当に書いてある通りですが、僕の場合のスクリプトを一応記載しておきます。</p>
<p></p>

		<div id="crayon-649540157ad11453110703" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">PHP</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;?php
require_once("magpierss/rss_fetch.inc");
define("MAGPIE_CACHE_AGE", 60*30);
define("MAGPIE_CACHE_DIR", "/path/2/cache/");
define("MAGPIE_OUTPUT_ENCODING","UTF-8");
 
// 取得したいRSSのurl 例：アメブロ
$url = "http://feedblog.ameba.jp/rss/ameblo/○○○○/rss20.xml";
$rss = fetch_rss( $url );
$max_lines = 5;
$line = 0;
foreach ($rss-&gt;items as $item) {
    $link = mb_convert_encoding($item['link'],"UTF-8","auto");
    $title = mb_convert_encoding($item['title'],"UTF-8","auto");
    $date = date("Y/m/d", intval($item['date_timestamp']));
    if (preg_match("/^PR:.+$/", $title) != 0) continue;
    if ($line++ == $max_lines) break;
    echo "&lt;dl&gt;&lt;dt&gt;$date&lt;/dt&gt;&lt;dd&gt;&lt;a href=\"$link\" target=\"_blank\"&gt;$title&lt;/a&gt;&lt;/dd&gt;&lt;/dl&gt;";
}
 
?&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157ad11453110703-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-2">2</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-4">4</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-6">6</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-8">8</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-10">10</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-12">12</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-14">14</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-16">16</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-18">18</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-20">20</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-21">21</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157ad11453110703-1"><span class="crayon-ta">&lt;?php</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-2"><span class="crayon-k ">require_once</span><span class="crayon-sy">(</span><span class="crayon-s">"magpierss/rss_fetch.inc"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-3"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_CACHE_AGE"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">60</span>*<span class="crayon-cn">30</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-4"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_CACHE_DIR"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"/path/2/cache/"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-5"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_OUTPUT_ENCODING"</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-6"><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540157ad11453110703-7"><span class="crayon-c">// 取得したいRSSのurl 例：アメブロ</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-8"><span class="crayon-v">$url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://feedblog.ameba.jp/rss/ameblo/○○○○/rss20.xml"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-9"><span class="crayon-v">$rss</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">fetch_rss</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-v">$url</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-10"><span class="crayon-v">$max_lines</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">5</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-11"><span class="crayon-v">$line</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-12"><span class="crayon-st">foreach</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-v">$rss</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">items </span><span class="crayon-st">as</span><span class="crayon-h"> </span><span class="crayon-v">$item</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$link</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">mb_convert_encoding</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'link'</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">,</span><span class="crayon-s">"auto"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$title</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">mb_convert_encoding</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'title'</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">,</span><span class="crayon-s">"auto"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$date</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">"Y/m/d"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">intval</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'date_timestamp'</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">preg_match</span><span class="crayon-sy">(</span><span class="crayon-s">"/^PR:.+$/"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-v">$title</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">continue</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-v">$line</span>++<span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-v">$max_lines</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">break</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-18"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">"&lt;dl&gt;&lt;dt&gt;$date&lt;/dt&gt;&lt;dd&gt;&lt;a href=\"$link\" target=\"_blank\"&gt;$title&lt;/a&gt;&lt;/dd&gt;&lt;/dl&gt;"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-19"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-20"><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540157ad11453110703-21"><span class="crayon-ta">?&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>あとは、<br />
<a href="http://magpierss.sourceforge.net/" target="_blank">Magpie RSS</a>でダウンロードしたフォルダを「magpierss」としてindex.phpの下の階層にアップロードするだけでOKです。</p>
<h2>wordpressを使ってサイトに表示する</h3>
<p>wordpressを使用しているサイトならコチラの方法がいいかもしれないですね。</p>
<p><a href="http://kyasper.com/wordpress-rss/" target="_blank">WordPress（ワードプレス）RSSを使って、外部サイトの更新情報を自分のサイトに表示する | 福島県郡山市のホームページ制作、Web制作　Kyasper Web Design キャスパーウェブデザイン</a></p>
<h2>Google AJAX Feed APIを使ってサイトに表示する</h3>
<p>ページを.htmlでやりたい！という方はこちらがいいと思います。<br />
Googleさんが提供しているapiを使用する方法になります。</p>
<p><a href="http://www.magical-remix.co.jp/magicalog/archives/1570" target="_blank">Google AJAX Feed APIでフィードを読み込む | Magicalog</a></p>
<p><a href="http://zxcvbnmnbvcxz.com/jquery-google-feed-api/" target="_blank">簡単！RSS（XML）を取得&amp;表示させる方法 – jQuery + Google Feed APIを使用してFeedを表示させる方法 | Stronghold</a></p>
<p>前にxmlを読み込んで表示させたことはあったのですが、<br />
rssとなると方法は変わってくるんですね〜</p>

アメブロのブログ記事をRSSで取得し、サイトに表示する方法

HTML5のCanvasでレスポンシブなリンク – 円弧編

<p>WEBサイトを開発していると、データがないときはINSERT , ある時はUPDATEしたい時があります。そんな時、条件分岐などの処理を書かなくても1度に処理できる方法を紹介します。</p>
<h2>使い方</h3>
<p>レコード（行）がなかったらINSERTあったらUPDATEという処理を１度に実行します。そのレコードのあるなしを判断するために、primary key　や インデックスを指定しておく必要があります。</p>

		<div id="crayon-649540157a3e1019996561" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
INSERT INTO
       table (a, b, c)
   VALUES
       (1, 10, 100)
   ON DUPLICATE KEY UPDATE
        b = 50, c = 150;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157a3e1019996561-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157a3e1019996561-2">2</div><div class="crayon-num" data-line="crayon-649540157a3e1019996561-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157a3e1019996561-4">4</div><div class="crayon-num" data-line="crayon-649540157a3e1019996561-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157a3e1019996561-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157a3e1019996561-1"><span class="crayon-e">INSERT </span><span class="crayon-e">INTO</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157a3e1019996561-2"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">table</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">a</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">b</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">c</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540157a3e1019996561-3"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-e">VALUES</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157a3e1019996561-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-sy">(</span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">10</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">100</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540157a3e1019996561-5"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-e">ON </span><span class="crayon-e">DUPLICATE </span><span class="crayon-e">KEY </span><span class="crayon-i">UPDATE</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157a3e1019996561-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">b</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">50</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">c</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">150</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h4>a=1の行がなかった場合</h6>
<p>a=1,b=10,c=100 の行が追加</p>
<h4>a=1の行が既にあった場合</h6>
<p>a=1の行がa=1,b=50,c=150に更新</p>
<h2> 注意点</h3>
<ul>
<li>テーブルにprimary keyか、uniqueインデックスを指定しておかなければ ON DUPLICATE KEY UPDATE は利用できません。</li>
<li>primary key　uniqueインデックスが複数行に一致する場合、MySQL は<strong>1行のみ更新</strong>されます。</li>
<li>ON DUPLICATE KEY UPDATE は MySQL の拡張であり、他のデータベースでは利用できません。</li>
</ul>

MysqlでInsertとUpdateを1度に処理する（ON DUPLICATE KEY UPDATE）

<p>本日は、GoogleAppsのドメイン追加について紹介します。</p>
<p>GoogleAppsの無償版が終わって久しいですね。<br />
当時は50アカウントまで無料でしたので、幸い弊社の規模ではまだ、無償版で当面いけます。コストでいうと、50×6,000円＝300,000円が浮く計算ですね。ありがたい限りです。</p>
<p>前回は、お名前ドットコムで取ったドメインをさくらのレンタルサーバでホスティングし、メールはGoogleAppsで設定するという方法をご紹介しました。</p>
<p>弊社ミャンマーの小会社も別ドメインを取得しているのですが、それの対応でした。<br />
今回はさらに、弊社のGoogleAppsアカウントにドメインを追加するということをやってみたいと思います。</p>
<p>結果的には、<br />
メインアカウント（sterfield.co.jp）でGoogleAppsにログインをし、サブアカウントでもメールを受け取れるというつくりになります。<br />
試してみたところ、サブアカウントでのログインは出来ませんでした。</p>
<h2>GoogleApps管理画面</h3>
<p>管理コンソールにログインします。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5469" style="line-height: 1.5em;" alt="screenshot" src="/uploads-archive/2014/08/screenshot-300x109.png" width="300" height="109" srcset="/uploads-archive/2014/08/screenshot-300x109.png 300w, /uploads-archive/2014/08/screenshot-1024x375.png 1024w, /uploads-archive/2014/08/screenshot-228x83.png 228w, /uploads-archive/2014/08/screenshot.png 1171w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>ドメインを選択</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5468" alt="管理コンソール" src="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-300x71.jpg" width="300" height="71" srcset="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-300x71.jpg 300w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-1024x242.jpg 1024w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-228x54.jpg 228w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288.jpg 1051w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>ドメインやドメイン エイリアスの追加</p>
<p><a href="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5470" alt="管理コンソール" src="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-300x206.png" width="300" height="206" srcset="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-300x206.png 300w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-228x157.png 228w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288.png 598w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>別のドメインの追加を選択します。</p>
<p><span style="line-height: 1.5em;">ここで、ドメインエイリアスと別のドメインの違いを簡単に説明すると、</span></p>
<p>・ドメインエイリアスはサブのメールアドレス<br />
プライマリドメイン（sterfield.co.jp）でGoogleAppsにログインをし、セカンダリのドメインでもメールを受け取れるというつくりになります。</p>
<p>・別のドメイン<br />
その名の通り、別管理をすることが出来るドメインになります。</p>
<p>今回は別のドメインの追加にします。</p>
<p><a href="/uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5471" alt="Google_-_所有権の確認" src="/uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80-300x128.png" width="300" height="128" srcset="/uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80-300x128.png 300w, /uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80-1024x437.png 1024w, /uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80-228x97.png 228w, /uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80.png 1304w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>次に所有権の確認があります。</p>
<p><a href="/uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5472" alt="Google_-_所有権の確認_1" src="/uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e-300x251.png" width="300" height="251" srcset="/uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e-300x251.png 300w, /uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e-228x191.png 228w, /uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e.png 362w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>おすすめの方法よりも既にサーバが用意されているのであれば、別の方法の「HTMLファイルをアップロード」のほうがすぐに確認も出来、楽な気がします。</p>
<p>以上の確認が出来ると最後にMXレコードの確認があります。</p>
<p>そちらは、前回の<a href="/officer/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%EF%BC%9D%E3%81%8A%E5%90%8D%E5%89%8D%E3%80%81%E3%82%B5%E3%83%BC%E3%83%90%EF%BC%9D%E3%81%95%E3%81%8F%E3%82%89%E3%81%AE%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%80%81.html" target="_blank">記事</a>を参照下さい。</p>


GoogleAppsのドメイン追加方法

<p>PCでの操作というか、スクリーンショットの動画版(といってもgifアニメ)を撮れるアプリです。</p>
<p><a href="http://recordit.co/" target="_blank">Recordit: Record screencasts fast &amp; free! with GIF Support!</a></p>
<p>操作は凄い簡単です。サイトのTOPページを見るだけで、方法がわかります。</p>
<p>試しに、前回記事でも書いたphotoshopのスクリプトを実行した時の動きをやってみました。</p>
<h2>Distribute Layer Spacing Horizontal</h3>
<p><a href="/designer/%e3%81%a8%e3%81%a3%e3%81%a6%e3%82%82%e4%be%bf%e5%88%a9%e3%81%aaphotshop%e3%81%ae%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b35%e9%81%b8.html">とっても便利なphotshopのプラグイン5選 | スターフィールド株式会社</a></p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-5452" alt="HvQ4nmnkkl" src="/demo/abe/sample/HvQ4nmnkkl.gif" width="648" height="400" /></p>
<p>いい感じに撮れてますね。</p>
<p>ちょっとした操作説明やマニュアル作成なんかに便利かもしれません。</p>


PCでの操作を録画してgifにしてくれるアプリ「Recordit」

<p>面白い記事を見つかりましたので、ここで共有します。<br />
元々が英語の記事で、翻訳されたものです。<br />
<a href="http://www.engineyard.co.jp/blog/2014/php5-10th-anniversary/" target="_blank">PHP 5.0.0が10周年を迎えました</a></p>
<h2>バージョンアップの記憶</h3>
<h3>PHP4からPHP5</h4>
<p>PHP4のとき、classのmethodには、publicかprivateかの概念も、staticの概念もありませんでした。<br />
すべてのmethodが、</p>
<p></p>

		<div id="crayon-649540157a1fd857540195" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
Hoge::exampleFunction();</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157a1fd857540195-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157a1fd857540195-1"><span class="crayon-i">Hoge</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-e">exampleFunction</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>のように使えたから、PHP5に移行したときは少々苦労した気がします。</p>
<h3>PHP5.3</h4>
<p>名前空間の概念が追加されたから、クラスを一々includeやrequireしなくて済みますが。<br />
以前のバージョンのライブラリがその影響で一部が使えなくなりました。</p>
<h2>これから</h3>
<p>6を飛ばして、PHP7がいきなり出てくるかもの話がありましたが、<br />
今と同様、PHPのバージョンと関係なく、いかなるPHPのフレームワークを使いこなせ、一定な質を保つながら迅速にウェブアップを構築することが重要だと思います。<br />
Symfonyはいいですが、<a href="http://laravel.com/" target="_blank">Laravel</a>も使ってみたいと思います。<br />
<a href="http://laravel4.kore1server.com/docs/42/quick" target="_blank">Laravelクイックスタート</a><br />
<a href="http://qiita.com/razokulover/items/dd81420dd257e20191ec" target="_blank">日本人に優しいLaravel</a></p>

PHP5リリース10周年

<p>I have gathered together some interesting tools, that i found out to be really useful when it comes to get an overview of the style guide of other great websites.</p>
<p><strong><a href="http://www.wirify.com">Wirify</a></strong></p>
<p><a href="/uploads-archive/2014/08/Wirify.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5408" alt="Wirify" src="/uploads-archive/2014/08/Wirify-300x173.png" width="400" height="273" /></a></p>
<p>The first tool will help you to see the internal structure of a website, to get inspired by the layouts of other well designed sites, turning any website you like to a wireframe, with just one click.</p>
<p>I would recommend to wait until the whole page is completely loaded before you attempt to “wirify” it. To return to the original page simply click anywhere on the wireframe.</p>
<p>The best way to keep the wireframe and use it afterwards is to save the whole page as an image, using a browser add-on or extension, like the following ones:</p>
<ul>
<li><a title="Download Google Chrome Screen Capture extension by Google" href="https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg"> Screen Capture extension</a> for Google Chrome</li>
</ul>
<p>&nbsp;</p>
<ul>
<li><a title="Download Screengrab Firefox Add-on by Andy M" href="https://addons.mozilla.org/en-US/firefox/addon/1146/"> Screengrab add-on</a> for Firefox.</li>
</ul>
<p>&nbsp;</p>
<p>Check how Wirify works in this video:</p>
<p><iframe loading="lazy" width="500" height="375" src="http://www.youtube.com/embed/XgzPHFRx-xM?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><b> </b></p>
<p><strong><a href="http://stylifyme.com/">Stylifyme</a></strong></p>
<p><a href="/uploads-archive/2014/08/Stylifyme.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5409" alt="Stylifyme" src="/uploads-archive/2014/08/Stylifyme-300x186.png" width="400" height="286" /></a></p>
<p>Stylifyme was created to help designers gain an overview of the style guide of a site, including colours, fonts, sizing and spacing. Just copy the link of any particular site you like, and simply paste it in Stylifyme site and you will get the results in a couple of seconds.</p>
<p><b> </b></p>
<p><strong><a href="http://lokeshdhakar.com/projects/color-thief/">Color Thief</a></strong><b> </b></p>
<p><a href="/uploads-archive/2014/08/Color-thief.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5410" alt="Color thief" src="/uploads-archive/2014/08/Color-thief-300x221.png" width="400" height="321" /></a></p>
<p>This simple tool helps you to grab the colour palette from an image.</p>
<p>Give it a try, scroll down the site and drag an image inside, Colour thief is going to reveal the dominant colour on top and the full colour palette.</p>


Visual tools for web designers

HTML5のCanvasでレスポンシブなリンク &#8211; 矩形(四角)編

<p>In the age of information overload&#8230;<a href="https://dragdis.com">Dragdis </a>is the ultimate bookmarking tool that pulls it all together.</p>
<p>This extension helps you curate and organize your resources as soon as you come across them thanks to an extremely simple sidebar.</p>
<p>Launched early March this year, Dragdis works by installing browser extension that adds this bookmarking functionality when you need it.</p>
<p>It goes without saying that there are plenty of tools and utilities, which do this job, like Evernote, Pinterest, Springpad, Finland’s Kippt and Pocket. But none of them focus on easing the process, most of the bookmarking tools you need to do a lot of actions to save anything. However with Dragdis all you need to do is simply drag and drop any link, text, image or video into a folder in the Dragdis bar that appears on the right side of your browser once you start dragging. Very neat.</p>
<p>Once in Dragdis, everything is stored in the cloud. They currently support Chrome, Safari and Firefox. You can have access to your selected apps too, like Facebook, Twitter, Dropbox, Google Drive, Evernote and Pinterest, for example.</p>
<p>The Lithuanian-based startup was founded back in 2012 by first-time entrepreneurs, Domas Sabockis, Karolis Malcevičius and Eugenijus Jusas. Sabockis explains he got the idea for the service while working in an ad agency as a creative, where he was constantly losing images, videos, links he found on the internet. After trying different tools and not finding one he really liked, he decided to quit his job to build Dragdis.</p>
<p>Check out this Dragdis video and see it in action.</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="560" height="315" src="//www.youtube.com/embed/HLEAA_tIpbY" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>Interested users can sign up <a href="https://dragdis.com/">here</a>.</p>
<p>What do you think of this simple application?</p>


Dragdis:　The ultimate Bookmarking service

<p>find_in_set()という便利な関数を見つけたのでご紹介いたします。</p>
<h3>find_in_set()</h4>
<p>N 個の部分文字列で構成されるリスト strlist に、文字列 str が含まれている場合は、1 から N までのいずれかの値を返す。<br />
文字列のリストは、それぞれの間を カンマ‘,’文字で区切られた各部分文字列で構成される文字列である。<br />
最初の引数が定数文字列で、2 番目の引数が SET 型のカラムの場合、FIND_IN_SET() 関数はビット演算を使用するよう最適化される。<br />
str が strlist に含まれていない場合や、strlist が空の文字列の場合は、0 を返す。どちらの引数も NULL の場合は、NULL を返す。<br />
最初の引数に カンマ‘,’ が含まれていると、この関数は正しく動作しない。</p>
<table id="table-01" style="width: 343px; height: 134px;">
<tbody>
<tr>
<th>id</th>
<th>number</th>
</tr>
<tr>
<td>1</td>
<td>1,3,5,6,7</td>
</tr>
<tr>
<td>2</td>
<td>2,4,5,7</td>
</tr>
<tr>
<td>3</td>
<td>1</td>
</tr>
<tr>
<td>4</td>
<td>4,12</td>
</tr>
<tr>
<td>5</td>
<td>15,17</td>
</tr>
</tbody>
</table>
<p>上記テーブルより「カラム numberに &#8220;1&#8221; がある」という条件でレコード抽出を行うとします。</p>
<p>SELECT文のWHERE句でnumber = 1 を指定してもid 3　のデータしかヒットしません。</p>
<p>そこでfind_in_set() を使います。</p>
<p>テーブルの名前をsampleとします。</p>

		<div id="crayon-6495401579dbe375105180" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
SELECT * FROM sample WHERE FIND_IN_SET('1', number);</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401579dbe375105180-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401579dbe375105180-1"><span class="crayon-e ">SELECT *</span><span class="crayon-h"> </span><span class="crayon-e">FROM </span><span class="crayon-e">sample </span><span class="crayon-e">WHERE </span><span class="crayon-e">FIND_IN_SET</span><span class="crayon-sy">(</span><span class="crayon-s">'1'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">number</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こうすることにより、id　1　と 3 のデータがヒットします。</p>

MySQL :: find_in_set() 関数

css.jpg

意外に知らなかったCSSの「content」プロパティの使い方

<h2>ネームスペースの定義</h3>
<p>app/autoload.phpに、サードパーティバンドルのフォルダを追加すればいいです。<br />
複数ある場合は、配列で定義します。</p>
<p></p>

		<div id="crayon-6495401579973810655548" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$loader = new UniversalClassLoader();
$loader-&gt;registerNamespaces(array(
...
'Imagine'          =&gt; __DIR__.'/../vendor/imagine/lib',
'Avalanche'        =&gt; __DIR__.'/../vendor/bundles',
'Endroid'  =&gt; array(__DIR__.'/../vendor/endroid/qrcode-bundle/', __DIR__.'/../vendor/endroid/qrcode/src/'),
...
));
...</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401579973810655548-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-2">2</div><div class="crayon-num" data-line="crayon-6495401579973810655548-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-4">4</div><div class="crayon-num" data-line="crayon-6495401579973810655548-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-6">6</div><div class="crayon-num" data-line="crayon-6495401579973810655548-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-8">8</div><div class="crayon-num" data-line="crayon-6495401579973810655548-9">9</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401579973810655548-1"><span class="crayon-sy">$</span><span class="crayon-i">loader</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-e">UniversalClassLoader</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579973810655548-2"><span class="crayon-sy">$</span><span class="crayon-i">loader</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">registerNamespaces</span><span class="crayon-sy">(</span><span class="crayon-t">array</span><span class="crayon-sy">(</span></div><div class="crayon-line" id="crayon-6495401579973810655548-3"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579973810655548-4"><span class="crayon-s">'Imagine'</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/imagine/lib'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579973810655548-5"><span class="crayon-s">'Avalanche'</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/bundles'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579973810655548-6"><span class="crayon-s">'Endroid'</span><span class="crayon-h">&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-sy">(</span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/endroid/qrcode-bundle/'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/endroid/qrcode/src/'</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579973810655548-7"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579973810655548-8"><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401579973810655548-9"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>※Symfony2.1以降では、composerを使って自動更新で、自分でネームスペースを定義する必要がなくなりました。<br />
仕組みとして、app/autoload.phpではなく、vendor/autoload.phpでサードパーティバンドルのネームスベースを定義し、vendor/composer/autoload_real.phpを毎回更新しているのようです。</p>
<h2>バンドルの有効化</h3>
<p>app/AppKernel.phpに、追加したいバンドルを$bundlesの配列に書けばいいです。</p>
<p></p>

		<div id="crayon-6495401579977918534833" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
    public function registerBundles()
    {   
        $bundles = array(
...
            new Avalanche\Bundle\ImagineBundle\AvalancheImagineBundle(),
            new Endroid\Bundle\QrCodeBundle\EndroidQrCodeBundle(),
...
        );
...
        return $bundles;
    }
...</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401579977918534833-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-2">2</div><div class="crayon-num" data-line="crayon-6495401579977918534833-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-4">4</div><div class="crayon-num" data-line="crayon-6495401579977918534833-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-6">6</div><div class="crayon-num" data-line="crayon-6495401579977918534833-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-8">8</div><div class="crayon-num" data-line="crayon-6495401579977918534833-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-10">10</div><div class="crayon-num" data-line="crayon-6495401579977918534833-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-12">12</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401579977918534833-1"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-m">public</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">registerBundles</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">{</span><span class="crayon-h">&nbsp;&nbsp; </span></div><div class="crayon-line" id="crayon-6495401579977918534833-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-i">bundles</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-4"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div><div class="crayon-line" id="crayon-6495401579977918534833-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-i">Avalanche</span><span class="crayon-sy">\</span><span class="crayon-i">Bundle</span><span class="crayon-sy">\</span><span class="crayon-i">ImagineBundle</span><span class="crayon-sy">\</span><span class="crayon-e">AvalancheImagineBundle</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-i">Endroid</span><span class="crayon-sy">\</span><span class="crayon-i">Bundle</span><span class="crayon-sy">\</span><span class="crayon-i">QrCodeBundle</span><span class="crayon-sy">\</span><span class="crayon-e">EndroidQrCodeBundle</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579977918534833-7"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401579977918534833-9"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">bundles</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401579977918534833-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-12"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【symfony2】サードパーティバンドルの追加

<p>ドメイン＝お名前.com、サーバ＝さくらのレンタル、メール＝GoogleApps</p>
<p>このパターン、実際多いのではないかなと思います。</p>
<p>そして、面倒なのが、ネームサーバーの設定ですね。ネットワークに詳しい人であれば、当たり前じゃんと思われるかもしれないのですが、そもそもメールサーバの運用などをGoogleAppsに任せちゃおう！という考えで導入をするわけですから、この初期設定に詰まってしまいます。</p>
<p>執筆時点の2014年7月現在の管理画面の項目などをベースに紹介します。</p>
<p>なお、契約や初期登録などは割愛します。</p>
<p>以下を応用すれば、他社ドメイン⇔他社サーバ⇔GoogleAppsの連携も比較的容易になると予想します。</p>
<h2>お名前.comの管理画面</h3>
<p>管理画面＞ドメインの設定＞DNS関連機能の設定</p>
<p>DNSレコード設定を利用するを選択し該当のドメインを選択</p>
<p><a href="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5347" alt="ドメインNavi" src="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-300x273.jpg" width="300" height="273" srcset="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-300x273.jpg 300w, /uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-228x207.jpg 228w, /uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391.jpg 672w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>上記は設定済のものですが、ご参照下さい。</p>
<p>ここでTYPEに注目します。</p>
<p>NSは、お名前.comがデフォルトで入れているものですので、編集削除は不可です。</p>
<p>AとCNAMEは一旦飛ばしてMXレコードはGoogleAppsの管理コンソールから確認が出来る以下の値を1行ずつ入れて下さい。</p>
<p>TTLは適度に短くすれば問題ありません。今回は300。</p>
<table>
<tbody>
<tr>
<th>MX サーバー アドレス</th>
<th>優先順位</th>
</tr>
<tr>
<td>ASPMX.L.GOOGLE.COM.</td>
<td>10</td>
</tr>
<tr>
<td>ALT1.ASPMX.L.GOOGLE.COM.</td>
<td>20</td>
</tr>
<tr>
<td>ALT2.ASPMX.L.GOOGLE.COM.</td>
<td>20</td>
</tr>
<tr>
<td>ASPMX2.GOOGLEMAIL.COM.</td>
<td>30</td>
</tr>
<tr>
<td>ASPMX3.GOOGLEMAIL.COM.</td>
<td>30</td>
</tr>
</tbody>
</table>
<h2>さくらのレンタルサーバ管理画面</h3>
<p>ここで先ほど、飛ばした、AレコードとCNAMEレコードについてです。</p>
<p>管理画面＞サーバ情報の表示</p>
<p><a href="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5348" alt="さくらインターネットサーバコントロールパネル" src="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-300x247.jpg" width="300" height="247" srcset="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-300x247.jpg 300w, /uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-228x188.jpg 228w, /uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4.jpg 518w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>にて契約のサーバの情報が表示されます。</p>
<p>上記表のホスト名をCNAMEに。</p>
<p>IPアドレスをAにそれぞれ追記します。</p>
<p>以上の設定で、メール関連のMXレコードはGoogleApps、サーバ関連のA、CNAMEはさくらレンタルサーバへとそれぞれを向けることが出来ます。</p>
<p>設定が終わったら、NS Lookupと検索して今、DNSがどのような状態になっているかを調べて確認をします。</p>
<p>詳しいレコードの意味などはご自身で調べて下さい。</p>
<h2>注意事項</h3>
<p>さくらレンタルサーバの管理画面で他社で取得したドメインを追加する時、DNSは以下のように設定と出てきますが、これは無視して下さい。</p>
<p>最初はこれにハマりました。以下のdnsを設定してしまうとメール関連もろともさくらに向いてしまうため、お名前.comでMXレコードを追記しても処理をしてくれません。</p>
<table>
<tbody>
<tr>
<th>プライマリネームサーバ</th>
<td>ns1.dns.ne.jp</td>
<td>210.188.224.9</td>
</tr>
<tr>
<th>セカンダリネームサーバ</th>
<td>ns2.dns.ne.jp</td>
<td>210.224.172.13</td>
</tr>
</tbody>
</table>
<p>構造が分かっている方は、当たり前だと思うのでしょうが、以下のような挙動になります。</p>
<p><span style="line-height: 1.5em;">誤）ドメイン→さくら管理DNS→さくらサーバ</span></p>
<p>正）ドメイン→お名前.com管理DNS→さくらサーバ＆GoogleApps</p>
<p>上記はさくら管理DNSでMXレコードを追記出来れば解決もするかもしれませんが、現状では出来ないためです。</p>


ドメイン＝お名前.com、サーバ＝さくらのレンタル、メール＝GoogleAppsの設定方法

CentOS6.5にMysql5.5をインストール

<p>今回ご紹介するのは、</p>
<p>HTML5のスライドアニメーションが作れるサイトです。</p>
<p>サインアップの必要なく作れますが、登録して、プランも色々あるようですが、</p>
<p>出来る事が増えて行く感じです。</p>
<p>&nbsp;</p>
<p>作る画面は、以下のような感じです。</p>
<p><a href="/uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5325" alt="HTML5 MAKER Editor  html5maker.com" src="/uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_-1024x582.jpg" width="643" height="365" srcset="/uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_-1024x582.jpg 1024w, /uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_-300x170.jpg 300w, /uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_-228x129.jpg 228w, /uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_.jpg 1249w" sizes="(max-width: 643px) 100vw, 643px" /></a></p>
<p>直感的にできますね。</p>
<p>写真を追加して、アニメーションの設定を右側で好きなようにできます。</p>
<p>最後、右上の「PUBLISH」を押すと、html一式がダウンロードできます。</p>
<p>&nbsp;</p>
<p>こんなサービスがどんどんできてきてますね。</p>
<p>HTMLに詳しくない人でもwebサイトを作れてしまう環境がどんどん出来上がりつつありますね・・・</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://html5maker.com/" class="link">Create HTML5 Animation | Free Banner Maker </a></p>
<p>&nbsp;</p>


HTML5のスライドアニメーションを直感的に作れるサイト「HTML5 MAKER」

twigのテンプレートで設置したtwitterボタンが動かない場合の対処法

<p>2週間前ほどに、CentOS 7がリリースされたというニュースが耳に入りました。<br />
ちょっと遅れていますが、今回はそちらを詳しく見てみましょう。</p>
<h2>主要ソフトワーアのバージョン</h3>
<p>・apache 2.4.6<br />
・PHP 5.4.16<br />
・MySQL 5.5.37<br />
など<br />
ちなみに、kernelのバージョンは3.10.0。</p>
<h2>変更点</h3>
<p>・IPv6をdisableすることをおすすめしないこと（SELinuxとコンフリクトそうです）。<br />
・32bit CPUにはインストールできない<br />
など</p>
<h2>注目したい変化</h3>
<p>管理ツールの、systemctlとsystemadmが追加されました。<br />
いままでchkconfig、serviceなどのコマンドを使ってきましたが、大きな変化になりそうです。<br />
例えば、</p>

		<div id="crayon-649540157933c736192798" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
service httpd restart</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157933c736192798-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157933c736192798-1"><span class="crayon-e">service </span><span class="crayon-e">httpd </span><span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>が</p>

		<div id="crayon-6495401579340259031636" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
systemctl restart httpd.service</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401579340259031636-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401579340259031636-1"><span class="crayon-e">systemctl </span><span class="crayon-e">restart </span><span class="crayon-i">httpd</span><span class="crayon-sy">.</span><span class="crayon-i">service</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>になるそうです。</p>
<h2>参考リンク</h3>
<p><a href="http://blog.yuryu.jp/2014/07/centos-7.html" target="_blank">http://blog.yuryu.jp/2014/07/centos-7.html</a><br />
<a href="http://www.slideshare.net/moriwaka/red-hat-enterprise-linux-7" target="_blank">http://www.slideshare.net/moriwaka/red-hat-enterprise-linux-7</a><br />
<a href="http://wiki.centos.org/FAQ/CentOS7#head-8984faf811faccca74c7bcdd74de7467f2fcd8ee" target="_blank">http://wiki.centos.org/FAQ/CentOS7#head-8984faf811faccca74c7bcdd74de7467f2fcd8ee</a><br />
<a href="http://www.howtoforge.com/apache_php_mysql_on_centos_7_lamp" target="_blank">http://www.howtoforge.com/apache_php_mysql_on_centos_7_lamp</a><br />
<a href="http://liquidat.wordpress.com/2014/07/17/howto-upgrading-centos-6-to-centos-7/" target="_blank">http://liquidat.wordpress.com/2014/07/17/howto-upgrading-centos-6-to-centos-7/</a></p>

CentOS 7がリリースされました

<p>最近お仕事をご一緒させて頂いているお客様が利用されていてとても便利だったので、ご紹介です。</p>
<h2>従来のスクリーンショット（画面キャプチャー）共有方法</h3>
<p>今までですと、以下のような手順でスクリーンショットを取っていたかと思います。</p>
<ol>
<li>様々なツールやOS標準ショートカット（Windowsで[Print Screen]キー、Macで[コマンド]キー+[Shift]キー+[3]キーなど）を使って、スクリーンショット（画面キャプチャー）を取得</li>
<li>ペイントなどの画像編集系のソフトを使って、画像(jpg)化し保存</li>
<li>メールなどに画像を直接添付し共有</li>
</ol>
<h2>Gyazoによるスクリーンショット共有方法</h3>
<ol>
<li>Gayazoを起動し、範囲指定</li>
<li>自動でアップ、ブラウザでURLが開かれる。</li>
<li>URLを添付し共有</li>
</ol>
<p>手順自体は3ステップあり同じように見えるのですが、実際に手順を試して見ると非常に簡単なことが分かります。特に、従来の画像化して保存のあたりが、面倒だったりするのですが、画像のアップまでが自動で1ステップになっており、非常に簡単です。</p>
<p>世界最高のスクリーンショットサービスと謳うあたりは伊達ではないと思いました。</p>
<p>Windows、Mac共に対応したソフトですし、今後の発展にますます期待です。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - カテゴリー: 開発ナレッジ

2014/08/20

2014/08/06

2014/08/06

2014/08/05

2014/08/05

2014/08/05

2014/08/05

2014/07/30

2014/07/30

2014/07/30

2014/07/30

2014/07/29

2014/07/29

2014/07/23

2014/07/23

2014/07/23

2014/07/23

2014/07/22