雇われWebデザイナー、SWDのサイトです。なにも目指してません。すみません。

前の5件へ 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
ツール紹介
仕事に役立つツールや参考になるサイトなどを紹介。ゴイスーな情報探してます。
2008

04/29

[超いまさら]Dreamweaverテンプレートって便利だね
CATEGORY:, TAG:,
MT復帰の際に過去の一部の記事で正常に表示できないものがあるようです。
閲覧数の多い記事から少しずつ直していこうと思いますがすべての記事の復旧は難しいと思います。
わざわざお越しの方には申し訳ありませんがご容赦ください。

フリーになってからというもの、個人で請け負える範囲でのお仕事をと考えると、どうしても小・中規模サイトの案件が多くなりがち。

それにくわえて、ここ最近の案件でPHPを好きに置いちゃいけないとか、クライアント側で更新したいとか、いろいろと制約のある案件が重なり、そんななかで効率的な制作進行をするためにはどうしたもんかと
思案し「Dreamweaverテンプレート」(以下DWT)を選択したのですが、これがなかなか使える機能だったりしましたので今さらながらに紹介しておこうと思います。

すでにDWTを使用したことがある方には、ホントいまさらなTIPSになるのですが、使ったことのない人のためにざっくり説明しますと、DWTってのは、コンテンツ本文部分だけ編集可能にして、
ナビゲーションやサイトの共通のインターフェイス部分をテンプレートとしてたくさんのページを管理しようねっていうDreamweaverの機能のひとつなのです。

ですので、DWTを導入しておけば
たとえナビゲーションが制作途中で変更になるとか
あり得ない要求が来たとしてもテンプレート自体をちょちょっと修正してやればすべてのページにその修正内容を反映させてしまえるわけです。

あ、そうだ。
そもそもソースの中にテンプレート文がいろいろ入ってしまうのが嫌だという理由で導入を見送っている方も多いかもしれませんが、
リリース時に、Dreamweaverのメニューから
[修正]→[テンプレート]→[マークアップを省略して書き出し]
を選択することで テンプレート文を取り除いたリリース用のファイルを書きだすことも可能ですので、テンプレートの機能を使ったことのない方は
だまされたと思って一度試してみてください。「やっぱだまされた」とかの声には答えられませんが。w 


さて、そんなDWTの主な機能(タグ)は以下の通り。

・編集可能領域
ここは編集できません。
<!-- TemplateBeginEditable name="編集可能領域その1" -->
ここは編集可能です。
<!-- TemplateEndEditable -->
ここは編集できません。
・リピート領域
<!-- TemplateBeginRepeat name="リピート領域その1" -->
<div class="sample">この内容が繰り返されます。</div>
<!-- TemplateEndRepeat -->
・オプション領域
<!-- TemplateBeginIf cond="_document['表示・非表示領域その1']" -->
チェックが入っていたら、ここのテキストが表示されます。
<!-- TemplateEndIf -->
HTMLのコメントアウトタグの中に
Dreamweaver独自のテンプレート文が入るのが基本です。
例外としてコメントアウトタグの代わりに
@@~@@でつなげることもできますが、これは最後に紹介したいと思います。

上記は例として実際のテンプレート文のサンプルソースを記載していますが、Dreamweaver上のメニューからテンプレートオブジェクトの中の編集可能領域等を選択することで自動でこのテンプレート文が挿入されますので、テンプレート文を手打ちできるようになる必要は特にないかと思いますのでご安心を。

2008

03/27

Adobe、無料のオンライン版Photoshopをβ公開
CATEGORY:,, TAG:
MT復帰の際に過去の一部の記事で正常に表示できないものがあるようです。
閲覧数の多い記事から少しずつ直していこうと思いますがすべての記事の復旧は難しいと思います。
わざわざお越しの方には申し訳ありませんがご容赦ください。

Adobe、無料のオンライン版Photoshopをβ公開(ITmedia)

「Photoshop Express」はWebブラウザから無料で利用でき、一般的な画像編集が可能だ。

「ブラウザ上で動くPhotoShop」の情報が出回った時は
またまたぁ~ とか思ったものですが、とうとう出ちゃいましたね。

Photoshop Expressβ

まだ、英語版のみのようですが
これから各国語版対応も計画されているとのことですので
出先でちょこちょこっと修正してみたり、
自作のCMSと無理やり連動させてみたり、
クライアント側での修正にもお勧めできるかもしれませんね。
うーん、いろいろどんどん便利になってくなぁ。

ついでにPhotoShopの値段も、無料とは言わんので
もう少し下げてくれないかなぁ。とか言ってみる。

2008

02/03

自分のページでチャットできる『thatsmymouse』
CATEGORY:, 
MT復帰の際に過去の一部の記事で正常に表示できないものがあるようです。
閲覧数の多い記事から少しずつ直していこうと思いますがすべての記事の復旧は難しいと思います。
わざわざお越しの方には申し訳ありませんがご容赦ください。

