copain blogs

エントリーの間が空いてしまいました。
2009年仕事始めです。
本年もこのブログともどもよろしくお願いします。

普段の業務で使えそうなものを探してまとめてみました。
尚、使用に関しては各自の責任で行ってください。

■ファイル管理系

Related Files for CS3
リンクされているJS,HTML,CSSファイルをプルダウンから選択して開くことが出来ます。

External Link Checker
外部リンクのチェックが出来ます。

JavaScript syntax checker
javascriptのエラーチェックが出来ます。

Expand Folders
フォルダすべて展開します。

Close Folders
フォルダすべてたたみます。

DreamweaverでSubversion+TortoiseSVNをFree＆日本語化で実現 | studio-fun.net
SVNを使っているならこれは必須！

Compare To
mxのバージョンから比較メニューが使えるようになります。

Ordinary SiteMap
簡単にサイトマップのページが作成できます。ｃｓｓベース。

■コーディング作成系

New Document From Selection
選択部分を元に新規ファイルを作成。

Load Site Selection
ファイルパネルで複数選択した画像をソート順（デフォルトはABC順）に挿入できる。

Replicator
選択部分のコピーする数を決めてペーストできる。

Dreamweaverのスニペットをバックアップ・リストアする拡張機能 - SnippetUtil for Win 1.0.0
タイトルままです。

Close Tags
p,li,tr,tdタグの閉じ忘れを閉じます。

Iframe Inspector
IFRAMEのプロパティをインスペクタで編集できるようになります。

■おまけ）
Set Table Dimensions to Background Image
選択したテーブルの背景画像を設定する。

Panels Toolbar
以下のようなツールバーでパネルの表示／非表示がコントロールできます。

Selection Menu for Coding Toolbar
コードツールバーに以下メニューを追加(Dw8以降だとほとんどの機能は搭載ずみ)
* Apply Backslash-comment Hack
* Apply Caio Hack
* Remove Backslash-comment Hack
* Remove Caio Hack
* Convert Tabs to Spaces
* Convert Spaces to Tabs
* Remove All Tags
* Convert Lines to Table
* Add Line Breaks
* Convert to Uppercase
* Convert to Lowercase
* Convert tags To Uppercase
* Convert tags To Lowercase

InstaGraphics Extensions for Dreamweaver MX 2004
テンプレート化されたデザインで画像テキスト、ビュレットが挿入できる

Advanced Manage Workspace Layouts
ワークスペースの書き出し、リストアが出来る。

LinuxだけではなくWindowsでもPHP+MySQL開発環境を動かしてみようとふと思いつき、
一度試してみようと思っていた VertrigoServ をWindowsXpにインストールしてみた。
ボタン一発インストールで Apache・PHP・MySQL その他いろいろ入っちゃう優れもの。
今回のインスコ結果は
* Apache 2.0.63
* PHP 5.2.6
* Mysql 5.0.51b
* Smarty 2.6.19
* SQLite 3.5.9
* PhpMyAdmin 2.11.7
* SQLiteManager 1.2.0
* ZendOptimizer 3.3.3
こんな感じ。

さてわくわくしつつ起動してみると、

(more…)

会社の周りで食事をしたらGoogleマップに書き込むルールを社内で始めました。
追記：Google マイマップ EXPOにエントリーさせていただきました。
(more…)

Viewpointのセミナーに久しぶりに参加して来ました。

Viewpointは無料で製作できます。（コンテンツ上に透かしなどの表示もありません。）
プラグインが必要ですが、インストールすればMac、Windowsともに閲覧が可能です。
この技術の特徴はブラウザ上に３Dモデルを浮かせたり
ブラウザを飛び出して画面全体に表示させることが出来ます。（使いどころを考えるべきですが）

実際どんなものが必要なのか？

３Dのモデルデータが必要です。
具体的には拡張子objであればよいです。
これは殆どの３Dソフトが書き出しに対応しているので素材を作るのはどのソフトでもOK。

以下画面つき解説です。
(more…)

以下のような目安で採用基準を考えます。

■テンプレート
ページレイアウトで共通化したいものが2つ以上ある場合

・オプション領域
表示、非表示を切り替えたい場合

・オプション編集領域
上記の表示部分を編集可能にしておきたい場合

