)
Vueのリアクティブシステムを理解してパフォーマンス低下を防ごう (Roppongi.vue #4 ) - ninjinkun
ninjinkun.icon @ninjinkun https://twitter.com/ninjinkun 一休.comレストラン フロントエンドエンジニア BlogFeedbackというSPAを趣味で作っています https://blog-feedback.app/ これはReact製🙏 問題 管理画面をSPAとしてリニューアルの最中、Vueのコンポーネントを多数使った画面で体感速度が遅い問題が発生 再現アプリ https://github.com/ninjinkun/vue-slow-performance-sample デモ 1万個のcellそれぞれにチェックボックスが付いている cellはそれぞれvueコンポーネントでitemオブジェクトを受けとる code:html // ItemCell.vue <template> <div :class="checked: item.
CSSフレームワークBulmaについて - 一休.com Developers Blog
フロントエンドエンジニアのid:ninjinkunです。この記事は一休.comアドベントカレンダーの1日目の記事です。 一休.coｍレストランの管理画面リニューアルプロジェクトにおいて、CSSフレームワークのBulmaを導入しました。結論としては、採用して良かったと思っています。 このエントリではBulmaを選定した理由と、採用後に見えたPros / Consについて述べたいと思います。 なお今回リニューアルした一休.comレストランの管理画面の概要は以下の通りです。 レストラン店舗向けの管理画面 店舗の方と一休スタッフの両方が使う DAUは数千の規模 主な用途は在庫の管理と、プラン（コース）や席の管理 現在は店舗を限定してリリース済み 具体的には以下のような画面で構成されています。 UIフレームワークは必要か？ まずそもそもUIフレームワークは必要かという議論があります。 今回のプロジェ
Vue と Jest で Unit test を始めよう | DevelopersIO
Vue と Jest で Unit test を始めよう 保守性の高いコードが書けていますか？ VueのComponent構成 ~ Unit test までの流れを書いています。 Unit testがあると、保守しながら長くメンテナンスしていけるコードになるので、 開発の助力になればと思います。 本題の前に Vue とは オープンソースのJavaScriptフレームワークであり、 フロント系では、3大フレームワークと言われ、わかりやすい構文の為人気があります。 Jest とは JavaScriptのUnit testのためのツールです。 わかる事 Atomic Component のディレクトリ構成 (atoms) atomsのComponentのUnit test 触れないこと Vue, Jest の基本的な構文 Atomic Component のディレクトリ構成 Unit testす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