SlideShare une entreprise Scribd logo

マイクロインタラクション事始め以前

•
•
Koji Ishimoto
Koji Ishimoto

先日、とある社内勉強会にて発表する機会があったので書き残しておく。要は、最近のフロントエンド開発の流れに疲れて、もうちょっと違う方向で頑張ろうと思った話。 http://t32k.me/mol/log/microinteractions/

Design
1  sur  43
Télécharger pour lire hors ligne
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前
マイクロインタラクション事始め以前

Recommandé

フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜Koji Ishimoto
 
jQuery勉強会#4
jQuery勉強会#4jQuery勉強会#4
jQuery勉強会#4Ryo Maruyama
 
JavaScript/CSS 2015 Autumn
JavaScript/CSS 2015 AutumnJavaScript/CSS 2015 Autumn
JavaScript/CSS 2015 AutumnKoji Ishimoto
 
React UI Development: Introduction to "UI Component as API"
React UI Development: Introduction to "UI Component as API"React UI Development: Introduction to "UI Component as API"
React UI Development: Introduction to "UI Component as API"Itaru Kitagawa
 
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06Yahoo!デベロッパーネットワーク
 
Evaluating your stylesheets
Evaluating your stylesheetsEvaluating your stylesheets
Evaluating your stylesheetsKoji Ishimoto
 
Micro Interactions
Micro InteractionsMicro Interactions
Micro InteractionsDavid Armano
 
FileReader and canvas and server silde
FileReader and canvas and server sildeFileReader and canvas and server silde
FileReader and canvas and server sildeNet Kanayan
 

Recommandé

フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜Koji Ishimoto
 
jQuery勉強会#4
jQuery勉強会#4jQuery勉強会#4
jQuery勉強会#4Ryo Maruyama
 
JavaScript/CSS 2015 Autumn
JavaScript/CSS 2015 AutumnJavaScript/CSS 2015 Autumn
JavaScript/CSS 2015 AutumnKoji Ishimoto
 
React UI Development: Introduction to "UI Component as API"
React UI Development: Introduction to "UI Component as API"React UI Development: Introduction to "UI Component as API"
React UI Development: Introduction to "UI Component as API"Itaru Kitagawa
 
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06Yahoo!デベロッパーネットワーク
 
Evaluating your stylesheets
Evaluating your stylesheetsEvaluating your stylesheets
Evaluating your stylesheetsKoji Ishimoto
 
Micro Interactions
Micro InteractionsMicro Interactions
Micro InteractionsDavid Armano
 
FileReader and canvas and server silde
FileReader and canvas and server sildeFileReader and canvas and server silde
FileReader and canvas and server sildeNet Kanayan
 
Getting started with ES6 : Future of javascript
Getting started with ES6 : Future of javascriptGetting started with ES6 : Future of javascript
Getting started with ES6 : Future of javascriptMohd Saeed
 
JavaScript.Next Returns
JavaScript.Next ReturnsJavaScript.Next Returns
JavaScript.Next Returnsdynamis
 
150421 es6とかな話
150421 es6とかな話150421 es6とかな話
150421 es6とかな話kotaro_hirayama
 
JavaScript 実践講座 Framework, Tool, Performance
JavaScript 実践講座 Framework, Tool, PerformanceJavaScript 実践講座 Framework, Tool, Performance
JavaScript 実践講座 Framework, Tool, Performanceクラスメソッド株式会社
 
Prototypeベース in JavaScript
Prototypeベース in JavaScriptPrototypeベース in JavaScript
Prototypeベース in JavaScriptRyo Maruyama
 
kontainer-js
kontainer-jskontainer-js
kontainer-jsKuu Miyazaki
 
ES6 - JavaCro 2016
ES6 - JavaCro 2016ES6 - JavaCro 2016
ES6 - JavaCro 2016Nenad Pecanac
 
JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6Aayush Shrestha
 
ES6 はじめました
ES6 はじめましたES6 はじめました
ES6 はじめましたNet Kanayan
 
Startup JavaScript
Startup JavaScriptStartup JavaScript
Startup JavaScriptAkinari Tsugo
 
はじめてのWallaby.js
はじめてのWallaby.jsはじめてのWallaby.js
はじめてのWallaby.jsShunta Saito
 
Google App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろうGoogle App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろうkenji4569
 
ECMAScript 6 Features（PDF 版）
ECMAScript 6 Features（PDF 版）ECMAScript 6 Features（PDF 版）
ECMAScript 6 Features（PDF 版）taskie
 
US進出でのAndroid開発inメルカリ Mercari US App Development
US進出でのAndroid開発inメルカリ Mercari US App Development US進出でのAndroid開発inメルカリ Mercari US App Development
US進出でのAndroid開発inメルカリ Mercari US App Development Tomoaki Imai
 
断言して間違えると信頼度が低下するというベイズの話
断言して間違えると信頼度が低下するというベイズの話断言して間違えると信頼度が低下するというベイズの話
断言して間違えると信頼度が低下するというベイズの話Junya Hayashi
 
Hello npm
Hello npmHello npm
Hello npmMuyuu Fujita
 