・リピート領域
繰り返されるリストがある、もしくは繰り返されるパーツがある場合
参照:Dreamweaver デベロッパーセンター/オプション領域を活用したコンテンツレイアウトのバリエーション設定

・リピートテーブル
テーブルで繰り返したいものがある場合
主にスタイルを繰り返したい場合に使う。
テーブルのデータ部分は実データが入れられるよう編集可能領域にしておく。

尚、Spryでxmlから読み込む場合adobeのページを参考

「Ajax したい！」Web デザイナーのための Spry 集中講座
第一回：Spry を使ってXML をWeb ページに読み込む
第三回：Dreamweaver CS3 でコードを一行も書かずに「Ajax する」方法

・テンプレート変数
テンプレート内で同じ値や類似した値が複数ある場合
カテゴリーごとにカラーや表示部分の違う体裁やメニュー部分に使える。

・ネストされたテンプレート
テンプレートを元にさらに細分化してテンプレートを作りたい場合
2階層目、3階層目のカテゴリページ、
　　段階的な手続き式の登録画面などに適用
テンプレート機能自体、処理が重たいので適宜使う。

※テンプレート式を駆使すればさらに柔軟に表示を制御出来そう。
ちなみにテンプレート内の要素はテンプレート式で記述されている。
オプション領域開始タグなら<!– TemplateBeginIf cond=”photo” –> とか。

テンプレート内で変更して適用ページに反映させるには
・修正＞テンプレート＞現在のページの更新
もしくは
・修正＞テンプレート＞サイト全体の更新
を選んで更新場所を適宜選択して開始ボタンを押す。

■ ライブラリ
一括更新できるスニペットと考えておけばよいかも
ライブラリのパネルはフォルダ管理できないので作成する数を抑える。

リンクはライブラリからの階層を見る（リンクの自動更新、パスの変更をやってくれない）ので
リンクが入っている場合はパスに注意して使う。
サイト全体を通して共通で使いたいものに適用するのが吉。
テンプレートのように編集可能領域や変数を使って細かくいじることが出来ない。

■スニペット
頻度の高いコードを登録しておく
ライブラリから自動変更の機能を抜いたようなもの

参考サイト：
Dreamweaver Templateの使い方
【実例を交えて解説。非常によくまとまっていてオススメです】

Adobe
Dreamweaver MX テンプレートを使った一貫性のある web デザイン

ケイムズ／Nucleus・MODx・UltraVNCの話題
Dreamweaverのテンプレート式・タグの一覧

Web制作/Dreamweaver- zkdesign/Archives
テンプレート機能を使いこなす
テンプレートタグリファレンス

php-4.4.7がリリースされていました。
実はこの前のバージョンに嫌な部分のバグがありました。

「86_64環境でgdがインストールされない」というバグです。
どうやってもgdが入りません。
configureファイルを書き換えれば何とかなりますが、非常に気持ちが悪いものです。
どうやらphp5でもこのバグがあるようです。
このバグを知って解決方法に至るまで結構かかりました。

「また解決しないよな」とあまり期待しないでインストールしてみましたが、見事に治っていてうれしかったです。
何も指定せずにgdが入りました。

–with-gd –with-jpeg –with-png これだけです。

秘密ですが、あまり仕事でgdは使いません。

いつのまにかXen-3.1がリリースされていました。
今まで、仕事でXen-3.0.3を使っていたのでちょっと期待していました。

というのも、Xen-3.0.3はDomain0のCD-ROMが使えなくなるバグがあったようです。
Xen-3.0.4にバージョンアップすれば解決するのですが、万が一Xenが動かなくなると仕事に支障をきたすのであきらめていました。

で、ちょっと時間ができたのでチャレンジしてみました。
慎重にやればなんてことなくできたでしょう。

注意点として、「完全にXenを止めてから作業を行う」。
不完全にXenを停止したようで、fsckを何度もやるはめになりました。
というのも、/etc/xen/scriipts/network-bridgeを書き換えてNIC3枚差しの設定にしていたのです。
バージョンアップするとnetwork-bridgeが上書きされたようです。
そしてDomainUが停止しなくなりました。
network-bridgeなどを書き換えた人は完全にXenを停止してからでないと危険です。

では、基本的な作業手順です。

