SlideShare uma empresa Scribd logo
1 de 46
Baixar para ler offline
…
Node.js ECMAScript6
Node.js
JavaScript
Node.js
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/
moment.min.js"></script>

<script src=“https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/
locale/ja.js"></script>


<script>

var interval = 1000;

document.addEventListener("DOMContentLoaded", function(e) {

var dom = document.querySelector(".timer");

setInterval(function(){

console.log(moment().format("YYYY/MM/DD HH:mm:ss"));

dom.textContent = " " + moment().format('YYYY/MM/DD
HH:mm:ss') + " ";

}, interval)

});

</script>


</head>

<body>

<div class="timer"></div>
</body>
var moment = require('moment-timezone');



var interval = 1000;

setInterval(function(){

console.log(" " + moment().tz("Asia/Tokyo").format("YYYY/MM/
DD HH:mm:ss”) + " ");

}, interval);
ES5 ES5
var moment = require('moment-timezone');



var interval = 1000;

document.addEventListener("DOMContentLoaded", function(e) {

var dom = document.querySelector(".timer");

setInterval(function(){

console.log(moment().tz("Asia/Tokyo").format("YYYY/MM/DD HH:mm:ss"));

dom.textContent = " " + moment().format("YYYY/MM/DD
HH:mm:ss") + " ";

}, interval)

});
ES5ES5 Node.js
ES5
ECMAScript6 (ES6)
const moment = require('moment-timezone');



const interval = 1000;

setInterval(()=>{

console.log(` ${moment().tz("Asia/Tokyo").format("YYYY/MM/DD
HH:mm:ss")} `);

}, interval);
ES5
ES6
ES5
ES6
Node.js
ES5
import moment from 'moment-timezone';



const interval = 1000;

setInterval(()=>{

console.log(` ${moment().tz("Asia/
Tokyo").format("YYYY/MM/DD HH:mm:ss")} `);

}, interval);
ES5ES5
Node.js
ES5
ES6ES6
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/
moment.min.js"></script>

<script src=“https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/
locale/ja.js"></script>


<script>

const interval = 1000;

document.addEventListener("DOMContentLoaded", function(e) {

var dom = document.querySelector(".timer");

setInterval(()=>{

console.log(moment().format("YYYY/MM/DD HH:mm:ss"));

dom.textContent = ` ${moment().format("YYYY/MM/DD
HH:mm:ss")} `;

}, interval);

});

</script>
</head>

<body>

<div class="timer"></div>
</body>
import moment from 'moment-timezone';



const interval = 1000;

document.addEventListener("DOMContentLoaded",
function(e) {

const dom = document.querySelector(".timer");

setInterval(()=>{

console.log(moment().tz("Asia/Tokyo").format("YYYY/
MM/DD HH:mm:ss”));


dom.textContent = ` ${moment().tz("Asia/
Tokyo").format("YYYY/MM/DD HH:mm:ss")} `;

}, interval)

});
ES5ES5 Node.js
ES5
ES6ES6 Node.js
ES6
jQuery
FrontEnd
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
Node.js をさりげなく取り入れた 最近のフロントエンド事情について

Mais conteúdo relacionado

Mais procurados

лабораторная работа 1 Исправленная
лабораторная работа 1 Исправленнаялабораторная работа 1 Исправленная
лабораторная работа 1 Исправленнаяsheplyakov
 
Jquery Preparation
Jquery PreparationJquery Preparation
Jquery Preparationumesh patil
 
JavaScript Assíncrono
JavaScript AssíncronoJavaScript Assíncrono
JavaScript AssíncronoNatã Barbosa
 
10 Programación Web con .NET y C#
10 Programación Web con .NET y C#10 Programación Web con .NET y C#
10 Programación Web con .NET y C#guidotic
 
Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)
Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)
Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)Ontico
 
第二节课:html5 – web开发步入新阶段
第二节课:html5 – web开发步入新阶段第二节课:html5 – web开发步入新阶段
第二节课:html5 – web开发步入新阶段Tommy Chang
 
Bookmarklets and you!
Bookmarklets and you!Bookmarklets and you!
Bookmarklets and you!Adam Heim
 
Working With Ajax Frameworks
Working With Ajax FrameworksWorking With Ajax Frameworks
Working With Ajax FrameworksJonathan Snook
 
