「WeBlogZine」のメルマガ版。
「まぐまぐ」から週刊で配信中！
サイト構築、インターネットのトレンドをお送りしています。
Adobeから公開されているAjax フレームワーク「Spry」の「XMLデータセット」を使いXMLデータを読み込みWebページで表示する際の注意点を紹介します。
「Spry XML データセット」は、簡単なコードスニペットを記述するだけで、XMLを読み込み、Webページに表示することができる機能。
XMLを利用したデータの活用で思いつくのは、「RSS」のデータを利用し新着情報をタイムリーにWebページに表示させるというもの。
しかし、この「RSS」を「Spry XML データセット」を利用する場合には、注意点があります。
| 固定リンク | コメント (0) | トラックバック (0)
Web2.0及びAjax関連ソフトウェア製品の開発・販売をおこなう「株式会社HOWS」が、2007年2月19日より、ドラック＆ドロップだけでAjaxアプリケーションの開発が可能な開発ツール「AjaxBuilder」の発売を開始しました。
「AjaxBuilder」は、ドラック＆ドロップだけで、Ajaxアプリケーション特有の非同期通信処理により表現可能なWEBページを開発することができ、Ajaxアプリケーション開発に必要なJavaScriptの知識がない方でもAjaxアプリケーションの開発が可能になツールです。
「AjaxBuilder」を評価するには、ライアントPCにインストールするだけで、評価が可能になります。
| 固定リンク | コメント (0) | トラックバック (0)
「「Microsoft Expression Web」レビューVol.2 - ユーザインターフェース」では、ユーザインターフェース、特に作業ウィンドウに注目してレビューしました。
今回は、「Microsoft Expression Web」の「スタイルの管理」と「CSSのプロパティ」について「Adobe Dreamweaver」と対比する形式でレビューします。
ちなみに「Adobe Dreamweaver」と対比すると以下のようになります。
・スタイルの管理 ＝ CSSスタイル
・CSSのプロパティ ＝ CSSプロパティ
このように、「Microsoft Expression Web」と「Adobe Dreamweaver」は、対比できるほど似通った造りとなっていますが、一部機能的なところが異なります。
| 固定リンク | コメント (0) | トラックバック (0)
「「Microsoft Expression Web」ってどうよ」では、「Microsoft Expression Web」のユーザインターフェースについてと、作成できるファイルフォーマットについて紹介しましたが、今回そのVol.2ということで、ユーザインターフェースを追う少し詳しく紹介します。
まず、ユーザインターフェースが「MS-Office」に近いということは前述のとおりですが、ExcelやWordと違うのは、「Microsoft Expression Web」の場合、使用する作業ウィンドウの数が圧倒的に多いために、中心にコンテンツウィンドウ、両脇と下に作業ウィンドウを表示するという形になっています。
これは、最近はやりのワイド画面のモニタや19インチ以上のモニターを持っているユーザには使い勝手が良いといえるだろう。
| 固定リンク | コメント (0) | トラックバック (0)
前回は、「Microsoft Expression Web」で作成できるファイル形式について紹介しました。
今回はインストール時にインストールされる「Microsoft Office IME 2007」を紹介します。
「Microsoft Office IME 2007」は、「Microsoft Office IME 2003」から３年ぶりのバージョンアップとなるようで、新機能がいくつか搭載されています。
特に入力関係を中心にすると以下の機能が追加されています。
| 固定リンク | コメント (0) | トラックバック (0)
Microsoft社から、無償トライアル版がリリースされたWEBコンテンツ制作用アプリケーション「Microsoft Expression Web」を早速ダウンロード、インストールしてみました。
「Microsoft Expression Web」のレビューをする前に、この「Microsoft Expression」シリーズは、WEBコンテンツを作成する「Web Designer」の他、ベクトルベースとピクセルベースのイメージのデザインが可能な「Graphic Designer」、インタラクティブなユーザインタフェースが作成可能な「Interactive Designer」、ムービーの編集が可能な「Expression Media」の４種類があります。
そして、この４種類のツールを統合したものが「Expression Studio」と呼ばれています。
| 固定リンク | コメント (0) | トラックバック (1)
以前、ご紹介した「天気予報をRSSリーダーで入手」に続き、今、資産運用の投資先で熱い、「株価」情報をRSSで入手できるサイトをご紹介します。
「Googleモジュール／ブログパーツ／RSSフィード」では、「株価RSSフィード」の名称で、証券コードを入力するとRSSフィードを提供するサービスを提供しています。
複数の株価を定期的に入手したい場合は、「,（カンマ）」区切りにして入力することで、複数の株価をフィードするRSSを入手することが可能になります。
| 固定リンク | コメント (0) | トラックバック (1)
新たなフィッシングサイトが登場したようだ。
米WEBSENSEなどによると、WEBサイトのSSL用に発行されたサイト証明書（デジタル証明書）が、実在するサイトに似た名称のドメイン名で取得され、フィッシング目的で公開されていることを確認した模様。
サイト証明書は、CA（認証局）が発行するもので、通常、取得には企業の場合、登記簿や第三者機関に登録されている住所とドメインの登録住所が一致しているなどの審査の後に発行されます。
しかし、最近では、メールのやり取りや簡単な手続きのみで取得できる業者が現れるなど、CA（認証局）の信用問題が出てきているようです。
このような状況化、WEBサイト管理者としてはどのような対策があるのでしょうか？
| 固定リンク | コメント (0) | トラックバック (0)
『Firefoxで天気予報「ForecastFox」』で以前「Firefox」のプラグインを使い、天気予報をブラウザウィンド上で表示させる方法をご紹介しました。
最近、ようやくというか、知らぬ間にというか、プラグインを使わなくても、RSSリーダーで表示可能な天気予報を配信するサービスがいくつか登場してきました。
今回は、仕事中で何か作業をしている時でも、ブラウザを表示なしでRSSリーダーで確認可能な天気予報RSS配信サービスについてご紹介します。
| 固定リンク | コメント (0) | トラックバック (1)
「ＷＥＢアクセシブルコンテンツ制作に救世主登場か？」でご紹介した、ソシオメディア社からリリースされた「SimpleWeb」のオンラインデモが、３月２８日公開されました。
「SimpleWeb」は、視覚的にデザイン化されたＷｅｂコンテンツを、テキストページ化し、文字サイズやバックグラウンド色や文字色の変更機能を自動的に付加することで、高齢者や障害者、ＰＤＡや携帯電話からのアクセスに対応するツールです。
今回公開されたオンラインデモは、テキストページ化したいコンテンツのＵＲＬを入力すると、どのようにテキストページ化されるかを確認することができます。
| 固定リンク | コメント (2) | トラックバック (0)
ＷＥＢサイトのアクセスログを確認しているとき、「favicon.ico」というファイルが404エラーで記録されていることはないでしょうか？
アクセスログに記録されている404エラーとは、ＷＥＢサイト訪問者がリクエストしたファイルが無い場合に記録されるもので、「favicon.ico」というファイルをリクエストしたが、ＷＥＢサーバ上に存在しなかったということです。
恐らくこのエラーを目撃した方は、「favicon.ico」というファイルを作成したこともなければ、どこかのページにリンクを記載した覚えも無いと思います。
| 固定リンク | コメント (0) | トラックバック (0)
2005年2月28日ソシオメディア株式会社から、既存コンテンツをＷＥＢアクセシビリティに対応したコンテンツに簡単に変換するＡＳＰサービス「SimpleWeb」を3月18日から開始すると発表しました。
このサービスは、「SimpleWeb」が指定したＷＥＢコンテンツをテキストページ化し、文字サイズやバックグラウンド色や文字色の変更機能を自動的に付加することで、高齢者や障害者、ＰＤＡや携帯電話からのアクセスに対応することができるそうです。
| 固定リンク | コメント (1) | トラックバック (2)
今回はWEBサイト構築には欠かせない、ユーザからの問合せや、アンケートを入力してもらう時に使用する「フォームタグ」について、「JIS X 8341-3（WEBJIS）」の観点とフォーム利用者の観点から、アクセスシビリティを高めるTipsをご紹介したいと思います。
| 固定リンク | コメント (0) | トラックバック (0)
米国Macromediaプレスリリースによると、米陸軍 第172ストライカー旅団が、戦場においてアルタイムにミッション情報を共有するツールとして、「Macromedia Breeze Live」を採用したと発表がありました。
| 固定リンク | コメント (0) | トラックバック (0)
WEBサイト構築において、ちょっとした問い合わせや、システムの不具合などを問い合わせしてもらうために、「リンクタグ」、「href属性」、「mailto:」を利用し、メーラーを立ち上げメールを送信してもらう方法があります。
多くのWEBサイトでは、「mailto:」に続く属性にメールアドレスしか記述されていないため、どういった内容を書いて送ったらよいか判らず、困ったことはないでしょうか。
今回は、「mailto:」に続く属性を上手く記述することで、問い合わせをする人と受け取る人双方に使いやすいようにする方法をご紹介します。
| 固定リンク | コメント (0) | トラックバック (0)
「HTMLの構造化 - リストタグ デザイン編」はいかがでしたでしょうか。
前回は「リストタグ」と「CSS(スタイルシート)」のみで「JavaScript」の「onMouseOve」rで色が変化するボタンと同じ効果のメニューボタンを作成してみました。
今回は、引き続き「SEO対策」では欠かせない、フッターに配置する各コンテンツへのナビゲーションを同じ「リストタグ」と「CSS」を使って作成したいと思います。
| 固定リンク | コメント (0) | トラックバック (0)
「HTMLの構造化 - リストタグ レイアウト編」では、リストタグを使いメニューボタンを作成する為の「CSS（スタイルシート）」によるレイアウトの仕方をご紹介しました。
「HTMLの構造化 - テキストボタン編 - 2/2」では、テキストと「CSS」を使いonMouseOverで色の変化するボタンの作成方法をご紹介しました。
この二つを合わせて、サイトのリンクボタンを作成したいと思います。
| 固定リンク | コメント (0) | トラックバック (0)
「HTMLの構造化 - テキストボタン編 - 1/2」では、テキストと「CSS(スタイルシート)」を使い、ボタンをデザインするところまでご紹介しました。
このボタンの利点は、テキストと「CSS」のみで作成されているため、画像で作成したボタンと比べファイルサイズが小さいことと、ボタンの中に書かれた文字はテキストのため、変更があった場合に「HTML」を修正するだけで、修正ができるという点です。
このボタンをもっとボタンらしくするためにもう一歩すすめて、「JavaScript」の「onMouseOver」で色が変わるボタンと同じ様に、「JavaScript」を使わないで、「CSS」だけで作成する方法をご紹介します。
| 固定リンク | コメント (0) | トラックバック (0)
「HTMLの構造化 - リストタグ レイアウト編」では、「リストタグ」を使ったメニューの構造化をご紹介しました。
今回は、前回作成したメニューのデザインをする前に、「テキスト」と「CSS(スタイルシート)」を使ったボタンの作成方法をご紹介したいと思います。
※「CSS」の詳細は「CSS2.1[日本語]」などをご覧ください。
| 固定リンク | コメント (1) | トラックバック (0)
「HTMLの構造化 - リストタグ編」では、各コンテンツへのメニューの「リストタグ」を使用した構造化についてご説明しました。
その中で問題だったのが、「リストタグ」で作成したコードでは、デザイン的にメニューとして使えないということでした。
そこで、「CSS(スタイルシート)」を使ってデザインする方法をご紹介します。
※「CSS」の詳細は「CSS2.1[日本語]」などをご覧ください。
| 固定リンク | コメント (0) | トラックバック (0)
「HTMLの構造化 - 見出しタグを消す」では、HTMLの構造化でもっとも基本となる「見出しタグ」についてご紹介しました。
今回は、HTMLの構造化の第2弾として、「リストタグ」を使用した構造化についてご紹介します。
※リストタグの詳細については、「W3C勧告文」などをご覧ください。
※勧告文は、「HTML 4.01」と「XHTML™ 1.0」がありますので、使用するバージョンに合わせてご利用ください。
| 固定リンク | コメント (0) | トラックバック (0)
「SEO対策的コンテンツの構造化」では、SEO対策をおこなう上で、HTMLによるコンテンツの構造化の必要性と、<table>タグを使った従来のコンテンツデザインから、CSSを使ったデザインへの移行について取り上げました。
今回は、一歩踏み込んで、HTMLを使ったコンテンツの構造化について解説したいと思います。
| 固定リンク | コメント (1) | トラックバック (1)
前回は、「トラックバック」の概要と、企業サイトの「プレスリリース」や「メールマガジン」のバックナンバーが「トラックバック」に対応していないことの問題点を解説しました。
今回は、これらのコンテンツに「トラックバック」機能を実装した場合の利点と問題点を検討し、この機能を手軽に実装するサービスをご紹介します。
| 固定リンク | コメント (0) | トラックバック (0)
昨日12月30日に「まぐまぐ」から配信したメールマガジン「WEB&サイト構築トレンドボックス（創刊号）」はいかがでしたでしょうか？
まだご覧になられていない方は、バックナンバーをご覧ください。また、メールマガジンを購読したい方はこちらからお申込ください。
| 固定リンク | コメント (0) | トラックバック (1)
WEBサイトが充実してくると問題になってくるのが、何処に見たいコンテンツがあるのか判りにくくなり、ＰＲしたい製品やサービスを効果的にサイト来訪者に提供できなくなってくることです。
その解決方法にはいくつかアプローチがあると思いますが、その中のから主だったものを挙げると、
１．サイト構造の見直しをおこない、判りやすい構造に構築しなおす
２．ナビゲーションの見直しをおこない、文言やデザインを変更する
３．検索システムを導入し、サイト内を検索できるようにする
があると思います。
| 固定リンク | コメント (0) | トラックバック (1)
「SEOとCSS」で紹介した様に、現状ではホームページの作成には、コンテンツの構造化を「HTML」でおこない、デザインやレイアウトを「CSS」でおこなうことが多くなってきています。
この「CSS」によるデザイン・レイアウトでよく言われているのが、ブラウザ間の表示の差異についてです。
ブラウザのマーケットシェア的に、現状では「ＩＥ」が圧倒的に優位にたっているため、ターゲットブラウザを「ＩＥ」にしてサイト構築をおこなう場合が多いと思うのですが、意外と「ＩＥ」と同じ様な「CSS」の解釈をしてくれるのが「Opera」、ついで厄介なのが、「Mozilla」系の「Netscape」と「Firefox」です。
細かい表示の差異などの解説は、それ専門のホームページやブログにお任せするとして、最近サイトの構築をおこなった時に「Mozilla」系ブラウザで閲覧した場合、全く「CSS」を反映しないといった現象に遭遇したので、それについて回避方を紹介します。
| 固定リンク | コメント (0) | トラックバック (1)
「『うぇっぶ』のはなし」のメールマガジン版、「WEB&サイト構築トレンドボックス」を29,000誌の発行を誇る「まぐまぐ」から発行することになりました。
創刊号は12月29日、週刊での配信を予定しています。
内容は、「『うぇっぶ』のはなし」の中から、WEBサイト構築とインターネット技術に関する記事のダイジェストと、「WEB&サイト構築トレンドボックス」オリジナル記事の掲載を予定しています。
| 固定リンク | コメント (0) | トラックバック (0)
「Google Labs」からBeta版が公開された「Google Suggest」は、検索キーワードを入力するフォームに文字を入力すると、そのキーワードに関連する項目を「オートコンプリート」の様な感じで表示、表示された内容に直接リンクすることができ、検索をサポートするというものです。
一般には「LiveSearch」と呼ばれ、「NV-CLUB ONLINE」の「『百式』のウェブビジネス企画室 - ブログの記事をインクリメンタルサーチ：LiveSearch 」でも紹介されている様に、「ブログ」での実装も始まりつつあるとのこと。
「LiveSearch」の仕組みはおおよそ以下の様になっています。
| 固定リンク | コメント (0) | トラックバック (2)
前回の記事「RSSのポータルサイト登場」では、「RSS」のポータルサイト「RSSナビ」をご紹介したところ、ご担当の方から早速コメントと、このブログを登録していただきました。また、お褒めの言葉もいただき感激しています。
なお、記事中に要望として書いた「検索機能」も近々実装していただけるということで、ますます今後が楽しみです。
この場をお借りしてお礼申し上げます。
さて、本題の「RSSはメールマガジンを凌駕できるのか？」ですが、「japan.internet.com」の「RSS 変換」でも書かれている様に、来年はどうも「RSS」の年になるであろうとのこと。
| 固定リンク | コメント (0) | トラックバック (0)
米Macromediaのニュースリリースによると同社の「Flash」の技術を利用したプレゼンテーションムービー作成ツール「Breeze」を米海軍 AIR SYSTEMS COMMANDが採用し、12,000を超える教育コースが完成したと伝えています。
| 固定リンク | コメント (0) | トラックバック (0)
以前の記事で紹介した「Accessibility Toolbar」と同じ様な機能を持つツールバーが「Firefox」版へも用意されていることを発見しましたので紹介しましょう。
このインフォアクシアが提供する、 『Web Developer 0.9 日本語版』は、Windows、Mac OS、UNIXのMozilla、Firefoxの拡張機能としてツールバーの形で利用できます。
| 固定リンク | コメント (1) | トラックバック (1)
W3C(World Wide Web Consortium)をご存知だろうか？
「W3C」はWEBで利用される技術の標準化を推進する団体で、HTMLやCSSブログでなじみのあるところでは、RSSなどの規格を提唱している。
ホームページを作成した方なら身に覚えがあると思いますが、便利な機能が付いたホームページ作成ツールを使って、タグをほとんど見ることなく、コンテンツ作成をしたことがあると思います。
一度そうして作成したコンテンツをAnother HTML-lint gatewayでHTML文書の文法の採点をしてはどうでしょうか？
| 固定リンク | コメント (1) | トラックバック (1)
前回「コンテンツの構造化」ということを書きましたが、これについてもう少し解説したいと思います。
ここでいうコンテンツの構造化とは、<h1>タグなどを使いタイトルを定義、<p>や<ul>、<li>タグなどを使ってそれ以降の文章をその内容として記述し、クローラにどのような構成になっているかを判別しやすくします。
こうすることで、ロボット型サーチエンジンへの登録をスムーズにし、また上位に表示される可能性が高まるという考えです。
| 固定リンク | コメント (0) | トラックバック (0)
運営管理しているWebサイトのGoogleでの掲載順位が急に下がった。
なんでだろうな～と色々と情報を探していると、『SEO』なる言葉が飛び込んできた。
ご存知の方には何をいまさらという話だが、この『SEO』はフルで「Search Engine Optimization」といい、Googleなど、ロボット型のサーチエンジンサイトのためにWebの掲載内容を最適化することらしい。
| 固定リンク | コメント (0) | トラックバック (0)
ずいぶん前から、「Adobe Flash」(旧Macromedia Flash)で作成したゲームやムービーを公開しているサイト、「shockwave.com」でめちゃ笑えるＭＶを発見。
その、なんとなくやる気のなさげな歌が最高！ 童心に返って笑いました。
| 固定リンク | コメント (0) | トラックバック (0)
ColdFusion | CSSテクニック | Microsoft | Mozilla | RSS | Second Life(セカンドライフ) | SEO対策 | Webサービス | Webデザイン | Webマーケティング | Yahoo! | ウェブログ・ココログ関連 | カテゴリ別 | サイトマップ | ニュース | パソコン・インターネット | 書籍・雑誌 | 無料レポート
は見えてはいないだろうか？