「Add Guides EX」は、Photoshopの「新規ガイド」コマンドの拡張版のようなもので、指定した位置を起点として連続したガイドを作成します。ガイドの幅や間隔(ギャップ)、数が指定できます。

たいしたスクリプトではありませんが、同様のものが見あたらなかったので作成してみました。これで、もう電卓を使ってガイドの位置を計算する必要はなくなるかもしれません。

なお、自分自身がPhotoshopをWeb用途で使うことがほとんどなので、Web用のドキュメントでの利用を前提としています。単位もピクセルに固定となっています。ご要望があれば対応します。

段組のためのガイド作成には「カラムウィザード」が便利です(動画チュートリアルもあります)。こちらも是非、ご利用ください。

関連する記事

• Adobe Photoshop用スクリプト、カラムウィザードを公開 (0)
• Dreamweaver CS4&Photoshop CS4にアップグレード (0)
• MODx for Dreamweaverを公開 (1)
• MODx 挿入バー for Dreamweaverを試作中 (0)
• Adobe PhotoshopでFireworksのスライスオブジェクトを実現 (0)

「DocLink」は前回の「日付入力を補助するDatepickerプラグイン(MODx用)を公開」でも書いたスニペットです。基本的にはPrevJumpNextと同様のスニペットですが、主に次のような違いがあります。

• Ditto互換のパラメーター(一部のみ)
• 多様なテンプレートの指定方法(チャンク、ファイル、(X)HTML)
• テンプレートの外部ファイル化
• スタイルシートの読み込み機能
• 3テンプレート×7スタイル+1テンプレート(計22パターン)を同梱

特に、一般的なCMSによくありがちな、順不同リストを出力したいのにli要素がない場合はulタグだけが出力されてしまう、というようなことがないようになっています。CMSの利点を活かす、ナビゲーション用のlink要素を出力するためのテンプレートも同梱しています。また、DittoやPHxなどとの併用によって、プレースホルダーが不用意に消去されることもありません。

機能的には大したスニペットではありませんが、ページナビゲーション出力用のスニペットとしては、それなりに汎用性の高いものになっていると思います。パラメーターに関しては、日本語での詳細なドキュメントもPDFファイルで用意してあるので、手軽にページナビゲーションを作成したい場合にご利用ください。

MODxは覚えることが少なくて済むので、CMSの中では拡張もかなりしやすい部類に入ると思いますが、パラメーターやテンプレート周りなどの定番処理が行えるような開発用クラスがあるといいですね。

関連する記事

• WordPressで「あなたのプロフィール」のアイコンが表示されない (0)
• オープンソース界のGoogle Analytics、Piwik (0)
• MODx 0.9.7alphaをインストールしてみました (2)
• CakePHPでURIの形式を統一する (4)
• Movable Type Open Sourceを別のサーバに移行する方法 (0)

MODx標準のデートピッカーは新しいウィンドウ(タブ)が開いてしまう上に、うちの環境では(?)動作していませんでした。日付が英語圏のフォーマットになっていることもあって、これを手動で入力するのは少し大変です。今回、MODxで予約投稿をしたくなったので、ストレスなく日付を入力できるようにDatepickerプラグインを作成しました。

Datepickerプラグインを導入すると、ドキュメントの編集ページの公開開始日時(公開日時)、公開取消日時(非公開日時)のデートピッカーが、jQuery UIのdatepickerプラグインの機能に完全に置き換わります。同じ画面上でカレンダーが開き、そこから日付を入力できるようになります。

主な特徴は次の通りです。

• 同一ページ上での日付の入力機能
• 今日の日付のハイライト表示(jQuery UIの機能)
• 多言語対応(jQuery UIの機能)
• 時刻の初期値の設定機能
• 他のJavaScriptライブラリやバージョンの異なるjQueryとの衝突回避

既知の問題としては次のものがあります。

• デートピッカーがクリック位置から離れた場所に表示される。
• 選択済みの日付をハイライト表示できない。

jQuery UIのdatepickerプラグイン自体に手を加えないと難しそうですが、できれば次のバージョンで対応したいと思います。

また、今回、前後のドキュメントへのリンクや、ナビゲーション用のlink要素を出力するdoclinkスニペット(仮名)も作成しています。機能的にはPrevJumpNextに近いものですが、(X)HTMLの分離、CSSの切り替え、テンプレートのファイル化、他のリソースとの競合回避ができるようになっています。

doclinkスニペット(仮名)もドキュメントの作成後に公開予定です。同じ物を作っている人がいるといけないので、一応ということで…。

近日中に、MODxBLOGをMODxのみで完全リニューアルする予定ですが、こちらでもこれらのリソースを利用するつもりです(更新頻度が落ちているのはそのためです :p)。

関連する記事

• CodeIgniterでURIの形式を統一する (3)
• MODx 0.9.6.2が正式リリース (0)
• MODxの情報サイト、MODxBLOGをオープン (8)
• このブログのURI構成を変更しました (0)
• MODxのスニペット、Wayfinderのclass属性値の出力を改善する (0)

