静止画なのに回っているように見える「錯視」について、深層学習(ディープラーニング)で自ら学習する人工知能(AI)も、人間と同様に「回っている」と誤って判断し、錯視が起きていることを、基礎生物学研究所(愛知県岡崎市)と立命館大学(京都市)などの共同研究グループが発見し、国際学術誌で発表した。 AIの深層学習は、世界のトップ棋士を次々と破った「アルファ碁」で注目を集めた新技術。画像など膨大なデータを読み込み、判…
ハンターさんは、この現象すべては、偶然だったと言います。BuzzFeed Newsにこう語りました。 「図工の宿題をやっていたら、白い絵の具が筆にまだついていたから、適当に足に線を描いただけです。テカっているように見せようとしたわけじゃないです」
phpとかjavascriptとかgolangとかreactを中心につらつら適当に書いてたりなんだり。 パララックスサイトを最近作る機会があり、 普通にjsでscrollを取って諸々計算する方法でもいいかなと思ってたんだけど、 メンテナンスとかを考えると面倒だと思ってScrollTween.jsというのを使った。 もちろんパララックス系のライブラリはいくつもあったりはするんだけれども、 自由度が低いというかシーンが限られてるというか…みたいな感じであった。 その点ScrollTween.jsは直感的にいける感じのライブラリで中々良い。 ちなみにダウンロードはこちらから。 <script src="js/jquery-1.8.1.min.js"></script> <script src="js/ScrollTween.js"></script> <script src="js/jquery
XAML と C# を使った Windows ストアアプリ(LOB)構築のためのtips Prism 4.5 & Kona project 等のご紹介Shotaro Suzuki
皆様おひさしゅうございます。 ラーメン女子のうさこでございます。 最近は大好きなラーメンも食べるのを控えています。 えらいことになってるんですよ・・・ 親に骨皮筋子と言われた私でも・・・! 以前、会社の飲み会でデザイナーのユウコさんに、25 歳を超えるといくら食べても太らなかった体質も変化するから気をつけた方がいいよ!・・・というありがたい言葉をいただきました・・・ まさに今、身に染みて体感中でございます(涙 4月9日をもって Windows XP がサポート終了となりましたね! これで IE6 との長き戦いにも終止符が打てそうですっ!やっとですよ、やっと・・・! IE6 消え失せろ~♪ ついでに言うと、IE8 も消えちゃっていいんだぜ☆ さて・・・今回で3回目の投稿となりますっ 今回は、スマホに対応したパララックスサイトの作り方についてご紹介! Sublime Text ネタで通してきた
こんにちは、ディレクターのあかねです。 先日お客さんへの提案で、パララックスサイトを作りました。通常のサイトに共通する部分も多いパララックスですが、特にパララックスサイト構築時に限って気を付けたいことがあったので、まとめてみました。 ぜひ、パララックスサイトを作るときの参考になればと思います。 1. パララックスにするメリットを考える まずは、パララックスにするメリットを考えましょう。 「スクロールするとアクティブに動いてかっこいい!」だけじゃメリットとは言えません。 「ユーザに伝えたいこと」をしっかり考えて、使いやすい(UIがしっかりしている)サイトを目指します。 もしかしたら、パララックスじゃない方がユーザは見てくれるかもしれません。そういうときはちゃんと説明して、お客さんに納得してもらいましょう。 そして、とにかく成果を出しましょう! 2. 仕様をしっかり伝える 大事なのは、お客さん
こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 (注:スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。) jarallax.jsとは? パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら: http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea
HTML5のdata属性を使用して指定して、簡単にパララックス効果を実装できるスクリプトのご紹介。 しかもレスポンシブ対応です。 使い方 以下のコードは、Parallax ImageScroll -GitHubに掲載のコードです。 必要ファイルを読み込み、画像とコンテンツを配置します。画像は、HTML5のdata属性を使用して指定します。 <div data-image="anImage.jpg" data-width="1600" data-height="900"></div> <section><p>Content that "slides" on top of the images</p></section> <div data-image="anotherImage.jpg" data-width="1600" data-height="900">[optional conten
This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website. If you find this article useful and want to explore CSS Parallax further, you may find my follow-up article "Practical CSS Parallax" an interesting read. Parallax is almost always handled with JavaScript and, more often than not, it’s implemented badly with th
こんにちは。 今回はパララックスサイトの基本的な作り方を紹介したいと思います。 去年くらいから流行始めたパララックスサイト。今年になってもその勢いは止まりません。 そんなパララックスサイトの基本的な作り方です。 パララックス(視差効果)とはパララックス(視差効果)とは画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニックです。 準備をしよう!htmlを用意します。 jQueryはjQueryのサイトから直接読み込みます。 [html] [/html] スクロールした値を取得してみよう!スクロールした値によって個々のボックスを移動させますので、スクロールした値を取得します。 html[html] スクロールの値を取得スクロールの値 | 0 [/html] css[css] body { height: 5000px; } .num { margin: 0; posit
給料はナシ。 休日もナシ。 トイレもナシ。仕事内容は、生きること。食べるのも、食べられるのも、あなた次第。 2003年に、サントリーという会社が水を育むためにつくったこの森であなたも一緒に働きませんか? サントリー天然水の森とは サントリー天然水の森とは 採用情報 採用情報 採用試験 サントリー「天然水の森」が 人類以外を採用する理由 工場で汲み上げる地下水よりも 多くの水を生み出す森を育む。 という目標を掲げ、2003年から 私たちは森をつくり始めました。 2020年にはその2倍の森を育むという約束をしています。 そして、その森を守るために、 人類以外の動植物たちは、 欠かすことのできない存在です。 「天然水の森プロジェクト」は、 これから五十年、百年先を 見すえて続いていきます。 この活動や動植物たちのことを少しでも 知っていただければ嬉しいです。
カエル@Xxkaeru_625xX視力が悪い人にしか文字が見えない画像らしい。ほんまに文字書いてんのか?ってくらい何も見えないんだけど、、、ほんまに文字書いてんのか??(威圧 http://t.co/yVpG1DsWzc 2015/03/18 22:06:35 都@miya_co_385@Xxkaeru_625xX めっちゃ書いてるw 2015/03/18 22:07:28 カエル@Xxkaeru_625xX@miya_co_385 嘘やんwwww全く1ミリも読めないんだがwww寧ろワイの目が悪いのかもしれんwwww 2015/03/18 22:08:17 都@miya_co_385@Xxkaeru_625xX 「みえたら目がわるい?ホントかな?」って書いてるでw わし、視力0.1や ( ❝̆ ̫̮ ❝̆ ) 2015/03/18 22:10:07 れぽた@ストフェス参加?@repota_
このドレスの写真は現在あらゆる人間が派閥に分かれて言い争っている。このドレスが白と金に見えるという正気の人間が、青と黒に見えるなどという危険で愚かな人間を攻撃している(ああ、そうだ。このドレスは実際には青と黒だ。しかし議論は今、この特別な写真がどうして白と金に見えるのか、という点に移っている) なぜ人によってドレスの見え方が異なるのか。最終的な結論は出ていないが、これには「色の恒常性」という、より高度な理論を持ち出さないといけない。ある物体が同じ色でも照明の当たり方の違いで見え方が変わってしまう。そして色付きの光だったときには、人間の目はあてにならないと、ワシントン大学で色覚研究を行っているジェイ・ネイズ博士がニュースサイト「Vice」で述べている。
ドレスの写真って? インターネットで見る人によって二通りの色に見えるドレスの画像が話題になっていました。結論からいえばこのドレスは青と黒なのですが、「青と黒に見える」派と「白と金に見える」派に分かれるのです。あなたはどちらに見えますか? 引用元: http://swiked.tumblr.com/image/139988249090 「ディスプレイが違うから」といった説明も見受けられますが、同じディスプレイを見て意見が割れている方もいることから、影響はあるにしても主要因ではなさそうです。 また、「年をとると網膜の細胞が衰えて云々」という意見もありますが、老若男女はあまり関係なく青黒派と白金派がいるので、こちらの影響も少なさそうです*1。 それではこの理由について解説してみます。間違えてたら教えてください。 30秒で分かる説明 人間は周囲の状況が変わっても同じものは同じ色で見えるように脳内で
白と金か、青と黒か。どちらの色なのかわからないドレスの写真で、今世界がまっぷたつに割れています。 そりゃ、白金でしょ……えっ、違う?!(画像はTumblrより) 元々は海外のサイトで話題になったもので、投票を見たところ圧倒的に「白と金色」が優勢。 圧倒的ですね…… これを見て、日本のTwitterでも「白金派」と「黒青派」に分かれて、話題になっています。「青黒」「白金」で検索してみてください。 今回の写真は後ろの眩しい光と、前から当てられている光で、どちらから見るべきか混乱を招いている様子。ネットで売られている商品画像を見ると、一応、実物は「青黒」が正解のようです。 これなら確かに青と黒に見えますね(画像:Amazon.co.uk) あまりにみんなの意見がわかれているので、多くの人が考察をしています。 さて、あなたはどっち派? (たまごまご) advertisement 関連記事 こいつ一
【画像】 このドレス、「青と黒」もしくは「白と金」に見える人がいるらしい 1 名前: 栓抜き攻撃(大阪府)@\(^o^)/:2015/02/27(金) 14:50:23.53 ID:AADQ2N7b0.net このドレスが白と金に見えるか青と黒に見えるか、海外でものすごくバズってるんだけど、元ネタはどこなの?ちなみに私は暗いところで撮影した白と金に見えます。 https://twitter.com/romanticaugogo/status/571134180026773504 6: レインメーカー(愛知県)@\(^o^)/ 2015/02/27(金) 14:53:52.81 ID:PO2Amm2E0.net 白金 8: バックドロップホールド(庭)@\(^o^)/ 2015/02/27(金) 14:54:17.94 ID:QJi6Z0Cy0.net どうみても青黒だろ 10: パイルドラ
どうやら、あなたと私では見えている色が違うようです。 回転するディスクのGIF画像、白黒の中にちょっと色が見えませんか? この色、人によっては、青に見えたり赤や黄色に見えるんですって。 これはベンハムの独楽と呼ばれるもの。錯視の実験として有名な画像で、イギリスの玩具メーカーから発売された独楽が由来となっています。完全に白黒なので他の色は一切ついていません。でも、なぜか人によってさまざまな色が見えてしまう不思議な現象なのです。ちなみに、なぜこのような錯視が起こるのかは解明されていません。一説では、赤、緑、青の光に対して、眼における光を受け取る神経細胞が異なる変化率で反応するからとも言われています。 何色が見えました? 私は、黄土色に近い黄色が見えました。 image by Aleksandar Mijatovic/Shutterstock Casey Chan - Gizmodo SPLOI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く