相変わらず、すっかりご無沙汰なBUNです。
2010年5月29日(土)に開催された、Dreamweaver Town Meeting in Tokyoというイベントに、僭越ながら出演者のひとりとして、参加させていただきました。

テーマは、過去にBUN:Logでご紹介したDreamweaver CS3版 スペシャルコードヒントをネタに、コードヒントのカスタマイズ方法について。

3年近く前の古い記事で、さらにDreamweaver CS5も発売されたということもあり、改めてCS4およびCS5版のCodeHints.xmlファイルを作ってみました。よろしければ、下記よりダウンロードしてご利用ください。

CodeHints.xml.CS4.zip [Dreamweaver CS4版]
CodeHints.xml.CS5.zip [Dreamweaver CS5版]

ダウンロードしたファイルを解凍後、下記のファイルを上書きしてから、Dreamweaverを再起動すれば反映されます。

Mac OSX：Dreamweaver CS4
/Applications/Adobe Dreamweaver CS4/configuration/CodeHints/CodeHints.xml

Mac OSX：Dreamweaver CS5
Users/ユーザー名/Library/Application Support/Adobe/Dreamweaver CS5/ja_JP/Configuration/CodeHints/CodeHints.xml
※「ユーザー名」の部分は、ユーザーディレクトリ名で読み替えてください。

Windows：Dreamweaver CS4/CS5
/Program Files/Adobe/Adobe Dreamweaver CS4/configuration/CodeHints/CodeHints.xml
※「CS4」の部分は、バージョンにより数字が異なります。

2009年5月15日(金)にビッグパレットふくしまで
『GoogleAdWordsを使った簡単集客術』というセミナーイベントが開催されるそうです。

GoogleAdWordsを使った簡単集客術
http://www.spacexone.com/google/

地元福島でWeb制作やイベント企画などをされている
有限会社スペースワンさんからご案内をいただきましたので、
BUN:Logでもご紹介させていただきます。

普段、GoogleのWebサービスを利用しているけど
いまいちマーケティングに活かせていない・・・とお悩みの方は
参考になるかもしれませんね。

イベント詳細やお申し込みについては、上記リンク先を参照してください。

先月お知らせしたCSS Nite in FUKUSHIMA, Vol.2ですが、
お陰様で2月5日正午に追加席も含めた定員に達しました。

お申し込みいただいたみなさん、本当にありがとうございます。

当初予定していた締切日まで3週間を残して・・・ということで、ご検討中だった方や最近このイベントを知ったというみなさんはごめんなさい。

現在、お問い合わせフォームにて「キャンセル待ち」を承っております。

キャンセルの発生状況によってご期待に添えない場合もありますが、
よろしければご検討ください。

CSS Nite in FUKUSHIMA, Vol.2を2009年3月7日(土)に開催することになりました。

CSS Nite in FUKUSHIMA, Vol.2 特設サイト
http://cssnite.net6.or.jp/

前回は「地元でCSS Niteを！」の一心で奔走した感がありますが、お陰様で第二弾に繋げることができました。

さらに、勢い余って出演者の一人として参加することに！！！
(僭越ながら)地元代表として恥ずかしくないよう、精一杯頑張らないと・・・です。

なお、事前申込は2月27日(土)まで特設サイトから承っています。
先週末に受付を開始したところ、既に50名の方からお申し込みをいただきました。

皆さんの温かいご声援とご支援、痛感せずにはいらせません。
この場をかりて、厚く御礼申し上げます。

Dreamweaver CS4 betaの起動時に「期限切れ」の通知が表示され、使用できなくなりました。

上がり掛けたモチベーションを無駄にするのは勿体ない！(笑)
と、懲りずにAdobeサイトの「ダウンロード」を確認したら、いつの間にか30日間有効の体験版がDL可能になっていました。

「期限切れ」というのは、そういうことだったんですね。

