カテゴリー「インターネット」の一覧
2005年07月22日 金曜日
Googleマップ
もう御存知の方も多いかもしれませんが、Googleの新機能「Googleマップ」が7/14より日本をカバーするようになりました。世界中の航空写真と地図を見ることが出来るこの機能は驚くほど便利で刺激的です。
例えば麻布十番は、［こんな］感じでばっちり見られてしまいます。
世界規模だから、オーストラリアのエアーズロックだって［こんな］感じであわらに見られてしまいます。ちなみにこのページはどんどんズームアウトしてゆくと、エアーズロックが砂漠のケシ粒のようになってしまいます。
こんな機能が無料で提供されるというのはほんとに驚きです。しかし、将来はこれに様々な付加価値がつけられ、確実に大きなビジネスになると思います。すごいですね、ほんとに。
2005年08月10日 水曜日
RSSはとても便利
最近RSSを使い始めました。
RSSとは「RDF Site Summary」の略で、RSSに対応しているサイトをブラウザーやRSSリーダーに登録しておくと、最新コンテンツの一覧を簡単に見ることが出来ます。これは一度使い始めたら、もうRSSのないサイトは見たくなくなるほど便利なのです。
私はウエブブラウザーにFirefoxを使っているのですが、これだとブラウザー右下のマークをクリックするだけで簡単に登録することが出来、あとはサイドバーにそのサイトの最新メニューが自動的に表示されます。
ブログには様々なメリットがあるのですが、RSSもその一つなのです。
これからのウエブサイトは、XHTML+CSSでコードを記述し、xmlでRSSを提供するというスタイルが増えてゆくのではないかと思いました。
2005年08月31日 水曜日
ブラジル通販
ブラジルの音楽通販サイト「somlivre.com」を試してみました。
申し込みフォームが英語なのをのぞけば、全てポルトガル語なのがややハードルなのですが、システム自体は非常に良く出来ており、申し込み後のステータスもリアルタイムでみることが出来ます。
そして、なによりもＣＤやＤＶＤがとても安く買えるのです。
今回は12枚のＣＤを買ったのですが、ＣＤ代が213ヘアウ（9900円）、送料が86ヘアウ（4000円）の合計13900円でした。
日本ではなかなか手に入らないＣＤやＤＶＤがより取り見取り。クリックしてクレジットカードで決済すれば、約2週間で到着しました。なんとも便利な世の中になったものです。
しかし、到着したＣＤ12枚はすぐにパソコンに取り込まれ、もう二度とＣＤとして使われることはないと思います。これだったら、最初からネットでダウンロード出来れば全く無駄はありません。iTMSでブラジルのマイナーレーベルを扱ってくれたら嬉しいんですけどねー。
2006年01月19日 木曜日
CSS Nite（銀座）
退社後、大急ぎで地下鉄に飛び乗り銀座へ。お楽しみのイベント「CSS Nite」に参加してきました。
今、ウエブ制作は大きく「Web標準化」に向けて動いています。この「CSS Nite」はその中でも技術的に大切な位置を占める「CSS」をメインテーマにし、毎回とても有意義な話を聞けることが出来る、とても貴重なイベントなのです。
今日も会場の「アップルストア銀座」は立ち見を含めた聴衆で超満員。主催者の鷹野氏の人気と、このテーマに関心を寄せる人の多さを改めて痛感しました。
----------------------------------------------
今日のゲストは「エイチツーオー・スペース」の「たにぐちまこと氏」。Google Mapsなどで最近注目を集めている「Ajax（エージャックス）」に関するレクチャーを聞くことが出来ました。PHPとJavaScriptを使ったプログラミングのデモンストレーションを見ていると、あまりにも面白くて興奮してしまい、息が詰まるほどでした。ほんとに面白かったです。
その後は鷹野氏の「フォントサイズとスタイルシート切り替え」に関するレクチャー。普段からフォントサイズをどうするかは悩みの種だったため、とても有意義な話を聞くことが出来ました。私もこれからはピクセル指定+スタイルシート切り替えでいこうと思いました。
2006年02月16日 木曜日
CSS nite Vol.5（ゲスト：長谷川恭久氏）
夜は「アップルストア銀座」で開催された「CSS nite」に参加してきました。
このイベントは、Web界で活躍されている鷹野雅弘さんが主催する月例のイベントで、毎回鷹野さんと、著名なゲストによる貴重な講演を聞くことが出来ます。しかもなんと無料！
今回で5回目なのですが、回を増す毎に聴衆も増えているような気がします。私は開始30分前に行ったので最前列の「かぶり付き」をゲット出来たのですが、開始直前には立ち見で会場ははちきれんばかりでした。
----------------------------------------------
今日のゲストは長谷川恭久氏。「Webデザイナーのためのライフハック」と題して、貴重で楽しい話をたっぷりと聞くことが出来ました。「ライフハック」とは「いろいろな技術や情報などを使いこなし、効率や生産性を上げ、人生を豊かに過ごす取り組み」といったことのようです。
私はコンピューターもウエブも大好きなのですが、いつもその基本にあるのは「いかにそれを使って人生を楽に楽しく過ごすか」ということ。そのため今回のテーマには大変共感しました。
たくさんの便利なものを使いこなし、自らも開発し、みんなで共有し、ささっといろいろなことを片づけて、たくさん残った時間でお料理したり酒飲んだりブラジル音楽したり南の島に行ったりして豊かに暮らしたいと思いました。
鷹野さんの講演は「画像置換の光と影」。
画像置換とは、ウエブページの「文字部分」をCSSによって見えなくしてしまい、そこにCSSの”背景イメージ”で「画像」をはめこむ技術です。これを使うことによって、文字ではなしえないきれいなデザインでウエブページを作ることが出来ます。
しかしこの技術は、SEOスパム/CSSスパムという「ルール違反」に限りなく近かったり、音声読み上げブラウザーで読まれなかったりといった「影」の部分もあるのでした。（個人的には、プリンタドライバーによっては背景イメージが印刷されないことが気になっています）
前回のフォントサイズに続き、今回もウエブ制作者が日常的に問題にしていることを取り上げてもらい、とても参考になりました。有り難うございました。
（このあとの二次会は［こちら］）
2006年03月16日 木曜日
CSS Nite Vol.6（ゲスト：境祐司氏）
会社が終わってから銀座に直行し、「アップルストア銀座」で開催された「CSS nite」に参加してきました。
このイベントは、Web界で活躍されている鷹野雅弘さんが主催する月例のイベントで、毎回鷹野さんと、著名なゲストによる貴重な講演を聞くことが出来ます。しかもなんと無料！
回を重ねる毎に参加人数も増え、今日は開演20分前には既に立ち見になってしまうほどの盛況でした。
今日のゲストは職業、教育デザイナーの境祐司氏。『仕事に役立つ「CSSプランブック」のススメ』のススメと題し、前半は1991年頃から現在に至るまでのWeb界の出来事を振り返り、後半はCSSを用いたWeb制作のプランニングなどの話を聞くことが出来ました。
前半は、過去のWeb界の出来事を懐かしく思い、今後は「セマンティック」という言葉が一つのキーワードになるということが印象深かったです。
後半では教育に携わっている境祐司氏が高校生にCSSデザインを教えているという話を伺い、そんな若い頃から実戦的な教育を受けた若者にはかなわないと、ちょっとショックでした。
境祐司氏の後は鷹野雅弘氏による「みんな大好き、角丸」という講演を聴きました。ここではCSSによる角丸のデザインをどう作るかというたくさんの実戦的な話を聞くことが出来、とても有用でした。
いつもながら素晴らしいイベントを提供してくださった鷹野さんに感謝いたいします。
2006年04月20日 木曜日
CSS Nite vol.7（ゲスト益子貴寛氏）
会社が終わってから、アップルストア銀座で行われたweb関連のイベント「CSS Nite」に参加してきました。
このイベントも今回で7回目。私は2回目から参加しているのですが、回を重ねる毎に参加人数が増えてきます。
今回は、セミナーに先立ってSkypeのデモンストレーションがあり、また発表者がWeb業界のカリスマ「益子貴寛氏」（サイバーガーデン）ということもあって、会場は早くから超満員。立ち見でさえ入りきらなくなりそうな勢いでした。
益子氏の発表のタイトルは「Web制作現場の対立を解消する！ (X)HTML+CSSガイドライン作り」。
まずウエブ制作現場での様々立場の人たちの間に起きる意見や考え方の違いについて説明があり、その後、ウエブ制作過程で決めておくべきいろいろなルール作りについて詳しいレクチャーがありました。制作運用からソースコードの表記方法、CSSハックの使い方などなど、ほんとにたくさん取り決めるべきことがありました。
益子氏の発表や文章は、いつもその緻密さ驚かされ、いかに普段自分がいいかげん（てーげー）にウエブ制作を行っているかを痛感させられました。
チームでウエブ制作を行っていれば、この様なガイドラインは必須だと思いますが、ともすれば「勘と経験」で進めてしまう個人制作においても、自分なりのガイドライン作りは必要だと思いました。
----------------------------------------------
益子氏の次はこのイベントの主催者である鷹野雅弘氏による「CSSロールオーバー」を聞きました。
ロールオーバーというのは、マウスを乗せると画像や色が変わる仕組みで、これをCSSを使って行うと［こんな］感じになります。
このロールオーバーのテクニックについて、最新の情報を聞くことが出来ました。
特に、CSSによる位置指定とロールオーバーを組み合わせたCSSによるイメージマップはちょっと感動しました。
CSS Niteが終わった後は、会場を移動し（銀座PPサロン）、さらにお酒を飲みながらのセミナーです。
ウエブアクセシビリティー、ディレクション、FlashコンテンツのXHTMLでの埋め込み方法、サイト作成の流れ、IE7の特徴など、貴重な話をなんと11時過ぎまで聞いていました。
私の座っていたテーブルには、このイベントで知りあい、今やすっかり仲よくなった女友達が座り、PHPがどうしたの、JavascriptだのAjaxだのと、ここでしか話すことの出来ないディープでこのうえなく楽しい会話で盛り上がり増した。
パーティースペースのため、出てきたお料理はカナッペやサラダなどの簡単なものでした。
このイベントに参加するまで、こうやって同じ職種の人と知り合う機会はほとんどありませんでした。そして、女性で私と同じようにコンピューターに精通した人がこんなにいたことは、とても嬉しいことでした。
この様な機会を作ってくださった鷹野さんに心から感謝しています。
2006年05月18日 木曜日
CSS Nite vol.8ゲスト 森田雄氏
夕方の6時前に会社を飛び出し、アップルストア銀座へ。今夜は楽しみにしている月に一度のウエブのイベント「CSS Nite」（←ターゲットblankです）があるのです。
私は「弁当」も好きですが「イベント」も大好き。特にこのイベントはウエブ界の名だたる有名人が無料で講演をしてくれるという夢のようなスペシャル豪華弁当…、イベントなのです。
今回は8回目なのですが、その魅力のために参加者は増え続け、今日も開会30分前以降に来た人は立ち見。最終的に181名入場したところで受付終了になりました。
今日の講演は
----------------------------------------------
１）森田雄氏（ビジネス・アーキテクツ）
「ビジネス・アーキテクツのCSSデザイン ─コンポーネント管理のフレームワーク─」
数々の優れたウエブサイトを作る続けている「ビジネス・アーキテクツ」が、歴史的にどのような方法でウエブサイトを作ってきたかを、「コンポーネント化」をキーワードにして話してくれました。
XHTML、CSS、テキスト、イメージなどを一つのセット＝コンポーネントとして管理し、それを半自動的又は自動的に組み合わせる事によって制作作業を効率化してゆくという考え方はとても魅力的でした。
チームで行う場合ももちろんですが、個人でも大幅な作業の効率アップになるでしょう。
２）鷹野雅弘氏（スイッチ）
「target属性の是非とLightbox」
ウエブページでリンクをクリックしたときに、どの様にウインドーを開くかを指定するのが「target属性」です。
新しいウインドーを開けると、画面もウインドーだらけになるし、閉じるのが面倒くさいし、メモリーも食うため、基本的にはあまり推奨されてませんし、私も好きではありません。
しかしやはり新しいウインドーをどうしても開きたいシチュエーションというのはあるものです。
それを解決する一つの方法が、このLightboxなのです。
←写真をクリック！
セミナー終了後は別会場に移動し、食事をしながらのセミナー第二部です。
先の森田さんのさらなるプレゼンの他、ソーシャルブックマークの活用や、日経平均銘柄会社のサイトの脱テーブルレイアウト状況といった、とてもマニアックで興味深いプレゼンが11時まで行われました。
今回もたくさんの人と一緒に話が出来、とても有意義な時間を過ごす事が出来ました。
いつも一人で膝に「のの字」を書きながら（うそ）会社で仕事をしているので、このように同じ目的を持った人が一堂に会するだけでもわくわくし、さらに普段出来ない話を出来るのですから感激の連続でした。
しかし、この会もそうなのですが、コンピュータ業界の人と接していると、ほんとに自分が凡人だということを痛感します。でもそのおごりでもなく卑屈でもないそのような感覚は大切なのではないかを思うのです。
今日も皆様、有り難うございました。
2006年06月15日 木曜日
CSS Nite vol.9（ゲスト上ノ郷谷太一氏）
今日は毎月楽しみにしているウエブのセミナー「CSS Nite」の日。ちょっとだけ会社を早退し、雨の中を銀座のアップルストアまで行ってきました。
今回でこのセミナーも9回目。
私は第二回目から参加しているのですが、出演するゲストが非常に豪華なうえに無料とあって、回を重ねる毎に参加者は増加し、今日も開演50分前から並んだにもかかわらず、後ろから二列目にやっと座る事が出来たような状態でした。
来場者役200名の半分以上は立ち見です。
今日のゲストは、ブログシステム「Movable Type」の会社である「シックスアパート」の上ノ郷谷太一氏。ご自身でもHINAGATAというMovable Typeテンプレートのサイトを運営している、ブログの世界で知らない人はいないほどの超有名人です。
----------------------------------------------
今日のテーマは『Movable Type で行うウェブサイト管理』。
Movable TypeのCMSとしての使い方や、有用なタグやプラグインの紹介、Movable Typeでサイトを構築する際のワークフローで気をつけるべきことなどについてお話がありました。
Movable Type開発の最前線にいる人から直接話を聞く事が出来てとてもわくわくしました。
ちなみに上ノ郷谷さんは27才。その才能と幸せを少しわけてもらいたいものです。ほんま。
中休みには書籍などのプレゼント抽選会やアドビのテクニカルエバンジェリスト「林岳里氏」によるお知らせがあり、さらに第二部として、CSS Niteの主催者である鷹野雅弘氏による『DreamweaverとMovable Typeの連携』がありました。
8時半頃に一度終了し、9時半からは会場を有楽町の数寄屋橋交差点近くにある「クルーズクルーズ」というパーティースペースに移動し、第二部「CSS Flight」のスタートです。
この二次会…、ではなくて第二部でもいくつかのウエブに関するプレゼンがあり、それを聞きながらお料理やお酒をいただくという、なんとも楽しいイベントなのです。
今日は私はなんと受付をやらせていただきました。うーん、なんだか嬉しいわ。
参加者80人の一人ひとりにご挨拶をしていると、けっこうたくさんの知っている顔がいて、こうやってウエブ関連の友達を作る事が出来たのも、この会を始めてくださった鷹野さんのおかげだと、心から感謝するのでした。
しかし、このイベントで知り合った友達は、ほんとにびっくりするくらいいい人たちばかりなのです。
ウエブの人というのは、アキバ系パソコンオタクほどオタクでもなく（私はオタクですが）、デザイナークリエーター系カタカナ人種のようにうさんくさくもなく、なんか普通っぽくていい感じなのです。
二次会の会場では、受付をやりながらも唐揚げやビールをいただき、大好きな仲間に囲まれてとても幸せでした。（もちろんプレゼンも聞きました）
また、第1部の上ノ郷谷さんとも直接話す事が出来、Movable Typeの質問もしてしまいました。どきどき。ついでに記念写真もしてしまいました。
明日は朝一で病院の採血なので、今夜は早く帰ろうなどと思っていたのですが、結局最後の11時半までいてしまいました。ははは。
今日も皆様有り難うございました！
2006年07月15日 土曜日
Web標準の日（The Day of Web Standards）（六本木ヒルズ）
以前から、月に一度のWeb関連イベント「CSS Nite」に参加しているのですが、今日はその「特別編」とも言うべき「Web標準の日（The Day of Web Standards）」というビッグイベントに参加してきました。
イベントが行われたのは、六本木にそびえる銀色の要塞「六本木ヒルズ」。
まがいなりにもIT関連人間の私としては、やはりこの建物を目前にすると、なんかこう、恐れ多いところに立ち入るような威圧感をおぼえます。こんなところで一度は仕事をしてみたいものです。
会場は49階の「アカデミーヒルズ」という大きなイベントホール。今日のために集まったWeb関連の人達は500人弱。北海道から広島まで、全国規模での参加です（九州勢がいないよー）
----------------------------------------------
１）イベントは、11時定刻に、Web標準Blogを運営する木達 一仁氏による基調講演でスタート。
1996年のIE3やCSS1から始まり、第一次ブラウザー戦争、1999年のHTML4.01なおを経て、現在のBlogやWeb2.0に至るまでの歴史を解説してくれました。
２）続いてはアドビシステムズの林岳里氏による「The Spry framework for AjaxとWeb標準技術」です。
林氏は、以前マクロメディアの新製品のプレゼンを聞いてからの大ファンで、今日彼の話を聞けるのはとても楽しみにしていました。
今日紹介してくれた「Spry framework for Ajax」は、昨今注目されているAjaxの技術を、プログラミングの技術があまり無い人でも使いこなせるようにするためのフレームワーク（当てはめてゆけば完成品ができ上がる枠組みシステム）です。
人が作ったフレームワークを使ってシステムを作るというのは、ちょっとしゃくなのですが（プログラミングも出来ないのによく言う私…）、これでAjaxを自分のサイトに導入できれば素晴らしいと思いました。
３）午後の一番バッターは、ご存知「Web界のカニの貴公子”」益子貴寛氏（サイバーガーデン）による「Web標準を最大限に活かすディレクション＆ガイドライン」です。
1. Web標準準拠の前提
2. スタッフ/クライアント管理の必要性
3. Web標準テクノロジーと品質保証
4. ガイドライン、再び
という流れで、Web標準を実際に業務でサイトに導入する上での具体的なストラテジーや注意事項についての解説がありました。
益子さんの話は、いつも緻密でよくまとまっており、大変勉強になります（とても私ごときでは全部こなせませんが）
４）続いては、長谷川恭久（COULD）さん。
テーマは「Web標準テクノロジーの上手なマッシュアップ」
「マッシュアップ」（MashUp）とは「混ぜ合わせる」という意味で、IT用語としては、複数の異なる技術やコンテンツを合わせて新しいサービスを作ることだそうです。
ここでは、CSSレイアウトでのページの構築方法（建築に例えていました）やファイル名のつけ方、XHTMLの属性を活用して，メタデータを埋め込んでゆくという「microformats」の活用方法などについて説明がありました。
５）次はロクナナの若手コンビ、中村享介さんと河内 正紀さん。
なんとなくよく似た二人で、ゆったりとした、ちょっととぼけた感じの漫才コンビのようなやりとりがとても面白かったです。
テーマは「すぐに役立つWeb標準テクノロジーの効率化テクニック」
XHTML,CSS,JavaScriptといったファイル群をどのように使って作業を効率化し、「早く家に帰ってのんびりするか」（中村氏）ということについての解説がありました。
具体的には、XHTMLを扱いやすく構造化する。CSSのモジュールを再利用する。JavaScriptを使って効率化する。などでした。
中村氏が近いうちに自分のサイトいアップしてくれるというJavaScriptのソースが楽しみです。
６）続いては、インフォアクシア植木 真氏による「Web標準、SEOにも通じる”攻め”のアクセシビリティー」。
アクセシビリティーとは、サイトが（障害を持った人なども含めて）どんな人でもスムーズに利用出来るようなっているか、ということです。
正直言って、私は今まであまりアクセシビリティーのことについて真剣に考えていませんでした。しかし、人口の10％がなんらかの障害を持っており、そういう人達こそインターネットは貴重なメディアなのです。この講演を聞いて、考えを改めました。
さらに検索ロボットがページをクロールするときは、全盲のユーザーがページを閲覧することと同じであり、SEOという観点からもきちんとアクセシビリティーに気を使ったページを作成することが重要だと思いました。
ここでは具体的なテクニックについても解説があり、フォームの「フリガナ」という項目は「フリガナ（カタカナ）」と書いた方がアクセシビリティーが良いとか、とても興味深い話を聞くことが出来ました。
７）最後の個別講演は神森勉さんの「Dreamweaver8/Contribute3を使ったWeb標準実装ガイド」です。
オーサリングソフトを使わずに、「手打ち」でソースコードを入力することを誇りのようにしている人がいるのですが、私としてはこういったソフトはその特性をきちんと理解し、大いに活用しながら良いサイトを効率的に作る方が良いのではないかと思っています。
ここでは、コードスニペットの活用やワードファイルの利用方法、Fireworksからのデータの移行方法など、すぐに役立つチップスを聞くことが出来ました。
８）最後は、大藤幹氏、境祐司氏、住太陽氏、鷹野雅弘氏、森川眞行氏、森田雄氏、木達一仁氏によるパネルディスカッション「Web標準はビジネスをどう変えるか」でした。
テーマに対して「Web標準はビジネスを変えない」という結論のような発言が冒頭から出てしまい、テーマに関してはあまり盛り上がらなかったような気もするのですが、これだけの人達が一堂に会するのはめったにないというような人達の間で交わされるWeb標準をとりまく現在の状況などはとても興味深いものがありました。
以上、11時に始まって夜の9時までの10時間という長丁場だったのですが、あっという間に時間が過ぎてしまうほどに濃密で貴重な一日でした。
ウエブのスキルアップというのは、ネットで調べたり、本や雑誌を読んだりすることがとても有効なのですが、こうやってプレゼンを聞くことにより、最新の情報を直接現場にいる人の口から聞くことが出来るというのは大きなメリットだと思います。
また、講演を聞きながら、いろいろとやりたいことが頭の中に浮かんできました。同じ志を持った人達が一堂に会し、最先端の情報を共有し気運を高めてゆくというのは、Web業界としても、自分自身のモチベーションのアップにもとても大きな機会になったと思います。
このイベントを主催してくださった鷹野雅弘氏（ご夫妻）に心から感謝したいと思います。
そして、こんな私でもこの様な日本のWeb界の最前線とも言うべきイベントの末席に参加出来たことをとても嬉しく思いました。
お気に召して頂けましたら、ポチッとお願いいたします<(_ _*)>
↓
2006年12月08日 金曜日
CSS Nite LP2
昼前に会社を出て、外苑前の北青山TEPIAで行われたウエブの大イベント「CSS Nite LP, Disk 2 「Dreamweaver CC」」に行ってきました。
毎月銀座で行われている「CSS Nite」の特別版ですね。
今日は日本のウエブ界の第一線で活躍されている12人の話を3つの会場で聞くことが出来ました。
私が聞いたのは
----------------------------------------------
１）デザイナのための、ほんとはカンタンPHP×DW（たにぐち まこと氏）
プログラム大好きの私としてはちょっと興奮。たにぐちさんの講演はいつも萌えてしまいます。
２）Dreamweaverを使ったWeb標準ワークフロー（鷹野雅弘氏）
サイト制作において決めなければいけないことがたくさんあり、いかに自分がいつもいいかげんにサイト制作をしているかを痛感しました。やばいやばい。
３）ユーザーテストから学ぶWebデザイン（岩澤亜紀子氏）
最初に視覚障害者によるサイト利用のデモがあったのですが、音声ブラウザーの声をたよりにキーボードでリンクをたどってゆく姿を見てちょっとショックでした。障害者や高齢者などの利用を考えたサイト制作をしなければいけません。
また、ユーザーテストの必要性も痛感しました。しかし自分のサイトをテストされるのはかなり辛いことでしょう。
４）Dreamweaverのテンプレート機能を“もっと”使いこなそう（丸山 章氏）
Dreamweaverは毎日のように使っているのですが、実はテンプレート機能はほとんど使っていません。便利らしいので、使ってみなければいけないと思いました。
（打ち上げに続く）
2006年12月21日 木曜日
GAKU☆さまの映像
GAKU☆さまが作られた映像です。素敵(*^o^*)
CSS Nite打ち上げ（銀座PPサロン）
［夕食］★＋ 曇
夕方から、銀座のアップルストアで行われたウエブのイベント「CSS Nite」に行ってきました。
このイベントも今回でなんと15回目。ここで多くの知識や知り合いを得ました。ほんとに主催者の鷹野雅弘さまには感謝です。
今日のゲストはインフォアクシアの植木さん。
『義理と人情と男気のアクセシビリティ〜サイト診断ココだけの裏話〜』と題して、ウエブのアクセシビリティーについての熱弁を聞くことが出来ました。
----------------------------------------------
セミナーの後はいつものようにみんなでパーティー会場へ。
今日は今年最後ということで、忘年会でした。
銀座の雑居ビルの9階にあるパーティーコーナーで、お料理はたいしたものは出ないのですが、人数をそれなりに収容することが出来、ちょっとしたプレゼンも出来ます。
今日は私は友達のYuko2ちゃんと二人で受付をやらせてもらいました。うーん、この年でこんなことが出来るのは嬉しい限りです。
プレゼンはリクルートにお勤めの川崎有亮（かわさきゆうすけ）さん。AjaxやJavascriptで有名な方です。今日は「出張！マッシュアップ・ラボ」というタイトルで、マッシュアップについてのレクチャーがありました。
マッシュアップとは、既にあるウエブ上のサービスやシステムを組み合わせて新しいサイトを作ってしまうことです。
例えば、「家すぐMAP」はグーグルの地図と国土地理院の土地利用データと住宅情報をミックスして、任意の住宅物件の地図上の位置とその土地の過去の利用状況を知ることが出来ます。
こんなことが出来たら面白いだろうなーということがたくさんありました。
うーん、ウエブは面白い。
2007年01月18日 木曜日
CSS Nite vol.16 小川浩氏
会社を定時で退社し、夜は銀座のアップルストアで行われたウエブのイベント「CSSNite」に行ってきました。
一昨年から参加しているこのイベントも今回でなんと16回目。主催してくださっている鷹野さんご夫妻と関係者にはいつも感謝しています。
小川浩氏
今夜のゲストはあの「図解Web 2．0 book」の著者である小川浩氏。
Web2.0の第一人者とあって、とても楽しみにしていました。
----------------------------------------------
今日のテーマは「Web2.007」、ということで、まずはＷeb2.0とは何かの解説。
Ｗeb2.0というのは、典型的な「バズワード（一見専門用語のように見えるがそうではない、明確な合意や定義のない用語）」の一つなのではないかと思います。現代のウエブを現すのに必ず出てくる言葉でありながら、あまりにも抽象的すぎてさっぱりわからない言葉なのです。
小川氏はこのWeb2.0を「便利になったWeb」とい簡単な言葉で言い現していました。
なるほど。それがWeb2.0の本質なのでしょう。
さらに言えば、それは”再加工可能”で、誰もが発信し共有することが出来るデータであることがこれからのポイントだと言っていました。
つまり、一般の人（コンシューマー）も企業（サプライヤー）もどんどんデータをウエブ上に公開して巨大なデータベースができ上がり、それを様々なテクノロジー（ブログ、検索、Ajax等々）やインフラ（ブロードバンド、パソコン等々）が使いやすくしてゆくというのがWeb2.0なのだろうと思います。
また、今までのウエブが静的なstatic webだったのに対し、Web2.0では動的なdynamic webであるとも言っていました。
今までは一方的に提供されたデータを単に見るだけだったのが、今はブログにしてもYouTubeにしてもどんどんみんなで情報を発信し、それを自分のもののように共有して使いこなしています。そしてそれがどんどん増殖しているのです。
Web2.0の時代になって重要になってくるのがXMLという言語です。
今までウエブデータはHTMLがほとんどでした。これは人が見るためのデータ形式ですが、XMLは言わばコンピュータが見る言語。
Web2.0の時代になると、XMLが増えてきます。
例えばHTMLが
<段落>……<改行>……<／段落>
というものだったのが、XMLでは
<料理名>鴨鍋<／料理名>
<材料>合鴨、ネギ、水菜<／材料>
という具合に、コンピュータが見てすぐにデータの体系がわかるようになっているのです。
現在の大量のウエブ上のデータは検索すればかなりデータベース的に使えますが、こういう風に体系的にデータを作ればよりデータベースとしての利用価値が上がるのです。
このようにウエブ上のデータをラベル付けして使いやすくする方法としては、他にも「タグ」や「microformat」などがあると思います。
これからますますウエブ上に大量のデータが蓄積され、それを使いこなす時代になるでしょう。
小川さんの話を聞いていて、鼻血が出そうになるほど興奮しました。
さらに小川さんが昨年末まで開発していたfeedpathのデモンストレーションも大興奮ものでした。
日々いろいろなブログやサイトを見て回っているのですが、このfeedpathを使えば、それを一括管理出来てしまいます。
書き込みを一括して読むだけでなく、書き込みも出来、さらにmicroformatにも対応しているのです。
私は現在ブログ等のRSSはメール配信で読んでおり、コメントもcoComentを使って一括管理しているのですが、これを使えばさらに便利になりそうです。
うぅぅ…また鼻血が…。
ウエブはこれからも巨大データベースとしてどんどん面白くなってゆくでしょう。
そのデータは基本的には無償の有志で提供されているというところがすごいです。オープンソースの思想と同じですね。
ウエブビジネスは、この大量のデータをどう使いやすくし、付加価値をつけてゆくところで生まれるのだと思います。
今後さらにこれらが発展し、Web3.0、Web4.0になるのが楽しみです。
70才になっても80才になってもこんなことで萌えていられたらいいなーと思いました。その頃はもうWeb10.0くらいかな〜。
鷹野雅弘氏
小川氏の次は、いつもの鷹野雅弘氏です。
今日のテーマは「CSSレイアウトに関する2、3のメモ」。
CSSでの画面のレイアウトには、横幅固定の「frozen」、横幅可変の「liquid」が有名なのですが、MCC Computerのように、横幅によって段組みの段数が変わったり、Nick Cowieのように横幅によって文字サイズが変わるなどのレイアウト可変の「elastic」があるということを説明してくれました。
また、レイアウトをするときに便利なclearfixやdoublr margin-Win IEなども役立つTipsでした。
今回もお役立ち情報を有り難うございます。
セミナーが終わり、いつもは必ず飲み会に参加するのですが、今週は金土日と夜の予定が入っているので、今日はそのままおとなしく帰りました。
ちょっと寂しいけど、これくらいのペースもいいかなと思う今日この頃です。
2007年02月06日 火曜日
セミナー「DreamweaverでWebアプリケーション開発」
会社の仕事を午前中で切り上げ、午後は六本木ヒルズで行われたWebアプリケーションのセミナーに行ってきました。
今日のテーマは、ウエブ制作ソフトである「Dreamweaver」を使って、いかにWebアプリケーションを作ってゆくかです。
行われたセッションは
１）開発者から見た Dreamweaver （合資会社エイチツーオー・スペース代表 たにぐちまこと 氏）
いつも素晴らしいトークで魅力的な講演をしてくださる方です。
今日は、Dreamweaverの高度な検索、チェックインとチェックアウト、コードビューでのエディターとしての機能など、Dreamweaverを使ってWebアプリケーションを作る上での様々な細かいメリットなどについての説明がありました。
だいたいは知っていたのですが、復習という意味でとても良かったと思います。
----------------------------------------------
２）Dreamweaver の拡張機能（アンカーテクノロジー株式会社 開発部 マネージャー 植木友浩 氏）
「おしえてシリーズ」など、多数のDreamweaver関連の著作を持つ有名な方です。
今日はDreamweaverの拡張機能についての説明がありました。
自分が行った操作の履歴を残した「ヒストリー」から、マクロのようなコマンドセットの拡張機能が簡単に作れるということを知り、驚きました。これは使えそうです。
そもそも、Dreamweaverというのは、デザインビューのレンダリングでWebアプリケーション的な作り方がされており、拡張機能というのはとても重要な位置づけなのだそうです。
それにしてはあまり拡張機能は準備されていないような気がするのですが…。
３）データベースとの連携（アンカーテクノロジー株式会社開発部 林隆洋 氏）
Dreamweaverを使って、簡単にMySQLとPHPを使ったデータベースへのアクセスシステムを作る方法についてのデモをしてくれました。
Webアプリケーションをこんなに簡単に作れるのかと感動したのですが、実際はソースコードにかなり問題があり、実用のデータベースシステムとしては使えないということでした。残念。
やはりきちんとPHPの勉強をしなければいけないようですね。
４）XSLT（株式会社ロクナナ ディレクター 中村享介 氏）
XSLTというのは、XMLをXHTMLなどに変換する言語です。
これを使うと、データベースとしてのXMLを言語（コマンド）を使ってウエブブラウザー上に表示させて人が見られる状態にすることが出来ます。
RSSなども簡単にXHTMLとしてウエブページに出来るということで、大変便利だと思いました。
4つのセッションはどれもが非常に魅力的かつ刺激的で、終始興奮しまくりでした。
今日も、は、鼻血が…。
普段一人職場で地味にウエブの仕事をしている私にとって、こういう場所で「本物の」ウエブの人達の話を聞くのは、山奥に暮らす田舎人が大都会に出るような刺激的な時間でした。
もっともっと勉強して第一線に近づきたいと強く思いました。
2007年02月21日 水曜日
「はてなブックマーク」はチョー便利です
ウエブ2.0の便利ツールはいろいろとあるのですが、私が特に気に入っているのが「はてなブックマーク」というサービスです。
これは「ソーシャルブックマーク」という仕組みの一つで、普通みんなが自分のブラウザーに登録している「ブックマーク（お気に入り）」をネット上で共有しようというものです。
使い方は簡単。まず私が気に入ったウエブページを見つけたら、この「はてなブックマーク」に登録します。
せっせと面白いサイトを登録し、登録した一覧が「こちら」です。
ここを開くと、本日私が登録したページの一覧がみられます。「前の日>>」をクリックすると前日に登録したものが出ますのでご覧下さい。
また、右側のキーワード（タグと呼びます）をクリックすると、私のブックマークのうちそのキーワード関連のものをご覧戴けます。
こうやってネット上の「はてなブックマーク」に登録する事により非常に便利な使い方が出来るようになります
----------------------------------------------
１）もちろん自分でお気に入りページの管理に使えます。これは自分のパソコンに登録したのと同じですね。
２）今皆様が私の「はてなブックマーク」をご覧頂いたように、他の人に自分のお気に入りページを伝える事が出来ます
３）「はてなブックマーク」の各ブックマークには[カラスミ]などと言ったようなキーワード（タグ）がついています。
これをクリックする事により、そのキーワードで登録されているページの一覧をみることが出来ます。
例えば[カラスミ]をクリックすると、[カラスミ]に関する登録ページを一覧する事ができ、それは多くの人にブックマークされた順番、つまり人気があるページ順に表示されます。[カラスミ]に関してどんなページが今人気があるのかがすぐにわかってしまうのです。
４）この「日本の珍味一覧」というページの場合、「4 users」というのがそのページをブックマークした人の数なのですが、その部分をクリックするとそのリストが出ます。
これによって自分と同じ好みを持った人を知ることが出来、さらにその人達の「はてなブックマーク」をみてみると、お宝サイトをたくさん見つける事が出来ます。
５）「はてなブックマーク」のトップページに行くと、今人気があるページをすぐに知ることが出来ます。ニュースや雑誌よりもずっとライブ感が面白いと思います。
こうやってどんどん面白いサイトを見つけ、さらに同じ趣味やし好を持った人の輪を広げる事が出来るのです。
是非お試しください。
2008年01月17日 木曜日
久しぶりのCSS nite参加、夜は一人で手抜き焼酎
［夕食］★★＋ 曇後晴（寒い〜！）
今日も寒い一日でした。でもこれだけ寒いと、温暖化の不安が少し薄らいで嬉しいです。
退社後、銀座のアップルストアに行き、久しぶりにウエブのイベント「CSS nite」に参加してきました。
今日のテーマは携帯電話サイトの制作。
はっきり言って私はこの業界では、もう歳をとりすぎています。新しい技術にもついてゆけませんし、20代の頃のような集中力もありません。
でも、演者の話を聞いていると、最高に楽しく、わくわくしました。
この気持ちは何ものにも代え難いものです。こんな気持ちをいつまでも持ち続けたいと思いました。
そして、2005年からずっとこのイベントを主催続けてくださっている鷹野さんに深く感謝と畏敬の念を抱きました。有り難うございます！
----------------------------------------------
久しぶりにウエブの人達と交流出来る打ち上げに参加しようと思ったのですが、うまく合流出来ず、一人で腹ぺこのまま帰宅しました。
夕食は帰りがけに近所のスーパーでお総菜を買い込み、一人で軽く焼酎を飲みながら頂きました。
頂いたのは、めじ鮪のたたき（280円）、ポテトサラダ（206円）、イカの薩摩揚げ（180円）。
伊丹十三監督の「スーパーの女」を観ながら頂きました。
元気がわく素晴らしい映画でした。
Ｃさんはどこかで飲んでいることでしょう。三笠の山にいでし月かも…。
◇Ｃさんについて思ったこと
火曜日の夕食の準備の時、私は包丁で指をざっくり切ってしまい、血がなかなか止まりませんでした。
でもその時Ｃさんは全く無関心。
無言でムッとしていたら、さすがに私の不機嫌に気がつき、
Ｃ「どうしたの？」
モ「指切ったのに、なんで何も言ってくれないのよ」
Ｃ「指切ったって大した事ないと思った」
という会話はありました。
でもその後もＣさんはまた何も言わず、私も料理を続けました。
食事後、Ｃさんが一人でお酒を飲んでバラエティー番組を観ている間も一人で後片づけをしました。
なんであの時にもっと私の事を心配してくれなかったのか。後片づけを代わってくれなかったのか。
Ｃさんの思いやりのなさや無関心さに対して不満と怒りが昨日（月曜日）の夜お風呂に入っている時にふつふつと沸き上がってきました。
しかし24時間以上も経ってやっと感情が出てくるなんて、私もなんという反応の遅さでしょう。
私は不満や怒りなどをリアルタイムで感じるのが苦手です。そういう気持ちが湧くと、反射的に気持ちを感じなくしてしまうようです。
でも、イライラしながらも冷静に考えてみると、あの時はＣさんもほんとに私のケガは「何でもない」と思っていたのであって、全然悪気はなかったのだろうということに気がつきました。
私が鈍感なように、Ｃさんも鈍感だということでしょう。
なんだ、鈍感同士いいカップルじゃないか。
そう思ったら、気持ちがすごく楽になりました。
あの時だってＣさんから言ってもらうのを待っているのではなく、私から
「もっと心配してよ」
とか
「洗いもの代わってよ」
等と言えば良かったのです。
でも自分の気持ちを感じられないで頭の中真っ白になっていた私です。
それを言うのはあの時には無理でした。
今日は、朝Ｃさんと会った時にさっそくこのことを言ってみました。
モ「あの時はほんとに心配しなかったの？」
Ｃ「うん、何でもないと思った」（やはり）
モ「もし"後片づけ代わって”って言ったら代わってくれた？」
Ｃ「うん」（よかったよかった）
モ「私はすごく鈍感だけど、Ｃさんもかなり鈍感よね」
Ｃ「…」（認めなさい）
ちょっとだけ気持ちが伝えられてよかったです。
鈍感な私ですが、これからもこうやって遅くなってもちゃんと気持ちを伝えてゆけたらと思いました。
Ｃさんといつまでも良い関係でいられるために。
◇NHKスペシャル「シリーズ 最強ウイルス 第１夜 ドラマ 感染爆発〜パンデミック・フルー」
先日NHKで放映された新型インフルエンザに関するドラマです。
「近い将来予想されている」という前置きで始まったドラマは、あまりにも衝撃的なものでした。
まだみていられない方は是非ごらん下さい。
2008年02月20日 水曜日
ADOBE Dreamweaver CS3 10周年記念イベント 〜夢を紡ぐ者たちへ〜
午後から、品川で行われたDreamweaverのイベントに行ってきました。
Dreamweaverはウエブの世界ではスタンダードとなったウエブサイト制作ソフト。
私も毎日この上ない愛情を注ぎながらこのソフトを使っている、大好きなソフトなのです。
私が会場に入ったのはイベントが始まる30分前の12時半過ぎ。
定員450人の会場はウエブ関係者で満員。いつものように私よりもずっと若い人が多かったですが、白髪まじりのおじさんもちらほらと見られ、ITおばさんの私としては嬉しい限りでした。
----------------------------------------------
イベントは、まず基調講演として「Dreamweaver誕生秘話、歴史、現在」からスタート。
Dreamweaverはウエブ制作における19の夢「19 dreams」というシナリオをもとにプロジェクトがスタートしたのだそうです。
それから今に至るまでの10年間の進化の歴史を分かりやすく解説してくれました。
そして次はお待ちかねの「Dreamweaver 大喜利」です。
ウエブ業界の第一線で活躍している人達がDreamweaverを使った華麗なTipsを紹介してくれるという最高にワクワクする企画なのでした。
その内容は
１）「MT 連携でソート可能なテーブルを自動更新」鷹野 雅弘 氏
Dreamweaver CS3になって導入された新機能のうち、Spryというのがあります。
誰もが自分のサイトに組み込みたいと思う、憧れのAjaxをフレームワーク（ウエブページに組み込める便利パック）を使って簡単に使えるようにしてくれたのがSpryです。
ここでは、まずXMLの形で準備したデータを、Spryを使ってウエブサイト上でソート可能なテーブルとして簡単に組み込む方法を紹介。
さらにXMLファイルのメンテナンスをブログツールであるMovable Type4.1を使って行う方法を紹介してくれました。
Movable Typeは元々CMSとしての利用が可能だったのですが、Version 4になってからはその機能がさらに強化されました。
その中でもここで活用したのが、fieldを自由に追加出来る機能です。version 3のころからもfieldは追加出来たのですがプラグインが必要でした。4.1になってからはこれが標準機能になったそうです。
まずXMLデータのために必要なfieldを追加します。
MTタグを使ってXMLデータ生成のためのテンプレートを作成し、Movable Typeの入力画面でエントリーを追加したり修正することによってXMLファイルをメンテナンスするのだそうです。
なるほど、これだったら商品管理などをお客様にやってもらうときに便利そうです。
ただ、Movable Typeは高価なので、この機能だけに使うのはちょっともったいないかもしれません。
TSV（タブ区切り）ファイルもSpryは読み込めると言っていたので、ちょっと面倒ですがexcelなどでTSVファイルを管理し、それをサーバーにアップするという手もあるのかなと思いました。
しかし、いつもながら鷹野さんのプレゼンは素敵です。聴いていてすごくワクワクして、同時にほっとします。
２）「デザインビューでいきましょう！」神森 勉 氏
amazonは、Webサービスとして、その商品データをXML形式で提供しています。
ここでは、DreamweaverがXSLT（XMLによって記述された文書を他のXML文書に変換するための簡易言語）を使えることを利用し、amazonのXMLデータをウエブページで表示する方法を紹介してくれました。
まずDreamweaverで空のXSLTファイルを開き、ローカル（またはネット上）のXMLファイルにひも付けます。
アプリケーションウインドーの「バインディング」にXMLのスキーマが表示されるので、その要素をXSLTのページに配置してゆきます。この時にデザインビューだけで作業出来るのがDreamweaverの素晴らしいところです。
最後にXSLTのファイルをDreamweaverの「サーバービヘイビア」にあるPHPのXSLT変換機能で変換してページを作成するのだそうです。
ものすごく面白そうなのですが、実際にやってみないと私にも出来るかどうかわかりません。
ちなみに私のDreamweaverにはXSLTのためのサーバービヘイビアはインストールされていないと表示されてしまいます。
うーん、よくわからん。
ちなみにこれに関する情報が神森さんのブログ「DreamweaverでXSLT作成（その１）」に掲載されています。
３）「量産・運用・効率アップ！テンプレート活用事例」伊原 力也 氏
Dreamweaverの大切な機能に「テンプレート」があります。
テンプレートを活用することによって、制作者もお客様も利用者もみんなが快適に作業を進められるということを説明してました。
中でもいいなと思ったのは、テンプレートのプロパティーを変更することによって、CMSかアプリケーションのようにウエブページを更新したり「設定」出来てしまうことでした。
また、リピート領域やオプション領域を活用することにより、より効率的でレイアウト崩れもないメンテナンスが可能になるのです。
お客様にメンテナンスをしてもらうには、Movable TypeなどのブログをCMSとして使う方法、Contribute、Dreamweaverテンプレートなどの方法があるのだと思いました。
４）「DW があれば、アクセシビリティチェックもできる！」植木 真 氏
アクセシビリティーの第一人者植木さんによる講演です。
アクセシビリティーとは、障碍者や高齢者などを含めて、どんな人でもそのサイトをきちんと利用出来るかと言うことです。
DreamweaverにはJIS X 8341-3に対応した強力なアクセシビリティーのチェック機能があります。
ここでは、自分のサイトに合わせたルールの設定（カスタマイズ）や、実際のチェックの模様などを紹介してくれました。
私ももっときちんとアクセシビリティーやらなきゃと思いました。
５）「Dreamweaver に機能を追加して、より作業効率を上げよう！」酒井 克幸 氏
Dreamweaverでは、ユーザーがJavascriptで拡張機能を作ることが出来ます。
ここでは、CSSの属性の順番をきれいに並び替える拡張機能を例に、その使い方の説明をしてくれました。
私はコマンドの記録によるマクロは実際によく使っているのですが、拡張機能は作ったことがないので、いつかはJavascriptを使って拡張機能を作り、作業の効率化をはかれればと思いました。
６）「プログラム開発にも活用できちゃう Dreamweaver」たにぐち まこと 氏
実際は「プログラマとデザイナーが仲よくなるために」という感じのテーマに変更になりました。
プログラマでありながらDreamweaverを多用してるたにぐち氏が、プログラマにとってもいかにDreamweaverが有用かを説明してくれました。
例えば
・ソースをいじってhtmlの構文エラーになると、色などで表示してくれる
・チェックイン＆チェックアウト機能で、ファイルを共有した連携作業が出来る
・「ライブデータ表示」機能で、実際のデータを表示させた状態で作業を行うことが出来る
・ 右クリック→関数 で、functionの一覧を表示させることが出来る
・自分の好きな外部エディターを登録出来る
・プログラムのユニットをスニペットに登録して再利用出来る
などのとても便利な機能が紹介されました。
７）「ラクラクかんたん！Flash Video 組み込み手法」金像 瑞穂 氏
Dreamweaverではflashビデオ（FLVファイル）をドラッグ＆ドロップで簡単にウエブページに入れることが出来ます。
この時、エンドユーザーのflash playerのバージョンをチェックする機能があったのですが、今まではadobeのダウンロードサイトへ誘導していました。
今日紹介してくれたExpress Installという機能を使うと、いきなり「新しいflash playerをインストールしますか？」というダイアログが出て、そのままシームレスにバージョンアップが出来るのだそうです。
この機能を実現するためには、エンドユーザのflash playerのバージョンをチェックするJSファイルと、ダウンロードを行うswfファイルが必要なのだそうです。
ファイルのダウンロードはExpress Install 適用ガイドから出来ます。
８）「Dreamweaver で使いやすい入力フォームを作りましょう！」藤川 真一 氏
Spryを利用した、入力フォームの必須入力項目のエラーメッセージの表示などについて話がありました。
現在のDreamweaver CS3に組み込まれているSpryは最新バージョンではありません。
ここでは、adobeのサイトからSpryの最新バージョンのファイル（JS、CSS、html）をダウンロードし、実際にサイトに組み込む方法を説明してくれました。
具体的には
（１）ヘッダーでJS、CSS各ファイルへのリンクを行う
（２）サンプルhtmlから必要部分をコピーしてくる
（３）結びつけるJSのスクリプトをコピーしてくる
という順番です。
早く私もSpryを使ってみたくなりました。
９）「もうテキストエディタには戻れない！」近藤 将範 氏
Dreamweaverのテキストビューをショートカットキーを多用することにより、いかに強力なテキストエディターとして使えるかを紹介してくれました。
１０）「生活に役立つ小ネタ集」林 岳里
いつも立て板に水でadobe製品の説明をしてくれる林 岳里さんが、Dreamweaverに関する有用Tipsを紹介してくれました。
例えば
・タグの大文字を小文字に変換するには、環境設定の「コードフォーマット」でタグの大文字・小文字の「常に無視する」にチェックを入れてファイルを開く
・インデントを揃えるには、一度ページのコンテンツを削除してペーストし直す
・「検索」における「選択したテキスト」とは、マウスで反転させて選択した部分のみの検索を意味する
・正規表現を使った検索方法
などなど。
どれもとってもためになりました。
以上、各10分という非常に短い時間だったのですが、ものすごく充実した大喜利コーナーでした。
私はもうずっと興奮しまくり。鼻血を片手でおさえながらメモをとっていました。
そして最後は「使いこなすと 10 倍仕事が楽になる！Dreamweaver 関連機能 ＋ CS4 SneakPeak」です。
ここでは、まず便利な拡張機能がいくつか紹介されました
１）iMode拡張機能
これをインストールすると、DreamweaverでiModeの絵文字の表示や入力、イメージの画像サイズに合わせた最適化、リンク（ページ、電話、メール）の作成、flashの挿入などのiModeサイト制作に関する様々な操作を行えると言う、私にとって喉から手が出るほど欲しい拡張機能です。
近いうちにAdobe Developer Connectionからダウンロード出来るそうなので、ものすごく楽しみです。
作ってくださったアンカーテクノロジーの植木 友浩さん、有り難うございます。
２）半角全角変換
３）Movable Type4拡張機能
そして最後に、将来リリースされるDreamweaver CS4についての説明がありました。
新しい機能で特に興味深かったのは、JSやflashなどが実際の表示通りに出てくると言う「Live preview」です。これがあれば、ブラウザーで確認する手間が減りそうです。
また、「Live code」では、ページ操作によって動的にコードが変化する様子が見られました。すごい〜。
以上、5時間にわたるイベントは、興奮のうちに終了しました。
こんな素晴らしいイベントを無料で開催し、Adobe Developer Connectionでさまざまな情報を提供してくれるadobeに大感謝です。
そして、私もいつまでもこうやってウエブの新しい技術で興奮していられたらいいなと思いました。
目指せ80才プログラマ。
2008年02月21日 木曜日
CSS Nite vol.22＆アフターパーティー（アイリッシュパブ Duffy's）（銀座）
仕事を6時に終え、地下鉄南北線にまたがり、一路銀座へ！
今日はお楽しみのウエブのイベント「CSS Nite」の日なのです。
今日は「livedoorディレクターBlog」を執筆している人が、ウエブディレクターの仕事について話してくれました。
ウエブサイトの制作には、デザイナー、コーダー、プログラマなど沢山の人がかかわります。そのプロジェクト全体を統括して管理するのがディレクターの役割なのだそうです。
私は職場で、一人で何でもやっているので、こういったチームワークがとても羨ましく感じられます。
でもそう思う反面、対人折衝は苦手だし、一人で黙々とパソコンに向かっているのが好きなので、今のような単独プレイが自分にはむいているのかもしれないとも思うのでした。
ともあれ、ディレクターという仕事をかいま見ることが出来て楽しかったです。
----------------------------------------------
そして今日は久しぶりに二次会にも参加してみました。
以前は毎回参加してきた二次会ですが、病気などもあってずっと参加していませんでした。
いつの間にか仲の良かった顔見知りもすっかりいなくなり、今夜はほぼ知り合いはゼロ。しかも周りは私よりもはるかに若い世代の人達ばかりです。
自分が参加してもいいものかと気後れしてしまい、参加するのに勇気がいりました。
でも、私にとってウエブの世界は何よりも一番大切な場所。ここで一人で帰ってしまったら先は開けないと思い、思い切って参加しました。
今日の二次会の会場は、いつもの「アイリッシュパブ Duffy's」です。
私はこのお店が大好き。なにせビールが旨いのです。そしてお店の雰囲気もシックでとてもいい感じ。
既に座席についていた人の中に座らせてもらい、一緒に乾杯をするうちに、すぐに話が弾んで打ち解けることが出来ました。
やはり新しい人と知り合いになるのはすごく楽しいです。
今日頂いたのは、まずはキルケニーのビール1パイント。
そして、ボリューム満点のフライドポテト（しっとりとしてじゃがいもの旨味たっぷり）、イベリコ豚の生ハム、鶏の唐揚げ、マッシュルームのフライなどなど。
久しぶりにウエブ業界の人達といろいろと話が出来てすごく楽しかったです。
主催者の鷹野さん、そして今日お話した皆様、有り難うございました。
2008年02月28日 木曜日
Dreamweaverで携帯サイトを作る方法
先日、CSSNiteで携帯サイトの作り方の話を聞き、自分でも携帯サイトを作り始めました。
以下に、そのまとめと自作のDreamweaverのスニペットと拡張機能を載せます。
１）XHTML Transitionalでページを作成する
携帯サイトはいろいろな言語で作ることが出来ます。
例えばi-modeなら「i-mode HTML（C-HTML）、XHTML、i-mode XHTML」で書くことが出来、さらにそれぞれの言語にバージョンがあり、言語によって使えるタグや対応機種も違ってきます。
auでは「HDML、XHTML Basic」、softbankでは「ソフトバンク携帯電話向けHTML、XHTML Basic」のようです。
----------------------------------------------
私は
・CSSが使える
・divの中の背景色指定が出来る
などの理由でXHTML、それも3つのキャリアで共通で使えるXHTML Transitionalを使うようにしました。
ほんとはDoCoMo、au、softbankで別々のDOCTYPEを記載し、それぞれのXHTMLを使った方が良いようです。
i-modeの場合、movaだとXHTMは使えないため、残念ですがmovaは切り捨てということになります。
この時のドキュメントタイプなどのヘッダー情報は
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
にしました。
さらに、htaccessで
AddType application/xhtml+xml .html
を指定して実機のブラウザにhtmlファイルがXHTMLであることを認識させてあます。
そしてxhtmlで
<div style="background-color:#0000ff"><span style="color:#ffffff">モカモカ携帯サイト</span></div>
と書くことによって、divの中に背景色をつけてあげることが出来ます。［FOMAでの背景色指定］
最初は文字の背景色をつけるためにtableタグを使おうと思ったのですが、i-modeでは2005年11月発売の902i以降の端末でないとtableタグは無視されてしまうので、divを使うことにしました。
その方がWeb標準という意味でも正しいコーディングだということもあります。
端末機種によってどのバージョンの言語が使えるかは［DoCoMoのサイト］でダウンロード出来ます。
２）まずi-mode用のページを作成する
１）の様にページの準備をし、ページの作成に入ります。
私はまず一番制限が多いi-mode用のページを作ることにしました。
i-modeのCSSは全てインラインで記入します。
使えるタグや属性は［DoCoMoのサイト］でダウンロード出来ます。
３）絵文字の使用
携帯ではページのサイズを5KB程度に抑えるのが良いそうです。
そうなってくると、出来るだけ画像は使わずに絵文字を使うことになります。
しかし、この絵文字がまた厄介です。
3キャリアでそれぞれコードが違う上に、同一キャリア内でも機種によって表示出来る絵文字が異なり、さらにコードも何種類もあります。
i-modeでは
・バイナリ入力（バイナリ編集可能なエディターやi絵文字で入力）
・Unicode入力（一覧表からコード値を入力）
・シフトJIS入力（一覧表からコード値を入力）
の3種類の入力方法があります。
いろいろ考えた末、Unicodeで入力することにしました。
ここで私は、よく使う絵文字を、Dreamweaverのスニペットに登録しました。
少ししか登録していないのですが、そのスニペットは［Dreamweaver携帯セット（LZHファイル：14KB）］でご提供しています。
他の文字を使いたい方は絵文字一覧でスニペットを追加してあげてください。
ちなみにUnicodeだとi-modeではHTML4.0対応機種以降でしか利用出来ないので本当はバイナリコードを入力した方が良いようです。
しかしこれには専用の絵文字入力ソフト「i絵文字」というWindows専用のソフトが必要であり（私はMacメイン）、さらに後述するテキスト変換によるsoftbankへのコード変換ができないという理由でやめました。
４）半角カナの使用
ページのサイズを抑えるという意味で、半角カナも使いたいところです。
そこで、全角カナを半角カナに変換するDreamweaverの拡張機能を作ってみました。（上述のキットに入っています）
５）softbank用ページへの変換
以上のようにi-mode用のページを作成した後、次に他の2キャリアへの変換を検討しました。
今はauはi-modeの主な絵文字も表示できるようになったため、思い切ってi-modeとauは同じページを使うことにしました。
softbankはi-modeの絵文字は表示されないため、softbank用のコードに変換してあげる必要があります。
そこで、同じくDreamweaverの拡張機能を作りました。（上述のキットに入っています）
これで私がスニペットに登録したi-mode用の絵文字コードをsoftbankの絵文字コードに一発変換することが出来ます。
これも必要に応じてhtmファイルの中に置換するコードを追加してください。
ちなみにsoftbankの絵文字コードは「Webコード」というのを使うのですが、これもi-modeのバイナリのShift-JISコードと同じでテキスト入力することは出来ず、ウエブページに掲載されているコードをコピペすることによってバイナリ入力します。
でもこのバイナリコードはテキストエディターでも使うことが出来るため、今回の拡張機能も機能させることが出来ました。
６）キャリアの振り分け
このようにして、i-mode&au用のページとsoftbank用のページを作りました。
次に、アクセスしてきた機種のキャリアを見分けてページを振り分ける方法です。
これは端末機種やブラウザのuser-agentで振り分けてあげれば良いのですが、ネット上にいろいろcgiやphpスクリプトが出回っており、私は携帯振り分けＰＨＰを使わせていただきました。
さらにhtaccessで
DirectoryIndex index.php
として、index.phpをデフォルトのトップページに致しましょう。
ちなみにhtaccessでも振り分けが出来るようです。
７）Dreamweaver携帯キットの使い方
圧縮ファイルを解凍します。
Dreamweaver携帯セット
├zenkana_hankana.htm（全角→半角変換のソースコード）
├zenkan_hankan.mxi（全角→半角変換のインストールファイル）
├docomo_softbank.htm（i-mode→softbankのソースコード）
├docomo_softbank.mxi（i-mode→softbankのインストールファイル）
└snippets
└各種スニペットファイル
・スニペット → Dreamweaverのスニペットファイルが入っているフォルダーにsnippetsフォルダーの中のファイルをコピーしてください。
Dreamweaver8の場合は
Windows C:\Program Files\Macromedia\Dreamweaver 8\Configuration\Snippets
MacOSX Macintosh HD¥ユーザ¥[ユーザ名]¥ライブラリ¥Application Support¥Macromedia¥Dreamweaver8¥Configuration
です。
・拡張機能2種 → DreamweaverのメニューからExtension managerを開き（Dreamweaverのコマンド＞拡張機能の管理）、mxiファイルを指定してインストールし、Dreamweaverを再起動してください。コマンドの拡張機能の一覧に現れるはずです。
私が毎日チェックしているサイト
インターネットには膨大な量の情報が日々発信されています。
私はその情報を効率よく読むために、下記のサイトのRSS（新着情報）をはてなRSSの“フィードの管理”に登録し、メールで毎日読んでいます。
■ネタ系
◇＠ニフティー デイリーポータルＺ
◇Heart Attack
◇ギズモード・ジャパン
◇Yahoo!サイエンス
◇はてなブックマーク 最近の人気エントリー - 食
◇はてなブックマーク - タグ「健康」を含む注目エントリー
◇はてなブックマーク - 人気ニュース
◇はてなブックマーク 最近の人気エントリー
◇はてなブックマーク - 注目エントリー
■ウエブ系
◇コリス：ウエブ関連のとても有用な情報を毎日掲載している素晴らしいサイトです。
◇DesignWalker
◇ホームページを作る人のネタ帳
◇t-studio：アンカーテクノロジーの神森さんのブログです。
◇CSS Nite公式ブログ：いつもお世話になっている鷹野さん主催のCSSNiteの公式ブログ。
◇Lucky bag::blog
◇Dreamweaverデベロッパーセンター
◇livedoor ディレクター Blog
2008年03月20日 木曜日
CSSNite（大藤幹さん）、ラボエム（銀座一丁目）
一日冷たい雨の降るお彼岸になりました。
日中は静かに本を読んで過ごしました。雨の休日に読書というのは実にいいものですね。晴耕雨読…、そんな生活に憧れます。
夕方からは日比谷、銀座に行ってきました。
ビックカメラで万歩計を2個購入。しょっちゅう万歩計を落っことして無くすので、2個買いました。うぅ〜マンボ！
さらに伊東屋でスケジュール用のリフィルを購入。もう少ししっかり今後の予定を手帳で管理しようと思っています。
そして、今日の目的であるウエブのイベント「CSSNite」に参加するために、アップルストア銀座へ！
愛しのMacちゃんとたわむれたい衝動をおさえて会場に並び、見事最前列の中央の席でイベントに臨みました。
今日のプレゼンテーターはウエブ界でその名を轟かしている「大藤幹」様です。
----------------------------------------------
憧れの有名人の話を間近で聞けるとあって、ちょっと興奮気味。
昨今のCSS事情を詳しく聞けてとてもためになりました。
北海道の人だからというわけではないでしょうが、ゆったりとしたしゃべり口も実に良かったです。Ｃさんと同じだぁ〜。
イベントの後はいつものように打ち上げです。
今日行ったのは、銀座一丁目にあるカフェ ラ・ボエムＧ−Ｚｏｎｅ 銀座。
初めて行ったのですが、ヨーロッパ的な内装のとっても広いお店でした。
まずはビールで乾杯！ 同じ業界の人がたくさん集まって嬉しいです。でも例によってみんな私よりずーっと若い人ばかり(^.^;)
頂いたのは、カプレーゼ、イカリング、ソーセージ、ピザ、キノコのリゾットなど。
テーブルを囲んで携帯サイトの検索SEOについてなど、ディープな話題で盛り上がってすごく楽しかったです。
そして、帰りがけのアップルストア銀座の前で憧れの大藤さんと一緒に写真をパチリ。
いくつになってもこんなことで感激していたいなと思いました。
主催者の鷹野さんはじめ、皆様有り難うございました。
2008年04月05日 土曜日
CSSNite MT4LP5、夜は一人で餃子にビール♪
