WordPressPopularPostsでdie lock発生?

【jQuery ajax】jsonファイルを順番に読み込む方法

<p>ECサイトなどでは、</p>
<p>新商品や人気の商品、優先的に売りたい商品などを知らせるための手段として、</p>
<p>「おすすめ」や「売れてます！」といった文句の書かれた<strong>アイキャッチアイコン</strong>が度々使われます。</p>
<p>何気なく目にするものですが、効果は大きく、</p>
<p>商品を目立たせるだけでなく、</p>
<p>ECサイト以外でもユーザーが迷わないようにするためにも使われる、重要な要素です。</p>
<p>&nbsp;</p>
<p>今回このアイキャッチアイコンで、よく使われるデザインをまとめてみました。</p>
<p>&nbsp;</p>
<h3>シンプル系</h4>
<p><img decoding="async" loading="lazy" title="文字を対象に添える" alt="文字を対象に添える" src="/uploads-archive/2014/06/icon01.jpg" width="240" height="240" /></p>
<p>文字を対象に添える</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="四角で囲う" alt="四角で囲う" src="/uploads-archive/2014/06/icon02.jpg" width="240" height="240" /></p>
<p>四角で囲う</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="円で囲う" alt="円で囲う" src="/uploads-archive/2014/06/icon03.jpg" width="240" height="240" /></p>
<p>円で囲う</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="バクダンで囲う" alt="バクダンで囲う" src="/uploads-archive/2014/06/icon04.jpg" width="240" height="240" /></p>
<p>バクダンで囲う</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="吹き出しで囲う" alt="吹き出しで囲う" src="/uploads-archive/2014/06/icon05.jpg" width="240" height="240" /></p>
<p>吹き出しで囲う</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="三角で囲い、端におく" alt="三角で囲い、端におく" src="/uploads-archive/2014/06/icon06.jpg" width="240" height="240" /></p>
<p>三角で囲い、端におく</p>
<p>&nbsp;</p>
<h3>装飾系</h4>
<p><img decoding="async" loading="lazy" title="帯をつける" alt="帯をつける" src="/uploads-archive/2014/06/icon07.jpg" width="240" height="240" /></p>
<p>帯をつける(斜め)</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="帯をつける(水平)" alt="帯をつける(水平)" src="/uploads-archive/2014/06/icon08.jpg" width="240" height="240" /></p>
<p>帯をつける(水平)</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="リボンをつける" alt="リボンをつける" src="/uploads-archive/2014/06/icon09.jpg" width="240" height="240" /></p>
<p>リボンをつける</p>
<p>&nbsp;</p>
<p>これらの場所を変えてみたり、</p>
<p>テクスチャ、グラデーション、シャドウなどの組み合わせを変えたりして、</p>
<p>よりよいものを見つけたいです。</p>


アイキャッチアイコンのパターンをまとめてみました

<p>ふとitunesのアプリを見ていたら、いいものを見つけました。</p>
<p>その名も「Stache」。</p>
<p><a href="https://itunes.apple.com/jp/app/stache/id870659406?mt=12" target="_blank">Mac App Store &#8211; Stache</a></p>
<p>どんなアプリかというと、</p>
<p>webサイトのキャプチャを撮って保存して、</p>
<p>一覧で見る事が出来、検索も簡単にできてしまうというものです。</p>
<p>自分だけのwebデザインギャラリーを作れるということですね！！</p>
<p>便利ですね！</p>
<p>webデザイナーは常日頃、いいデザインに触れて、ストックしておかないといけないですから、</p>
<p>うってつけですね！</p>
<p>&nbsp;</p>
<p>説明では、</p>
<p>視覚的なブックマーク、コンテンツの検索、フルページのアーカイブをよりスマートにブックマークすることができるとな。</p>
<p>アプリサイトで紹介されている特長を載せます。</p>
<p><span style="font-size: medium;"><strong>•••簡単にビジュアルブックマーク•••</strong></span><br />
あらゆるページを美しいスクリーンショットで保存し、表示することができます。そして、ページをすばやく見分け、閲覧するのを手助けします。</p>
<p><span style="font-size: medium;"><strong>•••コンテンツの検索•••</strong></span><br />
サイト名またはページタイトルを思い出せない場合でも、ページを検索することが迅速かつ容易になります。</p>
<p><span style="font-size: medium;"><strong>••ページ全体のスクリーンショットとWebアーカイブ••••</strong></span><br />
ページコンテンツやデザインをアーカイブにブックマークするため、ページ全体のスクリーンショットとウェブアーカイブが保存されます。ページの変更やオフラインの場合でもコンテンツを保存するので、感動的なデザインを完璧に収集できます。</p>
<p><span style="font-size: medium;"><strong>•••素早くプレビュー•••</strong></span></p>
<p>ブックマークを選び、スペースキーを押すだけで、すぐにフルスクリーンショットを表示できるので、stacheを離れる事なく、ページを見ることができます。</p>
<p><span style="font-size: medium;"><strong>•••ブラウザ拡張•••</strong></span><br />
Stacheは、SafariとChromeでシングルクリックと同じくらい簡単にブックマークがすることができます。Stacheアイコンを押すかAlt + Sを押してください。他のブラウザではブックマークレットが利用可能です。</p>
<p><span style="font-size: medium;"><strong>•••  iCloud•••</strong></span><br />
すべてのブックマークがiCloudに保存され、バックアップされます。すべてのAppleデバイスでアクセス可能です。</p>
<p><span style="font-size: medium;"><strong>•••iPhoneやiPadで利用可能 •••</strong></span><br />
iOS用Stacheを取得すれば、どこからでもあなたのブックマークのライブラリーを閲覧することができます。</p>
<p><span style="font-size: medium;"><strong>••その他の機能••••</strong></span><br />
&#8211; インポート/エクスポートのHTMLブックマークファイル<br />
&#8211; エクスポートフルページのスクリーンショットやWebアーカイブ<br />
&#8211; タグ付け<br />
&#8211; URLスキームをサポート<br />
&#8211; URLの共有</p>
<p>&nbsp;</p>
<p>お粗末な翻訳ですいません・・・</p>
<p>こちらのアプリは700円です！</p>
<p>かなりいいアプリだと思います！</p>
<p>他にもこのようなアプリがありますので、ご紹介します。</p>
<p>&nbsp;</p>
<p><a href="https://itunes.apple.com/jp/app/ember-screenshot-annotate/id402456742?mt=12" target="_blank">Mac App Store &#8211; Ember &#8211; Screenshot, Annotate and Share</a></p>
<p>&nbsp;</p>
<p>こちらのアプリを使用していらっしゃる方のブログも紹介します。</p>
<p>&nbsp;</p>
<p><a href="http://design.kayac.com/topics/2014/04/ember.php">１０秒以内に、ここ１年で見てきたデザインが出せますか？「Ember」活用まとめ | KAYAC DESIGNER&#8217;S BLOG &#8211; デザインやマークアップの話</a></p>
<p>&nbsp;</p>


webデザイン収集にもってこいなアプリ「Stache」

