2007年07月12日

コードビューの改行コードを一気に取り除く方法

Expression Webの場合、テキストが英語の場合は、ある一定の区切りで改行するようになっている。
一方、すべて日本語の場合は、改行されないようになっている。

Webページに存在する改行コードを一気に除去する方法は、Expression Webに限らず、FrontPage 2003からついている。それは、HTMLの最適化機能。

コードビュー上を右クリックして、HTMLの最適化 をクリックすると、HTMLの最適化ダイアログボックスが表示される。
改行コードを削除したい場合は、「HTML中のすべてのスペース」にチェックを入れるとOK。

改行コードが入るとまずいケースといえば、ケータイサイトの構築?
私も一応、ケータイサイトを作ったりしたことがあるけど、以上の方法で全ての改行コードを削除したような気がする。
ただし、JavaScriptなどの場合など、改行コードを取るとまずい部分に関しては、適切に処理されるので、ご安心を。

posted by wanichan at 19:48 | Comment(0) | TrackBack(0) | Expression Web

Expression Webの問題等に対するまとめ

posted by wanichan at 16:10 | Comment(0) | TrackBack(0) | Expression Web

温度差があるようで・・・

Expression Webの本を購入してみたら、全然わかんないぞ、と嘆く読者の方の声が強いなぁ。
実際にmixi日記に3件目のAmazonカスタマーレビューについて、いろいろ議論をしていたんだけれど。
そこで、その編集担当の方が、本の見せ方などの編集サイドに問題があるってコメントしていたわけで。
いや、私は、編集の問題じゃなくて、私の原稿そのものに問題があるんじゃないか?と思って、本の担当の方にそのことを伝えたんだよね。
そしたら、1章とかの導入部分で、初心者向けにもっと基本的な解説すればよかったのではないか、という、 本の編集部分に問題があるって言われたりして、うーむ。
でも、表向きには、結局、著者である私に責任があると思うんだけどなぁ。
特にFrontPageユーザーからの乗り換え組みの方、いつも私を応援していただいている方たちには、 力不足で本当に申し訳ないと思ってる。Expression Webの本を書きたい、と言いだしっぺの私が全部悪い・・・かも

ていうか、温度差がありすぎない?

マイクロソフトからのExpressionシリーズの売りとしては、
WPFとかSilverlightとかの連携プレイなWeb開発ツールとして売り出そう!というノリのような。

一方、私の本の読者さんの傾向は、
FrontPageからの移行組、個人のWebサイト構築用といった、ホームユーザー層が強い、と。

全然違うやん。。。
マイクロソフトから我々に提供したいモノ、
私の本の読者さんが求めるモノとのずれが完全に生じているねぇ。

実際にExpression Webを使う目的について調査開始しているけれども、たいてい自分のサイトを構築するのが目的、 というレベルで留まっていて、プロのWebデザイナーが、実際にクライアントのWebサイトを構築するためにExpression Webをメインに利用しているといった傾向は見られない。
やっぱり、現場としては、Adobe製品のほかのツールとの連携とかFlashとかが問われるようで。
で、結局Dreamweaverになってしまう、みたいねぇ。

私個人的には、WPFとかSliverlightといったテクノロジは、正直に言うと、まるで「宇宙からの飛来物体」みたいな、 「得体の知らないモノ」という印象を持っていて、かなり敷居が高く感じるわけなんだけど。これってWeb開発者向けの情報でしょ?
私はWeb開発者じゃないし。私の本の読者さんも然り。

Expression Studioは明日発売のようだけれども、私個人的にはExpression Studioを買う必要性は感じられない。
所詮、個人のWebサイト構築のために、FrontPageからの乗り換えとしてExpression Webと使っているに過ぎないから。
読者さんもそうだろうな、たぶん。

続きを読む
posted by wanichan at 13:20 | Comment(6) | TrackBack(0) | Expression Web

Expression Webの使用目的

mixi内のMicrosoft Expression Webコミュニティで、 「Expression Webの使用目的」に関するアンケートを作成。
Expression Webの使用目的?

今のところ、自分のサイトを作るためにExpression Webを使っている人が多いかも?

posted by wanichan at 08:02 | Comment(0) | TrackBack(0) | Expression Web

2007年07月11日

Expression Web関連の紹介ページ

マイクロソフトのExpression Web CSSファイル対応のHP作成ソフト
http://www7a.biglobe.ne.jp/~mkun/css/Expression-Web.htm

この方は、高校生の教師をされているようで。
ホームページ・ビルダーがダメな理由とかレビューしてるので、よかったらご参考に。
# どんどん勝手にリンクして、と書かれてあるので、リンクさせていただきました。

