<p>２週続けてcssniteに参加して参りました！</p>
<p>今回は<strong>『webデザイナーのための配色セオリー』</strong>ということで、<br />
最近悩まされているテーマ「配色」についてのセミナーでした。</p>
<p>講師は伊達千代さんという方で、<br />
<a href="http://www.amazon.co.jp/gp/product/4844361309/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4844361309&amp;linkCode=as2&amp;tag=alantrigger-22" target="_blank">デザインのルール、レイアウトのセオリー。</a><br />
<a href="http://www.amazon.co.jp/gp/product/4844358421/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4844358421&amp;linkCode=as2&amp;tag=alantrigger-22" target="_blank">デザイン・ルールズ デザインをはじめる前に知っておきたいこと</a><br />
<a href="http://www.amazon.co.jp/gp/product/4844360493/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4844360493&amp;linkCode=as2&amp;tag=alantrigger-22" target="_blank">デザイン、現場の作法。デザイン力を鍛える仕事術</a></p>
<p>といった著書があり、学校で講師をしていたりと素晴らしい方でした。</p>
<h2>webデザイナーのための配色セオリー</h3>
<p>内容としては、<br />
配色に関するセオリーや論理的に配色を組み立ていくための講義で、<br />
本でしか学んだことがなかったので、知っている内容であっても、<br />
人に教えてもらうのはまた違うなぁと感じました。</p>
<p>本記事で、どんなセオリーを学んだかは説明しませんが、<br />
(他に説明しているブログもいっぱいあるので・・・)</p>
<p>ちょっとした気づき、ハッとしたことを綴らさせてもらいます。</p>
<h3>配色はセンスがいい、悪いではなく、セオリーや知識を知っているかどうか</h4>
<p>→これは自分自身センスがいいとは思わないので、元気になるお話でした。<br />
先生自身もセンスはよくないとおっしゃっていたので、ホッとした記憶があります。</p>
<p>&nbsp;</p>
<h3>配色を裏付ける言葉と説明の重要さ</h4>
<p>→これはクライアントにデザインが「どうしたこうなったのか」を説明することは大事だということですが、<br />
認識はしていましたが、一つのデザインに対して２通りの説明をしてくれたことにより、<br />
その重要さを再認識しました。これは大事だな〜</p>
<p>&nbsp;</p>
<h3>配色スキルは磨くほど高くなる</h4>
<p>これはまとめでおっしゃっていたことですが、<br />
まぁ一朝一夕で身につくことではないですよね。。。<br />
まず、セオリーを把握、理解し、そこから実践し、<br />
いいものを研究することによって、どんどんスキルは高くなっていくということですね。</p>
<p>&nbsp;</p>
<h3>イメージの言語化、イメージマップの作成</h4>
<p>なにかのデザイン、配色をしようとしたら、まずそのイメージを言語化します。<br />
言語化することによって、相手に伝えやすくなりますし、自分の理解もすすみます。<br />
イメージマップとは、<br />
その言語化したものを元に見合った写真をたくさん集め、<br />
それをphotoshopに貼り、モザイクをかけることにより、<br />
イメージしたものの色のパレットが出来上がるというものです。<br />
今回これが一番タメになり、次の案件でぜひ試してみたいと思います。</p>
<p>&nbsp;</p>
<p>最後に</p>
<p>途中、スキルと言う言葉出てきたように、</p>
<p>配色は<strong>「センス」</strong>ではなく、<strong>『スキル』</strong>ということでしょうか。</p>
<p>頑張って磨いて、良い配色ができるよう精進したいと思います。</p>


Css Nite @Coedo vol.13 webデザイナーのための配色セオリーに参加してきました！

redmineをインストールしてみた

【symfony2】symfony2.3がリリースされました

<p>まず、作成するページのheader部分に以下のjqueryを読み込みます。</p>
<p></p>

		<div id="crayon-64953fd58ac20205927015" 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">header</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;">
&lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&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-64953fd58ac20205927015-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-64953fd58ac20205927015-1"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h"> </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>さらに</p>
<p></p>

		<div id="crayon-64953fd58ac25340143111" 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">header</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;">
&lt;script type="text/javascript"&gt;
$(function() {
    var topBtn = $('.totop'); 
	 
    //スクロールしてトップに戻る
    //500の数字を大きくするとスクロール速度が遅くなる
    topBtn.click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 500);
        return false;
    });
});
&lt;/script&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-64953fd58ac25340143111-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac25340143111-2">2</div><div class="crayon-num" data-line="crayon-64953fd58ac25340143111-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac25340143111-4">4</div><div class="crayon-num" data-line="crayon-64953fd58ac25340143111-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac25340143111-6">6</div><div class="crayon-num" data-line="crayon-64953fd58ac25340143111-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac25340143111-8">8</div><div class="crayon-num" data-line="crayon-64953fd58ac25340143111-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac25340143111-10">10</div><div class="crayon-num" data-line="crayon-64953fd58ac25340143111-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac25340143111-12">12</div><div class="crayon-num" data-line="crayon-64953fd58ac25340143111-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac25340143111-14">14</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-64953fd58ac25340143111-1"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac25340143111-2"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd58ac25340143111-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">topBtn</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'.totop'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac25340143111-4"><span class="crayon-h">	 </span></div><div class="crayon-line" id="crayon-64953fd58ac25340143111-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">//スクロールしてトップに戻る</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac25340143111-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">//500の数字を大きくするとスクロール速度が遅くなる</span></div><div class="crayon-line" id="crayon-64953fd58ac25340143111-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">topBtn</span><span class="crayon-sy">.</span><span class="crayon-e">click</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac25340143111-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'body,html'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">animate</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd58ac25340143111-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">scrollTop</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">0</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac25340143111-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">500</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58ac25340143111-11"><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-t">false</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac25340143111-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58ac25340143111-13"><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-64953fd58ac25340143111-14"><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>「上へ戻る」ボタンを置きたい場所に以下のソースを挿入。<br />
デザインはお好みにcssで調整してください。</p>
<p></p>

		<div id="crayon-64953fd58ac26426104124" 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">HTML</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;">
