分12Webページの古さの視覚化Webで面白い情報を見つけたとき,よく見たらとても古いページだということに気づいてがっかりすることがあります。するだけだとまだ良いのですが,SNSなどで紹介したあとで古さを指摘されたりすると恥ずかしいものです。世の中のたいていのものは古くなるとゴミが溜まったり変色したりするものなので,古さになんとなく気づくのが普通ですが(写真1⁠)⁠,ファイルやWebページのようなデジタル情報は古くなっても見栄えが変わらないため,こういう失敗をしやすいと言えるでしょう。情報が劣化しないことは,デジタルデータの大きな特長なのですが,古さが直感的にわかったほうが都合が良い場合もあります。古くても価値が変わらない情報なら気にする必要はないのですが,ニュースや技術情報のように新しさが重要な場合,間違って古い情報を参照しないように気を付けなければなりません。ページの古さを直感的に感じることができるようにするための工夫を紹介します。廃れるリンクはこだて未来大学の塚田浩二氏は,古いページへのリンクが汚く見える「廃れるリンク」というシステムを開発しました。図1のようなWebページは古い情報へのリンクを含んでいるのですが,これを見るだけではどのリンクがどれだけ古いのかはわかりません。廃れるリンクシステムを使うと,図2のように古いページへのリンク文字列が汚く表示されるため,リンク先のページが古いことが明らかにわかります。廃れるリンクシステムはプロキシサーバとして実装されています。廃れるリンクのプロキシサーバ経由でWebページにアクセスした場合,アクセス先のページの古さを取得したあとで,古さに応じてリンクのCSSを調整することによって古さを表現しようとしています。廃れるバックグラウンドリンク先の古さを視覚化するだけでなく,ページそのものも古く見せると良いでしょう。自分のWebページの場合,作成時刻や編集時刻を利用して,きめ細かく古さを表示できます。図3は私が昔作成した「廃れるバックグラウンド」というシステムです。古さに応じてランダムドットの数を増やしていますが,あまり美しいとは言えないようです。古くなったWikiページ図4はページ内の各部分のアクセス状況によってバックグラウンド表示を変えてみたものです。gimpで自動生成したシミのような画像と日付を表示することによって,古さを直感的に理解させようとしています。バックグラウンド画像を工夫してみたもの廃れるバックグラウンドシステムは,バックグラウンド画像がイケてなかった点や,古いページが読みにくくなってしまった点であまり評判がよくなかったため,真面目に運用せず放置状態になったまま現在に至っています。廃れるページ「廃れるリンク」も「廃れるバックグラウンド」も10年以上前のシステムなのですが,手間の割に便利さが不足していたり見栄えが悪かったりしたため,日常的に使ってはいませんでした。Web上の情報がますます増えてきた現在,古い情報を新しいものと勘違いする危険は増えていますし,古さの理解は以前よりも重要になっている気がするので,「⁠廃れるバックグラウンド」と同様のシステムを次の方針で作りなおしてみることにしました。任意のWebページに対して古さを視覚化するためには,どこかになんらかの細工が必要になるわけですが,最近のChromeやFirefoxはブラウザ拡張機能を簡単に作れるようになってきたので,最近はこれを利用するのが良い気がしています(図5⁠)⁠。廃れるページ従来はブラウザ拡張機能を作るのはかなりたいへんでしたが,最近はFirefoxでもChromeでも同じ形式で開発ができますし,開発の手間もかなり小さくなっています。Appleなどで働く。携帯電話に搭載される日本語予測変換システム『POBox』や,iPhoneの日本語入力システムの開発者として知られる。ユーザインターフェースの心理学』。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。