gem-dombench's People
gem-dombench's Issues
ベンチマーク中に要素の追加、削除、スクロールを行う機能
ページを表示後に画面を自動スクロールしたり、
要素を削除するなどの変更をすることで、
ベンチマークっぽく見せる。
実行時間の計測
各ページの実行時間を記録し、
ベンチマークとして記録を残すことができるようにする。
グラフの目盛りをカスタマイズしたい
4つ目のページにてグラフ(チャート)を使っている。
このアプリではreact-chartjs-2を利用してグラフを描画しているが、
このグラフの目盛りをカスタマイズする方法が
Chart.jsのあたりに記載されているので
これを参考にしつつ、カスタマイズしたい。
各ページに戻るボタンを追加する
現在の仕様では、各画面に遷移してもメインページに戻る方法が無いため、
戻るボタンをオーバーレイなどで追加し、戻ることができるようにする。
ソースコードのリファクタリング
全体的に、モジュール化、切り分け、関数化などができておらず、
整然としたソースコードになっていない。
その上、いわいるお作法に則っていない箇所が多いので、修正をする必要がある。
画像を追加
テスト画像が味気なさすぎるので、もっとマシな画像を追加する。
DOMの数を変更可能にする
現在、表示するDOMの数を変更するためには
ソースの定数変数を書き変える必要がある。
これを外部から入力可能にするなり、設定ファイルを用意するなりして
設定可能にする。
写真アプリページで画像の編集を可能にする
CSSを用いることで、フィルター、フリップ、回転などは比較的簡単に実装できるので
実装する。さらにベンチマーク中にそれらの変形をさせることも考慮する。
性能評価
各種デバイスや実行環境においてベンチマーク結果がどのようなものであったかを調査する。
また、CPU使用率、メモリ使用状況なども調査し、記録に残す。
配色の見直し
全体的に原色が強いので自然な配色になるようにCSSなどを修正する。
マージン、パディングなどの数値を%などで入力しないように修正
マージン、パディングなどの大枠でない部分を設定する際には
%などで設定すると、0以下になったり、つぶれたりする可能性があるので、
px、em、remなどを使用する。
メッセンジャーアプリページでスクロールを下端に固定する
通常のメッセンジャーアプリではメッセージは下端に追加される。なのでこのページの
デモ中などはスクロールが下端に張り付くように修正する。
表の部分をクリックすると、対応するグラフのポイントに移動する
4つめのページではグラフの点をクリックすると、対応する表の個所に移動できる。
逆に、表をクリックすると対応するグラフのポイントに移動できるとか強調されるとかがしたい。
サンプルテキストを改良する
サンプルテキストの文言が身近過ぎたり、画一的すぎるため、
文章を長くする、ランダム文字列を生成するなどの修正をする。
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.