Flashは新バージョン「CS3」でここが変わった（前編：インタフェース，グラフィック編）
アドビシステムズのCreativeSuiteファミリーに加わったFlashの新バージョン「Flash CS3」。前バージョンのFlash 8と比較して，どのような機能が追加されたのかを，「インタフェース，グラフィック編」と「ActionScript3.0編」の2回にわけて紹介します。 CreativeSuiteって何？ Flashの最新バージョンである「Flash CS3」は，その名の通り，CreativeSuiteファミリーの製品です。CreativeSuiteファミリーとは，アドビシステムズが発売している「ビジュアルコンテンツ作成者向けの“Office”」といった一連のアプリケーションのセットです。 CreativeSuiteファミリーには，「Photoshop」「Illustrator」「Fireworks」といった画像編集アプリケーション，「Dreamweaver」「Contrib
ブログ同士で“SNS”が作れる，Googleが「Social Graph API」サービス公開：ITpro
Googleは2008年2月1日，Web上のリンクから交友関係を抽出するWebサービスのAPI「Social Graph API」を公開した。ブログやプロフィール・ページのURLなどを入力すると，Googleが収集した，そのサイトを友人としてリンクしている友人のサイトを出力する。このサービスを使うことで，SNS（ソーシャル・ネットワーキング・サービス）サイトを利用しなくともブログ同士でSNSのような機能を実現することが可能になる。 交友情報は，サイトに埋め込んだXHTML Friends Network(XFN)，Friend of a Friend(FOAF)と呼ばれるフォーマットから抽出する。XNFでは，例えば <a href="http://bradfitz.com" rel="friend" >Brad</a> のように，リンクに「friend」など，どのような関係かを示す情報を埋
第1回 Flash CS3で出来ることとFlash 8との違い
いまやWeb上で手軽に使われるようになってきた感のあるFlashムービーですが，実際はどのようにして作成しているのでしょうか？本連載では，Flashムービー作成用アプリケーションの最新版「Flash CS3」について，基本操作からスクリプト言語（ActionScript 3.0）を使ったプログラミングまで，具体的なサンプルコードを使ってご紹介していきます。 Flashでできること まずはFlash CS3という開発ツールで，どんなことができるのかを確認してみましょう。 Flashムービーとして作成できるのは，アニメーションであったり，ナビゲーション用のインタフェースであったり，ビデオ動画コンテンツであったり，携帯電話用の待ち受けやゲームと様々です。すなわち，Web上で「動くもの」を作成するときには，Flashがあれば一通りはできる，というような状態になっています（表1）。
第43回 入力してもらえるお客様入力フォーム：ITpro
前回の記事で説明したように，ボタンというUI(ユーザー・インタフェース)部品だけでも，いろいろと見るべきポイントがあります。ましてや，画面をや，です。ユーザーに何かをしていただく場合には，本当に様々なことを考えて設計する必要があります。今回は，アンケートや会員登録画面で，思うところをまとめてみました。ご参考になれば幸いです。 画面遷移のパターンは大きく四つ アンケートや会員登録を行う場合，大きくは四つほどのパターンに分けられると思います。【1】最初にmailアドレスを登録してもらい，そのアドレス宛に入力画面のURLを送付して入力してもらう形式。システムとしては少し複雑になりますが，有効なmailアドレスを取得できるのは，運営を考えると非常に有効です。【2】単純に一画面で完結する入力画面。【3】複数画面で進んでいく方式。そして，【4】ECモールのように予め会員登録がされている場合のアンケート
第20回 “使いやすいURI（URL）”の設計を考える
今回は「URIの使いやすさ」について考えてみたいと思います。URIの使いやすさ，というのは，ウェブサイトやウェブ・アプリケーションにおいて，どういうURIでそれぞれのページにアクセスできるようにすると，利用者は使いやすいのか，ということです。つまりは，どのようにURIを設計するのがいいんだろう，ということです。URIの設計については，これまでもいろいろなところで議論がなされていますので，それらの議論や動向などを見ながら，考えていきたいと思います。 URIを話題として取り上げようと思ったのは，4月の4，5日に行われたYAPC ASIA 2007（YAPCはYet Another Perl Conferenceの略）で，Six Apartの創業者でMovable Typeの生みの親であるBen Trott氏がSix Apartのサービス「Vox」について発表を行ったとき，「Voxの出力するRS
WEBサイトの閉じ方について考える
WEBサイトの作り方について述べられた文献は多いですが、WEBサイトの閉じ方について述べられた文献は滅多に見ません。そこで今回は私が考えるWEBサイトの閉じ方について考えてみたいと思います。 WEBサイト閉鎖までに行うこと 流れとしてはこんな感じになるでしょう。 まず最初に「WEBサイトを○月○日に閉鎖します」というアナウンスを出す。 閉鎖日になったら「このサイトは○月○日に閉鎖しました」というアナウンスに切り替える。（WEBサーバごと切り替えるのがお勧めです） サービスに使っていたサーバを適切に処理する。 その後閉鎖告知ページを残すのであれば、そのページが残るように適切に処理する。 WEBサイト閉鎖はネガティブな作業であるためあまり気合が入らないかもしれませんが、最後まできちんと気を抜かずにがんばりましょう。 閉鎖告知用サーバでよくあること COPYRIGHT表記が古いまま。 →「Cop
第1回 ひきついだサイトはdivでいっぱい！
私は制作会社に身を置きながら、テクニカルライターとして執筆をしています。おそらく制作だけやっていたら、日々の仕事に追われてしまっているところですが、リファレンスやチュートリアルなどの執筆を通して細かい機能を探る中で「これって、あれをするときに使えるじゃん！」と、ひらめき、今までのローテクな方法にうんざりすることがあります。 今回から数回にわたり、それらの中からピックアップして「日々の作業効率を高めるDreamweaverの小技」と題してご紹介します。 いわゆる「Webオーサリングソフト」としては圧倒的なシェアを誇るDreamweaverですが、その一方、まだまだ「ハンド・コーディング派」も根強く、、ある意味、ハンドコーディングの方がエライ……みたいな“幅を効かせて”いるところがありますよね。最終的には、Dreamweaverまかせでなく、ソースをきっちりチェックするのは当然ですが、テキスト
鼎談：2006〜2007 サイトデザインゆく年くる年【くる年 編】：ITpro
（【ゆく年 編】はこちら） ■情報にとってデザインという要素は必要か SWD編集部 今年皆さんの印象に残ったコンテンツや現象などはありますか？ 黒葛原 「Google Earth」は面白かったなあ。あれは凄かった・・。 岩城 「Google Map」のAPIが広く利用されたことも印象的ですね。なにせタダですし。 森田 高い地図の使用権まで払ってくれて。でも地図の業者は困ったでしょうね。持っているコンテンツだけではもう使い物にならないわけですから。位置情報に様々なサービスが追加されて初めて売り物になる時代になりました。 しかしながらGoogle Mapを使って会社の場所を説明するのはどうかと思いますね。説明用の地図としてはあまり分かりやすくないですよ。企業サイトでは是非とも徒歩で来る人のために単純で分かりやすい地図を別途用意して欲しいですね。 SWD編集部 RSS技術についてはどのような感想
鼎談：2006〜2007 サイトデザインゆく年くる年【ゆく年 編】：ITpro
岩城 陸奥（いわき みちお） ミラコム代表取締役。トヨタ自動車デザイン部を経て資生堂宣伝部入社。1995年に資生堂オフィシャルサイトを立ち上げ、‘96年インターネット専門部署として、デジタルメディア・クリエーション室を設置、同室長。資生堂在職中の1999年に、日本広告主協会内にWeb広告研究会を設立、初代代表。2001年2月に資生堂退職。日本広告主協会Web広告研究会・顧問・メディアミックス委員長を務める。著書／共著「企業ホームページハンドブック」（インプレス刊）、「Webマーケティング年鑑 2002、2003、2004」（インプレス刊）。第2回朝日デジタル広告賞グランプリ、日本広告主協会主催 第44回消費者のためになった広告コンクール・Web部門銅賞、ほかを受賞。 黒葛原 寛 （つづらはら かん） ソニーグローバルソリューションズ（株）ウェブサイトマネジメント部 統括部長。九州芸術工科大
企業サイト ユーザビリティランキング2006
インターネットの媒体価値が急速に高まり、企業にとってWebサイトをビジネスにいかに結びつけるかが重要になっている。そこで欠かせないのがユーザビリティ（使いやすさ）だ。日経パソコンは2004年から毎年、独自の基準で企業サイトのユーザビリティを検証している。2006年はマーケティングやリスク管理に対する取り組みの状況も調査した。 ●首位はNECと富士通が並び立つ 2006年の調査対象は、国内の主要企業120社のWebサイト。64個の調査項目への対応度を調べて、100点満点で得点化しランキングを算出した。調査の結果、個人情報の管理体制の公開、高齢者や身体障害者に対する配慮などの点で、取り組みが不十分な企業サイトの多いことが明らかになった。 ランキングの首位は、NECと富士通が並んだ。富士通は2004年の調査開始以来、3年連続の首位。NECは前年の10位から一気に順位を上げた。富士通は、社内に専任
Vistaで化ける字，化けない字（続報）
前報で述べた通り，マイクロソフトのWindows Vistaでは，文字コードにUnicodeを使いながら，Unicodeとは異なる文字コード規格のJIS X 0213をサポートする，という方式を取っている。というのも，Windows 98日本語版以降ずっとサポートしてきたCP932（本名はWindows Codepage 932，いわゆるMS 漢字コード）やJIS X 0212を捨てるわけにはいかないので，CP932もJIS X 0212もJIS X 0213もみんなまとめてUnicodeで扱う，というやり方を取らざるをえないのである。 前報では，JIS X 0213の第一水準～第三水準漢字7614字について，Vistaで新たに採用された日本語フォントセットであるメイリオとXP以前のMSゴシックを見比べ，7614字のうち325字*が，VistaとXP以前との間で文字化けする（ここでは本来表
第9回 どうすればユーザー登録してもらえるか：ITpro
この連載では，エンジニアの視点から使いやすさを考えています。今回はユーザー登録画面などに代表される，フォームを使った入力画面について考えてみたいと思います。 なぜこのテーマを選んだかというと，フォームを介して利用者からデータを受け取って処理をして返すという一連の処理が，ウェブサイトのバックエンドの処理やデータ形式などによって変化しやすく，プログラマやエンジニアの作業がもっとも使いやすさと関係しやすい分野ではないかなあ，と思っているからです。こうした部分はエンジニアが使いやすさに寄与しやすい部分であり，もっと言えば，使いやすさを向上させるに当たって，エンジニアにしかできない事柄がたくさんある部分だってことになると思います。 今回は「ユーザー登録ページ」を例に，フォームにおける使い勝手を考えていきたいと思っています。その理由としてまずは，筆者が勤務する株式会社はてなにもユーザー登録画面があり，
Vistaで化ける字，化けない字
11月30日に企業向けには出荷が始まったWindows Vista。そのVistaで，“文字化け”が起こるらしい。文字化けといっても，Webアクセス中にたまに見かける全く読めない文字の羅列になることはほとんどなく，その多くは似た文字が表示される程度である。ここでは，本来表示されるべき文字の形が少し違ったものが表示されるケースも“文字化け”として扱う。 Microsoftは，Windows 98日本語版の発売以来，Windows 2000，Windows Me，Windows XPまでCP932（本名はWindows Codepage 932，いわゆるMS漢字コード）とJIS X 0212をサポートしてきたが，最新のWindows VistaではJIS X 0213に乗り換えた。いや，乗り換えたというのは，ちょっと語弊がある。CP932とJIS X 0212に加えて，JIS X 0213もサ
Flashなしでもここまで作れる！：ITpro
Webプログラミングは，プロはもちろんアマチュアのプログラマの間でも，もはや欠かせない開発ジャンルの一つです。しかし，書籍や雑誌の解説記事のほとんどが，データベースがどうとか，サーバーサイドがどうとか，どうしてもディープな方向に進んでしまう傾向にあります。もちろん，それはそれで大切なことなんですが，いったい何割の人が，その技術を“自分の”ホームページに使っているでしょう。 最近話題の「リッチ・コンテンツ」にしても同様です。例えばFlash。たしかにActionScriptというスクリプト言語を使えば，動く，鳴る，つながると，いいこと尽くめです。でも，いかんせん「Macromedia Flash MX 2004を買ってきてね」とあっては，皆がみな使えるわけではありません。 Part1でも解説があったようにblog（ブログ）の認知度が上がり，利用率も増えて，プロバイダからの提供体制も整ってきて
レイアウトの基本となる画面サイズ色々
現在標準といわれている表示解像度は、XGA（1024×768ドット）だ。現在の標準的なPCがこの解像度を使っており、比較的古いタイプのPCでもこの程度のサイズをカバーしている。 古いラップトップパソコンを使っているユーザーであれば表示解像度はSVGAの可能性があるが、PCの最小表示サイズVGAモード同様、新型のOSが対応するPCではあまり日常的に使われてはいないと考えてよい。また現在ではSXGA（1280×1024ドット）の解像度も優勢で、WindowsXPやMacOS X世代のOS対応機はこの環境に対応するものがほとんどだ。 サイトのレイアウトに使える標準的なスペースは、ターゲットモニターの表示解像度からこれらを差し引いた大きさ、ということになる。実際のレイアウトサイズの目安には基準があり、最も低い環境に配慮した SVGAサイズなら760×420ピクセルが、標準的なサイズのXGAなら95
第1回 有名ブロガーやネット・ウォッチャーはどうやって情報を収集・整理しているのか：ITpro
こんにちは。はてなの山田と申します。はてなは「人力検索はてな」や「はてなダイアリー」，「はてなアンテナ」，「はてなブックマーク」といった，ちょっと変わったWebサービスを提供しています（図1）。 僕はそこで各サービスに追加された新機能の告知文を書いたり，ヘルプ文書を整備したり，サービスの使い方を紹介するメルマガ「はてな塾」を配信したりしています。エンジニアの作った新機能や先進的なサービスを，ユーザーの皆さんにできるだけ分かりやすく伝える仕事を主に担当しているわけです。 この連載を通して，はてなのサービスを使ったWebの情報収集・活用術を紹介して行きます。 はてなの社員数は現在21名（＋犬1匹）いるのですが，社長をはじめ社員の半分がエンジニアという技術系の会社なので，社内で盛り上がる話題といえば，「del.icio.usとflickrをWeb2.0でマッシュアップしようぜ！」「時代はやっぱP
第10回 WebブラウザでWord，Excel，PowerPointの文書を編集：ITpro
最近，Webブラウザで利用できるワープロや表計算ソフトがいくつか登場している。Googleが買収したWebワープロ「Writely」，「Zoho Writer」，そして2006年3月22日に提供開始されたばかりの「ajaxWrite」などである。 「ThinkFree Office Online」は，Word，Excel，PowerPointと互換性のある文書を閲覧・作成・編集できるWebアプリケーションである。ブログに文書を直接ポストできる。WebブラウザでPowerPointのプレゼンテーションを見ることができる。既存の文書をPDFに変換することもできる。30Mバイトのディスク・スペースが付いた基本アカウントが無料である。現在ベータ版が提供されている。ベータ版はWindows 2000/XPとInternet Explorer（IE）6.0以降で動作が確認されている。Macintosh
「全事務職員がLinuxデスクトップを使用している町役場」は実在する：ITpro
二宮町は栃木県にある人口約1万7000人の町。二宮尊徳ゆかりの町名と「いちご産出量日本一」で知られる。同町は，町役場の事務用パソコンのすべて，約140台をLinuxに入れ替えるという前代未聞の挑戦を行っている。OSをLinuxにするだけでなく，オープンソースのOpenOffice.orgやFirefox，Thunderbirdでワープロ，Web，メールによる業務を行う。記者の知る限り，日本で例のない試みだ。 同町が役場をあげてLinuxに移行することになったのは，IPA（独立行政法人情報処理推進機構)が実施した「自治体におけるオープンソース・ソフトウエア活用に向けての導入実証」に参加したからだ。この事業は，オープンソース・ソフトウエアを自治体のデスクトップ機で使用する実現性と課題を明らかにするための実験である。同町は2月にLinuxへの移行を開始した。 この実験には二宮町のほか，北海道札幌
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3分でわかる！仕事に役立つExcelテクニック：ITpro
ユーザビリティランキング2006 調査項目：ITpro