&lt;p class="totop"&gt;
　&lt;a href="#header"&gt;
　　&lt;img src="/*表示したいボタンの画像*/" alt="上へ戻る"&gt;
　&lt;/a&gt;
&lt;/p&gt;
//ベッダー部分にあるheaderというidのところまでスクロールする</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-64953fd58ac26426104124-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac26426104124-2">2</div><div class="crayon-num" data-line="crayon-64953fd58ac26426104124-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac26426104124-4">4</div><div class="crayon-num" data-line="crayon-64953fd58ac26426104124-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58ac26426104124-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-64953fd58ac26426104124-1"><span class="crayon-h">&lt;</span><span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-t">class</span>=<span class="crayon-s">"totop"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac26426104124-2">　<span class="crayon-h">&lt;</span><span class="crayon-i">a</span><span class="crayon-h"> </span><span class="crayon-i">href</span>=<span class="crayon-s">"#header"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd58ac26426104124-3">　　<span class="crayon-h">&lt;</span><span class="crayon-e">img </span><span class="crayon-i">src</span>=<span class="crayon-s">"/*表示したいボタンの画像*/"</span><span class="crayon-h"> </span><span class="crayon-i">alt</span>=<span class="crayon-s">"上へ戻る"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac26426104124-4">　<span class="crayon-h">&lt;</span>/<span class="crayon-i">a</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd58ac26426104124-5"><span class="crayon-h">&lt;</span>/<span class="crayon-i">p</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58ac26426104124-6"><span class="crayon-c">//ベッダー部分にあるheaderというidのところまでスクロールする</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

jQuery スクロールでページトップへ

<p>css niteのセミナーに初めて参加してきました！</p>
<p><a href="http://cssnite.jp/coedo/vol12/" target="_blank">『CSS Nite @Co-Edo, Vol.12<br />
あると便利！コンセプトシートの重要性と具体的な作り方＆伝え方』</a><br />
講師は、<a href="http://web-d.navigater.info/" target="_blank">Webディレクターズマニュアル</a>の運営者である<br />
中村さん。</p>
<p>僕もよく拝見させていただいています。</p>
<p>ということで、webサイト、webサービスを制作する際に必要な心得というか、<br />
フローを学んで来ました。</p>
<p>この記事では、ディレクターとコンセプトについて、<br />
簡単にかいつまんで説明したいと思います。</p>
<h2>ディレクターの重要性</h3>
<p>&nbsp;</p>
<p style="text-align: center;"><span style="font-size: large;"><strong>「Webディレクターの本来の職域」</strong></span></p>
<p>&nbsp;<br />
<span style="font-size: medium;"><strong>■商談・見積もり作成</strong></span><br />
<span style="font-size: medium;"> <strong> ■スケジュールの管理</strong></span><br />
<span style="font-size: medium;"> <strong> ■制作の運用・進行管理</strong></span><br />
<span style="font-size: medium;"> <strong> ■成果物の品質管理</strong></span><br />
<span style="font-size: medium;"> <strong> ■システムの要件定義</strong></span><br />
<span style="font-size: medium;"> <strong> ■実装のチェック</strong></span></p>
<p>これは、会社によって違うと思いますが、だいたいこのぐらいの領域だと僕も思います。</p>
<p>簡単にいうと、ディレクターは</p>
<p>プロジェクトの<span style="color: #ff0000;"><strong>「中心」</strong></span>にいて、<br />
プロジェクトを<span style="color: #ff0000;"><strong>成功に導く役割</strong></span>を担っているとのことです。</p>
<h2>ディレクターがいないと？</h3>
<p>&nbsp;<br />
<span style="font-size: large;"><strong>「悲劇が生まれる」</strong></span></p>
<p>&nbsp;</p>
<p><span style="font-size: medium;"><strong>■クライアントや担当者の意見に流され延々修正</strong></span><br />
<span style="font-size: medium;"> <strong> ■デザイナー、プログラマーは大変、イライラが募る</strong></span><br />
<span style="font-size: medium;"> <strong> ■だんだんと成果物も悪くなる</strong></span><br />
<span style="font-size: medium;"> <strong> ■半端なままリリース</strong></span><br />
<span style="font-size: medium;"> <strong> ■ユーザーはもちろん集まらない</strong></span><br />
<span style="font-size: medium;"> <strong> ■結果、売上も成果も出ない</strong></span></p>
<p>&nbsp;<br />
&nbsp;</p>
<p>うん、こういうのは経験もあるので、うなづきながら聞いていました。</p>
<p>そしてこんな悲劇が起こらないようにするためには、、、</p>
<p>&nbsp;</p>
<p><span style="font-size: medium;">「ディレクターがサイトの</span><br />
<span style="font-size: medium;"> コンセプトを作成する必要がある」</span></p>
<p>&nbsp;</p>
<p>とのことで、<br />
こんなこともおっしゃっていました。</p>
<p>&nbsp;</p>
<p style="text-align: center;"><span style="font-size: large;"><strong>「コンセプトを作るか</strong></span><br />
<span style="font-size: large;"> <strong> プロジェクトを破綻させるか」</strong></span></p>
<p>&nbsp;</p>
<p>これは極端ではありますが、<br />
このぐらいの気持ちを持ってやっていく必要があるということですね！！</p>
<p>&nbsp;</p>
<h2>コンセプトとは？</h3>
<p>&nbsp;</p>
<p style="text-align: center;"><span style="font-size: large;">「何かしらのサービスや商材を</span><br />
<span style="font-size: large;"> Webを通じてユーザーに届けるための</span><br />
<span style="font-size: large;"> 企画・設計・制作・運用を貫く</span><br />
<span style="font-size: large;"> 大きなテーマのようなもの」</span></p>
<p style="text-align: center;"><span style="font-size: large;">『そのテーマを</span><br />
<span style="color: #ff0000; font-size: large;"> 誰もが覚えられるキャッチーなカタチ</span><br />
<span style="font-size: large;"> にしたもの』</span></p>
<p>&nbsp;</p>
<h3>コンセプトがあると？</h4>
<p>&nbsp;<br />
<strong>1．何のためのコンテンツか？の根拠がハッキリする</strong><br />
<strong> 2．制作チームと「最終的に目指すところ」を共有しやすくなる</strong><br />
<strong> 3．クライアント担当とも目線を同じくできる</strong><br />
<strong> 4．ディレクターが主導権を握りやすくなる</strong><br />
&nbsp;</p>
<h3>もしもプロジェクトにコンセプトが無かったら</h4>
<p>&nbsp;<br />
<strong>・クライアントは「格好いいかどうか？」で判断して</strong><br />
<strong> ・デザイナーは「俺のやりたい事かどうか？」で判断して</strong><br />
<strong> ・プログラマーは「仕様書の通り」にしか作ってくれなくて</strong><br />
<strong> ・ライターは「その場のノリ」で原稿を書いて</strong><br />
&nbsp;<br />
うんうん、つまり、自分の作業を言われたことや自分の勝手な考えの範囲でしかやらなくなるって<br />
ことですね。</p>
<p>何のためにやるのかという目的がわからない、理解していないので、目先のことしか考えられず、<br />
プロジェクトの成功を意識しなくなってしまうわけですね。<br />
というか成功するかなんてどうでもいいのかもしれません。</p>
<p>なので、自発的に、<strong>「ここはこうしたほうがいいんじゃないか？」</strong>という意見や、<br />
<strong>制作物に対するこだわり</strong>なんてものは出て来なくなりますね。</p>
<p>そうなると、いいものなんて出来上がるわけがないですよね。</p>
<p><span style="font-size: large;">ディレクターは、プロジェクトを成功に導くために、</span><br />
<span style="font-size: large;"> 軸となるコンセプトを設定し、メンバーの意識を高め、</span><br />
<span style="font-size: large;"> メンバーが力を発揮できるよう、裏方で汗をかく</span>、ってことでしょうか。</p>
<p>こうすることによって、絶対上手く行く！ってわけではないけれど、<br />
主導権握って進めることができるので、<br />
コンセプトを立てて、提案していきましょう！とのことでした。</p>
<p>今後も参考にさせてもらいます！！</p>


