かたつむりくんのWWW

Movable Type テンプレートタグ用辞書ライブラリ - 秀丸エディタの単語補完用

【2008-08-18 追記】

Movable Type 4.2、全モディファイア、CSS 2.1 プロパティに対応した最新版を作りました。使い方、更新情報など、今後は以下のページを参照してください。
秀丸エディタ単語補完用辞書ライブラリ for Movable Type

【2008-06-08 追記】

XHTML 1.0 strict に対応したバージョンを作りました。
秀丸エディタ単語補完用辞書ライブラリ for Movable Type テンプレートタグ(XHTML 1.0 strict 対応)

【2008-06-06 追記】

Dreamweaver CS3 拡張機能 for Movable Type 4.1 が対応しているMTタグの書き方に対応した辞書ファイルとマクロを追加しました。

hidemaru.gif

秀丸エディタで Movable Type のテンプレートタグを入力するときの単語補完用の辞書ライブラリを作ってみました。

秀丸エディタは、Windows では定番のテキストエディタで、高機能で使いやすいということで愛好家も多いテキストエディタです。シェアウェアですがお試しもできます。

さて、使い方を説明しますが、僕は秀丸エディタ初心者です。念のため。

続きを読む

Firefox - Download Day 2008

24 時間最多ダウンロードソフトとして、ギネス世界記録へ挑戦!ということで、おもしろそうなので参加してみました。

Download Day 2008

ちなみに、このブログに来て下さっている方の 49.23% が Firefox ユーザーです(シェア1位)。なんか嬉しいです。

24 時間最多ダウンロードソフトとしての世界記録挑戦に、あなたも参加しませんか? その方法は、とっても簡単。Firefox 3 を Download Day 期間中にダウンロードするだけです。剣を飲み込めとか、顔に 30 本スプーンを乗せてバランスを取れとか、そんな無茶なお願いはしていませんよ。

ちなみに、Firefox 3 の正式リリース日はまもなくこのサイトで発表されます。ぜひまた見に来てください! あなたも今すぐ参加登録して、一緒にギネス世界記録を目指しましょう!

Google リーダーのAdobe AIR版- Google ReadAir

ReadAirロゴ

Google リーダーの Adobe AIR 版である「ReadAir」をインストールしてみました。

ブラウザで見る Google リーダーに不満があったわけではありませんが、何となく「Google リーダーと同期ができる rss リーダー」を探していたらこれを見つけ、注目の Adobe AIR 版だということで迷わずインストールしました。

続きを読む

CEB2_plusUtility 0.2 アップデート - CustomEditorButton2に便利なボタンを追加するプラグイン

先日、細々と公開した「CEB2_plusUtility」を 0.2 にアップデートしました。

今回は、dl, dt, dd 要素ボタンや blockquote 要素ボタンなどの仕様を変更したほか、記事を書く前に文章構造を練るのに使える h2 から h6 まで一気にマークアップできるボタンと、csv ファイルやタブ区切りテキストを table 要素に変換するボタンを追加しました。

個人的には割と使いやすくなったかな、と満足しています。

今回の変更点と詳細説明、ダウンロードは以下の通りです。

続きを読む

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

今さら、かもしれませんが、Movable Type のオープンソース・プロジェクトであるMTOS(エムトスとかエムティオーエスって読むらしい)をインストールしてみました。

昨年末にMTOSが出始めたころは、情報も少ないし、英語版しかなくてなんだか敷居が高いと感じていましたが、最近は、出版される本もMTOS対応をうたっていたりと、だいぶ情報も出てきましたね。

さて、今回は、愛用しているレンタルサーバーの大容量・高機能レンタルサーバー heteml(ヘテムル)にインストールしてみました。

続きを読む

ブラウザによる正規表現の改行文字の違い

ほとんどのJavaScriptの本で、正規表現で改行文字は「\n」であると解説されていますが、これがブラウザによっては「\n」だったり「\r\n」だったりします。

そこで、実際にどのブラウザがどうなのか調べてみました。

