並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 214件

新着順 人気順

視差の検索結果121 - 160 件 / 214件

  • 天の川銀河を旅する動画で天文学の基本単位「光年」を実感してみよう

    「天文学的な数字」などと表現されるように、天文学ではとても大きな数字を扱います。それは天体の数(「星の数ほどある」とも言いますね)であったり天体までの距離であったりします。ここでは天体までの距離について考えてみましょう。 天体までの距離はあまりにも遠いので、日常生活で使う単位(たとえば ㎞)では何桁もの数字になってしまいます。そこで天文学では新たな別の単位を使うことがよくあります。それが「光年」、「パーセク」、「天文単位」です。 なかでも「光年」はもっともよく知られており、天文学の基本単位と言って良いでしょう。「光年」とは光が1年間に進む距離のことです。しかし「光が1年間に進む距離」と言われても、なかなか実感がわかないと思います。そこで光子(光の粒)になったつもりで太陽から天の川銀河の端まで冒頭の動画で旅してみましょう。 以下では動画に沿ってkmに換算した数字も書いてみました。「天文学的な

      天の川銀河を旅する動画で天文学の基本単位「光年」を実感してみよう
    • 「今の日本のメーカーは機能性のことを言い過ぎなんですよ」ジェットダイスケがライカを選んだ理由

      「今の日本のメーカーは機能性のことを言い過ぎなんですよ」ジェットダイスケがライカを選んだ理由2020.04.03 18:0050,125 山本勇磨 何かと実利的な時代、だからこそ。 2月末よりギズモード・ジャパンでスタートしたカメラ特集「さよなら、プロっぽいカメラ:僕らはカメラをこう選ぶ」。この特集では、各メーカーがしのぎを削るデジタルカメラのスペック競争から離れて、自分の感性に向き合ってカメラを選ぶことの楽しさを提案しています。 今回インタビューした写真家/カメラレビュアーのジェットダイスケさんは、そんな感性でカメラを選んでいるユーザーの一人。2018年にはレンジファインダーカメラの「ライカM10-P」を購入しました。ジェットさんと言えば、キヤノンの一眼レフやソニーの「α99」「α7」シリーズなどのレビュー動画を多数あげており、いわば“プロっぽいカメラ”でおなじみでしたが、なぜクラシカル

        「今の日本のメーカーは機能性のことを言い過ぎなんですよ」ジェットダイスケがライカを選んだ理由
      • 【最新版】パララックス効果は「simpleParallax」で決まり!使い方をわかりやすく解説! - 株式会社PENGIN

        2022.09.14 2024.07.15 Webデザイン 【最新版】パララックス効果は「simpleParallax」で決まり!使い方をわかりやすく解説! 粟飯原匠 |プロデューサー マーケティングを得意とするホームページ制作会社PENGINの代表。教育系スタートアップで新規事業開発を経験し、独立後は上場企業やレガシー産業のホームページ制作・SEO対策・CVR改善の支援を行うPENGINを創業。「ワクワクする。ワクワクさせる。」を理念に掲げてコツコツと頑張っています。 そんな方におすすめなのがJavaScriptライブラリの「simpleParallax」です。 JavaScriptを使いますが、仕組みが理解できればカンタンにカスタマイズできるため、Webサイト制作で重宝すると思います。 CSSで実装するよりもsimpleParallaxを使うほうが実はカンタンだったり… その理由は当記

          【最新版】パララックス効果は「simpleParallax」で決まり!使い方をわかりやすく解説! - 株式会社PENGIN
        • MagicaVoxelでVRChatのボクセルアバターを起こす備忘録 2020年春 - はげあたま.org

          はじめに 当初は2019年春に、新発売のOculus QuestでVRChatにも対応(ただし5000ポリゴン制限)という告知があったのを端に発します。 当時、完全に3DモデリングとUnityの知識0から、自前アバターで降臨すべく四苦八苦して、1年越しで実現した記録です。 ephtracy.github.io その骨子は、操作も直感的で、地雷も少なく、簡単に3Dモデリングを実現可能な神ツール"MagicaVoxel"ですね。これでドット絵風モデル作って、骨入れて、VRChatにアップロードするまでです。 当初は、検討の過程で使ったBlender、メタセコ、XISMO2などの感想も入れ込みながら書いてましたが、もうボクセルアバターについてだけでいいだろ、となっています。そんなわけで、ボクセルアバターについて集合知を高めていって、巨人の肩乗っていきましょうという備忘録も兼ねたフロー集です。 ち

            MagicaVoxelでVRChatのボクセルアバターを起こす備忘録 2020年春 - はげあたま.org
          • 【無料】lilToon - lilLab - BOOTH

            アバターを用いたサービス(VRChat等)向けに開発したシェーダーで以下のような特徴があります。 ● 簡単(プリセットからワンクリック設定&自作プリセットの保存、色調補正機能による色替え&テクスチャ書き出し) ● 美麗(白飛び防止、水中などでの透け防止、アンチエイリアスシェーディング) ● 軽量(エディタが自動でシェーダーを書き換えて機能をオンオフ) ● 長期間、様々な環境で利用可能(Unity2017~2021、BRP/LWRP/URP/HDRP) ● Unityの全ライティングに対応しStandardShaderに近い明るさに 主な機能● メインカラーx3レイヤー(デカール、レイヤーマスク、Gifアニメーション、通常・加算・乗算・スクリーン合成対応) ● 色調補正、UVスクロール&回転 ● 自由度の高い影(3影、SSS、環境光の合成、AOマスクで影の付きやすさの調整可能) ● 発光x2

              【無料】lilToon - lilLab - BOOTH
            • メタバース、VR・ARの基礎と活用事例 | IoT NEWS

              2021年ごろから「メタバース」という言葉を見聞きすることが増えてきた。 世界では、Meta、Microsoft、Qualcomm、NVIDIA、日本でもパナソニックやソニー、ソフトバンクなどがメタバース市場に参入することを発表し、彼は皆、オンラインで繋がる新しい方法を模索している。 メタバースにはスマホやPCからもアクセスできるが、VRヘッドセットやARグラスを装着した没入型の体験は、メタバースをさらに発展させていくものと考えられる。 本稿は、メタバースの盛り上がりをきっかけに、VRやARを事業に取り込もうとする担当者向けに、読んでいただきたい記事となっている。 メタバース(Metaverse)とは メタバースとは、インターネット上に構築される仮想空間の総称で、「meta(超越した)」と「universe(宇宙)」を組み合わせた造語である。 ユーザーは仮想空間上のアバターを操作して仮想空

                メタバース、VR・ARの基礎と活用事例 | IoT NEWS
              • 2021-06-08のJS: Lighthouse 8.0.0(スコア計算の変更)、Vue 3.1(@vue/compat)、 Mocha v9.0.0

                JSer.info #543 - Lighthouse 8.0.0がリリースされました。 Release v8.0.0 · GoogleChrome/lighthouse Lighthouse 8.0.0ではパフォーマンススコアの計算式が変更されています。 詳細は次のドキュメントにかかれていますが、今まで実験的だったCumulative Layout Shift (CLS)の比重が5%から15%へと増加しています。それにあわせて他のスコアの比重も変化しています。 lighthouse/v8-perf-faq.md at master · GoogleChrome/lighthouse 機能追加として、レポートをメトリクス別にフィルターできるように、csp-xssのAuditの追加なども含まれています。 Vue 3.1.0がリリースされました。 Release v3.1.0 Pluto ·

                  2021-06-08のJS: Lighthouse 8.0.0(スコア計算の変更)、Vue 3.1(@vue/compat)、 Mocha v9.0.0
                • 360°全天球動画からフォトグラメトリで現場を3Dモデル化する話—RICOH THETAやInsta360+ffmpeg+Reality Capture— - 創作意欲とか物欲とか、そういう類のもの

                  こんにちは、最近フォトグラメトリという技術に興味があるので、その話題をひとつ。 フォトグラメトリとは? 撮影には手間がかかる 360°カメラで楽に撮影したい 今回はRealityCaptureを使いたい FFmpegで360°画像・動画を変換できるようになってた THETAで撮った動画をReality Captureで使うには? 1視点から14方向ぶん切り出してみる 楽するためにPythonでコマンドを組み立てる Pythonスクリプト 実践 うまくいった! Insta360 ONE X2で品質爆上げ 今後の課題 1. 切り出し枚数と精度のバランス 2. CLIで工程を自動化 3. RealityCaptureを使いこなす フォトグラメトリとは? フォトグラメトリは写真測量の一種で、いろんなアングルから撮った写真から視差を画像解析することで、3Dモデルに変換するというスゴい技術です。 Li

                    360°全天球動画からフォトグラメトリで現場を3Dモデル化する話—RICOH THETAやInsta360+ffmpeg+Reality Capture— - 創作意欲とか物欲とか、そういう類のもの
                  • Webflow:まだWordPressで消耗してるの?Nocodeで美しいサイトができる|安藤昭太|ノーコード

                    Webflowは2013年にスタートしたサンフランシスコ発のWebサイト開発サービスです。 Webサイト開発に必要な3大要素は、 ・デザイン(画面表示などHTML/CSSの機能) ・操作アクション(画面動作やクリック動作などJavaScriptの機能) ・CMS(記事データ保存機能) ですが、Webflowはこの全てを画面操作で開発できるNoCodeアプリです。 Webflowのメリットを大きく受けられるのは、これまでWordPressテーマを顧客に合わせて作っていた「マークアップ」と「コーディング」に携わっていた方々です。 一方で、HTML/CSSの知識が全くなく、これからも勉強しません!という方は、引き続きWixやペライチをご利用いただくのがよいと考えます。 1.デザイン 上の画像を見るだけで「すげー!」ってなりませんか? Wixやペライチのように決まった部品をドラッグアンドドロップで

                      Webflow:まだWordPressで消耗してるの?Nocodeで美しいサイトができる|安藤昭太|ノーコード
                    • 3Dモデルの刀剣男士が個性豊かなアクションを魅せる! 「無双」シリーズ史上最も

                      2022年2月17日(木)に発売された『刀剣乱舞無双』は、刀剣育成シミュレーションゲーム『刀剣乱舞ONLINE』と「無双」シリーズとのコラボ作品だ。開発を担当したコーエーテクモゲームスから、ゼネラルプロデューサーの襟川芽衣氏とCGディレクターの猪瀬真由氏に話を聞いた。 刀剣男士を“魅せる”ための細やかな気配り 『刀剣乱舞ONLINE(以下、刀剣乱舞)』は、プレイヤーが審神者(さにわ)となり、名だたる刀剣が戦士へと姿を変えた刀剣男士たちを従え、歴史改変を目論む時間遡行軍(じかんそこうぐん)と戦うPCブラウザ/スマートフォンアプリゲームである。リリース8周年を迎えた現在ではアニメや映画、舞台、ミュージカル等、幅広い展開を見せている。 「『刀剣乱舞』のような女性ファンが多い作品と『無双』シリーズのコラボは初めてでした。これまでの『無双』シリーズの中で最も華麗なアクションにしたいという思いの中、“

                        3Dモデルの刀剣男士が個性豊かなアクションを魅せる! 「無双」シリーズ史上最も
                      • 液タブ|XP-pen Artist15.6実際の使用感覚|デスクトップPC複数に接続環境構築

                        本投稿では液晶タブレットを“液タブ”、ペンタブレットを“板タブ”“ペンタブ”と略します。 ポク太郎です。 半年前、初めて液晶タブレットなるものを購入しました。買ったのはXP-pen Artist15.6。 十分使い込んだのでその評価レビュー。また、“使用時のイメージ”や“購入時に意識すべきこと”を伝える目的の内容も書いてあります。 本投稿で強調してる内容、使用目的など条件を最初に列挙。 液晶タブレットを触った経験なし、ペンタブレットとどっちに?と迷ってる状態での着眼すべきポイントを強調。特に液晶タブレット使用のイメージが沸きやすくなる情報を選びました。 液タブとは、板タブとは 液晶タブレット、液タブとは…感圧機能付きの液晶画面。PCの画面も表示されるモニタ。 ペンタブレット、板タブとは…感圧機能付きの板。マウス、キーボードに類される入力デバイス。 買ったのは前者“液タブ”。 液晶タブレット

                          液タブ|XP-pen Artist15.6実際の使用感覚|デスクトップPC複数に接続環境構築
                        • スバルのアイサイトXの頭脳「FPGA」とは

                          このコラムの名称である「うんテク」は、「うんちく」と「テクノロジー」をかけ合わせて筆者が勝手に作った造語で、「テクノロジーに関するうんちく」くらいの意味合いのつもりなのだが、このところあまり、その名称にふさわしい内容をお届けしていないような気がする。そこで今回は久しぶりにゴリゴリのテクノロジーのうんちくをお届けする。テーマは「FPGA」だ。日経ビジネス電子版の読者なら、今後知っておいて損のない言葉だと思う。 FPGAは後で説明するように半導体の一種なのだが、なぜ取り上げることにしたかというと、11月末に発売されるスバルの新型「レヴォーグ」から搭載が始まるスバルの新世代「アイサイト」にFPGAが採用されたからだ。読者の皆さんは新型レヴォーグにも興味津々だろうけれど、こちらは公道試乗が可能になってから改めて取り上げさせていただくとして、今回は新世代アイサイトに話題を絞りたい。 アイサイトのユニ

                            スバルのアイサイトXの頭脳「FPGA」とは
                          • ユーザーのプリファレンスに応じて過度なアニメーションを無効にする「prefers-reduced-motion」 | Accessible & Usable

                            公開日 : 2021年9月19日 (2021年9月22日 更新) カテゴリー : アクセシビリティ ウェブコンテンツにおけるアニメーションは、アクセシビリティの問題を引き起こすことがあります。W3C が勧告している WCAG (Web Content Accessibility Guidelines) でも、インタラクションに伴うアニメーションに関して、下記の達成基準が設けられています。 アニメーションが、機能又は伝達されている情報に必要不可欠でない限り、インタラクションによって引き起こされるモーションアニメーションを無効にできる。 出典 : WCAG 2.1 達成基準 2.3.3 「インタラクションによるアニメーション (レベル AAA)」 インタラクションの視覚表現として、必要以上の過度なアニメーションを盛り込んでしまうと、ユーザーのコンテンツへの集中を阻害したり、注意力を散漫にさせて

                              ユーザーのプリファレンスに応じて過度なアニメーションを無効にする「prefers-reduced-motion」 | Accessible & Usable
                            • iPhoneのLiDARセンサーとAR技術で掃除場所を可視化 ダイソンが新ツール「CleanTrace」発表

                              ダイソンは、2024年4月9日にAR(拡張現実)技術を活用した新たなツール「Dyson CleanTrace(ダイソン クリーントレース)」を発表した。掃除した場所を可視化する。ARだけでなく、LiDAR(ライダー)技術も活用する。 Dyson CleanTraceは、コードレス掃除機「Dyson Gen5detect」のホルダーに取り付けた、iPhoneのLiDARセンサーから得た情報をもとに部屋のマップを作成し、掃除経路と重ね合わせて、ユーザーに提示するツール。「掃除をしていない場所が可視化できるため、より効率的に掃除できるようにする」という。 LiDARは「Light Detecting and Ranging」の略で、レーザー光を対象物に照射し、それが跳ね返ってくるまでの時間から、LiDARデバイスから物体までの距離を計測する。Apple製品としてLiDARセンサーを初搭載したのは

                                iPhoneのLiDARセンサーとAR技術で掃除場所を可視化 ダイソンが新ツール「CleanTrace」発表
                              • iPhoneバッテリー充電の減りを長持ちさせる方法

                                🏆⬇︎PC脱初心者入門ブック5冊⬇︎🏆 https://liff.line.me/1655218894-Gm8x0Vn8/landing?follow=%40979tpllu&lp=Tm1qHT&liff_id=1655218894-Gm8x0Vn8 【「アプリで開く」を押してください)】 🏆⬇︎無料LINE登録で特典15個⬇︎🏆 ✅PC脱初心者完全ガイド合計「916枚」スライド ✅動画講義動画約100分 https://liff.line.me/1655218894-Gm8x0Vn8/landing?follow=%40979tpllu&lp=Tm1qHT&liff_id=1655218894-Gm8x0Vn8 【「アプリで開く」を押してください)】 ✅パソコン教室受講生の声 https://ultralearning.co.jp/koe1/ ✅パソコン教室ウルトララーニン

                                  iPhoneバッテリー充電の減りを長持ちさせる方法
                                • URP に新しく追加された Deferred レンダリングなどについてざっくりと調べてみた - 凹みTips

                                  はじめに 先日 Unity 2021 LTS が発表されましたね。 blog.unity.com Unity 2021 には数多くの機能追加がありますが、このうちの一つが URP への Deferred Rendering の正式サポートです(実験的に以前から追加はされていたようです)。 docs.unity3d.com ドキュメントはこちらです。 docs.unity3d.com 本ブログではレンダリングパイプラインを読んでいこう企画を何度かやってまして、URP も Unlit / Lit (Forward) については以下の記事を書きました。 tips.hecomi.com 今回は続きで、Deferred を始めとして、前回執筆時から更新があり追加された DepthNormals パスやデカールなどについて書いていこうと思います。ただし、今回は、マクロの分岐なども含めてものすごい深堀り

                                    URP に新しく追加された Deferred レンダリングなどについてざっくりと調べてみた - 凹みTips
                                  • サイトマップ

                                    金子研究室ホームページサイトマップ. 金子研究室ホームページでは,約2000ページを公開している.ページは,データベース関連技術,データの扱い,インストール,設定,利用,プログラミング,サポートページ,連絡先,業績に分けて構成している.サイトマップでは,ホームページ内の全てのページについてのサイトマップを示している. 【サイト構成】 人工知能 データベース 3次元,地図 プログラミング 情報工学全般 インストール 連絡先,活動,その他 金子邦彦研究室 ▶ サイトマップ ▶ サイト内検索 ▶ アクセスログ(直近28日分), Google Search Console ▶ まとめページ(目次) ▶ 人工知能,データサイエンス,データベース,3次元のまとめ ▶ Windows のまとめ ▶ Ubuntu の使い方 ▶ Python のまとめ(Google Colaboratory を含む) ▶

                                    • macOS 12 MontereyやMacBook Pro (14-/16-inch, 2021)でのHDR再生をサポートしたオープンソースの動画プレイヤー「IINA for Mac v1.3」がリリース。

                                      macOS 12 MontereyやMacBook Pro (14-/16-inch, 2021)でのHDR再生をサポートしたオープンソースの動画プレイヤー「IINA for Mac v1.3」がリリースされています。詳細は以下から。 Unix向け動画プレイヤーmpvをベースに、Mac特有の機能が実装されているオープンソースの動画プレイヤー「IINA for Mac」を開発するProject IINAは現地時間2022年05月29日、Apple Siliconに対応した昨年02月のアップデート以来となる「IINA for Mac v1.3.0」アップデートをリリースし、macOS 12 Montereyと最新のMacBook Proに対応したと発表しています。 Built for the Latest OS and Hardware Thanks to all the contributo

                                        macOS 12 MontereyやMacBook Pro (14-/16-inch, 2021)でのHDR再生をサポートしたオープンソースの動画プレイヤー「IINA for Mac v1.3」がリリース。
                                      • @scroll-timelineを使ってCSSのみでスクロールアニメーションを実現する | フロントエンドBlog | ミツエーリンクス

                                        2021年1月20日 @scroll-timelineを使ってCSSのみでスクロールアニメーションを実現する UI開発者 板垣 本記事では、現在CSS Working GroupでEditor's Draftとして公開されているScroll-linked animationの仕様書を基に、@scroll-timelineの機能および使い方について解説します。 そもそもScroll-linked animationとは Scroll-linked animation※1とはスクロールのオフセット値に関連付けたアニメーションを作成する機能の総称です。 CSSおよびJavaScript(Web Animations API拡張)で利用可能であり、これを活用することで、スクロールをしたらフワッと要素が浮き出る効果や、画面に視差効果を持たすことが今より簡単に実現できるようになります。 次の節からは、

                                          @scroll-timelineを使ってCSSのみでスクロールアニメーションを実現する | フロントエンドBlog | ミツエーリンクス
                                        • iPhone 15先行レビュー、YouTubeクリエイターはカメラ性能とUSB-Cをどう見たか、動画で確認(大石結花) | テクノエッジ TechnoEdge

                                          ニューヨーク在住のデジタルクリエイター。 YouTubeでは、ガジェットレビュー、チュートリアル、Vlogを中心に、クリエイターのための情報を発信。 9月13日に行われたAppleイベント「Wonderlust.」で発表され、9月22日に販売開始予定のiPhone 15 Proシリーズを一足先に使う機会がありました。YouTubeなどの動画クリエイターとして、特にカメラ性能について注目している点を紹介します。 iPhone 15 Proチタニウムボディを触ってみてiPhone 15 ProとiPhone 15 Pro Maxは、航空宇宙産業レベルのチタニウムを使い、iPhone Proモデル史上最も軽量になりました。実際にiPhone 15 Pro Maxを触ってみると、今まで使っていたiPhone 14 Pro Maxと比べて軽くなっていることが感じ取れました。たった20gの差ですが、体

                                            iPhone 15先行レビュー、YouTubeクリエイターはカメラ性能とUSB-Cをどう見たか、動画で確認(大石結花) | テクノエッジ TechnoEdge
                                          • Apple、バッテリー状態管理機能を追加した「macOS 10.15.5 アップデート」を配布開始

                                            Appleは5月28日、macOS Catalinaのソフトウェア・アップデートから「macOS 10.15.5 アップデート」を提供開始している。 macOS Catalina 10.15.5では、MacBookの“省エネルギー”設定にバッテリーの状態管理機能が追加されるほか、グループFaceTime通話で発言中の人のビデオタイルを自動的に目立たせる機能を制御するオプション、Pro Display XDRに搭載されている補正機能を微調整するためのコントロールが導入される。 macOS Catalina 10.15.5の新機能は次の通り: バッテリーの状態管理 Macノートブックのバッテリー寿命を最大限に延ばすのに役立つ、バッテリーの状態管理機能を追加 “省エネルギー”環境設定パネルにバッテリーの状態が表示され、必要な場合はバッテリーの修理サービスが推奨されます バッテリーの状態管理を無効

                                              Apple、バッテリー状態管理機能を追加した「macOS 10.15.5 アップデート」を配布開始
                                            • パララックスWEBサイトの作り方(HTMLとCSSのみで実現するparallax効果)

                                              パララックスWEBサイトとはパララックス効果による視覚的PRを目的としたWEBサイトの事です。 WEBページ上に奥行の概念を持たせ、各要素の奥行きの差により立体的な演出効果を出しています。 cssによるparallax効果ポイント パララックスWEBサイトとは? あなたは「パララックスサイト」という言葉をご存知ですか? パララックスサイトとは、parallax(視差)の効果を適用したWEBサイトのことです。 parallaxとはページをスクロールする際、手前と奥とでスクロールの速度に差をつけることで、奥行きや立体感を表現するものを指します。 パララックス効果のメリット この手前と奥とでスクロールの速度に違いがでると、通常2次元の世界にあるWEBページが3次元の奥行きを感じる様になります。 視覚差を使ったエフェクトはPRしたい部分を強調でき、ユーザーにインパクトを与える事ができます。 その効

                                                パララックスWEBサイトの作り方(HTMLとCSSのみで実現するparallax効果)
                                              • これが未来か ラグビー「自由視点映像」の没入感が話題に キヤノンにすごさを聞いてみた

                                                ラグビーW杯過去最高のベスト8に進出し、日本中に感動とラグビーのおもしろさを伝えてくれた日本代表。そんな彼らのスーパープレーをあらゆる角度から再生できるキヤノンの「自由視点映像システム」に「意味が分からないぐらいすごい」「没入感がすごい」「なにこの夢の技術」といった驚きの声が寄せられています。 ラグビーW杯オフィシャルTwitterが投稿している、見たこともないような視点からのトライ動画。この動画はキヤノンの“自由視点映像システム”により生成したもの。キヤノン公式サイトでは、日本対スコットランド戦をはじめラグビーW杯のハイライト映像がずらり。“まるでグラウンドの中にいるような体験”と銘打っているように、自由な位置や角度からの映像は、まるでグラウンド内の選手の間近で撮影したかのようです。 なにこれすごい(画像はキヤノン公式サイト「自由視点映像で楽しむRWC 2019ハイライトシーン」から)

                                                  これが未来か ラグビー「自由視点映像」の没入感が話題に キヤノンにすごさを聞いてみた
                                                • Animate.cssの使い方まとめ。サイトに手軽にアニメーションを実装 [CSS3ライブラリ] | KodoCode

                                                  リッチなUIのWEBサイトを簡単に実装できるCSSライブラリ「Animate.css」の実装手順、実現できるアニメーションの種類、テクニックを整理しました。Pure CSSだけでも充分に動きのあるサイトを作ることができる時代になり、素敵なデザインのサイトやサービスが増えました。 ただし、自分でCSSを書くのは大変。便利なライブラリがあれば使いたいところです。本記事ではCSS3アニメーションのライブラリとしては最も有名だと思われる「Animate.css」について、利用手順・アニメーション種類・実装テクニックを整理しました。 例えば、このような動きを簡単に実現することができます。 ↓ちなみにこのアニメーションが突然動かなくなって困っているケースが多いようです。詳細は後述しますが、もしアニメーションが動かない場合は視差効果の設定を見直してください。 サンプル Animate.cssのダウンロー

                                                    Animate.cssの使い方まとめ。サイトに手軽にアニメーションを実装 [CSS3ライブラリ] | KodoCode
                                                  • ゴーグルじゃなく丸メガネ。スチームパンク風味なパナソニックのVRメガネ #CES2021

                                                    ゴーグルじゃなく丸メガネ。スチームパンク風味なパナソニックのVRメガネ #CES20212021.01.12 22:0018,530 岡本玄介 メガネのように脱着がカンタン。 「CES 2021」にて、パナソニックがスチームパンク風の丸メガネみたいなVRメガネ「VR Glasses」を発表しました。ゴーグルというよりメガネといった方がしっくりくる形状で、HDRで幅のある明るさを描画でき、解像度の高いUHD規格でVRコンテンツを表示します。 Image: Panasonicこれは一般的なVRヘッド・マウント・ディスプレイほどゴツさがなく、それでいて両目を独立させたタイプとなっています。左右の目には2.6K micro-OLEDディスプレイがひとつずつ搭載されているので、装着感と没入感が高いのが特徴となっています。 各技術の集大成これまでテレビやブルーレイ再生機器などで培ってきた、信号処理技術

                                                      ゴーグルじゃなく丸メガネ。スチームパンク風味なパナソニックのVRメガネ #CES2021
                                                    • ユーザーが自由にWebサイトを変形できる時代に ICSが意識的に取り組むUI体験の改善

                                                      「キャッチアップしておきたいウェブ制作の最前線 2020」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。後半は、ICSが意識的に取り組んでいるUI体験の改善について。前回の記事はこちら。 UI体験の改善を意識的に行っている 次はちょっと話を変えて、ICSでこの2020年の脆弱の方針としてよく意識しているところなんですが、UI体験の改善を意識してやっています。1つはアクセシビリティの向上です。読み上げで記事の中身がちゃんと把握できるかとか、キーボードのみの操作で可能であるかというのをすごく大事にしています。 アクセシビリティでいうと、例えばやってはいけない実装として、リンクとボタンの<a>とか<button>にoutline: noneというCSSを書くとタブキ

                                                        ユーザーが自由にWebサイトを変形できる時代に ICSが意識的に取り組むUI体験の改善
                                                      • 3D Stereo 180 VRの基本的な撮影方法と書き出しまでの流れ | Entaniya

                                                        3D Stereo 180 VR Rig Entaniya Fisheye HAL専用に設計された3D Stereo 180VR用のリグです。 重量のあるカメラでもたわまない剛性と、スライドプレートを採用した台座で、自由にレンズ間の距離(瞳孔間距離)を調整できるため人物などの近接撮影から風景などの遠景撮影まで対応可能です。 一度機材をバラしても、簡単に同じ状態に組み付けられるので、撮影後の編集作業の効率化にもつながります。 3D Stereo 180 VR撮影方法 3D Stereo 180 VRはヘッドマウントディスプレイ(以下HMD)で視聴することが前提になっていますので、そのルールに従った撮影を行う必要があります。ルールを守らなかった場合、視聴者がVR酔いしたり、VRコンテンツとして破綻してしまうので、基本としてしっかりと抑えておくことが大切です。 ※あくまで基本なので基本を押さえた

                                                          3D Stereo 180 VRの基本的な撮影方法と書き出しまでの流れ | Entaniya
                                                        • 『リトルウィッチアカデミアVR ほうき星に願いを』の開発陣を直撃。VRを知り尽くした開発陣とアニメクリエイターによる快作の秘密に迫る | ゲーム・エンタメ最新情報のファミ通.com

                                                          『リトルウィッチアカデミアVR ほうき星に願いを』Oculus Storeページ VRに魅力を感じてUNIVRSを設立 ――せっかくの機会なので、まずはUNIVRSさんがどういった会社なのかを教えてください。 小路UNIVRSは、もともと“VRのテクノロジーで世界の不自由を解決したい”というビジョンを持って設立された会社です。兄弟で作った会社で、兄の藤川啓吾がCEOを、弟の藤川駿がCIOを務めておりまして、社外からは、社名よりも“VR兄弟の会社”で認知していただいています。 兄の啓吾が、VRに出会って、「これならば、いろいろなことが自由になる世界に行くことができるかもしれない」と思ったところから会社はスタートしています。で、まずVRテクノロジーを推進するうえでネックとなったのが、“VR酔い”でした。開発者がVRコンテンツを世に出し始めた2015年あたりから、世界的にVR酔いが問題になってい

                                                            『リトルウィッチアカデミアVR ほうき星に願いを』の開発陣を直撃。VRを知り尽くした開発陣とアニメクリエイターによる快作の秘密に迫る | ゲーム・エンタメ最新情報のファミ通.com
                                                          • パララックス

                                                            JavaScriptでパララックスな表現をする場合には、要素ごとにスクロールスピードを変えることで、視差効果を生み出していますが、CSSではtransformの3D表現を使って、要素を実際に画面の手前と奥に配置することで、パララックスを表現できます:)。 パララックスの作り方 ドロワーメニューの時と同じコンテンツを使って、下図のような感じに、手前から、アイキャッチ画像、ヘッダーナビ、リンクボタン、タイトルの順になるように、要素を手前に移動させてみます。 各要素を手前に移動させる 要素を手前へ移動させるにはtransformプロパティのtranslateZ()を使います。 それから親要素には、奥行きを決めるためのperspectiveプロパティを指定します。ここではbody要素に、perspective: 200pxと指定して、200px離れたところから見てる感じにしてみました。 奥行きの基

                                                              パララックス
                                                            • バーチャルボーイが発売された日。VRゴーグルのような形状の3D立体視対応の据え置きハード。ゲームファンの誰もが「早すぎた」と語る先進的な伝説のマシン【今日は何の日?】 | ゲーム・エンタメ最新情報のファミ通.com

                                                              バーチャルボーイは、任天堂から発売された3D立体視対応の据え置き型ゲーム機。ゲームボーイの生みの親として知られる伝説の技術者、横井軍平氏が手掛けたことでも有名なマシンだ。本体は現代で言うVRゴーグルに似たような形状をした“デュアルディスプレイ”で、プレイヤーはこれを覗き込んでプレイする。本体は頭に装着するのではなく、スタンドに据え付けてテーブルに置くのが基本形。ちょうど覗き込みやすい位置にくるため、コントローラーを持つのにも支障はない作りになっている。 “早すぎた3Dゲーム機”などと言われることも多く、実際にそのとおりだと思っているゲームファンも多いのではないだろうか。何せ2011年発売のニンテンドー3DSよりも約16年も早く立体視に挑戦しているのだから目の付けどころが違う。そう言えば何年か前に、歌手で俳優の星野源さんが音楽番組でバーチャルボーイについて熱く語って話題になっていたが、そのと

                                                                バーチャルボーイが発売された日。VRゴーグルのような形状の3D立体視対応の据え置きハード。ゲームファンの誰もが「早すぎた」と語る先進的な伝説のマシン【今日は何の日?】 | ゲーム・エンタメ最新情報のファミ通.com
                                                              • 宇宙からきた謎の強力な「Wow! シグナル」の発信源?信号方向に太陽に似た恒星が存在

                                                                天文学者のJerry Ehman氏が「Wow!」と記したデータのプリントアウト。赤で囲まれた強力な信号は「Wow! シグナル」と呼ばれている(Credit: Big Ear Radio Observatory and North American AstroPhysical Observatory)1977年8月15日、SETI(地球外知的生命体探査)プロジェクトの下で知的生命体からの信号を求め観測を続けていたビッグイヤー電波望遠鏡(オハイオ州、アメリカ。1998年に解体)は、「いて座」の方向から断続的ではあるものの強力な信号を72秒間に渡り受信。データを分析した天文学者のJerry Ehman氏は、印刷されたデータの該当部分に「Wow!」と驚きの言葉を書き記しました。 Ehman氏の注釈から「Wow! シグナル」と呼ばれるようになったこの信号、人類の活動に由来する可能性は除外されたものの

                                                                  宇宙からきた謎の強力な「Wow! シグナル」の発信源?信号方向に太陽に似た恒星が存在
                                                                • Apple、「macOS Catalina 10.15.5」を正式にリリース | 気になる、記になる…

                                                                  本日、Appleが、「macOS Catalina 10.15.5」を正式にリリースしました。 「macOS Catalina 10.15.5」では、ノートブックの“省エネルギー”設定にバッテリーの状態管理機能が追加されるほか、グループFaceTime通話で発言中の人のビデオタイルを自動的に目立たせる機能を制御するオプション、およびPro Display XDRに搭載されている補正機能を微調整するためのコントロールが導入されます。 また、このアップデートを適用すると、Macの安定性、信頼性、およびセキュリティも向上します。 変更点の詳細は下記の通り。 バッテリーの状態管理 Macノートブックのバッテリー寿命を最大限に延ばすのに役立つ、バッテリーの状態管理機能を追加 “省エネルギー”環境設定パネルにバッテリーの状態が表示され、必要な場合はバッテリーの修理サービスが推奨されます バッテリーの状

                                                                    Apple、「macOS Catalina 10.15.5」を正式にリリース | 気になる、記になる…
                                                                  • iPhoneの動作が遅い原因と対策12選 | ライフハッカー・ジャパン

                                                                    RAMとメモリを手早くクリア遅い原因の1つとして、単にiPhoneがオーバーロードになっていることが考えられます。重いアプリを使っていたり、バックグラウンドでの動作が原因だったりします。 急にiPhoneが遅くなったと感じたら、RAMとメモリをクリアすることで解決するかもしれません。 ボタンのないiPhoneの場合、これを1クリックで実行する方法はありません。そこで、代わりの方法をお伝えしましょう(iOS13以上が入っているiPhoneであれば使えます)。 まずはAssistiveTouchを有効にして、iPhoneの画面上にホームボタンが表示されるようにします。 「設定」アプリで、「アクセシビリティ」「タッチ」「AssistiveTouch」の順に選択し、「AssistiveTouch」機能を有効にします。すると、画面に「ボタン」が表示されるはずです。 次に、ホーム画面に戻りましょう。デ

                                                                      iPhoneの動作が遅い原因と対策12選 | ライフハッカー・ジャパン
                                                                    • 【解決!】最新macOS 12.5.1 Monterey設定:高速化・軽量化、バッテリー長持ち・節約・節電、おすすめ設定・アプリ220818ちょい追記【ECBB版】|ECBB

                                                                      【解決!】最新macOS 12.5.1 Monterey設定:高速化・軽量化、バッテリー長持ち・節約・節電、おすすめ設定・アプリ220818ちょい追記【ECBB版】 こんにちは、ECBB松浦です!メモ用で粗いですが、こういうの好きで興味ある人には、これで十分にわかってもらえて、ためになる項目あるのでは?お好みと自己責任でどうぞ〜。もし、ここも!とかここは!とかこれも!とかあれば、教えて下さい〜。追加したら追記更新します〜。 追記時はECBB公式ツイッターアカウントよりツイートしますので、興味ある方はフォローしてもらえたら。https://twitter.com/ecbb_makers 【解決!】最新macOS 12.5.1 Monterey設定:高速化・軽量化、バッテリー長持ち・節約・節電、おすすめ設定・アプリ220828ちょい追記【ECBB版】※ECBB公式noteにて随時公開、アップデ

                                                                        【解決!】最新macOS 12.5.1 Monterey設定:高速化・軽量化、バッテリー長持ち・節約・節電、おすすめ設定・アプリ220818ちょい追記【ECBB版】|ECBB
                                                                      • 「思い出が空間記録される可能性」を夢想する(西田宗千佳) | テクノエッジ TechnoEdge

                                                                        1971年福井県生まれ。得意ジャンルは、パソコン・デジタルAV・家電、ネットワーク関連など「電気かデータが流れるもの全般」。主に、取材記事と個人向け解説記事を担当。 個人の思い出を記録する方法は、写真から動画へと変化してきた。アナログ記録からデジタル記録へと変わったものの、その先はまだ定着しているとはいえない。 ひとつの予想として、そこで「3D記録」が一般化するというものがある。筆者もその可能性が高いと思っているし、その結果として、非常に大きな市場ができると予測している。 一方、3Dといっても手法はいくつもあるし、今はまだ(おそらく今後数年は)一般化のための要素が欠けたままであり、まだ普及しないと思っている。 では、どうなると普及し、普及の過程ではどういう変化が生まれる可能性があるのだろうか。そのことを予測、というか妄想してみたい。 思い出を「カジュアル」かつ「リッチ」に残す思い出をさらに

                                                                          「思い出が空間記録される可能性」を夢想する(西田宗千佳) | テクノエッジ TechnoEdge
                                                                        • 量子望遠鏡が太陽系とその向こうを鮮明に映し出す | TEXAL

                                                                          天文学者にとって、光学(可視光)望遠鏡では見えにくい天体や現象を撮影することは大きな課題の一つだ。この問題を解決するために、複数の望遠鏡で光を集め、その光を合成して画像をつくる「干渉計」という技術がある。 例えば、イベントホライズンテレスコープは、世界中の天文台の協力を得て、M87銀河の中心にある超巨大ブラックホール(SMBH)や、天の川の中心にある射手座A*の画像を初めて取得した。 しかし、古典的な干渉計では、観測所間の光回線の維持が必要であり、そのために制約が生じ、コストが大幅に上昇する可能性がある。今回、宇宙物理学者と理論物理学者の研究チームは、この限界を量子力学によって克服する方法を提案した。光回線に頼るのではなく、量子もつれの原理を利用して、観測所間で写真を共有する方法を提案している。この技術は、いつの日か「量子望遠鏡」につながる可能性のある、成長中の研究分野の一部だ。 ジェイム

                                                                            量子望遠鏡が太陽系とその向こうを鮮明に映し出す | TEXAL
                                                                          • Amazon.co.jp: GAOMON 液タブ PD2200 21.5インチ 92%NTSC IPSパネル フルラミネーション 液晶タブレット 傾き検知 筆圧8192レベル 充電不要ペン イラスト デザイン お絵描き 液晶ペンタブレット 無段階スタンド付き Windows&macOS対応: パソコン

                                                                            【IPSフルラミネーション加工& 92% NTSCの広色域】--フルラミネーション加工のおかげで、液タブのガラスによる視差を最小限にまで抑えることで、思い通りの線が描けます。フルHDの解像度(1920x1080)での表示が可能ですので、細かい描き込み作業やレタッチ作業にも適します。92% NTSCの広色域により、より自然で鮮やかな映像表示を実現します。 【筆圧8192レベル&充電不要ペン】--ペンは8192レベルの筆圧検知と±60レベル傾き検知に対応しており、自然で繊細な表現でイラストや絵を描くことができます。また、充電不要式なので、電池切れの心配はいりません。環境にもやさしいです。【ペンホルダー&8替芯】--液タブの替芯はペンホルダーに内蔵されています。 【8個のショートカットキー】--液タブPD2200の左側にある8つのタッチキーは、自分の好みに合わせて自由にカスタマイズできます。液晶

                                                                              Amazon.co.jp: GAOMON 液タブ PD2200 21.5インチ 92%NTSC IPSパネル フルラミネーション 液晶タブレット 傾き検知 筆圧8192レベル 充電不要ペン イラスト デザイン お絵描き 液晶ペンタブレット 無段階スタンド付き Windows&macOS対応: パソコン
                                                                            • RN Features 2021年4月号 - React Native製のプリンター制御SDK, Recoil 0.2.0 リリース, Sentryでパフォーマンス計測 - KitchHike Tech Blog

                                                                              はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの近況 React Nativeアプリ 7つのベストプラクティス Sentryでパフォーマンス計測ができるようになった Recoil 0.2.0 Release Reactのベストプラクティスの提案をまとめた記事、Tao of React スター精密(株)がプリンター制御用SDKをRN向けに提供開始 今月の React Native ライブラリ紹介 React Native Hold Menu react-native-paper React Native Snap Carousel さいごに We're Hiring React Native Japanコミュニティの近況 次回 Meetup #12 は5/21(金)開催

                                                                                RN Features 2021年4月号 - React Native製のプリンター制御SDK, Recoil 0.2.0 リリース, Sentryでパフォーマンス計測 - KitchHike Tech Blog
                                                                              • 野鳥撮影のためにドットサイト照準器 OLYMPUS EE-1を導入してしばらく使ってみた - I AM A DOG

                                                                                今年から始めた野鳥撮影のお助けアイテムとして使っているカメラ用のドットサイト照準器 OLYMPUS EE-1を紹介します。 野鳥撮影にドットサイト照準器を使ってみることにした ドットサイト照準器ってどんな道具? OLYMPUS EE-1を買ってみた ドットサイトブラケット(E-6673)装着で両眼視に挑戦 ドットサイトの視差合わせは慣れれば現場で調整可能 被写体を一発でファインダー内に ドットサイトで急に動体撮影できる訳でもない? それでも間違いなく撮れなかった写真が撮れるようになっている こんな記事もあります 野鳥撮影にドットサイト照準器を使ってみることにした 1月から近所を散歩する際に野鳥の写真を撮るようになったのですが、カワセミを始めとるす小さな野鳥や動物の動体(動きモノ)撮影をする際に、カメラのファインダーを見ているだけではかなり難しいことを感じたので、ドットサイト照準器を試してみ

                                                                                  野鳥撮影のためにドットサイト照準器 OLYMPUS EE-1を導入してしばらく使ってみた - I AM A DOG
                                                                                • スマホを軽くし電池を長持ちさせる神設定3つ - ライブドアニュース

                                                                                  2019年12月12日 6時15分 リンクをコピーする by ライブドアニュース編集部 ざっくり言うと スマホのバッテリー消費を節約する3つの方法を紹介している 「画面の明るさを調整する」「Wi‐FiやBluetoothをオフにする」 「インターネット共有(テザリング)をオフにする」 スマホを仕事で使おうと思ったら、気になるのが軽快さと電池の持ち時間。だんだん動作が重く遅くなり、バッテリーのもちが悪くなってくるのを改善するちょっとしたメンテナンス方法をご紹介。あなたのスマホ寿命は、これを面倒と思わずにやれるかどうかにかかっています。※写真はイメージです(写真=iStock.com/Prykhodov)■スマホ寿命を延ばすには?その圧倒的な便利さで、すっかり私たちの生活に欠かせない存在となった。しかし、は長く使っていると、どうしても動きが重くなってきたり、バッテリーの持ちも悪くなってきたりし

                                                                                    スマホを軽くし電池を長持ちさせる神設定3つ - ライブドアニュース