<p>先日MTをバージョンアップした際、記事のないカテゴリアーカイブページが表示されなくなってしまった！と連絡を受け、</p>
<p>その対応をしました。<br />
例えば、カテゴリがどのような構造かというと、</p>
<ul>
<li>大カテゴリ
<ul>
<li>カテゴリA</li>
<li>カテゴリB</li>
<li>カテゴリC</li>
<li>カテゴリD</li>
</ul>
</li>
</ul>
<p>こんな感じで、カテゴリA~Dには記事がありますが、</p>
<p>大カテゴリには記事がない場合、この大カテゴリのアーカイブページが出力されなくなってしまったということです。</p>
<p>この大カテゴリのページは、記事を表示するページではなく、サブカテゴリへ誘導するためのリンクが貼られているページになるため、</p>
<p>記事がなく、ここにチェックすることもしませんでした。</p>
<h2>解決方法</h3>
<p>空の記事を作って記事を表示させなくするのでもいいのかなと思ったのですが、</p>
<p>ちょっとかっこ悪いので、いろいろと探していたら、いい解決方法がありました。</p>
<p>&nbsp;</p>
<p><a href="http://www.h-fj.com/blog/archives/2012/12/23-152551.php">ブログ記事がないカテゴリアーカイブが出力されない(MT5.2.2) &#8211; The blog of H.Fujimoto</a></p>
<p>&nbsp;</p>
<p>この現象は、5.2.2のverから発生しているようですね。</p>
<p>解決方法は意外と簡単です。</p>
<p>MTのファイルの、</p>
<p>lib/MT/ArchiveType/Category.pm</p>
<p>の166行目を書き換えるだけでOKです！</p>
<p>これを</p>

		<div id="crayon-6495401577215143746566" 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">Perl</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;">
MT::ArchiveType::archive_entries_count( $obj, \%params );</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-6495401577215143746566-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-6495401577215143746566-1"><span class="crayon-e">MT::</span><span class="crayon-e">ArchiveType::</span><span class="crayon-e">archive_entries_count</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-v">$obj</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">\</span><span class="crayon-v">%params</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こう</p>

		<div id="crayon-6495401577219765123089" 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">Perl</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;">
return 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-6495401577219765123089-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-6495401577219765123089-1"><span class="crayon-r">return</span><span class="crayon-h"> </span>1<span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>これで無事、カテゴリアーカイブページが出力されました！</p>
<p>&nbsp;</p>
<p>これにより他の箇所でなんらかの誤作動は発生してしまうかもとのことですが、</p>
<p>今のところは特に問題なく動いています。</p>
<p>&nbsp;</p>
<p>なぜそんな使用になってしまったのか、、、参照させていただいたブログには、</p>
<p>その辺も書かれているのでぜひご覧下さい。</p>
<p>&nbsp;</p>
<p>また、バージョンアップしたりすると、戻ってしまうかもなので、</p>
<p>やはり、空記事を作成したほうが無難かもしれないですね・・・</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

MT5.2.10で記事がないカテゴリアーカイブページが出力されない！

【MySQL】状態確認用のSQL文

<p>webデザイン力ってどうやったらあがるだろうかと、制作するたびに思わされますが、</p>
<p>そんな悩みを少し解決してくれるような記事達と出会いましたので、ご紹介させていただきます。</p>
<p>&nbsp;</p>
<p>まずは一気にご紹介させていただきます！！</p>
<p>&nbsp;</p>
<p><a href="http://www.webcreatorbox.com/tech/improve-design-skills/">Webデザインのスキルを磨こう！Webサイト模写のススメ | Webクリエイターボックス</a></p>
<p><a href="http://liginc.co.jp/web/design/photoshop/74339">模写して学ぼう！駆け出しデザイナーのためのデザイン上達法 | 株式会社LIG</a></p>
<p><a href="http://blog.idea-clippin.com/?p=332">WEBデザインが短期間に上達した方法 | FEVDES BLOG</a></p>
<p><a href="http://blog.cntlog.net/?p=820">ぼっちでも独学でWEBデザイナーになる方法（基礎編） – Cntlog</a></p>
<p><a href="http://www.web-labo.jp/archives/1946">Webデザイン完コピのススメ！ゼロから始める初心者は、まず沢山のページを模写し真似して作るべし！ | WEB-LABO</a></p>
<p><a href="http://www.actzero.jp/developer/report-3826.html">Webデザイン力をアップさせる4つのアクション | 株式会社アクトゼロ／動画コンテンツマーケティング・ソーシャルメディアマーケティング</a></p>
<p><a href="http://nishizm.com/index.php/webdesign/webdesign-study/">独学Webデザイナーの独自なWebデザイン学習法 | ニシザワのブログ</a></p>
<p>&nbsp;</p>
<h2>webデザイン力をUPさせるために必要な事</h3>
<p>&nbsp;</p>
<p>上記の記事を踏まえて、わかったことは、</p>
<p><span style="font-size: medium;"><strong>・情報収集をする(webサイトをキャプチャ、ブックマークして手元に置いておく)</strong></span></p>
<p><span style="font-size: medium;"><strong>・サイトの模写をする</strong></span></p>
<p>することです。</p>
<p>&nbsp;</p>
<p>情報収集をすることで、目を鍛え、最新のデザインに触れることができます。</p>
<p>また、収集されたものを見ると、自分の趣味趣向がわかります。</p>
<p>&nbsp;</p>
<p>そして、収集するだけでは技術は上がらないので、</p>
<p>そこで模写をする必要があるようです。</p>
<p>&nbsp;</p>
<p>模写はキャプチャしたサイトをphotoshopで同じように作っていくのですが、</p>
<p>模写のポイントとしては、以下のようなことが挙げられていました。</p>
<blockquote><p><strong>* デザインテイストを決めている要素　（写真・色・パーツの作り・フォントだったり、それらが複雑にからみ合っています）</strong><br />
<strong> * 情報の強弱・グルーピング（大きさや余白、色によって意味が違ってきます）</strong><br />
<strong> * レイアウトの幅（全体の大きさや例えば2カラムの場合の左右のカラムの大きさ。少しの幅の違いでバランスがかわります</strong><br />
<strong> * 余白間（マージン）の取り方</strong><br />
<strong> * 見出しやテキストとのジャンプ率の付け方</strong><br />
<strong> * 使用色の割合と使用数、差し色の使い方</strong><br />
<strong> * 要素同士のサイズ感のバランス</strong><br />
<strong> * 際立たせたい箇所の目立たせ方</strong></p></blockquote>
<p>これらを踏まえ、<br />
<strong>「良い」と思った理由を分析</strong>し、<strong>キーワード化して認識</strong>すると、<br />
おのずと良いデザインができるようになるのではないかということですね。</p>
<p>&nbsp;</p>
<p>そして<strong>photoshopの扱い方</strong>もまなぶことができます。<br />
<strong>グラデーション、シャイプの生成、テクスチャ</strong>等々、真似しようとすれば、<br />
どのように作成したらいいのかを考えるようになります。</p>
<p>完成したpsdはそれをもとにコーディングもやると、<br />
<strong>html構成、class/idのつけかた、css等</strong>を学ぶ勉強になるとなる思います。</p>
<p>&nbsp;</p>
<p>いいことだらけですね！！</p>
<p>これはやるしかない！！</p>
<p>と思いつつ僕もやってますが、なかなか取り組めてません・・・</p>
<p>&nbsp;</p>
<p>もっと取り組んで自分なりの考えができたら、またそれをまとめたいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


webデザイン力をUPさせるために必要な事を教えてくれた記事7選

canvasで日本地図を表示してくれるjQueryプラグインのJapanMap

