2007年3月アーカイブ

スペシャルセッションとして、マイクロソフトのWeb構築ツール「Expression Web」の紹介がありました。
ベータ版を使用して、1サイト作ってみたことがあります。

感想としては「完成度はかなり高く、よくできている」ので、能力的はDreamweaverの対抗馬になれます。
しかし、このセミナーのセッションとしては、アピール力があと一歩だったと思います。
前夜祭も含めて、Dreamweaver関連のセッションが多く、それだけにDreamweaverをいかに有効活用するかに関心が高いわけです。
それを乗り換えさせようとするのですから、ひとつひとつDreamweaverを完全に凌駕するくらいの能力を見せつけなくては、乗り換えは難しいのではないでしょうか?

boxShot_Web.jpg

CSS Nite in Osaka 2007 春の陣に参加してまいりました。
初めての参加なので、非常に楽しみにしていました。
当日のセッションは下記の通り。

  • 転ばぬ先のWebディレクション・・・名村 晋治氏
  • 「中小企業が『勝つ』ためのWeb制作と運営ノウハウ」LIVE・・・堀内 敬子氏
  • Flashコンテンツの制作効率をアップするヒントとノウハウ・・・勝城 嗣順氏
  • カレログプロジェクトのご紹介・・・葛城(テンポ)氏
  • Dreamweaverデザインビューの徹底活用・・・神森 勉氏
  • Web検定について・・・岡本 淳氏
  • マイクロソフトが放つWeb構築ツール−Expression Web・・・春日井良隆氏
  • (X)HTML+CSS仕様書・文書型定義(DTD)を正しく読むコツ・・・益子貴寛氏
  • ECサイトにおけるWeb制作・・・伊東 美沙貴氏
  • Microformats で上質コーディング・・・長谷川 恭久氏
  • Dreamweaverテンプレートの使いどころ再発見・・・鷹野 雅弘氏

banner_osaka2007_02.gif

さて、今回の参加してみての感想です。

CSS Nite in Osaka 2007 春の陣“前夜祭”に参加しました。
23日(金)19時から開催でしたので、仕事を早々に切り上げ、アップルストア心斎橋店へ。
開催時間ちょうどに到着したので、立ち見になりました。

CSSNiteOsaka.gif

  • Webサイトのブランド価値はどうやって把握する?/益子貴寛(サイバーガーデン)
  • CSSレイアウト前の画像切り出しテクニック/尾垣 彰夫(ネットテン)
  • SEO×PHP×XHTMLに最適化されたCMS開発のコツ/西畑 一馬(ネットテン)
  • コードビュー中心で開発するDreamweaverテンプレート/丸山 章
  • Apple Keynoteとプレゼンテーションに関するエトセトラ(ショート・バージョン)/鷹野雅弘(スイッチ)

前夜祭の総合的な印象というか感想は次のような感じでした。

STEP1:プロジェクトの作成

Aptanaを起動したら、何はともあれ新規プロジェクトの作成から始めます。

File > New > Project... でNew Projectのダイアログボックスが開きます。

単なるHTMLでしたらSimple > Projectで構わないと思いますが、せっかくAptanaを使うんですから、Ajaxのライブラリを利用しない手はありません。
そこで、Web Library Projects > AJAX Library Projectを選択します。

Project Nameは適当に入力。
Project contentsはUse defaultにチェックを入れたままですと、Apatanaのworkspace内に作成されてしまいますので、チェックをはずして、希望のフォルダを選択。

Select AJAX Librariesで、インストールしたいAjaxライブラリをチェックします。
これでプロジェクトの作成は完了。

次に日本語対策として、エンコードの文字コードをUTF-8に変更します。
Project > Properties > Info > Text file encording > Other:UTF-8を設定。
作成するHTMLファイルなども全てUTF-8で作成します。

HTMLやCSS、JSファイルなどの新規ファイルを作成する際には、すべてこのProjectエクスプローラーから行います。
複数のProjectを登録している場合は、該当のProjectを右クリックして、Newから作成したい新規ファイルの種類を選択します。

作業中にプロジェクトフォルダ内に画像ファイルとかなんやらを入れた場合は、そのままではProjectエクスプローラーに表示されません。
そんなときは、Projectを右クリックしてRefreshをクリックすれば、再読み込みします。

AptanaのEclipseプラグイン版と他のWeb開発用プラグインを使うために、まずEclipseのインストールから始めます。
最近ではEclipse本体に加えて、各種プラグインを同梱したセットをダウンロードできるものもあります。
Web制作関係で言えば、WebTools Platform(WTP)を同梱したWebTools Platform; All-in-oneなどです。
まだEclipseをインストールしていない場合は、こういったパッケージをインストールしても良いと思いますが、ここではEclipse単体のインストールから順を追って説明していきたいと思います。

Eclipse-downloads.jpg

STEP1:Eclipseのインストール

