Microsoft Expression Web Trial の「Trial」を消したい

私は2006年11月23日にExpression Web Final Version（つまりRTM版）をLet's NoteのPCにインストールして、後で製品版に変換しました。しかし、どうもプログラムの追加と削除の一覧に「Trial」 というのが気になったので、レジストリがどこにあるのかなんとか検索してみました。

すると、その記録の場所は

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Uninstall\
{90120000-001F-0409-0000-0000000FF1CE}_WebDesigner_{3EC77D26-799B-4CD8-914F-C1565E796173}

にあり、そこに

値の名前：ParentDisplayName
値のデータ：Microsoft Expression Web Trial

この値のデータから「Trial」を消したらいいんでしょうかねぇ。
# しかし、消しても「Trial」が消えない・・・orz

それにしても、
DisplayName が 2007 Microsoft Office Suite Service Pack 1 (SP1) になっているのが微妙なところですが。

続きを読む

Expression Web開発チームに聞かれたこと

先週、Microsoft 2008 MVP Global Summitが行われ、 Expression開発チームの人たちと一緒にご飯食べたりお話したりしたんですが、帰国後に1通のメールが届きました。

Expression WebはプロのWebデザイナー向けのデザインツール、という位置づけらしいです。
（知名度がいまいちだと思うけど…）

なんかざっくりと抽象的な質問をされてるので、誰も答えようがないと思いますが、 どなたか以下の質問に答えられる方いらっしゃいますか？

• 日本におけるプロのWebデザイナーのマーケットのトレンドって何？
• 日本の企業サイト制作にはどのツールでWeb開発してる？
• 雇用されているWebデザイナー、在宅で仕事しているWebデザイナーそれぞれのワークフロー（どのツールを使ってるか？など） を教えて欲しい

私も答えようがなくて困ってます。。。

FrontPageからExpression Webへ乗り換える初心者の方向けのコンテンツ

私のサイト内にすでに公開済みのコンテンツの中から、 Expression Webの超初心者向けのコンテンツをピックアップします。

予備知識として読んでおきたい→『ホームページを作る前に』
以下のカテゴリコンテンツを重点的に目を通してください。

• ホームページ作る前の準備とポイント
• ホームページ作る前の予備知識

CSSはわからないけど、CSSレイアウトページを作ってみたい
→Expression Webを使ってみよう > CSSレイアウトを一から作ってみよう

新しいWebページの作成、ハイパーリンクの挿入や画像の挿入など、Expression Webの基本操作部分は、Expression Web標準ガイドブックを参考にしてください。

また、FrontPage固有の機能をExpression Webへ移行するための資料は以下の通りです。

• Expression Webでリンクバーを利用したい
• 共有枠からダイナミックWebテンプレートに移行する方法

その他の主なトラブルシューティング

• 編集中に日本語入力が出来なくなった場合の対処方法
• DOCTYPE宣言の前に文字入力すると、 現在のスキーマの判別ができなくなる問題について

続きを読む

FrontPageから乗り換えた方たちが前途多難に

FrontPageがなくなったからExpression Webに乗り換えたけど、起動してもまず何をしていいのかわからない、 という方が少なくない…そうです。

確かに、Microsoftの公式サイトで、トレーニングのコンテンツが用意されています。しかし、専門的すぎる、 わかりづらいとかで途方に暮れているユーザーの方たちがたくさんいる…という問題があります。

Expression Webを一から学べるスクールって、ぶっちゃけ、存在しないですしね…。

もしその場所と機会を提供していただければ、私はどこへでも行くつもりです。
あ、でも、遠方だったら交通費とかホテルの問題が…。

Webデザインスクールといっても、たいていDreamweaver以外選択肢がなかったり。
パソコンスクールだとホームページ・ビルダー？

続きを読む

インストール後に使用者名を変更する方法

Expression Webをインストールしたあと、その使用者名を変更する方法を紹介します。

