top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_1322

gvim で、Zen-Coding:巷で話題の「Zen-Coding」。やってみたかったが、これも気になってたエディタ「gvim」で、できるらしい ・・・ 【コーディング】

 2010-04-15
 巷で、話題ですねぇ。Zen-Coding
 ちょいちょいと書いて、ど~ん、とソースを吐き出す
 Zen-Coding、、とても気持ちを刺激し、
 個人的に、
 「今気になるベスト3」でした。

zen-coding
zen-coding Set of plugins
for HTML and CSS
hi-speed coding

 ・・・やりたい。



 ・USTREAM で、そのコーディングの様子
  公開されてる方もいらっしゃいますね。
  
 ・・・・・
 使い始めました!

  追記に  ▼


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


more

************************************************
◎  gvim で、Zen-Coding 利用開始! の巻
                 :コーディング

************************************************


 Zen-Coding・・・・・
 やりたかったのだけど、
 対応しているのが、
 (かつて、インストールしたり
  組み込んだものの、私には大きすぎて?)
 ・使っていないものばかりなので
  諦めていたのだけど・・・
  使っていないものばかりなので
  諦めていたのだけど・・・
  ※notepad でも使えるのは、少し気になりますね。
   今度やってみよ。


 !!!


 (こちらも、前から気になってた)
 ・vim エディタで利用出来るんですね!

ZenCoding.vim : vim plugins for HTML and CSS hi-speed coding.
ZenCoding.vim : vim plugins for HTML and CSS hi-speed coding. zencoding.vim
version 0.36
2010-03-17(先月!)

 ・・・取得。



 そもそも、生粋のLinux使い では無い私にとって、
 SSHで利用する、viエディタですら、長く鬼門でした。
 使うこともありますが、多くは、ローカルに保存して
 使い慣れた、emeditor で処理して、アップロード。
 ※未だに、viエディタは、基本的な使い方しか知らない・・・


 でも、その優れた後継ソフトウェアとしての vim には
 少なからず興味を持っていたのです。
 (なんだ、この物語的な書き方は・・・)


KaoriYa.net
KaoriYa.net こちら、
 (有名な方なんでしょうね)
 「…気が付いたら
  Vimを配布し始めてから
  10年が経っていました。」

 ・・・心からリスペクト。
    こういう方にはほんと頭が下がります。



 こちらで、配布されている、
 ・Vim 7.2-20100325 for Windows (32bit VC2008)
   ※GUI版も同梱されている、Windows上で動作するもの
  で、試させていただこうと・・・謝辞。

 ほんと、おいしいところだけ頂く、という事ですね。
 ・GUI版の
 ・WIndows版の gvim で、
 ・Zen-Coding 利用する。


 さてさて・・・

 

 ■vim への、ZenCoding.vim への組み込み方は、
  上記にもあるように
  □runtime\plugin\ 内に、ZenCoding.vim を入れる
  □vimrc ファイルに、
let g:user_zen_expandabbr_key = '<c-z>'
 と追記する・・・だけ。

 ■早速、例にあるように
  試してみます。


  あれ? その前に gvim の最低限の使い方は?
  > ・Vimエディタ・スターターマニュアル
    ※こちらに、
     これまた素晴らしいマニュアルが並んでいます。
     ほんに、有り難いことです。


 

  □起動して、ヘルプで確認。
*help-context*
WHAT PREPEND EXAMPLE ~
Normal mode command (nothing) :help x
Visual mode command v_ :help v_u
Insert mode command i_ :help i_<Esc>
Command-line command : :help :quit
Command-line editing c_ :help c_<Del>
Vim command argument - :help -r

   □入力モードに切り替え (i)


   □まずは、Zen-Coding お試し。
html:5
 これで、
    vimrc ファイルに追記したように、
     [Ctrl]+z を打つと ▼(ど~ん)
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

</body>
</html>
 ・・・おぉぉ!感動する。

 

  例にあるもの、打ってみよ。
div#foo$*2>div.bar
 これで、
    [Ctrl]+z を打つと ▼(ど~ん)
<div id="foo1">
<div class="bar"></div>
</div>
<div id="foo2">
<div class="bar"></div>
</div>
 ・・・わぁ~お。

 さ、これで効率上がって、やりたい事
 どんどんこなせるかな?
 (そいつは、私次第。 ・・・ 当り前か)

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/1322-baa57114
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。