『CSS Nite @Co-Edo, Vol.12 あると便利！コンセプトシートの重要性と具体的な作り方＆伝え方』に参加してきました

チェックボックス、ラジオボタン、セレクトボックスをカスタマイズしてカッコよくするjQueryプラグイン

【iptables】ファイアーウォール設定研究

<p>phpの作業で数値の正規表現をチェックする時にいつも検索してコピーして使っていました。</p>
<p>しかし、自分で自由に修正したい場合は、正規表現書き方や人が書いてあるものを理解していないと困る。</p>
<p>今日はいつも面倒見てくれているエンジニアが説明してくれたので、理解できるようになりました。</p>
<p>理解しておくと効率がいいですね（^_^）</p>
<p>少しだけですが、今日覚えたことを書きたいと思います。</p>
<table>
<tbody>
<tr>
<td>&#8211;</td>
<td>範囲</td>
</tr>
<tr>
<td>^</td>
<td>文字列の先頭</td>
</tr>
<tr>
<td>$</td>
<td>文字列の末尾</td>
</tr>
<tr>
<td>a-z </td>
<td>小文字の半角英文字</td>
</tr>
<tr>
<td>A-Z</td>
<td>大文字の半角英文字</td>
</tr>
<tr>
<td>0-9</td>
<td>数字</td>
</tr>
<tr>
<td>^0-9</td>
<td>数字以外</td>
</tr>
<tr>
<td>*</td>
<td>0回以上の連続する文字</td>
</tr>
<tr>
<td>+</td>
<td>1回以上の連続する文字</td>
</tr>
<tr>
<td>? </td>
<td>0または1回だけの文字</td>
</tr>
<tr>
<td>{n}?</td>
<td>n回の連続する文字</td>
</tr>
<tr>
<td>{n,}?</td>
<td>n回以上の連続する文字</td>
</tr>
<tr>
<td>{n, m}?</td>
<td>n回以上、m回以下の連続する文字</td>
</tr>
</tbody>
</table>


PHP正規表現