予約済みのAdobe CS4 Web Premiumのリリースが1ヶ月以内なので、Photoshop CS4 Extended・illustrator CS4・Dreamweaver CS4・Flash CS4 Professionalをダウンロードしてみました。

個人的に楽しみなAcrobat 9 Proだけ「Windows版のみ」というのが残念ですが、しばらく遊べそうです(笑)

各所で話題になっていますが、CS4の日本語版が正式に発表されましたね。

■Adobe - Creative Suite 4 ファミリー
http://www.adobe.com/jp/products/creativesuite/

と言う訳で、気付いたらポチッとな・・・としてました(笑)
CS4 Web Premiumのダウンロード版を予約したら、パッケージ版よりも5,000円程度安価に。

ちなみに、Adobeのサイトに現時点で表記されていないため明言は避けますが、予約完了後に注文履歴から確認したところ、出荷予定日は下記サイトの表記と同じでした。

■act2.com ストア - Adobe製品一覧
http://www.act2.com/store/catalog/default.php?cPath=22_245_293_291

年末年始絡みの楽しみが、また一つ増えましたね。

先月末から、Adobe MAX Japan 2009の参加登録の受け付けが開始されていたので、早速申し込みをしました。

Adobe MAX Japan 2009
http://jp.max.adobe.com/

初日はハンズオン、2日目はセッションをメインに登録。
登録時点ではタイトルのみ発表されている状態でしたが、いずれも今から楽しみな内容です。

地元から参加される方、この機会にBUNに直接会ってみたいという奇特な方。
もし、いらっしゃいましたら、お気軽にお声掛けくださいね(笑)

CSS Nite in HIROSHIMAが、11月15日(土)に広島県立広島産業会館で開催されます。

実行委員長を務められる藤本さんは、MT4LP5で知り合った方。

当時、福島版が水面下で動き始めた段階で「一緒に頑張りましょ〜！」と盛り上がっていたのですが、いよいよ開催間近・・・ということで遅ればせながら告知させていただきます。

CSS Nite in HIROSHIMA特設サイト
http://cssnite.webtouchmeeting.com/

残り50席ということなので、参加を検討される方はお早めにどうぞ。

MultiFirefox 2.0

Mac OS X 10.4以降に限定されますが、MultiFirefoxではFirefox向けの複数のプロファイルを管理できます。

例えば、Firefox 3とFirefox 2用にそれぞれプロファイルを用意することで、異なるアドオンをインストールできる・・・といった感じ。Firefox自体がアップグレードしても、これまでの資産をそのまま活かせるのは、とても便利です。

なお、各プロファイルは「/ユーザー名/Library/Application Support/Firefox/Profiles/」内に保存されます。初めて気が付いたのですが、このプロファイルを別なMacにコピーすれば、ブックマーク・設定・アドオンなどを簡単に同期できるんですね！

個人的に懸案だったので、思わぬところで感動してしまいました(笑)

以前ご紹介したDreamweaver CS3版 スペシャルコードヒント。
結構ニーズがあるようでアクセスいただいた皆さん、ありがとうございます。

そこで、iPhoneで利用できるCSSプロパティを追加した改訂版を公開しました。

mixi日記の公開範囲が選べるようになってから気にしてはいたのですが、CSS Nite in FUKUSHIMAをきっかけにマイミクが増えたこともあって、mixiSync for MT4プラグインのMovable Type 4.1対応版を導入してみました。

これ自体はベースとなるプラグインにパッチをあてたものなので、インストールや設定方法はmixiSync for MT4の配布元を参照してみてください。

ちなみに、ここ1年くらいmixiの設定を外部ブログ(BUN:Logのフィードを取得)にしていました。にも関わらず、それ以前にmixi日記として投稿された本文やコメントのデータ、ちゃんと保存されているんですね。

設定を戻したら、過去の日記が出てきてビックリ。
とりあえず真っ新にして、何事もなかったように再始動です。

以前ご報告させていただいたCSS Nite in FUKUSHIMA、事前申し込みを6月21日(土)まで受付中です。