<p>wordpressの関数（例えば、get_posts）に検索条件を指定したのに、出てきた結果がイメージと違う場合がよくあります。そんなときに、どういうSQL文が発行（実行）されたかを確認したときがあります。</p>
<p>今回は、wordpressで発行したSQL文を確認する方法を紹介します。</p>
<p>とは言え、単純に</p>
<h3>wp-config.phpに設定を追加</h4>
<p></p>

		<div id="crayon-64954015769a9935773500" 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;">
define ('SAVEQUERIES', true);</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-64954015769a9935773500-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-64954015769a9935773500-1"><span class="crayon-e">define</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-s">'SAVEQUERIES'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>して、</p>
<h3>wordpressのglobal変数をdump</h4>
<p></p>

		<div id="crayon-64954015769ad789582590" 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;">
global $wpdb;
var_dump($wpdb-&gt;queries);</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-64954015769ad789582590-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015769ad789582590-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-64954015769ad789582590-1"><span class="crayon-m">global</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">wpdb</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015769ad789582590-2"><span class="crayon-e">var_dump</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">wpdb</span>-<span class="crayon-h">&gt;</span><span class="crayon-i">queries</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>すればいいです。</p>
<p>get_postsが発行したSQL文を知りたければ、dumpする直前に1回</p>
<p></p>

		<div id="crayon-64954015769af041116323" 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;">