<p>最近、コーディング案件が多く、<br />
せっせとやらせてもらっているのですが、<br />
コーディングの際、意外と手間取るのが、<br />
<strong>画像のスライス</strong>、かつ<strong>画像の命名</strong>です。</p>
<p>画像の命名については<br />
どういう名前にしようか、<br />
少し手が止まったりしちゃう時もあります。</p>
<p>一応自分の中でルールを決めつつやるのですが、<br />
なんだかんだで曖昧になって統一されてないものになっちゃいます。</p>
<p>ですので、今後画像命名をスムーズにするため、<br />
命名ルールを決めたいと思います。</p>
<h2>命名ルールを決めるメリット</h3>
<p>メリットとしては、<br />
<span style="font-size: medium;"><strong>１．画像切り出しがちょっと早くなるかも</strong></span><br />
<span style="font-size: medium;"><strong> ２．後々画像が増えた場合も悩まなくて済む</strong></span><br />
<span style="font-size: medium;"><strong> ３．画像ファイルを探しやすくなる</strong></span><br />
<span style="font-size: medium;"><strong> ４．動的に出力する際に便利かも</strong></span></p>
<p>と言った感じでしょうか。</p>
<p>画像の命名ルールに関しては、<br />
<strong>WebDesigning2013/4号</strong><br />
にコーディングガイドラインについての記事がありましたので、<br />
それを思いっきり参考にさせてもらいます。</p>
<p>まずは、下のイメージが、基本的なルールです。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2254" alt="file_rule" src="/uploads-archive/2013/05/file_rule.png" width="656" height="300" srcset="/uploads-archive/2013/05/file_rule.png 656w, /uploads-archive/2013/05/file_rule-300x137.png 300w, /uploads-archive/2013/05/file_rule-228x104.png 228w" sizes="(max-width: 656px) 100vw, 656px" /><br />
例：btn_top01.jpg</p>
<p>識別名の一覧は以下になります。</p>
<table>
<tbody>
<tr>
<th>識別名</th>
<th>用途</th>
<th>命名サンプル</th>
</tr>
<tr>
<td>bg</td>
<td>背景や、ボーダ用にリピートされて使われる画像</td>
<td>bg_top01.jpg<br />
bg_dotx01.jpg<br />
bg_dotx_3x1.jpg</td>
</tr>
<tr>
<td>btn</td>
<td>ボタンとして使われる画像</td>
<td>btn_contact01.jpg<br />
btn_contact01_on.jpg</td>
</tr>
<tr>
<td>ico</td>
<td>アイコンとして使われる画像</td>
<td>ico_arrow01.jpg<br />
ico_square01.jpg</td>
</tr>
<tr>
<td>bnr</td>
<td>バナーとして使われる画像</td>
<td>bdr_top01.jpg<br />
bnr_side01.jpg</td>
</tr>
<tr>
<td>h1-h6</td>
<td>h1タグなどの論理タグで囲まれる見出し画像</td>
<td>h2_business01.jpg<br />
h3_service01.jpg</td>
</tr>
<tr>
<td>tit</td>
<td>h1-h6等に用途が限られない見出し画像</td>
<td>tit_blog01.jpg<br />
tit_news01.jpg</td>
</tr>
<tr>
<td>txt</td>
<td>デザイン上、画像化するテキストの画像</td>
<td>txt_blog01.jpg<br />
txt_news01.jpg</td>
</tr>
<tr>
<td>pic</td>
<td>商品や人物、風景などの写真画像</td>
<td>pic_blog01.jpg<br />
pic_news01.jpg</td>
</tr>
<tr>
<td>thumb</td>
<td>写真と連動するサムネイル(小さい)画像</td>
<td>thumb_blog01.jpg<br />
thumb_news01.jpg</td>
</tr>
<tr>
<td>img</td>
<td>写真以外のイラストや図表などの画像</td>
<td>img_blog01.jpg<br />
img_news01.jpg</td>
</tr>
<tr>
<td>mainimg</td>
<td>ページのメイン画像</td>
<td>mainimg_top.jpg<br />
mainimg_news.jpg</td>
</tr>
</tbody>
</table>
<p>識別名はこれだけではなく、いろいろまた追加もあると思います。</p>
<p>とりあえず、このルール上で今後、<br />
やって行きたいと思います。</p>
<p>これが載っている雑誌はこちらです。</p>
<p><iframe loading="lazy" width="320" height="240" style="width: 120px; height: 240px;" src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&amp;bc1=FFFFFF&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=alantrigger-22&amp;o=9&amp;p=8&amp;l=as1&amp;m=amazon&amp;f=ifr&amp;ref=qf_sp_asin_til&amp;asins=B00BPBUZU8" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></p>


コーディングの際の画像ファイルの命名ルールについて

<p><a href="/programmer/%E3%80%90%E6%9C%AA%E6%A4%9C%E8%A8%BC%E3%80%91mac%E3%81%A7ppk%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6centos%E3%81%AEssh%E3%81%AB%E6%8E%A5%E7%B6%9A%E3%81%99%E3%82%8B.html" target="_blank">前回</a>はppkファイルからMacが使える鍵ファイルを作り、CentOSにログインするまでに書きましたが。実はよくわかりませんでした。。</p>
<p>弊社では、<a href="/launchcart" target="_blank">LaunchCart</a>の開発を行うとき、さくらのVPSを使うケースが多いです。<br />
その場合は、強度が十分なパスワードを用意してサーバにログインをしています。<br />
開発の流れ（鍵の作成や配布など）が変わりますが、なりすましを防止する意味で、パスワードでのログインを廃止して、鍵認証を導入したいと思います。</p>
<p>その基本手順を整理してみたいと思います。</p>
<h2>鍵認証の設定</h3>
<h3>VPS側で公開鍵の保管場所を作る</h4>
<p></p>

		<div id="crayon-64953fd589f2c543620177" 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">Shell</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;">
mkdir ~/.ssh
chmod 700 ~/.ssh</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-64953fd589f2c543620177-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589f2c543620177-2">2</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-64953fd589f2c543620177-1"><span class="crayon-r">mkdir</span><span class="crayon-h"> </span><span class="crayon-sy">~</span>/<span class="crayon-e">.ssh</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589f2c543620177-2"><span class="crayon-r">chmod</span><span class="crayon-h"> </span><span class="crayon-cn">700</span><span class="crayon-h"> </span><span class="crayon-sy">~</span>/<span class="crayon-e">.ssh</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>Mac側で鍵のペアを生成</h4>
<p></p>

		<div id="crayon-64953fd589f30201234961" 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">Shell</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;">