Expression Webは、Office 2007と連動しているようです。つまり、Office 2007内のいずれかのツール（WordでもExcelでもなんでもいい）のオプションを開いて、使用者名を入力して確定後、 そのツールを終了します。

すると、Expression Webもその名前に変わります。一度試してみてください！

レジストリいじるという方法もありますが、ちょっと危険なので。

ちなみに、レジストリの情報はこちら（編集は自己責任で！）
HKEY_CURRENT_USER\Software\Microsoft\Office\Common\UserInfo
その中の「UserName」の値をいじってください。

PHPコードを入れると現在のスキーマが判読できなくなる問題について

先ほど消してしまったけど（滝汗）、再投稿で。。。

Expression Web 2 からPHPがサポートされる予定で、今、Expression Web 2 英語のベータ版使ってる方は早速試してる方も多いと思います。

Expression Webをインストール直後、既定のセカンダリスキーマは互換IE6になります。

もし、DOCTYPE宣言の前に文字を入れてしまうと、現在のスキーマの判別ができなくなります。これは、XHTML文書においても、 最初にXML宣言を入れると同様の問題が発生します。

これを回避するには、セカンダリスキーマを現在のスキーマにセットしてください。

詳しくは、私のWebサイト内、「DOCTYPE宣言の前に文字入力すると、 現在のスキーマの判別ができなくなる問題について」をご覧ください。

開発者必見！Expression Web本が出るそうです

去年、私がお世話になったマイコミから、第二弾のExpression Webの本が4月下旬に発売される模様です。

Expression Web アドバンスドデザインガイド
http://book.mycom.co.jp/book/978-4-8399-2677-9/978-4-8399-2677-9.shtml

著者は、セカンドファクトリーの新谷さん。
実際に何度か彼とお会いしたことがあったり。

どっちかというと開発者向け。SilverlightとかExpression Blendとかとの連携とか、 ASP.NETを使った開発とか、そういう感じの本になってるみたいです。私が書けない分野をしっかりと書いていただいた… みたいな本ですね。

本の内容は、私の書いた本と重複しないそうですよ。

RSSのサポートフィードバック

Microsoft Connectサイトのフィードバックのキーワードに「RSS」で検索すると、以下のフィードバックが抽出。

Support .atom and .rss file extensions by default
https://connect.microsoft.com/Expression/feedback/ViewFeedback.aspx?FeedbackID=331750

現状、RSSは、「.xml」しか対応してないわけで、その他の拡張子も対応できたらいいのに、なんて思う。
特に「.rdf」というRSSフィードはありがちなパターンであって。。。

外部JSファイルの管理と適用機能の追加フィードバック送信

先ほど、Microsoft Connectサイトにて、外部JSファイルをドラッグ＆ドロップで簡単にWebページに適用、および、 内部で書かれたJavaScriptの記述を外部JSファイルへエクスポートできる機能の追加を提案するフィードバックを送信した。

Manage and Apply an external js file to a web page - Expression Web
https://connect.microsoft.com/Expression/feedback/ViewFeedback.aspx?FeedbackID=333017

とりあえず、バージョンは Expression Web 2 ベータ版として提出。

どうやら、Dreamweaverでは、外部JSファイルをドラッグ＆ドロップでWebページに適用できるらしい？

Expression Web 2 ベータ版でたけど

Expression Web 2 ベータの日本語版はいつ出るんだろ？
英語版から早くてだいたい半年後だろうな、見積もったら。

とすると、日本語製品版がリリースするのは来年・・・だよねぇ？

ちなみに、Expression Web 2ベータ版（英語バージョン）は、ダウンロードセンターから入手可能。
http://www.microsoft.com/downloads/details.aspx?FamilyId=7FF7142B-84AD-4871-8E2A-EF37147AC760&displaylang=en

ただし、それをインストールする前に .NET Framework 3.5 をインストールしてくださいです。
http://www.microsoft.com/downloads/details.aspx?displaylang=ja&FamilyID=333325fd-ae52-4e35-b531-508d977d32a6

