2010年までのWeb技術の進展を予測した「ITロードマップ」
野村総合研究所が2010年までのWeb技術の進展を予測したとのこと。 要するに、Web2.0やSOAといった流行の中でも特にWeb API、Flash、AJAXなどを利用したリッチクライアント技術の重要性が高まり、2009年頃には一般的な技術となるであろう、というもの。2010年度までのWeb技術の進展を予測した「ITロードマップ」を発表～Web2.0/SOA時代の到来に不可欠なリッチクライアント～ http://www.nri.co.jp/news/2006/060518.html 感覚的には次のWindowsVistaが出る頃から一気に標準化されそうな気配なので、2007年が一般レベルになる年になると考えていますが、どうなのでしょうね。
自分のページのリンクされ具合を調べる無料サービス「Who links to me」- GIGAZINE
フォームに自分のサイトのアドレスを入れるだけで、Googleのページランク、Googleでの検索結果から類推されるリンクしているサイトの数、同じくYahoo！とMSNからのリンク数、さらにはAlexaのトラフィックグラフへのリンクなどをまとめて表示してくれます。 Who links to me http://www.wholinks2me.com/ ほかにもそれぞれのリンク元一覧がずらっとこのサイト下部に並ぶので、自サイトのメジャー具合を調べるのに都合がいいかもしれません。また、SEO業者に頼んでからその成果を見る場合に役立つかも。 なお、この「Who links to me」はRefererを見ているらしく、自サイトからリンクすればそのリンク元サイトの結果で自動的に表示してくれます。そこで自サイトからリンクする用のタグもページ最下部に提供されています。
GIGAZINE - よく見かけるあの小さなボタンバナーを作る「Button Maker Online」
上記画像のような小さなボタンバナー画像に見覚えはないでしょうか？これを簡単にオンライン上で作成できるのが無料サービス「Button Maker Online」です。80×15か88×31サイズの画像が簡単に作成できます。 Dynamic Drive online tools: Button Maker http://tools.dynamicdrive.com/button/ 使い方は以下の通り。 「Base Color is Transparent」：背景色を透過色にする 「Base Color」：背景色を決める。「Base Color is Transparent」のチェックを外すと選択できる 「Font」：文字のフォント。SilkscreenとSans-Serifの2種類。 「Border Color is Transparent」：境界線の色を透過色にする 「Border Colo
GIGAZINE - AJAXを使ったファイルアップローダ「Uber Uploader」
ファイルをアップロードする途中経過をプログレスバーで順次表示するわけです。アップロード後も画面遷移することなくAJAXで結果を表示するわけで。そういうことをするのに役立つのがオープンソースで開発されている「Uber Uploader」というわけ。 実際のデモを体験すればどういうことができるかよく分かります。 CakeTimer - Demo Page | An Ajax file uploads progress bar http://thinkingphp.org/demos/cake-timer/ UBER UPLOADER DEMO - A free upload script with progress bar http://www.webdice.org/uber_uploader/ ダウンロードはこちらから。 SourceForge.net: Uber Uploader htt
Googleから嫌われていないかどうかチェックする「Google Ban Checker」 - GIGAZINE
Googleの検索結果に自分のサイトが引っかからなくなると言う村八分のような状態、通称「Google八分」になっていないかどうかをお手軽にチェックできるフリーソフトです。 また、SEO的観点から、自サイトからそういうGoogle八分されているサイトへのリンクというのは、不利になる可能性があるということで、リンク先のサイトのチェックもできるのが秀逸な点。 では使ってみましょう。 まずダウンロードは下記サイトから。 Google Ban Checker - SEO Junkie http://www.seojunkie.com/2006/05/09/google-ban-checker/ インストールして起動後、リンクチェックの方法を決めます。「By completely crawling your site」ならトップページからたどった先のページのリンクも全部たどっていくという方式。「By
GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」
CSSを使ったタブ型の各種メニューとか、CSSによる画像のポップアップとか、ドロップシャドウやページカールの作り方などのコードが実際の例と一緒に置いてあります。実例を見てから選ぶことができるので、希望通りのものが手に入りやすいです。 Dynamic Drive CSS Library- Practical CSS codes and examples http://www.dynamicdrive.com/style/ RSSもあるので新しいコードが追加されればすぐにわかります http://www.dynamicdrive.com/style/csslibrary/rss/ コードの種類としては以下のような感じでカテゴリ分けされています。 横型のメニュー http://www.dynamicdrive.com/style/csslibrary/category/C1/ 縦型のメニュー h
PHPでフラッシュのグラフを作る「PHP/SWF Charts」 - GIGAZINE
これを使えば無料で恐ろしく見栄えのするフラッシュでできたグラフをPHPで作成することができるようになります。標準的なグラフを表示するだけでなく、アニメーションを使った様々なビジュアル効果を加えたり、印刷ボタンや切り替えボタン、グラフを見る方向の変更、複数のグラフの混在なども簡単にできるので、一風変わったグラフ表示をお手軽にしたい人には最適ではないかと。 PHP/SWF Charts http://www.maani.us/charts/index.php その他のグラフのサンプルは以下を参照 http://www.maani.us/charts/index.php?menu=Gallery ダウンロードはこちらから http://www.maani.us/charts/index.php?menu=Download ほかにも有用なものがあるので、多彩な表現方法を手間無く使いたい人は必見。
CSSで作ったフォント
意味が分からない方もいるかと思うのでまずはリンク先のページを見てみましょう。 stu nicholls | CSS PLaY | a CSS font http://www.cssplay.co.uk/menu/cssfont.html 何か数字とアルファベットが並んでいますが、これはもちろん文字ではないので、マウスで選択できません。また、画像ではないのでアドレスを探すこともできません。つまり、全部CSSのみで作られた「フォント」だということです。 このアイディアの元になったのは以下のページ。 spamblogging: Proof of concept to throw off the bots. http://www.spamblogging.com/archives/000081.html これを使えば、スパムメール用のアドレス収集ボットに捕獲されずに、自分への連絡用メールアドレスの
サイトのFavicon(ファビコン)を作る無料サービス「FavIcon from Pics」
Favicon(ファビコン)というのは、IEのお気に入りに入れた時に標準のアイコン以外のアイコンが表示されていたりするアレです。そんなFaviconを元になる画像を用意してアップロードするだけで作成できる無料サービスが「FavIcon from Pics」というわけ。ふつうのFaviconだけでなく、アニメーションFaviconという一風変わったものも作成可能です。 FavIcon from Pics -- how to create a favicon.ico for your website http://www.chami.com/html-kit/services/favicon/ 使い方は簡単、「参照」をクリックして「Generate FavIcon.ico」をクリックするだけ。あとは生成されたFaviconをダウンロードして使うだけ。自動的にアニメーションするタイプのものも生成
GIGAZINE - Photoshopに膨大な量のリソースを追加する「22Pixels Flock」
153種類のフォント、100種類以上のブラシ、14種類のカスタムシェイプ、17種類のスタイル、30種類のテクスチャ、アイコン形式のフォーマット、プラグイン1つ、さらに7000種類ぐらいの各種プリセットが無料で一気にインストールされます。 22Pixels Flock - Reviews and free downloads at Download.com http://www.download.com/22Pixels-Flock/3000-2192_4-10504543.html ファイルサイズは88.4MB、フルインストールするには153MB必要。これひとつでかなりいろいろできるようになりますね……。 Macintoshの方は中身だけを抽出したこちらをダウンロードすればいいかも。 http://rapidshare.de/files/19238330/22Pixels_Flock_ju
ツンデレ・幼なじみ・メイド・妹のボイスが入った「∞(むげん)プチプチ ぷち萌え」 - GIGAZINE
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン123.0.6312.58(Linux)／123.0.6312.59(Windows、Mac)がリリースされました。CSSやWeb APIに様々な機能が追加されており、従来よりさらにウェブコンテンツの表現力が豊かになっています。 Chrome Releases: Stable Channel Update for Desktop New in Chrome 123: light-dark function, Service Worker Routing API, and more! - YouTube ◆CSS関数light-dark() CSSの色関数として、新たにlight-dark()が追加されます。この関数は引数として2つの色を指定することができ、下記の状況に応じていずれか一方を返します。 ・ウェブ開発者が明色
デュアルモニタにすると生産性が30％アップする
ニューヨークタイムズの記事によると、デュアルモニタ環境、要するに画面を2つ連結する環境にすると表示面積が2倍になり、結果として生産性が2割から3割ほど上昇するらしい。 The Virtues of a Second Screen - New York Times 例えば原稿を書く際に資料を一方に表示させながら、もう一方で草稿を書くとか、そういう感じで「何かを見ながら、参考にしながら」という作業を要する場合に威力を発揮するらしい。 また、画像加工の際にもオリジナルの画像と加工後の画像を比較したり、ネットでお買い物する際にも価格比較とかしやすいらしい…。これにタブブラウザとか組み合わせれば最強なんでしょうか。 単純な話、机の面積が2倍になれば作業しやすいよねーというのと同じ原理に基づいているらしい。
ブラウザから利用できる匿名プロキシサイトリスト - GIGAZINE
ページにアクセスすると、いろいろな情報が相手に伝わります。例えば下記のページにアクセスすれば、どういった情報が相手に伝わっているのかが分かります。 診断くん http://gigazine.net/cgi-bin/envchk080.cgi 「REMOTE_HOST」を見ればどこからアクセスしているのかが分かるので、会社から見ているのか、学校から見ているのか、あるいはマンガ喫茶から見ているのか、などがわかります。 こういう情報を相手に知られたくない場合、直接アクセスせず、代理でアクセスしてくれる「プロキシサーバ」を使えば、自分の情報が直接見ようとしているページに伝わることはなくなります。例えば、職場や学校からネットをする際に使えば、相手ページに職場や学校からアクセスしていることがばれないようになるというわけ。 が、いちいちプロキシサーバの設定をするのは面倒だとか、そもそも既にプロキシサーバ
GIGAZINE - FirefoxやThunderbirdのメモリ消費量を劇的に減らす方法
Firefoxはページのブラウジングを快適にするため、パソコンに搭載されているメモリを使いまくるという仕様になっています。ふつうの一般ピープルであればだからといってどうということもないのですが、Firefoxを好んで使う人のブラウジングスタイルだと異常なほどのメモリを消費し、もっさりしてきたり、快適さが損なわれてしまうように感じるのもまた事実。 なんとかならないものかとみんなあれこれ試行錯誤しているわけですが、そういう対策で一番お手軽で快適さが損なわれない方法を1つ、ピックアップしておきます。 なお、この対策方法はFirefox、Thunderbird、Mozillaで動作確認しています。 ■最小化したときにメモリ消費量を減らす メモリ消費量を抑える一番簡単な方法です。やり方もとっても簡単。 1. アドレスバーに「about:config」と入力してEnterキーを押す 2. 開いたページ
初代Googleのアルゴリズム解説 - GIGAZINE
いまやネットの世界を左右する強力な検索エンジンとなったGoogle。日本ではまだYahoo！の方がはるかに利用者が多いのでさほどではないですが、アルゴリズムの基本的な考えが似ているため、同じような結果が出てきます。つまり、既存の検索エンジンのその基礎となった一番最初のGoogleの検索アルゴリズムを理解すれば、検索エンジン対策にも役立つはず。 ということで、初代Googleのアルゴリズムをできるだけわかりやすく解説してみます。既存の他サイトの解説とは違い、きちんとした最初のGoogleの数式に基づいています。 詳細は以下から。The Anatomy of a Search Engine http://www-db.stanford.edu/~backrub/google.html Googleの画期的なランク付けの方法が数式による全自動のページランクというのは聞いたことがあると思いますが、
よくクリックされるGoogleAdSenseの条件3つ - GIGAZINE
これを試しに実行してみた結果、今まで1日10ドルだったのが1日700ドルになり、最終的には1日1700ドルの売り上げになったとのこと。一体何をしたのでしょう？GoogleAdsense担当者のブログからの実例に基づく効果的な最適化の報告。 Inside AdSense: Meet Ivan the optimiser -- but please, no paparazzi この報告によると、この結果はいわゆるアドセンスへの最適化というのを施した結果、発生したようです。最初は468×60サイズのバナーをページ最下部に配置していたそうです。これをまず300×250の中間ほどの大きさのレクタングルに変更。配置場所を各コンテンツの一番上と一番下にそれぞれ変更。また、色合いを補色で構成。これで1日10ドルから1日100ドルに上昇させることに成功。最終的にはページの上と下から、ページの真ん中、つまりよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あらゆるマルチメディアファイルを相互変換するフリーソフト「MediaCoder」
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」
http://gigazine.net/News/html/lg/001189.htm