MODx for Dreamweaverは、Phize on the WebのMODx for Dreamweaverのページで公開しています。オープンソースCMSであるMODx用のコードヒント(入力補完機能)と専用の挿入バー(それぞれ日本語版と英語版)をセットにしたスイートです。

コードヒントは、以前、公開したMODx コードヒント for Dreamweaverのバージョンアップ版(タグ名の間違い・不足を修正)です。挿入バーは、「MODx 挿入バー for Dreamweaverを試作中」で書いたものになります。

挿入バーは、MODx本体同梱のスニペット+α分のメニューとダイアログもほぼ作成していたのですが、パラメータの多いスニペットへの対応が大変なのと、スニペットのバージョンアップ時に対応する自信がなかったのではずしました。MODx 0.9.6.1p2に同梱されているスニペットでも、既に新しいバージョンが出ているものがあり、人によって使用しているバージョンにばらつきがありそうですし。

Dreamweaverの拡張機能は意外とレイアウトの自由度が低いです。日本語のレイアウトがうまい具合にならなかったため、ダイアログウィンドウだけは日本語版でも英語のままとなっています。先日、発表されたベータ版を見る限りだと、Dreamweaver CS4では互換性がなさそうなのですが、それはCS4が出てから考えることにします。CS3までなら大丈夫だと思います。

アイコンが思いっきり手抜きで残念なことになっていますが、ないよりはましということで、MODxとDreamweaverを利用している方はお試しください。

関連する記事

• このブログのURI構成を変更しました (0)
• CakePHPでアプリケーションの設定をデータベースに保存する (0)
• Dreamweaver CS4&Photoshop CS4にアップグレード (0)
• Wordpressの自動整形機能を無効にするプラグイン、Kill WP Texturizeを導入 (1)
• WordPressのテーマを自作することにしました (4)

カラムウィザードは、Adobe Photoshopで段組のためのガイドを自動作成するスクリプトです。詳しい説明やダウンロードは、Phize on the Webの「カラムウィザード(1.0.0) - Adobe Photoshop」をご覧ください。

最近はPhotoshopばかり使っているのですが、不便なところと言えば、ピクセル単位での調整が苦手というところですね。Photoshopの単位としてのピクセルは小数を持つことができるので、整数単位で合わせるためにはガイドを引く作業が不可欠です。そうしないと、いつの間にか1ピクセル未満のずれが生じていた、なんてことになりかねません。

ただ、Photoshopは数値入力が面倒なので、ガイドを何本も作成するとなると大変ですよね。Illustratorがあれば、Illustratorで作ってPhotoshopへ持っていけるのかもしれませんが、持っていないのでそれはできません。そこで、このカラムウィザードを作ってみました。Photoshopでガイドを自動作成してくれるスクリプトとしては、他にGridMakerというものがありますが、こちらは黄金比に基づいたガイドを作成してくれます。

なお、スクリプトはJavaScript製です。公開に合わせて多少の修正はしているものの、JavaScript 第5版をじっくり読み進めている最中ですし、基本的には自分で使えればいいや的なものなので、その辺りはよろしくお願いします。

Photoshopの「スクリプティングガイド」フォルダにPDFのドキュメントがあるので、作業の効率化を図りたい人には役立つと思います。また、「スクリプティングガイド\ユーティリティ\ScriptListener.8li」を「プラグイン」フォルダにコピーすると、操作がPhotoshop用のJavaScriptとして記録・出力されるので、アクションでは実現できない操作の自動化に便利ですよ。

関連する記事

• Adobe Photoshop用スクリプト、Add Guides EXを公開 (0)
• Adobe Photoshop用スクリプト、カラムウィザードのチュートリアル動画を公開 (2)
• Adobe Illustrator CS4の購入とレビュー (2)
• Adobe PhotoshopでFireworksのスライスオブジェクトを実現 (0)
• 中世に描かれた本の挿絵を集めた画像素材サイト (3)

かつてはMicrosoftとブラウザ戦争を繰り広げたNetscapeですが、世界におけるシェアは既に1%を切っているようです。Netscape 8ではNetscape Browserに名称を変更し、GeckoとInternet Explorerのレンダリングエンジンの切り替え機能を搭載、Netscape 9ではNetscape Navigatorの名称へと戻していました。日本語版はNetscape 7が事実上の最終バージョンとなっています。

MicrosoftのIEはといえば、先日、開発中のIE 8がAcid2テストにクリアとの発表がされています(IEBlog : Internet Explorer 8 and Acid2: A Milestone)。期待は禁物ですが、IE 8が登場するころにはCSS2もまともに活用できるような時代になっているのかもしれませんね。

先ほど、Phize on the Webのユーザーエージェント年表も更新しておきました。ホームページにはブログの更新情報を表示するようにしたのですが、色々、試しているうちにどんどん崩れてきているのでそのうち整理したいです :(

関連する記事

• 訃報: 第6代目Internet Explorer IE6氏 (0)
• Firefox3でのクッキー・セッションの不具合はアドオンを疑え (0)
• Webブラウザ、Safari for Windowsが正式リリース (4)
• 主要5大ブラウザにおけるパスワード管理の安全性評価 (0)
• Firefoxのマスコットキャラクター、フォクすけがもらえるチャンス! (0)