$params = array(...);
get_posts($params);</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-64954015769af041116323-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015769af041116323-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-64954015769af041116323-1"><span class="crayon-sy">$</span><span class="crayon-i">params</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-sy">(</span><span class="crayon-sy">.</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-64954015769af041116323-2"><span class="crayon-e">get_posts</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">params</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>を実行してdumpすると、直前のget_postsが発行したSQL文はvar_dumpの最後に入れますので、とても便利です。</p>

wordpressでsqlを確認する方法

<p>システムの移行で、旧システムのDBのダンプファイルをeuc-jpの文字コードでもらいました。<br />
新しいDBはutf8なので、そのままは使えません。<br />
DBの設定を変更したくないので、ダンプファイルの文字コードを変換し直接DBに入れるしかありません。</p>
<p>手間がかかるかと思いましたが、簡単な手順で対応できました。</p>
<h2>手順</h3>
<h3>nkfコマンドで文字コード変換</h4>
<p></p>

		<div id="crayon-649540157676f579685259" 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;">
nkf -wE database.dump &gt; database_utf8.dump</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-649540157676f579685259-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-649540157676f579685259-1"><span class="crayon-i">nkf</span><span class="crayon-h"> </span>-<span class="crayon-e">wE </span><span class="crayon-i">database</span><span class="crayon-sy">.</span><span class="crayon-i">dump</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">database_utf8</span><span class="crayon-sy">.</span><span class="crayon-i">dump</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>「ujis」の文字列を「utf8」に置換</h4>
<p></p>

		<div id="crayon-6495401576774874145250" 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;">
sed -e 's/ujis/utf8/g' database_utf8.dump &gt; output_utf8.dump</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-6495401576774874145250-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-6495401576774874145250-1"><span class="crayon-i">sed</span><span class="crayon-h"> </span>-<span class="crayon-i">e</span><span class="crayon-h"> </span><span class="crayon-s">'s/ujis/utf8/g'</span><span class="crayon-h"> </span><span class="crayon-i">database_utf8</span><span class="crayon-sy">.</span><span class="crayon-i">dump</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">output_utf8</span><span class="crayon-sy">.</span><span class="crayon-i">dump</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h2>おまけ</h3>
<p>ダンプファイルのデータを取り込むとき、下記エラーが発生して完全に入れられませんでした。</p>

		<div id="crayon-6495401576776417017225" 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;">
MySQL server has gone away</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-6495401576776417017225-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-6495401576776417017225-1"><span class="crayon-e">MySQL </span><span class="crayon-e">server </span><span class="crayon-e">has </span><span class="crayon-e">gone </span><span class="crayon-i">away</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>調べてみると、下記設定に関係あるのようで、少し大きめに設定して解決出来ました。</p>
<p></p>

		<div id="crayon-6495401576777462702290" 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;">
// my.cnf
max_allowed_packet = 128M</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-6495401576777462702290-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401576777462702290-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-6495401576777462702290-1"><span class="crayon-c">// my.cnf</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401576777462702290-2"><span class="crayon-i">max_allowed_packet</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">128M</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

linuxでの文字コード変換

<p>最近、よく目にするようになった「Git」。</p>
<p>最初は無視していたのですが、わかりやすい記事・大変便利だと記事を目にする度、</p>
<p>ちょっとやってみようかなと思っている今日この頃。</p>
<p>よくよく中身を見ていると、うちのような会社は導入すべきだろっっと思わされる程良く感じます。</p>
<p>まだ実践していないので、実際の導入記事は書く事はできませんが、わかりやすくGitについて説明してくれる記事を後で自分も読むためにも、そして弊社でも導入のきっかけとなる期待も込めて、紹介したいと思います。</p>
<p>&nbsp;</p>
<h2>もっと早く知りたかった！ Gitが鬼のようにわかるスライド厳選7選</h3>
<p><a href="/uploads-archive/2014/05/cd6aa68486f333cff5dad10093f22534.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-4856" alt="もっと早く知りたかった！ Gitが鬼のようにわかるスライド厳選7選  Find Job ! Startup" src="/uploads-archive/2014/05/cd6aa68486f333cff5dad10093f22534-1024x541.jpg" width="400" height="211" srcset="/uploads-archive/2014/05/cd6aa68486f333cff5dad10093f22534-1024x541.jpg 1024w, /uploads-archive/2014/05/cd6aa68486f333cff5dad10093f22534-300x158.jpg 300w, /uploads-archive/2014/05/cd6aa68486f333cff5dad10093f22534-228x120.jpg 228w, /uploads-archive/2014/05/cd6aa68486f333cff5dad10093f22534.jpg 1224w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>ここのスライドを読めばもう十分かもしれない・・・というぐらいのもので、</p>
<p>Gitというものがなんなのかをわかりやすく説明してくれるスライドが揃っています！</p>
<p>&nbsp;</p>
<p><a href="http://www.find-job.net/startup/7-git-slides">もっと早く知りたかった！ Gitが鬼のようにわかるスライド厳選7選 | Find Job ! Startup</a></p>
<p>&nbsp;</p>
<h2>Git初心者がクラスメイトに使い方を講義してみる</h3>
<p><a href="/uploads-archive/2014/05/a0bff7f14bba8301c34352d485020c62.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-4855" alt="Git初心者がクラスメイトに使い方を講義してみる - Qiita" src="/uploads-archive/2014/05/a0bff7f14bba8301c34352d485020c62-1024x541.jpg" width="400" height="211" srcset="/uploads-archive/2014/05/a0bff7f14bba8301c34352d485020c62-1024x541.jpg 1024w, /uploads-archive/2014/05/a0bff7f14bba8301c34352d485020c62-300x158.jpg 300w, /uploads-archive/2014/05/a0bff7f14bba8301c34352d485020c62-228x120.jpg 228w, /uploads-archive/2014/05/a0bff7f14bba8301c34352d485020c62.jpg 1224w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>基本的なことから、用語解説、そしてキャプチャつきで導入までの説明をしてくれています。(windows)</p>
<p>&nbsp;</p>
<p><a href="http://qiita.com/rytmrt/items/67fc52b8444207332ac3">Git初心者がクラスメイトに使い方を講義してみる &#8211; Qiita</a></p>
<p>&nbsp;</p>
<h2>本当は怖くない！デザイナーがGitを大好きになった♡５つの理由</h3>
<p><a href="/uploads-archive/2014/05/319334ba7104f111a8797be4d197fc73.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-4859" alt="本当は怖くない！デザイナーがGitを大好きになった♡５つの理由  nanapi TechBlog" src="/uploads-archive/2014/05/319334ba7104f111a8797be4d197fc73-1024x541.jpg" width="400" height="211" srcset="/uploads-archive/2014/05/319334ba7104f111a8797be4d197fc73-1024x541.jpg 1024w, /uploads-archive/2014/05/319334ba7104f111a8797be4d197fc73-300x158.jpg 300w, /uploads-archive/2014/05/319334ba7104f111a8797be4d197fc73-228x120.jpg 228w, /uploads-archive/2014/05/319334ba7104f111a8797be4d197fc73.jpg 1224w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>nanapiさんのデザイナーさんの記事で、nanapiさんはアルバイトの方でも導入しているようで、</p>
<p>記事の内容としては、プログラマ向けというよりデザイナー向けに書かれた内容になっているので、</p>
<p>自分的にはなにが出来るのかというイメージが端的につきました。</p>
<p>&nbsp;</p>
<p><a href="http://nanapi.co.jp/blog/2014/04/23/git-love/">本当は怖くない！デザイナーがGitを大好きになった♡５つの理由 | nanapi TechBlog</a></p>
<p>&nbsp;</p>
<h2>SourceTreeでWordPressテーマを管理するようにしたらデザイン修正がすげー捗るようになった</h3>
<p><a href="/uploads-archive/2014/05/0f8d1badb881c309a236a5f36b533aac.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-4857" alt="SourceTreeでWordPressテーマを管理するようにしたらデザイン修正がすげー捗るようになった  ごりゅご.com" src="/uploads-archive/2014/05/0f8d1badb881c309a236a5f36b533aac-1024x541.jpg" width="399" height="210" srcset="/uploads-archive/2014/05/0f8d1badb881c309a236a5f36b533aac-1024x541.jpg 1024w, /uploads-archive/2014/05/0f8d1badb881c309a236a5f36b533aac-300x158.jpg 300w, /uploads-archive/2014/05/0f8d1badb881c309a236a5f36b533aac-228x120.jpg 228w, /uploads-archive/2014/05/0f8d1badb881c309a236a5f36b533aac.jpg 1224w" sizes="(max-width: 399px) 100vw, 399px" /></a></p>
<p>Gitをつかうためのアプリとして「SourseTree」というGUIで操作できるものがあるようなので、そちらの使い方も説明してくれています。</p>
<p>なにより、wordpressというよく案件でかかわることを題材にしているので、参考になりました。</p>
<p>&nbsp;</p>
<p><a href="http://goryugo.com/20140116/sourcetree_git/">SourceTreeでWordPressテーマを管理するようにしたらデザイン修正がすげー捗るようになった | ごりゅご.com</a></p>
<p>&nbsp;</p>
<h2>サルでもわかるGit入門</h3>
<p><a href="/uploads-archive/2014/05/267fdeb4bd213154b66701725cc110cb.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-4858" alt="Gitを使ったバージョン管理【Gitの基本】  サルでもわかるGit入門 〜バージョン管理を使いこなそう〜  どこでもプロジェクト管理バックログ" src="/uploads-archive/2014/05/267fdeb4bd213154b66701725cc110cb-1024x541.jpg" width="399" height="210" srcset="/uploads-archive/2014/05/267fdeb4bd213154b66701725cc110cb-1024x541.jpg 1024w, /uploads-archive/2014/05/267fdeb4bd213154b66701725cc110cb-300x158.jpg 300w, /uploads-archive/2014/05/267fdeb4bd213154b66701725cc110cb-228x120.jpg 228w, /uploads-archive/2014/05/267fdeb4bd213154b66701725cc110cb.jpg 1224w" sizes="(max-width: 399px) 100vw, 399px" /></a></p>
<p>こちらはもうそうとう有名だとは思いますが、一応ご紹介。</p>
<p>入門編、応用編、さらに逆引きで気になることが調べることができちゃいます。</p>
<p>説明はもちろん、「SourseTree」を元として、導入のチュートリアルもあり、メニュー化されているので、とてもわかりやすい記事、というかもうこれはサイトですね。</p>
<p>&nbsp;</p>
<p><a href="http://www.backlog.jp/git-guide/intro/intro1_1.html">Gitを使ったバージョン管理【Gitの基本】 | サルでもわかるGit入門 〜バージョン管理を使いこなそう〜 | どこでもプロジェクト管理バックログ</a></p>
<p>&nbsp;</p>
<h2>おわりに</h3>
<p>今まではプログラマーが使うものとイメージがあったのですが、</p>
<p>サイトの設計書、html・css・js、wordpressのテーマ等、自分が日々制作しているものにも関わりがあり、</p>
<p>なんといっても、「実はサイトマップ変わったよ」「最新どれだっけ？」「あ、そのファイル更新してました」「以前修正したものが戻っちゃった」ことが起こるので、そちらを軽減出来るのかなと思い、便利だと思いました。</p>
<p>htmlのやりとりでも、社内外問わず、「ここの部分変わりました！」と伝えることが多いので、いちいち打ち合わせしてたら大変だし、漏れが発生しちゃうので、差分を教えてくれるのはとてもありがたいですね！</p>
<p>複数人で取り組む場合はこれぜひ導入すべきですね！</p>
<p>&nbsp;</p>


Gitに挑戦してみたい！！と思ったら読んでみたい記事

<p><strong>WordPress</strong>で<strong>サムネイル</strong>を出力する際、<strong>画像のサイズ</strong>を自由に変更する方法として、</p>
<p>function.php内でadd_image_size()という関数を使って事前に変更するサイズを定義したり、</p>
<p>サムネイルを出力するときに使うthe_post_thumbnail()という関数等のサイズ指定で、</p>

		<div id="crayon-64954015762f0394074754" 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">php</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;? the_post_thumbnail( array(40,40) ); ?&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-64954015762f0394074754-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-64954015762f0394074754-1"><span class="crayon-ta">&lt;?</span><span class="crayon-h"> </span><span class="crayon-e">the_post_thumbnail</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-sy">(</span><span class="crayon-cn">40</span><span class="crayon-sy">,</span><span class="crayon-cn">40</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-ta">?&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>という風に、配列で直接大きさを指定する方法があります。</p>
<p>&nbsp;</p>
<p>しかしこれらは基本的にWordPressのメディアで登録した画像ではない場合、出力することができないため、</p>
<p>メディアに登録していない画像をサムネイルとして出力したい場合などには、これらの方法は使うことができません。</p>
<p>&nbsp;</p>
<p>先ほどWordPressで制作していたサイトで、旧サイトから新サイトへ記事を引っ越しさせなければならなかったのですが、</p>
<p>記事がとても多くファイルのサイズが大きすぎたためか、</p>
<p>メディアの内容をエクスポート→インポートによって一緒に移すことができなかったため、</p>
<p>FTPでメディア内の画像ファイルを直接移動する方法を取らざるを得ず、</p>
<p>旧サイトの記事内の画像がメディアに登録されていないという状態になってしまいました。</p>
<p>&nbsp;</p>
<p>この状態では、先ほどご紹介した方法でサムネイルとして表示することができないため、</p>
<p>別の方法を探したところ、見つけることができましたので、ご紹介いたします。</p>
<p>&nbsp;</p>
<p>↓コチラのサイトで公開されているPHPのクラスを利用した方法です。</p>
<p><a class="link" title="Resizeimg Class（PHPクラス）" href="http://doluck.net/release/resizeimg_class/" target="_blank">Resizeimg Class（PHPクラス）</a></p>
<h2>方法</h3>
<p>1.上のご紹介している<a href="http://doluck.net/release/resizeimg_class/" target="_blank">サイト</a>から、「resizeimg.class.php」をダウンロードして、resizeimg.class.phpをFTPからテーマの入っているフォルダ（例：wp/wp-content/themes/[選んでいるテーマのフォルダ]/）にアップロードします。</p>
<p>&nbsp;</p>
<p>2.function.phpに以下のコードを記入します。</p>

		<div id="crayon-64954015762f7275926631" 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">function.php内</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;">
include_once('[ルートパス]/wp/wp-content/themes/[選んでいるテーマのフォルダ]'.'/resizeimg.class.php');
$RI = new resize_image();</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-64954015762f7275926631-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015762f7275926631-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-64954015762f7275926631-1"><span class="crayon-k ">include_once</span><span class="crayon-sy">(</span><span class="crayon-s">'[ルートパス]/wp/wp-content/themes/[選んでいるテーマのフォルダ]'</span><span class="crayon-sy">.</span><span class="crayon-s">'/resizeimg.class.php'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015762f7275926631-2"><span class="crayon-v">$RI</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">resize_image</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>&nbsp;</p>
<p>3.出力する箇所に、以下のコードを記入します。</p>

		<div id="crayon-64954015762fa896684352" 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;img src="&lt;?php
  $src = '[出力したい画像のURL]';
  $width = 40; //サムネイルの横幅
  $height = 40; //サムネイルの高さ
  $type = '[サムネイルの切り抜き方法]';
    /*サムネイルの切り抜き方法
      fit : 指定サイズにフィットするようにリサイズ＆トリミング ※指定サイズより小さな画像は拡大してトリミング
      resize : 指定サイズ内に収まるように縮小　※指定サイズより小さな画像はそのまま表示されます
      wfit : 横幅だけを指定サイズに合わせます
      hfit : 縦サイズだけを指定サイズに合わせます
    　指定の例　$type = 'fit';
    */
  $new_image_path = $RI-&gt;disp_resize_img_path( $src, $width, $height, $type );
  echo $new_image_path; ?&gt;" alt="image"&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-64954015762fa896684352-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015762fa896684352-2">2</div><div class="crayon-num" data-line="crayon-64954015762fa896684352-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015762fa896684352-4">4</div><div class="crayon-num" data-line="crayon-64954015762fa896684352-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015762fa896684352-6">6</div><div class="crayon-num" data-line="crayon-64954015762fa896684352-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015762fa896684352-8">8</div><div class="crayon-num" data-line="crayon-64954015762fa896684352-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015762fa896684352-10">10</div><div class="crayon-num" data-line="crayon-64954015762fa896684352-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015762fa896684352-12">12</div><div class="crayon-num" data-line="crayon-64954015762fa896684352-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015762fa896684352-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-64954015762fa896684352-1"><span class="crayon-h">&lt;</span><span class="crayon-e">img </span><span class="crayon-i">src</span>=<span class="crayon-s">"<span class="crayon-ta">&lt;?php</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015762fa896684352-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$src</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'[出力したい画像のURL]'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954015762fa896684352-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$width</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">40</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//サムネイルの横幅</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015762fa896684352-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$height</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">40</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//サムネイルの高さ</span></div><div class="crayon-line" id="crayon-64954015762fa896684352-5"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$type</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'[サムネイルの切り抜き方法]'</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015762fa896684352-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">/*サムネイルの切り抜き方法</span></div><div class="crayon-line" id="crayon-64954015762fa896684352-7"><span class="crayon-c">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fit : 指定サイズにフィットするようにリサイズ＆トリミング ※指定サイズより小さな画像は拡大してトリミング</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015762fa896684352-8"><span class="crayon-c">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;resize : 指定サイズ内に収まるように縮小　※指定サイズより小さな画像はそのまま表示されます</span></div><div class="crayon-line" id="crayon-64954015762fa896684352-9"><span class="crayon-c">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wfit : 横幅だけを指定サイズに合わせます</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015762fa896684352-10"><span class="crayon-c">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hfit : 縦サイズだけを指定サイズに合わせます</span></div><div class="crayon-line" id="crayon-64954015762fa896684352-11"><span class="crayon-c">&nbsp;&nbsp;&nbsp;&nbsp;　指定の例　$type = 'fit';</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015762fa896684352-12"><span class="crayon-c">&nbsp;&nbsp;&nbsp;&nbsp;*/</span></div><div class="crayon-line" id="crayon-64954015762fa896684352-13"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$new_image_path</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-v">$RI</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">disp_resize_img_path</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-v">$src</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-v">$width</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-v">$height</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-v">$type</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-64954015762fa896684352-14"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-v">$new_image_path</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-ta">?&gt;</span>"</span><span class="crayon-h"> </span><span class="crayon-i">alt</span>=<span class="crayon-s">"image"</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>これで完了です。</p>
<p>&nbsp;</p>
<p>大きさだけでなく、切り抜きの方法も選ぶことができ、指定方法もわかりやすいので、</p>
<p>とても便利です。</p>

【PHP】WordPress内でメディアに登録していない画像をリサイズ・切り抜きする方法

<p>今回は、最近では数が少なくなってきていますが、</p>
<p>イラストを装飾に使ったサイトを探してみました。</p>
<p>&nbsp;</p>
<p><a href="http://www.yamashita-fruit.com/" target="_blank"><img decoding="async" loading="lazy" title="山下フルーツ農園" alt="山下フルーツ農園" src="/uploads-archive/2014/04/43d4a186e626f3567465de39c1bc374e.jpg" width="656" height="396" /></a></p>
<p><a class="link" href="http://www.yamashita-fruit.com/" target="_blank">山下フルーツ農園</a></p>
<p>小さなイラストが背景に散らばってる感じが面白いです。</p>
<p>&nbsp;</p>
<p><a href="http://www.kao.co.jp/asience/" target="_blank"><img decoding="async" loading="lazy" title="花王　アジエンス" alt="花王　アジエンス" src="/uploads-archive/2014/04/901a7d47f80080ae8fcaca720b35b40f.jpg" width="656" height="396" /></a></p>
<p><a class="link" href="http://www.kao.co.jp/asience/" target="_blank">花王　アジエンス 美容液シャンプー　コンディショナー　トリートメント</a></p>
<p>単色ではなく、カラフルな植物系の装飾が軽く背景にあてられているのがきれいです。</p>
<p>&nbsp;</p>
<p><a href="http://madonna-kyoto.jp/" target="_blank"><img decoding="async" loading="lazy" title="MADONNA" alt="MADONNA" src="/uploads-archive/2014/04/MADONNA.jpg" width="656" height="396" /></a></p>
<p><a class="link" href="http://madonna-kyoto.jp/" target="_blank">MADONNA styling / MADONNA hair&amp;make up | マドンナ スタイリング / ヘア&amp;メイクアップ | 京都のパーソナルスタイリスト </a></p>
<p>シンプルですが、枠の感じから高級感が出ています。</p>
<p>&nbsp;</p>
<p><a href="http://tail-of-hope.com/" target="_blank"><img decoding="async" loading="lazy" title="Catch the Tail of Hope" alt="Catch the Tail of Hope" src="/uploads-archive/2014/04/Catch_the_Tail_of_Hope.jpg" width="656" height="396" /></a></p>
<p><a class="link" href="http://tail-of-hope.com/" target="_blank">Catch the Tail of Hope</a></p>
<p>まばらに配置された不規則な図形が面白いです。</p>
<p>&nbsp;</p>
<p><a href="http://www.mitsu-mame.jp/" target="_blank"><img decoding="async" loading="lazy" title="ロート製薬｜蜜まめ(R)" alt="ロート製薬｜蜜まめ(R)" src="/uploads-archive/2014/04/34670506bb2ed78b2551d7948aef1ba6.jpg" width="656" height="396" /></a></p>
<p><a class="link" href="http://www.mitsu-mame.jp/" target="_blank">ロート製薬｜蜜まめ(R)</a></p>
<p>個人的に気に入っているサイトですが、細かな装飾と動きが面白いです。</p>


イラストや模様による装飾を使ったサイト

<p><span style="line-height: 1.5em;">さくっと時間をかけずインパクトのあるバナーなどをつくろうとした時</span>マンガ風のデザインを取り入れると楽に作れるということに今さらながら気付きそんな素材を提供してくれるサイトを自分が見つけられた範囲でまとめてみた。</p>
<h2><span style="line-height: 1.5em;">一コマ漫画素材</span></h3>
<p><a href="http://manga1.net/" target="_blank">http://manga1.net/</a></p>
<p>素材の数は少ないが、連絡・商用利用可能な人物素材を提供しているサイト。</p>
<p><a href="/uploads-archive/2014/04/1.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4756" alt="1" src="/uploads-archive/2014/04/1.png" width="656" height="354" srcset="/uploads-archive/2014/04/1.png 656w, /uploads-archive/2014/04/1-300x161.png 300w, /uploads-archive/2014/04/1-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>インパクトのあるベース素材が入手できそう。</p>
<p><a href="/uploads-archive/2014/04/a.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4761" alt="a" src="/uploads-archive/2014/04/a.png" width="656" height="354" srcset="/uploads-archive/2014/04/a.png 656w, /uploads-archive/2014/04/a-300x161.png 300w, /uploads-archive/2014/04/a-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><em>※「一コマ漫画素材」の素材を使用</em></p>
<p>&nbsp;</p>
<h2><span style="font-size: 1em; line-height: 1.5em;">無料！マンガ素材辞典β</span></h3>
<p><a href="https://www.sozaijiten.com/manga/" target="_blank">https://www.sozaijiten.com/manga/</a></p>
<p>「マンガ 素材」でググって1番に出てくるサイト。たぶん慣れた人は御用達な感じ。</p>
<p><a href="/uploads-archive/2014/04/2.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4758" alt="2" src="/uploads-archive/2014/04/2.png" width="656" height="354" srcset="/uploads-archive/2014/04/2.png 656w, /uploads-archive/2014/04/2-300x161.png 300w, /uploads-archive/2014/04/2-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>景観、高架線、文字、吹き出し、キャラクターなどなんでも揃う。</p>
<p>まだベータ版なので量が少ないが今後に期待</p>
<p><a href="/uploads-archive/2014/04/b.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4760" alt="b" src="/uploads-archive/2014/04/b.png" width="656" height="354" srcset="/uploads-archive/2014/04/b.png 656w, /uploads-archive/2014/04/b-300x161.png 300w, /uploads-archive/2014/04/b-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><em>※「無料！マンガ素材辞典β」の素材を使用</em></p>
<p>&nbsp;</p>
<h2>擬音祭り</h3>
<p><a href="http://www.gion-matsuri.net/" target="_blank">http://www.gion-matsuri.net/</a></p>
<p>擬音語だけを集めたサイト。</p>
<p><a href="/uploads-archive/2014/04/3.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4754" alt="3" src="/uploads-archive/2014/04/3.png" width="656" height="354" srcset="/uploads-archive/2014/04/3.png 656w, /uploads-archive/2014/04/3-300x161.png 300w, /uploads-archive/2014/04/3-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>言葉のチョイスに疑問が残るが使えるサイト</p>
<p><a href="/uploads-archive/2014/04/c.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4759" alt="c" src="/uploads-archive/2014/04/c.png" width="656" height="354" srcset="/uploads-archive/2014/04/c.png 656w, /uploads-archive/2014/04/c-300x161.png 300w, /uploads-archive/2014/04/c-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><em>※「擬音祭り」の素材を使用</em></p>
<p>&nbsp;</p>
<h2>フキダシデザイン</h3>
<p><a href="http://fukidesign.com/" target="_blank">http://fukidesign.com/</a></p>
<p>マンガ素材でなくても有名なサイト。</p>
<p><a href="/uploads-archive/2014/04/4.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4755" alt="4" src="/uploads-archive/2014/04/4.png" width="656" height="354" srcset="/uploads-archive/2014/04/4.png 656w, /uploads-archive/2014/04/4-300x161.png 300w, /uploads-archive/2014/04/4-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>マンガだけでく多方面で利用したいサイト</p>
<p><a href="/uploads-archive/2014/04/d.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4762" alt="d" src="/uploads-archive/2014/04/d.png" width="656" height="354" srcset="/uploads-archive/2014/04/d.png 656w, /uploads-archive/2014/04/d-300x161.png 300w, /uploads-archive/2014/04/d-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><em>※「フキダシデザイン」の素材を使用</em></p>
<p>&nbsp;</p>
<h2>背景素材(複数)</h3>
<p><a href="http://www.oujyukai.com/home/material/sharing.html" target="_blank">http://www.oujyukai.com/home/material/sharing.html</a></p>
<p>h<a href="ttp://www.manga-gai.net/mangakasoudan/haikei.html" target="_blank">ttp://www.manga-gai.net/mangakasoudan/haikei.html</a></p>
<p>背景は大変なのかあまりまとまったサイトがなさそう。</p>
<p><a href="/uploads-archive/2014/04/5.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4757" alt="5" src="/uploads-archive/2014/04/5.png" width="656" height="354" srcset="/uploads-archive/2014/04/5.png 656w, /uploads-archive/2014/04/5-300x161.png 300w, /uploads-archive/2014/04/5-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>背景は写真を見つけてPhotoshopで加工したほうが良さそう</p>
<p><a href="/uploads-archive/2014/04/e1.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4765" alt="e" src="/uploads-archive/2014/04/e1.png" width="656" height="354" srcset="/uploads-archive/2014/04/e1.png 656w, /uploads-archive/2014/04/e1-300x161.png 300w, /uploads-archive/2014/04/e1-228x123.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><em>※「マンガ工房」の素材を使用</em></p>


マンガ系の素材を提供しているサイト

<h2>Kuler</h3>
<p>言わずと知れたKulerですが、<br />
cs4からはデフォルトで入っているようです。<br />
配色のパターンを探すのにとても便利です！<br />
<img decoding="async" loading="lazy" class="alignnone  wp-image-4744" alt="スクリーンショット 2014-04-22 13.41.30" src="/uploads-archive/2014/04/8d21f8784eb99264aece156e4d9cd8ca.png" width="641" height="508" srcset="/uploads-archive/2014/04/8d21f8784eb99264aece156e4d9cd8ca.png 838w, /uploads-archive/2014/04/8d21f8784eb99264aece156e4d9cd8ca-300x238.png 300w, /uploads-archive/2014/04/8d21f8784eb99264aece156e4d9cd8ca-228x180.png 228w" sizes="(max-width: 641px) 100vw, 641px" /></p>
<p>&nbsp;</p>
<p><a href="http://www.adobe.com/jp/products/kuler.html" target="_blank">デザイナー向け色見本を作成 | Adobe Kulerをダウンロード</a></p>
<p>&nbsp;</p>
<h2>Velositey</h3>
<p>こちらはなんと数クリックでwebサイトのワイヤーフレームができてしまうという代物です。<br />
テンプレートですので、完全に思った通りにはできないですが、<br />
近いものを作って後は自分で編集すれば良いかと思います。<br />
<img decoding="async" loading="lazy" class="alignnone  wp-image-4743" alt="スクリーンショット 2014-04-22 13.41.58" src="/uploads-archive/2014/04/ce1c5372866d6d1d260638a4ee3276c1.png" width="640" height="536" srcset="/uploads-archive/2014/04/ce1c5372866d6d1d260638a4ee3276c1.png 839w, /uploads-archive/2014/04/ce1c5372866d6d1d260638a4ee3276c1-300x251.png 300w, /uploads-archive/2014/04/ce1c5372866d6d1d260638a4ee3276c1-228x191.png 228w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>&nbsp;</p>
<p>実際に作成してみました。<br />
ちょっとスペースの開け方は要調整ですね。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-4741" alt="sd-proof-XXX-home-v0" src="/uploads-archive/2014/04/sd-proof-XXX-home-v0-1024x963.jpg" width="640" height="601" srcset="/uploads-archive/2014/04/sd-proof-XXX-home-v0-1024x963.jpg 1024w, /uploads-archive/2014/04/sd-proof-XXX-home-v0-300x282.jpg 300w, /uploads-archive/2014/04/sd-proof-XXX-home-v0-228x214.jpg 228w, /uploads-archive/2014/04/sd-proof-XXX-home-v0.jpg 1700w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><a href="http://dandkagency.com/velositey/" target="_blank">Velositey &#8211; Website Layout Builder for Photoshop</a></p>
<p>&nbsp;</p>
<h2>Distribute Layer Spacing Horizontal</h3>
<p>こちらは、水平方向にならんだオブジェクトを等間隔で並べてくれるプラグインです！<br />
幅が違うオブジェクトを目測で並べたりする時もあり、その際にいいかもしれません。</p>
<p>&nbsp;</p>
<p>before<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-4745" alt="スクリーンショット 2014-04-22 13.49.20" src="/uploads-archive/2014/04/8fae42eeed6e85926b9102f89df9caa0.png" width="502" height="133" srcset="/uploads-archive/2014/04/8fae42eeed6e85926b9102f89df9caa0.png 502w, /uploads-archive/2014/04/8fae42eeed6e85926b9102f89df9caa0-300x79.png 300w, /uploads-archive/2014/04/8fae42eeed6e85926b9102f89df9caa0-228x60.png 228w" sizes="(max-width: 502px) 100vw, 502px" /></p>
<p>after<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-4748" alt="スクリーンショット 2014-04-22 13.49.41" src="/uploads-archive/2014/04/6992532f833301882c734c7d8ffabf8b.png" width="500" height="137" srcset="/uploads-archive/2014/04/6992532f833301882c734c7d8ffabf8b.png 500w, /uploads-archive/2014/04/6992532f833301882c734c7d8ffabf8b-300x82.png 300w, /uploads-archive/2014/04/6992532f833301882c734c7d8ffabf8b-228x62.png 228w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>端のオブジェクトを元に等間隔で並べてるようですね。</p>
<p>&nbsp;</p>
<p><a href="http://morris-photographics.com/photoshop/scripts/distribute-horizontally.html" target="_blank">Adobe Photoshop Scripts | Trevor Morris Photographics</a></p>
<p>&nbsp;</p>
<h2>Transform Each 2.0</h3>
<p>こちらは複数のオブジェクトを個々で変更するように、変形できるプラグイン(スクリプト)です。<br />
例えば、３つ並んでいる同じオブジェクトをちょっと小さくしたいなって思う時、一気に変更できたらいいのになぁ<br />
と思うことありませんか？<br />
全部選択して変形しようとすると、おかしくなっちゃうので、これは地味に便利かと思います。</p>
<p>例えば下の画像を全部70％に縮小したい場合、<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-4748" alt="スクリーンショット 2014-04-22 13.49.41" src="/uploads-archive/2014/04/6992532f833301882c734c7d8ffabf8b.png" width="500" height="137" srcset="/uploads-archive/2014/04/6992532f833301882c734c7d8ffabf8b.png 500w, /uploads-archive/2014/04/6992532f833301882c734c7d8ffabf8b-300x82.png 300w, /uploads-archive/2014/04/6992532f833301882c734c7d8ffabf8b-228x62.png 228w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>レイヤーを全部選択して、このプラグインを発動させると・・・<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-4747" alt="スクリーンショット 2014-04-22 13.50.51" src="/uploads-archive/2014/04/31de2af3ffe234cd6ceee2efd255a21b.png" width="498" height="119" srcset="/uploads-archive/2014/04/31de2af3ffe234cd6ceee2efd255a21b.png 498w, /uploads-archive/2014/04/31de2af3ffe234cd6ceee2efd255a21b-300x71.png 300w, /uploads-archive/2014/04/31de2af3ffe234cd6ceee2efd255a21b-228x54.png 228w" sizes="(max-width: 498px) 100vw, 498px" /></p>
<p>一気に変形することができます！<br />
素晴らしい！！</p>
<p><a href="http://blog.kam88.com/en/transform-each-20.html" target="_blank">Captain Awesome &#8211; English &#8211; Transform Each 2.0</a></p>
<p>&nbsp;</p>
<h2>Tych Panel</h3>
<p>こちらは複数の写真を設定した内容のもと、自動的に並べてくれるプラグインです。<br />
メインビジュアルや、グリッド状で写真を並べたい時にいいかもしれません。</p>
<p>設定は、写真と写真のスペース、ボーダーの設定、場所等いろいろできます。</p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-4746" alt="スクリーンショット 2014-04-22 13.59.11" src="/uploads-archive/2014/04/c6050b48d9ac4b1b92306248a5496971.png" width="640" height="521" srcset="/uploads-archive/2014/04/c6050b48d9ac4b1b92306248a5496971.png 836w, /uploads-archive/2014/04/c6050b48d9ac4b1b92306248a5496971-300x244.png 300w, /uploads-archive/2014/04/c6050b48d9ac4b1b92306248a5496971-228x185.png 228w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>試しにデフォルトのTopでやってみました。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-4742" alt="スクリーンショット 2014-04-22 14.03.30" src="/uploads-archive/2014/04/2d312e911c84dab8c2601e6a11d14460.png" width="640" height="403" srcset="/uploads-archive/2014/04/2d312e911c84dab8c2601e6a11d14460.png 794w, /uploads-archive/2014/04/2d312e911c84dab8c2601e6a11d14460-300x188.png 300w, /uploads-archive/2014/04/2d312e911c84dab8c2601e6a11d14460-228x143.png 228w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>これは設定さえすれば、だいぶ手間が省けそうですね！</p>
<p>&nbsp;</p>
<p><a href="http://coliss.com/articles/build-websites/operation/design/photoshop-extension-tychpanel.html" target="_blank">複数の画像のレイアウトを自動化できるPhotoshopのエクステンション -Tych Panel | コリス</a></p>


とっても便利なphotshopのプラグイン5選

<h2>現象</h3>
<p>さくらのレンタルサーバーを使うホームページが、前からphpファイル拡張子なしでアクセス（例えば、www.example.com/demo.phpのリンクが、www.example.com/demoでアクセスできる）できてましたが、<br />
最近はPHP拡張子なしでのアクセスができなくなりました。</p>
<h2>原因推測</h3>
<p>phpinfo()でPHP関連の情報を確認したら、PHPが先月の月末に更新（ビルド）されたことを確認できました。<br />
それに関係あるかと推測します。あくまで推測です。。</p>
<h2>対応</h3>
<h3>apache rewrite（失敗）</h4>
<p>まず思い出すのは、apacheのrewriteモジュールです。<br />
.htaccessファイルに下記を記入。</p>

		<div id="crayon-64953fd59a08f213730359" 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;">
RewriteEngine on 
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteCond %{REQUEST_FILENAME}\.php -f 
RewriteRule ^(.*)$ $1.php</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-64953fd59a08f213730359-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59a08f213730359-2">2</div><div class="crayon-num" data-line="crayon-64953fd59a08f213730359-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59a08f213730359-4">4</div><div class="crayon-num" data-line="crayon-64953fd59a08f213730359-5">5</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-64953fd59a08f213730359-1"><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">on</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59a08f213730359-2"><span class="crayon-e">RewriteBase</span><span class="crayon-h"> </span>/</div><div class="crayon-line" id="crayon-64953fd59a08f213730359-3"><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-e">d</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59a08f213730359-4"><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-sy">\</span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-h"> </span>-<span class="crayon-i">f</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-64953fd59a08f213730359-5"><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-cn">1.php</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>rewrite自体がうまく行っているみたいでしたが、404になって失敗でした。</p>
<p>確認方法：<br />
www.example.com/demo2 （demo2.phpは存在しない）にアクセスしたら、www.example.com/demo2.php.php.php&#8230;にredirect制限数まで「.php」が追加してredirectしてきました。<br />
ww.example.com/demo （demo.phpは存在する）にアクセスしたら、404になりました。</p>
<h3>htmlファイルをphpとして実行（失敗）</h4>
<p>今考えれば、本件とは関係ない対応になりますが。<br />
試しにやってみただけで、結果として、phpファイルが実行することなく、ソースコードそのものがダウンロードされることになりました。（大変！）</p>
<p>方法は、.htaccessファイルに下記を記入するだけです。</p>

		<div id="crayon-64953fd59a094860810431" 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;">
Action myphp-script /php.cgi
AddHandler myphp-script .php .html</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-64953fd59a094860810431-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59a094860810431-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-64953fd59a094860810431-1"><span class="crayon-e">Action </span><span class="crayon-i">myphp</span>-<span class="crayon-i">script</span><span class="crayon-h"> </span>/<span class="crayon-i">php</span><span class="crayon-sy">.</span><span class="crayon-e">cgi</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59a094860810431-2"><span class="crayon-e">AddHandler </span><span class="crayon-i">myphp</span>-<span class="crayon-i">script</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">html</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>php.iniファイルで設定指定（失敗）</h4>
<p>php.iniに、expose_phpをoffに設定すれば、拡張子なしでアクセスできるという記事を見ました。<br />
phpは、各フォルダのphp.iniの設定を見るから、下記内容だけphp.iniを作成し、対象フォルダにアップしてみましたが、反応が変わらなく、失敗でした。</p>

		<div id="crayon-64953fd59a095039608248" 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;">
expose_php 0</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-64953fd59a095039608248-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-64953fd59a095039608248-1"><span class="crayon-i">expose_php</span><span class="crayon-h"> </span><span class="crayon-cn">0</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>phpファイルをhtmlとして実行（成功）</h4>
<p>どうすればわからないから、こまめに検索することにしました。<br />
そして、<a href="http://forum.basercms.net/modules/newbb/viewtopic.php?topic_id=1515&#038;forum=8" target="_blank">この記事</a>を発見しました。<br />
対応方法は難しくないから、やってみることにしました。そして、この対応が成功しました！</p>

		<div id="crayon-64953fd59a096615791529" 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;">
AddType text/html .php</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-64953fd59a096615791529-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-64953fd59a096615791529-1"><span class="crayon-e">AddType </span><span class="crayon-i">text</span>/<span class="crayon-i">html</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">php</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h2>結論</h3>
<p>レンタルサーバーの独自仕様は、対応は本当に大変です。。</p>

【さくらレンタルサーバー】PHP拡張子なしでアクセス

ie11のjavascriptでのブラウザ判定がmsieではなくなっていた

<p>border-radiusやbox-shadow、transitionなど、PCサイトでもCSS3を使うことは徐々に増えてきました。</p>
<p>今回は、そんなCSS3を使ってアニメーションをしているサイトで、</p>
<p>ちょっとひと味違う感じのサイトを集めてみました。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://giorgibou.com/" target="_blank">Georgina Bousia | Architect and Graphic Designer</a></p>
<p><a href="http://giorgibou.com/" target="_blank"><img decoding="async" loading="lazy" alt="Georgina Bousia" src="/uploads-archive/2014/04/Georgina.png" width="656" height="382" /></a></p>
<p>&nbsp;</p>
<p>メインビジュアルに使われている、微かに白がかった菱形がゆっくり移動するアニメーションがcss3によって実装されています。<br />
ナビゲーションにbefore疑似要素でつけられた伸び縮みするアンダーラインも面白いです。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://www.newbalance.co.jp/wellness/" target="_blank">Wellness｜New Balance Japan</a></p>
<p><a href="http://www.newbalance.co.jp/wellness/" target="_blank"><img decoding="async" loading="lazy" alt="Wellness" src="/uploads-archive/2014/04/Wellness.png" width="656" height="521" /></a></p>
<p>&nbsp;</p>
<p>メインビジュアルの動画もインパクトがありますが、コンテンツへのリンクをマウスでホバーしたときの画像の拡大と、変形が面白いです。</p>
<p>&nbsp;</p>
<p><a class="link" href="https://trip-u.com/" target="_blank">TRIP(トリップ)：観光･体験商品の売買プラットフォーム</a></p>
<p><a href="https://trip-u.com/" target="_blank"><img decoding="async" loading="lazy" alt="TRIP(トリップ)" src="/uploads-archive/2014/04/58bf890e57cf7b71d2ae9ffda86c3885.png" width="656" height="419" /></a></p>
<p>メインビジュアルのテキスト部分がスライダーと連動してアニメーションしています。<br />
この部分と下のコンテンツ画像はマウスでホバーすると拡大されます。</p>
<p>ホバーすると画像が拡大されるアニメーションの使われたサイトが増えてきている印象を感じました。</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

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

2014/06/11

2014/06/04

2014/06/03

2014/06/03

2014/05/28

2014/05/28

2014/05/21

2014/05/20

2014/05/20

2014/05/13

2014/05/13

2014/05/13

2014/04/23

2014/04/23

2014/04/23

2014/04/22

2014/04/16

2014/04/16