#Frontend Performance Tuning TIPS * n
Webフロントエンドのパフォーマンスは、ユーザーにとってファーストインプレッションであり、そのプロダクトを使い続けるときのパートナーでもあります。 本セッションでは、ユーザーにとって、よきフロントエンドであるためのチューニングTipsをご紹介します。チューニング自体に銀の弾丸はありません。これらのTipsが生まれた背景と取捨選択の判断を共有することで、みなさんのチューニングの助けになれば幸いです。
##Links
{ | |
"modules": "commonStrict", | |
"sourceMaps": "inline", | |
"loose": true, | |
"blacklist": [ | |
] | |
} |
###* | |
# hogehoge test description | |
# @class Hoge | |
### | |
class Hoge | |
###* | |
# fuga is number | |
# @property {Number} fuga | |
### | |
@fuga |
{ | |
"version": "0.0.1", | |
"private": true, | |
"engines": { | |
"node": "8.5.0", | |
"yarn": "^1.0.2" | |
}, | |
"dependencies": { | |
"compression": "^1.7.0", |
import nodeResolve from 'rollup-plugin-node-resolve'; | |
import typescript from 'rollup-plugin-typescript'; | |
import commonjs from 'rollup-plugin-commonjs'; | |
import json from 'rollup-plugin-json'; | |
import builtins from 'rollup-plugin-node-builtins'; | |
export default { | |
entry: 'src/index.ts', | |
format: 'umd', | |
moduleName: 'Talkie', |
'use strict'; | |
import * as React from 'react'; | |
import * as assign from 'object-assign'; | |
import * as debounce from 'lodash.debounce'; | |
import { appLogger as log } from '../../../utils/Log'; | |
import BaseComponent from '../../base'; | |
const EVENT_SCROLL = 'scroll'; | |
const EVENT_POP_STATE = 'popstate'; |
package main | |
import ( | |
"flag" | |
"fmt" | |
"math" | |
"os" | |
"strings" | |
) |
use std::env; | |
use std::process; | |
const HALF_WIDTH: f32 = 0.5_f32; | |
const FULL_WIDTH: f32 = 1_f32; | |
fn str_repeat(string: &str, count: i16) -> String { | |
(0..count).map(|_| string).collect::<String>() | |
} |
const KEYCODE_LEFT = 37; | |
const KEYCODE_RIGHT = 39; | |
class TabList extends React.Component { | |
static propTypes = { | |
children : React.PropTypes.node, | |
selectedIndex : React.PropTypes.number, | |
onChangeSelected: React.PropTypes.func | |
}; |
// これより | |
<SomeComponent | |
propA={} | |
propB={} | |
propC={} | |
propD={} | |
propE={} /> | |
// こうが好き | |
<SomeComponent propA={} |
#Frontend Performance Tuning TIPS * n
Webフロントエンドのパフォーマンスは、ユーザーにとってファーストインプレッションであり、そのプロダクトを使い続けるときのパートナーでもあります。 本セッションでは、ユーザーにとって、よきフロントエンドであるためのチューニングTipsをご紹介します。チューニング自体に銀の弾丸はありません。これらのTipsが生まれた背景と取捨選択の判断を共有することで、みなさんのチューニングの助けになれば幸いです。
##Links