調べ方は単純で、このブログのエントリー投稿欄で、正規表現で「\n」を「n」に、「\r」を「r」に置換してみました。

その結果は次の通り。

  • Firefox : \n
  • IE6 : \r\n
  • Opera : \r\n
  • Safari : \n

Facebox 1.2 - LightBox風に角丸で画像をポップアップ

Facebox 1.2 - LightBox風に角丸で画像をポップアップ

Facebox 1.2を導入してみました。

これまで、画像のポップアップ表示には yuga.js で使われていた「ThickBox 3.1」を使用していました。ThickBox 3.1 は非常に軽い動作で良いのですが、ブラウザの表示領域より大きい画像を表示させると、自動的に縮小されてしまいます。この自動縮小は基本的には便利なんだけど、画像に書かれている文字も読ませたいときなどはちょっと不便になってしまう諸刃の剣でした。

この自動縮小機能を無効化する方法もあるようですが(fixture.jp/blog - thickbox.jsの画像リサイズ機能をオフにする)、それだとブラウザをスクロールしても、オーバーレイされた画像はスクロールできず、結局表示領域からはみ出した部分は見られないという、こちらも諸刃の剣でした。

そこで、今回、動作の軽さという点や、使用できるリンクの種類が ThickBox とあまり変わらなそうな「Facebox」に変更しました。

続きを読む

yuga.js 0.5.3 にアップデート

yuga.js を、0.5.1 から 0.5.3 にアップデートしました。

0.5.1 のファイルを少しだけ自分で変更していた部分があったので、一度「WinMerge 日本語版」で2つのファイルを比較して最新版を修正するという手間がかかってしまいました(物忘れが激しいので)。

続きを読む

Designer meets Designers 03 の感想

MdN主催の「Designer meets Designers 03」(D2 03)に参加してきました。D2に参加するのは01に続いて2回目です。

今回のテーマは「現場で生かせるWeb標準の知識とテクニック」で、「今さらWeb標準がテーマ?」という感じはしていましたが、自分の「Web標準」に関する知識(実践できているか否かは置いといて)をおさらい・確認するいい機会となりました。

今回のD2は次のような4つのセッションが行われました。

  • SESSION 1:Web標準に準拠したサイト制作のための基本と実践(80分) / 加藤善規(デジパ(株))
  • SESSION 2:Web標準準拠に求められるバランス感覚(40分) / 木達一仁((株)ミツエーリンクス)
  • SESSION 3:さよなら Web標準(60分) / 長谷川恭久
  • SESSION 4:Web標準への移行――押さえておきたいポイント(60分) / 山本聰((株)アイ・エム・ジェイ)

4つのセッションの中で自分が一番楽しみにしていたのは、デジパ(株)加藤善規さんが登壇したSESSION 1です。日ごろWWW WATCHで勉強さしてもらっているし、ちょっと仕事でお世話になったことがあり、それ以来、僕の目標というか尊敬の念を抱いているので。

さて、復讐がてら4つのセッションについての感想を以下に。

続きを読む

CustomEditorButton2に便利なボタンを追加するプラグイン - CEB2_plusUtility

以前このブログでも、「CustomEditorButton2」というMovable Typeの記事投稿画面に任意の機能のボタンを追加できるプラグインを紹介しました。

続きを読む

WordPress 2.5 のファイルアップロード時にIEで起こる不具合

WordPress 2.5 で新しくなったファイルのアップローダー。Ajaxで軽快に動作してかなりいい感じです。

しかし、IEだとアップロード時に次のエラーメッセージが表示されてしまう不具合があります。

WordPress 2.5 のファイルアップロード時にIEで出るエラー

続きを読む

WordPressで記事を複製できるプラグイン - Duplicate Post

WordPressで記事を簡単に複製できるプラグインを見つけました。

個人のブログだと、記事の複製が必要なシーンはそれほどないかもしれませんが、WordPressをCMSとして使っている場合は、結構重宝される機能だと思います。ただ、複製できるのは「記事」だけで「ページ」が複製できないのがちょっと残念。

続きを読む

CSSで外部リンク用アイコンを設定するときの悩み

