JavaScriptを使ってページにマウスジェスチャ機能を実装する:phpspot開発日誌
YUI: Mouse Gestures JavaScriptを使ってページにマウスジェスチャ機能を実装するサンプルが公開されています。 基本ライブラリにはYahoo UI Libraryを使用しています。 画面上の灰色部分を左クリックしながらマウスジェスチャを行うことでアクションを起こすサンプルになっています。 コードは次のようになっています。 最初に、マウスの向きと関数名を関連付けた連想配列を定義して、YAHOO.widget.Gestures.init に渡しています。 後は関連付けた関数の中身を定義するだけという実装の容易さとなっています。 <script type="text/javascript"> var config = { 'left': test1, 'right': test2, 'up': test3, 'down': test4, 'upleft': test5,
ITmedia News：10代女子は“ホムペ作り”に夢中
10代女性に人気のサイトは“ホームページ”作成サービス――ビデオリサーチインタラクティブ（VRI）の調査から、こんな傾向が浮かび上がった。 今年10月の1カ月間に、13～19歳の女性が家庭のPCからアクセスしたWebサイトのドメインを集計し、（1）13～19歳の女性の含有「率」順（13～19歳の女性ユーザーが推定20万人以上のサイトに限る）と、（2）13～19歳女性の含有「数」順でそれぞれ20位までリストアップした。 含有率1位は、女の子向けコミュニティーふみコミュニティ。「学年別」「血液型別」「部活別」といった属性で細かく別れているチャットルームや、お絵描き掲示板、プリクラ情報交換掲示板などを設置。「ホームページランキング」では、ユーザーが作ったサイトをユーザーが評価したり、別のユーザーのためにサイト素材を作ってあげたりといったコミュニケーションが行われている。 ふみコミュニティトップペ
ウノウラボ Unoh Labs: JavascriptライブラリをJSANへアップする手順
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
Amazon S3 をバックアップストレージとして利用する
Amazon Simple Storage Service(A3)をバックアップストレージとして使うときのメモです。 ここでは自分のみがアクセスする目的と考え、ファイルを公開して配布する目的では必要となるであろうログの取得についてなどは省きます。 利点 単価がとにかく安い(1か月あたりの料金:転送量が$0.20/GB、データ領域が$0.15/GB) Amazonインフラなので信頼性がある 欠点 APIでの提供なので何らかのツールが必要となる そんなに速くない ちょこちょこ使うストレージとしてみると使いづらい ファイル操作は基本GET/PUT/DELETEしか用意されていない 移動・名前変更を行おうとするとGET→名前を変えてPUT→DELETEとなるのでムダがある(時間的にも金銭的にも) バケット(bucket) ストレージの領域の事。フォルダよりドライブに近い概念です。 自由に作成できま
はてなブログ | 無料ブログを作成しよう
うまくいかない日に仕込むラペ 「あぁ、今日のわたしダメダメだ…」 そういう日は何かで取り返したくなる。長々と夜更かしして本を読んだり、刺繍をしたり…日中の自分のミスを取り戻すが如く、意味のあることをしたくなるのです。 うまくいかなかった日のわたしの最近のリベンジ方法。美味しいラペを…
「仕事を超高速で片付ける88のコツ」 | シゴタノ！
いつもチェックしているLifeHackerのメンバーが執筆・編集した、その名も 『Lifehacker: 88 Tech Tricks to Turbocharge Your Day』 という本が今日届きました。まだパラパラとめくってみている段階ですが、内容盛り沢山な1冊です。 以下、章構成。 1．メンタルメモリを解放する（Free Up Mental RAM） ・未来の自分にメールする ・個人用Wikipediaを作る ・超ノート術 など 2．余計なことに注意を奪われない（Firewall Your Attention） ・時間浪費サイトにアクセス制限をかける ・メールに仕事を邪魔されないようにする ・机周りの最適化法 など 3．繰り返しタスクを自動化する（Automate Repetitive Tasks） ・自動バックアップ ・自動ダウンロード（音楽、映画など） ・自動リブート ・自
DOCTYPE スイッチについての検証とまとめと一覧表 - hxxk.jp
DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある
［独占単独インタビュー］ティム・オライリーが語る「Web 3.0」とは？ | Web担当者Forum
Tim O'Reilly独占直撃インタビュー Web 2.0の父が語る「Web 3.0」とは？ 11月7日から9日にかけてサンフランシスコで開催された「Web 2.0サミット」会場で、「Web 2.0」という言葉を世界に広めたTim O'Reilly氏本人に独占直撃インタビューを行った。 Tim O'Reilly氏が考えるWeb 2.0のその先にあるもの、そしてWeb 3.0とは？ 協力：インプレスR&D インターネット生活研究所 堀田 有利江 Web 2.0の今後の展開について教えてください。Web 2.0の先にあるものは何と考えていますか？ Tim： いくつかあると思う。 1つには、ユーザーデータのみならず、様々な端末やセンサー機器などから収集されるデータの活用法の進化だ。 これはすでに起ったことだが、Web 2.0では、ユーザーにとって容易にアクセスできるアプリケーションが数多く開発
【2ch】日刊スレッドガイド : 第二次世界大戦を生きた老人にはすげえ物語がある
1 ：僕も万が一に備えて肛門を洗っています ：2006/12/15(金) 17:26:18 ID:tjugQiDx0 ?2BP(3354) 太平洋戦争の激戦地、硫黄島で戦った旧日本兵の遺品返還を進める佐賀県み やき町の特定非営利活動法人（ＮＰＯ法人）「戦没者を慰霊し平和を守る会」が、 遺族を特定できずこれまで返還できていない日章旗や手袋、帽子などを公開した。 いずれも日本兵と戦った元米兵らが保管していたもので、同会が２００４年に入手。 映画「硫黄島からの手紙」が話題となっており、関係者は「島への関心が遺族の 特定につながってほしい」と期待する。帽子には「白尾末弘」「佐世保軍需部」、 手袋には「黒岩上ヒ」「横須賀軍需部」などと書かれている。 日章旗には「波里」「佐世保」のほか、同島に米軍が上陸したという 「昭和二十年二月十九日」の日付が読み取れる。沖縄戦で父親を失った同会の 塩川正隆副理事
秋元@サイボウズラボ・プログラマー・ブログ: イノベーションを阻害する10の方法
via del.icio.us/popular ソフトウェア開発プロセスに関するブログTyner Blainの記事Top ten tips for preventing innovationより、どうやったら革新的な発明をさせないことができるか、というアンチパターン集。 イノベーターを面接でうっかり採用してしまう 部下が指示通り動かずイノベーションを起こしてしまう そこそこの表彰や報酬ではなく、イノベーションに対価を与えてしまう うっかりイノベーションのための機会を作ってしまい、社員をそこへ殺到させてしまう といった失敗が多い、悩みのある企業に効く処方箋だ。 生活の安定を得ることを目標にしている人を雇う 無能な人を雇う。無能な人が雇えないときでも、一分野に特化した専門性の高い人を雇う 給与レベルは市場の75%以下におさえる。給与を上げるとイノベーターをひきつけてしまう イノベーションの達人
巨大企業から訴えられた場合になどに備え、いい弁護士を選ぶ方法
さて、一つ前の記事、「オリコンが個人に対し、名誉棄損だとして5000万円の賠償請求」を読めば分かるように、もはや言論弾圧だとか言っている間にも、いつ訴えられるかわかったものではありません。自分の身を自分で守るためには法律に詳しくなることはもちろんですが、知った法律を正しく運用できないと意味がありません。 また、いくら詳しくても所詮は実戦を伴わない素人……生半可な知識はやけどの元です。必ずどこかの局面で弁護士に頼らざるを得なくなります。 しかし実際には弁護士と言ってもピンからキリまで存在しており、さらに弁護士を頼むような状態に陥ったときには既に遅かりし、余裕を持って選んでいる状態ではありません。一刻も早く自分の味方になって法的アドバイスをしてくれる弁護士を選ぶ必要性に迫られているのですから。 そこで、非常に簡単ではありますが「弁護士を選ぶ方法」「弁護士の選び方」「はずれをひかない方法」につい
こんなに使えない概要フィード : akiyan.com
こんなに使えない概要フィード 2006-12-20 「RSSフィードには全文をいれるべきだ」 「いや、PVが欲しいからタイトルや概要だけにしよう」 ...断言しよう。RSSフィードは全文配信すべきだ。 なぜなら概要フィードはこんなにも使えないのだから。 目次 概要フィードは全文フィードに敗北する 全文フィードは利便性が良くて、概要フィードは利便性が悪い。でも概要フィードなら記事本文を読みにサイトにアクセスしに来てくれて全文よりもPVが増えるかもしれないし、他のコンテンツを見せたりできる。この考え方に矛盾は無い。 しかし忘れてはならないのは、ユーザーが購読しているフィードはあなたのフィードだけではない。RSSリーダーという狭い世界の中でフィードは競合する。全文フィードの台頭によって概要フィードは記事タイトルすらまともに見て貰えず、PVどころかアテンションまでも失うことになりかねない。 その理
一行あたりの文字数を制限するリキッドレイアウト - 2xup.org
2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl
勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』ｗ。 個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ（Bold Stripe） ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線（Bold Borde
これは驚き！顔の「平均値」を計算する『Make An Average』 | POP*POP
「あの人との子供はどんな顔になるかしら・・・」とお考えのあなたに最適なサイトがあります。 こちらでは、ある顔と顔を選べば、2つの顔の「平均値」を出してくれます。これを運営しているのはスコットランドにある大学の心理学者だそうですよ。 自分の顔写真をUPすることも可能です。 » Face Research | Computer Graphics | Demos | Make An Average 下記、簡単にご説明。 ↑ こんな女性2人の子供が産まれたら・・・（産まれませんが）。 ↑ こんな顔になるのでしょうか。 ↑ 男性同士でも融合します。 ↑ 心なしか中性的な顔になりました。 ↑ 男女ですると・・・。 ↑ あらかわいい。 アイディア次第でいろいろ使えそうですね（結婚祝いとか）。そんな「Make An Average」はこちらからどうぞ。 » Face Research | Computer
秋元@サイボウズラボ・プログラマー・ブログ: 本当に使える10個のWebサービスAPI
via del.icio.us/popular LinuxWorldの記事で、10個のWebサービスAPIが解説と共に紹介されている。 Google Maps API Geonames.org OpenID Amazon S3 Amazon EC2 Atom API OpenSearch Open Media Profile MediaWiki API JS-Kit 特定のサービスを便利に使うためのAPI(Flickr APIとか。あれはあれでよくできているけど)ではなく、実際の問題を解決するために使える10個を選んだ、ということだ。 1, 4, 67は「PHPxWebサービスAPIコネクションズ」でも扱っている。2番も同じものではないが日本で使えるものを紹介した。 上記のリストには、日本向けに出てないものもあるし、日本語の解説がまだまだ少ないものも多い。全部が伸びるかどうかはわからないけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブログバトラー
http://kengo.preston-net.com/archives/002979.shtml
TechCrunch Japanese アーカイブ » Digg、ニュースオンリーから脱する
http://neta.ywcafe.net/000691.html
Web Design Tools
CSS角丸ボックスジェネレーター「RoundedCornr」:phpspot開発日誌