英語版のうちにバグとかフィードバックを送信するといいかもです。
Microsoft Connectサイトに行って、みなさん、英語でフィードバックを送信しましょうー

Expression Web優待アップグレード版その場で3000円引きらしい

Amazon.co.jpにおいて、Expression Web優待アップグレード版がその場で3000円引きだそうで。

※ 本キャンペーンは、2008年3月4日（火）午前0時00分から2008年5月31日（土）午後11時59分（日本時間） の期間中に確定したご注文を対象とします。

5月末までなのねー。

Firefoxでも表全体をセンタリングする方法

私のドメインサイトのトップ www.wanichan.com では、 JavaScriptを使って月ごとに画像の差し替えを行っているわけだけど（かなり前に書いたヘボすぎのスクリプト）、 パターンのほとんどはテーブルレイアウトを使ってる。

Internet Explorerでは、<div style="text-align:center">で、 うまくセンタリングしてくれるけども、Firefoxではそうはいかない。

センタリングしたい場合は、divで囲む方法があるけれども、そのdivを選択したあと、左下の［タグのプロパティ］ 作業ウィンドウを開いて、［style］欄に

margin: 0 auto;width:50%;overflow:visible

と指定するとできた。

• margin: 0 auto → Firefoxでセンタリングするために、上下のマージンを0、 左右のマージンを自動で
• width: 50% → とにかく幅を指定する。最小幅でOK
• overflow:visible → 指定幅より実際の幅の方が広い場合、強制的に全部表示させる

［style］ボックスの右側に ［...］ボタンがあるので、そこをクリックすると、スタイルの作成がちょっと簡単かもしれない。

1. ［ボックス］カテゴリを開き、「すべてに同じ数値を使用する」のチェックを外して、
   top と bottom を「0」、 left と right を「auto」と入力
2. ［配置］カテゴリを開き、width値に最小値を指定
3. ［レイアウト］カテゴリを開き、overflow値を「visible」に設定
4. ［OK］ボタンをクリック

※ text-align:center という記述を行った場合、その中に囲まれた要素がすべてセンタリングしてしまうので注意。 解決策としてその中の要素を、text-align:leftと指定する。

ビヘイビアのイベント

ちょっとメモ。

Expression Webのビヘイビアに用意されているイベントは

• onclick
• ondblclick
• onkeydown
• onkeypress
• onkeyup
• onmousedown
• onmousemove
• onmouseout
• onmouseover
• onmouseup

ビヘイビアを挿入したら、既定値では「onclick」になり、その要素をクリックしたときに動作する。

onmouseoverだと、要素に触れたとき、onmouseoutは、その要素から離れたとき、onmousemoveは、 その要素内でちょっとでもマウスを動かしたとき、onmousedownはマウスの左ボタンを押しているとき、onmouseupは、 マウスの左ボタンを離したときに発生する。

onkyepressは、キーボードを押したとき、onkyedownは、キーボードを押し続けているとき、onkyeupは、 キーボードから離したとき？

レイヤーを使って、「プロパティの変更」を使って、別のレイヤーを表示・非表示をすることができるけど、 一つずつイベントを作成してあげないとおかしいことになる。

layer1とlayer2が存在するとしよう。

1. layer1に触れたときにlayer2を表示するようにするには、まず、既定値でlayer2を非表示にする必要がある。 そのためには、「レイヤー」作業ウィンドウを表示しておく。
2. レイヤー作業ウィンドウで、ｌayer2を非表示にするように設定する
3. layer1に触れたときにlayer2を表示するには、 layer1を選択した状態でビヘイビアの挿入→プロパティの変更を選択
4. 対象となる要素を「layer2」にして、［表示］ボタンをクリック
5. 「表示する」を選択して［OK］ボタンをクリックする
6. 「MouseOutイベント時に元に戻す」にチェック

すると、layer1からマウスが離れたときに元に戻るようになる。