Angularjs 개인견해
Angularjs 개인견해Angularjs 개인견해
Angularjs 개인견해학섭 오
 
Jquery Introduction Hebrew
Jquery Introduction HebrewJquery Introduction Hebrew
Jquery Introduction HebrewAlex Ivy
 
сумин андрей
сумин андрейсумин андрей
сумин андрейkuchinskaya
 
Analytics workshop deel 2
Analytics workshop deel 2Analytics workshop deel 2
Analytics workshop deel 2Tim Stierman
 

Mais procurados (19)

лабораторная работа 1 Исправленная
лабораторная работа 1 Исправленнаялабораторная работа 1 Исправленная
лабораторная работа 1 Исправленная
 
Jquery Preparation
Jquery PreparationJquery Preparation
Jquery Preparation
 
JavaScript Assíncrono
JavaScript AssíncronoJavaScript Assíncrono
JavaScript Assíncrono
 
10 Programación Web con .NET y C#
10 Programación Web con .NET y C#10 Programación Web con .NET y C#
10 Programación Web con .NET y C#
 
Tools20121015
Tools20121015Tools20121015
Tools20121015
 
Slay
SlaySlay
Slay
 
Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)
Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)
Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)
 
JavaScript Dynamic Loading
JavaScript Dynamic LoadingJavaScript Dynamic Loading
JavaScript Dynamic Loading
 
第二节课:html5 – web开发步入新阶段
第二节课:html5 – web开发步入新阶段第二节课:html5 – web开发步入新阶段
第二节课:html5 – web开发步入新阶段
 
Bookmarklets and you!
Bookmarklets and you!Bookmarklets and you!
Bookmarklets and you!
 
Working With Ajax Frameworks
Working With Ajax FrameworksWorking With Ajax Frameworks
Working With Ajax Frameworks
 
Load3
Load3Load3
Load3
 
Asp .net Jquery
Asp .net JqueryAsp .net Jquery
Asp .net Jquery
 
Angularjs 개인견해
Angularjs 개인견해Angularjs 개인견해
Angularjs 개인견해
 
Jquery Introduction Hebrew
Jquery Introduction HebrewJquery Introduction Hebrew
Jquery Introduction Hebrew
 
Local storages
Local storagesLocal storages
Local storages
 
сумин андрей
сумин андрейсумин андрей
сумин андрей
 
Seleccion
SeleccionSeleccion
Seleccion
 
Analytics workshop deel 2
Analytics workshop deel 2Analytics workshop deel 2
Analytics workshop deel 2
 

Mais de kamiyam .

Socket.ioとBabylonJSで作ったIoT的ななにか
Socket.ioとBabylonJSで作ったIoT的ななにかSocket.ioとBabylonJSで作ったIoT的ななにか
Socket.ioとBabylonJSで作ったIoT的ななにかkamiyam .
 
Managing multi-package repositories
Managing multi-package repositoriesManaging multi-package repositories
Managing multi-package repositorieskamiyam .
 
TypeScript + Express
TypeScript + ExpressTypeScript + Express
TypeScript + Expresskamiyam .
 
プラベワークのススメ
プラベワークのススメプラベワークのススメ
プラベワークのススメkamiyam .
 
HomeKitとNode.jsを使ってSiriでコントロールするなにか
HomeKitとNode.jsを使ってSiriでコントロールするなにかHomeKitとNode.jsを使ってSiriでコントロールするなにか
HomeKitとNode.jsを使ってSiriでコントロールするなにかkamiyam .
 
Kinectを使った インタラクティブコンテンツを作った話
Kinectを使った インタラクティブコンテンツを作った話Kinectを使った インタラクティブコンテンツを作った話
Kinectを使った インタラクティブコンテンツを作った話kamiyam .
 
Node.jsでKinectを触ろうとして色々しくじった話
Node.jsでKinectを触ろうとして色々しくじった話Node.jsでKinectを触ろうとして色々しくじった話
Node.jsでKinectを触ろうとして色々しくじった話kamiyam .
 
ヒカ☆ラボ@Osaka NodeBotsハンズオン
ヒカ☆ラボ@Osaka NodeBotsハンズオンヒカ☆ラボ@Osaka NodeBotsハンズオン
ヒカ☆ラボ@Osaka NodeBotsハンズオンkamiyam .
 
