GIGAZINE - 文法タグ入力不要のWiki「Wetpaint」の使い方
「Wetpaint」とは、いわゆるWiki記法とか文法を覚えたり書いたりする必要のない、WYSIWYG方式で編集できる無料のWikiサービスです。日本語も利用可能で、誰でもアカウントを作ってWikiを作ることができます。 というわけで、早速作ってみました。トップページはロックしてありますがそれ以外は自由に編集できます。 以下、アカウントの作り方から簡単な編集画面の解説まで。 ◆アカウントの作り方 まずhttp://www.wetpaint.com/にアクセスし、右に見えているボタンをクリック。 「1」で作成するWikiの名前とアドレスを決定します。また、分類分けするためのタグを入力できます。「2」では編集する権限をどこまで許可するかを決めます。左から順に、誰でも編集できる、Wetpaintのアカウントを持っている人だけが編集できる、管理人に招待された人だけが編集できる、というようになってい
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
Photoshopを使ったあなただけの星の作り方 - GIGAZINE
よく見かけるSF的な上図のような星。これをPhotoshopで作るにはどうすればいいのかというチュートリアルです。元素材となるテクスチャさえ用意できれば割と簡単。 作り方は以下を参照。 Planet Tutorial http://skyetis.com/Tutorial/tut.html いろいろと設定を変えれば、こんな感じの惑星を作ることができます。 Science-Fiction http://skyetis.com/scifi.html 元になるテクスチャは以下のサイトでそれっぽいのを発見できます。 GIGAZINE - 1万3000枚以上の写真をロイヤリティフリーで提供する「Image * After」
Windows Vistaの動作ムービーいろいろ
Windows Vistaがどんな動き方をするのか実際の画面に近い解像度（1024×768）で再生して確認できます。現在公開中のベータ2日本語版をインストールするほどの気合いはないがどんな感じか見てみたいという人に最適。 ダウンロードは以下のサイトから。 Windows Vista screencasts at istartedsomething すべてH.264コーデックなのでQuickTimeが再生に必要です。 内容としては新しいユーザーインターフェースであるAero Glass、ファイルをコピーする様子、新しいヘルプガイドの大雑把な使い勝手、手書きモード、サイドバーの雰囲気、ハードディスクの検索、メディアセンターとなってます。 なお、ムービーのダウンロードが重い場合は以下のミラーサイトを使うと高速にダウンロードできます。 http://dl.us.xferla.net:8090/mi
CSS3に関する情報をまとめたサイト「CSS3.info」
次のIE7やFirefox、Opera、Safariなどでサポートされる「CSS3」に関する情報をまとめたサイトです。テーブルの角を丸くするとか、文字に影を付けるとかの効果を確認できる実際にCSS3を使ったサンプルもあります。 Everything you should know about CSS3 - CSS3.info http://www.css3.info/ プレビューいろいろ。 CSS3 Preview - CSS3.info http://www.css3.info/preview/ 例としては以下のような感じです。なお、FirefoxなどのCSS3に対応したブラウザで見ないと効果がわかりませんのであしからず。 角を丸くする、四隅の内2つとか、上だけとか下だけとかも可能 http://www.css3.info/preview/rounded-border.html 文字に影
350万枚のワールドカップチケットに埋め込まれた「RFID」とは何か？
昨日から始まったワールドカップですが、そのワールドカップの入場チケットにはすべて「RFID」が使われており、購入時に回答したデータ（住所氏名年齢など）が含まれており、全12カ所の会場に入場する際にデータベースと照合して合っているかどうかの確認をするそうです。これは偽チケットが出てくるのを防止するための策らしい。 PCWorld.com - Security Scores Big at World Cup Tournament ワールドカップチケットはこんな見た目です http://flickr.com/photos/charliux/139259034/ http://flickr.com/photos/charliux/139259027/ で、「RFID」という名前をよく聞くもののそれが何なのか、どのような使用例があるのか、その実態を調査してまとめてみました。 まずは一番簡単なRFID
フォトレタッチ・ビフォーアフター - GIGAZINE
雑誌やパンフレットなどの画像は加工されているというのはわかっていてもどれぐらいまでフォトレタッチされているのか？というのはまた別問題。というわけで、加工後と加工前を見比べて、昨今のフォトレタッチの実態に驚愕してみましょう。しみ、しわ、胸の大きさ、ウエストの細さ、なんでもレタッチして美しく仕上げます。 衝撃の展開必須の各種フォトレタッチ済み画像比較サイトは以下から。一応簡単なフォトレタッチ方法の解説もあります。 例その1、ブロンド美女。マウスを上に載せると本当の姿が浮き彫りに http://homepage.mac.com/gapodaca/digital/blonde/blonde1.html アップにするとさらによくわかる。 http://homepage.mac.com/gapodaca/digital/blonde/blonde2.html http://homepage.mac.c
GIGAZINE - 最速のブラウザはどれ？
初回起動速度、一度起動して2度目の起動速度、CSSのレンダリング速度、テーブルタグのレンダリング速度、JavaScriptの実行速度、複数画像のロード速度、一度表示したページのキャッシュ再表示速度で各種ブラウザを比較した結果、その頂点に立つブラウザはどれなのか？というお話。 比較対象ブラウザはAvant1.1、Blazer4.0、Clue4.2、Escape4.82、Escape5.1.4、Firefox1.0（Moox）、Firefox1.0、Firefox1.5、ICEbrowser6、Internet Explorer 5.0、Internet Explorer 6.0、Internet Explorer 7.0 (b1)、K-Meleon 0.8.2、Maxthon 1.1、Mozilla 1.0、Mozilla 1.8、NetFront 3.2、Netscape 4.77、Net
GIGAZINE - GIGAZINEのLoadAvarageを「27」から「2」へ下げた方法
ここ3日間ぐらい超絶な重さだったのはサーバに物理的トラブルが発生したからではなく、単純に閲覧者数が満員御礼となり、各時間で倍増したためです。LoadAverageはひどいときで15分間の平均値「27.1」程度。瞬間最大風速だともっと高いです……明らかにまずい。 というわけで、Apacheのデフォルト設定で今までは大丈夫だったのですが、ついに高負荷サイト用の設定に変更せざるを得なくなりました。 そのため、実際に行った対処方法は以下の通り。1日30万PV近い動的サイトの高負荷を緩和させる方法として参考になれば幸いです。 まず大前提として、既にDNS逆引きや.htaccessの余計な読み込みなどは停止させていました。下記ページに書いてあることは実行済み。 ＠IT：Apacheパフォーマンス・チューニングの実践（1/2） この状態で負荷が15分平均で「27」になっていたわけです。 また、LoadA
パーティションを操作できるフリーソフト「GParted Live CD」 - GIGAZINE
正確にはオープンソースソフトなわけですが、非常に優秀です。ISOイメージをダウンロードしてCD-Rに焼けばライブCDが完成。そこから起動すればパーティション操作がグラフィカルな操作画面から可能になります。 パーティションのサイズ変更や新しいパーティションの作成、フォーマットの変換、まるごとコピーなどが簡単にできます。 対応しているのはExt2、Ext3、FAT16、FAT32、JFS、ReiserFS、Reiser4、NTFS、XFSなど。 GParted http://gparted.sourceforge.net/ ダウンロードはこちらから（LiveCDの方） http://gparted.sourceforge.net/download.php パーティションのサイズ変更はこのような感じで可能 新しくパーティションを作る場合はこんな感じ フォーマット変換は選ぶだけで済む 各フォーマッ
GIGAZINE - クリックするだけで編集可能な「Easy AJAX Inline Text Edit」
GoogleCalendarもそうでしたが、クリックするだけで編集可能になり、そのまま別のところをクリックすれば保存完了というAJAX。 いちいち「編集」とか「保存」とかそういうボタンを押さずに済むのでラクチン。 例はこちら。 Example page: instant edit AJAX-style http://www.yvoschaap.com/instantedit/ ソースコードのダウンロードや解説は以下を参照。 YvoSchaap.com ほかにもダブルクリックでインラインディタとして「FCK Editor」を呼び出す例。 Inline Text Edit with FCK Editor
GIGAZINE - Googleが決済サービス「Google Checkout」を制作中
いつ公開されるかは分かりませんが、自分の口座の個人情報を相手に教えずに個人間送金を可能にする決済サービス「Google Checkout」が制作中だそうで。「Checkout」というのは勘定という意味です。 既にgooglecheckout.net/org/infoが取得されています。また、クレジットカードとの連携も考えているらしく、googlemastercard.comというドメインも取得しているそうで。 以下、どういうイメージのサービスになるかを解説します。 Welcome to Google Checkout, that will be $3.14 | Googling Google | ZDNet.com http://blogs.zdnet.com/Google/?p=208 決済手段としてはいわゆるPayPalのような方式になるらしいのですが、日本で言うならばイーバンク銀行の
GIGAZINE - CSSで角をもっと丸くする方法いろいろ
「スライディングドア」と呼ぶ方法で全体をヘッダー、ボディ、フッターの3つに分割して、コーナー部分などはオーバーレイとか使ってみましょう、という方法。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.schillmania.com/projects/dialog/ 使用しているコードと画像のダウンロードはこちらから http://www.schillmania.com/projects/dialog/dialog.zip また、こちらに透過PNGを利用したバージョンもあります。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.s
GIGAZINE - CSS3はこうなる
現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ～という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。CSS3 Preview - Joost de Valk http://www.joostdevalk.nl/code/css3-preview/ ブラウザのサポート状況は以下のサイトが上手にまとまっています。 Web Browser CSS Support http://www.webdevout.net/browser_support_css.php#css3standards W3CのページによるとCSS3というのはこんな感じらしい。 Introduction to CSS3 http://www.w3.org/TR/css3
PHPのスキルを上げる100以上のプレゼンテーション資料
PHPの配布元であり、開発情報も数多く入手できるphp.net。その中に実はトップレベルのPHP開発者たちによるプレゼンテーション資料があり、データベース、デバッグ、セキュリティ、拡張、ローカライゼーション、高速化や最適化などのパフォーマンスに関することなどを簡単にまとめてある場所がある。基本的なことばかりではあるが、PHPをいじくり倒したい人にとっては最適な資料となるかも。 PHP Presents http://talks.php.net/ また、php.netのサイトで得られる情報については以下が詳しい。 【PHPウォッチ】第24回 PHP関連情報の宝庫，php.netの歩き方：ITpro http://itpro.nikkeibp.co.jp/article/COLUMN/20060220/230039/
GIGAZINE - FirefoxやThunderbirdのメモリ消費量を劇的に減らす方法
Firefoxはページのブラウジングを快適にするため、パソコンに搭載されているメモリを使いまくるという仕様になっています。ふつうの一般ピープルであればだからといってどうということもないのですが、Firefoxを好んで使う人のブラウジングスタイルだと異常なほどのメモリを消費し、もっさりしてきたり、快適さが損なわれてしまうように感じるのもまた事実。 なんとかならないものかとみんなあれこれ試行錯誤しているわけですが、そういう対策で一番お手軽で快適さが損なわれない方法を1つ、ピックアップしておきます。 なお、この対策方法はFirefox、Thunderbird、Mozillaで動作確認しています。 ■最小化したときにメモリ消費量を減らす メモリ消費量を抑える一番簡単な方法です。やり方もとっても簡単。 1. アドレスバーに「about:config」と入力してEnterキーを押す 2. 開いたページ
よくクリックされる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ページを開く
CSSでチェックボックスとラジオボタンをスタイリッシュに
月に流星体が激突、新たなクレーター発生
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」