ssh-keygen -t rsa -v　// id_rsa（秘密鍵）、id_rsa.pub（公開鍵）を作成
chmod 600 ~/.ssh/id_rsa.pub</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-64953fd589f30201234961-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589f30201234961-2">2</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-64953fd589f30201234961-1"><span class="crayon-i">ssh</span>-<span class="crayon-i">keygen</span><span class="crayon-h"> </span>-<span class="crayon-i">t</span><span class="crayon-h"> </span><span class="crayon-i">rsa</span><span class="crayon-h"> </span>-<span class="crayon-i">v</span>　//<span class="crayon-h"> </span><span class="crayon-i">id_rsa</span>（秘密鍵）、<span class="crayon-i">id_rsa</span><span class="crayon-e">.pub</span>（公開鍵）を作成</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589f30201234961-2"><span class="crayon-r">chmod</span><span class="crayon-h"> </span><span class="crayon-cn">600</span><span class="crayon-h"> </span><span class="crayon-sy">~</span>/<span class="crayon-e">.ssh</span>/<span class="crayon-i">id_rsa</span><span class="crayon-e">.pub</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>公開鍵をVPSに転送</h4>
<p></p>

		<div id="crayon-64953fd589f31344556116" 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">Shell</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;">
scp ~/.ssh/id_rsa.pub USER_NAME@IP_ADDRESS:~/.ssh/authorized_keys</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-64953fd589f31344556116-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-64953fd589f31344556116-1"><span class="crayon-i">scp</span><span class="crayon-h"> </span><span class="crayon-sy">~</span>/<span class="crayon-e">.ssh</span>/<span class="crayon-i">id_rsa</span><span class="crayon-e">.pub</span><span class="crayon-h"> </span><span class="crayon-i">USER_NAME</span><span class="crayon-sy">@</span><span class="crayon-i">IP_ADDRESS</span><span class="crayon-sy">:</span><span class="crayon-sy">~</span>/<span class="crayon-e">.ssh</span>/<span class="crayon-i">authorized_keys</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>ここでscpコマンドを使いましたが、もちろんファイル転送ツールでも行けます。<br />
また注意点として、すでにauthorized_keysファイルが存在する場合は、ファイルの最後から追加する必要があります。</p>
<h3>Mac側で秘密鍵を使ってログイン</h4>
<p></p>

		<div id="crayon-64953fd589f33206045470" 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">Shell</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;">
ssh -i ~/.ssh/id_rsa USER_NAME@IP_ADDRESS</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-64953fd589f33206045470-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-64953fd589f33206045470-1"><span class="crayon-i">ssh</span><span class="crayon-h"> </span>-<span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-sy">~</span>/<span class="crayon-e">.ssh</span>/<span class="crayon-e">id_rsa </span><span class="crayon-i">USER_NAME</span><span class="crayon-sy">@</span><span class="crayon-i">IP_ADDRESS</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>-iオプションが省略可能です。</p>
<h2>SSHの設定</h3>
<p>VPSにログインしてから、SSHの設定ファイルを変更します。</p>
<h3>パスワードログインの禁止</h4>
<p></p>

		<div id="crayon-64953fd589f34011521200" 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">Shell</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;">
vi /etc/ssh/sshd_config</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-64953fd589f34011521200-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-64953fd589f34011521200-1"><span class="crayon-r">vi</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">ssh</span>/<span class="crayon-i">sshd_config</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>「PasswordAuth」で検索して、該当するオプションをNOに設定する<br />
sshd_configを編集するのに、root(sudo -s)権限が必要です。</p>
<h3>sshd再起動</h4>
<p></p>

		<div id="crayon-64953fd589f35957686721" 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">Shell</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;">
service sshd 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-64953fd589f35957686721-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-64953fd589f35957686721-1"><span class="crayon-e">service </span><span class="crayon-e">sshd </span><span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【SSH】Macで出来る！CentOSへの鍵認証設定

wordpressについて

<p>Prime Strategy Bread Crumb を使って、ぱんくずナビの作成！<br />
ページ階層をユーザーに分かりやすく表示するために、利用します。</p>
<p>下のサンプル画像のように、今どこのページにいるのかを分かるように、表示します。<br />
<a href="/uploads-archive/2013/05/5995504678ef8f2effffa57332a38a1f.png"><img decoding="async" loading="lazy" src="/uploads-archive/2013/05/5995504678ef8f2effffa57332a38a1f-300x28.png" alt="スクリーンショット 2013-05-15 17.48.31" width="300" height="28" class="alignnone size-medium wp-image-2190" srcset="/uploads-archive/2013/05/5995504678ef8f2effffa57332a38a1f-300x28.png 300w, /uploads-archive/2013/05/5995504678ef8f2effffa57332a38a1f-228x21.png 228w, /uploads-archive/2013/05/5995504678ef8f2effffa57332a38a1f.png 310w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>まず、「管理画面->プラグイン->新規追加」からPrime Strategy Bread Crumbを検索し、<br />
インストールする。</p>
<p>インストール終わったら、有効化する。</p>
<p><a href="/uploads-archive/2013/05/603cdfa980822d8882a9b510fa17bf04.png"><img decoding="async" loading="lazy" src="/uploads-archive/2013/05/603cdfa980822d8882a9b510fa17bf04.png" alt="スクリーンショット 2013-05-15 17.45.24" width="267" height="95" class="alignnone size-full wp-image-2187" srcset="/uploads-archive/2013/05/603cdfa980822d8882a9b510fa17bf04.png 267w, /uploads-archive/2013/05/603cdfa980822d8882a9b510fa17bf04-228x81.png 228w" sizes="(max-width: 267px) 100vw, 267px" /></a></p>
<p>テンプレートに以下のように出力するだけで、ぱんくずナビが出来ます。</p>
<p></p>

		<div id="crayon-64953fd589ae9613689539" 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;">
&lt;?php
if (!is_front_page() &amp;&amp; function_exists('bread_crumb')):
	//bread_crumb()でぱんくずナビを出力します。
	//パラメータで、出力全体を囲む要素にnav タグを指定し、navタグのid属性にbread-crumbを指定します。
	bread_crumb('navi_element=nav&amp;elm_id=bread-crumb');
	//function_exists()では、bread_crumb()が使えるか(プラグインが有効化されているか)をチェックしています。