お陰様で、現在60名の方からお申し込みをいただきました。

中には「地元開催を待ってました！」といったコメントをお寄せいただくこともあって、言い出しっぺとしては嬉しい限りです。

特設サイトでは、タイプ別オススメのセッションや出演者インタビューなど、初めて参加される方へ向けたコンテンツもご用意しています。

Web制作に携わる皆さんはもちろん、単に興味を持っているという方にもオススメできる「ある種のお祭り的なイベント」だと考えていますので、ぜひ参加をご検討ください。

http://cssnite.net6.or.jp/

既にCSS Nite公式ブログやAdobeのthe edge newsletterなどでも告知いただいていますが、2008年6月28日(土)にビッグパレットふくしまにてCSS Nite in FUKUSHIMAの開催が決定しました。

CSS Niteとは、アップルストア銀座で始まったWeb制作全般に関わるトピックを扱うセミナーイベントで、2007年4月の青森版以降、全国各地で開催されています。今回のイベントは「10番目のCSS Nite地方版」ということで、若干出遅れた感もありますが、Web制作に関わる地元の皆さんと一緒に盛り上がれたら素敵だな・・・と思っています。

なお、詳細情報やエントリー方法については、鋭意制作中のCSS Nite in FUKUSHIMAの特設サイトにて順次告知していきますので、お楽しみに！

http://edgenow.jp/

Adobeが新しく立ち上げたEDGE Now!というサイト。
面白そうなので、BUN:Logも参加してみました。

同業の方が気になる話題は、やはり自分も気になる訳で。
Web制作に携わる方にとって、質の高いナレッジデータベースになりそうですね。

http://www.energygreen.jp/

はてなやミクシィなどのWebサービスを利用している方は既にご存じかもしれませんが、国内の名だたる企業・団体で導入が進められている日本自然エネルギー株式会社のグリーン電力証明システム。

これと同様な仕組みのグリーン電力サーバが、2008年4月1日から申込受付を開始するそうです。※既に申込受付中で、サービスの開始が4月1日の誤りでした。

ウェブホスティングプランの場合、1ヶ月辺りの消費割り当て量が10kw程度ということですが、ランニングコストも一般的な共用サーバーと比較して遜色ないため、地元の中小企業などにも気軽に提案できそうなところが良いですね。

環境志向の方はもちろんのこと、「チーム・マイナス6%」的な社会貢献をPRする手段としても有効だと思いますので、気になる方はぜひチェックしてみてください。

前バージョンのBUN:Logでも利用させていただいたWordPress MEの配布元であるWordPress Japanが、3月末をもって閉鎖されるそうです。

公式アナウンスが3月26日、そこから数日で閉鎖ということで、何らかの事情が酌み取れますが、いずれにしてもWordPress MEは実制作で何度か利用させていただいたので非常に残念です。

関係者の皆様、お疲れ様でした。

今後、日本語環境でWordPressを導入する場合はどうするんだろう・・・と考えていたところ、WordPress 日本語版に辿り着きました。

管理画面とエラーメッセージ以外はコアに関わる修正を行わないなど、若干の違いがあるようですが「すんなり移行できた」という声もちらほら上がっていますので、問題なさそうですね。

詳しくは、日本語版と ME 版についてを参照してみてください。

本日、Adobeのサイト内にあるデベロッパーセンターにて、Dreamweaver CS3 拡張機能 for Movable Type 4.1が公開されました。

これまで前バージョンであるDreamweaver 8 拡張機能 for Movable Type 3.2をCS3にインストールして「MT4専用のタグは手打ち」という方法で対応していましたが、今後は効率的に作業できますね。

特に最近の傾向として、Movable Type 4.1のカスタムフィールドを利用して運用担当者の負担を軽減する・・・という制作案件が多かったので、個人的にかなりうれしい発表です。

Dreamweaver CS3限定ですが、CMSツールにMovable Typeを選択する際には、ぜひとも導入してみてください。

