マガジンのカバー画像

Engineer's Blog

15
株式会社デパートのブログ(https://depart-inc.com/blog/)とはちょっと違う雰囲気で、エンジニアリングに特化した技術的なノウハウや、チームの取り組み、カル…
運営しているクリエイター

#株式会社デパート

Three.jsでテキストを表示する方法を調査した

JavaScriptが少し書ければ、リッチでかっこいい3Dコンテンツが作れるThree.js。今回はThree.jsでテキストを表現する方法を探るべく、Three.jsのオフィシャルサイトのマニュアルページで、"Creating text"として紹介されている7種の手法を紹介、お試しできそうなものはお試ししていきたいと思います👏 1. DOM + CSSDOMでテキスト表示をし、CSSで位置の調整を行い重ねて表示させるシンプルな方法です。Three.js上でというよりはコン

なんて読むのが正解?

プログラミングの世界は基本英字、英語に溢れています。 エンジニア同士で会話するとき、あれ、これどう読むんだっけ?まぁ適当でいいか(テヘペロ)って場面、意外と多いと思います。 そして見事に間違えてて、後でやっちまったZE★(テヘペロ)して恥ずかしい思いをすることも…。 読み方としては正しくても複数の呼称があったり、その中でもメジャー、マイナーがあったりします。 ネイティブはそうは言わないけど、日本ではこう呼ぶことが一般的だからこう呼んだほうが通じやすい、といった場合もあります。

知って得する!?アクセシビリティツリー関連のチートシート

ウェブアクセシビリティを考慮した実装をする上で、アクセシビリティツリーを確認することはとても重要です。特に、Web標準のUIではないカスタムUIを開発した場合は、支援技術に情報が正しく伝わるように実装されているかを気にする必要があります。 意図した通りにアクセシビリティツリーを構築するために、HTML要素がアクセシビリティツリーでどのような役割を持つのか、CSSがアクセシビリティツリーにどのような影響を与えるのか、WAI-ARIAがどのようなセマンティクスを補完できるのか、と