HTML+CSSコーディングが10倍速くなるZen Coding コーナーの記事一覧

icon このコーナーについて

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!

(全 12 記事)

こもり まさあき・岡部 和昌 2011/03/09 8:00 (32)

ここまで紹介した書式を組み合わせれば、HTMLを、「Zen Codingの記述」で一気に書いて、展開・生成することができます。

こもり まさあき・岡部 和昌 2011/03/03 8:00 (29)

Zen Codingでは、コードを入力してからテキストを入力する方法と、テキストを先に入力しておいて、HTMLタグを適用する方法があります。また、同じタグをくり返すコードを一気に書くこともできるのです。ここからは、Zen CodingでHTMLをよりスマートに書くために覚えておきたい入力方法について説明します。

こもり まさあき・岡部 和昌 2011/02/25 8:00 (27)

それでは、HTMLコーディングでとくによく使うHTMLタグをZen Codingで入力する方法を、くわしく見ていきましょう。

こもり まさあき・岡部 和昌 2011/02/21 8:00 (28)

Zen Codingには、便利な機能がいろいろあります。これらの便利な機能をタグ入力支援機能と組み合わせることで、快適な高速コーディングが実現できます。

こもり まさあき・岡部 和昌 2011/02/15 8:00 (32) (42)

Zen Codingを使ってHTML/CSSコーディングでは、Zen Codingを導入した環境でそれぞれのHTML/CSSタグの「省略形」といわれる略語を入力し、「展開」すると、統合開発環境のスニペット(統合開発環境から短いプログラムコードを呼び出す機能)のように、一連のコードが生成されるしくみになっています。

こもり まさあき・岡部 和昌 2011/02/08 8:00 (54) (49)

WordPressは、無料で使えるインストール型ブログツールです。WordPressの記事作成画面でも、Zen Codingを使うことができます。WordPress用のZen Codingプラグイン「WP Zen Coding」は、作者rewish氏によるWP Zen Codingのページで配布されています。

こもり まさあき・岡部 和昌 2011/02/02 8:00 (21)

Movable Typeは、多くのユーザーを持つインストール型ブログツールです。Movable Typeの画面エディタやテンプレート編集エディタでも、Zen Codingを使うことができます。Movable Type用のZen Codingプラグイン「MT Zen-Coding」は、作者Tiny Beans氏によるMT Zen-Codingのページで配布されています。

こもり まさあき・岡部 和昌 2011/01/27 8:00 (33) (35)

秀丸エディタは、Windows用の定番テキストエディタ(シェアウェア)です。プログラマをはじめ、多くのユーザーに利用されています。秀丸エディタのZen Codingマクロは、作者smogami氏のサイトの「秀丸マクロでZen Coding」のページで配布されています。

こもり まさあき・岡部 和昌 2011/01/21 8:00 (66) (36)

Dreamweaver(Windows/MacOS)用のエクステンションは、Zen Codingの公式サイトで配布されています。Windows用もMacOS用も、同じファイルが使えます。

こもり まさあき・岡部 和昌 2011/01/17 8:00 (89) (131)

Zen Codingでは、よく使うコードを「省略形」で入力するだけで、さらにかんたんにコードを入力することができます。

こもり まさあき・岡部 和昌 2011/01/11 8:00 (48)(188) (478)

ここではまず、Zen Codingとはどのようなものなのかを説明します。また、Zen Codingでどんなことができるのかを知るために、ブラウザー上で動くエディタでZen Codingの機能を試してみましょう。

こもり まさあき・岡部 和昌 2011/01/11 7:30

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!

日本赤十字社 東日本大震災 義援金募集
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

今日の用語

ソーシャルマーケティング
企業が自社の利益中心にマーケティング活動を行うのではなく、社会全体とのかかわりを ... →用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

GOLD SPONSOR
さくらインターネット株式会社株式会社KDDI ウェブコミュニケーションズ株式会社日本レジストリサービスオープンテキスト株式会社トランスコスモス株式会社株式会社ハイパーボックスDomain Keeper
SPONSOR
株式会社キノトロープ株式会社アイレップ株式会社ニューズ・ツー・ユーシックス・アパート株式会社ウェブアンテナ株式会社サイバーエージェント富士通株式会社Sitecore