<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>noisecat Blog</title>
	<atom:link href="http://www.noisecat.jp/gzm/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.noisecat.jp/gzm</link>
	<description>noisecat&#039;s weblog</description>
	<lastBuildDate>Sat, 19 May 2012 16:04:36 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/" />
		<item>
		<title>[WP]Ajax Event Calendarが表示されないとき</title>
		<link>http://www.noisecat.jp/gzm/?p=147</link>
		<comments>http://www.noisecat.jp/gzm/?p=147#comments</comments>
		<pubDate>Sat, 19 May 2012 15:55:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=147</guid>
		<description><![CDATA[ワードプレスでまたもや営業カレンダー導入することになり、今回はカテゴリ別にページを分けたいとのことで、Ajax Event Calendarを使用しました。 とても使いやすく、グーグルカレンダーっぽい。 インストールはと &#8230; <a href="http://www.noisecat.jp/gzm/?p=147">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>ワードプレスでまたもや営業カレンダー導入することになり、今回はカテゴリ別にページを分けたいとのことで、Ajax Event Calendarを使用しました。<br />
とても使いやすく、グーグルカレンダーっぽい。<br />
<span id="more-147"></span><br />
インストールはとっても簡単。<br />
<a href="http://wordpress.org/extend/plugins/ajax-event-calendar/installation/" target="_blank">Ajax Event Calendar</a>　よりDL。ページ右下の「Compatibility」でもWPバージョンで動いてるようなので安心してプラグインフォルダにアップロード。<br />
管理画面で有効化すると、左メニューに「Calendar」が出てくるので適宜設定。<br />
日本語パッチも配布されてるようなので併せてインストール。<a href="http://blockworks.jp/archives/1588" target="_blank">Ajax Event Calendar日本語翻訳ファイル</a>　感謝です。</p>
<p>このプラグインのいいところは、テンプレート内でも投稿記事でも固定ページ内でも設置できること。<br />
ショートコード「&#91;c&#97;&#108;&#101;&#110;dar]」を入れるだけ！<br />
その場所にカレンダーが出てきます。<br />
イベントリスト版もあり、こちらのショートコードは&#91;ev&#101;&#110;tl&#105;s&#116;]。簡単♪</p>
<p>ショートコードにはオプションがあり、いろいろいじれます。<br />
オプションを変更することで、特定カテゴリだけのカレンダーや1週間のタイムスケジュールに表示指定することもできます。<br />
オプションについては、プラグインサイトに詳しく書いてます。→<a href="http://code.google.com/p/wp-aec/wiki/ShortcodeOptions" target="_blank">Shortcode Options</a></p>
<p>自分の場合は、カテゴリごとにページを作り、カテゴリをオプション指定で表示しました。<br />
[ca&#108;&#101;n&#100;ar&nbsp;&#99;&#97;te&#103;&#111;ri&#101;s&#61;&#8221;1&#34;&#93;<br />
てな感じで。</p>
<p>簡単で余裕こいてたら意外にも落とし穴が。。</p>
<p>&#8230;&#8230;表示されない！！！！ｶﾞﾋﾞｰﾝ&#8230;&#8230;</p>
<p>カレンダー自体が出てこない。<br />
見てみると、JS達が呼び出されていない。<br />
どうもHTML組んでるうちにフッターテンプレートの&lt;?php wp_footer(); ?&gt;を消してしまっていたようです。<br />
あほすぎる。<br />
で、カレンダーが出てきてよかったよかった、とおもいきや&#8230;.<br />
トラップは2重で、何故か登録した予定が全く出てこない。<br />
カレンダーだけが空で出てくる。</p>
<p>スケジュールはJSで表示してるんだからJSで問題が起きてるんだ＃とは思いつつ、いろいろ調べていたら、/wp-admin/admin-ajax.php　がどうも読み込まれていない様子。</p>
<p>原因は、WPのインストールディレクトリとサイトのディレクトリを変えたためと思われる。<br />
　サイト…/（ルートに）<br />
　WP本体…/WP/（WPディレクトリに）<br />
その為、違うところを読み込んでるのかもしれない。</p>
<p>Ajax Event Calendarの記述を見ると、<br />
&#8230;/ajax-event-calendar/ajax-event-calendar.php　<br />
の、538行目あたり<br />
&#8216;ajaxurl&#8217;  	=> admin_url(&#8216;admin-ajax.php&#8217;),<br />
ここを絶対パスにした。<br />
&#8216;ajaxurl&#8217;  	=> (&#8216;絶対パス&#8217;),</p>
<p>これで無事表示されました。</p>
<p>ふぅ</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=147</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=147" />
	</item>
		<item>
		<title>webkit系でセンタリング背景が1pxずれるときの対応</title>
		<link>http://www.noisecat.jp/gzm/?p=134</link>
		<comments>http://www.noisecat.jp/gzm/?p=134#comments</comments>
		<pubDate>Fri, 27 Apr 2012 23:21:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML,CSS]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=134</guid>
		<description><![CDATA[背景に大きな画像を敷き、中央寄せした場合に、ChromeやSafariで1px横にずれることがあります。 これは、ウィンドウサイズに対して中央寄せした時、ウィンドウサイズが奇数の場合に起こります。 普段、コーディングする &#8230; <a href="http://www.noisecat.jp/gzm/?p=134">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>背景に大きな画像を敷き、中央寄せした場合に、ChromeやSafariで1px横にずれることがあります。<br />
これは、ウィンドウサイズに対して中央寄せした時、ウィンドウサイズが奇数の場合に起こります。<br />
普段、コーディングするときに、中央寄せする要素に対しては、必ず奇数にならないように横幅を設定をしますが、ウィンドウサイズはクライアント側のことなのでどうしようもないですよね。</p>
<p>Firefoxではウィンドウ幅奇数の時の中央位置を偶数の場合と同じに処理してくれますが、webkit系はレンダリングが違うようです。<br />
背景が多少ずれても全く気にならないときはいいですがコンテンツと絡んでる時はズレを見過ごすわけには行きません。</p>
<p>そこで、対応方法ですが、<br />
<span id="more-134"></span><br />
まず、元のコードはこんな感じ。</p>
<p>■firefoxだとこれで平気<br />
・html</p>
<pre>
&lt;div id="bg"&gt;
～コンテンツ
&lt;/div&gt;
</pre>
<p>・css</p>
<pre>#bg {
background: url(../img/header_bg.jpg) no-repeat center 0;
min-width: コンテンツ幅（偶数値）;
}</pre>
<p>■webkit用追加設定</p>
<p>htmlは特に変更はしません。<br />
CSSに絶対配置で横位置中央に配置するボックスの設定を追加します。<br />
背景画像の幅をwidthに設定し、絶対配置で左から半分に配置し、コンテンツ幅の半分をmargin-leftでネガティブマージン設定することで、ウィンドウサイズに対して中央配置されるボックス設定ができます。<br />
・cssにクラスを追加</p>
<pre>
.webkit_bg {
	position: absolute;
	width: 1200px;/*画像背景の幅（偶数値）*/
	left: 50%;
	margin-left: -600px;/*背景幅の半分の数値（偶数値）*/
}
</pre>
<p>JSでこの設定を必要な場合に追加します。<br />
・JS</p>
<pre>
if ((userAgent.indexOf('chrome') != -1) || (userAgent.indexOf('safari') != -1)) {
	function webkitBg(){
		var windowSize = document.body.clientWidth;
		if (windowSize >= コンテンツ幅) { $("#bg").addClass("webkit_bg");
		} else { $("#bg").removeClass("webkit_bg"); }
	}
	webkitBg();
	$(window).bind("resize", webkitBg);
}
</pre>
<p>このコードを外部JS内、もしくはHTMLヘッダ内か&lt;/body&gt;直前に&lt;script&gt;&lt;/script&gt;に包んで配置すればOK</p>
<p>やってることは、<br />
・ChromeかSafariの判別<br />
・ウィンドウサイズがコンテンツ幅より広いとき実行<br />
・実行する内容は、背景を設定した#bgブロックに、先ほど設定したクラス.webkit_bgを追加するだけ<br />
・リサイズされた時もウィンドウ幅を取得して、広い時は実行。<br />
これで、ウィンドウ幅が奇数でも、設定したコンテンツ幅か背景画像の幅（どちらも偶数）どちらかに背景をしくことになるので、奇数によるズレがなくなります。<br />
※背景を敷くブロックのwidthは、ウィンドウ幅によってコンテンツか背景画像の幅どちらかになります<br />
また、コンテンツ幅よりウィンドウ幅が狭くなった時.webkit_bgの設定が残っていると、内包されているコンテンツも中央寄せとなり、左側が消えていくため、コンテンツ幅より狭くなったら左寄せで表示されるようにクラス.webkit_bgを消しています。<br />
これはリサイズのたびに判定します。</p>
<p>これで、背景のズレが解消されました</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=134</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=134" />
	</item>
		<item>
		<title>デザイナーがjQueryでJS書くときに押さえておくべきこと</title>
		<link>http://www.noisecat.jp/gzm/?p=129</link>
		<comments>http://www.noisecat.jp/gzm/?p=129#comments</comments>
		<pubDate>Mon, 26 Dec 2011 17:01:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=129</guid>
		<description><![CDATA[jQueryのお陰でデザイナーでも簡単にJSが書けるようになったのはいいのですが、プログラムのルールを知らないため好き放題自由に書いて恥ずかしいソースが出来上がっています。 ActionScriptが書ける方は問題ないと &#8230; <a href="http://www.noisecat.jp/gzm/?p=129">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>jQueryのお陰でデザイナーでも簡単にJSが書けるようになったのはいいのですが、プログラムのルールを知らないため好き放題自由に書いて恥ずかしいソースが出来上がっています。<br />
ActionScriptが書ける方は問題ないと思いますが、プログラム経験ゼロのWebデザイナーがjQueryを使ったJSを書くとき気を付けたい事項をまとめました。<br />
自分がそういう人間なので、忘れないよう都度追加したいと思います。<br />
<span id="more-129"></span><br />
■ルールを知っておく<br />
・1行80文字以内が理想<br />
・わかりやすい命名にする。<a href="http://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%B8%E3%83%83%E3%82%AF%E3%83%8A%E3%83%B3%E3%83%90%E3%83%BC_%28%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%29" target="_blank">マジックナンバー</a>を使わない<br />
・シンプルに、他の人にもわかりやすく書く</p>
<p>■処理速度を意識する<br />
・チェーンメソッドや変数を使う<br />
・セレクタを工夫する。出来ればID指定。要素は絞り込む、findメソッドを利用<br />
・DOM操作を減らす</p>
<p>■エラーチェックをする<br />
各ブラウザでの動作チェックも必要ですがFirebugのコンソールやIEのエラー表示チェックは勿論、<br />
JSソースチェックもやっておくと◎。<br />
・<a href="http://jslint.com/" target="_blank">JSLint</a><br />
・<a href="http://www.jshint.com/" target="_blank">JSHint</a><br />
・<a href="http://cou929.nu/data/google_javascript_style_guide/" target="_blank">Google JavaScript Style Guide</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=129</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=129" />
	</item>
		<item>
		<title>タイピングを減らして作業効率化！</title>
		<link>http://www.noisecat.jp/gzm/?p=126</link>
		<comments>http://www.noisecat.jp/gzm/?p=126#comments</comments>
		<pubDate>Tue, 20 Dec 2011 16:53:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML,CSS]]></category>
		<category><![CDATA[web&design]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=126</guid>
		<description><![CDATA[どんなにタイピングが早くても、ツールやスニペット使いこなした人にはは敵わないです。 いまさらな気もするネタですが、ガチャガチャキーボード打ってる人、結構いる～うるさい～仕事が出来る人は騒音が少ないよ、ってことでコーディン &#8230; <a href="http://www.noisecat.jp/gzm/?p=126">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>どんなにタイピングが早くても、ツールやスニペット使いこなした人にはは敵わないです。<br />
いまさらな気もするネタですが、ガチャガチャキーボード打ってる人、結構いる～うるさい～仕事が出来る人は騒音が少ないよ、ってことでコーディングに限らずメールなどの文章入力時にもオススメツールを紹介します。</p>
<p><span id="more-126"></span><br />
■Dreamweaver各種機能<br />
かたくなにエディタで手打ちにこだわる方いますが、ドリの便利機能を使わないなんてなんて時間がモッタイナイ。<br />
テンプレート、ライブラリ、スニペット、コードアシストetc&#8230;ついでにもう一回「7つの習慣」を読み直すと趣味の時間が増えます。<br />
まぁ、案件によって手打ちを余儀なくされる場合もありますが…。</p>
<p>■Zen-Coding<br />
かなり知られているので特に触れませんが、コーディングやるのにまだ試してない人は今すぐにやっちゃいましょう！！<br />
コツを覚えればあとは簡単。<br />
<a href="http://kojika17.com/2011/01/zen-coding-extended.php" target="_blank">Zen-Coding設定方法</a><br />
ちなみに自分はサクラエディタでもZen-Codingつかっています。さくら好きなんで。<a href="http://mwlab.net/zen-coding-for-sakuraeditor" target="_blank">サクラエディタで使う方法はこちら</a></p>
<p>■Texter<br />
これはもう入れるしかない、かなりおすすめツールです！<br />
エディタだけじゃなくどこでも使えるので、コードスニペットはもちろん、メールの定型文なども登録していろんな所で使えます。<br />
どこでもってコマンドでは使えないかな；<br />
しかも、カーソル位置（入力開始位置）も設定できる優れもの！！<br />
高速で打ち込んだように文字が入るので使いこなすと周りからは魔法使いのように見える、きっと！！<br />
が他のアプリと喧嘩して変な挙動することがたま～にあります。<br />
<a href="http://5am.jp/lifehack/texter/#download" target="_blank">導入方法はこちら</a></p>
<p>■クリップNOTE<br />
自分はこれがないともうダメってほど愛用しています。<br />
コピーしたテキストを保存していつでも呼び出せます。<br />
3つ前のコピーを使いたい時もすぐにペースト、コピー溜めして一気にペースト、とか。<br />
スニペット的にも勿論使えますが、Texterがコマンド的に呼び出せるのに比べるとソフト起動から呼びだすので少し手数は増えるかな。<br />
スニペットの共有もできます。細かい使い方はまたいづれ！<br />
<a href="http://www.ost-net.com/clipnoteA/clip01.html" target="_blank">ダウンロードはこちら</a></p>
<p>また思いついたら書き足します。<br />
自分はアホなんでついやっちゃうんですが、技術に没頭してしまうと無駄に時間を浪費することがあります。<br />
無駄っていうのは”磨いたのこぎりで木を斬れば30分で終わるのに、ガタガタ歯ののこぎりでやっちゃう”ことです。</p>
<p>技術は仕事に必要ですが、やれば、誰でも、できることで、WEBを取ったら薄っぺらい人にならないよう、時間作って趣味に費やすぞ！と思います。。。来年こそはタブラやりたいなぁ</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=126</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=126" />
	</item>
		<item>
		<title>Flashどうなるんだろう</title>
		<link>http://www.noisecat.jp/gzm/?p=116</link>
		<comments>http://www.noisecat.jp/gzm/?p=116#comments</comments>
		<pubDate>Mon, 14 Nov 2011 16:06:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[web&design]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=116</guid>
		<description><![CDATA[先日、Flash Playerモバイル版の開発終了が発表され、Windows8のIE10メトロ版でも非対応で、いよいよFlashの今後が心配になってきました。 とはいえ、プロモーション系サイトなどで面白いものが作りたいと &#8230; <a href="http://www.noisecat.jp/gzm/?p=116">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>先日、Flash Playerモバイル版の開発終了が発表され、Windows8のIE10メトロ版でも非対応で、いよいよFlashの今後が心配になってきました。<br />
とはいえ、プロモーション系サイトなどで面白いものが作りたいときはFlashじゃないとなかなか難しいと思います（<a href="http://syojo.try-cloud.jp/" target="_blank">こういうのとか</a>）それにまだまだユーザーサイドがHTML５に対応するまでに数年はかかるはずです。（まだまだXPユーザおおいし、重いサイトは見てらんない。これFlashじゃないんだぞー！なんてのは技術者のエゴで見てる方は全く関係ない。。。）<br />
なので、当面はPC版のサイトを華やかにしたければFlashという選択は全然ありだと思います。スマホやモバイルでは動きなんてむしろ全く必要ないでしょう。<br />
<span id="more-116"></span><br />
もしかすると、Flash→HTML5に簡単に変換できるようになってJS書かなくてもよくなるかもしれないですが、Flash職人さんたちは、今後JS操れるようにシフトしていくんだろうと思います。<br />
まぁ、似たようなもんですよね！ASもJSも。DOMの操作とはいえHTMLぐらい知ってる人がほとんどだと思うので、楽にシフトできると思います。</p>
<p>コーダーもjQueryベースでJS記述できるのが当たり前になりつつありますが、超個人的な意見ではHTMLコーダーの作るJSよりFlashやってた人のJSのほうがクオリティが高いです。</p>
<p>理由は、<br />
（１）どう動かすとかっこよく見えるか、モーションの付け方がうまい・アイデアも豊富<br />
（２）プログラム自体に慣れてる。フローもすぐに浮かびどう書けば思い通りに動かせるかもすぐに出る。ソースがキレイでスマート<br />
（３）Flashでは動作チェックでさんざん不具合見つけられる経験あるので、バグフィックスがきっちりしている<br />
こんなところでしょうか。。あたりまえだーって言われそうですが　汗</p>
<p>１は、デザインにセンスがある人ない人いるのと同じです。スライド程度なら気にはならないですが、モッサイ動きってありますよね。Flashやってるひとはやっぱり見せ方がうまい。</p>
<p>３は意外に多く世に出てるんです、変な動きのJS。Flashではほぼ見たことない。マウスが通り過ぎたあとも一生懸命全てのイベントに反応して、なんかいつまでも動いてる奴とか。</p>
<p>逆にコーダーの方は上記を意識するともっといいスクリプトが書けるってことになるかと思います。<br />
でも、動きのセンスを磨くなら…時代に逆行してFlash勉強はじめてもいいかもしれないですね！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=116</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=116" />
	</item>
		<item>
		<title>WordPressでソーシャルブックマークボタンとOGP設定</title>
		<link>http://www.noisecat.jp/gzm/?p=114</link>
		<comments>http://www.noisecat.jp/gzm/?p=114#comments</comments>
		<pubDate>Sun, 13 Nov 2011 15:46:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=114</guid>
		<description><![CDATA[最近当たり前のようになってきたソーシャルサービスのボタンの設置ですが、WordPressだと「WP Social Bookmarking Light」プラグインを使って超簡単にできます。 あとはOGPのももちろん設定して &#8230; <a href="http://www.noisecat.jp/gzm/?p=114">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>最近当たり前のようになってきたソーシャルサービスのボタンの設置ですが、WordPressだと「<a href="http://www.ninxit.com/blog/2010/06/13/wp-social-bookmarking-light/" target="_blank">WP Social Bookmarking Light</a>」プラグインを使って超簡単にできます。<span id="more-114"></span><br />
あとはOGPのももちろん設定しておきたいのでその為のプラグインもインストール。<br />
これは「<a href="http://wordpress.org/extend/plugins/wp-ogp/" target="_blank">WP-OGP</a>」を入れてもいいですが、og:imageがアイキャッチ画像となるため、わざわざ記事投稿時にアイキャッチ画像を登録しなきゃいけないのと、テーマによってはアイキャッチ画像のためにfanction.phpに追加が必要になります。<br />
なので、記事中の画像を設定できるカスタマイズ版「<a href="http://inspire-tech.jp/2011/07/wp_ogp_customized_plugin/" target="_blank">WP-OGP customized</a>」がオススメ！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=114</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=114" />
	</item>
		<item>
		<title>今日のGoogleトップページはクレイアニメだった</title>
		<link>http://www.noisecat.jp/gzm/?p=112</link>
		<comments>http://www.noisecat.jp/gzm/?p=112#comments</comments>
		<pubDate>Wed, 12 Oct 2011 14:14:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[web&design]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=112</guid>
		<description><![CDATA[今日のGoogleトップページのロゴの部分がクレイアニメになっていた。 フラッシュでもなく、どうやってるのかとおもいきや、 一連の動作を並べた1枚画像をJSでコマ送りしていた。 パラパラ漫画的にきれいにうごいてた。 1コ &#8230; <a href="http://www.noisecat.jp/gzm/?p=112">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>今日のGoogleトップページのロゴの部分がクレイアニメになっていた。<br />
フラッシュでもなく、どうやってるのかとおもいきや、<br />
一連の動作を並べた1枚画像をJSでコマ送りしていた。<br />
パラパラ漫画的にきれいにうごいてた。<br />
1コマ1コマ作るのはかなり面倒だけど、応用して何かに使えそう。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=112</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=112" />
	</item>
		<item>
		<title>ワードプレスで営業日＆スケジュールカレンダー</title>
		<link>http://www.noisecat.jp/gzm/?p=99</link>
		<comments>http://www.noisecat.jp/gzm/?p=99#comments</comments>
		<pubDate>Sat, 24 Sep 2011 12:23:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=99</guid>
		<description><![CDATA[ワードプレスで営業日＆スケジュールカレンダーを制作したので覚書。]]></description>
			<content:encoded><![CDATA[<p>ワードプレスで営業日＆スケジュールカレンダーを制作したので覚書。</p>
<p><a href="http://www.noisecat.jp/gzm/wp-content/uploads/2011/09/WS000000.bmp"><<a href="http://www.noisecat.jp/gzm/wp-content/uploads/2011/09/WS000000.bmp"><img src="http://www.noisecat.jp/gzm/wp-content/uploads/2011/09/WS000000.bmp" alt="" title="WS000000" class="" width="300" /></a></a></p>
<p>有料プラグインを使うなら「<a href="http://www.cmswp.jp/plugins/business_calendar/" target="_blank">営業日カレンダー</a>」が安いし便利そうです。<br />
でも今回はフリーの「<a href="http://wpcal.firetree.net/" target="_blank">Event Calendar</a>」を使用。<span id="more-99"></span><br />
WPはMTと違い、未来の日付で投稿しても予約扱いとなりサイト上には表示されません。<br />
/wp-includes/内post.phpの$post_statusを変更すれば表示されますがWPバージョンアップはクライアントサイドで簡単にできてしまうのでプラグインを導入したほうがいいかもしれません。</p>
<p>設定・使用方法はいろんなサイトで紹介されていますが（参考：<a href="http://www.adphic.jp/wp/plugin/event-calendar/" target="_blank">http://www.adphic.jp/wp/plugin/event-calendar/</a>）<br />
注意したいのはWPはバージョンアップで結構大きく設定が変わっていること。<br />
今回はWP：Ver.3.2.1でEvent Calendar：Ver.3.2.beta2を使用。</p>
<p>WP内でイベントスケジュール以外にブログや新着情報を管理しているため、それぞれカテゴリで分け、カレンダーはスケジュールカテゴリのみ表示するよう設定したかったのですが、Event Calendarの設定が古いバージョンのものと変わっていて、「Show all categories in calendar（選択カテゴリだけをカレンダーに表示）」のチェックが見当たりませんでした。。<br />
探すと、ウィジェット内の設定に入っていたのですが、つまり、テンプレート内で&lt;?php ec3_get_calendar(); ?&gt; を記述してもすべての投稿がカレンダーに表示されます。</p>
<p>ウィジェットをテンプレートに読み込むと設定したカテゴリだけを表示してくれます。</p>
<p>あとは、いらないものを消したり、必要なものを表示したり、体裁をCSSやプラグインのソースを調整します。<br />
プラグインのソースは主に「event-calendar/calendar-sidebar.php」を調整します。<br />
イベント日付ロールオーバーで下部に表示されるエリアを消したければ「event-calendar/popup.js」66行目あたりのaddEventのmouseoverやfocusに「//」コメントアウト入れます。</p>
<p>このプラグインは便利なのですが、少し複雑なしくみで…<br />
phpとJSで作られていて、命令もあちこちで、あまりスマートなプログラムじゃないかもしれません；</p>
<p>微妙だな、と思うのが当月以外のカレンダーはJSで生成して表示しています。JSで生成されている箇所についてはevent-calendar/calendar-sidebar.phpの変更は反映されないのでJSファイル「event-calendar/ec3.js 」も修正が必要です。<br />
プラグインファイルが多く、修正するにはうげーと思いますが、スケジュールを纏めて設定できたりMTには見当たらなかったプラグインです（探せばあるのかも）。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=99</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=99" />
	</item>
		<item>
		<title>たまにはデザインについて&#8230;</title>
		<link>http://www.noisecat.jp/gzm/?p=97</link>
		<comments>http://www.noisecat.jp/gzm/?p=97#comments</comments>
		<pubDate>Sat, 10 Sep 2011 20:09:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[web&design]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=97</guid>
		<description><![CDATA[Web屋として一通りの作業をやってきていて、中でもデザインの仕事があまり好きじゃない。 ウェブサイトのデザインを作るということは、その会社のブランディングやイメージを担うということになり、それが重くて難しいから（駄） 「 &#8230; <a href="http://www.noisecat.jp/gzm/?p=97">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Web屋として一通りの作業をやってきていて、中でもデザインの仕事があまり好きじゃない。<br />
ウェブサイトのデザインを作るということは、その会社のブランディングやイメージを担うということになり、それが重くて難しいから（駄）<br />
「憂鬱でなければ、仕事じゃない」の本のタイトルを見て「デザイン楽しい♪」といえるうちはデザイナーとしてはまだまだなのかもしれません。<br />
<span id="more-97"></span><br />
ウェブデザインのポータルサイトで取り上げられているものでも、以外に残念なデザインがあり、<br />
ある歯医者のサイトを見ていたら、相方が「その歯医者には行かないな。」とつぶやいた。<br />
見た目的にはかっこいいのに、どこか方向性を間違っている感じでした。<br />
「何が目的のデザインなのか考える」を耳にタコができるぐらい聞いていても、実際に目的を果たすデザインを作るのは難しいことで、それができるWebデザイナーは少ないように思います。</p>
<p>ディレクターに問題がある場合もあり、よくありがちなのが、デザイナーの感性に委ねられ”見た目が良ければ”的な感覚で制作してしまうこと。結果「？」なものが出来上がっていくことも。</p>
<p>目的が果たせるならどんなデザインでいいかといえばそうではなく、分かる人が見れば残念な部分がすぐにバレてしまい、クライアントの会社のイメージを下げることにもなりかねません。<br />
例えばパクリ。これはもちろんNGだけど、部分的なパクリもNG。「あ、この部分ここのをパクってんじゃんｗ」ってバレバレ。<br />
あと、同業者から「あ～ぁ」と思われることも避けたい。クライアント取られちゃうかもしれない。色使いダサいなーとかデザインの基本押さえてないなーとか会社のイメージと違うなーとか。</p>
<p>制作会社によってはデザインを重要視してないところもあるけど、デザインの作業は結構たいへんなもんですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=97</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=97" />
	</item>
		<item>
		<title>ECCUBE 購入履歴ログ</title>
		<link>http://www.noisecat.jp/gzm/?p=93</link>
		<comments>http://www.noisecat.jp/gzm/?p=93#comments</comments>
		<pubDate>Wed, 07 Sep 2011 15:18:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[EC CUBE]]></category>

		<guid isPermaLink="false">http://www.noisecat.jp/gzm/?p=93</guid>
		<description><![CDATA[以前もお問い合わせがあり、また発生したので覚書。 ECCUBEでクレジットカード決済処理時に何らかの原因で注文確定に至らず、注文内容がわからないということが起きました。 クレジット側では決済処理がされているのですが、EC &#8230; <a href="http://www.noisecat.jp/gzm/?p=93">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>以前もお問い合わせがあり、また発生したので覚書。</p>
<p>ECCUBEでクレジットカード決済処理時に何らかの原因で注文確定に至らず、注文内容がわからないということが起きました。<br />
クレジット側では決済処理がされているのですが、ECCUBEには注文情報が残っていないという状況です。<br />
これでは何を注文されたのかがわかりません。</p>
<p>注文情報を調べるためにはデータベースを見ます。<br />
今回の案件はポスグレ使ってるのでphpPgAdminに入って確認しました。<br />
<span id="more-93"></span><br />
ECCUBE管理画面で確認できる受注情報は注文のフロー完了時にデータベースに書き込まれます。<br />
その為テーブルdtb_orderを確認しても情報は残っていませんが、dtb_order_tempのテーブルのほうにデータが残っていました。<br />
（左メニューdtb_order_tempをクリック＞右側に表示されたテーブル下の「表示」をクリック）<br />
クレジットの情報に注文IDがあるのでそれをもとに（テーブルのorder_idが同じものを探し）注文内容を割り出すことができます。（sessionを確認）<br />
参考：<a href="http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=6128&#038;forum=10&#038;post_id=29587">http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=6128&#038;forum=10&#038;post_id=29587</a></p>
<p>data/logs/remise_card_result.logにも残っていましたが、商品を確定できませんでした。</p>
<p>けど、データベース触るのはこわいですね～＾＾；もし消してしまったらどうしようとかいつもビビってます。</p>
<p>またECCUBE案件やりたいなぁ～</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noisecat.jp/gzm/?feed=rss2&#038;p=93</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.noisecat.jp/gzm/?p=93" />
	</item>
	</channel>
</rss>

