ベクトル演算のひとつである内積は、二つのベクトルの関係を一つの数字に変換してくれる便利な存在です。そんな内積によるベクトルのエンコードが3Dゲームにおいてどのように役立っているかをエンジニアのMing-Lun "Allen" Chouさんが説明しています。 Gamedev Tutorial: Dot Product, Rulers, And Bouncing Balls | Ming-Lun "Allen" Chou | 周明倫 https://www.allenchou.net/2020/01/dot-product-projection-reflection/ まずは「ベクトルの内積」です。2次元空間上にある始点が同じ2つのベクトルaとベクトルbの内積について考えてみます。感覚的に内積を説明すると、ベクトルbに垂直な方向から光を当てたとき、ベクトルb上にできるベクトルaの影の長さとベク
JAXAが称賛…小学1年生が宇宙飛行士に応募 宇宙検定に最年少合格、高校の数学勉強も英語でアピール（福井新聞ＯＮＬＩＮＥ） - Yahoo!ニュース
宇宙航空研究開発機構（JAXA）が13年ぶりに行っている宇宙飛行士の募集に、福井県鯖江市の小学生が“挑戦”した。応募資格は満たしていないが、宇宙への夢を伝えたいと書類を郵送。JAXAから将来へのエールやアドバイスのメールが届き、「応援されているような気持ちになった」と喜んでいる。 【動画】陽生くんの自宅を訪問！意外な特技も披露 児童は鯖江市神明小2年の大森陽生（はるき）君（8）。3歳のときに訪れた県児童科学館で宇宙に興味を持ち、2021年に中学生レベルの天文宇宙検定3級に全国最年少の6歳で合格。福井県が主導した超小型人工衛星「すいせん」の打ち上げも熱心に応援した。 宇宙飛行士の応募書類を送ったのは1年生だった今年1月。「生まれて初めて行われる募集。挑戦したいと思った」 エントリーシートの役職欄には「下校班の班長、算数班リーダー」、賞罰欄には「小学校のマラソン大会6位」。志望動機は「宇宙開発
プロのエンジニアの方に聞けば、知識がないバカ3人でも「プログラミングの世界とは何か」を理解することができるのか？！ ※PR記事とは…お金をもらって書くお仕事記事のことだよ！ 今回は、株式会社divさんのプログラミングスクールサービス「テックキャンプ」のPR記事をお届けします。 この「テックキャンプ」は、誰でもゼロからプログラミングのことが学べて、なんと未経験者でもエンジニア転職ができるスクールなんだそうです。へ〜！ それを聞いて、我々はこう思いました。 なんですかエンジニア転職って。 「プログラマー」の話をしてると思ったら、急に「エンジニア」という知らん職業が出てきました。これは一体どうしたことでしょう？ プログラマーは大工さんで、エンジニアは建築士みたいなイメージです は〜〜〜〜？？？ 何言ってっかわかんね〜〜〜〜〜〜んだが？？？？？ PRしなきゃいけないのに、プログラミングのことなんて
もう一つの海を目指して ─ Webエンジニアからクリエイティブ系にジョブチェンジして見えてきた世界 - Findy Engineer Lab
はじめまして、天城孝義（@amagitakayosi）です。 Webエンジニアとしてブログサービスなどを運営している会社で3年働いた後、クリエイティブ系のスタジオに転職し、現在は主にフリーランスとしてUnityを使ってゲームやインスタレーションを制作しています。 クリエイティブ系の仕事には学生時代の頃から興味がありながら、Webエンジニアの働き方に影響されてフロントエンド開発の道を選択した僕ですが、やがてキャリアについて考え直すなかで、クリエイティブ系への転職という選択肢に直面しました。 目の前に選択肢が現れたとき、迷わずリスクを取れる人は少ないでしょう。僕の場合、周りの人々に励まされつつ面白い方を選び続けたところ、気が付いたら今の状況になっていました。 この記事では、Webエンジニアからクリエイティブ系へ転職することになった契機や、キャリアチェンジに際しての葛藤など、僕の考えてきたことを
2023年もCSSとUIの進化がすごいです！ 先日開催されたGoogle I/O 2023から、各ブラウザにサポートされたモダンCSSの新機能をはじめ、まもなくサポートされる機能まで、CSSの新しい機能を紹介します。 コンテナクエリ、スタイルクエリ、ダイナミックビューポート単位、カスケードレイヤー、ネスト、三角関数、広色域のカラースペースなど、これからのWebサイトやスマホアプリのUI制作に役立ちます。 What's new in CSS and UI: I/O 2023 Edition by Una Kravets, Bramus, Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 はじめに モダンCSSの新しいレスポンシブ モダンCSSの基礎機能の強化 カスタマイズ可能なコンポーネント CSSによるインタラクション 終わり
概要 先日ふと自分のPCのフィンガープリントを取ってみたところ「IPアドレス」など様々な項目が並ぶ中に「Math.tan」という変な項目を見つけました。 「なぜ三角関数が出てくるの？」と気になって調べてみたところ、**三角関数の値はブラウザやOSの実装により微妙に異なることがあり、特定の式をブラウザに計算させることで利用者を識別する手段になり得る1**という話でした。 面白そうだなと思ったので、本記事ではその手法で実際どの程度までブラウザ/OSを判別できるのか調査してみました。 検証方法 今回は様々な文献12の情報を参考に、以下の式を各OSの各ブラウザに計算させました。 tan(-1e300) cosh(10)（厳密には三角関数の類似ですが） これら以外も10数種類ほど試したのですが、判別に使えたのはこの2つのみでした。 試したOSとバージョン macOS Catalina (ver.10
こんちには。 データアナリティクス事業本部 機械学習チームの中村(nokomoro3)です。 冬休みの個人的課題図書(自習)として「Pythonによる時系列予測」を読み終えましたので、感想と振り返りを書いておこうと思います。 書籍情報 以下の書籍になります。 Pythonによる時系列予測 | マイナビブックス 発売 : 2023年10月 翻訳本であり原著は以下となります Time Series Forecasting in Python 発売 : 2022年08月 概要 概要として本書に記載されていることと、記載されてないことを紹介します。 記載されていること（感想含む） 記載されていることは以下のようになっています。 時系列タスクの説明 トレンド、季節性、残差という3成分に分けられることの説明 ランダムウォークという解けない問題の定義 統計モデル MA、AR、ARMA、SARIMA、SA
数学IIIと数学Cに入らない段階の三角関数つまんない
指導要領で数学Cが復活したから「数学IIIと数学C」と表記するけどまぁそれはともかく… その範囲に入らない段階での三角関数について学んでもかなりつまんないとは正直思う 結局数学II・数学Bまでの三角関数はグラフを書いてどんな形になるか確かめたり、せいぜい加法定理を習うまでだからだ これでは特定のxに対して sin x, cos x, tan x が幾つになるかばっかり考える事になる 三角測量という重要な応用があるにはあるが、それは結局実生活に役立ってる事が分かりはするが 三角関数自体の豊かな性質には触れられない これじゃ退屈に感じてしまう人がいても仕方ないよ 一方で数学IIIや数学Cまでやると三角関数はどうなるか 微積分と繋がる訳だ これで様々な有理関数の不定積分が三角関数を用いて表す事が出来たりと 他の分野との有機的な繋がりが見えてくる 様々な平面図形や立体の面積・体積も求められるように
昨今、さまざまなゲームジャンルが存在しますが、その中に音ゲーと呼ばれるものがある。 ご存知の通り、音楽に合わせてノーツをタンタンと叩いていくゲームだ。（周りの人間はﾀﾞﾀﾞﾀﾞﾀﾞﾀﾞﾀﾞﾀﾞﾀﾞという感じだが） 筆者は何故かこのゲームジャンルを通らず20年以上過ごしてきている。 しかし、昨年リリースされたプロジェクトセカイというボカロ曲を中心としたリズムゲームに触れて、もっと違う音ゲーをしたいなという気になってきた。 そこで筆者は以下のゲームに手を伸ばす。 DJMAX RESPECT V Steamのサマーセールにて格安であり、知人の間で流行りつつあったので便乗したかったという理由もあるが、色んな音ゲーに触れてどういうもんか知りたかったのが本音である 購入時の心境は、 「まぁ、ソロコンテンツ（全曲全難易度クリア）は24時間ぐらいやればクリアできるやろ（余裕）」 という感じで……。 しかし
2023年はついに、CSSで三角関数が主要ブラウザのすべてで使用できるようになります！ CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされており、3月リリースのChrome 111でもサポートされる予定です。 CSSの三角関数を使用すると、複雑なアニメーションに使用するJavaScriptを減らしたり、要素を曲線に配置するレイアウトなどもCSSで実装できます。 Chrome Platform Status CSS Trigonometric functions（三角関数）はCSS Values and Units Module Level 4ですでに定義されています。 sin() 引数として与えた数のサイン ボックスのサイズ
話を聞かせてくれた人物は、ドラマの放送開始後、現役の別班員たちに感想を聞いたという。皆、一様に面はゆい表情で、「こんなシーンあるあるじゃなくて、ありえねー、ですよねえ」と言いながら、楽しそうにおしゃべりしていたという。 ドラマのどんな場面が「ありえねー」なのか。 別班員の本質からずれた描写が多いのだという。別班は非公然組織であるため、自衛官の身分は維持しつつも、所属は「陸上幕僚監部付き」になる。政府が答弁書で「ない」と答えたのも、「陸上幕僚監部運用支援・情報部別班」という組織はそもそもないからだ。 別班員は自衛隊の組織から切り離され、身分を偽装しての活動を求められる。当然、その第一歩は「自衛官の匂い」を消すところから始まる。 ドラマでは、堺雅人が演じる乃木たちが拳を握って腰に添えた「無帽の敬礼」を行い、時刻の「12時30分」を「ヒトフタサンマル」と表現している。「あれじゃあ、自衛官だと丸わ
ヘッダやコンテンツの区切りを斜めにしたいとき、どのように実装していますか？ CSSの三角関数が主要ブラウザのすべてにサポートされたことで、今まではかなり複雑なCSSやJavaScriptが必要だった斜めのレイアウトがシンプルなCSSで実装できます。 コンテンツ自体を斜めにすることも、水平のままにしておくことも可能です。 Diagonal Layouts in 2023 斜めのレイアウトを実装するこれまでの方法は、下記をご覧ください。 ヘッダやコンテンツを区切るラインを斜めに実装するCSSやSVGのテクニック総まとめ 1. rotateではなく、skewを使用する 2. 疑似要素を使用する 3. CSSの三角関数で適切なpaddingを設定する 4. CSSカスタムプロパティでpaddingを管理する 斜めのレイアウトを実装したデモ 1. rotateではなく、skewを使用する width
わが子に｢なぜ古文を勉強しないといけないのか｣と問われた時の頭のいい親の"返答フレーズ"3パターン 元カリスマ古文講師｢そういう人は古文以外の科目に変わっても勉強しない｣
大前提として「古文を学ぶ」ことは、日本の伝統を学ぶこと。単に過去の出来事ではなく、現在をつくってきたものであるということを、まず理解してほしい。 だから古文は、俺たちのご先祖様の世界を見に行くようなものであって、そういった日本の伝統を学ぶからこそ、社会でも世界でも活躍できる。つまり古文は、日本人が身につける教養として大切なものなんだ。 それに、人生の役に立つかどうかでいうと、中学・高校で学んだ物理や数学を社会に出てから仕事で使っている人がどれくらいいるのか、という話にもなる。三角関数を使っている会社員なんかいる？ 代わりに何を学ぶの？ 次に、古文をカリキュラムから外すとして、代わりに何を勉強するのか。 よくメディアでは、古文を勉強するぐらいなら、金融や投資など、社会に出たときにもっと役に立つ勉強をしたほうがいいといわれる。 じゃあ仮に、古文や漢文をやめて、学校の授業で1時間目は金融、2時間
フォローよろです （この方がそうかわからないけど）Rust界隈の人の発言が結構、プログラミングスクール界隈の人と水と油みたいになっているきがして、気になる。 ＝＝＝（追記）＝＝＝ とおもって書いてたら数学は要らない派の人がちょっと不味いことをいってたので。。https://techgym.jp/colmn/mingra38/私はできれば高１の途中ぐらいまでの数学はいると思います。不要なのは、東大目指して大量に「二次関数」の問題を大量に取り組むみたいな数学のことを指し示します。学習指導要領に沿っていうと中２で数学を辞めるという感じだとそもそも、頭をつかってプログラミングに向いてなさそうです。 ＝＝＝（追記）＝＝＝ なんだかゴール設定が違うのが理由かもしれないが、一応両方の心が分かる人だと思うし、プログラミングスクール界隈の方に肩入れしているので、Rust界隈の人のエッジの効いた発言に対しては
2022年になりました。矢倉眞隆（@myakura）と申します。昨日に続き、新春特別企画のブラウザとウェブ標準動向について紹介します。 取り上げるトピックの数やそのインパクトから、今回はCSSを独立した記事として取り上げることになりました。「ブラウザとウェブ標準動向」についても寄稿していますので、そちらもお読みいただければうれしいです。 2022年以降のCSSは大きく変化しそうだなと思っています。これまでも、CSS3と呼ばれていた機能による表現力の強化、FlexboxやGridなど強力なレイアウト機能の追加など、大きな変化と言えるだろうものはありました。しかし現在提案・実装されている機能は、CSSの根幹を拡充するものと、これまでと性質が異なるものです。 Compat 2021とInterop 2022で互換性の向上 CSSのつらいところとしてまず取り上げられるのが、ブラウザ実装の挙動の違い
LLMs The History of Chatbots ELIZA (1966) 初期の人工知能プログラムのひとつ。 ルールベースの簡単なパターンマッチングで返答していた。 心理療法士の会話を模したELIZA(DOCTOR)が有名。 PARRY (1972) PARRYは偏執病的統合失調症患者をシミュレートしようとしたもの。 ELIZA(DOCTOR)と通信し話題となった。 Jabberwacky (1982, 1988, 1997) ユーモラスな人間同士の自然な会話をシミュレートすることを目的としていた。 ユーザーとの会話の大規模なデータベースを構築し、言語と文脈を学習することができた。 プロジェクト自体は1982年から開始されていたが、当初は学習機能は有していなかった。 ローブナー賞を2005年(George)、2006年(Joan)に受賞している。 ローブナー賞(Loebner P
三角関数、そんなに嫌い？ - 勝田敏彦｜論座アーカイブ
高校で三角関数を学ぶのは無駄なのか。最近、そんな議論がインターネットで巻き起こった。きっかけは、5月17日の衆議院財務金融委員会での藤巻健太議員（日本維新の会）の発言だった。 必要なのは、三角関数より金融経済？ 藤巻氏は「高校生に金融を学んでもらうにはどうすればいいか」というテーマで文部科学省の森田正信・大臣官房審議官らに質問。その中で「三角関数よりも金融経済の方が必要」という発言をした。少し長くなるが、録画（衆議院インターネット審議中継ビデオライブラリ）から、その発言に至るまでの流れを振り返ってみよう。 「私は大学受験の時、英語が苦手だったもんで、得意の数学で得点を稼ごうと、数学ばかり勉強しておりました。 浪人時代は家で一人で朝から晩までサイン、コサインをやっておりました。貴重な10代の大事な日々をサイン、コサインに捧げておりました。 受験の翌日以降、この20年ほど、サイン、コサインは一
ちょっと前の話になりますが 東工大と京大が相次いで「女子枠」を作りましたね。 正直なところ、愚策としか思えませんね。 １）面接では「本当の意欲」は測れない ２）「興味関心（好み）」の性差を無視するのは不自然 ３）「新しい視点」って？（笑）だったら「男女ともに」二次試験を廃止しろ ４）女子枠云々以前に、理系職の待遇を、国が変えろ １）面接では「本当の意欲」は測れない 面接で「理科・工学への関心興味」を測る？ バカ言っちゃいけません（笑 たしかに、「面接」は、『ある程度』有効。 実際に切った張ったのビジネスの最前線にいる人間には、ある程度、見抜ける。 それでも、「あんな奴だとは思わなかった」が３割くらい起きるのが「面接」。 短時間なら、人は人を騙せる。 ましてや、さ。 東工大も京大も、その「面接」だれがやるの？（笑 そういう「利益のためなら平気で人を騙せる人間が存在する現場」を経験していない教
CSSで数式を使用するときには、今まではcalc()関数をはじめ、min(), max(), clamp()などの関数でしたが、ついに三角関数もChrome, Edge, Safari, Firefoxのすべてにサポートされました。 CSSの三角関数、sin(), cos, tan(), asin(), acos(), atan(), atan2()の基礎知識と基本的な使い方を紹介します。 Trigonometric functions in CSS by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの三角関数が主要ブラウザにサポートされました CSSの三角関数とは: sin(), cos(), tan() CSSの三角関数とは: asin(), acos(), atan(), atan2() CSSの三
個人ゲーム制作の理想と現実私は個人でゲームを制作をすると同時に、ゲーム制作を通じてより社会を良くしていきたい、と考えている者です（その辺のくわしい話はこちら）。 近年、インディーゲームと呼ばれる、個人や小規模で作成したゲームがランキング上位に入るような機会も増えると同時に、個人でも無料でゲームを作れる環境が大分整ってきました。 将来のなりたい職業ランキングに「ゲームクリエイター」、が入るような時代になり、「ゲームを実際に自分でも作ってみよう！」と思っている人もきっと多いと思います。 しかし、実際のところゲームを完成させたり、継続して作っている人の数は、体感そこまで増えていないと感じます。 その理由はなにか？ そこにはゲーム制作を始めると感じる、理想と現実の大きなギャップが要因の一つにあると感じています。 具体的なギャップの中身としては、 ・プログラミング知識が必要だが、難しくて挫折 ・時間
2023年3月にリリースされるChrome 111ではCSSの三角関数がサポートされます。FirefoxやSafariではすでにサポートされている機能のため、2023年3月からは主要なブラウザでCSSの三角関数が使えるようになります。 とはいえ、「CSSで三角関数をどうやって使えばいいの？」「そもそも三角関数で何ができるの？」という方も多いのではないでしょうか。この記事では三角関数のうちサイン関数とコサイン関数の作例を交えながら解説します。 三角関数のおさらい まずはサイン関数とコサイン関数のそれぞれの使い方を少しおさらいしてみましょう。下図は角度をθ、半径をrとした時のx座標とy座標を表したものです。 たとえば角度が60°で半径が200だった場合、CSSのサイン関数とコサイン関数を使うと、x座標はcos(60deg) * 200、y座標はsin(60deg) * 200で求められます。つ
このブログを書いてる経緯 rust.tokyo 楽しみ！絶対行く！といってたのに申込みを忘れたところ、じゃあスタッフとしてブログを書けという話になったので、ブロガー枠？らしく感想を書きます。とはいえ書けるのは見たやつだけです。 https://rust.tokyo/sessions# 前提 自分は低レベルプログラミングは詳しくないです。年に3日ぐらい思い出したように Rust 勉強することがある。 wasm 周りのエコシステムはずっと追ってる。 会場の雰囲気 組み込み勢とブロックチェーン勢が多そうな気配を感じた。 Visualization of mechanical CAD drawings using WebAssembly and WebGL Aki / CADDi (発表資料見つからず) 概要 Computer aided design (CAD) models used in m
藤巻健太 衆議院議員 on Twitter: "高校進学率が低かった昔は、高校は知の探求・学問の場を提供するという役割が主だった。 しかし現在、高校進学率は98%を超える。 アカデミズムから実学へ、高校はその役割を一定変える必要がある。 https://t.co/NyiLBbyEJT"
高校進学率が低かった昔は、高校は知の探求・学問の場を提供するという役割が主だった。 しかし現在、高校進学率は98%を超える。 アカデミズムから実学へ、高校はその役割を一定変える必要がある。 https://t.co/NyiLBbyEJT
Unityを学ぶための動画を集めたサイト「Unity Learning Materials」。ユニティ・テクノロジーズ・ジャパンの安原氏が、ゲーム制作に使う数学について解説しました。今回のテーマは「自由研究・テイラー展開」。微分・積分を使った自由研究の結果を発表しました。 「テイラー展開」とはなにか？ 安原祐二氏（以下、安原）：Unityの安原です。今回で微分積分のお話は一段落になるんですけれども、最後は僕の自由研究みたいな話をちょっとおもしろおかしくしてみたいと思います。 微分積分ってすごくおもしろい概念で、応用がメチャクチャ広いんですよね。微分積分がなかったらいろいろなものが生まれてきていないのですが、その中に「テイラー展開」というものがあるんですよ。 これを見てください。これはWikipediaに書いてある内容です。ちょっと難しげに書いてあるじゃないですか。これを説明してみましょう。
「たけしの挑戦状」を作った男，福津 浩氏が追い続けた新世界（後編）たけしさんとの仕事と，幻の続編 「ビデオゲームの語り部たち」：第30部
「たけしの挑戦状」を作った男，福津 浩氏が追い続けた新世界（後編）たけしさんとの仕事と，幻の続編 「ビデオゲームの語り部たち」：第30部 ライター：大陸新秩序 ライター：黒川文雄 カメラマン：愛甲武司 今回の「ビデオゲームの語り部たち」では，前回に引き続き，福津 浩氏の足跡を振り返る。 前回は，プログラミングとジャズに傾倒した青春時代や，光栄マイコンシステム（社名は当時。以下，光栄）時代の奮闘ぶりをうかがった。ビデオゲーム黎明期における開発事情をはじめとした，貴重な証言を得られたと感じている。 今回はいよいよ“本題”である「たけしの挑戦状」の開発エピソードへと入っていく。 同作については，本連載の第26部で，当時タイトーの営業担当だった中村 栄氏にも話を聞いたが，開発現場にいた福津氏の視点からは，また違った景色が見えていたことが分かった。長らく取材を続けてきた筆者としては，埋もれていた“宝
今年の４月くらいから毎朝1hくらい、数学を勉強するのが日課になってます。数学1の式の展開から始めて、今は数学2の前半まで進んでます。夜寝る前にも微分やベクトルの解説動画を見ながら寝るのがローテーションになってます。 始めた頃はめちゃくちゃ効率の悪い学習をしてたのですが、試行錯誤を繰り返し、今は安定して勉強ができているなあ、と思えるようになってきたので、ここにnoteをしたためようと思います。 数学を学びはじめたきっかけ自分は工業高校だったので、きちんとした数学を学んでいませんでした。他の工業高校はわかりませんが、自分が通っていた高校ではほんといい加減で因数分解のたすき掛けを習った記憶もありませんし、平方完成を習うこともありませんでした…。（実は習っていたけど自分が覚えてないという可能性も十分あります…） そのために大人になってから、自分が一般的な高校生が身につけるべき基礎的な教養をまったく
レッドコーダーが教える、競プロ・AtCoder上達のガイドライン【中級編：目指せ水色コーダー！】 - Qiita
※ ダイクストラ法・ワーシャルフロイド法は最短経路問題を解くアルゴリズムです。 ※ クラスカル法は最小全域木問題を解くアルゴリズムです。 それらのアルゴリズムが学習できる記事たちなどを紹介します。 全探索 全探索には、「全列挙」「ビット全探索」「順列全探索」「再帰関数を用いた全探索」など多くの種類に分かれます。しかし、基本的に以下の記事を読めば全部理解できます。 全列挙 たのしい探索アルゴリズムの世界【前編：全探索、bit全探索から半分全列挙まで】 の 2 章 その他の全探索 たのしい探索アルゴリズムの世界【前編：全探索、bit全探索から半分全列挙まで】 の 3 章 二分探索 アルゴリズムの代表例ともいわれる二分探索は、以下の 2 記事で解説されています。 二分探索とは：アルゴリズムを勉強するなら二分探索から始めよう！ 『なっとく！アルゴリズム』より 競プロで使える二分探索：二分探索アルゴ
もしも三角関数がない世界があったら
みたいな物語を書けばええんよ とりあえず、3DCGゲーム開発は全滅 というか、単純に考えてクルマも飛行機も消えるよなぁ…😫 三角測量とかも不可能だから、道路とか建築物とかも影響あるか… 飛行機がない時代にナスカの地上絵を描くとか、 ダ・ヴィンチが街の鳥瞰図を正確に描いたりとか、 （オカルトでネタになるぐらい正確だよな 古典力学レベルでしぬし、 あらゆるものがこの世界から消えるな…😔
Chrome 111 は CSS の色関数 や 三角関数の追加 など、目を引く更新が多いですが、中でも View Transitions API は、Web アプリの UX 向上という観点で、高いポテンシャルを秘めた API です。 この記事では、この View Transitions API について、実装例・実用例を交えて概説します。 View Transitions API とは View Transitions API は、『画面の更新前後の異なる DOM 要素間のトランジションを、簡素な記述で実現』 する API です。 PC および Android の Chrome 111 以上、または Edge 111 以上 で使用できます。 つまりどういうこと？ モバイルのネイティブ App には、以下のように、 『ページ遷移が発生したとき、同じ要素がページをまたいで移動する』 ような、リ
ウェブデザインにおける3D表現はリッチでユーザーの興味を惹くものがあります。しかし3Dコンテンツの実装は技術レベルも高く、予算も豊富でないと難しいものです。そこで、今回はWebGLや代表的な3DライブラリのThree.jsを使わないで3D表現（あるいは3D風）を実現する方法を紹介します。 サンプルを別ウインドウで開く コードを確認する 3Dを感じる理由 まず3Dをユーザーに感じさせる理由について考えてみます。紙面にしても画面にしても実態は2Dの平面世界です。画面の中で3Dを感じるのは、人間が2D的に描かれたものから奥行きを知覚する特性があるからです。たとえば、すぼまっていく2本の線があると線が平行であると認知し、奥行きを感じます。この現象を体系化したものが遠近法です。 より具体的な手法として透視図法があります。Three.jsを使った3D表現もこの透視図法によって描画されています。描画自体
田中健一／ある英語講師 on Twitter: "三角関数おじさんが「三角関数の代わりに学校で教えろォオ‼️」と叫んでいる内容、実は役人の答弁で「もう教えてるよ」と回答されているのです。リプでもたくさんの人から指摘されています。それなのに今のように暴れているのです。意味がわからなくて怖いですよね。"
三角関数おじさんが「三角関数の代わりに学校で教えろォオ‼️」と叫んでいる内容、実は役人の答弁で「もう教えてるよ」と回答されているのです。リプでもたくさんの人から指摘されています。それなのに今のように暴れているのです。意味がわからなくて怖いですよね。
物理攻略 Wiki - 物理 攻略 Wiki
2023-10-12 取り返しのつかない要素 2022-07-15 ジョブ 2021-12-23 力学ぶらり旅（その１） 2021-10-21 海外版との違い 2021-07-25 よくある質問 2021-01-12 「群論」の底なし沼 2020-09-08 「複素関数論」の池 2020-08-08 「電磁気学」の工場 2020-07-07 「量子場」の城塞 2020-06-09 ばねと単振動 2020-05-05 質量とは何か 2020-02-06 「三角関数」の井戸 2020-01-26 分野別 2019-12-04 ASIN_4796116184 2019-11-12 「相対性理論」の港
CSSだけでスクリーンサイズやフォントサイズを取得、CSSの三角関数tan(atan2())はcalc()ではできない計算もできる
CSSで便利な機能の1つがcalc()、ページのレイアウト、要素やフォントのサイズ設定に活躍します。特に異なる単位で加算減算（calc(1rem + 1px)）できることが便利ですが、乗算除算（calc(1rem / 1px)はできません。 そこでCSSの三角関数です。すべてのブラウザにサポートされているatan2()を使用すれば、異なる単位で計算ができます。tan(atan2())を使用して、スクリーンサイズやフォントサイズを取得するテクニックを紹介します。 CSS Type Casting to Numeric: tan(atan2()) Scalars br Jane Ori (@Jane0ri) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに tan(atan2())は単なる数値である 追記: 三角関数を学び直
FGOプレイヤーならパッと正解できるが…明治大学の「普通の受験生には難しすぎた」入試問題 | ゴールドオンライン
本連載では、受験世界史研究家・稲田義智氏の著書『絶対に解けない受験世界史3』（2021年刊行、パブリブ）より一部を抜粋し、大学入試で実際に出題された世界史の「難問」を紹介していきます。本書における難問とは、「一応歴史の問題ではあるが、受験世界史の範囲を大きく逸脱し、一般の受験生には根拠ある解答がおおよそ不可能な問題」。受験生から一般の歴史好き、腕に覚えのある方に至るまで、ぜひチャレンジしてみてください。 ---------------------------------------------------------- 【2019年度 明治大 情報コミュニケーション学部より】 問題2 問2 下線部（1）「シヴァ神」はヒンドゥー教徒における破壊の神であるが，舞踏の神としても知られている。舞踏の神を表す神の名称を解答欄に記入しなさい。 -----------------------------
※最後に追記あり ある工学系の女性エンジニアの駄文 元スレの増田さんは数学物理が得意だったということで、優秀な方なんだろうと思います。 私もエンジニアなので元増田さんに読んでもらいたくて参戦します。 分野は物理工学系。材料力学とかCAEとかやってます。 学生時代は文系でした。勉強ができる方でしたが、物理は全くダメで、数学はセンター試験があったし、真面目に勉強してたし、文系の中ではまだできる方だったけど理系脳の人たちには全く歯が立たないレベル。英語国語が得意で完全な文系脳でした。 そんな私がなぜエンジニアに、しかもITならまだしも物理工学系のエンジニアになったのか。 地方で若くして結婚して子供産んで（一人だけど）30歳もとうに過ぎていて、条件の良い就職先が今の職場しかなかったからです。 入社後は死ぬほど苦手だった物理を1から勉強して、なんとかかんとか頑張ってます。 職場はほとんど男性だけど皆
プトレマイオスは円をたくさん使うか？ まず、プトレマイオスは惑星の黄経の説明には円を二つしか使わない。そんなに円をたくさん使ったら、古代の貧弱な数学では使いこなせません。そして、後世も円の数は増えません*1。「現象に合わせるために円の数を増やして対応したが、複雑になりすぎて崩壊した」といった解説も昔はよくあったのですが、ほとんどフィクションと言って良いと思います。 データに合うだけなのか？円に意味はないか？ 各々の円には、割合とはっきりとした意味があります。プトレマイオスも惑星の動きと太陽の動きに関係があることは気が付いており、二つの円の片方は太陽の影響、すなわち地球の自転の効果を表現しています*2。 その結果プトレマイオスの理論は、惑星の距離の変動も正確に再現してくれます。惑星までの距離は当時計測できませんから*3*4、これは奇跡といってよいと思います*5*6。 のちに、コペルニクスはプ
PDFを見返すと独習を始めた頃の線形代数のノートはほとんど殴り書きで、単に計算用紙としてノートを使っています。微分積分に入ると少しはましになってきますが、頭に入れたい概念の定義や定理の証明を何度も書き直したりしています。また独習ですから間違った理解を正しいと思い込んだまま証明を書いて、分かったつもりになっている箇所も少なからずありそうです。とまれ上記の表に挙げた各書籍に曲がりなりにも取り組んだことを示す、書証のつもりでノートを晒しました。 余談ですが、使用したノートは、PLUS の品番 NO-204GS (A4 G罫 5mm方眼 40枚) という方眼ノートです。また筆記用具は当初シャープペンシルを使っていましたが、「オイラーの贈物」からは万年筆に替えました。プラチナ#3776センチュリーUEF(超極細字)を使っています。 1.3 私について 本記事の作者であり学び直しをした本人である私は、
CSSでグラデーションがかけられるようになって久しいですが、ただ2色をつないでいるだけの人も多いのではないでしょうか？ あるいはジェネレーターでコピペして終わりにしてはいないでしょうか？ 実は、値を細く設定することで、グラデーションに留まらない、より豊かな表現を実現できます。工夫すればこんな表現もCSSのみで行えます。 後半の応用例の実装は手入力のCSSでは困難な部分もあるので、SCSSを使って記述しています。SCSSを使うとCSSだけでは難しい処理もスムーズに行え、mixin機能を使えば、面倒な入力手間も省けるので便利です。記事内で紹介しているグラデーションの生成mixinも用意しました。 デモを別ウインドウで再生する 使われているmixinを確認する CSSグラデーションの種類 CSSグラデーションは色を扱うのでbackground-colorプロパティを使いたくなりますが、backg
コンピュータ以前の数値計算(1) 三角関数表小史 -
現代の三角関数計算 三角関数の値を計算する方法として、現代人が素朴に思いつくのは (1)いくつかの角度に於ける値を事前に計算しておき、一般の場合は、それを補間した値を使う (2)Taylor展開の有限項近似 の二つの方法だと思う。Taylor展開を使う場合、角度をラジアン単位に変換する必要があるので、円周率を、ある程度の精度で知っていないといけない。 コンピュータ用に、もう少し凝ったアルゴリズムが使われることもある/あったらしいけど、今のコンピュータでは、(2)の方法が使われることが多い。例えば、Android(で採用されているBionic libc)では、アーキテクチャ独立な実装は、単純なTaylor展開を利用するものになっている。 https://android.googlesource.com/platform/bionic/+/refs/heads/master/libm/upst
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3Dゲームエンジンで使われている関数を数学的に説明するとこうなる
【パソコンと炊飯器は同じ？】本当にバカでもわかるプログラミングの世界 | オモコロ
これでよく分かる！ 2023年、モダンCSSとUIの新しい機能のまとめ
閲覧者のユーザーエージェントを三角関数で判定できるか？ - Qiita
【書評】Pythonによる時系列予測 | DevelopersIO
https://twitter.com/mimura8322/status/1526912223561805825
音ゲー経験ゼロが音ゲーしたらあまりの異質さに脳がバグった件について｜ひいいと
2023年はCSSで三角関数「sin(), cos(), tan()」が主要ブラウザのすべてで使用できるようになるぞ！
ドラマ「VIVANT」見た別班員が「ありえねー」その理由とは 非公然組織ゆえの悲哀：朝日新聞GLOBE＋
これは覚えておきたい！ CSSの三角関数で斜めのレイアウトを実装するテクニック
プログラマなんて飯を食べれればいい派にとって「高1の途中以降の数学は要らない」と思う｜euroGOGO
2022年のCSS | gihyo.jp
歴代チャットボットと最近のLLMのまとめ - Qiita
東工大と京大の愚策 - とある講師のホンネ
CSSの三角関数（sin(), cos(), tan()）の基礎知識と基本的な使い方を解説
見栄えが悪いゲームは誰も遊ばない！ダサイゲームをこの世から駆逐する！｜ゆーりんち
CSSの三角関数を理解しよう！ sin()とcos()でできる表現 - ICS MEDIA
rust.tokyo のまとめ・感想 - mizchi's blog
テイラー展開してあげれば砲弾を予測できるのでは？ Unity社エンジニアが微分・積分を使ってやってみた“自由研究”
大人がゼロから高校数学を学ぶには｜yusuke_kokubo
Chrome 111 の View Transitions API でリッチなページ間トランジションを実現する
頑張らない3D表現！ WebGLを使わずにウェブサイトで3Dを実現するCSSテクニック - ICS MEDIA
※最後に追記あり ある工学系の女性エンジニアの駄文 元スレの増田さんは..
古代～中世～近代の天文学史にありがちな誤解 - QmQの日記
50代になってから始めた数学の学び直しを振り返り、独習ノートを晒します。
1歩踏み込んでみる！ CSSグラデーションのマニアックな世界 - ICS MEDIA