posted by wanichan at 21:58 | Comment(0) | TrackBack(0) | Expression Web

他社製品から乗り換えた人?

私はmixi内で、Microsoft Expression Webのコミュの管理人しているんだけど、 他社製品からの乗り換え組からのコメント書き込んでくださる方がいらっしゃらないので、このブログに宣伝をばw

他社製品から乗り換えた方いますか?
http://mixi.jp/view_bbs.pl?id=19079811&comm_id=1524721

まだ参加されていない方は書き込めないので、
http://c.mixi.jp/expression_web

こちらでいつでもコミュ参加OKですよ、ということで、よろしく。

posted by wanichan at 16:54 | Comment(0) | TrackBack(0) | Expression Web

2007年07月10日

Amazonカスタマーレビュー3件目を読んで

まあ、確かに、右も左もわかんない超初心者向けの本ではないよ、本書は。
私が初心者向けの本にしようとしたら、途中で「中級者向けにしてくれ」という指令を受けたので、 超初心者向けにとってはかなり敷居が高いものになってしまったことは否めない。

では、第二弾の本はどうするか?

私個人的には、右も左もわかんない超初心者向けの書籍を出したい。
もう、手取り足取りバージョン。これがある意味私の専門分野だから。
その3件目のカスタマーレビューを書いた人のようなレベル設定でね。
難しい言葉は一切使わない。かなり噛み砕いてすっと理解できる内容で、はじめて「ホムペ」を作る人向けにも丁寧に優しく書くことは可能だよ。
実際に、そういった本を過去に2冊出してるし。
それらが今でも根強く売れている…「Wordでホムペ」だけど orz

一方、Dreamweaverユーザーレベルの、Web標準なサイトを意識した、Expression Webを用いた解説書というご要望にも応えたい。

もし超初心者向けの本を出して欲しいという声が大きかったら、その企画が承認されるだろう。
どっちの声が強いかどうかは、マーケットリサーチを通じて判断すべきだと思うけどね。

でもね、私がいくら「この本を書きたい」といっても、出版社が「No」と言えば、書けないんだよ。
そのことをご理解いただきたく。

続きを読む
posted by wanichan at 17:08 | Comment(2) | TrackBack(0) | Expression Web

Webサイトを開いてもダイナミックWebテンプレートの適用ができない場合の対処方法

他社製品ソフトからExpression Webに乗り換えた場合、 それまでWebサイトを構築していたフォルダをWebサイトとして開いても、ダイナミックWebテンプレートの適用が無効になる場合がある。

その現象が起きている場合、フォルダ一覧作業ウィンドウのルートフォルダが、Webサイトフォルダではなく、 通常のフォルダとして認識していないかどうか確認しよう。

問題のWebサイトの[フォルダ一覧]作業ウィンドウの図

上記の図のようになっている場合は、以下の手順にそって、Expression WebでWebサイト管理するように設定するとOK。

  1. [サイト]→[サイトの設定]をクリック
  2. [サイトの設定]ダイアログボックスの[全般]タブをクリック
  3. 「隠しメタデータファイルを使用してWebサイトを管理する」のチェックを付ける
  4. [OK]ボタンをクリック
  5. すると、以下のような確認画面が表示される。 
    フォルダへの Expression Web 情報の追加
    「ハイパーリンクおよび他のWebサイトのコンテンツを管理するには、フォルダに情報を追加する必要があります。Expression Webの情報を"Webサイトのパス" に追加してもよろしいですか?」という画面がでてきたら[はい]ボタンをクリック

詳しくは、「Expression Web 標準ガイドブック 」の 209ページをご参考に。

続きを読む
posted by wanichan at 09:52 | Comment(0) | TrackBack(0) | Expression Web

2007年07月09日

FrontPage固有の共有枠機能からExpression WebのダイナミックWebテンプレートに移行する方法

共有枠を利用したWebサイトをExpression Webで開くと、確かにデザインビューではちゃんと表示される。
しかし、Expression Webからブラウザでプレビューすると、共有枠部分が欠落してしまう。

ではどうするか?

1. IEのソースを新規Webページに貼り付け

  1. Internet Explorerで任意のページを開く
  2. [表示]→[ソース]をクリックして、IE側でソース表示する。
  3. メモ帳が起動するので、そのソースを全て選択してコピー
  4. Expression Webで新規Webページを作成し、 そのソースをコピーしたファイルと同じ場所に保存しておく
  5. コードビューに切り替えて、コピーしたソースを貼り付ける

