Text-Objects - vim's elegant function

Feb 15, 20141 like1,076 views

Tomokazu Kiyohara

vim 及辻夔匹丐月 Text-Objects 及畿賡﹝ kanazawa.rb meetup 18 LT 揃蹋﹝

Text-Objects
vim's elegant function

2014/02/15 - Kanazawa.rb meetup 18 LT

vim operation

?

[operator] [motion]

?

target = from cursor potion to motion result

vim operator
?

c : change

?

d : delete

?

y : yank

?

p : paste

?

etc ...

vim motion
?

j : next line

?

w : next word head

?

$ : line end

?

/ : search

?

etc ...

example
1.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna
aliqua.

2.

Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

3.

Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.

example
1.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna
aliqua.
delete

2.

Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

3.

Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.

d$

motion only?

?

You can use Text-Objects

Text Objects
?

blocked chars

?

word, sentence, paragraph block

?

special char surround block

?

"xxx", (xxx), <xxx>, <p>xxx</p>

Text Objects
?

blocked chars

?

word, sentence, paragraph block

?

special char surround block

?

"xxx", (xxx), <xxx>, <p>xxx</p>
Yes, corder friendly!!

How to use
?

[operator] [motion]
∣

?

[operator] [text-objects speci?er]

?

target = speci?ed text-objects

speci?er
?

[a|i][wsp])}>"'`t]

?

aw : a word

?

i> : inner >

?

at : a tag

?

etc...

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. };$

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; di'$

$example 1. var superFunc = function() { 2. console.log (''); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; di'$

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. };$

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; cit$

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>abc</p>') 5. .appendTo('.super_anchor'); 6. }; cit$

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; cat$

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") include tag 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; cat$

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('abc') 5. .appendTo('.super_anchor'); 6. }; cat$

$example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; yi}$

Conclusion

?

Use "text objects" for elegant vim operation

?

:help text-objects

Thank you
Tomokazu Kiyohara
http://github.com/kiyohara
http://facebook.com/tomokazu.kiyohara

This document summarizes Atom.io, a hackable text editor, and how to use the Script plugin to run code directly in Atom. It describes how to install the Script plugin, how to run code by selecting Packages > Script > Run Script or using a keyboard shortcut, and tips for ensuring environments like PATH and Ruby versions are configured properly for running code. The document also briefly mentions the Vim-quickrun plugin for running code from within Vim.

奶矛件玄輥適及戊汁Tomokazu Kiyohara

Web API 毛犯田永弁允月午五卞斛猁卅凶勻凶夫午勾及仇午Tomokazu Kiyohara

Google Cloud Platform 毛盓尹月撮胍＃及仍仁珨窒Tomokazu Kiyohara

JavaScript 匹 OS X 毛赻�紱釬Tomokazu Kiyohara

惚釦啦賊楚插紼及弝�薹毛奻仆方丹ㄐTomokazu Kiyohara

??????????DnsMoo Pang PD

Planningstoner84

Zen coding15minTomokazu Kiyohara

Beginner's SinatraTomokazu Kiyohara

Sinatra is a minimal web application framework for Ruby that allows developers to quickly create web applications. It provides routing capabilities to map HTTP requests to methods and uses a domain specific language for defining routes. Templates can be used to generate responses and Sinatra supports many template engines like ERB, Haml, and Builder. Overall, Sinatra aims to provide a simple and lightweight way to build web applications in Ruby.

�扔奶田奈馴𨬢失仿奈玄扑旦氾丞 ※DAEDALUS§ㄗ母奶母伕旦ㄘ及畿賡Tomokazu Kiyohara

JavaScript Dynamic LoadingTomokazu Kiyohara

????????????????????supawadee13

仇歹仁卅中皿伙伉弁Tomokazu Kiyohara

Github's HUBTomokazu Kiyohara

The document discusses key features of GitHub for collaboration. It outlines a 3 step process: 1) Follow and watch other users and repositories, 2) Star repositories and contribute issues, 3) Add collaborators and manage organizations and pull requests. GitHub allows users to follow others, watch repositories, star content, contribute issues, and collaborate through features like adding collaborators, creating organizations, and managing pull requests.

隴゜井日妏尹月戊奈犯奴件弘汁奈伙Tomokazu Kiyohara

LiveStyle for Vim - Quick startTomokazu Kiyohara

Compact Web - Remind "web compression" -Tomokazu Kiyohara

The document discusses techniques for compacting web content, known as web compression. It focuses on compressing image files, text files like HTML and CSS, and improving transport of compressed files using server-side techniques. Specific tools are recommended for optimizing different file types as well as Apache and Nginx server configurations for enabling compression of content. The goal is to improve response times for smart phones by reducing data usage through compression without changing the underlying content.

Text-Objects - vim's elegant function

1. Text-Objects vim's elegant function 2014/02/15 - Kanazawa.rb meetup 18 LT

2. vim operation ? [operator] [motion] ? target = from cursor potion to motion result

3. vim operator ? c : change ? d : delete ? y : yank ? p : paste ? etc ...

4. vim motion ? j : next line ? w : next word head ? $ : line end ? / : search ? etc ...

5. example 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 3. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

6. example 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 3. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. d$

7. example 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. delete 2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 3. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. d$

8. example 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. delete 2. Ut enim ad 3. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. d$

9. motion only? ? You can use Text-Objects

10. Text Objects ? blocked chars ? word, sentence, paragraph block ? special char surround block ? "xxx", (xxx), <xxx>, <p>xxx</p>

11. Text Objects ? blocked chars ? word, sentence, paragraph block ? special char surround block ? "xxx", (xxx), <xxx>, <p>xxx</p> Yes, corder friendly!!

12. How to use ? [operator] [motion] ∣ ? [operator] [text-objects speci?er] ? target = speci?ed text-objects

13. speci?er ? [a|i][wsp])}>"'`t] ? aw : a word ? i> : inner > ? at : a tag ? etc...

14. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. };

15. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. };

16. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; di'

17. example 1. var superFunc = function() { 2. console.log (''); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; di'

18. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. };

19. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; cit

20. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>abc</p>') 5. .appendTo('.super_anchor'); 6. }; cit

21. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; cat

22. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") include tag 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; cat

23. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('abc') 5. .appendTo('.super_anchor'); 6. }; cat

24. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; yi}

25. example 1. var superFunc = function() { 2. console.log ('pretty good function'); 3. $("<div>") 4. .html('<p>fancy html</p>') 5. .appendTo('.super_anchor'); 6. }; yi}

26. Conclusion ? Use "text objects" for elegant vim operation ? :help text-objects

27. Thank you Tomokazu Kiyohara http://github.com/kiyohara http://facebook.com/tomokazu.kiyohara

端端舝

Text-Objects - vim's elegant function

Recommended

More Related Content

Viewers also liked (17)

Text-Objects - vim's elegant function