[bash]tar xen-3.1.0-install-x86_64.tgz
[bash]cd dist
[bash]./install.sh
[bash]cd /lib/modules
[bash]depmod 2.6.18-xen
[bash]mkinitrd /boot/initrd-2.6.18-xen.img 2.6.18-xen

適宜domainUの設定ファイルを書き換える。
適宜domainUの/lib/module/2.6.18-xenへファイルをコピーする。
適宜grub.conf書き換えてマシンを再起動する。

で終わり。
基本的なバージョンアップではDomainUを停止しなくてもよさそうですね。

Xen-3.0からXen-3.1へバージョンアップして特に変わったことはありませんが、XMLで設定できる点がよさそうです。
XenのAPIが変わったらしいですが、よくわかりません。
安定動作するようになったのですが、今まで安定していたのでよくわかりません。
おそらく今後何か良いことがあるでしょう。
そういえばソースに含まれるリリースノートはなぜかXen-3.0と表記されていたような気がします。

Google AJAX Feed API + flash “RSS Reader Sample”

ゴールデンウィークを利用して作ってみました。
あまり突っ込んでaction script触ってなかったので
基本的なところから調べて試行錯誤しました。
結構いい勉強になりました。

●作業記録メモ
google feed apiからentry.title,entry.linkなど
読み込みたいデータをjavascript側から送って、
flash側のExternalInterface.callで受け取ったデータを
cssで整形してテキストエリアに表示。

履歴も残したかったのでflashのshared objectに記憶させています。

時間があればentry.contentでのHTML表示を調整したい。
fontタグを持ったフィードだとflashのtextfieldで
HTML読み込みをOKにするとfont size=3は3pxで解釈されちゃうので
sizeとかを予め削除したり、履歴も個別に削除させたり。

*データの取り回しがよく分からなかったなぁ。
*もうちょっとシンプルな例で試したほうが分かりやすかったかも。

以下、参考にさせていただきました。
第35回　FlashムービーとJavaScriptを連携させてみよう：ITpro:
Google AJAX Feed API:

Nintendo wii のoperaでこのブログを見やすくしました。

具体的にはwii.jsでブラウザを判定して
bodyのフォントサイズを21pxにしています。

このブログのTOPにある黄色いバーを触るとテキストを拡大縮小できるようにしていたのですが、
wiiでは文字が大きくなるものの字間が変わらず文字が重なってしまっていました。
（リロードすればうまく表示できるのですが…）なので文字サイズを固定しました。

それから、会社サイトのTOPにあるFlashムービーをwiiでも閲覧できるようにしました。
wiiのflash playerはver8のムービーを再生できなかったので
ver7のムービーを用意して対応しました。
wiiはフォントにLCフォントをつかっていて（確か外箱にロゴがついてたような）
訂正：LCフォントを使っているのはDSの方でした。
wiiはシステムフォントに株式会社フォントワークスジャパンのフォントを使っているそうです。
パソコンと比べると1行に入る文字数が少ないようで改行位置がずれしまっていました。
flashでテキストエリアの設定をデバイスフォントにしている場合注意が必要です。

参考:インターネットチャンネルの仕様

当社の住所は山吹町352と詳しい番地がないため、ビル名でしか探せません。
グーグルマップではビル名までは特定できないようなので位置がずれて表示されています。

昨日google mapにマイマップ機能が追加されました。
ポイント追加や経路を線で示したり画像やビデオを追加できるそうです。
ですので修正すべく早速機能を試してみました。

事務所の場所までの経路地図

yahoo ui　もいいのですが、一から作るとどうなるかやってみました。

>>　サンプルを見る

■特徴としましては
・スクリプト部分はvisibility属性で見せる/見せないを変えているだけです。超シンプル。

・文字サイズ、リストボックスの高さ、余白の設定をpx単位ではなく
em単位で作りましたので文字サイズを大きくしてもレイアウトが崩れません。（特にWin ie6に有効）

・メニュー項目はul liタグで作成。

■動作確認は
Win: ie6 ie7 firefox2 opera9.1
OSX: safari2 ie5.2 firefox1.5.09 opera9.1
でしました。

ｃｓｓをもっといじればNN7.1にも対応できると思います。
（現状は文字を拡大するとメニュー下のボーダーが消えてしまっています。）
(more…)