<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>ワサビチップス</title>
        <link>http://www.wasavi-design.com/tips/</link>
        <description></description>
        <language>ja</language>
        <copyright>Copyright 2010</copyright>
        <lastBuildDate>Fri, 26 Mar 2010 13:12:08 +0900</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>絶対パスを相対パスに変換するプラグイン</title>
            <description><![CDATA[<p>Canonical URLを相対URLに変換するプラグイン。</p>

<p><a href="http://code.google.com/p/ogawa/wiki/MTTruncateURL_Plugin" target="_blank">MTTruncateURLプラグイン</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2010/03/000357.html</link>
            <guid>http://www.wasavi-design.com/tips/2010/03/000357.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">must customization</category>
            
            
            <pubDate>Fri, 26 Mar 2010 13:12:08 +0900</pubDate>
        </item>
        
        <item>
            <title>スクロールバーを常に表示</title>
            <description><![CDATA[<p>FFやsafariは、スクロールが必要ないときは、スクロールバーが消えてしまう。<br />
このため、スクロールバーの有無でセンタリングがずれてしまう。</p>

<p>常にスクロールバーを表示しておけば、<br />
ページ遷移でセンタリングがずれる違和感をなくすことができる。</p>

<p>html {<br />
    overflow-y:scroll;<br />
}</p>

<p>ただし、NNとOperaには効果なし。</p>

<p>NN、Operaに対応するには</p>

<p>html {<br />
    margin-bottom:1px;<br />
    height:100%;<br />
}</p>

<p>とする。<br />
ただ、常に1pxだけスクロールできる状態になるので、コンテンツの少ないページでは、<br />
ものすごい違和感を感じる。</p>

<p>個人的には、NN、Operaはあきらめて、<br />
overflow-y:scroll;<br />
の方がいいなぁ。<br />
</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2009/07/000328.html</link>
            <guid>http://www.wasavi-design.com/tips/2009/07/000328.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">css</category>
            
            
            <pubDate>Thu, 02 Jul 2009 18:31:21 +0900</pubDate>
        </item>
        
        <item>
            <title>記事をエントリーする画面に、注意事項を表示する。</title>
            <description><![CDATA[<p>tmpl/cms/include/actions_bar.tmpl<br />
をテキストエディタで開き、65行目に(MT ver4.25)、以下のものを挿入する。</p>

<blockquote>&lt;p style=&quot;color:#ff0000;&quot;&gt;記事投稿時の注意事項&lt;br /&gt;・半角カタカナは使わないようにしてください。&lt;br /&gt;・機種依存文字は使わないようにしてください。&lt;br /&gt;・アルファベット／数字は半角でお願いします。&lt;br /&gt;&lt;/p&gt;</blockquote>

<p>テキストは、各自書き換えてください。</p>

<p>保存字は、utf-8形式で保存すること。<br />
文字化けします。</p>

<p><br />
<span class="mt-enclosure mt-enclosure-image" /><img alt="090602_3.gif" src="http://www.wasavi-design.com/tips/files/090602_3.gif" width="618" height="460" style="" /></span></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2009/06/000325.html</link>
            <guid>http://www.wasavi-design.com/tips/2009/06/000325.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">must customization</category>
            
            
            <pubDate>Tue, 02 Jun 2009 23:40:33 +0900</pubDate>
        </item>
        
        <item>
            <title>MT4.2 ファイルアップロード時の注意書き挿入</title>
            <description><![CDATA[<p>webの知識がないクライアントが、全角ファイル名の画像をアップロードをすることが多々ある。<br />
それをできるだけ避けるために、注意書きを挿入する。</p>

<p>tmpl/cms/include/asset_upload.tmpl<br />
をテキストエディタで開き、65行目に(MT ver4.25)</p>

<blockquote>&lt;p style=&quot;color:#ff0000;&quot;&gt;アップロードするファイル名は、必ず半角英数字とすること。&lt;br /&gt;日本語のファイル名は、画像表示エラーの原因になります。&lt;br /&gt;例)&lt;br /&gt;NG：日本語.jpg 、 ＮＩＨＯＮＧＯ.jpg&lt;br /&gt;OK：NIHONGO.jpg 、 090602.jpg&lt;/p&gt;</blockquote>

<p>を挿入する。<br />
赤字で注意書きを挿入できる。</p>

<p>編集後の保存は、utf-8形式で保存すること。<br />
他文字コードだと、日本語が文字化けします。</p>

<p><br />
<span class="mt-enclosure mt-enclosure-image" /><img alt="090602_2.gif" src="http://www.wasavi-design.com/tips/files/090602_2.gif" width="628" height="308" style="" /></span></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2009/06/000324.html</link>
            <guid>http://www.wasavi-design.com/tips/2009/06/000324.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">must customization</category>
            
            
            <pubDate>Tue, 02 Jun 2009 23:14:22 +0900</pubDate>
        </item>
        
        <item>
            <title>Movable Type 4.2 ファイルアップロード先の指定</title>
            <description><![CDATA[<p>クライアントにファイルアップロード先を指示しても、<br />
それを忘れられてしまい、公開フォルダの中に画像ファイルが散乱することが多々ある。<br />
デフォルトでアップロード先が指定できたら、こういうエラーも無くなる。</p>

<p>tmpl/cms/include/asset_upload.tmpl<br />
をテキストエディタで開き、1行目に</p>

<blockquote><$mt:setvar name="extra_path" value="ディレクトリ名"$></blockquote>

<p>を追加する。</p>

<p>ボクはいつも「files」というディレクトリを指定するので、</p>

<blockquote><$mt:setvar name="extra_path" value="files"$></blockquote>

<p>としています。</p>

<p><br />
<span class="mt-enclosure mt-enclosure-image" /><img alt="090602.gif" src="http://www.wasavi-design.com/tips/files/090602.gif" width="628" height="296" style="" /></span><br />
</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2009/06/000323.html</link>
            <guid>http://www.wasavi-design.com/tips/2009/06/000323.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">must customization</category>
            
            
            <pubDate>Tue, 02 Jun 2009 22:53:47 +0900</pubDate>
        </item>
        
        <item>
            <title>EC-CUBE 文字化け対策</title>
            <description><![CDATA[<p>データベースの文字コードによる文字化けの対策方法。<br />
さくらインターネットのデータベースなどに有効。</p>

<p><a href="http://www.infojam.net/support_m_10_2.html" target="_blank">http://www.infojam.net/support_m_10_2.html</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2009/04/000310.html</link>
            <guid>http://www.wasavi-design.com/tips/2009/04/000310.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">EC-CUBE</category>
            
            
            <pubDate>Tue, 28 Apr 2009 16:55:40 +0900</pubDate>
        </item>
        
        <item>
            <title>MT4にて、カスタムフィールドでアップロードしたアイテムを表示するには</title>
            <description><![CDATA[<p><a href="http://www.movabletype.jp/documentation/professional/custom-fields.html#item_view" target="_blank">プラグインナシでも、デフォルトタグでできました。</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/12/000291.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/12/000291.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">MT</category>
            
            
            <pubDate>Sun, 14 Dec 2008 20:40:24 +0900</pubDate>
        </item>
        
        <item>
            <title>不用になった静的ファイルの削除指定</title>
            <description><![CDATA[<p>エントリーを削除したり非公開にした時に静的ファイルを削除する。</p>

<p>mt-config.cgiにて</p>

<p>DeleteFilesAtRebuild 1</p>

<p>を追記。</p>

<p>※「エントリー一覧」からチェックボックスをクリックして「非公開」にしたときは削除しない。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/08/000278.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/08/000278.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">must customization</category>
            
            
            <pubDate>Thu, 28 Aug 2008 10:35:03 +0900</pubDate>
        </item>
        
        <item>
            <title>ファイルアップロードの容量制限値を変更</title>
            <description><![CDATA[<p>デフォルトでは1Mのファイルまでしかアップデートできない。</p>

<p>大容量の動画ファイルなどをアップデートするために、この容量制限を解除する。</p>

<p>mt-config.cgiにて、<br />
CGIMaxUpload 50000000<br />
を追記。<br />
これは50M制限。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/08/000277.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/08/000277.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">must customization</category>
            
            
            <pubDate>Thu, 28 Aug 2008 10:31:21 +0900</pubDate>
        </item>
        
        <item>
            <title>MT4.x 画像配置をスマートにするカスタマイズ</title>
            <description><![CDATA[<p>1.画像配置する際に吐き出されるstyle属性を削除するカスタマイズ<br />
2.styleタグを削除するプラグインの導入<br />
3.cssにて、回り込み等を制御する<br />
4.float解除（画像の回り込みを解除）するbrタグ挿入ボタンの追加</p>

<p>より直感的に、ソース的にも美しくなります。<br />
imgタグに直接style属性かかれると、あとからのレイアウト編集や、サイトリニューアルの時に、本当に苦労するから。<br />
HTMLソースにstyle指定することは絶対に避けておきたい。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/08/000276.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/08/000276.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">MT</category>
            
            
            <pubDate>Fri, 22 Aug 2008 08:00:28 +0900</pubDate>
        </item>
        
        <item>
            <title>画像配置するときのstyle属性を削除</title>
            <description><![CDATA[<p>MT4.xにおいて、画像を配置する際、右、左等の回りこみを設定したとき。<br />
タグに直接書かれたstyle属性にてfloatやマージンを制御している。</p>

<p>(X)HTMLタグへの直接のstyle属性は、外部cssからの制御ができず、いろいろと苦労します。<br />
ので、極力、classによって制御したい。<br />
ということで、このstyle属性が記述されないようにする。<br />
ついでに、クラスも任意のものに変更してしまう。<br />
（MTをCMSとして使用するとき、極力MTの痕跡をソースにのこしたくないので）</p>

<p>/mt/lib/MT/Asset/Image.pm<br />
270行目付近(MT-4.1-ja)。</p>

<blockquote>

<p>if ( $param->{wrap_text} && $param->{align} ) {<br />
    $wrap_style = 'class="mt-image-' . $param->{align} . '" ';<br />
    if ( $param->{align} eq 'none' ) {<br />
                $wrap_style .= q{style=""};<br />
    }<br />
    elsif ( $param->{align} eq 'left' ) {<br />
                $wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};<br />
    }<br />
    elsif ( $param->{align} eq 'right' ) {<br />
                $wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};<br />
    }<br />
    elsif ( $param->{align} eq 'center' ) {<br />
                $wrap_style .= q{style="text-align: center; display: block; margin: 0 auto 20px;"};<br />
    }<br />
}</p>

</blockquote>

<p>ここでスタイルを指定しているので、<br />
スタイルをコメントアウト。<br />
そして、クラス追加部分を、下記のように変更。</p>

<blockquote>

<p>if ( $param->{wrap_text} && $param->{align} ) {<br />
#	$wrap_style = 'class="mt-image-' . $param->{align} . '" ';<br />
	if ( $param->{align} eq 'none' ) {<br />
#	$wrap_style .= q{style=""};<br />
	}<br />
elsif ( $param->{align} eq 'left' ) {<br />
	$wrap_style = 'class="l" ';<br />
#	$wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};<br />
	}<br />
elsif ( $param->{align} eq 'right' ) {<br />
	$wrap_style = 'class="r" ';<br />
#	$wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};<br />
	}<br />
elsif ( $param->{align} eq 'center' ) {<br />
	$wrap_style = 'class="c" ';<br />
#	$wrap_style .= q{style="text-align: center; display: block; margin: 0 auto 20px;"};<br />
	}<br />
}</p>

</blockquote>

<p>これで不用意なstyle属性はつかなくなるので、任意のclssにて、スタイルを指定する。</p>

<blockquote>

<p>img.r {<br />
	float: right;<br />
	border: none;<br />
	margin:0 0 25px 2px;<br />
	vertical-align:top;<br />
}</p>

<p>img.l {<br />
	float: left;<br />
	margin:0 2px 25px 0;<br />
	vertical-align:top;<br />
}</p>

<p>img.c {<br />
	display:block;<br />
	text-align:center;<br />
	margin:0 auto 25px auto;<br />
}</p>

</blockquote>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/06/000220.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/06/000220.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">MT</category>
            
            
            <pubDate>Fri, 06 Jun 2008 16:38:06 +0900</pubDate>
        </item>
        
        <item>
            <title>GoogleMap API、Opera閲覧時に出るスクロールバー消去</title>
            <description><![CDATA[<p>Opera(WIn Mac共にVer9.21）でGoogleMapを閲覧すると、<br />
mapの淵にロールオーバーしたときに変なスクロールバーがでます。<br />
（本家のGoogleMapでは出ない。APIで設置した際に出るようです。）</p>

<p>これを消去するには、mapの領域に</p>

<p>#map {<br />
    position:relative;<br />
    overflow:hidden;<br />
}</p>

<p>を記述すれば解決します。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/05/000219.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/05/000219.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">css</category>
            
            
            <pubDate>Wed, 23 May 2007 11:54:00 +0900</pubDate>
        </item>
        
        <item>
            <title>Flashバージョンチェッカー</title>
            <description><![CDATA[<p>javascriptでのFlashプレーヤーバージョンチェッカー</p>

<p><a href="http://www.moock.org/webdesign/flash/detection/moockfpi/" target="_blank">http://www.moock.org/webdesign/flash/detection/moockfpi/</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/04/000218.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/04/000218.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">その他</category>
            
            
            <pubDate>Fri, 20 Apr 2007 19:37:05 +0900</pubDate>
        </item>
        
        <item>
            <title>画像をリサイズしてもジャギーがでないように。</title>
            <description><![CDATA[<p>画像を拡大、縮小、ななめに回転などすると、画像が荒れる。<br />
これを防ぐには、</p>

<p>ライブラリ　＞　プロパティー　＞　スムージング</p>

<p>にチェックを入れればOK。</p>

<p>また、ASで行う場合は、<br />
bitamapのsmooth:BooleanをtrueにすればOK。<br />
ただし、Flash8以上。</p>

<p>ここにひとつ大きな落とし穴が。<br />
外部から読み込んだ画像に対しては、ビットマップスムージングが適用されないバグがある。<br />
対処法として、読み込んだ画像をBitmapDataにコピーしたものを使うとスムージングがかかる。<br />
コピーした後は、元のMCは削除しておくとスマート。</p>

<p><a href="http://www.flash-jp.com/modules/newbb/viewtopic.php?topic_id=4835&forum=6" target="_blank">詳細はこちらで。</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/04/000217.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/04/000217.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">AS</category>
            
            
            <pubDate>Mon, 16 Apr 2007 19:07:44 +0900</pubDate>
        </item>
        
        <item>
            <title>setMask()で透過値が有効なマスク処理</title>
            <description><![CDATA[<p>マスクターゲットMovieClip、マスクMovieClipともに、</p>

<p>・ランタイムビットマップキャッシュを使用するにチェック<br />
または<br />
・cacheAsBitmap = true;</p>

<p>すれば、マスクの透過度がそのまま反映される。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/04/000216.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/04/000216.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">AS</category>
            
            
            <pubDate>Thu, 05 Apr 2007 17:11:49 +0900</pubDate>
        </item>
        
    </channel>
</rss>