このブログでも、サイト内リンクと外部リンクを区別するために、外部リンクにだけアイコンを表示させています。

つい最近までは、外部リンクのa要素に自分で「class="outside"」をつけて、次のようなCSSを設定していました。

a.outside {
	margin-right: 1px;
	padding-right: 13px;
	background-image: url(http://www.tinybeans.net/blog/images/link_outside.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

続きを読む

yuga.js 0.5.1 を導入してみた

yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScriptをこのブログで使ってみました。

これがどういった機能があるのか、また導入方法はyuga.js 0.4.2 - 優雅なWeb制作のためのJSとデモCSS HappyLife)で説明されています。ただし、こちらはyuga.js 0.4.2の説明なので、最新版の0.5.1はちょっとだけ変わっています。変更点と最新版のダウンロードは次の作者のサイトから。

続きを読む

WebクリエイティブのためのDOM Scripting - 感想

WebクリエイティブのためのDOM Scripting

WebクリエイティブのためのDOM Scriptingを読みました。

これまでJavaScriptライブラリを手探りで使ってきましたが、jQueryやPrototypeなどのライブラリを、もっと理解して使えるようになりたいなと思い、JavaScriptの本を探していました。

探して見ると当然ですがJavaScriptの本はたくさんあるので、どの本がいいか非常に悩みましたが、次のような理由からこの本を選びました。

続きを読む

wordPress 2.5 をインストールしてみた感想

WordPress 2.5 日本語をインストールしてみました。

今回は、このブログで使っているレンタルサーバーの大容量・高機能レンタルサーバー heteml(ヘテムル)にインストールしてみましたが、インストール手順はバージョン2.3までと変更ないようでした。ヘテムルのサポート内のWordPress 日本語版のインストールどおりにインストールすれば完璧です。WordPressのインストールは相変わらず簡単です。

さて、ざっと見た感じで変わった点をいくつか挙げておきましょう。

続きを読む

MT4LP5へ参加してきた

2008年4月5日開催、MT4LP5

4月5日(土)、CSS Nite主催の「MT4LP5」へ参加してきました。初めて参加するCSS Niteということもあり、かなり前からワクワクしていたのですが、期待を全く裏切らないイベントでした。

まず雰囲気がいいですね。これまでいくつかのセミナーに参加してきましたが、それらとは違って、鷹野さんを中心としたアットホームな感じがしました。益子さんも、まるでごく普通のスタッフのように運営をサポートしていました。

参加されている方々も、おそらく大半がWeb制作の現場で活躍されているのでしょうから、自分はかなり「下っ端」的な気もしましたので、逆に余計やる気がわいてきます。でも、当日は前夜からの発熱で体調も最悪でしたが。

続きを読む

自社サイトのリニューアルが一段落

年末からバタバタを動き出した僕の会社のリニューアルがようやく一段落しました。

2年前に「リニューアルしよう!」と動き出しプロジェクトチームまで結成されたものの、みんなどうしていいか分からずに自然消滅。そして昨年秋になって再び動き出し、またまたプロジェクトチームが結成され、ようやく今回のリニューアルに至ったわけです。

続きを読む

Safari 3.1 が速い!

Safari 3.1を会社のPCにもインストールしました。

今、会社のオフィシャルサイトをリニューアルしている最中であり、4月の頭からリニューアルサイトをオープンさせる予定です。

今回のリニューアルでは、CMSを導入することが目玉の一つです。いくつかのCMSを検討した結果、Moveble Typeを導入することになりました。

で、まさに今、200近いエントリーを投稿しまくってる真っ最中です。

続きを読む

Windows版も日本語インターフェース - Safari 3.1

本日リリースされたSafari 3.1をインストールしてみました。

Safari 3.1

Safari 3 ベータは英語のインターフェースでしたが、今回のSafari 3.1はWindows用も日本語のインターフェース対応になりました。世界最速のウェブブラウザというだけあって確かに速いです。ただ、Windowsユーザーは最初はフォントがちょっと違和感あるかもしれませんね。