JavaScript Performance 20160723
JavaScript Performance 20160723JavaScript Performance 20160723
JavaScript Performance 20160723kamiyam .
 
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界kamiyam .
 
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About CalypsoWordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypsokamiyam .
 
Async Enhancement
Async EnhancementAsync Enhancement
Async Enhancementkamiyam .
 
はじめてのVue.js
はじめてのVue.jsはじめてのVue.js
はじめてのVue.jskamiyam .
 
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript FrameworkNode.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Frameworkkamiyam .
 
Scalable Node.js with Redis Store
Scalable Node.js with Redis StoreScalable Node.js with Redis Store
Scalable Node.js with Redis Storekamiyam .
 
Gruntの罪と罰
Gruntの罪と罰Gruntの罪と罰
Gruntの罪と罰kamiyam .
 
Node.js勉強会 Framework Koa
Node.js勉強会 Framework KoaNode.js勉強会 Framework Koa
Node.js勉強会 Framework Koakamiyam .
 
知っているつもりで実は知らない 拾う技術捨てる技術
知っているつもりで実は知らない 拾う技術捨てる技術知っているつもりで実は知らない 拾う技術捨てる技術
知っているつもりで実は知らない 拾う技術捨てる技術kamiyam .
 
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境 PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境 kamiyam .
 

Mais de kamiyam . (20)

Socket.ioとBabylonJSで作ったIoT的ななにか
Socket.ioとBabylonJSで作ったIoT的ななにかSocket.ioとBabylonJSで作ったIoT的ななにか
Socket.ioとBabylonJSで作ったIoT的ななにか
 
Managing multi-package repositories
Managing multi-package repositoriesManaging multi-package repositories
Managing multi-package repositories
 
TypeScript + Express
TypeScript + ExpressTypeScript + Express
TypeScript + Express
 
プラベワークのススメ
プラベワークのススメプラベワークのススメ
プラベワークのススメ
 
kyoto.js13
kyoto.js13kyoto.js13
kyoto.js13
 
HomeKitとNode.jsを使ってSiriでコントロールするなにか
HomeKitとNode.jsを使ってSiriでコントロールするなにかHomeKitとNode.jsを使ってSiriでコントロールするなにか
HomeKitとNode.jsを使ってSiriでコントロールするなにか
 
Kinectを使った インタラクティブコンテンツを作った話
Kinectを使った インタラクティブコンテンツを作った話Kinectを使った インタラクティブコンテンツを作った話
Kinectを使った インタラクティブコンテンツを作った話
 
Node.jsでKinectを触ろうとして色々しくじった話
Node.jsでKinectを触ろうとして色々しくじった話Node.jsでKinectを触ろうとして色々しくじった話
Node.jsでKinectを触ろうとして色々しくじった話
 
ヒカ☆ラボ@Osaka NodeBotsハンズオン
ヒカ☆ラボ@Osaka NodeBotsハンズオンヒカ☆ラボ@Osaka NodeBotsハンズオン
ヒカ☆ラボ@Osaka NodeBotsハンズオン
 
JavaScript Performance 20160723
JavaScript Performance 20160723JavaScript Performance 20160723
JavaScript Performance 20160723
 
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
 
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About CalypsoWordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypso
 
Async Enhancement
Async EnhancementAsync Enhancement
Async Enhancement
 
はじめてのVue.js
はじめてのVue.jsはじめてのVue.js
はじめてのVue.js
 
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript FrameworkNode.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
 
Scalable Node.js with Redis Store
Scalable Node.js with Redis StoreScalable Node.js with Redis Store
Scalable Node.js with Redis Store
 
Gruntの罪と罰
Gruntの罪と罰Gruntの罪と罰
Gruntの罪と罰
 
Node.js勉強会 Framework Koa
Node.js勉強会 Framework KoaNode.js勉強会 Framework Koa
Node.js勉強会 Framework Koa
 
知っているつもりで実は知らない 拾う技術捨てる技術
知っているつもりで実は知らない 拾う技術捨てる技術知っているつもりで実は知らない 拾う技術捨てる技術
知っているつもりで実は知らない 拾う技術捨てる技術
 
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境 PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
 

Node.js をさりげなく取り入れた 最近のフロントエンド事情について