slide.html

<!DOCTYPE HTML>

<html lang="Japanese">
<head>
	<title>Vim 勉強会 2014</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=1274, user-scalable=no">
	<meta name="generator" content="Slide Show (S9)">
	<meta name="author" content="atton">
	<link rel="stylesheet" href="themes/ribbon/styles/style.css">
	<style>
		#Cover H2 {
			color:#FFF;
			text-align:center;
			font-size:70px;
			}
	</style>
</head>
<body class="list">
	<header class="caption">
		<h1>Vim 勉強会 2014</h1>
		<p>atton</p>
	</header>
	<div class="slide bg" id="Cover"><div>
		<section>
			<header>
				<h2>Vim 勉強会 2014</h2>
			</header>
			
			<img src="pictures/" alt="">
			<!-- © John Carey, http://fiftyfootshadows.net/ -->
		</section>
	</div></div>

<!-- todo: add slide.classes to div -->
<!-- todo: create slide id from header? like a slug in blogs? -->

<div class="slide" id="2"><div>
		<section>
			<header>
				<h1 id="section">あじぇんだ</h1>
			</header>
			<!-- === begin markdown block ===

      generated by markdown 1.1.1 on Ruby 2.1.2 (2014-05-08) [x86_64-darwin13.0]
                on 2014-08-23 10:28:49 +0900 with Markdown engine kramdown (1.3.3)
                  using options {}
  -->

<!-- _S9SLIDE_ -->

<ul>
  <li>Vim とは</li>
  <li>Vim の Tips</li>
  <li>Vim を強化する</li>
  <li>それから先</li>
</ul>


		</section>
</div></div>

<div class="slide" id="3"><div>
		<section>
			<header>
				<h1 id="vim-">Vim とは</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>テキストエディタです</li>
  <li>人によっては環境とかOSとか言います</li>
  <li>とりあえずテキストエディタとして説明していきます</li>
</ul>


		</section>
</div></div>

<div class="slide" id="4"><div>
		<section>
			<header>
				<h1 id="vim--1">Vim と他のエディタ</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>emacs</li>
  <li>sublime text</li>
  <li>などなど</li>
  <li>使い方や特徴は様々で好みが分かれる</li>
  <li>宗教戦争とも言われる</li>
</ul>


		</section>
</div></div>

<div class="slide" id="5"><div>
		<section>
			<header>
				<h1 id="vim--2">Vim と成長曲線</h1>
			</header>
			<!-- _S9SLIDE_ -->

<p><img src="http://mrozekma.com/editor-learning-curve.png" alt=" editor skill graph " /></p>


		</section>
</div></div>

<div class="slide" id="6"><div>
		<section>
			<header>
				<h1 id="vim--3">Vim の特徴</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>mode があります</li>
  <li>operator + motion で組み合わせできる</li>
  <li>help でいろいろ引ける</li>
  <li>いろいろと拡張可能</li>
</ul>


		</section>
</div></div>

<div class="slide" id="7"><div>
		<section>
			<header>
				<h1 id="mode--normal-mode">mode : normal mode</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>通常起動時は normal mode
    <ul>
      <li>移動などのモード</li>
      <li>hjkl で移動</li>
      <li>DDR の上下左右です</li>
      <li>矢印使うのはやめてホームポジションのみで移動しましょう</li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="8"><div>
		<section>
			<header>
				<h1 id="mode--insert-mode">mode : insert mode</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>挿入モード
    <ul>
      <li>書くモードです</li>
      <li>ここでは文字を打つだけ</li>
      <li>打ち終わったら ctrl + [ で normal mode に戻りましょう</li>
      <li>Esc でも良いですが ^[ でホームポジションのままでいきましょう</li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="9"><div>
		<section>
			<header>
				<h1 id="mode--command-line-mode">mode : command line mode</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>コマンドラインモード
    <ul>
      <li>コマンドを実行します</li>
      <li>置換、終了、ファイル保存、ファイルを開くなど</li>
      <li>基本的に元が行指向なので行に対するコマンドが多いです</li>
      <li>一回実行すると normal mode に戻ります</li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="10"><div>
		<section>
			<header>
				<h1 id="mode--visual-mode">mode : Visual mode</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>ビジュアルモード
    <ul>
      <li>選択モード</li>
      <li>選択、行選択、矩形選択などがあります</li>
      <li>影響範囲を可視化するモードです</li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="11"><div>
		<section>
			<header>
				<h1 id="mode--vimtutor">mode を踏まえた上で vimtutor</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim には mode があるエディタです</li>
  <li>チュートリアルコマンドがあります
    <ul>
      <li>$ vimtutor</li>
    </ul>
  </li>
  <li>基本的な機能はここで分かります</li>
</ul>


		</section>
</div></div>

<div class="slide" id="12"><div>
		<section>
			<header>
				<h1 id="section-1">分からないことは</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>help を使います</li>
  <li>:help</li>
  <li>:help でヘルプが出るので読んでいく</li>
  <li>:help の後にキーワードを入れると引くことができます</li>
</ul>


		</section>
</div></div>

<div class="slide" id="13"><div>
		<section>
			<header>
				<h1 id="help-">help を引く</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>help help</li>
  <li>モードごとの motion を引く場合は command_prefix _ motion とか</li>
  <li>help i _ ^o</li>
  <li>help c _ ^i</li>
  <li>ctrl は ^ です</li>
</ul>


		</section>
</div></div>

<div class="slide" id="14"><div>
		<section>
			<header>
				<h1 id="help--1">help を旅する</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>タグジャンプがあります</li>
  <li>キーワードの上で ^]</li>
  <li>
    <p>戻るのは ^o とか</p>
  </li>
  <li>help を活用しましょう</li>
</ul>


		</section>
</div></div>

<div class="slide" id="15"><div>
		<section>
			<header>
				<h1 id="vim--4">Vim の紹介</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim の軽い紹介はここまで</li>
  <li>mode があります</li>
  <li>help を使おう</li>
  <li>vimtutor をしよう</li>
</ul>


		</section>
</div></div>

<div class="slide" id="16"><div>
		<section>
			<header>
				<h1 id="vim--tips">Vim の tips</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim には大量の tips があります</li>
  <li>便利そうなのを紹介していきます</li>
</ul>


		</section>
</div></div>

<div class="slide" id="17"><div>
		<section>
			<header>
				<h1 id="tips--operator--motion">tips : operator + motion</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim の command は組み合わせが効きます</li>
  <li>dj など
    <ul>
      <li>d delete</li>
      <li>j down</li>
    </ul>
  </li>
  <li>先頭を operator, 後ろを motion と良います</li>
</ul>


		</section>
</div></div>

<div class="slide" id="18"><div>
		<section>
			<header>
				<h1 id="tips--operator--motion-1">tips : operator + motion</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>例えば c : change を j と組み合わせることができます</li>
  <li>cj
    <ul>
      <li>c change</li>
      <li>down</li>
    </ul>
  </li>
  <li>j の変わりに fo でも然り。</li>
  <li>motion や operator を覚えると組み合わせが増える</li>
</ul>


		</section>
</div></div>

<div class="slide" id="19"><div>
		<section>
			<header>
				<h1 id="tips--count">tips : count</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>operator は物によっては繰り返せます</li>
  <li>count とか言います
    <ul>
      <li>3dw
        <ul>
          <li>3 : three times</li>
          <li>d : delete</li>
          <li>w : word</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="20"><div>
		<section>
			<header>
				<h1 id="tips--text-object">tips : text-object</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>operator の一種
    <ul>
      <li>i( : () の中身</li>
      <li>a[ : [] の対応1つ</li>
    </ul>
  </li>
  <li>などと痒いところに手が届く物体</li>
</ul>


		</section>
</div></div>

<div class="slide" id="21"><div>
		<section>
			<header>
				<h1 id="tips--persistentundo">tips : persistent_undo</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim で開く前からずっと undo を記録し続ける機能</li>
  <li>ファイルを移動とかしなけれは作成時からずっと undo tree が残る</li>
</ul>

<pre><code>if has('persistent_undo')
    let &amp;undodir = expand('~/.vim/undo_history')
    set undofile
endif
</code></pre>


		</section>
</div></div>

<div class="slide" id="22"><div>
		<section>
			<header>
				<h1 id="tips--vimrc">tips : .vimrc</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>忘れてましたが設定は ~/.vimrc などに書きます</li>
  <li>set optionname
    <ul>
      <li>ex. set number</li>
      <li>行番号を表示する</li>
      <li>ちなみに command line mode で実行しまくるのと変わりません</li>
      <li>help を読みましょう</li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="23"><div>
		<section>
			<header>
				<h1 id="tips--basic-settings">tips : basic settings</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>これはやっておかないとどうしようも無い設定</li>
  <li>vi 互換モードオフ + ファイルによって色を付ける</li>
</ul>

<pre><code>set nocompatible
filetype plugin indent on
syntax enable
</code></pre>


		</section>
</div></div>

<div class="slide" id="24"><div>
		<section>
			<header>
				<h1 id="tips--shell-command">tips : shell command</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>:! shell-command</li>
  <li>でシェルコマンドも実行できます</li>
  <li>一部のコマンドと併用可能
    <ul>
      <li>:r ! ls</li>
      <li>:read ! ls</li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="25"><div>
		<section>
			<header>
				<h1 id="tips--summary">tips : summary</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>motion と operator の組み合せで自分の思った作業を短かいキータイプで</li>
  <li>自分好みの設定とかしましょう
    <ul>
      <li>ここでも help は重要です</li>
    </ul>
  </li>
  <li>persistent_undo, text-object とか便利</li>
</ul>


		</section>
</div></div>

<div class="slide" id="26"><div>
		<section>
			<header>
				<h1 id="vim--5">Vim を強化する</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim には機能拡張機能があります</li>
  <li>Vimscript によって記述される vim plugin</li>
  <li>それらの紹介など</li>
</ul>


		</section>
</div></div>

<div class="slide" id="27"><div>
		<section>
			<header>
				<h1 id="plugin--neobundle">plugin : NeoBundle</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>プラグインを管理するプラグイン</li>
  <li>.vimrc に一行書いてコマンド実行するとプラグインが導入される</li>
  <li>とても便利</li>
  <li>遅延ロードもできる
    <ul>
      <li>特定のコマンドが実行されるまでプラグインをロードしない</li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="28"><div>
		<section>
			<header>
				<h1 id="plugin--unitevim">plugin : Unite.vim</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>統一インターフェースを提供するプラグイン
    <ul>
      <li>文字列の表示と絞り込みしてコマンド実行</li>
      <li>まー何でもできる</li>
      <li>file_rec, register, buffer, file_mru, grep</li>
      <li>file_mru は neomru が必要</li>
    </ul>
  </li>
</ul>


		</section>
</div></div>

<div class="slide" id="29"><div>
		<section>
			<header>
				<h1 id="plugin--neocomplete">plugin : neocomplete</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>補完プラグイン</li>
  <li>neosnippet と組み合せることでスニペットもできる</li>
</ul>


		</section>
</div></div>

<div class="slide" id="30"><div>
		<section>
			<header>
				<h1 id="plugin--quickrun">plugin : quickrun</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>プログラム実行プラグイン</li>
  <li>Vim にいながらプログラムを実行可能</li>
  <li>このスライドも quickrun で生成しながら書いてました</li>
</ul>


		</section>
</div></div>

<div class="slide" id="31"><div>
		<section>
			<header>
				<h1 id="plugin--refvim">plugin : ref.vim</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>リファレンスを引くプラグイン</li>
  <li>refe や rfc や man でもござれ</li>
  <li>dictonary もできるよ</li>
  <li>spell と組み合せると英語とかにつよい</li>
</ul>


		</section>
</div></div>

<div class="slide" id="32"><div>
		<section>
			<header>
				<h1 id="plugin--surrondvim">plugin : surrond.vim</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>text-object の拡張</li>
  <li>{ を ( に変更することができたりする</li>
  <li>消すとかもできる</li>
  <li>痒いところに手が届く</li>
  <li>無いと微妙に面倒</li>
</ul>


		</section>
</div></div>

<div class="slide" id="33"><div>
		<section>
			<header>
				<h1 id="plugin--clever-f">plugin : clever-f</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>f を clever にするプラグイン
    <ul>
      <li>; を使わない f search</li>
      <li>サーチ対象の色付け</li>
      <li>行を越えた検索</li>
      <li>migemo search</li>
    </ul>
  </li>
  <li>痒いところをより良い感じにしてくれるプラグイン</li>
</ul>


		</section>
</div></div>

<div class="slide" id="34"><div>
		<section>
			<header>
				<h1 id="plugin--summary">plugin : summary</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim を拡張する plugin はまだまだあります</li>
  <li>Tweet する、 yamada を表示する、 etc…</li>
  <li>ちなみにスパルタン派もいます</li>
  <li>あなただけの Vim を。</li>
</ul>


		</section>
</div></div>

<div class="slide" id="35"><div>
		<section>
			<header>
				<h1 id="reference">reference</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>最後に参考文献とかお世話になったものを紹介</li>
  <li>まずは本から</li>
</ul>


		</section>
</div></div>

<div class="slide" id="36"><div>
		<section>
			<header>
				<h1 id="book---learning-the-vi-editor">book :  Learning the vi Editor</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li><a href="http://www.amazon.co.jp/%E5%85%A5%E9%96%80vi-%E7%AC%AC6%E7%89%88-%E3%83%AA%E3%83%B3%E3%83%80-%E3%83%A9%E3%83%A0/dp/4873110831">入門vi</a></li>
  <li>いわゆるベーシックなやつ。サーバ管理用に vi の知識が欲しいならこれかな</li>
  <li>Vim でも使える知識満載。 register の話とか macro とかね。</li>
</ul>


		</section>
</div></div>

<div class="slide" id="37"><div>
		<section>
			<header>
				<h1 id="book--vim-technic-bible">book : vim technic bible</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li><a href="http://www.amazon.co.jp/Vim%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%E3%83%90%E3%82%A4%E3%83%96%E3%83%AB-%EF%BD%9E%E4%BD%9C%E6%A5%AD%E5%8A%B9%E7%8E%87%E3%82%92%E3%82%AB%E3%82%A4%E3%82%BC%E3%83%B3%E3%81%99%E3%82%8B150%E3%81%AE%E6%8A%80-Vim%E3%82%B5%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%BC%E3%82%BA/dp/4774147958">Vimテクニックバイブル　～作業効率をカイゼンする150の技</a></li>
  <li>tips 集。 Vim の小ネタ満載。</li>
  <li>plugin も扱ってます</li>
</ul>


		</section>
</div></div>

<div class="slide" id="38"><div>
		<section>
			<header>
				<h1 id="book--practical-vim">book : practical vim</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li><a href="http://www.amazon.co.jp/%E5%AE%9F%E8%B7%B5Vim-%E6%80%9D%E8%80%83%E3%81%AE%E3%82%B9%E3%83%94%E3%83%BC%E3%83%89%E3%81%A7%E7%B7%A8%E9%9B%86%E3%81%97%E3%82%88%E3%81%86-Drew-Neil/dp/4048916599/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1408710479&amp;sr=1-1&amp;keywords=%E5%AE%9F%E8%B7%B5+vim">実践Vim 思考のスピードで編集しよう! </a></li>
  <li>入門的内容から拡張まで</li>
  <li>割と足して2で割った感じ?</li>
  <li>ただわたしはそんなに読みうやすくなかった</li>
</ul>


		</section>
</div></div>

<div class="slide" id="39"><div>
		<section>
			<header>
				<h1 id="book--vim-script-technic-bible">book : Vim Script technic bible</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li><a href="http://www.amazon.co.jp/Vim-script-%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%E3%83%90%E3%82%A4%E3%83%96%E3%83%AB-%7EVim%E4%BD%BF%E3%81%84%E3%81%AE%E9%AD%94%E6%B3%95%E3%81%AE%E6%9D%96-script%E3%82%B5%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%BC%E3%82%BA/dp/4774166340/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1408710542&amp;sr=1-1&amp;keywords=vim+script">Vim script テクニックバイブル ~Vim使いの魔法の杖</a></li>
  <li>気になってる</li>
  <li>そのうち買って読む予定</li>
</ul>


		</section>
</div></div>

<div class="slide" id="40"><div>
		<section>
			<header>
				<h1 id="web--vim">web : Vimの極め方</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li><a href="http://whileimautomaton.net/2008/08/vimworkshop3-kana-presentation">Vimの極め方</a></li>
  <li>トゥルーVim使い kana さんによる Vim の極め方</li>
  <li>help の重要性と .vimrc の書き方講座</li>
  <li>一度は見ておきたい</li>
</ul>


		</section>
</div></div>

<div class="slide" id="41"><div>
		<section>
			<header>
				<h1 id="web--vim-jp--vim-usersjp">web : vim-jp » vim-users.jp</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li><a href="http://vim-jp.org/vim-users-jp/">vim-jp » vim-users.jp</a></li>
  <li>Vim-users のまとめ</li>
  <li>Vim の tips や Vimrc 読み会、 vim advent calender など情報満載</li>
</ul>


		</section>
</div></div>

<div class="slide" id="42"><div>
		<section>
			<header>
				<h1 id="web-----sorry-uninuplemented">web : 「立て！立つんだビムー！」 - sorry, uninuplemented:</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li><a href="http://rhysd.hatenablog.com/entry/2012/12/19/001145">「立て！立つんだビムー！」 - sorry, uninuplemented:</a></li>
  <li>犬ことりんだんさんによる Vim の高速化と速度計測</li>
  <li>Vim にプラグインを入れすぎてしまったら見ておきたい</li>
</ul>


		</section>
</div></div>

<div class="slide" id="43"><div>
		<section>
			<header>
				<h1 id="web--vimmer">web : あるVimmerのブログ</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li><a href="http://vinarian.blogspot.jp/">あるVimmerのブログ</a></li>
  <li>知る人ぞ知る ‘暗黒美夢王’</li>
  <li>以上。</li>
</ul>


		</section>
</div></div>

<div class="slide" id="44"><div>
		<section>
			<header>
				<h1 id="web--dot-files-by-atton">web : dot files by atton</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>私の<a href="https://github.com/atton-/dot_files">.vimrc</a></li>
  <li>公開してますので気になる方は</li>
  <li>設定ファイルは公開しておくと便利</li>
  <li>環境の移行も楽だし</li>
</ul>


		</section>
</div></div>

<div class="slide" id="45"><div>
		<section>
			<header>
				<h1 id="reference--summary">reference : summary</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim の極め方は是非見ておきたい</li>
  <li>本のおすすめは入門vi</li>
</ul>


		</section>
</div></div>

<div class="slide" id="46"><div>
		<section>
			<header>
				<h1 id="todays-summary">today’s summary</h1>
			</header>
			<!-- _S9SLIDE_ -->

<ul>
  <li>Vim にはモードがあります</li>
  <li>motion と operator の組み合せ</li>
  <li>tips はたくさんあります</li>
  <li>機能が足りなければ plugin として拡張できます</li>
  <li>自分の使いたいように Vim を使おう</li>
</ul>

<!-- vim: set filetype=markdown.slide: -->
<!-- === end markdown block === -->

		</section>
</div></div>


	<!--
		To hide progress bar from entire presentation
		just remove “progress” element.
		-->
	<div class="progress"><div></div></div>
	<script src="scripts/script.js"></script>
	<!-- Copyright © 2010–2011 Vadim Makeev, http://pepelsbey.net/ -->
</body>
</html>