しかし、この状態だと、layer2に触れたときにそのレイヤーが消えてしまうということになる。したがって、 「MouseOutイベント時に元に戻す」を有効にしたらまずいことになる。

そこで、そのチェックを外した状態でビヘイビアを作成し、layer2を選択した状態でビヘイビアの挿入を行う。 layer2からマウスが外れた場合にそのlayer2を消すには、プロパティの変更で、onmouseout時に「非表示」にするとOK。

しかし、ここでも問題が発生。

仮にlayer1に触れた後に、layer2に触れずにlayer1からマウスが外れた場合は、 ずっとlayer2が表示することになる。

やっぱり、レイヤー内に個別に要素を作って一つずつ設定しておかないと、思い通りにいかないんだよね…。

マウスに触れると太字斜体文字にする方法

mixiのExpression Webのコミュニティに質問があがったので、こちらで再掲載。

FrontPageでは、DHTML効果機能が実装されていたけど、Expression Webにはないんだよね。 SharePoint Designerにもなかったはず。

じゃあ、どうすればいいか？

…マウスに触れると太字斜体文字にする方法は以下の二つ。

対象とする文字がハイパーリンクの場合

CSSで実装できるので、以下の手順に従ってスタイルシートを生成するとOK。

1. スタイルの適用作業ウィンドウから[新しいスタイル]ボタンをクリック
2. セレクタ名には「a:hover」と入力
3. スタイルを生成する場所を指定する（作業中のページなのか外部CSSファイルなのか）
4. ［フォント］カテゴリにて、以下の設定を行う
1. font-weightの一覧から「bold」
2. font-styleの一覧から「italic」
   
5. [OK]ボタンをクリック

対象とする文字がハイパーリンクではない場合

ビヘイビア機能を利用するとOK。

1. ［作業ウィンドウ］→［ビヘイビア］をクリックして、ビヘイビア作業ウィンドウを表示
2. 太字斜体の文字にしたい部分を選択
3. ビヘイビア作業ウィンドウから［挿入］ボタンをクリックし、［プロパティの変更］をクリック
4. ［プロパティの変更］ダイアログボックスが表示されるので、［フォント］ボタンをクリック
5. ［スタイル］の一覧から「太字斜体」を選択して、［OK］ボタンをクリック
6. ［プロパティの変更］作業ウィンドウの下、［MouseOutイベント時に元に戻す］のチェックを付けて［OK］ ボタンをクリック

ダイナミックWebテンプレートを適用したWebページのすべてのキーワードと説明文が同じになる場合の対処方法

ダイナミックWebテンプレートには、編集可能領域がある。
もし、編集可能領域の「外」に記述がある場合は、ダイナミックWebテンプレートが適用されたWebページすべてに反映され、 それらを直接いじることはできない。

とりあえず、Webサイト全体のデザインレイアウトを統一するために、 ダイナミックWebテンプレートを利用している方が多いと思うんだけども、もし、 ダイナミックWebテンプレートが適用されたすべてのWebページのキーワードと説明文が、トップページと同じになってしまい、 編集できなくなって困った場合はどうすればいいか？

1. ダイナミックWebテンプレート（DWTファイル）を開く
2. コードビューに切り替え、以下の記述を探す（<!-- #EndEditable -->が、編集可能領域の終わりを宣言するコメント）
   <!-- #BeginEditable "doctitle" -->
   <title>Webページのタイトル</title>
   <!-- #EndEditable -->
3. <!-- #EndEditable -->の前の行に、キーワードと説明文のMETAタグを移動して上書き保存する
4. ダイナミックWebテンプレートが適用されたそれぞれのWebページを開き、 それぞれのキーワードと説明文を指定しなおす

とにかく、doctitle という編集可能領域内に、metaタグを入れたらOK♪
この情報は、Expression Webに限らず、FrontPage 2003でダイナミックWebテンプレートを使っている人にも有効・・・かも（怪）。