Nds meetup8 lt
Nds meetup8 ltNds meetup8 lt
Nds meetup8 ltushiboy
 
アニメーションの実装つらい話
アニメーションの実装つらい話アニメーションの実装つらい話
アニメーションの実装つらい話kata shin
 
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6Haraguchi Go
 
Learn ES2015
Learn ES2015Learn ES2015
Learn ES2015Muyuu Fujita
 
WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門Koji Ishimoto
 
パフォーマンスから考えるSass/Compassの導入・運用
パフォーマンスから考えるSass/Compassの導入・運用パフォーマンスから考えるSass/Compassの導入・運用
パフォーマンスから考えるSass/Compassの導入・運用Koji Ishimoto
 

Contenu connexe

En vedette

Getting started with ES6 : Future of javascript
Getting started with ES6 : Future of javascriptGetting started with ES6 : Future of javascript
Getting started with ES6 : Future of javascriptMohd Saeed
 
JavaScript.Next Returns
JavaScript.Next ReturnsJavaScript.Next Returns
JavaScript.Next Returnsdynamis
 
Prototypeベース in JavaScript
Prototypeベース in JavaScriptPrototypeベース in JavaScript
Prototypeベース in JavaScriptRyo Maruyama
 
JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6Aayush Shrestha
 
ES6 はじめました
ES6 はじめましたES6 はじめました
ES6 はじめましたNet Kanayan
 
はじめてのWallaby.js
はじめてのWallaby.jsはじめてのWallaby.js
はじめてのWallaby.jsShunta Saito
 
Google App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろうGoogle App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろうkenji4569
 
ECMAScript 6 Features（PDF 版）
ECMAScript 6 Features（PDF 版）ECMAScript 6 Features（PDF 版）
ECMAScript 6 Features（PDF 版）taskie
 
US進出でのAndroid開発inメルカリ Mercari US App Development
US進出でのAndroid開発inメルカリ Mercari US App Development US進出でのAndroid開発inメルカリ Mercari US App Development
US進出でのAndroid開発inメルカリ Mercari US App Development Tomoaki Imai
 
断言して間違えると信頼度が低下するというベイズの話
断言して間違えると信頼度が低下するというベイズの話断言して間違えると信頼度が低下するというベイズの話
断言して間違えると信頼度が低下するというベイズの話Junya Hayashi
 
Nds meetup8 lt
Nds meetup8 ltNds meetup8 lt
Nds meetup8 ltushiboy
 
アニメーションの実装つらい話
アニメーションの実装つらい話アニメーションの実装つらい話
アニメーションの実装つらい話kata shin
 
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6Haraguchi Go
 

En vedette (20)

Getting started with ES6 : Future of javascript
Getting started with ES6 : Future of javascriptGetting started with ES6 : Future of javascript
Getting started with ES6 : Future of javascript
 
JavaScript.Next Returns
JavaScript.Next ReturnsJavaScript.Next Returns
JavaScript.Next Returns
 
150421 es6とかな話
150421 es6とかな話150421 es6とかな話
150421 es6とかな話
 
JavaScript 実践講座 Framework, Tool, Performance
JavaScript 実践講座 Framework, Tool, PerformanceJavaScript 実践講座 Framework, Tool, Performance
JavaScript 実践講座 Framework, Tool, Performance
 
Prototypeベース in JavaScript
Prototypeベース in JavaScriptPrototypeベース in JavaScript
Prototypeベース in JavaScript
 
kontainer-js
kontainer-jskontainer-js
kontainer-js
 
ES6 - JavaCro 2016
ES6 - JavaCro 2016ES6 - JavaCro 2016
ES6 - JavaCro 2016
 
JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6
 
ES6 はじめました
ES6 はじめましたES6 はじめました
ES6 はじめました
 
Startup JavaScript
Startup JavaScriptStartup JavaScript
Startup JavaScript
 
はじめてのWallaby.js
はじめてのWallaby.jsはじめてのWallaby.js
はじめてのWallaby.js
 
Google App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろうGoogle App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろう
 
ECMAScript 6 Features（PDF 版）
ECMAScript 6 Features（PDF 版）ECMAScript 6 Features（PDF 版）
ECMAScript 6 Features（PDF 版）
 
US進出でのAndroid開発inメルカリ Mercari US App Development
US進出でのAndroid開発inメルカリ Mercari US App Development US進出でのAndroid開発inメルカリ Mercari US App Development
US進出でのAndroid開発inメルカリ Mercari US App Development
 
断言して間違えると信頼度が低下するというベイズの話
断言して間違えると信頼度が低下するというベイズの話断言して間違えると信頼度が低下するというベイズの話
断言して間違えると信頼度が低下するというベイズの話
 
Hello npm
Hello npmHello npm
Hello npm
 
Nds meetup8 lt
Nds meetup8 ltNds meetup8 lt
Nds meetup8 lt
 
アニメーションの実装つらい話
アニメーションの実装つらい話アニメーションの実装つらい話
アニメーションの実装つらい話
 
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6
Bacon.jsではじめる関数型リアアクティブプログラミング入門 with ES6
 
