CodaとZen-Codingのショートカットまとめ。極めると早い。 | codechord
Posted 7月 2nd, 2011 by codechord. 1 Comment Tweet Tweet コーディング時のエディタは何をつかっていますか？最近Vimでのコーディングが気になりだしています。 Vimをプラグインなどでカスタマイズしまくると、かゆいところに手が届くすばらしいエディタになるとのことで。でも覚えるのが大変。。。 コーディングを早くするコツ。 なぜ、Vimが優れているかといわれると。数少ないキータッチのコマンドで、あっと驚くようなことができてしまうということ。ですよね？ つまり、Vimに限らず、エディタの便利なコマンドを頭に叩き込めば、早くコーディングできるという逆転の発想です。 コーディングにかぎらず、PCのアプリケーションを使う作業は、ショートカットを覚えた数が、作業のスピードに比例すると自分は思っています。 ということで、CodaとZen-Codingのシ
vimプラグインをgitのsubmoduleで管理 - rochefort's blog
2011/07/06追記 今はsubmoduleでなく、vundleを使ってます。 vundleでvimのプラグインを管理 - うんたらかんたら日記 git submodule 参考 git 1.6.0.2 submoduleを使おう！その1：add, status - satoko's blog - s21g git 1.6.0.2 submoduleを使おう！その2 - satoko's blog - s21g こんな感じで使うと。 $ git submodule add git://github.com/dchelimsky/rspec.git vendor/plugins/rspec $ git submodule status -fd553b85af3da59a35cf8366319fb244fc4172b5 sub/rspec $ git submodule update --
zencoding.vimを使ってZen-Codingしてみた
Zen-Codingとは ショートカットキーによって高速でHTMLタグをコーディングできるライブラリ。 CSSもサポートしている。 現在、さまざまなエディタ(DreamWeaverとかCodaとか)にサポートされてるようです。 Vimもサポートされた Vimのプラグインとしてzencoding.vimが登場しました。 mattnさんのページ インストール手順 私が実際やった手順は下記の通りです。 Vimのプラグインをいれたことがなかったので、ゼロスタートでやりました。 ＃環境はMacOSX 10.6.3、vim7.2。 1. ここから をプラグイン入手 2. ターミナルを開いて $ mkdir -p ~/.vim/plugin/html $ mv <プラグインを保存した場所> ~/.vim/plugin/html で終わり。 設定 デフォルトの設定だと <c-y>, (insertモードで
zencoding.vimで、１０倍速くHTMLを書く
ここ数日、Zen-CodingがLDCに上がってたので興味を持っていたのですが、手を出す事が出来ませんでした。 （環境構築とか面倒くさそうだったのでｗ） ところが、mattnさんが、pure vim-scriptでZen-Codingを作成してたので、Vimmerな僕はさっそく導入してみました。 導入方法です。 ３ステップで導入出来ます。 １．こちらからzencoding.vimをダウンロードします。 （僕のVim環境(Kaoriya版7.2.261）は若干古かったらしいので、Ver0.21を落としました） ２．vimをインストールしてあるディレクトリ/runtime/pluginにzencoding.vimをコピーする ３．_vimrcに以下を追加 let g:user_zen_expandabbr_key = '<c-e>' これで導入終了。 さあ、HTMLを構築しましょう。 html
Big Sky :: zen-codingの殆どの機能をzencoding.vimに取り込んだ。
全国１億８千万人のzen-codingファンの皆様、如何お過ごしでしょうか。 先日の記事でzen-codingをpure vimscriptに移植した「zencoding.vim」をご紹介させて頂きました。 あの時は略語の展開(Expand Abbreviation)しか機能がなく物足りなかったかもしれません。まぁ殆どの移植品はExpand Abbreviationしか無いのですが。 zen-codingには他どんな機能があるかというと、実はまだ便利な機能があったりします。 オフィシャルのサイトによると Expand Abbreviation Wrap with Abbreviation Balance Tag Inward/Outward Go to Next/Previous Edit Point Update Image Size Merge Lines Remove Tag Spl
Zen-Codingが楽しい - ぱせらんメモ
最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。 Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。 CSSセレクタのような記法なので普段からWebの開発に関わってる人なら簡単に体得できると思う。 単体のエディタではなくプラグイン形式になっていて色々なエディタやIDEで使えるというのもいいところ。詳しくは下記サイトを参照。 zen-coding - Set of plugins for HTML and CSS hi-speed coding http://code.google.com/p/zen-coding/ vimプラグインはこっち。 Sparkup http://github.com/rstacruz/sparku
p15.jp
先日をぞーくんに教えてもらった Zen-Coding、Coda でも使えるとのことで試してみました。 Downloads から Zen Coding for Coda v0.3 (Universal Binary) をダウンロード。 解凍すると ZenCoding.codaplugin というファイルが出てくるので、ダブルクリックで Coda が起動してプラグインがインストールされます。 続きを読む Coda で Zen-Coding を使う
CodaでZen-Codingを利用する | kotaログ
Macの総合開発環境アプリケーション『Coda』にZen-Codingを入れる方法。さらにlang属性をjpにする方法です。 HTML、CSS以外にもPHPやSQLなど、各種言語に対応したアプリケーション。HTMLエディタとして利用する場合は、Zen-Codingを投入するとさらに便利になります。 ダウンロード TEA for Coda | One Crayon Deprecatedが乗っていますが、とりあえず普通にダウンロードして使えます。 インストール方法 ダウンロードした圧縮ファイルを解凍後、『TEA for Coda.codaplugin』をダブルクリックすればOK。 ちなみに、格納されるディレクトリは ユーザ/ライブラリ/Application Support/Coda/Plug-ins/TEA for Coda.codaplugin 使い方とショートカット プラグインのサイト
Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ
前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana（Eclipse）の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation（省略コードの展開） Win：Ctrl+E mac：Command+E Zen-Codingの主な機能のひとつです。
webのseoとかデザインとか EclipseにAptanaとzen-codingのインストール
Aptanaのインストール Eclipseのヘルプ>新規ソフトウェアのインストール作業対象にhttp://download.aptana.org/tools/studio/plugin/install/studio 名前のところに出てきたAptanaのチェックボックスをチェックで次へなどなど zen-codingのインストール・設定 Eclipse用のzen-coding eclipseの機能としてのインストール http://zen-coding.ru/eclipse/updates/ Aptana以外でも使えるようにする Eclipse Monkeyのインストール Eclipseのヘルプ>新規ソフトウェアのインストール作業対象にhttp://download.eclipse.org/technology/dash/update/ Eclipse Monkey と Mozilla Rhi
新しくPlugin化されたzen-codingのインストール方法 - ゆず日記
新しい開発環境でAptanaのセットアップをしていたら、以前まであったzen-codingのサイト(Downloads - zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting)にAptana版が無い。 あれれ〜ということで検索してみたら、どうやらgithubにプラグイン化されて公開されている模様*1。以下の手順でインストールしました。 ちなみにEclipseでも可能です。 Aptanaのメニューから、Help > Install New Software を選択。 Work with:に http://zen-coding.ru/eclipse/updates/ を指定 インストールするプラグインにチェックを付けます。ここでは複数表示されちゃってますが、折角なのでバージョ
Zen Coding for Sakura Editor | MoonWing
Zen Codingをサクラエディタで行えるように一部の機能だけですが移植しましたので公開します。 サクラエディタ下記のようなことができるようになります。 Expand Abbreviation(省略コードの展開) たとえば、上の様に”html:4s”と入力して、Zen Coding for Sakura Editorを実行すると のように展開されます。HTMLの雛形を簡潔に作成することができます。 Wrap with Abbreviation(省略コードで包括) 上のイメージのようにリスト化したい文字列があったとして、その文字列を選択し、Zen Coding for Sakura Editorを実行すると ダイアログが表示されるので省略コードを入力すると のように、展開するされます。これにより、マークアップを効率的に行うことができます。 メニュー Zen Coding for Sakur
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.vim.org/scripts/script.php?script_id=2981
はてなブログ | 無料ブログを作成しよう
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Zen Codingを導入してみた