<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:xhtml="http://www.w3.org/1999/xhtml" ><channel><title>gaspanik weblog &#187; coda</title> <atom:link href="http://blog.gaspanik.com/tag/coda/feed" rel="self" type="application/rss+xml" /><link>http://blog.gaspanik.com</link> <description>beat one's brain</description> <lastBuildDate>Tue, 07 Sep 2010 06:02:58 +0000</lastBuildDate> <generator>http://wordpress.org/?v=2.9.2</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/tag/coda/feed" /> <atom:link rel='hub' href='http://blog.gaspanik.com/?pushpress=hub' /> <cloud domain='blog.gaspanik.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' /> <item><title>CodaにZen-Codingを入れてみると…</title><link>http://blog.gaspanik.com/coda-with-tea-for-coda</link> <comments>http://blog.gaspanik.com/coda-with-tea-for-coda#comments</comments> <pubDate>Mon, 01 Feb 2010 08:45:49 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[coda]]></category> <category><![CDATA[editor]]></category> <category><![CDATA[productivity]]></category> <category><![CDATA[webdesign]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=2631</guid> <description><![CDATA[前回、前々回とTextMateをベースにZen-Codingの話をしたわけですが、一番最初にも書いたようにTextMateは日本語の処理がうまくないので、導入したくても導入できない方も多いかもしれません。 でも、Zen [...]]]></description> <content:encoded><![CDATA[<p><a href="http://blog.gaspanik.com/textmate-with-zencoding-ext">前回</a>、<a href="http://blog.gaspanik.com/coding-with-textmate-and-zencoding">前々回</a>とTextMateをベースにZen-Codingの話をしたわけですが、一番最初にも書いたようにTextMateは日本語の処理がうまくないので、導入したくても導入できない方も多いかもしれません。</p><p>でも、Zen-CodingをTextMate以外で使おうとするとグッと選択肢が減ります。Mac使いの皆さんがお使いのエディタといえば、CodaやskEdit、miあたりが有名どころです。良かった！Codaならコマンドの違いはありますが、その恩恵にあずかれますよ（笑）。</p><p>（追記）Zen-CodingのDreamweaver用のMXP（<a href="http://code.google.com/p/zen-coding/downloads/list?q=label:Featured">ダウンロードはこの辺で</a>）でも、以下の操作と同じショートカットで略語や構造の展開はできるみたいです。</p><span id="more-2631"></span><h3>Codaでやるなら「TEA for Coda」をインストール</h3><p><img src="http://blog.gaspanik.com/wp-content/uploads/2010/02/tea-for-coda.png" alt="tea-for-coda" title="tea-for-coda" width="450" height="253" class="alignnone size-full wp-image-2630" /></p><p>前々回のエントリーにも書いておきましたが、現在Coda用のプラグインは「<a href="http://onecrayon.com/tea/coda/">TEA for Coda</a>」という名前で公開されていますので、とりあえず公開されているファイルをダウンロードしてダブルクリックなりでインストールしましょう。</p><p>このTEA for Codaは、もともとはテキストエディタのアクション集でZen-Codingも使えるようにしてるって感じなんでしょうか。細かい操作方法についてはマニュアルを読んでいただくとして、TextMate用のZen-Codingとは、ショートカットキーなどが若干違うとこがありますのでその辺のフォローをしてみましょう。</p><h3>展開のショートカットは、「Ctrl+,（カンマ）」</h3><p>一番最後に用意したデモの冒頭ではわざとらしく略語ベースのスニペットを展開できないフリを入れてしまってますが、CodaでZen-Codingの略語を展開するには「TAB」や「Cmd+E」ではなく「Ctrl+,（カンマ）」を入力します。</p><p>たとえば、link要素でCSSの参照を指定したければ、「link:css」と書いて「Ctrl+,」を入力すれば展開されます。それ以外の略語ベースの展開もこのショートカットを使います。「div」を展開すれば「&lt;div&gt;&lt;/div&gt;」が入るってわけです。</p><p>前のエントリーで紹介したHTMLの文書構造を書いてそれを展開する方法も同様です。記述さえ合っていればちゃんと展開されますので、<a href="http://onecrayon.com/tea/coda/#docs">オフィシャルサイトのマニュアル</a>（そもそものZen-Codingのも）を参照してください。</p><p>では、最後におまけでCodaでやってるとこを。<br /> ※フルスクリーンにしてScalingをOFFにすると見やすいですよ</p> <object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9123711&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9123711&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object><p><a href="http://vimeo.com/9123711">Coda with TEA for Coda</a> from <a href="http://vimeo.com/cipher">komori, masaaki</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>＃余談ですが、TextMateのそれと違って、Coda版の略語や展開されるコードはプラグインのファイルの中に格納されてます。.pyになってるのでPythonでどうこうしないと書き換えられないかもしれませんね。</p>]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/coda-with-tea-for-coda/feed</wfw:commentRss> <slash:comments>1</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/coda-with-tea-for-coda" /> </item> </channel> </rss>
<!-- Served from: blog.gaspanik.com @ 2010-09-09 18:06:31 by W3 Total Cache -->