キャンペーン、サンネットブログ｜コーディング作業の効率化（Zen-Coding！！）

こんにちわ。
WEBリテラシー担当の安村孝です。

遅れに遅れて、水曜日の投稿になってしまいました。
記事のテーマを決定してなかったものでして・・・
でも、見つけました！

今回のテーマは「コーディング作業の効率化！！」です。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

先日、上地社長から教えていただいた、
「株式会社 EC studio」のスタッフブログ

「EC studioデザイン」ブログ
（このブログ、従来のソフトの使い方や、
さらに新しい使い方、カスタマイズ方法など、
分かりやすく説明されてて、参考になります。）

そのブログ最新記事で、
「知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた」

↑↑
「コーディング」って、まー実際に制作してる方々の関連してる内容なのかな！？
更新などを主な業務としている私には、あまり重要でないかも。
とスルーしようとしてたのですが・・・・

【知らない人は損してる？】

と

【3倍速くなる】
が気になって・・・しっかり記事内容を読んでみました（汗）

↑↑↑動画はコーディング途中で、実際にタグ入力している動画です。

【Zen-Coding】とは、
HTML/CSSをショートカットで簡略化してコードを書くことができる機能だそうです
独立したテキストエディタソフトではなく、
既存のHTML/CSSエディタに追加機能として導入するものです。

※参考にした記事にも"3倍速くなる"とあるように、
何ごとにおいても、速いに越したことはないので、
私も早速導入してみました。

～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～


まずは、【Zen-Coding】が対応しているテキストエディタの確認
・・・・・・・・
・・・

実は調べたところ、私がいつも愛用しています
「へてむるクリエーター（HeTeMuLu Creator）」←これまだ対応していないようで（＞＿＜）
↑↑対応しているエディタの導入から始めることに

参考にしている「EC studio 企画デザインブログ」と同じ環境
「Aptana Studio」を導入することに、
（導入方法はGoogle検索で「Aptana Studio　ダウンロード」や「Aptana Studio　設置」などなどで、
方法手順を記事にアップしてるので困ることはないです。）
※外国語のプログラムなので、日本語変換方法も記事ありました。

・・・・・・・・・・・・・・・・・
設置中


・・・・・・・・・

・・・・

上手く日本語変更まで導入して、早速トライ！！



（汗）



（焦）


（＞＿＿＿＜）初めて使う「Aptana Studio」←かなり難しいです。
？？新規ファイル作成はどこで？？
？プロジェクト？
いつもファイル保存してるハードディスクはどこ？？


などなど格闘すること、数時間・・・・
（この時点であきらめようかと、、、思いましたが）

「新しいことには、困難がつき物！！！」

と心の中で言い聞かせ、【Zen-Coding】の設置まで完了！！



使い始めて・・・だいたい10日間くらいになりますが、
なかなか便利！


今の私の仕事状況だと、

・WEBページの更新
・ブログの記事作成

程度の作業なのですが、
これでも十分便利さを感じてるしだいです（＾＾）
がっつり制作部署でコーディングを行う方々がマスターすると、
相当作業速くなる予感！！！

あ、「Aptana Studio」で【Zen-Coding】の
実行キー：Zen-Coding場合は
「　　ctrl+E　　」（※エディタ「Aptana Studio」での操作。）
↑↑↑初期設定で、別のショートカットキーがプログラムされていてキーが効きません。
そんなときは、メニュー内→「ウィンドウ」→「設定」→「一般」→「キー」にて
もともと設定されてるショートカットキーの変更して、
「　　ctrl+E　　」効くようにしました（＾＾）　


※別記事の「Zen-Codingのショートカットをまとめてみました」
↑↑後半部分でも補足説明ありました。

「Dreamweaver CS4」にも対応しているようです。 ＝　VIVID COLORS + BLOG　参考

・・・・今回の記事、長くなってしまいました！！
（コーディングって、、、WEBリテラシーなの？）
と内心、記事書いておいて疑問なのですが、


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【WEBリテラシーとは】
Webに関わる仕事を構成するプロデューサー、ディレクター、デザイナー、プログラマーという主要4職種の最重要知識だけをあつめて「Webリテラシー（標準知識）」と定義。
（参考：Webリテラシー試験の概要）より
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ともありますので、"コーディングも含むということで（＾＾）"


このコーディング使ってさらに便利な方法あれば、
また紹介します。