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
260
北陸で Ruby なお仕事に携わるための3つの戦略
kiyohara
1
1.5k
Algolia in CAMPFIRE
kiyohara
0
3.2k
地方エンジニアの日常 - 業務からコミュニティ活動まで
kiyohara
0
220
Web to macOS native app
kiyohara
0
290
金沢アプリ開発塾セミナー資料「テストについて」
kiyohara
1
190
Git インフラ選定事例 - 株式会社クルウィットが GitHub を選んだ理由
kiyohara
0
400
ベッドで技術書を快適に読むただひとつの方法
kiyohara
19
23k
JavaScript で OS X を自動操作
kiyohara
1
440
Other Decks in Technology
See All in Technology
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
220
現代CSSフレームワークの内部実装とその仕組み
poteboy
7
3.6k
ServiceNow Knowledge 24の歩き方 EYストラテジー・アンド・コンサルティング
manarobot
0
200
競技としてのKaggle、役に立つKaggle
yu4u
3
1.7k
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
140
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
ServiceNow Knowledge Learning Rise up
manarobot
0
210
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
120
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
630
JAWS-UG Bedrock Claude Night
yamahiro
3
610
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
920
Google Cloud Next '24 Recap(Cloud Run/k8s)
mokocm
0
230
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
How to train your dragon (web standard)
notwaldorf
73
5.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Designing for Performance
lara
601
67k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
274
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
In The Pink: A Labor of Love
frogandcode
138
21k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
For a Future-Friendly Web
brad_frost
172
9k
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