Movable Typeの公式ドキュメントで紹介されているMovable Type Design Assistantを利用することで、ブラウザ上から任意のテンプレートセットのデザインを簡単にカスタマイズできます。

サンプルにある任意の要素をクリックすることでセレクタが動的に定義されるなど、CSSが苦手な方でも結構便利かも・・・と感じていたこのデザインアシスタント機能ですが、TypePad向けに同様のサービスTypePad Design Assistantが用意されていることを先日知りました。

Movable Type版とはスタイルの適用方法が若干異なったり、Safariで「Select a Layout」で選択したレイアウトが反映されないといった点もありますが、リアルタイムにレンダリング結果を確認しながら編集できるのは便利ですね。

マイコミジャーナルの記事などで紹介されていますが、次期ブラウザIE 8のデフォルトがスタンダードモードに変更されるそうです。

いわゆるWeb標準に準拠したレンダリング結果となるため、IE 8が一般ユーザーに浸透すれば、Webコンテンツ制作時に悩みの種となるCSSハックはいずれ不要になりますね。

リンク先の記事にもありますが、スタンダード以外にIE 7とIE 6以前の3つのレンダリングモードが用意されていて、metaタグなどを利用すれば簡単に切り替えられるみたいです。条件分岐コメントが使えると仮定して、内部へバージョンごとに必要なmetaタグを記述しておけば後方互換も比較的容易にできそうと推測しています。

・・・と、ここでふと疑問が。
IE 8をVistaにインストールしたら、IE 6のレンダリング結果も検証できるのかな？？？

ベータ版が一般公開されたら、色々と試してみたいところです。

先日から、RSSリーダーをGoogle Readerに乗り換えてみました。
キッカケは、EC studio デザインブログさんの記事。

記事中でも触れられていますが、WebデザインやCSSデザインなどをまとめたギャラリー系のサイトって、見ているだけでもなんか楽しいですよね。

という訳で、自分のフィードも公開してみます。

• Google Reader - BUNの"INSPIRE"

RSSフィード内にサムネール画像を含むものだけをまとめているので、流し見するには十分かと。

よろしければご利用ください。

Official Google Maps API Blogの記事によると、新しいAPIを利用して静的な地図を生成できるようになったとのこと。JavaScriptを必要とせず、img要素のsrc属性に必要な内容を記述するだけで利用できるそうです。API Key自体は、Google MapsもGoogle Static Mapsも共通のコードで問題ありませんでした。

地図の生成を支援するStatic Maps Wizardも用意されていますが、自分も含め英語はイマイチ苦手・・・という方へ向けて、自前でコンテンツを作ってみました。

• Google Static Map Creator

一応、MacのSafariとFirefoxで動作チェック済みです。ご不明な点などありましたら、この記事にコメントください。

[ 追記 08.02.25 ]
今の仕事が落ち着いたら、地図中のマーカーを複数設置できるようにバージョンアップ予定です。

先日、某クライアントのサイトを制作していて、Movable Type 4.1でカスタムフィールドを追加する際、指定するベースネームはシステム内で一意でなければならないことに気がつきました。

例えば同一システム内でブログAとブログBがあったとして、それぞれに画像を挿入するためのフィールドを追加する場合、image-ablog,image-bblogといった具合に異なるベースネームを付ける・・・という感じです。

AdobeのDreamweaver CS3 10周年記念イベントに参加されたマイミクのレポートで、これまでずっと欲しかったCSSプロパティを意図した並び順に変更できるDreamweaver用機能拡張についての話題を発見！

早速、導入してみました。

Adobe Contribute CS3を利用することで、複数のブログの更新管理を行うことができます。

ブログに接続する場合は、[ 編集 ]メニュー - [ 接続 ](Win)または、[ Contribute ]メニュー - [ 接続 ](Mac)を選択することで、表示されるダイアログボックスに従ってブログのタイプやID/PWを入力するだけで良いため、設定も簡単です。

