├── .gitignore ├── slides ├── node8 │ ├── slides │ │ ├── 04-node │ │ │ ├── 03-attention │ │ │ │ ├── fs │ │ │ │ │ ├── 0-title.md │ │ │ │ │ ├── syncWriteStream.md │ │ │ │ │ └── allow-whatwg-url-file-url-as-path.md │ │ │ │ ├── v8 │ │ │ │ │ ├── 0-title.md │ │ │ │ │ └── add-does_zap_garbage.md │ │ │ │ ├── dns │ │ │ │ │ ├── 0-title.md │ │ │ │ │ └── implement-ttl.md │ │ │ │ ├── url │ │ │ │ │ ├── 0-title.md │ │ │ │ │ └── whatwg-url.md │ │ │ │ ├── util │ │ │ │ │ ├── 0-title.md │ │ │ │ │ ├── support-whatwg-url.md │ │ │ │ │ ├── new-format.md │ │ │ │ │ ├── remove-simd.md │ │ │ │ │ └── inspect-nested-array.md │ │ │ │ ├── assert │ │ │ │ │ └── 0-title.md │ │ │ │ ├── buffer │ │ │ │ │ ├── 0-title.md │ │ │ │ │ └── add-transcode.md │ │ │ │ ├── cluster │ │ │ │ │ ├── 0-title.md │ │ │ │ │ └── return-worker-reference.md │ │ │ │ ├── crypto │ │ │ │ │ ├── 0-title.md │ │ │ │ │ ├── use-system-ca.md │ │ │ │ │ └── return-this-in-setAuthTag-and-setAAD.md │ │ │ │ ├── http │ │ │ │ │ └── 0-title.md │ │ │ │ ├── process │ │ │ │ │ ├── 0-title.md │ │ │ │ │ ├── add-NODE_NO_WARNINGS.md │ │ │ │ │ ├── add-NODE_PRESERVE_SYMLINKS.md │ │ │ │ │ └── add-externalMemory-to-process.memoryUsag.md │ │ │ │ ├── promise │ │ │ │ │ └── 0-title.md │ │ │ │ ├── inspector │ │ │ │ │ ├── 0-title.md │ │ │ │ │ ├── end-of-options.md │ │ │ │ │ └── add-inspect-brk.md │ │ │ │ ├── child_process │ │ │ │ │ ├── 0-title.md │ │ │ │ │ └── channel.md │ │ │ │ ├── 2-napi │ │ │ │ │ ├── 0-title.md │ │ │ │ │ ├── 3-napi.md │ │ │ │ │ ├── 2-problem.md │ │ │ │ │ └── 1-what-is-napi.md │ │ │ │ ├── 0-pickup.md │ │ │ │ └── 1-content.md │ │ │ ├── 0-title.md │ │ │ ├── 04-current-working │ │ │ │ ├── 0-title.md │ │ │ │ ├── error.md │ │ │ │ └── util-promisify.md │ │ │ ├── 02-release.md │ │ │ └── 01-release.md │ │ ├── 03-v8 │ │ │ ├── 0-title.md │ │ │ ├── 8-turbofan-ignition-flow.md │ │ │ ├── 5-turbofan-ignition.md │ │ │ ├── 2-5.8.md │ │ │ ├── 7-ignition.md │ │ │ ├── 6-turbofan.md │ │ │ └── 4-es2017-2.md │ │ ├── 02-lts │ │ │ ├── 2-schedule.md │ │ │ ├── 0-title.md │ │ │ └── 1-what-is-lts.md │ │ ├── 0-title.md │ │ ├── 05-summary.md │ │ └── 01-content.md │ ├── images │ │ ├── schedule.png │ │ ├── javascriptToTF.png │ │ └── ignitionpipeline.png │ └── .fusumarc.js ├── tools-history-and-future │ ├── slides │ │ ├── z-end.mdx │ │ ├── 01-contents.md │ │ ├── 0-title.md │ │ ├── 07-2020-survey.md │ │ ├── 06-deno.md │ │ ├── 05-toolchain.md │ │ ├── 02-node.md │ │ └── 03-package-managers.md │ ├── images │ │ ├── npm.png │ │ ├── Survey.png │ │ ├── ayojs.png │ │ ├── deno.png │ │ ├── iojs.png │ │ ├── parcel.png │ │ ├── pnpm.png │ │ ├── rollup.png │ │ ├── rome.png │ │ ├── vite.png │ │ ├── yarn.png │ │ ├── yoeman.png │ │ ├── esbuild.png │ │ ├── snowpack.png │ │ ├── webpack.png │ │ ├── browserify.png │ │ ├── node_modules.jpg │ │ └── parcel-perf-chart.png │ ├── style.css │ └── .fusumarc.js ├── worker_threads │ ├── slides │ │ ├── 06-how-to-use │ │ │ ├── 0-title.md │ │ │ └── 01-sample.md │ │ ├── 05-what │ │ │ ├── 0-title.md │ │ │ ├── 03-purpose.md │ │ │ ├── 01-status.md │ │ │ └── 02-description.md │ │ ├── 04-content.md │ │ ├── 0-title.md │ │ ├── 03-note.md │ │ ├── 02-nodefest.md │ │ └── 07-end.md │ ├── style.css │ └── .fusumarc.js ├── hello │ ├── slides │ │ ├── 0-title.md │ │ ├── 3-bespoke │ │ │ ├── 0-title.md │ │ │ ├── 1-description.md │ │ │ └── 2-plugins.md │ │ ├── 6-end.md │ │ ├── 1-description.md │ │ ├── 5-ref.md │ │ ├── 4-repository │ │ │ ├── 0-title.md │ │ │ ├── 1-purpose.md │ │ │ ├── 5-code.md │ │ │ ├── 6-background.md │ │ │ ├── 3-webpack.md │ │ │ └── 4-postcss.md │ │ └── 2-contents.md │ ├── images │ │ ├── choko.jpg │ │ └── magic.gif │ ├── .fusumarc.js │ └── style.css ├── util.types │ ├── style.css │ ├── slides │ │ ├── 02-node │ │ │ ├── 0-title.md │ │ │ ├── 01-release.md │ │ │ └── 02-notable-chages.md │ │ ├── 03-util.types │ │ │ ├── 0-title.md │ │ │ ├── 04-polyfill.md │ │ │ ├── 01-intro.md │ │ │ ├── 03-usage.md │ │ │ └── 02-methods.md │ │ ├── 0-title.md │ │ ├── 04-summary.md │ │ ├── 01-content.md │ │ └── 05-end.md │ └── .fusumarc.js ├── future-of-node │ ├── slides │ │ ├── 02-content.md │ │ ├── 03-node │ │ │ ├── 0-title.md │ │ │ ├── 05-stability.md │ │ │ ├── 04-lts.md │ │ │ ├── 02-foundation.md │ │ │ └── 03-foundation.md │ │ ├── 0-title.md │ │ ├── 04-notable-changes │ │ │ ├── 0-title.md │ │ │ ├── 06-http2 │ │ │ │ ├── 0-title.md │ │ │ │ └── 01-standard.md │ │ │ ├── 05-fs │ │ │ │ ├── 0-title.md │ │ │ │ ├── 01-fs.promises.md │ │ │ │ ├── 02-FileHandle.md │ │ │ │ └── 03-promises.md │ │ │ ├── 03-module │ │ │ │ ├── 02-esm.md │ │ │ │ ├── 0-title.md │ │ │ │ ├── 01-esm.md │ │ │ │ ├── 03- rules-in-node.md │ │ │ │ └── 04-root-is-cjs.md │ │ │ ├── 07-worker │ │ │ │ ├── 0-title.md │ │ │ │ ├── 01-description.md │ │ │ │ ├── 02-api-restrictions.md │ │ │ │ ├── 03-messaging.md │ │ │ │ └── 04-run-multiple-workers.md │ │ │ ├── 04-perf │ │ │ │ ├── 0-title.md │ │ │ │ ├── 01-performance-timing-api.md │ │ │ │ ├── 02-entry-type.md │ │ │ │ └── 03-timeline.md │ │ │ ├── 08-reference-material.md │ │ │ └── 02-notable-changes.md │ │ ├── 05-hot-topics │ │ │ ├── 0-title.md │ │ │ ├── 01-issues.md │ │ │ └── 02-issues.md │ │ ├── 06-nodefest.md │ │ └── 07-end.md │ └── .fusumarc.js ├── sourcemap-v3 │ ├── style.css │ └── .fusumarc.js ├── nicohaco │ ├── slides │ │ ├── 01-report │ │ │ └── 0-title.md │ │ ├── 02-nicohako │ │ │ ├── 0-title.md │ │ │ ├── 05-library.md │ │ │ ├── 02-screenshot.md │ │ │ ├── 04-feature.md │ │ │ ├── 08-babel.md │ │ │ ├── 12-architecture.md │ │ │ ├── 15-summary.md │ │ │ ├── 03-icon.md │ │ │ ├── 14-nico.md │ │ │ ├── 11-ui.md │ │ │ ├── 09-css.md │ │ │ ├── 10-db.md │ │ │ ├── 13-atomic-design.md │ │ │ ├── 16-future.md │ │ │ ├── 01-wath-is-nicohaco.md │ │ │ ├── 06-electron.md │ │ │ └── 07-webpack.md │ │ ├── 03-end.md │ │ └── 0-title.md │ ├── images │ │ ├── screenshot.png │ │ └── nicohaho-logo.png │ └── .fusumarc.js ├── the-present-and-future-of-JavaScript │ ├── slides │ │ ├── 11-info │ │ │ ├── 0-title.md │ │ │ ├── 01-nodefest.md │ │ │ └── 02-stuff.md │ │ ├── 06-es │ │ │ ├── 03-next-yaer.md │ │ │ ├── 04-es2018-2.md │ │ │ ├── 01-es2016-1.md │ │ │ ├── 01-es2016-2.md │ │ │ ├── 01-es2016-0.md │ │ │ ├── 02-es2017-2.md │ │ │ ├── 0-es2015-1.md │ │ │ ├── 0-es2015-2.md │ │ │ ├── 04-es2018-0.md │ │ │ ├── 02-es2017-0.md │ │ │ └── 02-es2017-1.md │ │ ├── 04-unserstand-the-process.md │ │ ├── 10-node │ │ │ ├── 01-lts.md │ │ │ ├── 0-title.md │ │ │ ├── 02-lts.md │ │ │ └── 03-summit.md │ │ ├── 03-evolution.md │ │ ├── 12-end.md │ │ ├── 08-interested-proposal │ │ │ ├── 0-title.md │ │ │ ├── 01-optional-catch-binding.md │ │ │ ├── 03-promise-try.md │ │ │ ├── 01-promise-finally.md │ │ │ ├── 01-class-fields.md │ │ │ └── 03-optional-chaining.md │ │ ├── 0-z-events.md │ │ ├── 09-summary.md │ │ ├── 0-title.md │ │ ├── 05-stages │ │ │ └── 02-babylon.md │ │ ├── 01-content.md │ │ └── 02-ecma │ │ │ ├── 0-ecmascript.md │ │ │ └── 01-tc39.md │ ├── images │ │ ├── lts.png │ │ ├── tc39.png │ │ ├── es2015.png │ │ ├── es2016.png │ │ ├── es2017.png │ │ ├── es2018.png │ │ ├── source.gif │ │ ├── nodefest.png │ │ └── node-interactive.png │ └── .fusumarc.js ├── a-deep-dive-into-module-graph │ ├── style.css │ ├── slides │ │ ├── 0-title.md │ │ ├── z-end.mdx │ │ ├── 03-summary.md │ │ └── 04-ref.md │ ├── assets │ │ ├── dag.png │ │ └── topological-sort.png │ └── .fusumarc.js ├── how-to-build-a-slide │ ├── slides │ │ ├── 03-tools │ │ │ ├── 0-title.md │ │ │ ├── 03-css.md │ │ │ ├── 02-js.md │ │ │ └── 01-slide.md │ │ ├── 07-info │ │ │ ├── 0-title.md │ │ │ └── 01-nodefest.md │ │ ├── 05-production │ │ │ ├── 0-title.md │ │ │ ├── 02-service-worker.md │ │ │ ├── 05-imagemin.md │ │ │ ├── 01-service-worker.md │ │ │ └── 04-dynamic-import.md │ │ ├── 06-presenter-mode │ │ │ ├── 0-title.md │ │ │ └── 01-image.md │ │ ├── 04-build-flow │ │ │ ├── 0-title.md │ │ │ ├── 01-flow.md │ │ │ ├── 03-react.md │ │ │ └── 02-fetch-html.md │ │ ├── 08-end.md │ │ ├── 0-title.md │ │ ├── 01-content.md │ │ └── 02-purpose.md │ ├── images │ │ ├── babel.png │ │ ├── react.png │ │ ├── bespoke.png │ │ ├── postcss.png │ │ ├── webpack.png │ │ ├── nodefest.png │ │ ├── sw-network.png │ │ └── presenter-host.png │ └── .fusumarc.js ├── introduce-apollo │ ├── slides │ │ ├── 02-contents.md │ │ ├── 0-title.md │ │ ├── 08-repos.md │ │ └── 09-end.md │ ├── images │ │ ├── example.gif │ │ ├── apollo-logo.png │ │ ├── example-query.gif │ │ ├── graphql-logo.png │ │ ├── example-mutation.gif │ │ ├── apollo-architecture.png │ │ ├── apollo-architecture2.png │ │ ├── apollo-platform-diagram.png │ │ └── example-hightlight-updates.gif │ ├── .fusumarc.js │ └── style.css ├── node-esm │ ├── images │ │ ├── pr.png │ │ ├── mercari.png │ │ ├── package-type.png │ │ └── browser-compatibility.png │ ├── slides │ │ ├── 03-contents.md │ │ ├── 02-mercari.md │ │ ├── 07-end.md │ │ └── 0-title.md │ └── .fusumarc.js ├── the-event-loop-of-node │ ├── slides │ │ ├── 02-content.md │ │ ├── 0-title.md │ │ ├── 07-nodefest.md │ │ ├── 08-node11.md │ │ ├── 09-end.md │ │ ├── 04-question.md │ │ └── 06-summary.md │ ├── images │ │ ├── libuv.jpg │ │ ├── mechanism.png │ │ ├── event-loop-of-cat.gif │ │ └── event-loop-queue.png │ ├── style.css │ └── .fusumarc.js ├── how-to-manage-the-document-of-Node.js │ ├── slides │ │ ├── 09-end.md │ │ ├── 08-info │ │ │ ├── 0-title.md │ │ │ └── 01-nodefest.md │ │ ├── 05-automation │ │ │ ├── 0-title.md │ │ │ ├── 03-build │ │ │ │ ├── 02-detail-img.md │ │ │ │ ├── 01-img.md │ │ │ │ └── 0-build.md │ │ │ └── 01-ci.md │ │ ├── 06-support-tools │ │ │ ├── 0-title.md │ │ │ ├── gitlocalize.md │ │ │ └── misspell.md │ │ ├── 0-title.md │ │ ├── 04-api-documentation │ │ │ ├── 0-title.md │ │ │ ├── 07-review-points.md │ │ │ ├── 04-commits.md │ │ │ ├── 06-reviewers.md │ │ │ ├── 05-labels.md │ │ │ ├── 03-site.md │ │ │ ├── 10-process.md │ │ │ ├── 09-example.md │ │ │ └── 08-style-guide.md │ │ ├── 03-nodejs-foundation │ │ │ ├── 01-members.md │ │ │ ├── 0-title.md │ │ │ ├── 04-docs.md │ │ │ └── 03-node.md │ │ ├── 01-content.md │ │ ├── 07-summary.md │ │ └── 02-documentation │ │ │ └── important.md │ ├── images │ │ ├── ci.png │ │ ├── document.png │ │ ├── eslint.png │ │ ├── labels.png │ │ ├── nodejs.png │ │ ├── site-docs.png │ │ ├── gitlocalize.png │ │ ├── created-docs-1.png │ │ ├── created-docs-2.png │ │ └── node.js-foundation.png │ ├── style.css │ └── .fusumarc.js ├── node-whatwg-url │ ├── slides │ │ ├── 02-whatwg │ │ │ ├── 0-title.md │ │ │ ├── 1-what-is-whatwg.md │ │ │ ├── 2-standards.md │ │ │ └── 3-url.md │ │ ├── 07-information │ │ │ ├── 0-title.md │ │ │ └── 1-node-8.0.0.md │ │ ├── 03-node │ │ │ ├── 0-title.md │ │ │ ├── 1-mission.md │ │ │ ├── 3-first-issue.md │ │ │ └── 4-stage.md │ │ ├── 04-url │ │ │ ├── 0-title.md │ │ │ ├── 1-content.md │ │ │ ├── 3-URLSearchParams │ │ │ │ ├── 1-methods.md │ │ │ │ ├── 0-class.md │ │ │ │ ├── 2-left.md │ │ │ │ └── 3-right.md │ │ │ ├── 2-url │ │ │ │ ├── 1-accessor.md │ │ │ │ └── 0-class.md │ │ │ ├── 5-domain-to-unicode.md │ │ │ └── 4-domain-to-ascii.md │ │ ├── 0-title.md │ │ ├── 06-stuff.md │ │ └── 01-content.md │ ├── images │ │ ├── mission.png │ │ ├── first-issue.png │ │ ├── whatwg-url.svg │ │ └── whatwg.svg │ └── .fusumarc.js ├── node-core-utils │ ├── images │ │ └── team.png │ ├── slides │ │ ├── 0-title.md │ │ ├── 07-summary.md │ │ ├── 05-difficulty.md │ │ ├── 06-demo.md │ │ ├── 02-automation.md │ │ ├── 08-end.md │ │ ├── 01-nodejs.md │ │ ├── 04-commit.md │ │ └── 03-node-core-utiles.md │ ├── .fusumarc.js │ └── style.css ├── performance-timing-api-with-node.js │ ├── slides │ │ ├── 03-node.md │ │ │ ├── 06-sample │ │ │ │ └── 0-title.md │ │ │ ├── 04-performance │ │ │ │ ├── 0-title.md │ │ │ │ ├── 01-procedure.md │ │ │ │ ├── 05-timerify.md │ │ │ │ └── 02-code.md │ │ │ ├── 03-performanceEntry │ │ │ │ ├── 0-title.md │ │ │ │ ├── 02-entryType.md │ │ │ │ ├── 01-what.md │ │ │ │ └── 04-node.md │ │ │ ├── 05-PerformanceObserver │ │ │ │ ├── 0-title.md │ │ │ │ └── 01-PerformanceObserver.md │ │ │ ├── 0-title.md │ │ │ ├── 01-stability.md │ │ │ ├── 02-pref_hooks.md │ │ │ └── 02-timeline.md │ │ ├── 02-what │ │ │ ├── 0-title.md │ │ │ ├── 02-problem.md │ │ │ └── 01-w3c.md │ │ ├── 0-title.md │ │ ├── 07-summary.md │ │ ├── 01-content.md │ │ └── 08-end.md │ ├── style.css │ └── .fusumarc.js ├── top-level-await │ ├── slides │ │ ├── 05-userland.md │ │ ├── 0-title.md │ │ ├── 02-variants.md │ │ ├── 07-references.md │ │ ├── 01-base-code.md │ │ ├── 08-end.md │ │ └── 04-deadlocks.md │ ├── style.css │ └── .fusumarc.js ├── webpack-history │ ├── images │ │ ├── hmr.png │ │ ├── slack.png │ │ ├── github.png │ │ ├── hmr-ws.png │ │ ├── trends.png │ │ ├── voting.png │ │ ├── splitChunks.png │ │ ├── vote-my-data.png │ │ ├── vote-ranking.png │ │ ├── github-member.png │ │ ├── module-bundler.png │ │ ├── module-system.png │ │ ├── opencollective.png │ │ └── logo-old.svg │ ├── slides │ │ ├── 0-title.md │ │ └── 20-end.md │ └── .fusumarc.js ├── cache-strategy-on-mercari-shops │ ├── style.css │ ├── slides │ │ ├── 0-title.md │ │ ├── z-end.mdx │ │ └── 01-blog.md │ ├── images │ │ └── kaicho.png │ └── .fusumarc.js ├── self-introduction │ ├── slides │ │ ├── 05-interest.md │ │ ├── 0-title.md │ │ ├── 03-oss.md │ │ ├── 02-mission.md │ │ ├── 04-community.md │ │ ├── 06-end.md │ │ └── 01-self-introduction.md │ ├── style.css │ └── .fusumarc.js └── introducing-webpack-asset-modules │ ├── images │ └── pr.png │ ├── slides │ ├── 01-qr.md │ ├── 02-pr.md │ ├── 03-what-is-this.md │ ├── 0-title.md │ ├── z-end.md │ └── 04-webpack-config.md │ ├── style.css │ └── .fusumarc.js ├── template ├── style.css ├── slides │ ├── 01-contents.md │ ├── z-end.mdx │ └── 0-title.md └── .fusumarc.js ├── .prettierrc.yml ├── common ├── images │ ├── nodejs.png │ └── profile.jpg ├── styles │ ├── mixins.css │ ├── variable.css │ ├── mixins │ │ ├── padding-pre.css │ │ └── icon.css │ └── list-with-title.css ├── fonts │ └── StratumNo1.ttf └── main.js ├── .fusumarc.js ├── .editorconfig └── scripts ├── pdf.js ├── deploy.js └── init.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.pdf 4 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/fs/0-title.md: -------------------------------------------------------------------------------- 1 | # fs 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/v8/0-title.md: -------------------------------------------------------------------------------- 1 | # v8 2 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/slides/z-end.mdx: -------------------------------------------------------------------------------- 1 | # The End 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/dns/0-title.md: -------------------------------------------------------------------------------- 1 | # dns 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/url/0-title.md: -------------------------------------------------------------------------------- 1 | # url 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/util/0-title.md: -------------------------------------------------------------------------------- 1 | # util 2 | -------------------------------------------------------------------------------- /slides/worker_threads/slides/06-how-to-use/0-title.md: -------------------------------------------------------------------------------- 1 | ## Usage 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/assert/0-title.md: -------------------------------------------------------------------------------- 1 | # assert 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/buffer/0-title.md: -------------------------------------------------------------------------------- 1 | # buffer 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/cluster/0-title.md: -------------------------------------------------------------------------------- 1 | # cluster 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/crypto/0-title.md: -------------------------------------------------------------------------------- 1 | # crypto 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/http/0-title.md: -------------------------------------------------------------------------------- 1 | # http/https 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/process/0-title.md: -------------------------------------------------------------------------------- 1 | # process 2 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/promise/0-title.md: -------------------------------------------------------------------------------- 1 | # promise 2 | -------------------------------------------------------------------------------- /slides/node8/slides/03-v8/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # v8 4 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/inspector/0-title.md: -------------------------------------------------------------------------------- 1 | # inspector 2 | -------------------------------------------------------------------------------- /template/style.css: -------------------------------------------------------------------------------- 1 | /* @import '../../common/styles/themes/javascript'; */ 2 | -------------------------------------------------------------------------------- /.prettierrc.yml: -------------------------------------------------------------------------------- 1 | printWidth: 100 2 | singleQuote: true 3 | arrowParens: always 4 | -------------------------------------------------------------------------------- /slides/hello/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # hello 😁 4 | -------------------------------------------------------------------------------- /slides/util.types/style.css: -------------------------------------------------------------------------------- 1 | @import "../../common/styles/themes/javascript"; 2 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/02-content.md: -------------------------------------------------------------------------------- 1 | ## Contents 2 | 3 | 4 | -------------------------------------------------------------------------------- /slides/hello/slides/3-bespoke/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # bespoke 4 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/child_process/0-title.md: -------------------------------------------------------------------------------- 1 | # child_process 2 | -------------------------------------------------------------------------------- /slides/sourcemap-v3/style.css: -------------------------------------------------------------------------------- 1 | @import '@fusuma/client/assets/style/themes/node.css'; 2 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/01-report/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # 近況報告 4 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # 🚀 8.0.0 🚀 4 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/11-info/0-title.md: -------------------------------------------------------------------------------- 1 | ## information 💁 2 | -------------------------------------------------------------------------------- /template/slides/01-contents.md: -------------------------------------------------------------------------------- 1 | ## Contents 2 | 3 |
4 | 5 | 6 | -------------------------------------------------------------------------------- /common/images/nodejs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/common/images/nodejs.png -------------------------------------------------------------------------------- /common/styles/mixins.css: -------------------------------------------------------------------------------- 1 | @import './mixins/padding-pre.css'; 2 | @import './mixins/icon.css'; 3 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # nicohaco 4 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/05-library.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # ライブラリ 4 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/03-next-yaer.md: -------------------------------------------------------------------------------- 1 | Next Year is ...? 2 | -------------------------------------------------------------------------------- /slides/util.types/slides/02-node/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Node10✨🐢🚀✨ 4 | -------------------------------------------------------------------------------- /slides/util.types/slides/03-util.types/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## util.types 4 | -------------------------------------------------------------------------------- /common/images/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/common/images/profile.jpg -------------------------------------------------------------------------------- /slides/a-deep-dive-into-module-graph/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/javascript'; 2 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/03-tools/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## 🔧Tools🔨 4 | -------------------------------------------------------------------------------- /common/fonts/StratumNo1.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/common/fonts/StratumNo1.ttf -------------------------------------------------------------------------------- /slides/hello/images/choko.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/hello/images/choko.jpg -------------------------------------------------------------------------------- /slides/hello/images/magic.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/hello/images/magic.gif -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/07-info/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## INFORMATION 💁 4 | -------------------------------------------------------------------------------- /slides/introduce-apollo/slides/02-contents.md: -------------------------------------------------------------------------------- 1 | ## Contents 2 | 3 |
4 | 5 | 6 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/02-screenshot.md: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /slides/node-esm/images/pr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node-esm/images/pr.png -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/slides/02-content.md: -------------------------------------------------------------------------------- 1 | ## Content 2 | 3 |
4 | 5 | 6 | -------------------------------------------------------------------------------- /slides/a-deep-dive-into-module-graph/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Module Graph の世界 4 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/03-node/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Node.js ✨🐢🚀✨ 4 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/05-production/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## production🚀 4 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/09-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # the end 4 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/02-whatwg/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # whatwg community 4 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/07-information/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # 💁information 4 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/04-unserstand-the-process.md: -------------------------------------------------------------------------------- 1 | ## understand the process🤓 2 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/slides/01-contents.md: -------------------------------------------------------------------------------- 1 | ## Contents 2 | 3 |
4 | 5 | 6 | -------------------------------------------------------------------------------- /slides/worker_threads/slides/05-what/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## What is worker_threads? 4 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/03-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # The end 4 | 5 | PR や Issue お待ちしております 😎 6 | -------------------------------------------------------------------------------- /slides/node-esm/images/mercari.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node-esm/images/mercari.png -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/03-node/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Node ✨🐢🚀✨ 4 | 5 | v7.8.0 6 | -------------------------------------------------------------------------------- /slides/node8/images/schedule.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node8/images/schedule.png -------------------------------------------------------------------------------- /slides/hello/slides/6-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # the end 4 | 5 | #### Let's make a cool slide 😎👍 6 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/06-presenter-mode/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Presenter Mode 🎬 4 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/08-info/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## information💁 4 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/04-feature.md: -------------------------------------------------------------------------------- 1 | ## 機能 2 | 3 | - マイリスト作成 4 | - マイリストへビデオを追加・削除 5 | - 検索 6 | - ランキング 7 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/05-automation/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Automation🤖 4 | -------------------------------------------------------------------------------- /slides/nicohaco/images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/nicohaco/images/screenshot.png -------------------------------------------------------------------------------- /slides/node-core-utils/images/team.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node-core-utils/images/team.png -------------------------------------------------------------------------------- /slides/node-esm/images/package-type.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node-esm/images/package-type.png -------------------------------------------------------------------------------- /slides/node8/images/javascriptToTF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node8/images/javascriptToTF.png -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/06-sample/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Sample 4 | -------------------------------------------------------------------------------- /slides/top-level-await/slides/05-userland.md: -------------------------------------------------------------------------------- 1 | ## Userland 2 | 3 |
4 | 5 | - V8@7.9.49 6 | - webpack@5.0.0-alpha.15 7 | -------------------------------------------------------------------------------- /slides/webpack-history/images/hmr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/hmr.png -------------------------------------------------------------------------------- /slides/webpack-history/images/slack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/slack.png -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/06-support-tools/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## support tools🔨 4 | -------------------------------------------------------------------------------- /slides/nicohaco/images/nicohaho-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/nicohaco/images/nicohaho-logo.png -------------------------------------------------------------------------------- /slides/node-whatwg-url/images/mission.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node-whatwg-url/images/mission.png -------------------------------------------------------------------------------- /slides/node8/images/ignitionpipeline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node8/images/ignitionpipeline.png -------------------------------------------------------------------------------- /slides/node8/slides/04-node/04-current-working/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Tasks in Progress 4 | 5 | 4/24 6 | -------------------------------------------------------------------------------- /slides/webpack-history/images/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/github.png -------------------------------------------------------------------------------- /slides/webpack-history/images/hmr-ws.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/hmr-ws.png -------------------------------------------------------------------------------- /slides/webpack-history/images/trends.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/trends.png -------------------------------------------------------------------------------- /slides/webpack-history/images/voting.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/voting.png -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/images/babel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-build-a-slide/images/babel.png -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/images/react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-build-a-slide/images/react.png -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/05-automation/03-build/02-detail-img.md: -------------------------------------------------------------------------------- 1 | ![](../../../images/created-docs-2.png) 2 | -------------------------------------------------------------------------------- /slides/introduce-apollo/images/example.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/example.gif -------------------------------------------------------------------------------- /slides/node8/slides/02-lts/2-schedule.md: -------------------------------------------------------------------------------- 1 | ## LTS リリーススケジュール 2 | 3 | 4 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/02-what/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## What is Performance Timing API? 4 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/04-performance/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Performance 4 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/images/bespoke.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-build-a-slide/images/bespoke.png -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/images/postcss.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-build-a-slide/images/postcss.png -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/images/webpack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-build-a-slide/images/webpack.png -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/04-build-flow/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | ## build flow⏳ 6 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # How to manage documentation of Node.js 4 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/04-api-documentation/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## API Documentation🚀 4 | -------------------------------------------------------------------------------- /slides/introduce-apollo/images/apollo-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/apollo-logo.png -------------------------------------------------------------------------------- /slides/node-whatwg-url/images/first-issue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node-whatwg-url/images/first-issue.png -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/images/libuv.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-event-loop-of-node/images/libuv.jpg -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/npm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/npm.png -------------------------------------------------------------------------------- /slides/webpack-history/images/splitChunks.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/splitChunks.png -------------------------------------------------------------------------------- /slides/webpack-history/images/vote-my-data.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/vote-my-data.png -------------------------------------------------------------------------------- /slides/webpack-history/images/vote-ranking.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/vote-ranking.png -------------------------------------------------------------------------------- /slides/cache-strategy-on-mercari-shops/style.css: -------------------------------------------------------------------------------- 1 | /* @import '../../common/styles/themes/javascript'; */ 2 | 3 | .flow { 4 | width: 70%; 5 | } 6 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/images/nodefest.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-build-a-slide/images/nodefest.png -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/images/sw-network.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-build-a-slide/images/sw-network.png -------------------------------------------------------------------------------- /slides/introduce-apollo/images/example-query.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/example-query.gif -------------------------------------------------------------------------------- /slides/introduce-apollo/images/graphql-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/graphql-logo.png -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/08-babel.md: -------------------------------------------------------------------------------- 1 | ## babel 2 | 3 | presets は`react`と`stage-1`を使用 4 | また、HMR と flowtype を使うのでそれに関連するプラグインのみを使用 5 | -------------------------------------------------------------------------------- /slides/node-esm/images/browser-compatibility.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/node-esm/images/browser-compatibility.png -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/03-performanceEntry/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## PerformanceEntry 4 | -------------------------------------------------------------------------------- /slides/self-introduction/slides/05-interest.md: -------------------------------------------------------------------------------- 1 | ## Interest 2 | 3 | - 🖥 programming 4 | - 🛫 travelling 5 | - ⛰ mountaineering 6 | - 🎯 darts 7 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/Survey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/Survey.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/ayojs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/ayojs.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/deno.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/deno.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/iojs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/iojs.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/parcel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/parcel.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/pnpm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/pnpm.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/rollup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/rollup.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/rome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/rome.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/vite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/vite.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/yarn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/yarn.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/yoeman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/yoeman.png -------------------------------------------------------------------------------- /slides/webpack-history/images/github-member.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/github-member.png -------------------------------------------------------------------------------- /slides/webpack-history/images/module-bundler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/module-bundler.png -------------------------------------------------------------------------------- /slides/webpack-history/images/module-system.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/module-system.png -------------------------------------------------------------------------------- /slides/webpack-history/images/opencollective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/webpack-history/images/opencollective.png -------------------------------------------------------------------------------- /slides/worker_threads/slides/04-content.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Content 4 | 5 | - [What is thread_workers?](#6) 6 | - [Usage](#10) 7 | -------------------------------------------------------------------------------- /slides/a-deep-dive-into-module-graph/assets/dag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/a-deep-dive-into-module-graph/assets/dag.png -------------------------------------------------------------------------------- /slides/introduce-apollo/images/example-mutation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/example-mutation.gif -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/05-PerformanceObserver/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## PerformanceObserver 4 | -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/images/mechanism.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-event-loop-of-node/images/mechanism.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/10-node/01-lts.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## LTS 4 | 5 | ![](../../images/lts.png) 6 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/esbuild.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/esbuild.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/snowpack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/snowpack.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/webpack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/webpack.png -------------------------------------------------------------------------------- /slides/util.types/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # util.types 4 | 5 |
6 | 7 | repo: https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/cache-strategy-on-mercari-shops/slides/0-title.md: -------------------------------------------------------------------------------- 1 | # Cache Strategy on Mercari Shops 2 | 3 |
4 |
5 |
6 | 7 | #### @hiroppy 8 | -------------------------------------------------------------------------------- /slides/hello/slides/1-description.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 💁 This slide is a sample for [slides](https://github.com/abouthiroppy/slides). 4 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/images/presenter-host.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-build-a-slide/images/presenter-host.png -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/05-production/02-service-worker.md: -------------------------------------------------------------------------------- 1 | ## Service Worker 2 | 3 |
4 | 5 | ![sw-network](../../images/sw-network.png) 6 | -------------------------------------------------------------------------------- /slides/introduce-apollo/images/apollo-architecture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/apollo-architecture.png -------------------------------------------------------------------------------- /slides/introducing-webpack-asset-modules/images/pr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introducing-webpack-asset-modules/images/pr.png -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/browserify.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/browserify.png -------------------------------------------------------------------------------- /slides/cache-strategy-on-mercari-shops/images/kaicho.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/cache-strategy-on-mercari-shops/images/kaicho.png -------------------------------------------------------------------------------- /slides/future-of-node/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Future of Node.js 4 | 5 |
6 | 7 | repo: https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Notable Changes 🎉 4 | 5 | Current (10.7.0) 6 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/05-hot-topics/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Hot Topics 🔥 4 | 5 |
6 | 7 | 注目している議論中等のトピックを紹介 8 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/08-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # the end 4 | 5 |
6 | 7 | repo: https://github.com/abouthiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/introduce-apollo/images/apollo-architecture2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/apollo-architecture2.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/10-node/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Node.js 4 | 5 |
6 | If time is left over...😴 7 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/node_modules.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/node_modules.jpg -------------------------------------------------------------------------------- /slides/worker_threads/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Worker Threads 4 | 5 |
6 | 7 | repo: https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/hello/slides/5-ref.md: -------------------------------------------------------------------------------- 1 | ## references 2 | 3 | - [bespoke.js](http://markdalgleish.com/projects/bespoke.js/) 4 | - [slides](https://github.com/sokra/slides) 5 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/ci.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/ci.png -------------------------------------------------------------------------------- /slides/introduce-apollo/images/apollo-platform-diagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/apollo-platform-diagram.png -------------------------------------------------------------------------------- /slides/node-core-utils/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # node-core-utils 4 | 5 |
6 | 7 | repo: https://github.com/abouthiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/self-introduction/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Self Introduction 4 | 5 |
6 | 7 | repo: https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/images/event-loop-of-cat.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-event-loop-of-node/images/event-loop-of-cat.gif -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/images/event-loop-queue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-event-loop-of-node/images/event-loop-queue.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/lts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/lts.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/tc39.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/tc39.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/04-es2018-2.md: -------------------------------------------------------------------------------- 1 | ## Browser Compatibility 2 | 3 |
4 | 5 | ![desctop-browsers](../../images/es2018.png) 6 | -------------------------------------------------------------------------------- /slides/top-level-await/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Introducing top-level-await 4 | 5 |
6 | 7 | https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/introduce-apollo/images/example-hightlight-updates.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/introduce-apollo/images/example-hightlight-updates.gif -------------------------------------------------------------------------------- /slides/nicohaco/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # nicohaco を作った 4 | 5 |
6 | 5/29 エンジニアLT 7 | repo: https://github.com/abouthiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/es2015.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/es2015.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/es2016.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/es2016.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/es2017.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/es2017.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/es2018.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/es2018.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/source.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/source.gif -------------------------------------------------------------------------------- /slides/tools-history-and-future/images/parcel-perf-chart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/tools-history-and-future/images/parcel-perf-chart.png -------------------------------------------------------------------------------- /slides/util.types/slides/04-summary.md: -------------------------------------------------------------------------------- 1 | ## Summary 2 | 3 |
4 | 5 | - Node10 will be released soon 6 | - I think `util.types` will mainly help library developers 7 | -------------------------------------------------------------------------------- /slides/a-deep-dive-into-module-graph/assets/topological-sort.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/a-deep-dive-into-module-graph/assets/topological-sort.png -------------------------------------------------------------------------------- /slides/hello/slides/4-repository/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # about this repository 4 | 5 | [abouthiroppy/slides](https://github.com/abouthiroppy/slides) 6 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # how to build a slide 4 | 5 |
6 | 7 | repo: https://github.com/abouthiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/03-tools/03-css.md: -------------------------------------------------------------------------------- 1 | ## css 2 | 3 |
4 |
5 |
6 |
7 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/document.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/document.png -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/eslint.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/eslint.png -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/labels.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/labels.png -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/nodejs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/nodejs.png -------------------------------------------------------------------------------- /slides/introduce-apollo/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Apollo と React を使った
アプリケーション設計 4 | 5 |
6 | 7 | https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/nodefest.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/nodefest.png -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/03-evolution.md: -------------------------------------------------------------------------------- 1 |

