three.js AnimationMixerのメモリリークと戦った話
はじめに three.jsでアバターやアニメーションを扱うWebアプリを開発していると、AnimationMixerやアニメーションクリップのクローンに起因する深刻なメモリリークによる悩みがある...
1
1
Comment0
25 search resultsShowing 1~20 results
Stocked
You need to log-in
Figma tokens ＋ style dictionary でCSSを生成
背景 figmaで作成したtokenをGitHubにpushしてCSSファイルに書き出したい。 figma tokens → GitHub → style dictionary → CSSファイ...
2
0
Comment0
Figma APIを叩いてみる
背景 figmaからstylesを取得したい design-tokenの管理方法を模索中 やること figmaのaccess tokenの作成 figmaでstylesを定義 stylesをte...
0
0
Comment0
gridレイアウトの中にflexレイアウトの要素の幅が取れない
背景 カード要素をgridレイアウトで並べる。 カードのタイトルが幅よりも長くなったら省略表示を追加する。 ↑ これをやろうとしたら、長いタイトルでカードが横に伸びてしまった。 原因 子要素の幅...
0
0
Comment0
Figma Tokensを使ってGithubにtokenをpushするまで
背景 デザインシステムの勉強中。 デザインtokenをgithubで管理したい。 パッケージ化してプロダクト側で使えるようにしたい。 やること Figma Tokensを使ってデザインtoken...
2
0
Comment0
firebaseで "CAPTCHA_CHECK_FAILED : Hostname match not found"が出たとき
背景 firebase authenticationでSMS認証をしたい。 SMSメールを送る際にreCAPTCHAが必要 CAPTCHA_CHECK_FAILED : Hostname mat...
0
0
Comment0
redux toolkitのthunkとfirebaseのMFA認証は相性が悪い
背景 firebaseで認証機能を作成している。 二要素認証の作成をしている。 グローバル変数にredux toolkitを使用している。 パスコードを使ってサインインしようとするとauth/i...
0
0
Comment0
react-hook-formでyupResolverを使った時のmock化をちゃんとやる
背景 react-hook-formのuseFormでresolverにyupResolverを使っている。 jestのカバレッジのStmtsが低い テストパターンを網羅しているつもりなのにSt...
0
0
Comment0
Redux toolkitのthunk関数の型定義について
背景 認証の非同期処理をthunkを使って、サインインが完了したらreduxの値を更新したい。 redux toolkitのcreateAsyncThunkを使う。 createAsyncThu...
0
0
Comment0
firebaseでRecaptchaVerifierでclearメソッドがうまくいかない
背景 firebase authenticationで二要素にsms認証を登録したい。 sms認証のためのショートメッセージの送信にreCAPTCHAを使う必要がある。 reCAPTCHAは処理...
0
1
Comment0
reCAPTCHAを使用しようとしたらCSP設定で引っかかった
背景 firebaseのnew RecaptchaVerifierを使ってreCAPTCHのインスタンスと生成 render()でトークンを更新 ←エラーが出た Refused to load ...
1
0
Comment0
WebRTCについて調べる
WebRTCの技術について調べ、SkyWayを触ってみる。 WebRTCとは 「Web Real-Time Communication」の略称。WebRTCはビデオ会議などリアルタイムでの通信を...
0
0
Comment0
ドメイン駆動設計について
「ドメイン駆動設計 モデリング／実践ガイド」を参考にドメイン駆動設計についてまとめます。 ドメイン駆動設計とは DDDはドメインモデリングによってソフトウェアの効率的・効果的な開発を行うための開...
1
2
Comment0
webpackについて
webpackのドキュメントをまとめます。 参照：https://webpack.js.org/concepts/ 概念 webpackはエントリポイントから、プロジェクトに必要なすべてのモジュ...
0
0
Comment0
Jestでテストを自動化する
Jestとは？ meta(Facebook)製のテスト用のjavascriptフレームワーク。 UIテストを自動化 テストの目的 DOMの出力が期待通りであるか コードの変更前後でDOMの出力に...
3
4
Comment1
jQueryをReactでラップ
Reactの公式チュートリアルの「他のライブラリとのインテグレーション」を読む。 可能だけど、ベストではない Reactの内部表現に反してライブラリが直接DOMを書き換えなどを行った場合は、Re...
0
0
Comment0
Stateのリフトアップについて
ローカルStateの管理の仕方に迷いがでてきたので、しっかり調べてみる。 stateのリフトアップ Reactの公式ドキュメントの例を考える。 基本的な設計 BoilingVerdict con...
0
0
Comment0
Reactのコンポーネント指向について
Reactに入門しましたが、「コンポーネント指向」「コンポーネントの責務」「コンポーネントのカプセル化」などなど。 「コンポーネント」というキーワードをよく使います。 そもそも「コンポーネント」...
2
1
Comment0
Reactのコンポーネントについて
Reactのコンポーネントは関数とクラスがある 関数コンポーネント データの入ったprops（プロパティの意）というオブジェクトを引数として受け取り、returnでReact要素を返す。 関数コ...
1
1
Comment0
ReactのuseEffectをしっかり理解したい
useEffectはよく使うhookですが、正しく使えているのが不安になったので、調べてみました。 useEffectについて React16.8でフックという機能が追加され、useEffect...
1
1
Comment0
25 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles