Submit Search
Upload
LiveStyle for Vim - Quick start
•
15 likes
•
4,921 views
Tomokazu Kiyohara
Follow
LiveStyle for Vim の使い方。 kanazawa.rb meetup 12 発表資料。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 48
Download now
Download to read offline
Recommended
Pentago on Wave
Pentago on Wave
Lim Chee Aun
Notas link
Notas link
José Carlos Ipanaqué Baluarte
WordPress の可能性
WordPress の可能性
Naoko Takano
Tech 20 Session 10
Tech 20 Session 10
Greg Dhuyvetter
(Responsive) Video
(Responsive) Video
Walter Ebert
How to open Sony Cyber-shot videos for playing and editing on Mac?
How to open Sony Cyber-shot videos for playing and editing on Mac?
snowgirlboy
Video and audio
Video and audio
Iestyn Williams
FRCC MAT050 Working with Exponents (Sect 1.10)
FRCC MAT050 Working with Exponents (Sect 1.10)
cccscoetc
Recommended
Pentago on Wave
Pentago on Wave
Lim Chee Aun
Notas link
Notas link
José Carlos Ipanaqué Baluarte
WordPress の可能性
WordPress の可能性
Naoko Takano
Tech 20 Session 10
Tech 20 Session 10
Greg Dhuyvetter
(Responsive) Video
(Responsive) Video
Walter Ebert
How to open Sony Cyber-shot videos for playing and editing on Mac?
How to open Sony Cyber-shot videos for playing and editing on Mac?
snowgirlboy
Video and audio
Video and audio
Iestyn Williams
FRCC MAT050 Working with Exponents (Sect 1.10)
FRCC MAT050 Working with Exponents (Sect 1.10)
cccscoetc
Why it's dangerous to turn off automatic updates and here's how to do it
Why it's dangerous to turn off automatic updates and here's how to do it
Onni Hakala
Vim再入門
Vim再入門
bleis tift
WordPress Development: Tracking Your Code With Version Control
WordPress Development: Tracking Your Code With Version Control
Sterling Hamilton
OpenWhisk Under the Hood -- London Oct 16 2016
OpenWhisk Under the Hood -- London Oct 16 2016
Stephen Fink
HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well
Anna Migas
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
🎤 Hanno Embregts 🎸
Magento 2 web p image support
Magento 2 web p image support
TheMagicians
Xke - Introduction to Apache Camel
Xke - Introduction to Apache Camel
Alexis Kinsella
Jump into Squeak - Integrate Squeak projects with Docker & Github
Jump into Squeak - Integrate Squeak projects with Docker & Github
hubx
Building Mobile Friendly APIs in Rails
Building Mobile Friendly APIs in Rails
Jim Jeffers
Start Vim script @Ujihisa.vim 2011/11/19
Start Vim script @Ujihisa.vim 2011/11/19
Akihiro Okuno
Python Programming Essentials - M4 - Editors and IDEs
Python Programming Essentials - M4 - Editors and IDEs
P3 InfoTech Solutions Pvt. Ltd.
Firefox Developer Tools
Firefox Developer Tools
dynamis
Building a social network in under 4 weeks with Serverless and GraphQL
Building a social network in under 4 weeks with Serverless and GraphQL
Yan Cui
Introduction to Vim
Introduction to Vim
Brandon Liu
Hands on training on DbFit Part-II
Hands on training on DbFit Part-II
Babul Mirdha
Google Web Toolkits
Google Web Toolkits
Yiguang Hu
WordPress Ann Arbor: WP Tips and Tricks
WordPress Ann Arbor: WP Tips and Tricks
oneilldec
WebRTC Live Q&A and Screen Capture session 3
WebRTC Live Q&A and Screen Capture session 3
Amir Zmora
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Codemotion
JavaScript で OS X を自動操作
JavaScript で OS X を自動操作
Tomokazu Kiyohara
Google Cloud Platform を支える技術 …のごく一部
Google Cloud Platform を支える技術 …のごく一部
Tomokazu Kiyohara
More Related Content
Similar to LiveStyle for Vim - Quick start
Why it's dangerous to turn off automatic updates and here's how to do it
Why it's dangerous to turn off automatic updates and here's how to do it
Onni Hakala
Vim再入門
Vim再入門
bleis tift
WordPress Development: Tracking Your Code With Version Control
WordPress Development: Tracking Your Code With Version Control
Sterling Hamilton
OpenWhisk Under the Hood -- London Oct 16 2016
OpenWhisk Under the Hood -- London Oct 16 2016
Stephen Fink
HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well
Anna Migas
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
🎤 Hanno Embregts 🎸
Magento 2 web p image support
Magento 2 web p image support
TheMagicians
Xke - Introduction to Apache Camel
Xke - Introduction to Apache Camel
Alexis Kinsella
Jump into Squeak - Integrate Squeak projects with Docker & Github
Jump into Squeak - Integrate Squeak projects with Docker & Github
hubx
Building Mobile Friendly APIs in Rails
Building Mobile Friendly APIs in Rails
Jim Jeffers
Start Vim script @Ujihisa.vim 2011/11/19
Start Vim script @Ujihisa.vim 2011/11/19
Akihiro Okuno
Python Programming Essentials - M4 - Editors and IDEs
Python Programming Essentials - M4 - Editors and IDEs
P3 InfoTech Solutions Pvt. Ltd.
Firefox Developer Tools
Firefox Developer Tools
dynamis
Building a social network in under 4 weeks with Serverless and GraphQL
Building a social network in under 4 weeks with Serverless and GraphQL
Yan Cui
Introduction to Vim
Introduction to Vim
Brandon Liu
Hands on training on DbFit Part-II
Hands on training on DbFit Part-II
Babul Mirdha
Google Web Toolkits
Google Web Toolkits
Yiguang Hu
WordPress Ann Arbor: WP Tips and Tricks
WordPress Ann Arbor: WP Tips and Tricks
oneilldec
WebRTC Live Q&A and Screen Capture session 3
WebRTC Live Q&A and Screen Capture session 3
Amir Zmora
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Codemotion
Similar to LiveStyle for Vim - Quick start
(20)
Why it's dangerous to turn off automatic updates and here's how to do it
Why it's dangerous to turn off automatic updates and here's how to do it
Vim再入門
Vim再入門
WordPress Development: Tracking Your Code With Version Control
WordPress Development: Tracking Your Code With Version Control
OpenWhisk Under the Hood -- London Oct 16 2016
OpenWhisk Under the Hood -- London Oct 16 2016
HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
Magento 2 web p image support
Magento 2 web p image support
Xke - Introduction to Apache Camel
Xke - Introduction to Apache Camel
Jump into Squeak - Integrate Squeak projects with Docker & Github
Jump into Squeak - Integrate Squeak projects with Docker & Github
Building Mobile Friendly APIs in Rails
Building Mobile Friendly APIs in Rails
Start Vim script @Ujihisa.vim 2011/11/19
Start Vim script @Ujihisa.vim 2011/11/19
Python Programming Essentials - M4 - Editors and IDEs
Python Programming Essentials - M4 - Editors and IDEs
Firefox Developer Tools
Firefox Developer Tools
Building a social network in under 4 weeks with Serverless and GraphQL
Building a social network in under 4 weeks with Serverless and GraphQL
Introduction to Vim
Introduction to Vim
Hands on training on DbFit Part-II
Hands on training on DbFit Part-II
Google Web Toolkits
Google Web Toolkits
WordPress Ann Arbor: WP Tips and Tricks
WordPress Ann Arbor: WP Tips and Tricks
WebRTC Live Q&A and Screen Capture session 3
WebRTC Live Q&A and Screen Capture session 3
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
More from Tomokazu Kiyohara
JavaScript で OS X を自動操作
JavaScript で OS X を自動操作
Tomokazu Kiyohara
Google Cloud Platform を支える技術 …のごく一部
Google Cloud Platform を支える技術 …のごく一部
Tomokazu Kiyohara
イベント継続のコツ
イベント継続のコツ
Tomokazu Kiyohara
Web API をデバックするときに必要なたったひとつのこと
Web API をデバックするときに必要なたったひとつのこと
Tomokazu Kiyohara
明日から使えるコーディングツール
明日から使えるコーディングツール
Tomokazu Kiyohara
Atom.io Quick Scripting
Atom.io Quick Scripting
Tomokazu Kiyohara
Text-Objects - vim's elegant function
Text-Objects - vim's elegant function
Tomokazu Kiyohara
こわくないプルリク
こわくないプルリク
Tomokazu Kiyohara
Github's HUB
Github's HUB
Tomokazu Kiyohara
対サイバー攻撃アラートシステム “DAEDALUS”(ダイダロス)の紹介
対サイバー攻撃アラートシステム “DAEDALUS”(ダイダロス)の紹介
Tomokazu Kiyohara
Beginner's Sinatra
Beginner's Sinatra
Tomokazu Kiyohara
Compact Web - Remind "web compression" -
Compact Web - Remind "web compression" -
Tomokazu Kiyohara
Zen coding15min
Zen coding15min
Tomokazu Kiyohara
USTREAMの視聴率を上げよう!
USTREAMの視聴率を上げよう!
Tomokazu Kiyohara
JavaScript Dynamic Loading
JavaScript Dynamic Loading
Tomokazu Kiyohara
More from Tomokazu Kiyohara
(15)
JavaScript で OS X を自動操作
JavaScript で OS X を自動操作
Google Cloud Platform を支える技術 …のごく一部
Google Cloud Platform を支える技術 …のごく一部
イベント継続のコツ
イベント継続のコツ
Web API をデバックするときに必要なたったひとつのこと
Web API をデバックするときに必要なたったひとつのこと
明日から使えるコーディングツール
明日から使えるコーディングツール
Atom.io Quick Scripting
Atom.io Quick Scripting
Text-Objects - vim's elegant function
Text-Objects - vim's elegant function
こわくないプルリク
こわくないプルリク
Github's HUB
Github's HUB
対サイバー攻撃アラートシステム “DAEDALUS”(ダイダロス)の紹介
対サイバー攻撃アラートシステム “DAEDALUS”(ダイダロス)の紹介
Beginner's Sinatra
Beginner's Sinatra
Compact Web - Remind "web compression" -
Compact Web - Remind "web compression" -
Zen coding15min
Zen coding15min
USTREAMの視聴率を上げよう!
USTREAMの視聴率を上げよう!
JavaScript Dynamic Loading
JavaScript Dynamic Loading
Recently uploaded
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vázquez
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
Boston Institute of Analytics
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Roshan Dwivedi
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Andrey Devyatkin
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
Khushali Kathiriya
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Recently uploaded
(20)
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
LiveStyle for Vim - Quick start
1.
LiveStyle for Vim Quick
start 2013/08/24 - kanazawa.rb meetup 12
2.
Emmet LiveStyle http://livestyle.emmet.io/ "Instant updates:
see changes as-you-type. No file saving, no page reloading."
3.
Demo Movie http://www.youtube.com/watch?v=iQLhGbkupS4
4.
Quick start http://livestyle.emmet.io/usage/ "1. Install
“LiveStyle” plugin from Package Control in Sublime Text."
5.
Quick start http://livestyle.emmet.io/usage/ "1. Install
“LiveStyle” plugin from Package Control in Sublime Text."
6.
7.
8.
LiveStyle for Vim https://github.com/mattn/livestyle-vim
9.
LiveStyle for Vim https://github.com/mattn/livestyle-vim http://mattn.kaoriya.net/ mattn_jp
10.
LiveStyle for Vim http://mattn.kaoriya.net/ mattn_jp https://github.com/mattn/livestyle-vim also
Emmet.vim http://mattn.github.io/emmet-vim/
11.
Quick start for
Vim
12.
Quick start for
Vim Vim livestyle-vim livestyled (included in livestyle-vim) Google Chrome LiveStyle Extension
13.
Quick start for
Vim Vim livestyle-vim livestyled (included in livestyle-vim) Google Chrome LiveStyle Extension
14.
livestyle-vim Vundle.vim Bundle 'mattn/livestyle-vim' NeoBundle.vim NeoBundle 'mattn/livestyle-vim'
15.
Quick start for
Vim Vim livestyle-vim livestyled (included in livestyle-vim) Google Chrome LiveStyle Extension
16.
livestyled LiveStyle connection handling
server Compile required ${bundle_dir}/livestyle-vim/livestyled/livestyled.go
17.
livestyled LiveStyle connection handling
server Compile required ${bundle_dir}/livestyle-vim/livestyled/livestyled.go
18.
Setup Go lang
(osx) $ brew install go
19.
Setup depend libs
(osx) $ brew install mercurial $ mkdir ~/.go $ export GOPATH=~/.go $ go get code.google.com/p/go.net/websocket
20.
Compile livestyled $ cd
${bundle_dir}/livestyle-vim/livestyled $ go build livestyled.go
21.
Quick start for
Vim Vim livestyle-vim livestyled (included in livestyle-vim) Google Chrome LiveStyle Extension
22.
LiveStyle Extension https://chrome.google.com/webstore/detail/emmet- livestyle/diebikgmpmeppiilkaijjbdgciafajmg
23.
LiveStyle Extension https://chrome.google.com/webstore/ Search 'Emmet
LiveStyle'
24.
How to Use
25.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
26.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
27.
Access site w/
Chrome
28.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
29.
Open Developer tool(LiveStyle
Panel)
30.
Open Developer tool(LiveStyle
Panel)
31.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
32.
Launch Vim &
livestyled
33.
Launch Vim &
livestyled
34.
Launch Vim &
livestyled
35.
Launch Vim &
livestyled
36.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
37.
Bind css via
LiveStyle panel
38.
Bind css via
LiveStyle panel
39.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
40.
Edit Edit Edit
41.
Edit Edit Edit
42.
Caution
43.
Restriction
44.
Happy coding !!
45.
"kanazawa.rb ?"
46.
scss/sass supported
47.
scss/sass supported scss/sass command
required set ft=scss/sass Heavy ...
48.
Thank you Tomokazu Kiyohara http://github.com/kiyohara http://facebook.com/tomokazu.kiyohara
Download now