レガシーなタグを使ったWebページの作成は無理？

久々にブログ記事投稿になってしまうけど・・・

Expression Webは、文字色とか背景色とかはすべてCSSで最適化されたツール。
CSSの生成に、自動と手動があるけども、手動ってある意味危険な機能だったりする。
手動で書くと、下手すると、例えていうならばWordの「標準」 スタイルに自動的にスタイルを更新するように設定されるのと同じ現象になるってこと。何かしら悪魔の香りがする機能なので、 私は個人的に使ったことがないけどね。

で、ちょっと話はそれたけども、文字色を指定するのにfontタグを使いたい場合がでてくる。
Expression Webは、そういう旧式のタグを吐き出すことは受け付けてくれない。
てなわけで、設定でfontタグを吐き出すオプションもない、ということ。

どうしてもExpression Webでfontタグを使いたいという方は、ちょっと手間な作業になるけど、以下の手順が有効かと。

1. Wordなどの別のツールで文字に色などのスタイルをつけて、それらを指定してコピー
2. Expression Webの編集ウィンドウで貼り付け
3. クイックタグセレクタを使って、不要なタグを削除（fontタグは残す）

コードビューに切り替えると、fontタグは使ったらダメという警告が出るけど。

もしくはWeb標準サイト構築用ツール以外の古いツールで編集していくしかない。

DreamweaverのデザインタイムテンプレートをExpression Webに

mixiのExpression Webコミュニティの機能要望トピに、Dreamweaverで実装されている、Movable Typeのテンプレートを編集するのに便利なデザインタイムテンプレートをExpression Webでサポートしてほしいという要望があがったので、Microsoft Connectサイトにフィードバック送信。

Design Time Template for Expression Web
https://connect.microsoft.com/Expression/feedback/ViewFeedback.aspx?FeedbackID=322695

私はMTは使ってない（というか、個人的に無料のブログサービスで十分）ので、 もしこの件について重要だと思われる方はランク付けよろしく。

ファイル名の大文字と小文字との区別が付かない問題について

先日、Microsoft Connectサイトに、一応「バグレポート」として提出。

Rename a file issue for Expression Web
https://connect.microsoft.com/Expression/feedback/ViewFeedback.aspx?FeedbackID=321210

ネット上において、ファイル名の大文字と小文字の区別がつくわけで。
でももともとはExpression WebってFrontPageを引き継いでいる部分もあったり。
FrontPageって、IISでFrontPage Server Extensions入れるみたいな前提があったと思うけど （確かなことは知らない・・・逃）。

Vistaからファイル名の大文字と小文字の区別がつくみたいね。
いまだにVista入れていない私がここにいます・・・。

60分だけの試用版？

Microsoft Connectサイトに、Expression Webにおいてバグレポートが提出されている。

60 minute trial?
https://connect.microsoft.com/Expression/feedback/ViewFeedback.aspx?FeedbackID=321091

試用版って60日間なんだけど、60分間しか使えないらしい＠Vista

どうやら、トライアルキーを入れてアクティブにしてから60分間は使えていたけど、 その後はメニューコマンドがグレーになって動かないんだとさ。

私はVistaマシンがないんだけれども（ていうか、環境を整えるのが億劫で）、 もし60日間じゃなくて60分間しか使えないっていう話が本当なら滑稽でんなぁ、と言ってみるテスト。

JPEGファイルの拡張子を大文字から小文字に変更が反映されない場合の対処方法

デジカメで撮影したJPEGファイルの拡張子は大文字の「JPG」。
これを拡張子だけ小文字「jpg」にしても、Expression Webでは反映されない。

もし拡張子を小文字に変更したい場合、またはその逆を行いたい場合は、拡張子だけを変更するのではなく、ファイル名を一旦変更して （適当に1とかをつけて）、その後、その適当につけた文字を削除することによって、正常に認識される。

この問題は、Expression Webの前身であるFrontPageにおいても同じだったり。仕様じゃないかと思うけど。