これで、ページ挿入部分ではなく、ブラウザで表示される結果のWebページが出来上がる。

2. 共有枠のコメント及び共有枠のmetaタグを削除

その後、これをダイナミックWebテンプレートに移行する前に、共有枠のコメント等を削除しなければいけないので、 コメントと共有枠のmetaタグを削除する。

  1. コードビューに切り替えて、"Microsoft Border" が付けられている名前のmetaタグ行を削除する
    例:
    <meta name="Microsoft Border" content="tlb">
  2. 共有枠のコメントを[検索と置換]ツールを使って削除する
    検索する文字列:<!--msnavigation-->
    検索後の文字列:(何も入力しない!)
  3. [すべて置換]をクリック

3. 処理したWebページを元に、ダイナミックWebテンプレートファイルとして保存

  1. [ファイル]→[名前を付けて保存]をクリック
  2. [ファイルの種類]を「ダイナミックWebテンプレート」に指定
  3. ファイル名を適当に付けて保存
  4. 一旦Expression Webを終了する(念のため)

4. ダイナミックWebテンプレートの編集可能領域を指定する

  1. Expression Webを起動し、先ほど作成したダイナミックWebテンプレートを開く
  2. コンテンツブロック全体をクイックタグセレクタを利用して選択
  3. そのクイックタグセレクタの右側▼をクリックしたあと、[タグ内容を選択]をクリック
  4. [書式]→[ダイナミックWebテンプレート]→[編集可能な領域の管理]をクリック
  5. 領域名を入力して[追加]ボタンをクリック
  6.  
  7. 編集可能な領域ダイアログボックスの[閉じる]ボタンをクリック
  8. 上書き保存する

その後、それぞれのWebページのコンテンツ部分だけを用意しておいて、 ダイナミックWebテンプレートから新規作成したWebページにそのコンテンツ部分を挿入していく、という手順で移行作業をしていく、 という流れでOKかな?

続きを読む
posted by wanichan at 17:22 | Comment(0) | TrackBack(0) | Expression Web

Amazonサイトでの新着カスタマーレビューを読んで

もの書きのブログの方に記事投稿しようと思ったけど、おそらくこっちのブログの方が適切だと判断し、 こちらに一応著者からのコメントを。

FrontPageユーザーにとってのフォローアップが完全ではないという点において残念がっているようで。今日誘惑…じゃなくて、 共有枠とかナビゲーション、リンクバーの機能をふんだんに使った、FrontPageで作ったWebサイトを、Expression Webでどのようにして移行すべきか?

続きを読む
posted by wanichan at 08:24 | Comment(0) | TrackBack(0) | Expression Web

2007年07月08日

DreamweaverのテンプレートはExpression Webで使えるか?

先日、ブログ記事に質問コメントを頂いた。
レスを入れたけど、こちらで再掲載。

DreamweaverのテンプレートはExpression Webで動作するか?
→答えは「No」。
Expression WebのダイナミックWebテンプレートは、Dreamweaverで動作するか?
→答えは「Yes」。

Dreamweaverのテンプレートが適用されたWebページを、Expression Webで開くとどうなるのかというと、 編集可能領域の制御がなされず、どこでも編集可能になってしまう。
一方、Expression WebのダイナミックWebテンプレートが適用されたWebページをDreamweaverで開くとどうなるのかというと、 編集可能領域の制御がなされて、共有が可能だ。

すなわち、DreamweaverとExpression Webを組み合わせて使う場合、Expression Web仕様のダイナミックWebテンプレートを用意し、Expression Webの方でWebページにそのダイナミックWebテンプレートを適用してから、 DreamweaverでそのダイナミックWebテンプレートが適用されたWebページを編集するしかない、ということ。
ダイナミックWebテンプレートの編集はExpression Webで。

では、Dreamweaver仕様のテンプレートをどうすればExpression Web用のダイナミックWebテンプレートに変換するのか?という方法については、すでに私のWebサイトに掲載しているので、 参考にしていただきたい。

Dreamweaverで作成されたテンプレート及び適用されたファイルをExpression Web用に変換する方法

posted by wanichan at 07:26 | Comment(0) | TrackBack(0) | Expression Web

2007年07月06日

サイトの設定のGUIバグ?

前に記事投稿した後、[サイトの設定]ダイアログボックスにおいて、Expression Webのヘルプに記載がないのはなぜか? ということが気になり、現在、 MSに問い合わせ中。
もし、実装されているのであれば、ちゃんとヘルプに記載されるべきなのに、割愛されている部分がいくつも。

