【動画】これは凄い！ 東大の研究室が開発した「ダイナミックプロジェクションマッピング」が完全に未来!!
» 【動画】これは凄い！ 東大の研究室が開発した「ダイナミックプロジェクションマッピング」が完全に未来!! 特集 東京大学のある研究室が新たな技術を発表した。それは、最近イベントなどでよくみられるプロジェクションマッピングの技術を発展させた『ダイナミックプロジェクションマッピング』というものらしい。 プロジェクタの映像を「素早く動くものに投影する新技術」とのことだが、一体どんなものなのか？ 動画「Dynamic projection mapping onto deforming non-rigid surface」と共にご紹介したい。 ・東京大学「石川渡辺研究室」が開発した新技術 これまでのプロジェクションマッピングは、プロジェクタなどから “静止している” 物体や空間に対して映像を投影するものであり、動いているものを追いかけながら投影するということは難しかった。 そこで、東京大学「石川渡
人間とウェブの未来 - Linuxエンジニアを辞めて大学院に入学しました
人間とウェブの未来（旧） 「ウェブの歴史は人類の歴史の繰り返し」という観点から色々勉強しています。2014年までの人間とウェブの未来の旧ブログです。 昨日の記事が1日で多くの方に見て頂けているようでとてもうれしいです。 今回は元々、今日このタイミングで記事にしたいと思っていた内容があったのでそれを書きたいと思います。僕は去年の9月に会社をやめて、今年の4月から大学院に入学しました。「Linuxエンジニアを目指して入社1年目で役に立ったと思う事を書いた本人が、実はLinuxエンジニアをやめていた事を知ると、昨日のはなんだったの？」と思う人もいるかもし れません。なので、少しタイミングが悪いかもしれませんが、とりあえず書こうと思います。話は小学校までさかのぼるので長くなるかもしれません。暇つぶしに読んでやろうか、ぐらいで読んで頂ければと思います。 大学までの自分 僕は、小学校3年ぐらいから中学
新機能が増加中のデートアプリTinder、「効果的な」プロフィール写真を表示するスマートフォト機能を導入 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Image Credit: Tinder Tinderが新しい機能を導入する。マッチング候補に対して表示されるプロフィール写真を自動的に変更するという機能だ。 この「Smart Photos」機能では、Tinderのアルゴリズムが多くの写真にテストをし、どの写真が一番良い効果を発揮しているかを検証し、もっとも多くの右スワイプを引き出している写真に自動的に切り替える。 たとえば、飼い猫と一緒に写っているプロフィール写真がビールで乾杯している写真よりもポジティブな反応を得る確率が10パーセントが高かったとしたら、Tinderがビール乾杯の写真を飼い猫と一緒の写真に切り替えるのだ。 スワイプの履歴によって、人によって表示される画像が変わるということも付け加えておく必要があるだろう。たとえば、あるユーザーが笑顔のグループ写真を右スワイプする傾向があるとしたら、そうした写真がより表示されるようになる
スマホの指紋センサから反対の手にパスワードを人体伝送、ワシントン大学が開発
ワシントン大学の研究チームが、スマートフォンの指紋センサやノートPCのタッチパッドから発せられる微弱な電気信号を利用し、ほかのデバイスに触れるだけでパスワード情報などを人体経由で伝送する技術を開発した。特殊な機器を使用する必要ないため手軽なうえ、無線通信と違って盗聴されにくいメリットがある。 研究チームは、被験者にスマートフォンやノートPCを持たせ、指紋センサやタッチパッドに触れさせたうえで、反対側の手で触れたドアノブからスマートロックを解錠させる試験を実施した。指紋センサなどが低周波の信号を発信していることを利用し、これにパスワードやコードなどの情報を載せ、人間の体を伝送させたという。 指紋センサやタッチパッドは2MHzから10MHzの信号を出し、指の位置を検出したり、指紋の凹凸を認識したりするそうだ。センサは指紋データを得るために信号を発しているが、ワシントン大学のチームはこれを出力用
[CSS]レスポンシブ対応、高さ可変のアコーディオンをピュアCSSで実装するテクニック | コリス
* { box-sizing: border-box; } .block > div{ margin: 0; padding: 0; } .block { max-width: 400px; width: 100%; height: 100%; float: left; padding: 15px; z-index: 10; background-color: white; overflow: hidden; } @media screen and (max-width: 599px) { .block { max-width: 100%; } } .block > div { display: block; position: relative; padding: 0 0 0 35px; border-bottom: 1px solid white; background-color:
![[CSS]レスポンシブ対応、高さ可変のアコーディオンをピュアCSSで実装するテクニック | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed40b33996ad99527e2885410af7d472ef9e6b3b/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016110708.png)
商用利用無料！質感アップに効果的な透過で利用できるテクスチャ素材のまとめ -Transparent Textures
やわらかな布地、糸、格子柄、唐草模様、アスファルト、レンガ、ブロック、カーボン、等高線、吹雪など、定番の幾何学模様から珍しいパターンまでが豊富にそろった透過で利用できるテクスチャ素材を紹介します。 透過なので下地のカラーは自由、ブルーの布地、ブラウンの布地、ホワイトの布地、さまざまなカラーと組み合わせて利用できます。 Transparent Textures ダウンロードできるテクスチャ素材はすべて透過で、さまざまなカラーと組み合わせて利用することができます。 素材のフォーマットは透過PNGで、各「Download」ボタンからダウンロードできます。利用にあたっては個人でも商用でも無料、とのことです。 パターンは多種多様なものが数多く揃っており、その中から一部を紹介します。
【対談】佐々木俊尚から高城剛へ「どうして今、南の島をまわっているんでしょう？」
今、高城剛は世界中の南の島をまわっています。もちろんリゾートを満喫しているわけではありません。 一時帰国した高城剛とジャーナリスト佐々木俊尚の対談には、その答えが！ 高城 あと家紋も書いてありますが、怖い人みたいですよね（笑）。いまも昔も肩書きを入れたことがありませんが、ここ数年は住所もないというか拠点もないんです。よく言えばモバイルで、年々早い速度で移動しています、仕事も場所も。 とにかく3日と同じ街にいられない性分です。この1年間だけで50カ国以上まわり、複数回訪れる国も少なくありません。だから、取材依頼や面会依頼があっても、ほとんど対応できないのが正直なところなんです。 今回は、自著の『人生を変える南の島々』シリーズの編集者が「大きな講演会もやるんだから、たまにはメディアに出て話せ」ってね。なかば強要でしたね（笑）。
［東京大学］口に何もない状態でもバーチャル食品の食感をシミュレート。電気的筋肉刺激を用いて硬さや弾力性を再現。グミの模倣が最も効果的
［東京大学］口に何もない状態でもバーチャル食品の食感をシミュレート。電気的筋肉刺激を用いて硬さや弾力性を再現。グミの模倣が最も効果的 2016-11-07 東京大学の新島有信氏と小川 剛史氏は、電気的筋肉刺激（EMS）を用いてバーチャル食品の食感を与えるシステムの提案を論文にて公開しています。 本研究は、口に何もない状態でも、電気刺激を咀嚼筋に提示することにより様々な食感（噛む経験）をユーザーにシミュレートするフードテクスチャシステムです。 EMGセンサーを用いた食感計測システムにより、いろんな食材の食感を電気信号の最大振幅値とパルス幅によってパラメータ化し、それを医療用電気刺激装置を用いてユーザーに与える仕組みで、硬さや弾力性などの再現を可能にしています。 新島氏が言うには、グミの模倣が最も効果的だと述べ、さらに、咀嚼音などの他の感覚入力と電気刺激を組み合わせることによる強化も開発するだ
それ見られてる？押されてる？ヒートマップで確かめよう｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは、igguです。 今回からWebデザインのヒートマップを利用したアクセス解析や効果測定のお話をします。 折角、チームメンバーとデザイナーで考え抜いて決めたレイアウトやテキスト、ボタンの見た目など「これでよい！綺麗にできてる！」とリリースしたのに、その改修自体が誰かの思い込みだった…なんてことありませんか。 もちろん様々な解析ツールを利用して検証した結果のもと改修しているとは思いますが、ヒートマップを取り入れることでその改修内容に自信が持てたり、より確証がもてることで制作メンバーの意思統一ができたりします。 今回はヒートマップを導入することで得られたメリットをお伝えし、次回からはABテストを計画する方法や実例を紹介していきたいと思います。 現場でよく起こる議論 実際にメリットをお伝えする前に、よく現場でおきている議論を紹介します。 Webページの変更や改善の際に、企画者とデザイナー
iPhoneとスマートコンタクトレンズで「AR」体験が可能に！ - iPhone Mania
スマートコンタクトレンズの開発で知られるEPGLが、iPhoneと連携させて、AR（拡張現実）が体験できるスマートコンタクトレンズおよびiOSアプリの開発を進めていることがわかりました。 Appleと協力、AR向けレンズを開発 医薬部品メーカーEPGLのマイケル・ヘイズ社長は、iPhoneと連携し、ARアプリによる映像を投影できるスマートコンタクトレンズの開発を、Appleの協力を得て進めていることを明らかにしました。 スマートコンタクトレンズの外周に沿ってセンサーやストレージ、電子回路などが埋め込まれており、普通のコンタクトレンズと同じ感覚で着用することができます。Google GlassなどのようなVRグラスと違い、着用していても周囲に気づかれません。 またEPGLによれば、スマートコンタクトレンズの場合VRグラスの「縁」のような視界を遮るものがないため、非常にクリアで見やすいとのこと
CSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこなそう – ICS MEDIA
mix-blend-modeというCSSのプロパティ。これはDOM要素を重ねた時の見え方を指定するCSSプロパティです。デザイナー視点だとブレンドモードはごく当たり前に使う機能のひとつ。mix-blend-modeはウェブの表現手法が広がり、デザインの自由度が広がる注目すべきCSSプロパティです。本記事はmix-blend-modeの魅力と使い方をデモを交えて紹介します。 そもそもブレンドモードとは？ ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。Adobe PhotoshopやIllustrator、After Effects、XDや、Figmaで搭載されていて、レイヤーを重ねたときにどのように重ねて表示するかの設定になります。ソフトによっては「ブレンドモード」や「描画モード」「モード」と異なる名称が使われていますが、機能としては同じものになります。本記事ではCS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://unskilled.site/php%E3%81%A7%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E8%A6%97%E3%81%8F%E3%81%AA%E3%82%89adminer%E3%81%8C%E4%BE%BF%E5%88%A9/
2人のデザイナーは「インフォグラフィック」で大切な毎日を伝え合った
加速する気候変動を「167の世界地図」で示すインフォグラフィック
かくして毎朝の「目覚め」はハックされた：「めざましカーテン mornin’」 #CHA2016
仮想現実空間の「視線」をハックした男 #CHA2016
PlayStation VRで遊んでみて感じた音楽VRコンテンツの可能性
VRが抱える「大きな問題点」を解決するデヴァイス「MSI VR One」を使ってみた
【ノーベル賞】不食人間とはオートファジーが超活発なニュータイプか!? 科学ライターが解説！ - TOCANA
Fixing JPEG’s “Photocopier Effect” problem