Learn ES2015
Learn ES2015Learn ES2015
Learn ES2015
 

Plus de Koji Ishimoto

WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門Koji Ishimoto
 
パフォーマンスから考えるSass/Compassの導入・運用
パフォーマンスから考えるSass/Compassの導入・運用パフォーマンスから考えるSass/Compassの導入・運用
パフォーマンスから考えるSass/Compassの導入・運用Koji Ishimoto
 
モバイル制作におけるパフォーマンス最適化について
モバイル制作におけるパフォーマンス最適化についてモバイル制作におけるパフォーマンス最適化について
モバイル制作におけるパフォーマンス最適化についてKoji Ishimoto
 
Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -
Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -
Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -Koji Ishimoto
 
スマートフォンWebアプリ最適化”３つの極意”
スマートフォンWebアプリ最適化”３つの極意”スマートフォンWebアプリ最適化”３つの極意”
スマートフォンWebアプリ最適化”３つの極意”Koji Ishimoto
 
大規模サイトにおけるGoogleアナリティクス導入から成果まで
大規模サイトにおけるGoogleアナリティクス導入から成果まで大規模サイトにおけるGoogleアナリティクス導入から成果まで
大規模サイトにおけるGoogleアナリティクス導入から成果までKoji Ishimoto
 
Using Google Analytics with jQuery Mobile
Using Google Analytics with jQuery MobileUsing Google Analytics with jQuery Mobile
Using Google Analytics with jQuery MobileKoji Ishimoto
 
Communities of Practice – kanazawa.js結成までの軌跡 -
Communities of Practice – kanazawa.js結成までの軌跡 -Communities of Practice – kanazawa.js結成までの軌跡 -
Communities of Practice – kanazawa.js結成までの軌跡 -Koji Ishimoto
 
Long Life Web Performance Optimization
Long Life Web Performance OptimizationLong Life Web Performance Optimization
Long Life Web Performance OptimizationKoji Ishimoto
 
Coding Web Performance
Coding Web PerformanceCoding Web Performance
Coding Web PerformanceKoji Ishimoto
 
ビジネスにおけるウェブパフォーマンス
ビジネスにおけるウェブパフォーマンスビジネスにおけるウェブパフォーマンス
ビジネスにおけるウェブパフォーマンスKoji Ishimoto
 
High Performance Web Design
High Performance Web DesignHigh Performance Web Design
High Performance Web DesignKoji Ishimoto
 
Webスライスから始めるmicroformats
Webスライスから始めるmicroformatsWebスライスから始めるmicroformats
Webスライスから始めるmicroformatsKoji Ishimoto
 

Plus de Koji Ishimoto (16)

WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門
 
パフォーマンスから考えるSass/Compassの導入・運用
パフォーマンスから考えるSass/Compassの導入・運用パフォーマンスから考えるSass/Compassの導入・運用
パフォーマンスから考えるSass/Compassの導入・運用
 
モバイル制作におけるパフォーマンス最適化について
モバイル制作におけるパフォーマンス最適化についてモバイル制作におけるパフォーマンス最適化について
モバイル制作におけるパフォーマンス最適化について
 
Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -
Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -
Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -
 
スマートフォンWebアプリ最適化”３つの極意”
スマートフォンWebアプリ最適化”３つの極意”スマートフォンWebアプリ最適化”３つの極意”
スマートフォンWebアプリ最適化”３つの極意”
 
TumblrTouch
TumblrTouchTumblrTouch
TumblrTouch
 
大規模サイトにおけるGoogleアナリティクス導入から成果まで
大規模サイトにおけるGoogleアナリティクス導入から成果まで大規模サイトにおけるGoogleアナリティクス導入から成果まで
大規模サイトにおけるGoogleアナリティクス導入から成果まで
 
tissa for iOS
tissa for iOStissa for iOS
tissa for iOS
 
Using Google Analytics with jQuery Mobile
Using Google Analytics with jQuery MobileUsing Google Analytics with jQuery Mobile
Using Google Analytics with jQuery Mobile
 
mobile first
mobile firstmobile first
mobile first
 
Communities of Practice – kanazawa.js結成までの軌跡 -
Communities of Practice – kanazawa.js結成までの軌跡 -Communities of Practice – kanazawa.js結成までの軌跡 -
Communities of Practice – kanazawa.js結成までの軌跡 -
 
Long Life Web Performance Optimization
Long Life Web Performance OptimizationLong Life Web Performance Optimization
Long Life Web Performance Optimization
 
Coding Web Performance
Coding Web PerformanceCoding Web Performance
Coding Web Performance
 
ビジネスにおけるウェブパフォーマンス
ビジネスにおけるウェブパフォーマンスビジネスにおけるウェブパフォーマンス
ビジネスにおけるウェブパフォーマンス
 
High Performance Web Design
High Performance Web DesignHigh Performance Web Design
High Performance Web Design
 
Webスライスから始めるmicroformats
Webスライスから始めるmicroformatsWebスライスから始めるmicroformats
Webスライスから始めるmicroformats