自分も最近Contributeを利用してブログの更新を行っているのですが、先日Mixiのコミュで「MT4にバージョンアップしてから、接続できなくなった」という話題を見掛けたので、設定方法について解説しておきます。 

以前ご紹介した、WordPressでエントリーを投稿する際に自動的にmixiにも投稿できるWp-MixiPublisherプラグイン。

mixiがデザインリニューアルしたことで、使えなくなってたんですね。
久々にブログを投稿して、初めて気が付きました・・・<(^_^;)

つい最近気付いたけど、いつの間にかIE 7の配布予定日が「2008年以降」になってた。
これって、周知なの？

Internet Explorer 7 の自動更新による配布の最終更新日が先月末だから、その頃に変更が発表されたのかな。

いずれにしても、当分はIE 6がメインターゲットってことか・・・。

Dreamweaverでコーディングする際、先頭の数文字を入力しただけで入力候補を一覧化してくれる「コードヒント機能」はとても便利なんだけど、使わないプロパティを羅列されてもなぁ・・・と思っていたら、カラクリエイトさんのカスタムコードヒントと、akira_maruさんのDreamweaver スペシャルコードヒントを発見。

いずれもDreamweaver 8版だったので、Dreamweaver CS3版を作成してみた。ついでに、外部CSSファイルで@を入力すると@importを挿入できるように、地味に修正。

[ update 08.07.21 ]
iPhoneで利用できるプロパティや単位などを加えた、[ 改訂版 ] Dreamweaver CS3版 スペシャルコードヒントを公開しました。

Macを利用している方にはお馴染みかもしれないが、Safariに設定されているデフォルトの「ホーム」は、Exciteのページ。

普段、ブラウザを起動したらとりあえずここからニュースを拾い読みするのだが、読み進めている途中で突然こんなページにりダイレクトされた。

しかも、今日初めて。

説明書きにもある通り、「Excite内のコンテンツを表示してから、キーボードやマウスを30秒以上操作しない場合に表示される」らしい・・・が、これって「過剰なサービス」では！？

IT Proの記事によると、Yahoo!JAPANが今秋リニューアルするとのこと。

リンク先の記事で一番気になったのが、「横幅が950pxに変更になる」という点。

シニア層を始め、不慣れな方でも快適にPCを操作できる仕様について、インテルがプレス・リリースを公開。

PC自体のスペックの他、オンラインサービスにおける「UIやコンテンツの在り方」についても言及されているので、総務省のアクセシビリティJIS規格への対応と合わせて、デザイン/コーディングの際に踏まえておきたいところ。

いよいよ米国時間の29日午後6時から販売が開始されるiPhone。
日本での販売は未定だが、Mac OSX 10.4.7以降で利用できるiPhone上のSafariのシミュレータiPhoneyをダウンロードしてみた。

アプリを起動すると、画面上に巨大な「iPhone」が出現。

Safari 3 beta版のアップデートがリリースされた。

今回のアップデートでは、セキュリティ関連のバグフィックスの他、Windows版で日本語表示が可能になった。

Appleのサイトがリニューアルし、Safari 3のベータ版がリリースされた。

これまでの機能に加え、下記の機能が加わった模様。

• タブブラウズ中に、ドラッグ&ドロップによるタブの入れ替え
• 強化された、ページ内の検索機能
• フォームのテキストフィールドを任意の大きさに拡大/縮小
• ソース表示時の文字コード変更

なにより、Windows XP/Vistaでも利用できるのは、素敵すぎ。

全文を見てないので、詳細は各自でご確認いただくとして。

どうやら、2007年第3四半期に「Movable Type Open Source」が、リリースされる模様。

ということで、唐突に「地域型ソーシャルネットワーク」を開始。

■Creator's Network
http://sns.5020.jp/

東北在住の方をメインに、とにかく色々な方と交流しつつ、面白いことができればな・・・と。

