ポスターの女性とキスできる日本の発明品が世界に衝撃を与える！ 海外ユーザー「日本よ…なにやってんだ」
» ポスターの女性とキスできる日本の発明品が世界に衝撃を与える！ 海外ユーザー「日本よ…なにやってんだ」 特集 以前日本の研究グループが開発した「一人ポッキーゲーム」が海外で話題になったが、今回また、新たな日本の発明品が世界に大きな衝撃を与えている。 その発明品の名前は、ズバリ「POCHUTER」！ そう、ポスターのなかの人物とチューができる画期的なデバイスなのだ。 慶應義塾大学の研究グループが開発したこの「POCHUTER」は、モニターとユーザーの距離を感知し、それに合わせて、モニター内の人物の表情を変えるシステムを持っている。よって、画面に映った人物にキスしようとすると、相手もそれに応じて表情を変えてくれるというわけだ。 このなんともユニークな発明品に、日本だけではなく、海外の多くのネットユーザーも反応を示しており、次のようなコメントが動画に寄せられている。 【日本ユーザーの声】 「動
徳丸浩の日記
日経BPから4月4日発売予定の『はじめて学ぶ最新サイバーセキュリティ講義 「都市伝説」と「誤解」を乗り越え、正しい知識と対策を身につける』の監訳を担当したので紹介させていただきます。 本書の原書は、ユージーン・H・スパフォード、レイ・メトカーフ、ジョサイヤ・ダイクストラの3名の共著として書かれた「Cybersecurity Myths and Misconceptions」で、米国Amazonのレビューでは4.6の高評価を得ています。また、「インターネットの父」ことヴィントン・サーフ氏が本書に前書きを寄せています（後述）。 はじめにサイバーセキュリティは、その短い歴史にも関わらず、神話や都市伝説に満ちています。古典的なものとして、本書の冒頭では、「ウイルス対策企業が自社製品を売るためにマルウェアを作って拡散した」が紹介されています。 本書は、このようなセキュリティの都市伝説や神話をとりあげ
PHPの組み込み関数で例外を発生させる方法
このエントリではPHPの組み込み関数でエラー時に例外を発生させる方法を紹介します。デフォルト状態では、PHPの組み込み関数の大半はエラー時に例外を発生させません。 前のエントリで、PHPのheader関数は戻り値を返さず、エラー時に例外も発生させないことを紹介しました。これは酷い仕様だと思うのですが、どうすればエラーハンドリングできるかを考えてみました。 header関数の場合、エラー（警告）そのものは出ているので、以下の二つの方法が候補として考えられます。 error_get_last関数で直近のエラーを取得してエラー処理する set_error_handlerで定義したエラーハンドラ関数でエラー処理する どちらもモダンな書き方とはほど遠い感じです。 前者は、BASICのon error resume nextを連想させますし、直近のエラーがどの箇所で起こったかは簡単には識別できないので
jQueryで作るスライドするローテーションバナー
Posted: 2010.09.15 / Category: javascript / Tag: jQuery ちょっと前まではコーポレートサイトのトップページによくあるローテーションバナー（というかスライドショー？）はFlashで作るのが当たり前でしたが、最近ではjavascriptで作成しているものが増えてきましたね。 ということでjQueryを使用してシンプルなスライドタイプのローテーションバナーを作成します。 html+cssの作成 bannerというidを付けたdivにリストでマークアップした表示する画像を入れます。 画像は全て同じサイズの方が良いでしょう。ここでは320×213の画像を4枚用意しました。 html <div id="banner"> <ul> <li><a href="img/01.jpg"><img src="img/01.jpg" width="320" h
JavaScriptで動的に生成したform要素は明示的にDOMに追加しないとsubmitできない - F.Ko-Jiの「一秒後は未来」
jQueryで「ある要素をクリックしたらform要素を動的に生成してsubmitを実行」という処理をして、画面遷移させようとしました。 $('#hoge').click(function() { $('<form></form>') .attr('method', 'post') .attr('action', '/hoge') .submit(); }); 簡単に書くとこんな感じ。 これをChromeで実行するときちんと動作します。なのでこれでいいや、と思っていたのですが、しかしこれをFirefoxで実行させるとsubmitが動作しません。ついでにIEでも動作しません。 何もコードは間違えてないはずなのにな・・・と思いつつ、少し考え、おもむろにform要素をbody要素に追加してみたところ、FirefoxとIEでもきちんと動作するようになりました。 $('#hoge').click(fu
電通、読みやすさを科学的に検証した「みんなのフォント」開発
電通は、読みやすさを科学的に検証したフォント「みんなの文字」を一般社団法人ユニバーサルコミュニケーションデザイン協会(UCDA)やイワタと共同開発した。「みんなの文字」(R,R2,M,L)4種をセットで販売し、価格は税別5万6000円。パック自体は近日中にダウンロード形式にて発売されるが、Lのみ7月以降の納品になるという。 「みんなのフォント」書体サンプル。同フォントは日本年金機構の「ねんきん定期便」(平成24年度版の一部)や金融機関の「住宅ローン申込書」などで先行して使用される 同フォントの判読性や視認性、可読性については多くの人を対象にテストを重ね、評価には東京電機大学矢口式評価法(IPO)を用いている。白内障や老眼など読み手側の事情、あるいは文字のかすれやつぶれといった印刷上の問題を徹底的に検証し、小さなサイズの文字の誤読も減少したとのこと。特に数字の判読性に優れているとのこと。 ま
プロのデザインワークスの参考に ハイクオリティなアイコンまとめ「50 Fresh Icon Sets For Developers And Designers」
TOP > Design > プロのデザインワークスの参考に ハイクオリティなアイコンまとめ「50 Fresh Icon Sets For Developers And Designers」 WEBデザイン制作の必須アイテムとなっているアイコンは、ユーザーにコンテンツをより分かりやすく利用してもらうために、クオリティも高めていきたいもの。そこで今回紹介するのが、比較的最近発表されたクオリティの高いアイコンをまとめた「50 Fresh Icon Sets For Developers And Designers」です。 iCrea by ~draseart on deviantART シンプルなアイコンから、ディティールにこだわったアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Boo
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
[Web] preタグソースコードを掲載する際に、はみ出ないようにするCSSの設定 - YoheiM .NET
今日はスゴくライトなネタです(*´∇｀*) ソースコードをブログに掲載する際に、preタグを利用した際に、 １行が長いと、横にはみ出すことがあると思います。 今日は、それを防ぐ為のCSSを紹介したいと思います。 preタグ内で折り返すCSS preタグに以下のCSSを適用する事で、preタグのボックス内で自動的に改行されるようになります。 pre { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -webkit-pre-wrap; /* Chrome, Safari */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE 5.5+ */ } 最近は、Firefox, Chr
![[Web] preタグソースコードを掲載する際に、はみ出ないようにするCSSの設定 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/675594d482f335a3c34eba471c7c9ec7b94d9b1e/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F032.png)
「橋下徹の交渉術･言論テクニックを解剖する」中島岳志‐マガジン９
マガジン９ 憲法と社会問題を考えるオピニオンウェブマガジン。 ｜「マガジン９」トップページへ｜「カフェ・ハチャムの挑戦」：バックナンバーへ｜ 2011-11-09up 中島岳志の「希望は、商店街！ 札幌・カフェ・ハチャムの挑戦」 第6回 11月27日に実施される大阪のＷ選挙に際して、橋下徹氏の言動に注目が集まっています。大阪都構想を実現すればすべてがうまくいくかのような幻想をふりまき、既得権益を徹底的にバッシングすることで支持を獲得するあり方は、非常に危険だと言わざるを得ません。また、そのような独断的で断言型の政治家を「救世主」と見なす社会のあり方も問題だと思います。（「ハシズムを支える社会」の問題については『創』１２月号で詳しく論じています。） 多くの人は、橋下氏の言論術に翻弄されています。彼は「ありえない比喩」を駆使し、「前言撤回」を繰り返しながら、人々の心をひきつけて行きます。私たち
女子高校生鷹匠、迷惑カラスを見事駆除 佐賀県が正式依頼検討 : 痛いニュース(ﾉ∀`)
女子高校生鷹匠、迷惑カラスを見事駆除 佐賀県が正式依頼検討 1 名前：西独逸φ ★：2012/04/14(土) 08:35:56.37 ID:???0 高校生鷹匠（たかじょう）として活躍する佐賀県立武雄高校３年の石橋美里さんが４日夕、カラスの被害に悩む佐賀市中心部で駆除に挑んだところ、見事に追い払うことに成功した。 定期的に威嚇することで、周辺に寄りつかなくなる効果が期待できるため、佐賀県は今後、検証して駆除作業を正式に依頼するかどうかを決める。 佐賀県によると、昨秋から日本野鳥の会県支部に委託し、県内のカラスの数を調べたところ、県庁を含む佐賀市の城内公園周辺に多い時で数千羽が集まり、県内最大のねぐらになっていることが分かった。 ゴミをあさったりフンを落としたりするため、周辺住民の苦情が絶えない。 そうした実態を同じく鷹匠で父親の秀敏さん（４５）が聞いて駆除を買って出た。 http://w
テレビが進化する可能性を追う！日本の閉鎖的な放送業界を揺り動かす「SPIDER」のさらなるチャレンジ（佐々木 俊尚） @gendai_biz
先進的なTV機器として非常に強い注目を集めている「SPIDER」が今春、新たな段階へと踏み出そうとしている。これは日本のテレビの未来を考えていく上で、非常に重要な意味をはらんでいる。 SPIDERの持っている意味をひとことで表すのは難しいが、この機器についての同社の公式説明はこうだ。「テレビの番組もCMも検索できる全チャンネル同時録画レコーダー」。野村総研出身の有吉昌康氏が設立したベンチャー企業PTPが、2007年から発売している。昨年春には地デジに対応し、画面インタフェイスやリモコンもまるでアップル製品のような洗練されたものへと一新された。 新しい展開とは何か。それは端的に言えば、テレビのウェブ化であり、構造化である。つまりはテレビ放送がこれまで、ITの潮流の中で取り残されてきた部分を補おうとしているのだ。 具体的にいえば、キー局やローカル局を含めて全国で放送されているすべての番組を、デ
HTTP/308 で Web を前進させよう
Pushing the Web Forward with HTTP/308 http://blogs.msdn.com/b/ieinternals/archive/2012/03/29/http-308-permanent-redirect-pushing-the-web-forward-by-breaking-unwanted-forward-compatibility.aspx 以前に紹介した IEInternals の記事「HTTP Methods and Redirect Status Codes」(私訳) で検討されていた HTTP リダイレクト ストータス コードについての新しい話題です。本文中にもあるように、Internet-Draft となった HTTP/308 ステータス コードが取り上げられています。 以下の文章は EricLaw’s IEInternals の 201
500円フォトブックTOLOT（トロット）
TOLOT（トロット）は、撮り溜めた写真からフォトブック、カレンダー（卓上、壁掛け）、ポストカードが作成できるサービスです。価格は250円〜（税込み）。人気キャラクターとのコラボ商品もあり、オリジナルのグッズ（アルバム、作品集、手帳、カードなど）を作って楽しめます。
ハンズフリーで読める電子書籍★ iPad アプリの MagicReader を試してみた(`・ω・´)ノ | AppBank
MagicReaderを試してみました(`・ω・´)ノ いやはや、これは電子書籍を使っていないという方でも、試してみたくなったのではないでしょうか？ ・これを機に、電子書籍を使い始めてみようかなという方。 ・MagicReaderの使い方を詳しく見たいという方。 は、こちらの記事をご覧ください。 →[iPad] MagicReader: 手を使わずに読める魔法のBook★まじでスゴイ。しかも無料。 – AppBank どんなシチュエーションで使えるのか？ 作者さんのブログで紹介されていた、【どんなシチュエーションで使えるのか？】です。 ほんとに色んなシーンで活躍しそうですね！！ 食べながら本を読みたいとき。 料理をしながらレシピ本を見たいとき。 楽器を演奏しながら楽譜をめくりたいとき。 赤ちゃんを抱っこしている時に読書がしたいとき。 手を怪我していたり、手が使えないとき。 ネイルが長くてタ
Web SQL DatabaseとIndexed Database API
HTML5では、API群が整備され、データベース関係のAPIも充実します。これによって、これまでよりも柔軟なWebアプリケーションを作れるようになるでしょう。今回は、それらのAPIの中から、「Web SQL Database」と「Indexed Database API」の2つを取り上げます。 Web SQL Databaseの概要 第4回では、Web Storageを紹介しました。Web Storageは、シンプルなデータベースAPIで、Cookieの代わりとして使うなどの使い道があります。ただし、単純なキー・バリュー型のデータベースなので、検索などの複雑な処理には向いていません。Webアプリケーションの中で本格的なデータベース処理を行うには、Web Storageでは機能的に不十分です。 そこで、「Web SQL Database」と呼ぶデータベースAPIが提案されています。Web S
フォーム自動入力(x-autocompletetype)の実験
※ご注意： ウイルスバスターがインストールされている環境だと、この記事は読めないようです (→参考画像) (x-autocompletetypeとは？) Webサイトのフォームにワンクリックで個人情報を自動入力してくれる便利機能。ブラウザに、あらかじめ名前やメールアドレスや住所やクレジットカード番号などの情報を設定しておく。 アンケートサイトとかに超便利 入力が苦手なオカンも便利 とにかくべんり Google Chrome のみ対応してる (2012年4月4日時点)。 便利すぎて今後、他のブラウザも追随必至。 (ユーザーが自動入力を使うには) Google Chrome 設定 → 個人設定 → 自動入力設定の管理 → 住所氏名メールアドレス等を入れておく (Webページ側での自動入力の設定) inputにx-autocompletetype属性をつけて、値を email とか sname
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
こてさきAjax:indexedDB を触ってみた - livedoor Blog（ブログ）
IndexedDBを試してみました。今日はその話。 IndexedDBは、いわゆるNoSQL DB。RDBMSと異なり、スキーマレスで手軽に扱うことが可能なDBです。W3CのWorking Draftは、 http://www.w3.org/TR/2010/WD-IndexedDB-20100105/ で公開されています。今回試したのは、chromiumとFireFox4β8。IE9でも追加パッケージ HTML5Labs を使えば、利用可能なようですが、僕はまだ試していません。 IndexedDBの嬉しい点 IndexedDBはWeb SQL Databaseと異なり、任意のオブジェクトをスキーマを定義せずに操作可能です。Webアプリでスキーマの変更が発生するのは、結構やっかいな問題です。頻繁にカラムの追加や削除などをしてしまうと、各ユーザのブラウザ上のテーブル構造が全く異なる結果になりが
[Web] Wikiのような利用者が編集できるWebページの作り方 - YoheiM .NET
今日は、WikipediaのようなWebページだけど、訪問者（利用者）がページを編集できるようなページを作ってみました。その作り方をブログに残しておきたいと思います。 http://www.yoheim.net/labo/wiki/wiki.php ページの編集を可能にするcontenteditable属性 contenteditable属性を利用します。この属性をtrueに設定することで、編集できるページができます。思ったより簡単(*´∇｀*) 以下はサンプルのHTMLです。こーんな感じで作成出来ます。 <div id='edit_area' contenteditable='true'> <h2>自由に編集出来ます</h2> <div style="color:#ff3300; font-size:large;"> 文字を書いてみたり。下の画像をドラッグして移動出来ます </div>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPにおけるダブルクウォートとシングルクウォートの違い！
Engadget | Technology News & Reviews
視差効果もここまできた！最近のスムーズに動く凄いパララックスWebデザイン
http://designaholic.cc/2011/09/html5web.html
IBM Developer
IDEA * IDEA
JavaScript 入門 基礎編 | TM Life