[サイト]→[サイトの設定]をクリックすると、タブには

  • 全般
  • プレビュー
  • 詳細
  • 言語
  • データベース

以上の5つ存在する。

しかし、Expression Webヘルプには、

  • 全般
  • 詳細
  • 言語

の3つしかなく、さらに、[全般]タブ内におけるチェックイン/チェックアウトに関する記載もない。
ある意味フルバージョンであるMicrosoft Office SharePoint Desinger 2007のオンラインヘルプにも、チェックイン/チェックアウト についての記載を見つけることができなかった。

割愛されているのは、何か理由があるからではないかと思う。
GUIで削除し忘れている可能性が。。。

posted by wanichan at 09:57 | Comment(0) | TrackBack(0) | Expression Web

2007年07月05日

チェックイン/チェックアウト機能

FrontPageやExpression Webにおいてのチェックインとチェックアウトの機能については、 すでに私のWebサイトに掲載済みなので紹介。

Web Design FAQ > 他の人が変更を加えられないようにするには
http://www.wanichan.com/web/faq/web/03.htm

どうやらこのチェックインとかチェックアウトの機能については、ヘルプに記載されていないようで。

ローカルディスクでのチェックイン/チェックアウトってちゃんと動くのかな?
LANで共有している場合に有効だと思うけど。

一応、参考までに。

posted by wanichan at 10:08 | Comment(0) | TrackBack(0) | Expression Web

「入力と同時に検索」って何?

Expression Webでの新機能のうちのひとつ、「入力と同時に検索」というものがある。
この使い道、私にはよくわからないのだけれども。。。
ちなみに、ショートカットキーは、Ctrl+Alt+F。

一度、実行してみたところ、入力してみると、そのテキストにジャンプするというもの。

  1. [編集]→[入力と同時に検索(Ctrl+Alt+F)]をクリック
  2. すると、以下の図のように、マウスポインタが変わった形になる
    どうやら「ここからテキストを検索しますよー」っていう合図の模様。
    [編集]→[入力と同時に検索]をクリックした後の画面
  3. この状態で、「Word」という文字を入力してみる
    「Word」と入力した画面
  4. 続けて、「文書」と入力してみる
    「ぶんしょ」と入力
  5. 入力確定すると・・・
    入力確定後の画面

IMEの日本語入力がONになっている場合は、確定するまで入力テキストボックスが突如現れる、みたいな。
確定した段階で、一致したところがハイライトするという感じ。

posted by wanichan at 09:23 | Comment(0) | TrackBack(0) | Expression Web

2007年07月04日

Microsoft Connectサイトにバグレポート提出

昨日投稿した記事、「Expression Webのファイルの挿入機能」についてだけれども、念のためアメリカ本社のExpression Web開発チームに 「Word文書を挿入したら、fontタグのface属性が文字化けするのは仕様?」と聞いたところ、" I don't think we have any features that "scramble" anything by design. :)" って言われちゃったぁ。

早速Microsoft Connectサイトにバグレポート提出した。
https://connect.microsoft.com/ExpressionWeb/feedback/ViewFeedback.aspx?FeedbackID=286006

実は、この前のExpression Webの本の「はじめに」の原稿ファイルを挿入してみたら文字化けしちゃったよーという内容。 この原稿テキストは最終版で、実際にそのまま本の「はじめに」に掲載されてるけどねw

posted by wanichan at 17:17 | Comment(0) | TrackBack(0) | Expression Web

Expression Webで出来るようになった機能

FrontPage 2003でダイナミックWebテンプレートが適用されたWebページにおいて、 新しいスタイルの生成ができなかったけれども、Expression Webになって出来るようになったというのはご存知だろうか?

<head>領域で編集可能領域に指定されるのは、doctitleという編集可能領域であり、 原則Webページのタイトルの編集だったり、キーワードやサイトの説明文だけであった。で、 スタイルの生成がその中に生成できなかったんだよね。

しかし、Expression Webになってから、ダイナミックWebテンプレートが適用されたWebページ内で、 独自のスタイルの生成が可能になった、というわけ。
そのスタイルのルールは、doctitleという編集可能領域内に出力される、と。