JavaScript will continue to evolve💪

2 |
3 | Specifications are updated every year. 4 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/slides/0-title.md: -------------------------------------------------------------------------------- 1 | # ツールの成長の歴史とこれから求められるもの 2 | 3 |
4 | 5 | #### @hiroppy 6 | 7 |
8 | 9 | ![](../images/yoeman.png) 10 | -------------------------------------------------------------------------------- /slides/util.types/slides/01-content.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Content 4 | 5 |
6 | 7 | - [Node10](#4) 8 | - [util.types](#7) 9 | - [Summary](#12) 10 | -------------------------------------------------------------------------------- /slides/worker_threads/slides/05-what/03-purpose.md: -------------------------------------------------------------------------------- 1 | ## 目的 2 | 3 | Node.js において、大量に負荷の高い処理することは苦手です。 4 | 5 |
6 | 7 | なので、CPU 負荷の高い作業を別のスレッドに委ね 8 | 負荷を分散させることが目的です。 9 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/site-docs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/site-docs.png -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/12-architecture.md: -------------------------------------------------------------------------------- 1 | ## アーキテクチャ 2 | 3 | Redux を使用 4 | Middleware は redux-saga 5 | ルーティングは react-router@4.0.0-beta.6, react-router-redux@next 6 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/15-summary.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | コードを見たほうが早いと思うので興味ある方は 4 | [リポジトリ](https://github.com/abouthiroppy/nicohaco)の方を見てください 🤓 5 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/04-url/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # The WHATWG URL API 4 | 5 | reference: https://nodejs.org/api/url.html#url_the_whatwg_url_api 6 | -------------------------------------------------------------------------------- /slides/node8/slides/02-lts/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # LTS 4 | 5 | ### Long Term Support 6 | 7 |
8 | github: [nodejs/LTS](https://github.com/nodejs/LTS) 9 | -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # The Event Loop
of Node 4 | 5 |
6 | 7 | repo: https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/gitlocalize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/gitlocalize.png -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/2-napi/0-title.md: -------------------------------------------------------------------------------- 1 | # N-API 2 | 3 | **semver-minor** since 7.8.0 4 | 5 | [nodejs/abi-stable-node](https://github.com/nodejs/abi-stable-node) 6 | -------------------------------------------------------------------------------- /slides/cache-strategy-on-mercari-shops/slides/z-end.mdx: -------------------------------------------------------------------------------- 1 | # The End 2 | 3 |
4 |
5 |
6 | 7 | @hiroppy 8 | 9 | [Twitter](https://twitter.com/about_hiroppy) 10 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/created-docs-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/created-docs-1.png -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/created-docs-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/created-docs-2.png -------------------------------------------------------------------------------- /slides/introducing-webpack-asset-modules/slides/01-qr.md: -------------------------------------------------------------------------------- 1 | This slide is here! 2 | 3 |
4 |
5 | 6 | 7 | -------------------------------------------------------------------------------- /slides/introducing-webpack-asset-modules/slides/02-pr.md: -------------------------------------------------------------------------------- 1 | [Documentation](https://webpack.js.org/guides/asset-modules/) 2 | 3 |
4 | 5 | 6 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/03-icon.md: -------------------------------------------------------------------------------- 1 | ## icon 2 | 3 | 4 | 5 | デザイナの miii さんに書いてもらいました 😄 6 | ありがとうございます 🌝 7 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/images/node-interactive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/the-present-and-future-of-JavaScript/images/node-interactive.png -------------------------------------------------------------------------------- /template/slides/z-end.mdx: -------------------------------------------------------------------------------- 1 | 2 | 3 | import { SNSList } from '../../../common/components/snsList'; 4 | 5 | # The End 6 | 7 |
8 | 9 | 10 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/images/node.js-foundation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hiroppy/slides/HEAD/slides/how-to-manage-the-document-of-Node.js/images/node.js-foundation.png -------------------------------------------------------------------------------- /slides/node-core-utils/slides/07-summary.md: -------------------------------------------------------------------------------- 1 | ## summary 2 | 3 |
4 | 5 | - automation is done in various oss 6 | - babel-bot, webpack-bot, node-bot, etc... 7 | - Node.js is strictly managed 8 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # performance timing api with node.js 4 | 5 |
6 | 7 | repo: https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/01-es2016-1.md: -------------------------------------------------------------------------------- 1 | ## ES2016 2 | 3 | ```javascript 4 | ['a', 'b', 'c'].includes('a'); // true 5 | 6 | 6 ** 2 === Math.pow(6, 2); // true 7 | ``` 8 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/12-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # THE END 4 | 5 | #### ENJOY YOUR JAVASCRIPT LIFE 😎 6 | 7 | repo: https://github.com/hiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/util.types/slides/02-node/01-release.md: -------------------------------------------------------------------------------- 1 | **We are planning to release Node10 on 2018/04/24.**🎉 2 | 3 |
4 | 5 | CHANGELOG: [Node.js v10 の変更点まとめ](http://blog.hiroppy.me/entry/node10) 6 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/03-node/1-mission.md: -------------------------------------------------------------------------------- 1 | ## missions 2 | 3 | mission 4 | 5 | url: https://github.com/nodejs/node/projects 6 | -------------------------------------------------------------------------------- /slides/hello/slides/2-contents.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## contents 4 | 5 | - [bespoke](#4) 6 | - [this repository](#7) 7 | - [libraries](#9) 8 | - [webpack](#10) 9 | - [postcss](#11) 10 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/03-tools/02-js.md: -------------------------------------------------------------------------------- 1 | ## JavaScript 2 | 3 |
4 |
5 |
6 |
7 |
8 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/javascript'; 2 | 3 | img { 4 | width: 70%; 5 | } 6 | 7 | .lang-list { 8 | font-size: 1.2rem; 9 | } 10 | -------------------------------------------------------------------------------- /slides/node8/slides/03-v8/8-turbofan-ignition-flow.md: -------------------------------------------------------------------------------- 1 | ## フロー 2 | 3 |
4 | 5 | 6 |
7 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/01-es2016-2.md: -------------------------------------------------------------------------------- 1 | ## Browser Compatibility 2 | 3 |
4 | 5 | ![desctop-browsers](../../images/es2016.png) 6 | 7 |
8 | 9 | Oh... IE🙄 10 | -------------------------------------------------------------------------------- /.fusumarc.js: -------------------------------------------------------------------------------- 1 | const baseUrl = 'https://slides.hiroppy.me/'; 2 | 3 | module.exports = { 4 | meta: { 5 | siteName: "hiroppy's slides", 6 | sns: ['twitter'], 7 | url: baseUrl 8 | } 9 | }; 10 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/01-content.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## contents 4 | 5 |
6 | 7 | - [Tools](#5) 8 | - [Build Flow](#9) 9 | - [Production](#13) 10 | - [Prenseter Mode](#19) 11 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/14-nico.md: -------------------------------------------------------------------------------- 1 | ## niconico の API について 2 | 3 | 難しかった。 4 | キーのケースが camel や snake だったり、 5 | キーの意味が同じでも api 間でキー名が違ったりしていた。 6 | 特に、mylist からデータを消す API のキー名が`id_list[0][]`だったのはすごかった 7 | -------------------------------------------------------------------------------- /slides/a-deep-dive-into-module-graph/slides/z-end.mdx: -------------------------------------------------------------------------------- 1 | 2 | 3 | import { SNSList } from '../../../common/components/snsList'; 4 | 5 | # The End 6 | 7 |
8 | 9 | 10 | -------------------------------------------------------------------------------- /slides/node8/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # node@8.0.0 4 | 5 |
6 | 4/24 [Node学園 25時限目](https://nodejs.connpass.com/event/54749/)(30min) 7 | repo: https://github.com/abouthiroppy/slides 8 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/07-info/01-nodefest.md: -------------------------------------------------------------------------------- 1 | ## NODE FESTIVAL IN TOKYO🗼 2 | 3 | largest Node.js and JavaScript conference in Japan!!! 4 | 5 | ![](../../images/nodefest.png) 6 | 7 | http://nodefest.jp/2017/ 8 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Node.js 4 | 5 |
6 | 7 | We will plan to release Node10 on April 25. 8 | Also, Node10 is subject to LTS. 9 | -------------------------------------------------------------------------------- /slides/hello/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | module.exports = { 4 | ...base, 5 | slide: { 6 | theme: 'nebula' 7 | }, 8 | extends: { 9 | css: 'style.css' 10 | } 11 | }; 12 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/11-ui.md: -------------------------------------------------------------------------------- 1 | ## ui 2 | 3 | [photon.js](https://github.com/connors/photon)を使った。 4 | クラスを当てると OSX のデザインになるライブラリ。 5 | 注意点として、npm で install すると dist 内に css がないので 6 | GitHub から直接 url で引いたほうがいい。 7 | -------------------------------------------------------------------------------- /common/main.js: -------------------------------------------------------------------------------- 1 | // add font-awesome 2 | 3 | import '@fortawesome/fontawesome-free/css/fontawesome.min.css'; 4 | import '@fortawesome/fontawesome-free/css/brands.min.css'; 5 | import '@fortawesome/fontawesome-free/css/solid.min.css'; 6 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/06-http2/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ### HTTP2 4 | 5 |
6 |
7 | 8 | 📝: [nodejs.org/api/http2](https://nodejs.org/api/http2.html) 9 | -------------------------------------------------------------------------------- /slides/self-introduction/slides/03-oss.md: -------------------------------------------------------------------------------- 1 | ## Open Source Software Developer 2 | 3 | I am committed to Node.js since 2015. 4 | 5 |
6 | 7 | A member(committer) of 8 | Node.js, Babel, Stylelint, Crowi, maintainers, etc... 9 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/01-es2016-0.md: -------------------------------------------------------------------------------- 1 | ## ES2016 2 | 3 |
4 |
    5 |
  • Array.prototype.includes
    • 6 |
  • Exponentiation Operator (**)
    • 7 |
8 |
9 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/05-automation/03-build/01-img.md: -------------------------------------------------------------------------------- 1 | ![](../../../images/created-docs-1.png) 2 | 3 | 4 | https://nodejs.org/api/v8.html 5 | 6 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/09-css.md: -------------------------------------------------------------------------------- 1 | ## css 2 | 3 | postcss を使用し、css-next を基準に構築 4 | mixins はないので、`postcss-mixins`を使用 5 | 6 |
7 | [postcss.config.js](https://github.com/abouthiroppy/nicohaco/blob/master/postcss.config.js) 8 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # node-whatwg-url 4 | 5 | 2017/03/31(for Node Academy 24th period) 6 | 2017/04/03(my company's LT) 7 |
8 | repo: https://github.com/abouthiroppy/slides 9 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/02-es2017-2.md: -------------------------------------------------------------------------------- 1 | ## Browser Compatibility 2 | 3 |
4 | 5 | ![desctop-browsers](../../images/es2017.png) 6 | 7 |
8 | 9 | The bottom row is `Shared memory and atomics`. 10 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/08-interested-proposal/0-title.md: -------------------------------------------------------------------------------- 1 | ## Proposals of Interest🙃 2 | 3 | Introducing some proposals that I am interested in. 4 | 5 |
6 |
7 | 8 | _Note: stage-1 is subject to change_ 9 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/slides/07-2020-survey.md: -------------------------------------------------------------------------------- 1 | ## 2020 State of JS/build-tools 2 | 3 |
4 | 5 | ![](../images/survey.png) 6 | 7 | [2020.stateofjs.com/build-tools](https://2020.stateofjs.com/en-US/technologies/build-tools/) 8 | -------------------------------------------------------------------------------- /slides/webpack-history/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | # webpack の
イママデ と コレカラ 8 | 9 |
10 | 11 | https://github.com/hiroppy/slides 12 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/03-nodejs-foundation/01-members.md: -------------------------------------------------------------------------------- 1 | ## members & teams 2 | 3 |
4 | 5 | ![node.js-foundation](../../images/node.js-foundation.png) 6 | 7 | 10 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/04-api-documentation/07-review-points.md: -------------------------------------------------------------------------------- 1 | ## review points 2 | 3 | - typo 4 | - platform dependency 5 | - windows 6 | - linux 7 | - osx 8 | - corner case 9 | - English correction 10 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/11-info/01-nodefest.md: -------------------------------------------------------------------------------- 1 | ## Node Festival in Tokyo🗼 2 | 3 | largest Node.js conference in Japan!!! 4 | 5 | 6 | 7 | http://nodefest.jp/2017 8 | -------------------------------------------------------------------------------- /slides/hello/slides/4-repository/1-purpose.md: -------------------------------------------------------------------------------- 1 | ## purpose 2 | 3 | Create an environment to make slides using bespoke quickly, and increase the reusability of common parts.💪 4 | For example, self introduction slides and common colors, mixins, etc...😌 5 | -------------------------------------------------------------------------------- /slides/worker_threads/slides/05-what/01-status.md: -------------------------------------------------------------------------------- 1 | ## worker_threads 2 | 3 | [worker: initial implementation](https://github.com/nodejs/node/pull/20876) 4 | 5 |
6 | 7 | v10.5.0 から入り、Stability: 1 となる。 8 | Node 起動時に`--experimental-worker`が必要 9 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_size = 2 6 | end_of_line = lf 7 | indent_style = space 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | -------------------------------------------------------------------------------- /common/styles/variable.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --color-main: #3498db; 3 | --color-js: #f5da55; 4 | --color-node: #43853d; 5 | --color-orange: #ff874d; 6 | --color-white: #f5f5f5; 7 | --color-gray: #b7b8b7; 8 | --color-black: #3b3c38; 9 | } 10 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/04-url/1-content.md: -------------------------------------------------------------------------------- 1 | ## contents 2 | 3 | ### class 4 | 5 | - URL [#15](#15) 6 | - URLSearchParams [#18](#18) 7 | 8 |
9 | 10 | ### function 11 | 12 | - domainToASCII [#22](#22) 13 | - domainToUnicode [#23](#23) 14 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/07-summary.md: -------------------------------------------------------------------------------- 1 | ## Summary 2 | 3 |
4 | 5 | - Performance Timing API is stability:1 6 | - Performance Timing API will be helpful when improving performance 7 | - `measure`, `function`, `gc`, etc... 8 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/10-db.md: -------------------------------------------------------------------------------- 1 | ## IndexedDB 2 | 3 | IndexedDB を使うことにした。 4 | 今回は[localForage](https://github.com/localForage/localForage)ではなく、[Dexie.js](https://github.com/dfahlander/Dexie.js)を使った。 5 | 大変使いやすく、良かった(`toArray()`の意味は個人的に分かりづらかった) 6 | -------------------------------------------------------------------------------- /slides/worker_threads/slides/03-note.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## ⚠️ 4 | 5 | 5min で話しきれる内容ではないため、詳しくは記事を見てください 👇 6 | 7 |
8 | 9 | http://blog.hiroppy.me/entry/worker_threads 10 | 11 |
12 | 13 | このスライドでは、5min で簡潔に説明します 😏 14 | -------------------------------------------------------------------------------- /slides/node8/slides/03-v8/5-turbofan-ignition.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # TurboFan + Ignition 4 | 5 | [V8: Behind the Scenes (November Edition feat. Ignition+TurboFan and ES2015)](http://benediktmeurer.de/2016/11/25/v8-behind-the-scenes-november-edition/) 6 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/javascript'; 2 | 3 | .section-title h2 { 4 | color: var(--color-orange); 5 | } 6 | 7 | .bespoke-backdrop.section-title { 8 | background: var(--color-main); 9 | } 10 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/02-purpose.md: -------------------------------------------------------------------------------- 1 | ## purpose 2 | 3 |
4 | 5 | - manage with git 6 | - share commonly used slides 7 | - slides should be written in Markdown or HTML 8 | - don't write JS as much as possible 9 | - have a presenter note(optional) 10 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/13-atomic-design.md: -------------------------------------------------------------------------------- 1 | ## Atomic Design 2 | 3 | Atomic Design を採用 4 | どこからでも connect できる状態であるので、Redux と相性がいいかは不明 5 | ただ、単位レベルで分けれるのでわかりやすい。 6 | が、やはりチーム開発で採用するのは大変そう 7 | (抽象的なので個人的な主観が入る可能性が高い) 8 | あと、見方によってこれはどこだろうって悩む時間が勿体無い気もした 9 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/0-z-events.md: -------------------------------------------------------------------------------- 1 | ![](../images/node-interactive.png) 2 | 3 |
4 | 5 | Node Interactive(2017-10-04 - 2017-10-05) 6 | and Node.js Collaborator Summit(2017-10-06 - 2017-10-07) 7 | 8 | **The events are being held now!!** 9 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/05-fs/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ### fs.promises 4 | 5 |
6 |
7 | 8 | - 📝 [nodejs.org/api/fs.html#fs_fs_promises_api](https://nodejs.org/api/fs.html#fs_fs_promises_api) 9 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/01-content.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## content 4 | 5 | - [Node.js Foundation](#5) 6 | - [API documentation](#10) 7 | - [automation](#19) 8 | - [support tools](#25) 9 | - [summary](#28) 10 | - [information](#29) 11 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/03-nodejs-foundation/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Node.js Foundation 4 | 5 |
6 | 7 | repo: https://github.com/nodejs 8 | 9 | 12 | -------------------------------------------------------------------------------- /slides/node-core-utils/slides/05-difficulty.md: -------------------------------------------------------------------------------- 1 | **It is hard to confirm all and create multi commits!!** 2 | 3 |
4 |
5 | 6 | Also, it is hard to enumerate the name and email address of reviewers😹 7 | 8 |
9 |
10 | 11 | 👉*Automation*👈 12 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/02-release.md: -------------------------------------------------------------------------------- 1 | ## スケジュール 2 | 3 | - 04 月 21 日: V8 の v5.8 が安定する 4 | - 05 月 09 日: semver-major の凍結 5 | - 05 月中旬: v6.0 API / ABI の安定 6 | - 05 月 30 日: Node8 のリリース 🎉 7 | - 06 月上旬: V8 の v5.9 が安定したら semver-minor としてアップグレード 8 | - 08 月上旬: V8 の v6.0 へアップグレード 9 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/url/whatwg-url.md: -------------------------------------------------------------------------------- 1 | ## whatwg-url 2 | 3 | whatwg-url は 7.0.0 から入りました。 4 | 7.0.0 以降で実装が大幅に入ったため 5 | 時間の都合上まとめません。😶 6 | 7 |
8 | 9 | [NODE-WHATWG-URL](https://abouthiroppy.github.io/slides/node-whatwg-url/)を参考にしてください。 10 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/style.css: -------------------------------------------------------------------------------- 1 | @import '@fusuma/client/assets/style/themes/webpack.css'; 2 | 3 | .images { 4 | align-items: center; 5 | 6 | & > *:not(:first-child) { 7 | margin-left: 12px; 8 | } 9 | } 10 | 11 | li > ul { 12 | margin: 0; 13 | } 14 | -------------------------------------------------------------------------------- /slides/top-level-await/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/javascript'; 2 | @import '@fortawesome/fontawesome-free/css/fontawesome.min.css'; 3 | @import '@fortawesome/fontawesome-free/css/brands.min.css'; 4 | @import '@fortawesome/fontawesome-free/css/solid.min.css'; 5 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/images/whatwg-url.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/03-performanceEntry/02-entryType.md: -------------------------------------------------------------------------------- 1 | ## entryType 2 | 3 |
4 | 5 | PerformanceEntry has 6 kinds. 6 | 7 |
8 | 9 | - `mark` 10 | - `measure` 11 | - `node` 12 | - `gc` 13 | - `function` 14 | - `http2` 15 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/09-summary.md: -------------------------------------------------------------------------------- 1 | ## summary 2 | 3 |
4 | 5 | - ECMAScript will be renewed every year (ES{that year}) 6 | - ECMAScript is managed by TC39 and has 5 stages 7 | - anyone can make suggestions 8 | - the next release will be June 2018!! 9 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/03-module/02-esm.md: -------------------------------------------------------------------------------- 1 | ## ECMAScript Modules 2 | 3 | - シンタックスとして、`import/export`を提供します 4 | - インポートされたモジュールはすべて厳格モード(strict)で動きます 5 | - CommonJS Modules(CJS) と違い、実行する前に構文エラーがわかります 6 | - モジュール内の`this`は`undefined`となります 7 | - WHATWG/URL に準拠します 8 | -------------------------------------------------------------------------------- /slides/node8/slides/02-lts/1-what-is-lts.md: -------------------------------------------------------------------------------- 1 | ## 長期サポート 2 | 3 | 4 月にリリースされる偶数バージョンが対象であり、毎年 10 月から開始されます。 4 | LTS は 18 ヶ月間サポートされ、その後 12 ヶ月間はメンテナンスになります。 5 | LTS とメンテナンスの違いは、修正度のプライオリティに依存します。 6 | 7 | - バグ修正 8 | - セキュリティアップデート 9 | - 関連されるドキュメントの更新 10 | - 破壊的変更がないパフォーマンス改善の更新 11 | -------------------------------------------------------------------------------- /slides/node8/slides/05-summary.md: -------------------------------------------------------------------------------- 1 | ## まとめ 2 | 3 | - Node8.0.0 は 05 月 30 日にリリース予定！ 4 | - 8.x(LTS)のコードネームは Carbon！ 5 | - ES2017 features は shared memory and atomics 以外全部使える！ 6 | - N-API が追加されたからネイティブモジュール開発者は楽になる！ 7 | - WHATWG-URL の実装が強化された！ 8 | - `util.promisify()`が入ったら Promise 用の関数を作らなくても良くなる！ 9 | -------------------------------------------------------------------------------- /slides/a-deep-dive-into-module-graph/slides/03-summary.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## まとめ 4 | 5 |
6 |
7 | 8 | - モジュールの依存関係はグラフ理論を使い表現できる 9 | - ランタイムでは、再帰処理の走査が走るので深さはパフォーマンスに影響がでる可能性がある 10 | - そのための Scope Hoisting などのアルゴリズムがあるが、これらは静的解析が必要なため基本的には ESM を使うべき 11 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/04-api-documentation/04-commits.md: -------------------------------------------------------------------------------- 1 | ## commits 2 | 3 | ```sh 4 | $ git log --grep doc: --pretty=oneline --check | wc 5 | 3367 20994 237596 6 | ``` 7 | 8 |
9 | 10 | 😳 3367 / 19,876 commits! 11 | 12 | btw, test: 2853 commits 13 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/16-future.md: -------------------------------------------------------------------------------- 1 | ## 今後の課題 2 | 3 | ### meta 4 | 5 | - テストの追加 6 | - コードのリファクタリング、コーナーケース、バグ潰し 7 | 8 | ### feature 9 | 10 | - css がまだ終わってないので終わらせる 11 | - マイリスト内の並び替え・シャッフル再生・ループ再生 12 | - nicohistory の自動ポーリング 13 | - 検索機能の強化 14 | - media-query を使って column のレイアウト修正 15 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/11-info/02-stuff.md: -------------------------------------------------------------------------------- 1 | ## stuff📖 2 | 3 |
4 | 5 | - [Standard ECMA-262](https://www.ecma-international.org/publications/standards/Ecma-262.htm) 6 | - [Ecma TC39](https://github.com/tc39) 7 | - [ECMAScript Discussion Archives](https://esdiscuss.org/) 8 | -------------------------------------------------------------------------------- /common/styles/mixins/padding-pre.css: -------------------------------------------------------------------------------- 1 | /* @define-mixin */ 2 | /* stylelint-disable */ 3 | @define-mixin padding-pre $vertical-padding: 30px, $horizontal-padding: 50px { 4 | width: 100%; 5 | 6 | & > code { 7 | padding: 0 $(vertical-padding) $(horizontal-padding) !important; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/04-api-documentation/06-reviewers.md: -------------------------------------------------------------------------------- 1 | ## Reviewers 2 | 3 |
4 | 5 | - Core Collaborators(because they have the only right to approve) 6 | - Documentation 7 | - Website(check css, etc...) 8 | - WGs specialized in that field(e.g. promise, stream, etc..) 9 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/process/add-NODE_NO_WARNINGS.md: -------------------------------------------------------------------------------- 1 | ## `NODE_NO_WARNINGS`の追加 2 | 3 | **semver-minor** since 7.5.0 4 | 5 | `1`に設定することにより、プロセスの警告を消します。 6 | `--no-warnings`の環境変数版です。 7 | 8 | [process: add NODE_NO_WARNINGS environment variable](https://github.com/nodejs/node/pull/10842) 9 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # the present and future of JavaScript 4 | 5 | 2017/10/08 6 | 7 | 8 | https://github.com/hiroppy/slides 9 | 10 | -------------------------------------------------------------------------------- /slides/worker_threads/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/faint'; 2 | 3 | __bg.title { 4 | background: var(--color-node); 5 | } 6 | 7 | __bg.note { 8 | background: var(--color-red); 9 | } 10 | 11 | .nodefest { 12 | display: block; 13 | margin: auto; 14 | width: 150px; 15 | } 16 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/03-node/3-first-issue.md: -------------------------------------------------------------------------------- 1 | ## The first issue 2 | 3 | 4 | 5 | Landed in [7.0.0(Current)](https://nodejs.org/en/blog/release/v7.0.0/). 🎉 6 | pull-request: [nodejs/node#7448](https://github.com/nodejs/node/pull/7448) 7 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/06-stuff.md: -------------------------------------------------------------------------------- 1 | ## stuff 2 | 3 | - [whatwg/url](https://github.com/whatwg/url) 4 | - [nodejs/api/url#whatwg-url](https://nodejs.org/api/url.html#url_the_whatwg_url_api) 5 | - [node/issues?label=url-whatwg](https://github.com/nodejs/node/issues?q=is%3Aissue+is%3Aopen+label%3Aurl-whatwg) 6 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/05-fs/01-fs.promises.md: -------------------------------------------------------------------------------- 1 | ## fs.promises 2 | 3 | コールバックではなく Promise オブジェクトを返す非同期な fs のメソッドです。 4 | 5 |
6 | 7 | 変更点として、`fs.fstat`, `fs.fchown`, `fs.fchmod` 等の数値 FB が 8 | 必要なメソッドは Promise ベース では実装されません。 9 | 代わりに`FileHandle`クラスを使用し、`open()`後の変数を使い操作します。 10 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/0-es2015-1.md: -------------------------------------------------------------------------------- 1 | ## ES2015 2 | 3 | ```javascript 4 | class Robot { 5 | constructor(...args) { 6 | const [age, name] = args; 7 | 8 | this.name = name; 9 | } 10 | 11 | say() { 12 | return `hello, ${this.name}`; 13 | } 14 | } 15 | ``` 16 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/0-es2015-2.md: -------------------------------------------------------------------------------- 1 | ## Browser Compatibility 2 | 3 |
4 | 5 | ![desctop-browsers](../../images/es2015.png) 6 | 7 |
8 | 9 | We want to forget IE.😇 10 | Tail Call Optimisation is not implemented except for Safari.(probably the priority is low) 11 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/06-nodefest.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## 🗼 東京 Node Festival 🗼 4 | 5 |
6 | 7 | 8 | 9 | https://nodefest.jp/2018/ 10 | 11 |
12 | 13 | 今年の Node 学園祭は 2018/11/23 - 24 に開催します！ 14 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/04-api-documentation/05-labels.md: -------------------------------------------------------------------------------- 1 | ## Top labels by comment count 2 | 3 |
4 | 5 | ![](../../images/labels.png) 6 | 7 | 8 | https://addaleax.net/one-week-in-the-life/#17 9 | 10 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require("../../.fusumarc"); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | description: "yay!😌", 7 | thumbnail: "" 8 | }, 9 | slide: { 10 | theme: "nebula" 11 | }, 12 | extends: { 13 | css: "style.css" 14 | } 15 | }; 16 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/07-summary.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## summary 4 | 5 |
6 | 7 | - documentation is mega-important for users 8 | - also one step towards contributing to OSS 9 | - be careful of a grammatical subject 10 | - to automate when the project's scale is large 11 | -------------------------------------------------------------------------------- /slides/node8/slides/01-content.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## contents 4 | 5 | - [LTS](#4) 6 | - [V8](#8) 7 | - [5.7 notable changes](#9) 8 | - [5.8 notable changes](#10) 9 | - [Turbofan and Ignition](#13) 10 | - [Node](#17) 11 | - [Release](#18) 12 | - [Introduction](#20) 13 | - [Current Working](#65) 14 | -------------------------------------------------------------------------------- /slides/top-level-await/slides/02-variants.md: -------------------------------------------------------------------------------- 1 | ## Variants 2 | 3 |
4 | 5 | A / B / C(dropped. to the optional constraint) 6 | 7 |
8 | 9 | **Currently, TLA refers to `variant B`.** 10 | 11 |
12 | 13 | - Variant A: TLA blocks tree execution 14 | - Variant B: TLA doesn't block sibling execution 15 | -------------------------------------------------------------------------------- /slides/introducing-webpack-asset-modules/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/javascript'; 2 | @import '@fortawesome/fontawesome-free/css/fontawesome.min.css'; 3 | @import '@fortawesome/fontawesome-free/css/brands.min.css'; 4 | @import '@fortawesome/fontawesome-free/css/solid.min.css'; 5 | 6 | .pr { 7 | width: 70%; 8 | } 9 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/01-wath-is-nicohaco.md: -------------------------------------------------------------------------------- 1 | ## nicohaco とは？ 2 | 3 | 4 | 5 | 2017/05/15 ぐらいから開発し始めた個人プロダクト 6 | NicoBox というニコ動の音楽アプリの PC 版(Electron 製) 7 | 8 | _まだ α の段階です_ 9 | 10 |
11 | **https://github.com/abouthiroppy/nicohaco** 12 | -------------------------------------------------------------------------------- /slides/nicohaco/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require("../../.fusumarc"); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | description: "NicoHacoというNicoBoxのPC版アプリを作った", 7 | thumbnail: "" 8 | }, 9 | slide: { 10 | theme: "nebula" 11 | }, 12 | extends: { 13 | css: "style.css" 14 | } 15 | }; 16 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/01-content.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Content 4 | 5 |
6 | 7 | - [What is Performance Timing API](#4) 8 | - [Node.js](#7) 9 | - [PerformanceEntry](#11) 10 | - [Performance](#16) 11 | - [PerformanceObserver](#21) 12 | - [Sample](#23) 13 | - [Summary](#25) 14 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/06-electron.md: -------------------------------------------------------------------------------- 1 | ## electron 2 | 3 | - **electron-builder** 4 | - パッケージングするときに楽 5 | - **electron-devtools-installer** 6 | - 様々な devtools を楽に入れることができる 7 | - 今回は、`ReduxDevtools`と`ReactDeveloperTools`を使用 8 | - **electron-gh-releases** 9 | - AutoUpdater のラッパ 10 | - GitHub のリリースページに上げたのを確認してくれる 11 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/images/whatwg.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/slides/07-nodefest.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## 🗼 Tokyo Node Festival 🗼 4 | 5 |
6 | 7 | 8 | 9 | https://nodefest.jp/2018/ 10 | 11 |
12 | 13 | NodeFest2018 will be held on 2018/11/23 - 24! 14 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/03-module/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ### ECMAScript Modules (a.k.a. ESM) 4 | 5 |
6 |
7 | 8 | - 📝 [nodejs.org/api/esm](https://nodejs.org/api/esm.html) 9 | - ✍️ [Node.js と ECMAScript Modules](http://blog.hiroppy.me/entry/nodejs-esm) 10 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/05-automation/03-build/0-build.md: -------------------------------------------------------------------------------- 1 | ## build the documentation 2 | 3 | Build HTML from md. 4 | 5 |
6 | 7 | ```sh 8 | $ ./configure && make doc 9 | ``` 10 | 11 |
12 | 13 | Build Node.js and then use it to build the document. 14 | So contributors need only write markdown. 15 | -------------------------------------------------------------------------------- /slides/util.types/slides/02-node/02-notable-chages.md: -------------------------------------------------------------------------------- 1 | ## Notable Changes 2 | 3 |
4 | 5 | - `assert.strict` 6 | - `console.table` 7 | - `require('fs/promises')` 8 | - `import/export` 9 | - `require('perf_hooks')` 10 | - `global.URL / global.URLSearchParams` 11 | - `readable[@@asyncIterator] (Readable Streams)` 12 | - `util.types` 13 | -------------------------------------------------------------------------------- /slides/util.types/slides/03-util.types/04-polyfill.md: -------------------------------------------------------------------------------- 1 | ## Polyfill/Shim 2 | 3 |
4 | 5 | [in progress] https://github.com/hiroppy/util.types 6 | 7 |
8 | 9 | ```shell 10 | npm ERR! publish Failed PUT 403 11 | npm ERR! code E403 12 | npm ERR! util.types cannot be republished until 24 hours have passed. : util.types 13 | ``` 14 | -------------------------------------------------------------------------------- /slides/worker_threads/slides/02-nodefest.md: -------------------------------------------------------------------------------- 1 | ## Node 学園・学園祭 2 | 3 | 今月、Node 学園#31 を開催します！ 4 | https://nodejs.connpass.com/event/90936/ 5 | 6 |
7 | 8 | 9 | 10 |
11 | 12 | 今年、Node 学園祭は 2018/11/23 - 24 に開催します！ 13 | https://twitter.com/nodefest 14 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/03-node/05-stability.md: -------------------------------------------------------------------------------- 1 | ## Stability Index 2 | 3 | Node.js では、モジュール/機能単位でそれぞれインデックスが貼られます。 4 | 5 |
6 | 7 | - Stability: 0 (非推奨) 8 | - メジャーバージョンとの互換性を保証しません。 9 | - Stability: 1 (実験中) 10 | - 仕様変更が発生しやすく運用での使用は推奨されません。 11 | - Stability: 2 (安定) 12 | - 壊れる可能性は必要でない限りあり得ません。 13 | - ユーザーランドとの互換性を最優先にします。 14 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/07-worker/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ### Worker_Threads 4 | 5 |
6 |
7 | 8 | - 📝 [nodejs.org/api/worker_threads](https://nodejs.org/api/worker_threads.html) 9 | - ✍️ [Node.js に worker が入った](http://blog.hiroppy.me/entry/worker_threads) 10 | -------------------------------------------------------------------------------- /common/styles/mixins/icon.css: -------------------------------------------------------------------------------- 1 | /* @define-mixin */ 2 | /* stylelint-disable */ 3 | @define-mixin icon $src, $height: 120px, $width: 120px { 4 | background: url($(src)); 5 | background-position: center; 6 | background-repeat: no-repeat; 7 | background-size: contain; 8 | height: $(height); 9 | text-align: center; 10 | width: $(width); 11 | } 12 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/07-worker/01-description.md: -------------------------------------------------------------------------------- 1 | ## What is worker_threads? 2 | 3 | 独立したスレッドで動作する環境を作り、 4 | それらの間にメッセージチャンネルを構築します。 5 | 6 |
7 | 8 | Node.js において大量に負荷の高い処理することは苦手なので、 9 | CPU 負荷の高い作業を別のスレッドに委ね、負荷を分散させることが目的です。 10 | 11 |
12 | 13 | ```sh 14 | $ node --experimental-worker index.js 15 | ``` 16 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/02-what/02-problem.md: -------------------------------------------------------------------------------- 1 | ## Problem 2 | 3 |
4 | 5 | If you use `Date`, you get 0 or a positive value or a negative value.😱 6 | 7 | ```js 8 | const markStart = Date.now(); 9 | 10 | (() => {})(); 11 | 12 | const duration = Date.now() - markStart; 13 | 14 | console.log(duration); // 0 15 | ``` 16 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/03-node/04-lts.md: -------------------------------------------------------------------------------- 1 | ## Long Term Support 2 | 3 | Node10 のコードネームは Dubnium で、2018/10 から LTS 対象です。 4 | Node11 は 2018/10/23 にリリース予定です。 5 | 6 | 7 | 8 | https://github.com/nodejs/Release 9 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/05-stages/02-babylon.md: -------------------------------------------------------------------------------- 1 | ## babel/babylon 2 | 3 |
4 | 5 | Babylon is a JavaScript parser for Babel. 6 | Integrate TC39's Test262 suite to Babylon. 7 | 8 | 9 | https://github.com/babel/babylon/pull/654 10 | 11 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/04-perf/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ### Perf_Hooks 4 | 5 |
6 |
7 | 8 | - 📝 [nodejs.org/api/perf_hooks](https://nodejs.org/api/perf_hooks.html) 9 | - ✍️ [時間計測をして Node.js アプリのパフォーマンス改善の手助けをする](http://blog.hiroppy.me/entry//performance-timing-api-with-node.js) 10 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/process/add-NODE_PRESERVE_SYMLINKS.md: -------------------------------------------------------------------------------- 1 | ## `NODE_PRESERVE_SYMLINKS`の追加 2 | 3 | **semver-minor** since 7.1.0 4 | 5 | `NODE_PRESERVE_SYMLINKS`という環境変数が追加されました。 6 | `1`の時、シンボリックリンクが有効となります。 7 | `--preserve-symlinks`の環境変数版です。 8 | 9 | [Add NODE_PRESERVE_SYMLINKS environment variable](https://github.com/nodejs/node/pull/8749) 10 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/04-es2018-0.md: -------------------------------------------------------------------------------- 1 | ## ES2018 2 | 3 | - Template Literal Revision 4 | 5 |
6 | Currently, this is the only one in stage-4. 7 | 8 | 9 | https://github.com/tc39/proposals/blob/master/finished-proposals.md 10 | 11 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/04-api-documentation/03-site.md: -------------------------------------------------------------------------------- 1 | ## API documentation 2 | 3 | ![](../../images/site-docs.png) 4 | 5 | 6 | https://nodejs.org/en/docs/ 7 | 8 | 9 | This site is managed by nodejs/website 10 | but API docs is managed by nodejs/collaborators. 11 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/02-whatwg/1-what-is-whatwg.md: -------------------------------------------------------------------------------- 1 | ## What is whatwg? 2 | 3 | Web Hypertext Application Technology 4 | Working Group 5 |
6 | 7 | WHATWG maintains specifications for HTML, DOM, and JavaScript. 8 |
9 | url: https://whatwg.org/ 10 | github: https://github.com/whatwg 11 | -------------------------------------------------------------------------------- /slides/node8/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require("../../.fusumarc"); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | description: "Introduce node8", 7 | thumbnail: "https://avatars3.githubusercontent.com/u/9950313?s=200&v=4" 8 | }, 9 | slide: { 10 | theme: "nebula" 11 | }, 12 | extends: { 13 | css: "style.css" 14 | } 15 | }; 16 | -------------------------------------------------------------------------------- /slides/top-level-await/slides/07-references.md: -------------------------------------------------------------------------------- 1 | ## References 2 | 3 |
4 | 5 | - [tc39/proposal-top-level-await](https://github.com/tc39/proposal-top-level-await) 6 | - [Top-level await · V8](https://v8.dev/features/top-level-await) 7 | - [Top-level-await, new WASM modules and async modules based on import await and import async](https://github.com/webpack/webpack/pull/9177) 8 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/03-nodejs-foundation/04-docs.md: -------------------------------------------------------------------------------- 1 | ## Documents in Node.js 2 | 3 |
4 | 5 | - BUILDING.md 6 | - CHANGELOG.md 7 | - CODE_OF_CONDUCT.md 8 | - COLLABORATOR_GUIDE.md 9 | - CONTRIBUTING.md 10 | - CPP_STYLE_GUIDE.md 11 | - GOVERNANCE.md 12 | - API Documentation 13 | 14 |
15 | 16 | Today, will talk about API Documentation. 17 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/04-perf/01-performance-timing-api.md: -------------------------------------------------------------------------------- 1 | ## Performance Timeline Level 2 2 | 3 | [W3C Performance Timeline](https://w3c.github.io/performance-timeline/)に準拠した実装です。 4 | 現在、ブラウザで実装されている Performance API と同等です。 5 | 単位は、ミリ秒です。 6 | 7 |
8 | 9 | Performance Timing API では大まかに以下の 2 種類の測定が行えます。 10 | 11 | - 区間にかかる時間測定 12 | - イベントにかかる測定 13 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require("../../.fusumarc"); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | description: "whatwg-url in Node", 7 | thumbnail: "https://avatars3.githubusercontent.com/u/9950313?s=200&v=4" 8 | }, 9 | slide: { 10 | theme: "nebula" 11 | }, 12 | extends: { 13 | css: "style.css" 14 | } 15 | }; 16 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/03-node/4-stage.md: -------------------------------------------------------------------------------- 1 | ## api stage 2 | 3 | Stability: 1 - Experimental 4 | 5 |
6 | The WHATWG URL API: [api/url.html#url_the_whatwg_url_api](https://nodejs.org/api/url.html#url_the_whatwg_url_api) 7 | Stability Index: [documentation.html#documentation_stability_index](https://nodejs.org/api/documentation.html#documentation_stability_index) 8 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/crypto/use-system-ca.md: -------------------------------------------------------------------------------- 1 | ## システムの CA を使用する 2 | 3 | **semver-minor** since 7.5.0 4 | 5 | Node 側のバンドルされた証明書ではなく、システムが提供する CA を利用します。 6 | CLI へ`--use-openssl-ca`, `--use-bundled-ca`の追加。 7 | 環境変数へ`SSL_CERT_DIR=dir`, `SSL_CERT_FILE=file`の追加。 8 | 9 | [crypto: use system CAs instead of bundled ones](https://github.com/nodejs/node/pull/8334) 10 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/01-content.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## contents 4 | 5 | - WHATWG Community [#4](#4) 6 | - What is WHATWG? [#5](#5) 7 | - URL [#7](#7) 8 | - Node [#8](#8) 9 | - The WHATWG URL Api [#13](#13) 10 | - URL [#15](#15) 11 | - URLSearchParams [#18](#18) 12 | - domainToASCII [#22](#22) 13 | - domainToUnicode [#23](#23) 14 | - Information [#25](#25) 15 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/slides/06-deno.md: -------------------------------------------------------------------------------- 1 | ## deno 2 | 3 |
4 | 5 | ![](../images/deno.png) 6 | 7 |
8 | 9 | - linter, formatter, transpiler(swc), bundler(swc_bundler)が備わった ts/js ランタイム環境 10 | - deno ≒ rome + node.js 11 | - すぐではない数年後、deno がどれぐらい userland で流行るかで
現行のライブラリが左右される可能性がある 12 | - node/deno 両方の対応がライブラリに求められる可能性がある 13 | - deno deploy によるサービス運用の進化 14 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/06-presenter-mode/01-image.md: -------------------------------------------------------------------------------- 1 | ## Presenter Mode 2 | 3 | Presenter Mode is very simple, it has only a next slide view and note. 4 | 5 |
6 | 7 | 8 | 9 | 14 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/02-documentation/important.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ![](../../images/document.png) 4 | 5 | Documentation is mega-important.💃 6 | 7 |
8 | 9 | One step towards contributing to OSS. 10 | 11 | 12 | https://opensource.guide/how-to-contribute/ 13 | 14 | -------------------------------------------------------------------------------- /slides/node-core-utils/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require("../../.fusumarc"); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | description: "Introduce node-core-utils.", 7 | thumbnail: "https://avatars3.githubusercontent.com/u/9950313?s=200&v=4" 8 | }, 9 | slide: { 10 | theme: "nebula" 11 | }, 12 | extends: { 13 | css: "style.css" 14 | } 15 | }; 16 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/2-napi/3-napi.md: -------------------------------------------------------------------------------- 1 | ## N-API 2 | 3 | `--napi-modules`を付けることにより、 4 | N-API modules と非 N-API modules のサポートをします。 5 | 6 | 今現在、V8 に加え[ChakraCore](https://github.com/nodejs/abi-stable-node/tree/api-prototype-chakracore-8.x)でも検証されています。 7 | 今後、v8.x と v6.x への提供する予定です。 8 | 9 | [abi-stable-node/tree/doc](https://github.com/nodejs/abi-stable-node/tree/doc) 10 | -------------------------------------------------------------------------------- /slides/top-level-await/slides/01-base-code.md: -------------------------------------------------------------------------------- 1 | ```js 2 | import { process } from './some-module.js'; 3 | 4 | const dynamic = import(computedModuleSpecifier); 5 | const data = fetch(url); 6 | 7 | // 👇 👇 8 | export const output = process((await dynamic).default, await data); 9 | ``` 10 | 11 | https://github.com/tc39/proposal-top-level-await 12 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/05-automation/01-ci.md: -------------------------------------------------------------------------------- 1 | ## CI 2 | 3 | ![](../../images/ci.png) 4 | 5 | Node.js is tested on Jenkins provided by Node.js Foundation. 6 | Basically, will run smoke-test and lint-test for the document PR. 7 | 8 | 9 | https://ci.nodejs.org/job/node-test-linter/ 10 | 11 | -------------------------------------------------------------------------------- /slides/self-introduction/slides/02-mission.md: -------------------------------------------------------------------------------- 1 | ## Mission 2 | 3 | Currently, I belong to the following companies. 4 | 5 |
6 | 7 | - Dwango, Inc. as a web frontend developer 8 | - Mercari, Inc. as a web technical advisor 9 | 10 |
11 |
12 |
13 | 14 | My technical area is Node.js, Express, React, Redux, GraphQL. 15 | Also interested in javascript specifications. 16 | -------------------------------------------------------------------------------- /common/styles/list-with-title.css: -------------------------------------------------------------------------------- 1 | .list-with-title { 2 | display: flex; 3 | 4 | & .list-with-title-title { 5 | border-right: 1px solid #ccc; 6 | color: #ccc; 7 | font-size: 40px; 8 | padding-right: 8px; 9 | } 10 | 11 | & .list-with-title-body { 12 | padding-left: 16px; 13 | text-align: left; 14 | 15 | & > * { 16 | display: block; 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/fs/syncWriteStream.md: -------------------------------------------------------------------------------- 1 | ## fs.SyncWriteStream が非推奨へ 2 | 3 | **semver-major** 4 | 5 | 6.x のドキュメントでは廃止されていました。 6 | 公開されていることを意図してない API なので非推奨へ。 7 | 8 | ```js 9 | > fs.SyncWriteStream 10 | ... 11 | > (node:57352) [DEP0061] DeprecationWarning: fs.SyncWriteStream is deprecated. 12 | ``` 13 | 14 | [nodejs/node#10467](https://github.com/nodejs/node/pull/10467) 15 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/04-current-working/error.md: -------------------------------------------------------------------------------- 1 | ## `internal/errors.js`への移行 2 | 3 | **semver-major** 4 | 5 | 現在の Node の Core Modules では、各ファイルにエラーが定義されています。 6 | [/lib/internal/errors.js](https://github.com/nodejs/node/blob/master/lib/internal/errors.js)を使うように移行しています。 7 | 8 |
9 | 10 | [Tracking Issue: Migrate errors to internal/errors.js](https://github.com/nodejs/node/issues/11273) 11 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/01-content.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## contents 4 | 5 |
6 | 7 | - [ECMAScript](#5) 8 | - [understand the process](#9) 9 | - [ES2015](#13) 10 | - [ES2016](#17) 11 | - [ES2017](#20) 12 | - [ES2018](#24) 13 | - [proposal updates](#28) 14 | - [proposals of interest](#29) 15 | - [summary](#38) 16 | - [node.js](#39) 17 | - [information](#37) 18 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/01-stability.md: -------------------------------------------------------------------------------- 1 | ## Stability:1(Experimental) 2 | 3 | Current version is 9. 4 | 5 |
6 | 7 | - ECMAScript Modules 8 | - fs Promises API 9 | - HTTP2 10 | - Inspector 11 | - Async Hooks 12 | - perf_hooks 13 | - readable[@@asyncIterator] (Readable Streams) 14 | - Serialization API(V8) 15 | - vm.Module 16 | - N-API 17 | - A part of Errors 18 | -------------------------------------------------------------------------------- /slides/hello/slides/3-bespoke/1-description.md: -------------------------------------------------------------------------------- 1 | ## what is bespoke? 2 | 3 | [bespoke](https://github.com/bespokejs/bespoke) is DIY Presentation Micro-Framework.😗 4 | You can make beautiful slides easily using bespoke.😆 5 | bespoke provides plugins system like [babel](https://github.com/babel/babel), [postcss](https://github.com/postcss/postcss), and [breakdance](https://github.com/breakdance/breakdance), etc... 6 | -------------------------------------------------------------------------------- /slides/self-introduction/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/faint'; 2 | @import '@fortawesome/fontawesome-free/css/fontawesome.min.css'; 3 | @import '@fortawesome/fontawesome-free/css/brands.min.css'; 4 | @import '@fortawesome/fontawesome-free/css/solid.min.css'; 5 | 6 | .profile-avatar { 7 | border-radius: 50%; 8 | width: 120px; 9 | } 10 | 11 | .profile-name { 12 | font-size: 30px; 13 | } 14 | -------------------------------------------------------------------------------- /slides/util.types/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require("../../.fusumarc"); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | name: "util.types", 7 | description: "Introduce util.types.", 8 | thumbnail: "https://avatars3.githubusercontent.com/u/9950313?s=200&v=4" 9 | }, 10 | slide: { 11 | theme: "nebula" 12 | }, 13 | extends: { 14 | css: "style.css" 15 | } 16 | }; 17 | -------------------------------------------------------------------------------- /scripts/pdf.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const { join } = require('path'); 4 | const { pdf } = require('fusuma'); 5 | const fs = require('fs-extra'); 6 | 7 | const [, , output] = process.argv; 8 | 9 | if (!output) process.exit(1); 10 | 11 | (async () => { 12 | const base = join(process.cwd(), output); 13 | const port = 3455; 14 | 15 | await pdf(join(base, 'dist'), join(base, 'slide.pdf'), port); 16 | })(); 17 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/03-tools/01-slide.md: -------------------------------------------------------------------------------- 1 | ## Slide Framework 2 | 3 |
4 | 5 |
6 |
7 | bespoke.js 8 | DIY Presentation Micro-Framework 9 | https://github.com/bespokejs/bespoke 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /slides/a-deep-dive-into-module-graph/slides/04-ref.md: -------------------------------------------------------------------------------- 1 | ## 参考資料 2 | 3 |
4 | 5 | - [DAG のトポロジカルソートのうち最適なものを見つけたい](http://lpha-z.hatenablog.com/entry/2019/02/03/231500) 6 | - [webpack/webpack](https://github.com/webpack/webpack) 7 | - [hiroppy/the-sample-of-module-bundler](https://github.com/hiroppy/the-sample-of-module-bundler) 8 | - [module bundler の作り方(準備編)](https://blog.hiroppy.me/entry/create-module-bundler-preparation) 9 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/04-build-flow/01-flow.md: -------------------------------------------------------------------------------- 1 |

Markdown -> HTML -> React

2 | 3 |
4 | 🤔 5 | 6 |
7 | 8 | In this case, the loader chain is ... 9 | markdown-loader -> html-loader 10 | 11 |
12 | 13 | ```javascript 14 | // webpack.config.js 15 | 16 | { 17 | test: /\.md$/, 18 | use: [ 19 | 'html-loader', 20 | 'markdown-loader' 21 | ] 22 | } 23 | ``` 24 | -------------------------------------------------------------------------------- /slides/self-introduction/slides/04-community.md: -------------------------------------------------------------------------------- 1 | ## Community 2 | 3 | [connpass/hiroppy](https://connpass.com/user/about_hiroppy/) 4 | 5 |
6 | 7 | Manage [東京 Node 学園](https://nodejs.connpass.com/) and [React.js meetup](https://reactjs-meetup.connpass.com/). 8 | 9 | 東京 Node 学園 is held once every two months.😉 10 | 11 |
12 |
13 |
14 | 15 | Of course, I'm a speaker about JavaScript as well. 16 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/06-es/02-es2017-0.md: -------------------------------------------------------------------------------- 1 | ## ES2017 2 | 3 |
4 |
    5 |
  • Async Functions
    • 6 |
  • Shared memory and atomics
    • 7 |
  • Object.values/Object.entries
    • 8 |
  • String padding
    • 9 |
  • Object.getOwnPropertyDescriptors()
    • 10 |
  • Trailing commas in function parameter lists and calls
    • 11 |
      12 |
13 | -------------------------------------------------------------------------------- /slides/worker_threads/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | name: 'worker_threads', 7 | description: 'introduce worker_threads', 8 | thumbnail: 'https://avatars3.githubusercontent.com/u/9950313?s=200&v=4' 9 | }, 10 | slide: { 11 | theme: 'nebula' 12 | }, 13 | extends: { 14 | css: 'style.css' 15 | } 16 | }; 17 | -------------------------------------------------------------------------------- /slides/node-core-utils/slides/06-demo.md: -------------------------------------------------------------------------------- 1 | ## demo 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | https://github.com/nodejs/node-core-utils/blob/master/docs/git-node.md#demo--usage 11 | 12 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | description: "Explain how Node.js's document is managed", 7 | thumbnail: 'https://avatars3.githubusercontent.com/u/9950313?s=200&v=4', 8 | }, 9 | slide: { 10 | theme: 'nebula', 11 | }, 12 | extends: { 13 | css: 'style.css', 14 | }, 15 | }; 16 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | description: 'introduce performance timing api of Node.js', 7 | thumbnail: 'https://avatars3.githubusercontent.com/u/9950313?s=200&v=4', 8 | }, 9 | slide: { 10 | theme: 'nebula', 11 | }, 12 | extends: { 13 | css: 'style.css', 14 | }, 15 | }; 16 | -------------------------------------------------------------------------------- /scripts/deploy.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const { join } = require('path'); 4 | const ghpages = require('gh-pages'); 5 | 6 | const [, , input] = process.argv; 7 | 8 | if (!input) process.exit(1); 9 | 10 | ghpages.publish( 11 | join(process.cwd(), input, 'dist'), 12 | { 13 | dest: input.split('/').slice(-1)[0], 14 | }, 15 | (err) => { 16 | if (err) console.error(err); 17 | console.log('Published'); 18 | } 19 | ); 20 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/03-module/01-esm.md: -------------------------------------------------------------------------------- 1 | ## ECMAScript Modules 2 | 3 | [whatwg/loader](https://github.com/whatwg/loader) 4 | HTML にも関係があるため TC39 ではなく WHATWG が管轄します。 5 | 6 |
7 | 8 | --- 9 | 10 | Node.js では、[nodejs/modules](https://github.com/nodejs/modules)で議論が行われ 11 | 二週間に一回ミーティングが開かれます。 12 | 13 |
14 | 15 | ```sh 16 | # 実行時にはフラグが必要 17 | $ node --experimental-modules index.mjs 18 | ``` 19 | -------------------------------------------------------------------------------- /slides/nicohaco/slides/02-nicohako/07-webpack.md: -------------------------------------------------------------------------------- 1 | ## webpack 2 | 3 | ### Main Process(target: electron-main) 4 | 5 | 主に使う目的としては、`NODE_ENV`でコードの分岐があるため 6 | プロダクション用にコードを吐く必要があったため使用。 7 | 今現在、ESM では書かれておらず CommonJS modules で書かれている 8 | 9 | ### Renderer Process(target: electron-renderer) 10 | 11 | React のために Babel を使用 12 | また`string paddng`は入っていないため`babel-polyfill`を使用 13 | 今回は ES5 へ落とす必要性がないため、UglifyJS ではなく Babili を使用し minify 14 | -------------------------------------------------------------------------------- /slides/node-core-utils/slides/02-automation.md: -------------------------------------------------------------------------------- 1 | ## automation 2 | 3 |
4 | 5 | - [Jenkins](https://ci.nodejs.org/) 6 | - CI to test various platforms(about 11 platforms) 7 | - e.g. Windows, Linux, MacOS, ARM, etc... 8 | - [Bot](https://github.com/nodejs/github-bot) 9 | - attach labels to PR 10 | - support for Jenkins jobs 11 | - [node-core-utils](https://github.com/nodejs/node-core-utils) 12 | - Node.js core utilities 13 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/04-performance/01-procedure.md: -------------------------------------------------------------------------------- 1 | ## User Procedure 2 | 3 |
4 | 5 | - 1: **`mark`** 6 | - mark the start section 7 | - 2: **`mark`** 8 | - mark the finish section 9 | - 3: **`measure`** 10 | - define the name of the section and save 11 | - 4: **`getEntriesByName`** 12 | - specify the name of this section from the list 13 | where all registed data are saved 14 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/02-ecma/0-ecmascript.md: -------------------------------------------------------------------------------- 1 | ## ECMAScript 2 | 3 |
4 | 5 | Specification of JavaScript by Ecma International. 6 | 7 |
8 |
9 | 10 | So... what is JavaScript?🤔 11 | 12 |
13 |
14 | 15 |
16 | **ECMAScript** - JavaScript's specification(standardization) 17 |
18 | **JavaScript**    - implementation based on ECMAScript 19 |
20 | -------------------------------------------------------------------------------- /slides/util.types/slides/03-util.types/01-intro.md: -------------------------------------------------------------------------------- 1 | ## util.types 2 | 3 |
4 | 5 | Provide Type Checker as `util.types` and provide alternatives to userland modules 6 | that would currently rely on `process.binding('util')`. 7 | 8 | ### Proposals 9 | 10 | - [node-eps: Add 'types' module to core](https://github.com/nodejs/node-eps/pull/44) 11 | - [TC39: Builtin.is and Builtin.typeOf](https://github.com/jasnell/proposal-istypes) 12 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/03-module/03- rules-in-node.md: -------------------------------------------------------------------------------- 1 | ## Rules in Node.js 2 | 3 | - ファイルの拡張子は`.mjs`にしなくてはなりません 4 | - ブラウザでの識別子は`type="module"` 5 | - CJS から ESM への呼び出しは行えません 6 | - dynamic import(`import()`)は CJS からも使用することが可能です 7 | - CJS のファイルを ESM でインポートする場合、named import は使えません 8 | - CJS のオブジェクトは`default`キーワードで包まれるため 9 | - ESM で使えないキーワードがあります 10 | - `__dirname`, `__filename`, `require`, `exports`, `module`, etc 11 | -------------------------------------------------------------------------------- /scripts/init.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const path = require('path'); 4 | const fs = require('fs-extra'); 5 | 6 | const [, , outputDir] = process.argv; 7 | 8 | if (!outputDir) process.exit(1); 9 | 10 | const base = path.join(process.cwd(), outputDir); 11 | 12 | if (fs.pathExistsSync(base)) { 13 | console.error('That directory already exists!'); 14 | process.exit(1); 15 | } 16 | 17 | fs.mkdirsSync(base); 18 | fs.copySync('template', base); 19 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/04-api-documentation/10-process.md: -------------------------------------------------------------------------------- 1 | ## process 2 | 3 | Convert to HTML using [marked](https://github.com/chjj/marked) and [js-yaml](https://github.com/nodeca/js-yaml). 4 | 5 | 1:1 relationship from `lib/.js` to `doc/api/.md` 6 | 7 | 8 | https://github.com/nodejs/node/tree/master/tools/doc 9 | 10 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/07-information/1-node-8.0.0.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## 🐢Node@8.0.0🐢 4 | 5 | Node 8.0.0 will ship on April 25th.🚀 6 | `v8`'s version is v5.7 or v5.8. 7 | We will lock down all semver-major commits by April 4th. 8 |
9 | [Node.js 8.0.0 Tracking Issue](https://github.com/nodejs/node/issues/10117#issuecomment-286897090) 10 | [deps: update V8 to 5.7](https://github.com/nodejs/node/pull/11752) 11 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/slides/05-toolchain.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Toolchain 4 | 5 |
6 | 7 | ![](../images/rome.png) 8 | 9 |
10 | 11 | - linter + formatter + transpiler + bundler 12 | - [IMO] rome が流行る未来はあるのか？ 13 | - あり得るが先は長く、その頃の node と deno の関係性による 14 | - node ライブラリを作るプロジェクトでは流行る可能性ある 15 | - 本当に共通の AST にしたことによるユーザーの恩恵が現状に勝るか 16 | - どれだけ web に近い存在になるか 17 | - 一番自分が注目しているプロダクトなので流行ってほしい 18 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/07-worker/02-api-restrictions.md: -------------------------------------------------------------------------------- 1 | ## API restrictions 2 | 3 | - 禁止 4 | - `process.chdir()`等の group, userID を設定するプロセスメソッド 5 | - `process.abort()` 6 | - domain 7 | - 親プロセスからの IPC チャンネルのアクセス 8 | - 変更 9 | - `process.env` は読み取り専用 10 | - `process.title`は変更不可 11 | - `process.exit()` は単一スレッドのみが処理対象 12 | - `process.stdin`, `process.stdout`, `process.stderr` は `null` 13 | - シグナルは行われない (`process.on`) 14 | -------------------------------------------------------------------------------- /slides/hello/slides/4-repository/5-code.md: -------------------------------------------------------------------------------- 1 | ## code 2 | 3 | ```javascript 4 | const path = require('path'); 5 | 6 | console.log(process.env.PATH); 7 | 8 | path.format({ 9 | ext: '.js', 10 | root: '/', 11 | name: 'piyo', 12 | }); 13 | ``` 14 | 15 | Use [highlight.js](https://github.com/isagalaev/highlight.js/) and current theme is GitHub theme😌 16 | see: [setup-hljs.js](https://github.com/abouthiroppy/slides/blob/master/src/lib/setup-hljs.js) 17 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/04-perf/02-entry-type.md: -------------------------------------------------------------------------------- 1 | ## EntryType 2 | 3 | EntryType にはユーザが定義するものと 4 | システムが自動的に発生させる 2 種類あります。 5 | 6 | - ユーザー定義 7 | - `mark` : 区間の地点をマークした時に差し込まれる 8 | - `measure` : 区間に名前がつけられた時の差し込まれる 9 | - `function` : `timerify`でラップした関数が呼ばれた時に差し込まれる 10 | - システム定義 11 | - `node` : 起動時等に差し込まれる 12 | - `gc` : GC(major, minor, incremental, weakcb) 時に差し込まれる 13 | - `http2` : `Http2Session`, `Http2Stream` 時に差し込まれる 14 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/2-napi/2-problem.md: -------------------------------------------------------------------------------- 1 | ## 問題点 2 | 3 | 現在の Node の実装では、V8 の API がモジュールへ公開されています。 4 | また V8 は頻繁に API を変更しているため以下の問題点が発生していました。 5 | 6 |
7 | 8 | - ネイティブモジュールは Node のバージョンごとに再コンパイルが必要です。 9 | - ネイティブモジュールはコードを変更しなければいけない場合がある。 10 | - V8 以外の JS エンジンで動作しない可能性がある。(e.g. ChakraCore) 11 | 12 |
13 | 14 | この問題はネイティブ抽象化レイヤーである、 15 | [NAN(Native Abstractions for Node.js)](https://github.com/nodejs/nan)では全てを解決できませんでした。 16 | -------------------------------------------------------------------------------- /template/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | const basePath = 'foo'; 4 | 5 | module.exports = { 6 | meta: { 7 | ...base.meta, 8 | title: '', 9 | description: '', 10 | url: `${base.meta.url}${basePath}` 11 | }, 12 | slide: { 13 | showIndex: true, 14 | code: { 15 | languages: ['json', 'markdown', 'javascript', 'css'] 16 | } 17 | }, 18 | extends: { 19 | css: 'style.css' 20 | }, 21 | }; 22 | -------------------------------------------------------------------------------- /slides/hello/slides/3-bespoke/2-plugins.md: -------------------------------------------------------------------------------- 1 | ## plugins 2 | 3 | [bespoke#plugins](https://github.com/bespokejs/bespoke#plugins) 4 | 5 | I used the following plugins to make this slide. 🛠 6 | 7 | - bespoke-hash 8 | - bespoke-keys 9 | - bespoke-touch 10 | - bespoke-scale 11 | - bespoke-progress 12 | - bespoke-backdrop 13 | 14 | The current theme is [nebula](https://github.com/bespokejs/bespoke-theme-nebula).😎 15 | I created [a file for bespoke as common](). 16 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/02-pref_hooks.md: -------------------------------------------------------------------------------- 1 | ## Performance Timing API 2 | 3 |
4 | 5 | Stability: 1 - Experimental 6 | 7 |
8 | 9 | Introduced from 8.5.0. 10 | 11 |
12 | 13 | ```js 14 | const { constants, performance, PerformanceObserver } = require('perf_hooks'); 15 | ``` 16 | 17 | 18 | https://nodejs.org/api/perf_hooks.html 19 | 20 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/04-url/3-URLSearchParams/1-methods.md: -------------------------------------------------------------------------------- 1 | ## methods 2 | 3 |
4 |
5 |

append

6 |

delete

7 |

set

8 |

get

9 |

getAll

10 |
11 |
12 |

has

13 |

keys

14 |

values

15 |

entries

16 |

forEach

17 |

sort

18 |

toString

19 |
20 |
21 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/0-pickup.md: -------------------------------------------------------------------------------- 1 | ## Introduction 2 | 3 | - **semver-major**: 8.0.0 4 | - **semver-minor**: 7.x.0 5 | - **semver-patch**: 7.x.y 6 | 7 | 7.0.0 以降の変更で自分が紹介したいのを列挙しました。👏 8 | 個人的には、今回の大きな変更は[whatwg-url](https://abouthiroppy.github.io/slides/node-whatwg-url/)と[n-api]()だと思います。😊 9 | また、[`util.promisify()`]()も 8.0.0 に入るかわからないですが、注目しています。 10 | 11 |
12 | [8.0.0 Release Proposal](https://github.com/nodejs/node/pull/12220) 13 | -------------------------------------------------------------------------------- /slides/self-introduction/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | const url = 'https://slides.hiroppy.me'; 4 | const title = 'self introduction'; 5 | 6 | module.exports = { 7 | meta: { 8 | ...base.meta, 9 | url: `${url}/${title}`, 10 | title, 11 | name: title, 12 | description: 'me', 13 | thumbnail: '' 14 | }, 15 | slide: { 16 | theme: 'nebula' 17 | }, 18 | extends: { 19 | css: 'style.css' 20 | } 21 | }; 22 | -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/javascript'; 2 | @import '@fortawesome/fontawesome-free/css/fontawesome.min.css'; 3 | @import '@fortawesome/fontawesome-free/css/brands.min.css'; 4 | @import '@fortawesome/fontawesome-free/css/solid.min.css'; 5 | 6 | .zero { 7 | background-image: url('./images/event-loop-of-cat.gif'); 8 | background-position: center; 9 | background-repeat: no-repeat; 10 | background-size: cover; 11 | } 12 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/08-reference-material.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Reference Material 💁 4 | 5 |
6 | 7 | - [Node.js v10 の変更点まとめ](http://blog.hiroppy.me/entry/node10) 8 | - [Node.js と ECMAScript Modules](http://blog.hiroppy.me/entry/nodejs-esm) 9 | - [時間計測をして Node.js アプリのパフォーマンス改善の手助けをする](http://blog.hiroppy.me/entry/performance-timing-api-with-node.js) 10 | - [Node.js に worker が入った](http://blog.hiroppy.me/entry/worker_threads) 11 | -------------------------------------------------------------------------------- /slides/util.types/slides/05-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # the end 4 | 5 |
6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/02-notable-changes.md: -------------------------------------------------------------------------------- 1 | ## Notable Changes of "stability: 1" 2 | 3 | - ECMAScript Modules 4 | - Perf_Hooks 5 | - promises of File_System 6 | - Worker_Threads 7 | - HTTP2 8 | 9 |
10 | 11 | 今回はせっかくなので今後安定していく機能を紹介します 😆 12 | _(まだ仕様やシンタックスが変わる可能性があるので、注意してください)_ 13 | 14 |
15 | 16 | ✍️ [Node.js v10 の変更点まとめ](http://blog.hiroppy.me/entry/node10) 17 | 18 | 21 | -------------------------------------------------------------------------------- /slides/hello/style.css: -------------------------------------------------------------------------------- 1 | @import '../../common/styles/themes/faint'; 2 | 3 | /* strong { 4 | color: var(--color-orange); 5 | font-size: 2.1rem; 6 | font-weight: bold; 7 | } 8 | 9 | li:before { 10 | color: var(--color-main); 11 | margin-right: 10px; 12 | } */ 13 | 14 | __bg.sample-background { 15 | background: url('./images/magic.gif'); 16 | } 17 | 18 | __bg.webpack { 19 | background: #14aaf3; 20 | } 21 | 22 | __bg.postcss { 23 | background: var(--color-red); 24 | } 25 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/02-what/01-w3c.md: -------------------------------------------------------------------------------- 1 | ## Performance Timeline Level 2 2 | 3 |
4 | 5 | This specification extends the [HR-TIME-2](https://w3c.github.io/performance-timeline/#bib-HR-TIME-2) (High Resolution Time specification) by providing methods to store and retrieve high resolution performance metric data. 6 | 7 | 8 | https://w3c.github.io/performance-timeline/ 9 | 10 | -------------------------------------------------------------------------------- /slides/sourcemap-v3/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | const basePath = 'sourcemap-v3'; 4 | 5 | module.exports = { 6 | meta: { 7 | ...base.meta, 8 | title: '', 9 | description: '', 10 | url: `${base.meta.url}${basePath}`, 11 | }, 12 | slide: { 13 | showIndex: true, 14 | code: { 15 | languages: ['json', 'markdown', 'javascript', 'css'], 16 | }, 17 | }, 18 | extends: { 19 | css: 'style.css', 20 | }, 21 | }; 22 | -------------------------------------------------------------------------------- /slides/worker_threads/slides/05-what/02-description.md: -------------------------------------------------------------------------------- 1 | ## worker_threads 2 | 3 | 独立したスレッドで動く環境を構築し、 4 | それらの間にメッセージチャンネルを構築をする手段を提供する。 5 | 6 |
7 | 8 | ```js 9 | const { MessageChannel } = require('worker_threads'); 10 | 11 | const { port1, port2 } = new MessageChannel(); 12 | 13 | port1.on('message', (message) => console.log(message)); 14 | port2.postMessage('hi'); 15 | 16 | port2.on('message', (message) => console.log(message)); 17 | port1.postMessage('bye'); 18 | ``` 19 | -------------------------------------------------------------------------------- /slides/how-to-build-a-slide/slides/05-production/05-imagemin.md: -------------------------------------------------------------------------------- 1 | ## reduce image size 2 | 3 | Use [image-webpack-loader](https://github.com/tcoopman/image-webpack-loader), it uses [imagemin](https://github.com/imagemin/imagemin). 4 | 5 |
6 | 7 | image-webpack-loader -> file-loader 8 | 9 |
10 | 11 | ```js 12 | // webpack.config.js 13 | 14 | { 15 | test: /\.(png|jpg|gif|svg?)$/, 16 | use: [ 17 | 'file-loader', 18 | 'image-webpack-loader' 19 | ] 20 | } 21 | ``` 22 | -------------------------------------------------------------------------------- /slides/node-core-utils/slides/08-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # the end 4 | 5 |
6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/10-node/02-lts.md: -------------------------------------------------------------------------------- 1 | ## LTS 2 | 3 |
4 | 5 | A even version released in April is subject to LTS. 6 | LTS will be supported for 18 months and then will be in maintenance mode for 12 months. 7 | 8 |
9 |
10 | 11 | **codename** 12 | 13 | - Node4: Argon 14 | - Node6: Boron 15 | - Node8: Carbon 16 | 17 | 18 | https://github.com/nodejs/Release 19 | 20 | -------------------------------------------------------------------------------- /slides/node8/slides/03-v8/2-5.8.md: -------------------------------------------------------------------------------- 1 | ## v5.8: 大きな変更 2 | 3 | - ヒープサイズの限界値(符号付き 32bit integer の範囲)の設定を任意に設定可能 4 | - スタートアップのパフォーマンスを約 5%改善 5 | - IC システムのコードコンパイル、解析、最適化時間の削減 6 | 7 | [v8-release-58](https://v8project.blogspot.jp/2017/03/v8-release-58.html) 8 | [one-small-step-for-chrome-one-giant](https://v8project.blogspot.jp/2017/02/one-small-step-for-chrome-one-giant.html) 9 | [how-v8-measures-real-world-performance](https://v8project.blogspot.jp/2016/12/how-v8-measures-real-world-performance.html) 10 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/03-node.md/04-performance/05-timerify.md: -------------------------------------------------------------------------------- 1 | ## timerify 2 | 3 |
4 | 5 | You can use `performance.timerify` to make a `function` entry. 6 | 7 | ```js 8 | const { performance } = require('perf_hooks'); 9 | 10 | function create() { 11 | console.log('create'); 12 | } 13 | 14 | const wrapped = performance.timerify(create); 15 | 16 | wrapped(); 17 | ``` 18 | 19 |
20 | 21 | An observer will catch a `function` entry when `wrapped` is called. 22 | -------------------------------------------------------------------------------- /slides/performance-timing-api-with-node.js/slides/08-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # the end 4 | 5 |
6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | -------------------------------------------------------------------------------- /slides/top-level-await/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | title: 'Introducing top-level-await', 7 | description: '', 8 | thumbnail: 'https://avatars1.githubusercontent.com/u/1725583?s=200&v=4' 9 | }, 10 | slide: { 11 | showIndex: true, 12 | code: { 13 | languages: ['json', 'markdown', 'javascript', 'css'] 14 | } 15 | }, 16 | extends: { 17 | css: 'style.css' 18 | } 19 | }; 20 | -------------------------------------------------------------------------------- /slides/worker_threads/slides/06-how-to-use/01-sample.md: -------------------------------------------------------------------------------- 1 | ## 複数の worker を作る 2 | 3 | ```javascript 4 | const { Worker, isMainThread, workerData } = require('worker_threads'); 5 | 6 | if (isMainThread) { 7 | for (let i = 0; i < 4; i++) { 8 | new Worker(__filename, { workerData: i }); 9 | } 10 | 11 | setInterval(() => { 12 | console.log('Main Thread'); 13 | }, 1000); 14 | } else { 15 | setInterval((title) => { 16 | console.log(`worker: ${workerData}`); 17 | }, 1000); 18 | } 19 | ``` 20 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/slides/08-interested-proposal/01-optional-catch-binding.md: -------------------------------------------------------------------------------- 1 | ## Optional Catch Binding 2 | 3 | stage-3 4 | 5 | ```javascript 6 | let data; 7 | 8 | try { 9 | data = JSON.parse(str); 10 | } catch { 11 | // you don't need the binding `()` 12 | data = 'default'; 13 | } 14 | ``` 15 | 16 | 17 | https://github.com/tc39/proposal-optional-catch-binding 18 | 19 | -------------------------------------------------------------------------------- /slides/tools-history-and-future/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | const basePath = 'tools-history-and-future'; 4 | 5 | module.exports = { 6 | meta: { 7 | ...base.meta, 8 | title: '', 9 | description: '', 10 | url: `${base.meta.url}${basePath}`, 11 | }, 12 | slide: { 13 | showIndex: true, 14 | code: { 15 | languages: ['json', 'markdown', 'javascript', 'css'], 16 | }, 17 | }, 18 | extends: { 19 | css: 'style.css', 20 | }, 21 | }; 22 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/08-info/01-nodefest.md: -------------------------------------------------------------------------------- 1 | ## nodefest🗼 2 | 3 |
4 | 5 | Nodefest2017 will be held next week! 6 | Also Nodefest2017 has Code and Learn.🎉 7 | 8 |
9 | 10 | What is Code and Learn...🤔? 11 | 12 |
13 | 14 | It is an event that participants commit to Node.js. 15 | Core collaborators from all over the world will be a mentor and will support. 16 | 17 | 18 | http://nodefest.jp/2017/ 19 | 20 | -------------------------------------------------------------------------------- /slides/the-present-and-future-of-JavaScript/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require("../../.fusumarc"); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | name: "the present and future of JavaScript", 7 | description: "Explain how specifications are determined and how it will be in the future.", 8 | thumbnail: "https://avatars1.githubusercontent.com/u/1725583?v=4&s=200" 9 | }, 10 | slide: { 11 | theme: "nebula" 12 | }, 13 | extends: { 14 | css: "style.css" 15 | } 16 | }; 17 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/04-notable-changes/07-worker/03-messaging.md: -------------------------------------------------------------------------------- 1 | ## Messaging 2 | 3 | child_process の IPC と異なります。 4 | ブラウザと同様に`postMessage`のシンタックスを使うことができます。 5 | 6 |
7 | 8 | ```js 9 | const { MessageChannel } = require('worker_threads'); 10 | 11 | const { port1, port2 } = new MessageChannel(); 12 | 13 | port1.on('message', (message) => console.log(message)); 14 | port2.postMessage('hi'); 15 | 16 | port2.on('message', (message) => console.log(message)); 17 | port1.postMessage('bye'); 18 | ``` 19 | -------------------------------------------------------------------------------- /slides/introducing-webpack-asset-modules/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | module.exports = { 4 | meta: { 5 | ...base.meta, 6 | title: 'introducing webpack asset modules', 7 | description: 'introducing how to use asset modules of webpack5', 8 | thumbnail: '', 9 | }, 10 | slide: { 11 | showIndex: true, 12 | code: { 13 | languages: ['json', 'markdown', 'javascript', 'css'], 14 | }, 15 | }, 16 | extends: { 17 | css: 'style.css', 18 | }, 19 | }; 20 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/04-api-documentation/09-example.md: -------------------------------------------------------------------------------- 1 | ```md 2 | ## module 3 | 4 | 7 | 8 | > Stability: 3 - Stable 9 | 10 | description and examples. 11 | 12 | ### module.someFunction(x, y, [z=100]) 13 | 14 | 17 | 18 | - `x` {String} the description of the string 19 | - `y` {Boolean} Should I stay or should I go? 20 | - `z` {Number} How many zebras to bring. 21 | 22 | A description of the function. 23 | ``` 24 | -------------------------------------------------------------------------------- /slides/introduce-apollo/.fusumarc.js: -------------------------------------------------------------------------------- 1 | const base = require('../../.fusumarc'); 2 | 3 | const url = 'https://slides.hiroppy.me'; 4 | const title = 'introduce-apollo'; 5 | 6 | module.exports = { 7 | meta: { 8 | ...base.meta, 9 | url: `${url}/${title}`, 10 | title, 11 | name: title, 12 | description: '', 13 | thumbnail: 'https://avatars2.githubusercontent.com/u/17189275?s=200&v=4' 14 | }, 15 | slide: { 16 | theme: 'nebula' 17 | }, 18 | extends: { 19 | css: 'style.css' 20 | } 21 | }; 22 | -------------------------------------------------------------------------------- /slides/node-esm/slides/03-contents.md: -------------------------------------------------------------------------------- 1 | 12 | 13 | ## Contents 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /slides/the-event-loop-of-node/slides/08-node11.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## Node.js v11 has shipped🚀 4 | 5 |
6 | 7 | https://nodejs.org/en/blog/release/v11.0.0/ 8 | [October Brings Node.js 10.x to LTS and Node.js 11 to Current!](https://medium.com/@nodejs/october-brings-node-js-10-x-to-lts-and-node-js-11-to-current-ae19f8f12b51) 9 | 10 |
11 | 12 | For details, yosuke_furukawa will speak at Node Gakuen32 to be held on 10/30! 13 | Check it out! 👉 https://nodejs.connpass.com/event/105474/ 14 | -------------------------------------------------------------------------------- /template/slides/0-title.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Title 4 | 5 |
6 | 7 | #### hiroppy 8 | 9 |
10 |
11 |
12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | -------------------------------------------------------------------------------- /slides/future-of-node/slides/07-end.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # The End 4 | 5 | #### Enjoy Your Node.js life 😎 6 | 7 |
8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | -------------------------------------------------------------------------------- /slides/how-to-manage-the-document-of-Node.js/slides/06-support-tools/gitlocalize.md: -------------------------------------------------------------------------------- 1 | ## gitlocalize 2 | 3 |
4 | 5 |
6 |
7 | GitLocalize 8 | Localize your product, with all updates 9 | [https://gitlocalize.com/](https://gitlocalize.com/) 10 |
11 | ![](../../images/gitlocalize.png) 12 |
13 | 14 |
15 | 16 | - Sync with repository 17 | - Awesome diff management 18 | - Built for community 19 | -------------------------------------------------------------------------------- /slides/node-whatwg-url/slides/04-url/2-url/1-accessor.md: -------------------------------------------------------------------------------- 1 | ## accessors/methods 2 | 3 |
4 |
5 |

href

6 |

protocol

7 |

origin

8 |

username

9 |

password

10 |

host

11 |

hostname

12 |

port

13 |
14 |
15 |

pathname

16 |

search

17 |

searchParams

18 |

hash

19 |

toString()

20 |

toJSON()

21 |
22 |
23 | -------------------------------------------------------------------------------- /slides/node8/slides/04-node/03-attention/inspector/end-of-options.md: -------------------------------------------------------------------------------- 1 | ## `--`の追加 2 | 3 | **semver-minor** since 7.5.0 4 | 5 | `-e`の後に`--`を付けるとそれがオプションの終了となります。 6 | 7 | ```js 8 | $ node -e "console.log(process.argv)" -- -arg1 -arg2 9 | [ '/Users/xxx/.yyy/node/v7.4.0/bin/node' ] 10 | 11 | # 7.5.0 ~ 12 | $ node -e "console.log(process.argv)" -- -arg1 -arg2 13 | [ '/Users/xxx/.yyy/node/v7.5.0/bin/node', '-arg1', '-arg2' ] 14 | ``` 15 | 16 | [`--` after `-e