友達のマウスと一緒に遊ぶことができる『thatsmymouse』(百式)
▼以下抜粋

もうちょっと具体的に言うと、thatsmymouseに対応したページ上では、他のユーザーのマウスカーソルの動きを見る事ができるのだ。ご丁寧にカーソルには名前がついており、チャットを楽しむこともできる。

これはいいですね。
というかこれとそっくりなのを以前モイモラのさうなまんさんが
Flash Media Serverとの連携サンプル(現在は提供されていないようです)
として作られたのを見たことがあったので、
正直なところ驚きはそれほどでもなかったのですが、
『thatsmymouse』は自分のサイトでも提供されているJSファイルを
貼り付けるだけで導入できるって手軽さが素晴らしいです。

また、マウスをクリックすると他のユーザにもクリックしたことがビジュアルで伝わるし、ページから遷移してしまったりした際もアイコンが変化するので、ユーザのマウスの動きが手に取るようにわかるのも芸が細かい。

2008

01/08

IE7:これであなたのIEもプロフェッショナル版に?
CATEGORY:,, TAG:
MT復帰の際に過去の一部の記事で正常に表示できないものがあるようです。
閲覧数の多い記事から少しずつ直していこうと思いますがすべての記事の復旧は難しいと思います。
わざわざお越しの方には申し訳ありませんがご容赦ください。

IEな記事が続きますが、便利だったので紹介しておきます。

IEがものすごく使いやすくなる無償プラグイン「IE7Pro 2.0」リリース
(CodeZine)
▼以下抜粋

 Internet Explorerにさまざまな操作性を追加できるプラグイン「IE7Pro 2.0」が2日にリリースされた。IE7Pro公式サイトよりダウンロードできる。すでにインストール済みの場合は更新通知機能よりアップデートすることが可能。

2007

12/12

出発地-目的地を「略地図」に ALPSLABの自動作成機能がすごい
CATEGORY:, TAG:
MT復帰の際に過去の一部の記事で正常に表示できないものがあるようです。
閲覧数の多い記事から少しずつ直していこうと思いますがすべての記事の復旧は難しいと思います。
わざわざお越しの方には申し訳ありませんがご容赦ください。

出発地-目的地を「略地図」に ALPSLABに自動作成機能
(ITmedia)

▼以下抜粋

 アルプス社は12月11日、地図上で出発地と目的地を指定すると、ルートに関係ない道路を省略した道案内地図を作成できる「ALPSLAB 略地図」を実験サイト「ALPSLABで公開した。

これはすごい。
詳細は、上記もしくは直接ALPSLABを参照していただければ
と思いますが、なかなか優秀な略地図が出来上がるようです。

▼サンプルで作成した地図


目的地までの経路図を表示してくれるマッシュアップネタは
みたことがあったのですが、それらは某地図API上に
展開するものだったのに比べて、略地図上で表示されるので
格段にわかりやすい。

たとえば店舗情報を掲載するページで
アクセスマップをたくさん起こさないといけない場合には
重宝しそうですね。

ただし、商用利用時には問い合わせくださいとのことです。
商用利用というのが二次頒布的なものなのか、その範囲は
定かではないのでいずれにしてもお仕事で使用する場合は
確認をとったほうがいいかもしれません。

前の5件へ 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

[PR] このサイトはhetemlサーバを利用しています
[PR]
_FEED
このRSSを取得する
_CATEGORY
_TAG
                                       
_RECENT COMMENTS
SWD さん:
死んでないアピール
IKKI さん:
死んでないアピール
SWD さん:
WordCamp Kyoto 2009 おつかれさまでした&フォローな記事
ゆりこ@スタッフ さん:
WordCamp Kyoto 2009 おつかれさまでした&フォローな記事
SWD さん:
ヱヴァっぽいVistaサイドバーガジェットを作ってみた
月宮あゆ@寒冷地仕様 さん:
ヱヴァっぽいVistaサイドバーガジェットを作ってみた
SWD さん:
ヱヴァっぽいVistaサイドバーガジェットを作ってみた
おさる3 さん:
ヱヴァっぽいVistaサイドバーガジェットを作ってみた
_ARCHIVE
2010年5月 (5)
2010年4月 (2)
2009年10月 (3)
2009年8月 (1)
2009年7月 (2)
2009年6月 (6)
2009年5月 (1)
2009年4月 (2)
2009年3月 (2)
2009年2月 (1)
2009年1月 (3)
2008年12月 (5)
_BLOG PARTS


あわせて読みたいブログパーツフィードメーター - 日々平穏スカウター : 日々平穏
OpenID対応しています OpenIDについて

このブログはクリエイティブ・コモンズでライセンスされています。