最初にEclipse本体をダウンロードします。
http://download.eclipse.org/eclipse/downloads/
のLatest DownloadsからLatest Releaseの欄にあるビルドをクリック。
プラットフォーム別のダウンロード一覧が表示されますので、Windows用を選択。
2007年3月18日現在の最新版はeclipse-SDK-3.2.2-win32.zipです。
ダウンロードして好きな場所に解凍したらインストール完了です。

AptanaのNightly Buildもバージョンアップしており、現在は0.2.8.13762が最新。
まずUnicodeのサポートが改善されていました。安定版として配布されているCurrent Release 0.2.7.13425以前のバージョンですと、metaタグのキーワードなどに英語と日本語が混在している場合、ハイライト処理や終了タグの認識が明らかにおかしくなりましたよね。そのため、タグの折りたたみ機能が正常に機能しなかったり、アウトラインのツリー構造も怪しくなったり・・・

Nightly Release 0.2.8.13762では、その辺の不具合が大きく改善されています。
選択しているタグにマッチするタグが、デフォルトのハイライト処理で薄い黄色の背景で表示されるのが、微妙にウザいのですが、まあそれは人それぞれの好みですし、変更もできますし。

JavascriptとActionScriptの連携をいくつかのケースに分けて実践してみたいと思います。
最初のケースは、別のHTMLに埋め込まれているswfの特定のタイムライン(ラベル)にジャンプさせる方法です。

今回のケースでは下記の条件を設定しました。

1.リンク先のHTMLファイルは一つ、swfファイルも一つとする。
2.swfのタイムラインにラベルを記載。リンク元のHTMLから、リンク先swfの特定のラベルのあるタイムラインを最初に表示するようにする。

リンク元HTMLファイル名を、index.html
リンク先HTMLファイル名を、jsas.html
リンク先HTMLに埋め込まれたswfファイル名をjsas.swfとします。

実行結果を見る

サンプルソースは下記の通り。

2006年4月のパッチ以降、Internet ExplorerでFlashなどのアクティブコンテンツ上にマウスカーソルを持っていくと「このコントロールをアクティブ化して使用するにはクリックしてください」 と表示されます。
様々な解決方法がありますが、現在のところ最もスマートと思われる方法がありましたので紹介します。

cyanoというサイトの
「2006年4月のActiveXパッチがあたったIEでFlashなどを従来通り表示させるためのJavaScript(Flashのバージョン検出機能付き)」
で公開されていた、swfTagWriter.jsです。

初めて、Ajax関連の書籍を購入しました。
以前はAjax関連の書籍といえば、ほとんどGoogleMapしか紹介していなかったり、執筆者自身がAjaxを理解していないのでは?と勘繰りたくなるような書籍ばかりでしたが、最近は良書が増えてきたようです。

リファレンス本で比較的ソースが読みやすく、情報も整理されていると感じたのが、
Ajax ライブラリリファレンス

Ajaxライブラリリファレンス
という本。

aptana_screen_1.jpg

AptanaのNightly Buildが3月2日にアップされていました。

AptanaはCurrent Release(製品版)
Next Release(次回バージョン)
Nightly Release(開発中バージョン?)
の3バージョンが常にアップされているようです。
バージョンアップの内容も公式サイトのトップページに簡潔に記載されていますし、各リリースバージョンをクリックすると、アップデート内容、バグフィックス内容が克明に記載されています。
オープンソースならではの情報公開ですね。

さて、日本語対応に微妙な点を残しているCurrent Release 0.2.7.13425 を使用していたのですが、Unicode対応したというNightly Releaseを試してみたくなり、アップデートしました。

アップデートしたバージョンは下記のとおり。
Nightly Release 0.2.8.13715(Released 03/02/2007)

CSS Nite in Osaka 2007 春の陣に参加することにしました。
とっくにエントリーを申し込んでいたのですが、今頃になって、カウントダウンメール #002で「ブログで宣伝してください」みたいなことが書いてあったのを「突然」思い出した始末。


SEOに関して知識・情報が、雑誌やWebから得た散発的なものばかりなので、この機会に再整理をすることにしました。
Yahoo!GoogleでランクアップするためのSEO完全計画

第一弾として、
Yahoo!GoogleでランクアップするためのSEO完全計画
という本を購入。

フリーのWeb開発者用IDE(統合開発環境)Aptanaを今度はJavascript&Ajax開発に焦点を当てて、試用してみました。

HTML+CSSの開発環境としては多少イマイチな点があったAptanaですが、Javascript&Ajaxの開発環境としては極めて優秀かもしれません。

Ajaxの各ライブラリが予め登録されており、新規プロジェクトでAjax Library Projectを選択すると、自動的に各Ajaxライブラリが登録されます。
若干バージョンが古い場合があるので、最新バージョンを使用したい場合は自分で入れ替える必要があります。

コード入力補完に関しては、リンクを貼った各Ajaxのライブラリを参照して、自動的に候補を表示してくれるなど、かなり使えます。
これからどんどん試用して、実際の使い方等を紹介していきたいと思います。

AptanaTheWebIDE.jpg

このアーカイブについて

このページには、2007年3月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2007年2月です。

次のアーカイブは2007年4月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。