endif;
?&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-64953fd589ae9613689539-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589ae9613689539-2">2</div><div class="crayon-num" data-line="crayon-64953fd589ae9613689539-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589ae9613689539-4">4</div><div class="crayon-num" data-line="crayon-64953fd589ae9613689539-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589ae9613689539-6">6</div><div class="crayon-num" data-line="crayon-64953fd589ae9613689539-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589ae9613689539-8">8</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-64953fd589ae9613689539-1"><span class="crayon-ta">&lt;?php</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589ae9613689539-2"><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">!</span><span class="crayon-e">is_front_page</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">&amp;&amp; function_exists('bread_crumb')):</span></div><div class="crayon-line" id="crayon-64953fd589ae9613689539-3"><span class="crayon-sy">	//bread_crumb()でぱんくずナビを出力します。</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589ae9613689539-4"><span class="crayon-sy">	//パラメータで、出力全体を囲む要素にnav タグを指定し、navタグのid属性にbread-crumbを指定します。</span></div><div class="crayon-line" id="crayon-64953fd589ae9613689539-5"><span class="crayon-sy">	bread_crumb('navi_element=nav&amp;elm_id=bread-crumb');</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589ae9613689539-6"><span class="crayon-h">	</span><span class="crayon-c">//function_exists()では、bread_crumb()が使えるか(プラグインが有効化されているか)をチェックしています。</span></div><div class="crayon-line" id="crayon-64953fd589ae9613689539-7"><span class="crayon-st">endif</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589ae9613689539-8"><span class="crayon-ta">?&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

「ぱんくずナビ」、Prime Strategy Bread Crumb

【未検証】Macでppkファイルを使ってCentOSのSSHに接続する件

<p>先週末にミュシャ展にいってまいりました。</p>
<p>あまり展覧会に行くことはありませんが、<br />
今回、ミュシャは商業デザイナーでもあったということで、<br />
どのようなものか興味があり、久しぶりにいってまいりました。</p>
<h2>展覧会ってこんなに混むんだ・・・</h3>
<p>開館と同時に行ったのですが、「こんなに混むの⁉」とびっくりし、<br />
見終わり、入口付近を見ると<strong>40分待ち</strong>となっており、さらにびっくりしました。</p>
<p>実は、開館と同時に行ったのは、一緒に行った友人の提案であり、<br />
僕は、「そんなに混まないでしょ」とタカをくくっていました。<br />
友人はよく展覧会に行くらしく、「他の展覧会もこんなもん」と言っていたので、<br />
展覧会を見に行く時は、<strong>開館と同時がいい</strong>ということが勉強になりました。<br />
ちなみに美術館側からは夕方から終了間際の時間帯が空いているとのことです。</p>
<h2>展覧会を見て思ったこと</h3>
<p>肝心の内容はというと、僕は芸術を言葉に表せる程の文才を持ち合わせていないので、<br />
簡潔に説明させてもらいます。</p>
<p>カラーリトグラフが多かったのですが、油彩、水彩、木炭、鉛筆等々で描かれた作品があり、<br />
どれも素晴らしいものでした。</p>
<p>特に注目したのは、商業ポスター等で、<br />
舞台女優サラ・ベルナール、ネスレ、モエ・エ・シャンドンの宣伝ポスターや、自転車屋さんのものなんかもありました。</p>
<p>当初の目的としては、<br />
配色についてや、構成について等、デザインにするにあたって参考になるものがあればいいと<br />
思ってたんですが、混んでいたので、そこまでじっくり見ることができませんでした。</p>
<p>ただ、僕なりに感じたことは、<br />
絵が上手いのはもちろん、ミュシャの作品は、<br />
確立されたスタイルがあり、アール・ヌーボーであることは当たり前なんですが、<br />
構成というかレイアウトがどのポスターでも似ていて、<br />
誰が作ったのかを聞かずとも、「これミュシャの作品？？」とわかるものでした。</p>
<p>そのスタイルが素晴らしかったからこそ、発注者や世間から求められ、称賛されたのだと思います。</p>
<p>今後、制作を行なっていく上で、<br />
場合によっては変える必要もあると思いますが、<br />
ある程度、<strong>自分なりのスタイルってのを確立</strong>していくことが大事だなぁと思わされました。</p>
<p>久々に感銘を受け、思わずカタログまで買ってしまいましたww</p>
<p>また、違う展覧会も行ってみようかなと思います。</p>


ミュシャ展を見に行ってきました

<p>空のファイルを作成したり、ファイルの更新時やアクセス日時を変更するには、<br />
touch 関数を使います。</p>
<p> touch関数は、ファイルの最終更新日時や最終アクセス日時を変更して、<br />
成功したらTRUEを返します。<br />
失敗したらFALSEを返します。</p>
<p>引数で指定されたファイルが存在しない場合には、自動的に空のファイルが作成されます。</p>
<p>※touch 関数の使い方<br />
論理値 = touch( パス , [最終変更日時], [最終アクセス日時]);</p>
<p>最終更新日時と最終アクセス日時の引数には、タイムスタンプで変更したい時間を指定します。<br />
最終更新日時と最終アクセス日時を省略した場合には、現在の時間で更新されます。</p>
<p>サンプルコード</p>
<p></p>

		<div id="crayon-64953fd5896a2079541447" 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">touch関数　サンプルコード</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;">
&lt;?php
$file = "test.txt";
header("Content-Type: text/plain; charset=UTF-8");

clearstatcache();
echo "[{$file}]";
echo (is_file($file) ? "ファイルが存在します":"ファイルが存在しません")."\n";

//本日の０時の日付の最終更新日時と最終アクセス日時に更新する
$result = touch($file, mktime(0,0,0),mktime(0,0,0));
echo "実行結果　=&gt;";
var_dump($result);

