【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
【ハウツー】Yahoo! UI LibraryでさくっとAjax! (1) Yahoo! UI Libraryを使ってユーザビリティアップ! (MYCOMジャーナル)
「マルチプラットフォーム」「利用する際に必要なものは、デフォルトでインストールされているWebブラウザとネットワークに接続できる環境のみ」といったような利便性の高さから、見ない日はないと言っても過言ではないほど浸透したWebアプリケーション。今日もいたるところで、さまざまな業務を円滑にすすめるためにWebアプリケーションが利用されている。 Webアプリケーションはハイパーリンクやフォームなど、Webブラウザの基本機能を用いて作成されている。Webブラウザ単体でできることは限られているため、ローカルアプリケーションと比較するとユーザビリティにが低くなりやすい。このため、デベロッパはWebブラウザ上で動作するJavaScriptやFlashをもちいて、そのユーザビリティを高めてきた。 ここではJavaScriptコードを記述するデベロッパの負担を軽減かつユーザビリティを簡単に高めることができる
【レビュー】Web 2.0付箋紙 - "stikkit"華麗にデビュー (1) stikkitとは (MYCOMジャーナル)
7日から9日(米国時間)までサンフランシスコにおいてWeb 2.0 Summitが開催された。ここでは同イベントのLaunch Padにおいて発表された新しいサービス「stikkit」を紹介したい。StickyTagと同じく付箋紙の機能を実現するサービスだが、種々のサービスとの連携方法がいかにも「Web 2.0的」で興味深い。付箋紙というにはあまりに高機能だが、付箋紙としての手軽さはそのままに、自動的に各種機能が整備されるところがポイントだ。 stikkitはvalues of nによって提供されているWeb付箋紙サービス。執筆現在、ベータ版で、アカウント登録すれば使うことができる。単純な付箋紙以外に、カレンダ、To-doリスト、ブックマーク、コンタクトリスト、タグなどの機能と連携させて使うことができる。 付箋紙は手軽に使えるところに特徴がある。付箋紙にWeb 2.0的な機能を追加すること
【レビュー】使い勝手を徹底検証! Internet Explorer 7 vs. Firefox 2.0 (1) 見た目が大きく変わったIE7 | エンタープライズ | マイコミジャーナル
この10月に相次いで正式リリースされた、Internet Explorer 7.0(以下、IE7)とFirefox 2.0(以下、FF2)。いまやPCを使う際に欠かせない道具であり、Webブラウザのあり方に影響を与える"リーディングWebブラウザ"であるだけに、何が変わったのか、どのような新機能が搭載されているのかは気になるところ。どちらを選ぶべきか、と悩むユーザも少なくないはずだ。 そこで今回、IE7/英語版とFF2/日本語版の検証を試みた。制作者の意図通りレイアウトされるか、CSSなどを含むW3C標準規格の条件を満たしているか、といった本来Webブラウザに求められる表示機能ではなく、Webフィードや検索バーといった便利機能、フィッシング詐欺検出ツールなどセキュリティ関連機能を中心に、この2つのWebブラウザを比較してみたい。 前回から約5年ぶりのメジャーバージョンアップとなる「Inte
【レポート】あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ! (1) moo.fx2-mootoolsとは (MYCOMジャーナル)
The Mad4Milk teamは3日(米国時間)、moo.fxの最新版となるmoo.fx version 2.0(以降、moo.fx2)を公開した。moo.fx2は超軽量のJavaScriptエフェクトライブラリ。mootoolsの一環として開発されているが、prototypeとともに動作するようにも作成されている。prototypeは"Ajaxian.com 2006 Survey Results"調査結果において43%の支持を得ている1番人気のAjaxフレームワーク。moo.fxは11%の支持を得て5位にランクインしている同じく人気のあるJavaScriptエフェクトライブラリ。 同チームは9月11日(米国時間)、JavaScriptライブラリ集であるmootoolsを公開。moo.fxとmootoolsはときに同じ意味として使われるが、moo.fxはより細かい成果物の名称として、
【コラム】クリエイターのためのライフハック (19) チョコレートで美味しく集中力アップ | クリエイティブ | マイコミジャーナル
仕事は時間の量ではなく質が重要です。特にクリエイティブの仕事になると、時間がどれだけあっても足りない場合もありますし、逆に一瞬にして良いアイデアが浮かび上がる場合もあります。時間の質の向上を図るにはいかに集中力を上げてその仕事に取り組むことができるかが重要になってきます。集中力を上げる方法は、好きな音楽を聴いたり、コーヒーを飲んだりなど人によって様々。いろいろ方法がありますが、実はチョコレートは誰でも気軽に(かつ美味しく)集中力を高める格好の食べ物だったりします。 チョコレートには身体の健康に良い様々な栄養分が含まれています。例えばコーヒーやティーでおなじみのカフェイン。チョコレートを相当食べないとコーヒーと同等のカフェインを摂取することができないほどの分量ですが、コーヒーのカフェインでは刺激が強すぎるという方にはチョコレートがちょうどいいかもしれません。また、テオブロミンという成分が含ま
【コラム】クリエイターのためのライフハック 第16回 Gmail 再入門(3) - ファイル管理もGmailで (MYCOMジャーナル)
あまり気味のディスクスペース、メールだけではもったいない Gmailが登場した当時は、1GBという今までになかった大量ディスクスペースが話題を呼びました。現在でも日に日に増え続けているディスクスペースは、今年中に3GBに届く勢いです。ファイルサイズの大きなメールのやりとりも安心ですし、前々回に紹介したような複数メールアカウントの管理も、これだけのディスクスペースがあれば余裕をもって行うことができます。 Gmailを使うと、膨大なメールデータに何処からでもアクセスできるようになり、また、前回で紹介したようにラベルを駆使することで素早く欲しい情報を入手できます。職場が一カ所とは限らない場合、もしくはメールの情報を欲しいときに引き出せる魅力がGmailにはあります。しかし、大容量のディスクスペースを使ってメール以外の様々な情報を蓄積しておくことも可能です。 Gmailをオンラインストレージに見立
【コラム】クリエイターのためのライフハック 第14回 Gmail 再入門(1) - 全てのメールをGmailに集約する (MYCOMジャーナル)
招待制から一般公開へ - 今こそGmail 再入門 8月から、Gmailが招待されていない方でも使えるようになりました。これを機会に使い始めている方もいるのではないでしょうか? Webメールのアカウントを既にお持ちの方はたくさんいると思いますが、Gmailは他のWebメールと少し違ったコンセプトで作られたサービスだと思います。従来のようにひとつひとつのメッセージをフォルダに振り分けて管理するのではなく、すべてのメールを常時表示させておき、検索を使ってメールを絞り込んで行くプッシュ式の管理システムになっています。 このように管理の仕方も他のWebメールと少し違うので、その違いに戸惑ってなかなか使いこなせていない方、またGmailのもつポテンシャルを十分に引き出しきれていない方もいると思います。違いはありますが、コツをつかめば他のWebメールでは無理だった管理方法を実現してくれるだけでなく、仕
【ハウツー】AIM/Google TalkでTODO管理 - Todo.txt AIM/Jabber Bot (1) Todo.txtとは | エンタープライズ | マイコミジャーナル
業務におけるメッセージングアプリケーションとしての電子メールは、インターネットが一般に普及をはじめてから現在にいたるまで揺るぎない地位にありつづけている。しかし、メッセージングツールの多様化はここ数年で一気に浸透した。もはや業務においても、担当者間レベルのやりとりはメールよりもインスタントメッセンジャー(以降、メッセンジャー)が主流というところもあるかもしれない。 そこで、メッセンジャーを使ったアプリケーションとしてTodo.txtを紹介したい。Todo.txtはシンプルなプレーンテキストそのものをTODO管理に使用するのだが、その編集をメッセンジャーを介して行うことも出来る。メッセンジャーという仕組を使って遠隔操作を実施するタイプのアプリケーションにあたり、今後こういったメッセンジャーの活用が広がるかもしれないと感じさせるものだ。 Todo.txt Gina Trapani氏は7月29日
【レビュー】Webとデスクトップの垣根を崩す-オープンソースRSSクライアントBlogBridge (MYCOMジャーナル)
「情報ジャンキー」にとってRSSフィードやブログ巡回ツールは欠かせない。支援ツールはWebアプリケーションからデスクトップアプリケーションまでいくつもあるが、ここではBlogBridgeを紹介したい。BlogBridgeは7月28日(米国時間)に最新版がリリースされたばかり。とりかかってみるにはいい時期だ。 情報ジャンキーが求める3つの機能 日夜ウェブサイトを巡回し、最新の情報を取得せずにはいられない情報ジャンキーにとって、RSSフィードは大量の情報を取得するためのツールとして欠かせない存在だ。RSSフィードなしに大量の情報を取得しようと思ったら、今やゾッとしてしまう。RSSフィードが提供されていないサイトを見るとつい舌打ちをしてしまう(もちろん、サイトの性格にもよるが)。 もうひとつ、情報ジャンキーが渇望する機能がタグによる分類機能。「ナウな情報ジャンキー」は丁寧にフォルダを分類して整理
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (1) 01-01 Internet Explorer 7 beta2のCSS実装 (MYCOMジャーナル)
米Microsoftから2006年5月、Internet Explorer 7(IE7)beta2がリリースされた。IE7は2001年にInternet Explorer 6(IE6)がリリースされて以来、5年ぶりのアップデートとなる。このメジャーアップデートでは、CSSの標準規格への準拠やバグの修正、未対応だった機能への対応などが期待されている。 IE7 beta2では、CSS2.0のセレクタや「fixed」による固定位置表示、すべての要素に対する「:hover」の指定などに対応しつつ、XML宣言の記述によって発生していた問題が修正されるなど、要望の大きかった部分への対応・修正が行われている。 しかし、フロート(回り込み)関連や、プロパティを組み合わせたときに発生する細かなバグに関しては修正されていない部分も残っており、正式版リリースまでにどのぐらい修正されるかが注目される。 一方で、
【レビュー】手軽にないしょのフォルダを実現 - Microsoft Private Folder (MYCOMジャーナル)
Microsoft Private Folder。ロックされた状態(左)とアンロックされた状態(右)のMy Private Folder Microsoftが提供する「Microsoft Private Folder 1.0」(以下、MPF)は、大切なファイルをパスワードにより保護するアドインツール。セキュリティ機能として見たときの目新しさは少ないものの、自分だけの"ないしょのフォルダ"を安全に、しかも手軽に維持管理できるという点では、他に類を見ないものだ。このたび「Windows Genuine Advantage Special Offers」として無償配布が開始されたこのツール、早速レポートしてみよう。 ありそうでなかった"ないしょのフォルダ" Windows NTの系譜に連なるWindowsには、ファイル/フォルダ単位でアクセス権を設定可能なファイルシステム「NTFS」が採用されて
【レポート】@media2006にみるWebデザインのトレンド (1) 新たな知識やテクニックを皆で共有する必要がある(Eric Meyer氏) | クリエイティブ | マイコミジャーナル
6月15、16の両日、ロンドンの中心部に位置するクィーンエリザベスⅡカンファレンスセンターにて、「@media2006」と呼ばれるWebデザイン関連のカンファレンスが催された。@mediaは昨年に引き続き2度目の開催。イギリス国内外のエキスパートを招いてWebデザインに対する最新のアプローチを学び、また議論するためのイベントである。2日間の日程において、筆者の参加したセッションのなかから、特に興味深かった6つのセッションを通じ、Webデザインのトレンドを紹介したい。 @mediaの会場となったクィーンエリザベスⅡカンファレンスセンター CSS10年間の軌跡 - Eric Meyer氏 キーノートプレゼンテーションを行ったEric Meyer氏は、数々の関連書籍や講演活動を通じ、Cascading Style Sheets(CSS)のエキスパートとして知られている。彼のプレゼンのタイトルは
ありそうでなかったアンディ・ウォーホル作品モチーフの時計、SIIから登場 | クリエイティブ | マイコミジャーナル
セイコーインスツルは23日、アンディ・ウォーホルの作品10種類のモチーフを文字盤にデザインしたクオーツ時計「アンディ・ウォーホル・ウオッチ・コレクション」を発表した。本体がアルミニウムケースと、プラスチックケースのものがあり、それぞれ5モデル、計10モデルの構成。価格はプラスチックケースモデルが10,500円、アルミニウムケースモデルが15,750円となっている。発売開始は7月中旬を予定。 プラスチックケース仕様の5モデルのデザイン モチーフとなっているのは、音楽アルバム「The Velvet Underground & Nico」のジャケットデザインに使われたバナナや、代表的なシルクスクリーン作品、牛など。本体ケースには、アンディ・ウォーホルの手描きサインが刻まれている。ベルトは本皮のストラップで、ベルトを止める三つ折バックルはステンレス製。3気圧までの生活防水が施されている。 アルミニ
【コラム】クリエイターのためのライフハック 第5回 ゲーム感覚でタスク管理 - Printable CEO (MYCOMジャーナル)
タスクを楽しくこなすために 手帳を使っている方はおなじみだと思いますが、買い物リストなど忘れずに書き留めておくことができるTo Doリストというのがあります。最近では To Doリストをオンラインで管理できるサービスがいくつも出てきています。けれど、手帳のほうがすぐに書き込めるお手軽感があるということで、オンラインを敬遠している方が多いのではないでしょうか。 たしかに、予定はすぐ変わってしまうときもありますし、タスク管理もそれに応じて柔軟にかつ迅速に対応しなければいけません。なんでもかんでもすべてをオンラインにするというのは難しいです。とはいえ、「タスクをこなす」という作業を機械的ではなく、少しでも楽しくやれたら良いなと思いませんか? そんな方は 「Printable CEO」にチャレンジしてみると良いと思います。これは、完全にアナログなツールです。 重要なタスクはどれかを見極め、実行
【レビュー】速攻試用「Movable Type 3.3 Beta 1 日本語版」 - Web 2.0的機能を追加 (1) 全体の機能をまんべんなく強化した優等生 (MYCOMジャーナル)
押さえるところは押さえたWeb 2.0的機能の数々 シックス・アパートは2日、同社のブログソフトの次期バージョン「Movable Type 3.3 Beta 1 日本語版」のベータテストを開始した。さらに6日からは、日本語のMovable Type 3.3 マニュアル(ベータ版)の公開も行われている。 現行のバージョン3.2では(コメントやトラックバックの)スパム対策に重点がおかれていた。テスト用に配布されているMovable Type 3.3 Beta 1 日本語版を触ってみたところ、ひとつの機能に注力して開発しているというよりは、まんべんなく機能が強化されているという印象だ。とはいえ、ダイナミックにサイズ変更できる入力フィールド、運用面でのRSSフィード活用、Tag機能の追加など、今話題のWeb 2.0要素をさりげなく採り入れているところは、さすがシックス・アパートである。本稿で
クリエイターのためのライフハック | コラム | クリエイティブ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
【コラム】シリコンバレー101 (178) CSSの第一人者がGoogleのビジュアルデザイン・リーダーに | ネット | マイコミジャーナル
Googleのビジュアルデザインの責任者にStopdesignのDouglas Bowman氏が就任した。"Visual Desing Lead"という、これまでGoogleには無かったポジションに就く。 Bowman氏は、CSSとWeb標準の採用を推し薦める先進的な考えを持ったWebデザイナーとして知られる。同氏の仕事では、2002年のWired Newsのリデザインが有名。GoogleではBloggerのほか、過去6カ月の間、コントラクタとしてGoogle Calendarの開発を手助けしてきた。また同氏はデザインコンサルタントという一面も持っているが、自ら編み出したテクニックを内部に閉じ込めずに、クライアントやWebコミュニティに率先して公開している。Googleとは波長が合いそうなタイプのデザイナーである。 Googleでは「全てのコラボレーション/コミュニケーション製品を通じた、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
