[B! カブク][web] latenaのブックマーク

latena id:latena

カブクとwebに関するlatenaのブックマーク (4)

DOMMatrix: 2D / 3D 変形（アフィン変換）の行列を扱う DOM API - 株式会社カブク
DOMMatrixReadOnly と DOMMatrix でできる操作を見ていきましょう。 DOMMatrixReadOnly／DOMMatrix 初期化コード例は DOMMatrix で記述しますが、 DOMMatrixReadOnly でも同じように使えます。 // 単位行列 new DOMMatrix() // 2D 変形用の 2×3 行列: 6 要素の配列 [a, b, c, d, e, f] new DOMMatrix([1, 2, 3, 4, 5, 6]) // 3D 変形用の 4×4 行列: 16 要素の配列 [m11, m12, ..., m44] new DOMMatrix([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]) // CSS transf orm で有効な文字列 new DOMMatrix('m
latena 2021/05/18
web

javascript

カブク
リンク
GoのWASMがライブラリではなくアプリケーションであること - 株式会社カブク
はじめにがんばって書いた書籍が低評価で少々しょんぼりしているあんどうです。まぁ、つい力が入りすぎて袋小路に思い切り突っ込んだ結果抜けられなくなることってあるよね。あるある。そんなわけで今日はできるだけ力を入れずテンション低めにサクッと行きます。で、GoのWASM。大道の真ん中をまっすぐに歩まれているみなさんはWASMするときはRustかいっそC/C++をemscriptenでってことになると思いますが、私はしょせん路傍の石の下で低評価が目に入らないように丸まっているダンゴムシ。せっかくだからオレはこのGoでWASMを選ぶぜって感じなんですが、ぶっちゃけあれ、めんどくさいすよね。あ、ちなみに今回の話は「このめんどくささをまるっと解決！」みたいな気持ちのいい話ではなくて、ただただ「めんどくさいよね」っていうだけの話です。あーめんどくさい。 Rustの場合まず比較のためにRustの例をあ
latena 2021/03/29
web

golang

js

WebAssembly

カブク
リンク
インラインスタイルと Tailwind CSS と Tailwind CSS 入力補助ライブラリと Tailwind CSS in JS | Kabuku Developers Blog
インラインスタイルと Tailwind CSS と Tailwind CSS 入力補助ライブラリと Tailwind CSS in JS この記事では Tailwind CSS 自体の紹介はしません。公式ページを参照してください。 https://tailwind css.com/ Tailwind CSS とインラインスタイル Tailwind CSS 関連の記事を目にする機会が増えました。私もプロダクトに導入してしばらく使っていますが、 CSS in JS だと 10 行だったスタイルが 1 行にまとまり、コードの見通しが非常に良くなりました。多くの方には受け入れられている印象ですが、中には「なにそれインラインスタイルと同じじゃんダメじゃん」みたいな反応も見られます。まずはこれに反論しておきたいです。インラインスタイルの問題点そもそもインラインスタイルにはどんな問題があるでしょう？
latena 2021/03/26
css

js

tailwindcss

web

frontend

カブク
リンク
[Web フロントエンド] 状態更新ロジックをフレームワークから独立させる - 株式会社カブク
はじめにはじめまして。 null です。最近の悩みは 2 歳半の息子が言うことを聞いてくださらないことです。 2 歳児もそうなのですが、ソフトウェアフレームワークに振り回されてるって感じること、稀によくありませんか？？ある程度の学習コストがかかるのは当然としても、冗長な書き方を要求されるわ、かゆいところに手が届かないわ、実データ投入したらパフォーマンス問題だらけだわ、バージョンアップしたら動かなくなるわで、あぁ私いま振り回されてるなぁ、みたいな。「じゃあ使わなければいい」「じゃあ自分で作ればいい」という話ではなく、「必要以上には依存しない方が無難だよね」「フレームワークの外へ切り出せるところは切り出してみよう」という話をします。続きを 3 行で状態更新ロジックってフレームワーク非依存にできそうだよねでもフレームワークによって状態をイミュータブル（状態更新=状態オブジェクト生成
latena 2019/05/20
web

frontend

javascript

カブク
リンク
1