clearstatcache();
echo "最終アクセス日時 =&gt;".date('Y/m/d H:i:s', fileatime($file))."\n";
echo "最終更新日時 =&gt;".date('Y/m/d H:i:s',filemtime($file))."\n";</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-64953fd5896a2079541447-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5896a2079541447-2">2</div><div class="crayon-num" data-line="crayon-64953fd5896a2079541447-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5896a2079541447-4">4</div><div class="crayon-num" data-line="crayon-64953fd5896a2079541447-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5896a2079541447-6">6</div><div class="crayon-num" data-line="crayon-64953fd5896a2079541447-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5896a2079541447-8">8</div><div class="crayon-num" data-line="crayon-64953fd5896a2079541447-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5896a2079541447-10">10</div><div class="crayon-num" data-line="crayon-64953fd5896a2079541447-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5896a2079541447-12">12</div><div class="crayon-num" data-line="crayon-64953fd5896a2079541447-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5896a2079541447-14">14</div><div class="crayon-num" data-line="crayon-64953fd5896a2079541447-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5896a2079541447-16">16</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-64953fd5896a2079541447-1"><span class="crayon-h">&lt;</span><span class="crayon-sy">?</span><span class="crayon-i">php</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5896a2079541447-2"><span class="crayon-sy">$</span><span class="crayon-i">file</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"test.txt"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5896a2079541447-3"><span class="crayon-e">header</span><span class="crayon-sy">(</span><span class="crayon-s">"Content-Type: text/plain; charset=UTF-8"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5896a2079541447-4">&nbsp;</div><div class="crayon-line" id="crayon-64953fd5896a2079541447-5"><span class="crayon-e">clearstatcache</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-64953fd5896a2079541447-6"><span class="crayon-i">echo</span><span class="crayon-h"> </span><span class="crayon-s">"[{$file}]"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5896a2079541447-7"><span class="crayon-e">echo</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">is_file</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">file</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">?</span><span class="crayon-h"> </span><span class="crayon-s">"ファイルが存在します"</span><span class="crayon-sy">:</span><span class="crayon-s">"ファイルが存在しません"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-s">"\n"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5896a2079541447-8">&nbsp;</div><div class="crayon-line" id="crayon-64953fd5896a2079541447-9"><span class="crayon-c">//本日の０時の日付の最終更新日時と最終アクセス日時に更新する</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5896a2079541447-10"><span class="crayon-sy">$</span><span class="crayon-i">result</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">touch</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">file</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">mktime</span><span class="crayon-sy">(</span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-cn">0</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span><span class="crayon-e">mktime</span><span class="crayon-sy">(</span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-cn">0</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5896a2079541447-11"><span class="crayon-i">echo</span><span class="crayon-h"> </span><span class="crayon-s">"実行結果　=&gt;"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5896a2079541447-12"><span class="crayon-e">var_dump</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">result</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5896a2079541447-13">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5896a2079541447-14"><span class="crayon-e">clearstatcache</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5896a2079541447-15"><span class="crayon-i">echo</span><span class="crayon-h"> </span><span class="crayon-s">"最終アクセス日時 =&gt;"</span><span class="crayon-sy">.</span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'Y/m/d H:i:s'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">fileatime</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">file</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-s">"\n"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5896a2079541447-16"><span class="crayon-i">echo</span><span class="crayon-h"> </span><span class="crayon-s">"最終更新日時 =&gt;"</span><span class="crayon-sy">.</span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'Y/m/d H:i:s'</span><span class="crayon-sy">,</span><span class="crayon-e">filemtime</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">file</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-s">"\n"</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>※clearstatcache()<br />
 ファイルのステータスのキャッシュをクリアする</p>
<p>一つのスクリプト上で同じファイルが何度もチェックされ、 そのファイルが変更されたり削除されたりする可能性がある場合、 ステータスキャッシュを消去しなければならない。 このようなケースでは、 clearstatcache()を使用することで ファイルの情報に関してPHPが持っているキャッシュをクリアすることができます。</p>

空のファイルを作成する

<p>wordpressのプラグインのTOP108個を元素記号表に見立て紹介しているサイトです。</p>
<p>よく使うものや、知らないプラグインもありますね〜<br />
こういう風に紹介しようと思った発想が素晴らしいですよねー</p>
<p>このサイトではどんなプラグインかはわからないんですけど、よく使われてるプラグインなので、<br />
きっと便利なプラグインなんでしょう！</p>
<p>いろいろと試してみてみたいですね〜</p>
<p><a href="http://plugintable.com/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2092" alt="The Periodic Table of WordPress Plugins" src="/uploads-archive/2013/05/The-Periodic-Table-of-WordPress-Plugins.jpg" width="641" height="400" srcset="/uploads-archive/2013/05/The-Periodic-Table-of-WordPress-Plugins.jpg 1361w, /uploads-archive/2013/05/The-Periodic-Table-of-WordPress-Plugins-300x188.jpg 300w, /uploads-archive/2013/05/The-Periodic-Table-of-WordPress-Plugins-768x481.jpg 768w, /uploads-archive/2013/05/The-Periodic-Table-of-WordPress-Plugins-228x143.jpg 228w, /uploads-archive/2013/05/The-Periodic-Table-of-WordPress-Plugins-1024x641.jpg 1024w" sizes="(max-width: 641px) 100vw, 641px" /></a><br />
<a href="http://plugintable.com/" target="_blank">The Periodic Table of WordPress Plugins</a></p>
<p>&nbsp;</p>
<p>この108個の中にはなかったんですが、<br />
僕がたまに使うプラグインを紹介します。</p>
<p><a href="http://wordpress.org/extend/plugins/custom-field-template/" target="_blank">Custom Field Template</a></p>
<p>名前の通り、カスタムフィールドを使ったものですが、<br />
ページや記事に一定の要素をカスタムフィールドで登録したい場合、テンプレートにして、<br />
自動的に表示してくれたり、カテゴリ等で、表示するテンプレートを切り替えたりなんてこともできます。</p>
<p>カスタムフィールドの値を wp_postmetaテーブルに保持するので、<br />
特に専用のタグを使うことなく、通常のカスタムフィールドを呼び出す感じで、使用できるのも良い点です。</p>
<p>もちろん、テキストフィールドだけでなく、テキストエリア、ラジオボタン、チェックボックス、セレクト、ファイルアップロードも使用できます。</p>
<p>詳しい使い方は、このサイトをご覧ください。</p>
<p><a href="http://komodo.arrow.jp/wp/46" target="_blank">Custom Field Template（カスタムフィールドテンプレート） | WordPress 編</a></p>


wordpressのプラグインを元素記号表に見立てTOP108個紹介しているサイト

<p>普段はPHPの<a href="http://www.php.net/manual/ja/function.exec.php" target="_blank">exec</a>や<a href="http://php.net/manual/ja/function.system.php" target="_blank">system</a>関数はあまり使わないですが、<br />
今回は外部ファイルを取得するため、OSの<a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20060228/230995/" target="_blank">wget</a>コマンドを使いたいと思います。<br />
execとsystem関数の比較をしてみたいと思います。</p>
<h2>exec</h3>
<p></p>

		<div id="crayon-64953fd58928f284191255" 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;">
string exec ( string $command [, array &amp;$output [, int &amp;$return_var ]] )</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-64953fd58928f284191255-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-64953fd58928f284191255-1"><span class="crayon-t">string</span><span class="crayon-h"> </span><span class="crayon-e">exec</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-t">string</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">command</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-h"> </span>&<span class="crayon-sy">$</span><span class="crayon-i">output</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">int</span><span class="crayon-h"> </span>&<span class="crayon-sy">$</span><span class="crayon-i">return_var</span><span class="crayon-h"> </span><span class="crayon-sy">]</span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>・戻り値<br />
マニュアルには、「コマンド結果の最後の行を返します」と書いてありますが、<br />
実は何か返してくるのが微妙に分かりません。</p>
<p>・$command<br />
実行したいコマンド</p>
<p>・$output<br />
コマンドの出力内容が、$outputに配列として格納します。<br />
実行結果の出力内容を調べるのに、このパラメーターを使えばいいと思います。</p>
<p>・$return_var<br />
コマンドの実行結果が正常の場合は数字の0、 異常野場合は数字の1になります。</p>
<h2>system</h3>
<p></p>

		<div id="crayon-64953fd589294690286249" 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;">
string system ( string $command [, int &amp;$return_var ] )</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-64953fd589294690286249-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-64953fd589294690286249-1"><span class="crayon-t">string</span><span class="crayon-h"> </span><span class="crayon-e">system</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-t">string</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">command</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">int</span><span class="crayon-h"> </span>&<span class="crayon-sy">$</span><span class="crayon-i">return_var</span><span class="crayon-h"> </span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>・戻り値<br />
マニュアルには、「成功時はコマンド出力の最後の行を返し、失敗時は FALSE を返します。」と書いてありますが、<br />
実はexecの$outputを配列ではなく文字列で返す感じです。</p>
<p>・$command<br />
実行したいコマンド</p>
<p>・$return_var<br />
コマンドの実行結果が正常の場合は数字の0、 異常野場合は数字の1になります。</p>
<h2>おまけ：Linuxの標準出力と標準エラー出力</h3>
<p>Linuxの標準出力は1番、標準エラー出力は2番です。<br />
標準エラー出力に標準出力にまとめるに、</p>
<p></p>

		<div id="crayon-64953fd589295620446433" 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">Shell</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;">
command 2 &gt; &amp;1</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-64953fd589295620446433-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-64953fd589295620446433-1"><span class="crayon-r">command</span><span class="crayon-h"> </span><span class="crayon-cn">2</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-h">&amp;1</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と書きます。</p>
<p>それを利用して、execやsystemの出力結果に、正常の場合でも異常の場合でも、結果を取得することができます。</p>
<p></p>

		<div id="crayon-64953fd589296029197668" 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;">
$cmd = "ls -al 2&gt;&amp;1";

// execの場合
exec( $cmd, $output);
var_dump($output);// 結果出力

// systemの場合
$res = system($cmd);
var_dump($res);// 結果出力</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-64953fd589296029197668-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589296029197668-2">2</div><div class="crayon-num" data-line="crayon-64953fd589296029197668-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589296029197668-4">4</div><div class="crayon-num" data-line="crayon-64953fd589296029197668-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589296029197668-6">6</div><div class="crayon-num" data-line="crayon-64953fd589296029197668-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd589296029197668-8">8</div><div class="crayon-num" data-line="crayon-64953fd589296029197668-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-64953fd589296029197668-1"><span class="crayon-v">$cmd</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"ls -al 2&gt;&amp;1"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589296029197668-2">&nbsp;</div><div class="crayon-line" id="crayon-64953fd589296029197668-3"><span class="crayon-c">// execの場合</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589296029197668-4"><span class="crayon-e">exec</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-v">$cmd</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-v">$output</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd589296029197668-5"><span class="crayon-e">var_dump</span><span class="crayon-sy">(</span><span class="crayon-v">$output</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-c">// 結果出力</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589296029197668-6">&nbsp;</div><div class="crayon-line" id="crayon-64953fd589296029197668-7"><span class="crayon-c">// systemの場合</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd589296029197668-8"><span class="crayon-v">$res</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">system</span><span class="crayon-sy">(</span><span class="crayon-v">$cmd</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd589296029197668-9"><span class="crayon-e">var_dump</span><span class="crayon-sy">(</span><span class="crayon-v">$res</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-c">// 結果出力</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2013/06/13

2013/06/12

2013/06/06

2013/06/05

2013/06/05

2013/05/30

2013/05/30

2013/05/30

2013/05/22

2013/05/22

2013/05/22

2013/05/16

2013/05/16

2013/05/16

2013/05/09

2013/05/08

2013/05/08

2013/05/02