てくてくMT技術情報 https://ameblo.jp/tekutech/ MovableType(MT)テンプレートの作成資料集。AJAX(主にJQuery)の組込みやCSSの解説も。 ja 画像付きの投稿テスト

破壊処理される前のHDD。

]]> https://ameblo.jp/tekutech/entry-12661679743.html Thu, 11 Mar 2021 11:48:30 +0900 プリンタ台に空きが出来たら… しばらく前の話なのですが、複合機を購入できたおかげで

プリンタ台に空きスペースができました。


そこでうちの奥さんに

「一番上を空けたから好きに使っていいよ」と言ったところ…


あっという間にリラックマ一色になってしまいました…


プリンタ台（下部分）プリンタ台の下部分


プリンタ台のクマ部分



別に邪魔にならないからいいんですけど、

ここは仕事場です！！


See you next kuma!

]]> https://ameblo.jp/tekutech/entry-10138880275.html Sat, 13 Sep 2008 21:18:09 +0900 【JQuery】と【prototype】を同時に使う あえて書かなくてもいいのですが、自分のための覚え書きと言うことで。

ぼくが請け負っているクライアントさんのサイトでは、
画像のロールオーバーを簡単にするため、独自の【prototype】ライブラリを使っています。
そのため【JQuery】のライブラリを使いたい場合には競合を回避しなくてはいけません。

わずか2行のスクリプト追加と、数ヶ所の書き換えで可能ですので、
メモリーのどこかに格納しておいていただければ役に立つ日が来ると思います。

1.スクリプトの読み込みは 「prototype ⇒ prototypeのライブラリ ⇒
JQuery ⇒ 追加スクリプト（後述） ⇒ JQueryのライブラリ」 の順に行う

2.JQuery本体を読み込んだ直後に以下のスクリプトを追加

<script>
jQuery.noConflict();
var j$ = jQuery;
</script>

3.JQueryのfunctionを以下の通り修正

$(function(){ …
}

となっている部分を

j$(function(){ …
}

のように、j$( … に変更

大抵はこれでうまくいくと思いますが、もしダメな場合は、
JQueryライブラリの外部ファイルのソースにも同様の修正を行います。


See you next tech!
]]> https://ameblo.jp/tekutech/entry-10138807227.html Sat, 13 Sep 2008 17:33:21 +0900 【MTRemoveBlankプラグイン】のご紹介 これまで複数のテンプレートに分けていたものを、1つにまとめて
【<MTIf>】で条件分岐することが多くなってきます。

そこで問題になってくるのが、
出力されるHTMLで大量に発生する空改行です。
発生する理由は、条件判断の結果処理されなかったタグで、
改行が削除されないためです。（スペースは削除されます）

そこで便利なのが、ほぼ無条件に空改行と空白を取り除いてくれる
【MTRemoveBlankプラグイン】です。（MT3.3x、MT4.x対応）

>>【MTRemoveBlankプラグイン作者さん】のページ
（新しいWindowに表示します）

使い方はとても簡単で、HTMLの
一番上に <MTRemoveBlank>を
一番下に </MTRemoveBlank>を入れるだけです。

<MTRemoveBlank>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  ・

  ・

  ・
</body>
</html>
</MTRemoveBlank>


一般的には「ヘッダ」「フッタ」「メイン」「サイドメニュー」のように
モジュールを分けると思いますので

「ヘッダ」に<MTRemoveBlank>を
「フッタ」に</MTRemoveBlank>を入れれば

他のテンプレートを修正する必要はありません。


See you next tech!
]]> https://ameblo.jp/tekutech/entry-10135137787.html Thu, 04 Sep 2008 01:33:41 +0900 癒し空間リラックマノート 部屋中のあちこちでクマが好き勝手な格好で生息してます。

こういう仕事をしているとストレスも溜まりがちですが、
リラックマ達のおかげでけっこう癒されていたりします。

