クチコミサイト構築「エディタ・エンタープライズ」デモサイト

日本初のブログ自動収集システム「エディタ・エンタープライズ」により、簡単・低コスト・SEO対策が可能な口コミサイトが構築可能です。
ブロガー別の記事一覧やカテゴリ別、月別、取得画像別などさまざまな切り口で見せることができるので、映画や商品のキャンペーンをはじめ、テーマ別のポータルサイトを構築できます。

[メモ] Aptana Studio 2.0 日本語化とzen-coding

2010年02月17日|記事提供:すくえあ

じわっと浸透中のzen-codingやろうとAptana Studio 2.0を入れてみました。
今回はAptana Studio 2.0の日本語化手順とzen-coding利用までについてメモしておきます。
aptana_zen.jpg

zen-codingとは
そもそもzen-codingとはというところですが、上記の画像のような記述html:5で変換すると、関連する記述が表示されるというもの。
ほかにもdiv#headerと書けば、

に変換されます。

これにより、記述速度が3~5倍にもなると話題になっていたり、いなかったり。
今回はそのzen-codingをWebオーサリングツールのAptana Studio 2.0で使用してみます。

Aptana Studio 2.0の日本語化
Aptana Studio 2.0の日本語化は以下のようにします。
まずはAptana Studio 2.0をダウンロードします。
さらにPleiadesからファイルをダウンロード。
※現時点では、pleiades_1.3.1でした。

このPleiadesを解凍すると出てくるpluginsフォルダのjp.sourceforge.mergedoc.pleiadesを、Aptana Studio 2.0//\/i/ipluginsにコピーします。
さらに、Aptana Studio 2.0//\/i/iAptanaStudio.iniの最後に1行追加します。
-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=
この作業が終わるとAptana Studio 2.0は日本語となります。

zen-codingをAptana Studio 2.0に入れる
最後にzen-codingですが、zen-codingからダウンロードします。
右サイドにある以下です。
Zen.Coding-Aptana.v0.5.5.zip

トップレベルプロジェクトに適当な名前を付けたフォルダ(ここではdemo)を作ります。
そのなかにscriptsフォルダを作成し、Aptana.v0.5.5.zipを解凍してできたファイル一式をアップ。
下記のようなイメージになればもうzen-corderです!
aptana_zen2.jpg

zen-codingの記述法
HTML要素
例)html:4tと入力しAlt+Eで・・・










すごくねーってテンションになります。

ほかにもほかのHTML要素CSSほかがあります。
さあ、zen-codingを極めましょう!

[ 元記事 ]

はてなブックマークこの記事をクリップ!Yahoo!ブックマークに登録Yahoo!ブックマークに登録del.icio.usに追加する

▲ページトップに戻る

クチコミサイト構築の決定版!日本初のブログ自動収集システム「エディタ・エンタープライズ」

事例やサービス詳細はこちら

サービスについての詳細は以下からお問い合わせください。

クチコミサイト構築のエディタ・エンタープライズへお問い合わせ

メンバー一覧

なかむー
なかむー
エディタ提供会社のボスです。
taka_life
にっしゃん
エディタ生みの親で、やんちゃです
すくえあ
すくえあ
エディタ担当ディレクターです

メンバー一覧>>

PVランキング