Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LiveStyle for Vim - Quick start
Search
Tomokazu Kiyohara
August 24, 2013
Technology
0
120
LiveStyle for Vim - Quick start
LiveStyle for Vim の使い方。
kanazawa.rb meetup 12 発表資料。
Tomokazu Kiyohara
August 24, 2013
Tweet
Share
More Decks by Tomokazu Kiyohara
See All by Tomokazu Kiyohara
首負担皆無!ゼログラビティ プログラミングスタイル
kiyohara
0
280
北陸で Ruby なお仕事に携わるための3つの戦略
kiyohara
1
1.5k
Algolia in CAMPFIRE
kiyohara
0
3.3k
地方エンジニアの日常 - 業務からコミュニティ活動まで
kiyohara
0
240
Web to macOS native app
kiyohara
0
320
金沢アプリ開発塾セミナー資料「テストについて」
kiyohara
1
210
Git インフラ選定事例 - 株式会社クルウィットが GitHub を選んだ理由
kiyohara
0
430
ベッドで技術書を快適に読むただひとつの方法
kiyohara
19
23k
JavaScript で OS X を自動操作
kiyohara
1
450
Other Decks in Technology
See All in Technology
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
AWSでRAGを作る法方
sonoda_mj
1
140
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
「単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる」のか検証してみた
terara
0
380
AOAI Dev Day - Opening Session
yoshidashingo
2
440
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
AOAI Dev Day LLMシステム開発 Tips集
hirosatogamo
15
3.7k
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
150
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
Gamification - CAS2011
davidbonilla
78
4.9k
The Cult of Friendly URLs
andyhume
75
5.9k
Designing the Hi-DPI Web
ddemaree
276
34k
A designer walks into a library…
pauljervisheath
201
24k
Designing for humans not robots
tammielis
247
25k
How STYLIGHT went responsive
nonsquared
93
5k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Leading Effective Engineering Teams 2024
addyosmani
3
300
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
A Philosophy of Restraint
colly
200
16k
Transcript
LiveStyle for Vim Quick start 2013/08/24 - kanazawa.rb meetup 12
Emmet LiveStyle http://livestyle.emmet.io/ "Instant updates: see changes as-you-type. No file
saving, no page reloading."
Demo Movie http://www.youtube.com/watch?v=iQLhGbkupS4
Quick start http://livestyle.emmet.io/usage/ "1. Install “LiveStyle” plugin from Package Control
in Sublime Text."
Quick start http://livestyle.emmet.io/usage/ "1. Install “LiveStyle” plugin from Package Control
in Sublime Text."
None
None
LiveStyle for Vim https://github.com/mattn/livestyle-vim
LiveStyle for Vim https://github.com/mattn/livestyle-vim http://mattn.kaoriya.net/ mattn_jp
LiveStyle for Vim http://mattn.kaoriya.net/ mattn_jp https://github.com/mattn/livestyle-vim also Emmet.vim http://mattn.github.io/emmet-vim/
Quick start for Vim
Quick start for Vim Vim livestyle-vim livestyled (included in livestyle-vim)
Google Chrome LiveStyle Extension
Quick start for Vim Vim livestyle-vim livestyled (included in livestyle-vim)
Google Chrome LiveStyle Extension
livestyle-vim Vundle.vim Bundle 'mattn/livestyle-vim' NeoBundle.vim NeoBundle 'mattn/livestyle-vim'
Quick start for Vim Vim livestyle-vim livestyled (included in livestyle-vim)
Google Chrome LiveStyle Extension
livestyled LiveStyle connection handling server Compile required ${bundle_dir}/livestyle-vim/livestyled/livestyled.go
livestyled LiveStyle connection handling server Compile required ${bundle_dir}/livestyle-vim/livestyled/livestyled.go
Setup Go lang (osx) $ brew install go
Setup depend libs (osx) $ brew install mercurial $ mkdir
~/.go $ export GOPATH=~/.go $ go get code.google.com/p/go.net/websocket
Compile livestyled $ cd ${bundle_dir}/livestyle-vim/livestyled $ go build livestyle.go
Quick start for Vim Vim livestyle-vim livestyled (included in livestyle-vim)
Google Chrome LiveStyle Extension
LiveStyle Extension https://chrome.google.com/webstore/detail/emmet- livestyle/diebikgmpmeppiilkaijjbdgciafajmg
LiveStyle Extension https://chrome.google.com/webstore/ Search 'Emmet LiveStyle'
How to Use
Flow Access site w/ Chrome Open Developer tool (LiveStyle panel)
Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
Flow Access site w/ Chrome Open Developer tool (LiveStyle panel)
Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
Access site w/ Chrome
Flow Access site w/ Chrome Open Developer tool (LiveStyle panel)
Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
Open Developer tool(LiveStyle Panel)
Open Developer tool(LiveStyle Panel)
Flow Access site w/ Chrome Open Developer tool (LiveStyle panel)
Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
Launch Vim & livestyled
Launch Vim & livestyled
Launch Vim & livestyled
Launch Vim & livestyled
Flow Access site w/ Chrome Open Developer tool (LiveStyle panel)
Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
Bind css via LiveStyle panel
Bind css via LiveStyle panel
Flow Access site w/ Chrome Open Developer tool (LiveStyle panel)
Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
Edit Edit Edit
Edit Edit Edit
Caution
Restriction
Happy coding !!
"kanazawa.rb ?"
scss/sass supported
scss/sass supported scss/sass command required set ft=scss/sass Heavy ...
Thank you Tomokazu Kiyohara http://github.com/kiyohara http://facebook.com/tomokazu.kiyohara