Slide 1
Slide 1 text
ಋೖࣄྫ͔ΒֶͿ
1PMZNFS։ൃ
1PMZNFS+BQBO.FFUVQ
,FOJDIJSP,JTIJEB
!TJ[VIJLP
Slide 2
Slide 2 text
ळ
ަ௨͚γεςϜϓϩτλΠϓ࡞Ͱ࠾༻
ϑϩϯτࢲਓ
Ն
*P5..ల ळ
ͷలࣔσϞΞϓϦͰ࠾༻
ϑϩϯτΤϯυࢲ ϑϦʔͷ+4FS
ౙ
ʢதখاۀ͚ʣ༻8FCαʔϏε։ൃͰ࠾༻
ϑϩϯτΤϯυࢲ ϑϦʔͷ+4FS ϑϩϯτॳΊͯͷਓ
Slide 3
Slide 3 text
࣌ʜ
w ͱΜ͕ͬͯΔͶʂ
w ͍ͬͯΔਓ͡Ίͯݟͨ
w ͑Δͷʁ
w ੲ
ͬͨ͜ͱ͋Δ
w ͭΒ͘ͳ͍ʁ
Slide 4
Slide 4 text
w W
w WW
w WW
w W
w W
w W
w W
w W
w W
https://github.com/Polymer/polymer/releases
89
Releases!!
Slide 5
Slide 5 text
ۤ썮썴썝썢ɺࠔ썺썶쎁
ۤ썮썛쎅쎆썶쎡લ쎁쎪썷써쎀쎁
쎆ւਤ쎅쎁썛ߤ࿏쎩ߦ썦쎪썷쎤ʁ
ઓ썰쎢쎅쎙ɺੜ쎖ग़썰쎅쎙ɺۤ썮썛쎟
썾쎙ɺॆ࣮썮썽쎢
ʮ࢛݄܅ͷӕʯΑΓ༗അެਖ਼ͷ໊ݴ
Slide 6
Slide 6 text
Α͔ͬͨ͜ͱ
w )5.-λά࠶ར༻ੑ͕ߴ͍
w ϒϩοΫΛΈཱͯΔΑ͏ͩ
w άϩʔόϧԚછͳʹͦΕ
w ͡ΊͯͷਓೃછΈ͍͢
w ʢ׳Εͨਓ͕͍ͨํ͕ྑ͍ʣ
Slide 7
Slide 7 text
131-ύλʔϯ
Slide 8
Slide 8 text
https://developers.google.com/web/fundamentals/performance/prpl-pattern/?hl=ja
Slide 9
Slide 9 text
1PMZNFS$-*
'BLF"1*4FSWFS
੩తίϯςϯπͷऔಘ
"1*ίʔϧ
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
/1.4DSJQUT
“start”: “polymer serve -H 0.0.0.0 & gulp canned”,
“lint”: “gulp lint”,
“lint:ci”: “gulp lint —ci”,
“test” : “gulp test”,
“test:ci”: “gulp test —ci”,
“postinstall”: “bower install”,
“deploy:xxx”: “gulp deploy —target=xxx”
Slide 12
Slide 12 text
5FTUJOH
const wct = require('web-component-tester').test;
const options = {
plugins: {
local: ['chrome', 'firefox'],
}
};
wct(options).then(() => {
console.log('テスト成功');
}).catch((error) => {
console.log(error);
});
Slide 13
Slide 13 text
✅ ✅
✅ ❌
❌ ✅
✅ ✅
✅ ❌
Slide 14
Slide 14 text
-JOU
gulp.task('lint', () => {
return gulp.src(['src/**/*.html', '!src/app.html'])
.pipe(polylint({noRecursion: true}))
.pipe(jshint.extract('auto'))
.pipe(jshint({expr: true}))
.pipe(polylint.combineWithJshintResults())
.pipe(jshint.reporter, 'jshint-stylish')
.pipe(jshint.reporter, 'fail');
});
Slide 15
Slide 15 text
4
$MPVE'SPOU
)551
Slide 16
Slide 16 text
#VJME
const htmlminOptions = {
collapseWhitespace: true,
minifyCSS: true,
minifyJS: true,
removeComments: true
};
gulp.task('deploy.minify', () => {
return gulp.src(dist('/src/**/*.html'))
.pipe(htmlmin(htmlminOptions))
.pipe(gulp.dest(dist('/src')));
});
Slide 17
Slide 17 text
(FOFSBUF4FSWJDF8PSLFS
const PolymerProject = require('polymer-build').PolymerProject;
const addServiceWorker = require('polymer-build').addServiceWorker;
const mergeStream = require('merge-stream');
const swPrecacheConfig = require(path.join(__dirname, '..', '..', 'sw-precache-config.js'));
const project = new PolymerProject(require(path.join(__dirname, '..', '..', 'polymer.json')));
gulp.task('deploy.addServiceWorker', ['deploy.stream'], () => {
return addServiceWorker({
buildRoot: dist(),
project: project,
swPrecacheConfig: swPrecacheConfig,
});
});
gulp.task('deploy.stream', () => {
return mergeStream(project.sources(), project.dependencies());
});
Slide 18
Slide 18 text
%FQMPZ
const awspublish = require('gulp-awspublish');
const parallelize = require("concurrent-transform");
const cloudfront = require('gulp-cloudfront-invalidate-aws-publish');
gulp.task('deploy.invalidate', () => {
const publisher = createPublisher();
return gulp.src(dist('**/*'))
.pipe(parallelize(publisher.publish(headers), 10))
.pipe(publisher.sync())
.pipe(cloudfront(cfSettings))
.pipe(publisher.cache())
.pipe(awspublish.reporter());
});
Slide 19
Slide 19 text
·ͱΊ