浜 俊太朗のHTML5マークアップ移行ガイド国内でもHTML5で企業サイトを制作する事例が増え、「次のリニューアルはHTML5で」と考えるWeb制作者も少なくないでしょう。「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務上のポイントまでを解説します。
「1枚でなければ、5枚！」良い企画書の条件 (1/4)
本連載では、「1枚企画書」に続いて竹島愼一郎氏が提唱する「5枚プレゼン」をPowerPointで実践する手順を全5回で紹介します。即断即決を可能にするのが先週までに紹介した「1枚企画書」ですが、プランニングの王道はやはり複数枚の企画書です。ただし枚数は5枚に限定するというのが秘中の秘策です。 初回は、5枚プレゼンのコンセプトと複数枚の企画書特有のレイアウトについてレクチャーします。 ※本記事は「ビジネス極意シリーズ パワポで極める5枚プレゼン」から一部抜粋し、編集・再構成したものです。 「企画書の枚数が増えて困る」という意見をよく聞きます。 たしかに企画で考えたことを網羅すると、際限なく長いものになってしまいます。なかには大企画だと主張したいがために数十枚もの企画書を上げてくる人もいます。 このページに掲載したのは「ビジネス極意シリーズ パワポで極める5枚プレゼン」の事例のひとつですが、5
Yahoo！の流れるパネルをJSライブラリで再現 (1/5)
日本最大のポータルサイト「Yahoo！ JAPAN」のトップページがリニューアルしたのは、2008年1月のこと。従来の2カラムから3カラムのレイアウトに変わり、世界各国のYahoo！に合わせる形でデザインも一新されました。同時に行なわれたのが、ユーザーインターフェイス（UI）のリッチ化です。新しいYahoo！ JAPANのページには、タブ／アコーディオンパネル／フローティングウィンドウなど、ここ数年のトレンドであるAjaxを使ったUIが随所に盛り込まれています。 こうした流れは、トップページだけではありません。リニューアルと前後して、Yahoo！ JAPANではさまざまなサービスのUIの改善が実施されています。今回はその中のひとつ、「Yahoo!知恵袋」に注目してみましょう。今年2月にリニューアルされたばかりのこのQ＆Aサービスの新しいトップページが、今回のお手本です。 今回のお手本サイト
ASCII.jp：これぞ完璧企画書――「1枚企画書」パターン実例3題 ｜パワポで極める「ビジネス極意」
本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 「1枚企画書」の最終回として、本書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。 ※本記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プレ企画書1――飽和市場の「新商品企画書」 ■
ロゴ画像の“データがない！”を一瞬で救う超便利ツール (1/2)
Webサイトのロゴを作る時は、Photoshopのようなビットマップデータではなく、Illustratorで扱うようなベクターデータのほうが何かと便利だ。画質を落とさずに拡大縮小をはじめとするさまざまな加工ができるし、印刷物などWeb以外の用途にも流用が利く。実際、多くの方はそうしているだろう。 ところが、これが他人から指定されたロゴを使う場合はそうはいかない。「ビットマップデータしかない」、あるいは「名刺や封筒に印刷されたものしか残っていない」なんてケースもざら。やむを得ず、名刺をスキャンして下絵にして、Illustratorを使ってトレースして……といったステップを踏むことになると、時間も手間もかかって面倒だ。 そこで活用したいのが、ビットマップ画像をベクター画像に変換してくれる自動トレース機能。たとえば、CS2以降のIllustratorには、「ライブトレース」という機能が搭載されて
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
古いPhotoshopで最新ブラシを使うチュートリアル
Photoshopのカスタムブラシを使えば、Webサイトで使えるカッコいいグラフィックをあっという間に作れる――。先週、「アナログな質感」をテーマにネット上で入手できるいくつかのブラシファイルを紹介したが（関連記事）、「自分の環境では使えなかったぞ！」という読者もいるだろう。というのも、Photoshopのカスタムブラシ（ABRファイル）はバージョンによって異なり、新しいバージョンで古いバージョンのABRファイルは読めても、その逆はできない。たとえば最新のPhotoshop CS3で作成されたABRファイルは一昔前のPhotoshop 6では使用できないのだ。 古いPhotoshopで最新のPhotoshopブラシを使えるようにするにはどうすればよいのか？ 今回はオープンソースソフトを使って手軽に実現する手順を紹介しよう。 そもそもPhotoshopブラシってどうやって作る？ 手順の説明に
さらばプルダウン！ 地図で入力できるWebフォーム
ネットショップや会員制サイトを利用する際にいつも面倒だなと感じていることがある。会員登録や配送先を指定するフォーム画面にある、都道府県名の入力欄だ。 よくあるのが、プルダウンで都道府県名を選ぶ形式だが、これはなかなかのストレスだ。5～6項目ならともかく、47もの選択項目、それも似たような漢字3文字の中から、注意深く狙いを定めなければならない。運悪く1日に何度もこの作業が発生するとうんざりする。 そうした、「HTMLフォームでの都道府県名の選択」に特化した新発想のJavaScriptライブラリが登場している。CogniTom Academic Design作の「jsmap」がそれだ。jsmapをHTMLフォームに組み込むと、プルダウンで選択する代わりに、地図をマウスでクリックすることで都道府県名を入力できるようになる。 地図とはいっても、ご覧のようにいい意味でざっくりとしたデザインで、非常に
ネット広告を急成長させる3つの起爆剤 (1/3)
急成長するネット広告 インターネットの最新動向にもっとも敏感なのは実は広告業界かもしれない。ここ数年、広告業界がインターネットにつぎ込む費用が急速に伸びているからだ。 例えば電通の国内総広告費は、2004年時点でラジオ広告費の1795億円を抜き去り、1814億円に達している(同社『2004年日本の広告費』)。今年2月に発表した『2006年日本の広告費』では、ネット広告の総広告費は、さらに倍の3630億円に達しており、今年中には、よほどのウルトラCがない限り、雑誌広告費(3887億円)を抜くことが確実になった。 大量の費用が注ぎ込まれるだけあって、ネット広告では大きなイノベーションが続いている。昨年にはYouTubeブームに乗って、話題に乗りそうなおもしろい映像に広告を動画を使ったバイラル広告が大きな話題となった。 今年は、SNSやブログを活用したパーソナリティー型広告、ユーザーのコンテクス
場所にIDを振ることで、世界の把握に近づく──坂村健氏の講演から
(財)国土技術研究センターの東京都ICタグ実証実験事務局は10日、東京・上野恩賜公園および恩賜上野動物園内で10月13日から実施している“東京ユビキタス計画・上野まちナビ実験”に関連したシンポジウムを開催した。 上野まちナビ実験は、上野公園や上野動物園内の主要ポイントに無線ICタグを埋め込み、YRPユビキタス研究所が開発したTRONベースの携帯情報端末“ユビキタスコミュニケータ”(UC)を使って、道案内や動物の紹介といった情報を提供するもの。国土交通省の“自律支援プロジェクト”と連携するほか、東京都も実験に参加している。 シンポジウムの基調講演では、YRPユビキタス・ネットワーキング研究所所長で、東京大学大学院情報学環・副学環長・教授の坂村健(さかむら けん)氏が講演した。坂村氏は講演で“ユビキタスコンピューティングとは何か”、“ユビキタスコンピューティング街づくりにどう応用できるか”の2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