男ですから、さすがに仕事机の回りに飾ったり
と言うことはありませんが、リビングや寝室にいる
クマ達を見ているとなんか癒されますね。

ごあいさつ代わりにほんの一部を公開します。
またこのコーナーで紹介しますので、
みなさんも癒されてみてください。


おしごとまちうけちゅう


See you next Kuma!

奥さんのブログ「リラックマがいる生活♪」もご覧下さい。
手前ミソですがけっこうウケますよ。
]]> https://ameblo.jp/tekutech/entry-10134755272.html Wed, 03 Sep 2008 00:43:58 +0900 キッチリしたレイアウトに<MTIgnore>タグは欠かせません この<MTIgnore>タグは3.3以降で利用できますが、


モジュール化がさらに進んだ4.1以降では必須と言っても良いタグです。



機能はとてもシンプルで「囲まれた範囲を出力しない」だけです。モディフィアもありません。



が、


Dreamweaverなど、デザインを見ながら編集できるソフトで


CSSを使ったテンプレートを作成する際、非常に役立ちます。



メインとなるページとモジュールは別のファイルになりますが、


コーディングをするときにはどちらにもCSSを適用しないと


正しいレイアウトかどうか確認するのが困難になります。



そのため、


メインページとモジュールを同じIDを付けた<div>タグで囲む必要がありますが、


そうすると再構築して出力されたページには同じIDが2回登場することになります。



【メインページ】 



<div id="container">
  <div id="side_menu">
    <$MTinclude module="side_menu"$>
  </div>
</div>

【サイドメニューモジュール】 


<div id="side_menu">
  <ul>
    <li>サイドメニューの内容1</li>
    <li>サイドメニューの内容2</li>
  </ul>
</div>

↓↓ これを再構築すると… ↓↓ 


<div id="container">
  <div id="side_menu">
    <div id="side_menu"> <!-- 重複 -->
      <ul>
        <li>サイドメニューの内容1</li>
        <li>サイドメニューの内容2</li>
      </ul>
    </div> <!-- 重複 -->
  </div>
</div>

となってしまいます。



<MTIgnore>タグはMTがページを再構築する時に中身を無視しますので


逆に言うとDreamweaverなどでは無視されないことになります。



ここでピンと来た方もいらっしゃるかと思いますが、


モジュール側の最初の<div>タグに<MTIgnore>タグを適用すればいいわけです。



一応注意しないといけない点としましては、


開始タグと終了タグの両方をそれぞれ<MTIgnore>で囲ってやらないと、


</div>が1つ多くなってレイアウト崩れの原因になります。



以上をまとめますと



【メインページ】 


<div id="container">
  <div id="side_menu">
    <$MTinclude module="side_menu"$>
  </div>
</div>

【サイドメニューモジュール】


<MTIgnore><div id="side_menu"></MTIgnore> <!-- ポイント -->
  <ul>
    <li>サイドメニューの内容1</li>
    <li>サイドメニューの内容2</li>
  </ul>
<MTIgnore></div></MTIgnore> <!-- こちらを忘れないように -->

↓↓ これを再構築すると… ↓↓ 


<div id="container">
  <div id="side_menu">
    <ul>
      <li>サイドメニューの内容1</li>
      <li>サイドメニューの内容2</li>
    </ul>
  </div>
</div>

と、無事に正しく出力されます。



参考になりましたでしょうか？




See you next tech!


]]> https://ameblo.jp/tekutech/entry-10134400150.html Tue, 02 Sep 2008 03:02:17 +0900 MovableType4をCMSのように使う場合の技術情報を書いていきます
制作中にあれこれと小技を使っているのですが、
それらをすべて記憶するには脳内のメモリーが足りません。

そこで、
実際に使った小技をブログにまとめて資料とすることにしました。

テンプレートタグの使い方に始まって、
AJAX(主にJQuery)やCSSあたりを中心に随時追加していきます。

See you next tech!
]]> https://ameblo.jp/tekutech/entry-10132397593.html Thu, 28 Aug 2008 01:26:34 +0900