「チ。―地球の運動について―」感想。〜歪で不誠実で不愉快なこの傑作漫画について〜 - 銀河孤児亭
はいどーも あでのい です！ いやー、とうとう完結ですよ劇場版Gのレコンギスタ！ この人類史上に残る一大事を目前にして、このブログ、直近記事が刃牙シリーズ、麻雀漫画、シン・ウルトラマンですよ？ 一体何のためのブログだと思ってんすかね本当。忘れてる人のために言っときますが、このブログは元々Gレコ感想用ブログです。忘れないように！ という訳で今日は漫画『チ。-地球の運動について-』の感想です。 チ。―地球の運動について―（１） (ビッグコミックス) 作者:魚豊 小学館 Amazon この度最終巻の発売に加えてアニメ化も決まったとのことでめでたい限りですね。全８巻できれいにまとまってるのもおすすめしやすいポイントです。 でまあ、なんですけど、今日はちょっとこの大人気漫画の『チ。』を、私の持てる限りの全身全霊をもってして可能な限りボコボコにしてやりたいと思います。 やー、遂に書いちゃったよ作品批判
Qiitaからのお引越し記事です。 目標 ステレオカメラ 概要 特徴 使用製品 パターンプロジェクションカメラ 概要 使用製品 iPhone ゾゾスーツ 工業製品(Ensenso, キーエンス) Time of Flight LiDAR Time of Flightの原理 特徴 スキャン型LiDAR フラッシュ型LiDAR 製品 Velodyne Series 追記 Livox Horizon iPhone iToF LiDAR 目標 通常のカメラは物体の明るさ、色を抽出するのに対し、距離センサは物体までの距離をセンシングします。そのため3DカメラやDepth Sensorなどと呼ばれたりします。 距離を知ることは多様なアプリケーションにおいて重要であり、例えば自動運転では前方車両までの正確な距離を知ることは必須です。またゲームなどのアプリケーションでは人の動作などを距離センサで抽出するK
ブラックフライデーには何を買うべきか。 最もおすすめなのはKindle本である。 俺が近年に読んだ中からセール対象のKindle本を紹介しよう。 セールまで待つ人へ 俺はことあるごとに本を紹介しているわけだが、クリック数の割に買われないなと思うことがある。なぜこんなことが起きるのか。 俺は役立つか面白い本しか紹介していないわけだから、まさか購入ページまで行って「やっぱ止めるか」となるのは考えにくい。となれば理由はただ一つ。「安くなったら買おう」と考え、欲しい物リストに入れる人が多いのだ。俺がそういう動きをしているのだから当然だ。 そんな人に朗報である。Amazonブラックフライデーで、様々なKindle本が大幅に値下げしている。その中には俺が紹介した本も多い。ということで今まさにセール対象でおすすめの本を紹介することにした。ポイントアップキャンペーンは11/22 (水) の買い物から対象と
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちはお久しぶりです。Web標準黒帯（ヤフー内のスキル任命制度）の岡部和昌（@kzms2）と申します。 今回の記事はありがちな「たくさんの良さげなCSSのプロパティなどを羅列してひたすらまとめる」だけではなく以下の考えのもと、まとめた記事です。 岡部が「使うケースがある・覚えておくべき」と感じたオススメできる、または有用と判断したCSS 可能な限り2020年からブラウザに実装された、またはこれから実装されるCSS 比較的新しいまたはあまり使われている印象がないCSS 実際のコードや挙動、対応ブラウザを掲載 自分目線でみたコメントや使えそうな場面をできる限り丁寧に説明 つまり2020年に実装されたものを中心に、有益でオススメでき
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケート結果を紹介します。 floatプロパティーは現役？ floatプロパティーは、CSSレイアウトのために2000年代中頃からテーブルレイアウトに代わって使われてきました。FlexboxやCSS Gridなど、他にレイアウト手法が存在する現在において、floatプロパティーはどれほど使われているのでしょうか。 1829票の回答があり「とてもよく使う」が5.7%、「たまに使う」が19.8%、「ほとんど使わない」が69%、「floatを知らない」が5.5%でした。 現在はfloatプロパティーを使う
この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト
皆既月食と天王星。撮影時刻：20時37分。（写真は天の北極側が上。以下同じ）撮影：長山省吾。（クレジット：国立天文台） 2022年11月8日、皆既月食が起こりました。今回は、月食中に天王星食も起こる非常に珍しい皆既月食となりました。この珍しい皆既月食を全国にお届けしようと、国立天文台天文情報センターは、東京都にある三鷹キャンパスで月食と天王星食の撮影とライブ配信を行いました。当夜の三鷹キャンパスはほぼ快晴で、無事に撮影とライブ配信をやり遂げることができました。この記事では撮影の成果を中心に、国立天文台の今回の取り組みをご紹介します。 皆既食、部分食、天王星食の撮影 国立天文台天文情報センターでは、月食と天王星食の高品質な記録に成功しました。月食全体の撮影には口径12センチメートルの屈折望遠鏡を、天王星食をクローズアップした撮影には50センチ公開望遠鏡を使いました。まずは、それらの画像・映像
iOS16には、iPhoneのホーム画面の操作に関連した多くの新機能が搭載されています。iPhoneのホーム画面をうまく設定するテクニックを、米メディア9to5Macがまとめているのでご紹介します。 ホーム画面の便利テクニックを知り、iPhoneを快適に使いこなす iPhoneを使う時に必ず操作するホーム画面には、最新のiOS16で導入された新機能のほかに、使い慣れているからこそ見落としがちな基本的な操作方法があったり、地味だけど覚えておくと操作が快適になったりする小技があります。 これらのテクニックを知り、ホーム画面を使いこなせると、iPhoneの使いこなしレベルが1段も2段もアップします。 ちなみに、9to5Macが紹介した85の便利技のうち、筆者の個人的なオススメを3つに絞ると、28番、35番、49番です。 押さえておきたい基本技 アプリを開く/閉じる ディスプレイズームを使う 壁紙
パララックスもこれで簡単に！ HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js
ユーザーのスクロール操作に合わせて視差効果を与えるパララックスのエフェクトをシンプルに実装できる軽量のバニラJavaScriptのライブラリを紹介します。 実装は非常に簡単で、HTMLやCSSを変更せずに、パララックスのさまざまなエフェクトを実装できます。 simpleParallax.js simpleParallax.js -GitHub simpleParallax.jsの特徴 simpleParallax.jsのデモ simpleParallax.jsの使い方 simpleParallax.jsの特徴 simpleParallax.jsは、<img>で実装された画像にパララックスアニメーションを追加する、非常にシンプルで軽量なバニラJavaScriptのライブラリです。
2022年が終わった。 だから読んで面白かった本を紹介する。 【目次】 2022年下半期に読んだ本 『防災アプリ 特務機関NERV』 『mRNAワクチンの衝撃 コロナ制圧と医療の未来』 『「修養」の日本近代 自分磨きの１５０年をたどる』 『ヒトの目、驚異の進化 視覚革命が文明を生んだ』 『Anthro Vision 人類学的思考で視るビジネスと世界』 終わりに 2022年上半期に読んで面白かった本 2022年下半期に読んだ本 去年は4月まで引っ張ることになったが、今年はさっさと書いてしまおう。俺は反省して対策を講じる人間なので。 2022年下半期に読み終えた本は52冊。上半期も52冊だったので、安定したペースで読めたと言える。年間で104冊は目標通りだ。 2022年の読了数 この52冊の中から特に良かった5冊を紹介しよう。 『防災アプリ 特務機関NERV』 防災アプリ 特務機関NERV 作
TL;DR モチベーション ウェブページの背景に星空を見せたかった。それがちゃんと実際の星空の、リアルタイムの状況を反映していたら面白いよねと思った。 スタート時の状況 主に愛情のこもった手打ち HTML5 と 手打ち CSS でシンプルな Web ページを作っていた https://web.archive.org/web/20210212085818/celestian.io この前にどうやら React が世間では流行ってるらしいということで React と TypeScript を使った小さい 1 ページアプリを作った https://web.archive.org/web/20201202100627/https://celestian.io/ssr/ 今の https://celestian.io/sushi の前身 C# で WPF のデスクトップアプリとか作ってたことがあった
ガチガチの働き方を“ゆるめる”鍵は弱さにある？ 世界ゆるスポーツ協会理事・澤田智洋さんに聞いてみた - りっすん by イーアイデム
何年も同じ環境で仕事をしていると、次第に自分なりのやり方やルールが生まれてきます。それは効率的である一方で、いつの間にか新しい方法を試すことに億劫になっていたり、仕事の本質を見失い、ただ「こなす」だけになっていたりすることも少なくないと思います。 世界ゆるスポーツ協会の理事を務める澤田智洋さんも、かつては広告業界のなかでガチガチだったと語ります。スケジュールをびっしり埋め、目の前の仕事をこなす毎日。ただ、働き始めて10年がたつ頃、ふと「なんのために仕事をしているのか」と疑問に思うように。そこへ障害を持ったお子さんの誕生も重なり、道草を大切にする働き方へとシフトされました。 現在は、スポーツや福祉の領域を中心に”社会全体をゆるめる”ために活動中。凝り固まった仕事観や働き方から抜け出すためにはどうすればいいのか。これまでの歩みとともに語っていただきました。 ※取材はリモートで実施しました 息子
近年オープンワールドゲームの「窓の内側」は2D画像を立体的に見せている。『Marvel’s スパイダーマン』など採用例増える“だまし絵”風開発テクニック - AUTOMATON
ゲームにおける建物の窓の内部を、“3Dで構築せずに”立体的に表現できる手法が注目を集めている。『Marvel’s Spider-Man』など、近年のオープンワールドゲームでは採用例が増えているようだ。 Image Credit: Mat Bratko on YouTube 今回注目を集めているのは「fake interior」あるいは「interior mapping」などと呼ばれる手法だ。interior mappingは主に、ゲーム中の建物の窓などに用いられている。オープンワールドゲームなど、多数の建造物が登場するゲームにおいては、それらが備える窓も無数に存在。それぞれの窓の内側を描く、あるいは誤魔化す必要がある。窓の内側の空間を3Dで構築するとなると途方もない作業が必要になり、また描画する際の負荷も大きくなる。そのため2D画像をそのまま貼り付けたり、あるいはカーテンが閉まった画像を用
ウェブデザインにおける3D表現はリッチでユーザーの興味を惹くものがあります。しかし3Dコンテンツの実装は技術レベルも高く、予算も豊富でないと難しいものです。そこで、今回はWebGLや代表的な3DライブラリのThree.jsを使わないで3D表現（あるいは3D風）を実現する方法を紹介します。 サンプルを別ウインドウで開く コードを確認する 3Dを感じる理由 まず3Dをユーザーに感じさせる理由について考えてみます。紙面にしても画面にしても実態は2Dの平面世界です。画面の中で3Dを感じるのは、人間が2D的に描かれたものから奥行きを知覚する特性があるからです。たとえば、すぼまっていく2本の線があると線が平行であると認知し、奥行きを感じます。この現象を体系化したものが遠近法です。 より具体的な手法として透視図法があります。Three.jsを使った3D表現もこの透視図法によって描画されています。描画自体
画面サイズだけではなく、デバイスのユーザー設定に対してレスポンシブにできる新しいCSSのメディアクエリーが登場しています。スマートフォンやパソコンで、画面サイズに応じてレイアウトが変化する「レスポンシブ・ウェブ・デザイン」はほとんどのウェブサイトで実装されているでしょう。新しい世代のレスポンシブ手法は、画面サイズだけでなくユーザー設定に対して挙動やスタイルを変更させることができ、ユーザービリティーやアクセシビリティーの向上に役立ちます。 本記事では事例とあわせて最近のレスポンシブ手法を紹介します。 この記事で紹介すること ダークモード対応 モーションの無効化設定 iOSのフォントサイズ変更 ダークモード対応 OSには外観モードの設定項目があります。Windows 10やmacOS、iOS、Androidのいずれもライトモードとダークモードの切り替え機能が提供されています。ライトモード・ダー
パララックスやさまざまなスクロールのエフェクトを簡単に実装できるJavaScriptライブラリ -Locomotive Scroll
Webページやスマホアプリで要素がビューポート内に入った時に、パララックスやさまざまなスクロールのエフェクトを実装できるJavaScriptライブラリを紹介します。 要素をスクロールに追従して表示させたり、視差効果を使ったパララックスやカーテン効果なども簡単に実装できます。 Locomotive Scroll Locomotive Scroll -GitHub Locomotive Scrollの特徴 Locomotive Scrollのデモ Locomotive Scrollの使い方 Locomotive Scrollの特徴 Locomotive ScrollはWebページやスマホアプリでビューポート内の要素検出と視差効果によるスムーズなスクロールを簡単に実装できるJavaScriptライブラリです。virtual-scrollにレイヤーとして構築され、要素がビューポート内に入った時にc
「魔法部」 ブランドサイトのつくりかた｜MEFILAS
今回より、Webサイトの制作方法を実際の案件を通してお伝えする「Webサイトのつくりかた」シリーズをスタートします！ Webサイトは目的や狙いによって制作方法はさまざま。いざつくろうとすると... ・制作の進め方がわからない ・企画のアイデアがまとまらない ・どんなデザインが良いか判断できない ・アニメーションが考えられないなど、わからないこともたくさん出てきますよね。 このシリーズでは、そんな「実際どのように制作しているのか」という疑問を、制作を依頼される方・制作を担当される方の参考となるように、弊社の制作実績を通してお伝えしていきたいと思います。 第一回目は、魔法の世界観が魅力的なファッション・雑貨ブランド「魔法部」ブランドサイトのつくりかたをご紹介いたします。 01. 魔法部とは 魔法部 https://www.felissimo.co.jp/mahoubu/ 「魔法部」とは、通販会
こんにちわ！はじめまして、ゆいです。 都内でデザイナーとして働きつつ、兼業で画家になりたいです。設計したりWEBデザインしたり、社内ではグラレコ風のなにかを描いたりしています。休日は絵を描いています。 日々の思考・メモなどはツイッターにあるので良かったら見てください ガイドラインについて、話したい。今回はナレッジの整理と共有です。2018年頃に社内展開用に作成したスライドをもとに文章化してみたいと思います。ここで話したいと思っているガイドラインとは、Appleが展開しているHuman Interface GuidelinesとGoogleが2014年に発表したデザインのフレームワークMaterial Designを指しています。当時在籍していたUIチームの知識を揃えたいと思い、自分なりに掘り下げて整理していました。 おそらくアプリに関わるUIデザイナーの方で上記２つのガイドラインを読んでい
Jolinaは、アメリカやイギリス、オーストラリアの複数のスタートアップを相手にしているデジタルマーケティングの戦略家です。 長いアニメーションの歴史の中で明らかになったものがあるとすれば、それは動く画像はいつだってユーザーの心を掴めるということです。アニメーションの目新しさは薄れたものの、今ではエンターテイメント以外の目的でも使われることが多くなりました。実際、時代を問わない魅力と汎用性を最大限に活用することで、Webサイトのユーザーに好ましく魅力的な体験を作り出すことができます。 しかし、特にUXデザインの立場から見ると、アニメーションはすべてが同様に作られているわけではありません。いくつかのアニメーションは、問題を解決せず、むしろ新たに生み出してしまっています。善意から作られていても、間違ったアニメーションはユーザーの目的の邪魔をし、インターフェイスを乱し、Webサイトに悪影響を与え
新年度も始まったということで、去年に引き続き注目トレンドのWebサイトをいっぱい見漁ってきました。 徐々に緩和されつつありますが、移動や外出が制限されていたこともあり、より刺激的な体験をインターネットに求める傾向がありました。また、社外だけではなく社内のコミュニケーションもオンラインが当たり前になっていることから、より効率的なコミュニケーションが模索されてきています。 AIを使ったサービスが爆発的に認知を広げていたりとさまざまな変化があるなかで、Webサイトはどう進化していくのでしょうか。妄想を膨らませながら見ていきましょう。 ※今回こちらの記事を参考にしています。 Top Web Design Trends of 2023 11 engaging web design trends for 2023 9 interactive web design trends for 2023 こんな
ついに発売となった「Meta Quest 3」徹底解説。液晶やレンズ，コントローラの秘密を明らかに［西川善司の3DGE］
ついに発売となった「Meta Quest 3」徹底解説。液晶やレンズ，コントローラの秘密を明らかに［西川善司の3DGE］ ライター：西川善司 去る2023年9月27日，Meta（旧Facebook）は，開発者向けのカンファレンス「Meta Connect 2023」を開催し，3つの大きな発表を行った。その3つとは，新型XRヘッドマウンドディスプレイ（以下，HMD）の「Meta Quest 3」（以下，Quest 3）と，新AIソリューション，そして新型のスマートグラスであった。 既報のとおり，Quest 3の発売日は2023年10月10日で，税込価格は内蔵ストレージ容量128GBモデルが7万4800円，512GBモデルが9万6800円である。 ちなみに，既存製品である「Meta Quest 2」（以下，Quest 2）や，「Meta Quest Pro」（以下，Quest Pro）も当面は
スマホアプリやWebサービスなど、スクリーン上のUIには様々な形でモーション（動き）が使われています。 こうしたUIモーションは利用者として毎日何気なく目にしているものですが、そこには作り手がいて目的があるはずです。この記事ではUIモーションの目的と効果的な使用方法について考察します。 UIモーションとUIアニメーション「モーション」と「アニメーション」はどちらも動きを表す言葉として、同じ意味で使われることもありますが、元々の言葉の意味を踏まえると以下のような違いがあると言えます。 UIモーション：UI要素に動きを与えたもの。ユーザーの操作や時間経過に応じてUI要素が移動・拡大・縮小・変形などの変化が生じること。（例：モーダルウィンドウの表示・非表示など） UIアニメーション：時間とともに変化するグラフィックをUIに取り入れること。（例：Twitterのいいねボタンを実行した際の演出） 厳
音楽の立体音響＝高音質化と呼んで良いの？
音楽の立体音響＝高音質化と呼んで良いの？2021.07.26 21:0030,149 ヤマダユウス型 ｢食べ慣れた味｣と｢珍しい味｣が、似て非なるように。 2021年6月、Appleが空間オーディオ機能をリリースし、ソニーは今年はじめ頃に360 Reality Audioのライセンス提供を開始しました。近頃のオーディオ界隈では、空間や立体、3Dといったワードがトレンドになっています。 本当にやたらと聞くようになったこれらの言葉。字面の通り音楽が立体的に聞こえるという技術ですが、言葉だけではピンと来ないですよね。でも、聞いてみると｢今までの聞こえ方と明らかに違う！｣とわかるほどに、違いはあるんです。音が面ではなく、奥行きや上下、前後感を持って感じられるといいますか。 …でもこの立体音響ってヤツ、果たして音質に寄与するものなのか？ いつも聞いてる音楽が立体音響になることで、高音質になったと表現
個人で描いている漫画の作画専用機として、4月末にiPadProを買いました。 iPad Pro 第3世代（2018年秋モデル） 12.9インチ / Wi-Fiモデル / ストレージ256GB です。 最初の1ヶ月はかなり戸惑ったのですが、数ヶ月間格闘し続けてようやく慣れてきて、ペン入れを中心に作画メイン機として活用できるようになってきたので（※プラスこれまでに使っていたiMac+板タブも併用して、頻繁にデータを行き来して原稿しています）まだ記憶に新しいうちに色々と覚え書きをしておこうと思います。 ちなみに、使用ソフトはCLIP STUDIO PAINT EXです。 「iPadProも最近は高性能になってきたから、液タブ代わりに使えるよ！」という話をちらほら聞くようになって、1年くらい前から買う買う言いつつもなかなか覚悟が決まらず後回しにして、ようやく満を持して購入〜みたいな感じだったんです
アップルのiPhone 11シリーズがいよいよ登場します。「カメラが増えただけじゃないの？」といぶかしがる声もありますが、追加された超広角カメラはこれまでのスマホやレンズ交換式カメラでも不可能だった撮影を可能にしてくれるなど、革命的な存在だと感じました。鹿野貴司カメラマンとともに、iPhone 11とiPhone 11 Proのカメラ機能の実力をチェックしていきたいと思います。 9月20日に販売が始まるiPhone 11シリーズ。これまでにない機能をもたらす超広角カメラの搭載が、写真ファンのみならずSNSを楽しむ一般ユーザーにとっても注目の存在となりそうだ iPhone 11シリーズは「iPhone 11」「iPhone 11 Pro」「iPhone 11 Pro Max」の3機種とも、初めて超広角カメラを搭載したのが特徴。35mm判換算で13mm相当の超広角レンズは、レンズ交換式カメラの
こちらのポスト（ツイート）に、けっこういろいろな意見がぶら下がっていたので、私の率直な感想をここにまとめておきます。 まず、HMDをつけているときの「疲れ」とは何か。これは3つの要因に分解することができると思います。 重量物を頭へ搭載することに対する、首・頭への負担感 純粋な目、視力への負担感 視界がコンテンツに覆われていることによる酔い、ベクションによる疲労 人が「VRって疲れるんだよね」という場合、わりとこれらがごっちゃになっていることが多いです。冒頭にあげたポストでは二番目（目への負担感）のみに絞って語られているように感じますが、同ポストにぶら下がっているリプライではわりと一緒にされているようです。これらを混ぜると論点がぼやけますので、Apple Vision Proではいったいどうなのか、それぞれの要素に分解して現時点での自分の所感をまとめます。 重量物を頭へ搭載することに対する、
情報が加速度的に増加し、スマートフォンをはじめとしたデジタルデバイスによって様々な行動が不可視化されている現代。そのような「ブラックボックス」が溢れる時代を、私たちはどう生きるべきか。 現代人にとって重要なこの問いを、著述家・書評家の永田希が、書物と貨幣の歴史を遡りながら現代思想や文学作品・SFを通して解き明かしたのが9月17日発売の新書『書物と貨幣の五千年史』である。本書の主題となっている「ブラックボックス」という概念をより掘り下げるべく、集英社新書プラスでは4本の対談を掲載。 第1回目は、コンサルティング会社に勤める傍ら2017年に小説『構造素子』（早川書房）でデビューし、今年の7月には、SF小説を書くことで未来の世界を構想するコンサルティング手法「SFプロトタイピング」の理論と実践を記した『未来は予測するものではなく創造するものである−考える自由を取り戻すための＜SF思考＞』（筑摩書
西川善司の3DGE：GeForce RTX 40完全解説。シェーダの大増量にレイトレーシングの大幅機能強化など見どころのすべてを明らかに
西川善司の3DGE：GeForce RTX 40完全解説。シェーダの大増量にレイトレーシングの大幅機能強化など見どころのすべてを明らかに ライター：西川善司 GeForce GPUの新世代となる「GeForce RTX 40」シリーズが，10月12日にいよいよ発売となる（関連記事）。 GeForce RTX 40の開発コードネームは「Ada Lovelace」（エイダ・ラブレス，以下 Ada）。NVIDIAは，「GeForce 8800 GTX」以降のGPUに付ける開発コードネームに，物理学者やコンピュータサイエンス研究者の名前を冠している。Adaは，19世紀の数学者であり世界初のコンピュータプログラマ（もちろん機械式計算器だ）として知られるAda Lovelace氏にちなんだものだ。 本稿では，Ada世代のGeForce RTX 40が搭載する新技術や新機能がどのようなものなのか，新機能
Webサイトの制作方法を実例でご紹介する「Webサイトのつくりかた」シリーズの第二弾！ということで、今回は各業界で注目の「CHILL OUT」ブランドサイトのつくりかたをご紹介します。 前回の「魔法部ブランドサイトのつくりかた」では、予想を遥かに超えた反響があり、チーム一同大変喜んでおります。今回の記事もWeb制作の参考となるように大ボリュームでお届けしたいと思います！ 01. CHILL OUTとは CHILL OUT https://butfirstchillout.com/ 「CHILL OUT」は、I-neと日本コカ・コーラの合同会社Endianから発売されている日本発のリラクゼーションドリンクです。発売後から多くの方に愛飲されており、ゆうこすさんや有吉さんもSNSにアップされているので、ご存知の方も多いのではないでしょうか。 案件概要とクレジットはこちら👇 🖥 案件概要 目
【2024年版】JavaScriptのおすすめライブラリ＆フレームワーク40選 JavaScriptのライブラリやフレームワークを使うことで、幅広い特徴と機能により、ウェブサイトやアプリケーションの開発が容易になります。これを可能にしているのが、JavaScriptの動的で柔軟であるという特性でしょう。2020年に実施されたStackOverflowの調査によると、JavaScriptは回答者の67.7%が使用しており、最もよく使われているプログラミング言語として記録を更新（8年目）しています。 その汎用性の高さから、バックエンドとフロントエンド両方の開発やテストに利用できます。その結果、さまざまな目的に対応する数多くのJavaScriptライブラリやフレームワークを見つけることができます。それゆえに、プロジェクトでどれを利用すべきかと迷ってしまうこともあるでしょう。 しかし、心配はご無用
はてなブックマークで専門家の知識の蓄積を指摘したコメントに対して、「はてな民」と大きなくくりで専門知の軽視と矛盾するかのように主張する匿名記事があった*1。 「なんで自分が何十年とやってる専門家より知識があると思える？」 https://b.hatena.ne.jp/entry/s/gendai.ismedia.jp/articles/-/84256 jamira13 根本的になんで自分が何十年とやってる専門家より知識があるなんて思えるんだろう？ 2021/06/27 はてな民がそれ言っちゃう？？？？？ あらゆる政策とか、 最近ならウイルスの特徴や対策やワクチンの性能について、 「何十年とやってる専門家」に反論したりなんなら上から目線で説教したりしまくってますよね？？？？ しかしjamira13氏や、はてなスターをつけた人々は、匿名記事がいうように矛盾するほど専門家を軽視していたのだろうか
シュモクザメが「トンカチ」みたいな頭の形をしているのはなぜ？
by Mark Chivers 目が左右に張り出した頭の形が特徴的なシュモクザメは、鐘を鳴らすT字型の仏具である撞木(しゅもく)からつけられた名前で、英語でもハンマーの頭の部分(Hammerhead)から名前をとって「Hammerhead shark」と呼ばれています。一目見たら忘れられないシュモクザメの奇妙な頭の形について、サメの専門家が解説しています。 Why do hammerhead sharks have hammer-shaped heads? https://theconversation.com/why-do-hammerhead-sharks-have-hammer-shaped-heads-184372 30年以上サメの研究をしているというフロリダ大学フロリダ自然史博物館のギャビン・ネイラー氏によると、シュモクザメの頭の形状には主に3つの利点があると考えられているとのこ
Webページに軽快な視差効果、スクロールすると要素が近づいてくるエフェクトを実装できる軽量のJavaScript -PushIn.js
Webページにインタラクティブな視差効果のアニメーションを実装できる軽量のJavaScriptを紹介します。 スクロールすると要素が近づいてくるエフェクトは、Appleのランディングページなどでもよく見かけます。スクロールすると要素が押し出されるように近づくプッシュイン、スクロールすると要素に向かってカメラが近づくドリーインなどのエフェクトを簡単に実装できます。 PushIn.js PushIn.js -GitHub PushIn.jsの特徴 PushIn.jsのデモ PushIn.jsの使い方 PushIn.jsの特徴 PushIn.jsはJavaScriptとCSSを使用して、ユーザーがWebページをスクロールしたときに指定した要素のスケールを操作することにより、要素が移動するような錯覚を作り出します。ブラウザに組み込まれているrequestAnimationFrameを使用しており、
Evernoteの元CEO、フィル・リービン氏が2020年7月7日にベータ版として発表した「mmhmm」（ンーフー）が、わずか3か月後の10月8日に名門VCのSequoia Capitalをリードとして約33億円（3,100万ドル）のシリーズAの資金調達を発表しました。リービン氏は「ジョークのような感じで始まった」と言いますが、ベータローンチから3か月目にしては大型のシリーズA調達です（この投資ラウンドには三木谷浩史氏や中島聡氏ら日本の投資家・経営者、WiLやScrum Venturesなど日系VCも参加しています）。 何がすごいのでしょうか？ mmhmmもそれ自体が非常に斬新で便利なアプリですが、私にはそこに大きな時代の変化の予兆があるように思えるのです。テレビの世界で1990年代から天気予報番組などで利用されてきた「クロマキー合成」という画像処理技術が一気に民主化し、多くのサービスやア
17個のWebサイトから学ぶ、デザインクオリティを上げる6つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おはようございます、こんにちは、こんばんは、デザイナーのまべです。 今回は普段Webサイトを見ているなかでグッとくるデザインのポイントを、クオリティを上げるヒントとしてまとめました。 もちろん見るだけでなく実際に制作のなかで実践してきたことを改めて言語化したので、何か物足りない、もう一段階クオリティを上げたいと思っている方に読んでいただけると嬉しいです。 ファーストコンタクトにストーリーをつける ユーザーはWebサイトに初めて訪れたときの接点で、サイトに対して抱く印象がほぼ決まると言っても過言ではないです。巧みなグラフィックは興味を引きますし、ジェネラティブなアニメーションはスタイリッシュな印象や、技術的なイメージを抱くでしょう。 多くのユーザーは情報を取得したい、という動機がありますが、コンセプトからサイトへの来訪、そしてコンバージョンへのストーリーを作り、情報と演出を違和感なく繋げてい
Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Googleの研究チームが開発した「Immersive Light Field Video with a Layered Mesh Representation」は、実写の3D映像を撮影できる46台のカメラを配置したライトフィールドカメラシステムだ。VR/ARシステムでストリーミング再生可能な6自由度（6DoF）の立体映像を作成する。 ここで言う実写の3D映像とは、平面による360度映像ではなく、頭を動かすことで視点と遠近感が変化し、運動視差による奥行き感や、光の反射によってシーンがどのように構成されているかをより実感できる立体的な映像を指す。 この3D映像を作り出すには、撮影する機材と、
火星から見た夜空は地球とどう違うのか？
火星に移住するというアイデアが現実味を帯びてきましたが、火星での生活はさまざまな点で地球との生活と大きく異なります。作家のスチュアート・アトキンソン氏は、アマチュア天文家の視点から「火星から見る夜空は地球とどう違うのか」ということをまとめています。 What does the night sky look like on Mars? - skyatnightmagazine https://www.skyatnightmagazine.com/space-science/what-does-night-sky-look-like-mars/ 基本的に火星の夜空に雲は少なく、アマチュア天文家にとってはよく星が見えるよい環境とのことですが、時に砂嵐が発生すると何カ月も続くことがあるとのこと。しかし、火星で風や嵐が発生するメカニズムはまだはっきりとわかっておらず、研究が急がれているところです。
NHK技研が「ピントが合う」VRヘッドセットを発表、ライトフィールド技術活用で NHK放送技術研究所は、物体からの反射光などを再現する「ライトフィールド技術」を活用したVRヘッドセット「ライトフィールド・ヘッドマウントディスプレイ（HMD）」を開発しました。NHK技研によれば、「従来の方式よりも自然な3D映像を視聴でき、目の疲れの抑制が期待できる」としています。 ライトフィールド技術によって”ピントが合う”違和感のないVR視聴を実現 NHK技研によれば、「従来のVRヘッドセットでは、左右の目に視差のある映像を映し出すことで立体感を得ているものの、目の焦点位置がディスプレイ上に合っていることから、注視している箇所にピントが合わないといった不自然な見え方となり、視覚疲労が起こると考えられている」とのこと。 これまでにも、ライトフィールド技術を活用したVR/AR向けヘッドセットのプロトタイプを開
同等スペックのライバル液タブより10万円も安い4K・24インチ「Kamvas Pro 24(4K)」の使い心地を実際にお絵描きして確かめてみたレビュー
2万円台でゲットできる液晶タブレット「Kamvas 13」などを販売するHuionが、23.8インチ・4K解像度・sRGBカバー率140％・最大表示色10億7000万色とプロレベルでも十分使えるハイスペックな液晶ペンタブレット「Kamvas Pro 24(4K)」をリリースしました。簡単セットアップはそのままに、キャンパスサイズの大画面に美麗なイラストを自由自在に描きまくれるように進化しており、それでいて競合製品の同等スペックのものと比べて約10万円も安価ということで、実際にプロのイラストレーターさんに使ってもらい、リアルな評価を聞き出してみました。 Amazon.co.jp: HUION: 【新】24インチシリーズ https://www.amazon.co.jp/stores/page/1CDBD252-F77E-4D4F-A5B1-1F29C9367225 ◆開封＆フォトレビュー K
西川善司の3DGE:Gearsシリーズの制作スタジオが語るUnreal Engine 5――1億ポリゴン時代に突入するゲーム開発のゆくえ
西川善司の3DGE:Gearsシリーズの制作スタジオが語るUnreal Engine 5――1億ポリゴン時代に突入するゲーム開発のゆくえ ライター：西川善司 Unreal Engine 5（以下，UE5）の存在が発表された2020年5月は，新世代ゲーム機のPlayStation 5（以下，PS5）やXbox Series X/S（以下，XSX）が発売となる半年前だった。 2000年代以降におけるUnreal Engineの歴史を振り返ると，Unreal Engine 3（以下，UE3）はPlayStation 3（以下，PS3）やXbox 360，Unreal Engine 4（以下，UE4）はPlayStation 4（以下，PS4） / Xbox Oneといった具合に，その時代における次世代ゲーム機の発表に合わせて，新バージョンを発表してきた。 ただ，理解しておくべきなのは，それらUE
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
距離センサ入門（ステレオカメラ、プロジェクション、LiDAR) - arutema47's blog
直近3年に読んだKindle本からブラックフライデーのおすすめ - 本しゃぶり
2020年度末のCSS総まとめ！有用でオススメな覚えておくべき新仕様をコードと画像付きで解説
昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ
国立天文台が撮影した2022年11月8日の皆既月食と天王星食｜国立天文台(NAOJ)
iOS16のホーム画面を知り、iPhoneを使いこなす！85の便利技 - iPhone Mania
2022年下半期に読んで面白かった本5選 - 本しゃぶり
Web ページの背景を動く星空にした話 (with react-three-fiber)
頑張らない3D表現！ WebGLを使わずにウェブサイトで3Dを実現するCSSテクニック - ICS MEDIA
ウェブサイトに演出は不要!? ユーザー設定にレスポンシブ対応できる新しいCSS - ICS MEDIA
独学でUIデザインはじめた方へ。デザインガイドラインについて語ろう！｜ゆい
UXデザインにアニメーションを導入するときに注意すべきこと
注目のWebデザイントレンド10選【2023】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
UIモーション01： UIになぜ動きが必要か？｜鈴木慎吾 / TSUMIKI INC.
漫画用にiPadProを買いましたメモ（前編）
「iPhone 11」レビュー 超広角レンズがもたらすカメラ革命
Apple Vision Proは「疲れる」のか｜MIRO
ブルシットジョブから抜け出すために、自分を「ホラー化」せよ - 集英社新書プラス
「CHILL OUT」ブランドサイトのつくりかた｜MEFILAS
【2024年版】JavaScriptのおすすめライブラリ＆フレームワーク40選
天動説を地動説がくつがえした歴史は、専門知を軽視してもいい根拠にならないよ - 法華狼の日記
「mmhmm」がSequoiaなどから約33億円の大型調達、何がすごいのか？ | Coral Capital
Google、実写の3D映像を記録する46台のカメラシステムを開発
NHK技研が「ピントが合う」VRヘッドセットを発表、ライトフィールド技術活用で