ブラウザを使って、メールのチェックや送信ができるWebMailシステムは、外出先でも利用できるため重宝する。

最近では、レンタルサーバーの標準機能として携帯でも利用できるWebMailも出始めているが、自分が契約しているサーバー会社が同じように対応してくれるとも限らないし・・・。

ということで、GPL ライセンスで配布されているRoundCube WebMailを使っている。

MicrosoftのLive Local Search Mapsに、3Dのバーチャル地図を表示できるMicrosoft VIrtual Earthが追加された。

Google Earthと異なる点は、WindowsのIE/Firefoxといったブラウザで閲覧可能というところ。(※ただし、FIrefoxはアドオンのインストールが必要。)

このエントリーを書いている「PowerPC搭載のMac」で確認できないところが、残念。

A List Apartで紹介されているstyleswitcher.jsを利用する場合、注意すべき点があるので補足。

「今、何してる？」という、つぶやきで繋がっていくTwitter。

いくつかのNEWS系サイトで取り上げられていたこともあり、BUNも少し前から利用している。(※Twitterについては、BroadBand Watchの編集部ブログも参照してほしい。)

最近では、同種の日本語版サービスが次々とリリースされ、一時の「SNS」のような賑わいを見せている。

• Timelog
• DooViiChat
• Haru.fm
• つぶろぐ

ここ数日、米Yahoo!が提供しているオンラインサービスのpipesが気になって仕方ない。

簡単に言えば、Feedに対し独自の加工を施すことで、新しいRSS/JSONフィードを生成できるもので、誰でも簡単にマッシュアップコンテンツが作れるようになる。

これ、リクエストの送受信もパラメーターを付加したURL形式で送受信すれば、Flashとかでも使えるんだろうなぁ・・・とか思ったもんだから、実際に試してみたくて仕方ない。

アイデアを具象化したい時、MindMapと呼ばれるノート法を活用している。

「キーワード/キーセンテンスの羅列」に過ぎない言葉たちをピックアップし、グループ化することによって、今まで気づかなかったことに思い至ったり、より深い理解に繋がるので、文章や企画書を作る場合などに大変有効な手法だ。Webサイト構築に携わる方であれば、サイトマップ作成にも利用できる。

オープンソースやパッケージ製品など、MindMapの作成ツールは多々あるが、今回はオンラインで利用できるMINDOMOをご紹介する。

複数のブログやWebサービスを利用している場合、個々にエントリーを投稿するのは大変。

Macの前でちまちま作業しているBUNが「ネタ」に溢れている訳もなく <(^_^;)
とは言え、mixiの設定が「外部ブログ」の場合、タイトルしか表示されないのでイマイチ不親切。

そこで、WordPressの記事をミクシィ日記に複製するプラグインWp-MixiPublisherを導入。

ソースネクストが、thinkfreeの日本語版をサービスイン。

主な特徴を見ただけでも、「もしかして、Office本体は要らないかも？？？」と思えてしまう、充実のサービス内容。

• 基本サービスの利用は無料
• Offiice形式の各書類(Word/Excel/PowerPoint)を作成/編集
• 1アカウントにつき、1GBの保存領域
• 複数のユーザーで共同編集
• 作成した書類をPDFに変換可能
• ローカルディスクから、書類のアップロード/ダウンロードに対応
• ツールボタンなど、作業の操作感がOfficeに近い

同種のサービスとしては、Google Docs&SpreadSheetや、本家MicrosoftのOffice Liveなどが既に存在しているが、競争が激しくなることで「より便利な環境」が整っていくため、1ユーザーとしてはありがたいところ。

新しいブログを立ち上げたり、システムの乗り換えをした場合など、「更新Pingをどこに送るか」は悩みどころ。

そんな時に便利なのが、Pingoo!。

ユーザー登録を済ませたら、自分のブログでPing送信先をPingoo!に設定し、エントリーを投稿するだけ。

以後は、Pingoo!で管理している最新リストに対し、一括で更新Pingを配信してくれる。