意外と知らなかったりして。と思ってブログに投稿してみるテスト(w

posted by wanichan at 17:09 | Comment(0) | TrackBack(0) | Expression Web

2007年07月03日

サイトのエンコードの設定

ページごとのエンコードの設定をするには、[ファイル]→[プロパティ]で、エンコードタイプを指定してあげればいい。
「このページだけシフトJISで!」というときに有効かな。

しかし、サイト内におけるデフォルトのWebページのエンコードの設定というのが別にある。
この指定をすると、サイト内での新規Webページのエンコードの設定が適用される。

  1. [サイト]→[サイトの設定]をクリック
  2. [サイトの設定]ダイアログボックスの[言語]タブをクリック
  3. [標準のページのエンコード]のボックス一覧から、デフォルトのWebページのエンコードを指定
    「新しいページのエンコード決定時にキーボードの設定を無視する」にチェックを付けておく
  4. [OK]ボタンをクリック

今後はUTF-8にせなあかん、という流れになっているらしいから、一応私はUTF-8にしといたけどね。

じゃあ、[ツール]→[ページ編集オプション]での[フォントの設定]タブにも、エンコードの設定ができるけど、それは? という部分があるけど、これはサイトを開いていない状態での新規Webページでのエンコードの設定・・・かも?

・・・じゃなかった orz

ページ編集オプションのフォントの設定は、あくまでもExpression Webでのフォントの設定であり、 エンコードの設定とは関係なかった(涙
うわーん、Expression Web本でウソ書いてしまった。。。
ごめんなさい、ごめんなさい、ごめんなさい。。。。
15ページのPointを訂正させてくださいです。。。
後で訂正情報ページに反映させます。 許してください orz

posted by wanichan at 14:37 | Comment(0) | TrackBack(0) | Expression Web

Expression Webのファイルの挿入機能

Expression Webでは、ファイルの挿入機能が搭載されている。
これはどういうものかというと、そのファイルに存在するテキストをインポートするというもの。
HTMLファイルだったら、指定されたファイルのHTMLコードを挿入することができるし、Word文書だったら、 そのドキュメント文書をインポートできる、という代物。
コマンドは、[挿入]メニュー→[ファイル]でOK。

Wordの原稿があって、それをWebページにしなきゃ!という場合に使えるかも?
でも、いざインポートしてみたら、fontタグ吐いたりして、invalidなコードがこれでもかーって感じで挿入されるけど、 これはOLEか何かの仕様ではないかと思う。Wordドキュメントにそういうコードが入っているってことね。
以前にPDF形式のテキストをコピーして、デザインビューの貼り付けたいところに貼り付けると、 fontタグが使われてすごいことになるんだけど、おそらくOLEの仕様によるものじゃないかな、と、推測してみるw

試しにExpression Webの本の「はじめに.doc」を挿入してみたら、もうすごいことに orz
フォントの指定が文字化けしてしまう「&#8218;l&#8218;r &#402;S&#402;V&#402;b&#402;N」のは仕様なのかなぁ?
それとも、私のExpression Webの設定自体に問題あり??
実際は、「はじめに.doc」のテキストのフォントスタイルとして「MSゴシック」が使われているだけどね。

posted by wanichan at 12:17 | Comment(0) | TrackBack(0) | Expression Web

2007年07月01日

ダイナミックWebテンプレートの適用と更新などはローカルディスクで

以前に、フォーラムでダイナミックWebテンプレートが更新されないという質問があがってきたのを記憶している。

ダイナミックWebテンプレートの一括更新ができない。
http://www.wanichan.com/web/forum/cbbs.cgi?mode=al2&namber=1187

この内容に関連するKBも自動翻訳だけど見つけたので紹介。

Expression Web、SharePoint Designer 2007 または FrontPage 2003において、ダイナミックWebテンプレートが適用されたページの更新、適用、 及び適用解除時に発生する問題
http://support.microsoft.com/kb/891817/

ダイナミックWebテンプレートの適用と更新、解除は、WWWサーバー内で作業するのではなく、ローカルディスク内で作業するように、 ということを念のため言っておこうっと。
まあ、LANでどこかの端末のディスク内のWebサイトフォルダをみんなで共有している場合は大丈夫だと思うけどね。

posted by wanichan at 20:25 | Comment(0) | TrackBack(0) | Expression Web

ダイナミックWebテンプレートを適用すると、ASPのコードが削除される

自動翻訳KBだけど、一応紹介
FrontPage 2003でのDWTテンプレートを適用すると、Active Server Pageのコードが削除される
http://support.microsoft.com/kb/830984/

FrontPage 2003、SharePoint Designer 2007およびExpression Webでこの現象が発生するそうで。

回避策として、<body>領域にASPコードを入れる?
私はASPはよくわかんないけど。。。

一応、ご参考までに。

posted by wanichan at 14:42 | Comment(0) | TrackBack(0) | Expression Web