ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog

テクノロジー

HTML+CSSコーディングが10倍速くなるZen Coding

初めに

こんにちは。R&D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。

今までZen Codingの基本(マークアップ効率化 - zen-codingでコーディングを倍速に)、Zen Codingの応用(Zen-Codingの応用でもっと超速に- 原稿ありきの変換について)と二つの記事を書いてきましたが、今回もまたZen Codingについての記事となります。
Zen Codingしか知らないわけではないのですが......立て続けの内容ご容赦いただければと思います。

今回は今までの記事とは違って、11月26日(金)発売予定の「HTML+CSSコーディングが10倍速くなるZen Coding」という本(以下本書)についての説明です。

こもりまさあきさんと共著させていただき、Impress Japanさんより発行いたします。

本書のプレゼント もあるので、ぜひ興味ある方はこのエントリーを見て応募をしてみてください。

そもそもZen Codingとは

Zen Codingのことが良くわからない方は以下の動画を見ていただいたり、過去に書いた記事を参照していただけるとより理解しやすいかと思います。

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

本書の概要

本書は以下の様な方々向けに書かれたものです。

  • マークアップをもっと効率よく、ストレスを減らして作業を行いたい
  • Zen Codingを聞いたことがない、さわったことがない
  • Zen Codingの導入・インストール方法がわからない
  • Zen Codingを導入してみたものの、有益な使い方がわからない
  • Zen Codingに興味がある

上記のいずれかに該当する方はぜひ、本書を見ていただきたいと考えています。

また、本書の特徴として大きく挙げると以下の4点になります。

  • 各エディター・オーサリングソフトへのインストール手順が書いてある
  • 基本の書き方から、応用の書き方まで細かく書いてある
  • Zen CodingのHTML/CSSレファレンスが付属している
  • Zen Codingのカスタマイズについて触れている

使った事はないけれども、コーディングをより効率化したい人向けの内容と言ったところでしょうか。
Zen Codingを使ったことがある方は、公式ドキュメントが日本語で書かれたレファレンス本だと思っていただけると良いです。

Impress Japan: HTML+CSSコーディングが10倍速くなるZen Codingのページや、その他ウェブ販売サイトで立ち読みが出来るので、その内容を読んで気に入れば購入を検討していただければと思います。


Zen Coding関連でのお勧めウェブサイト

また本以外にも、参考になりそうなサイトがいくつかあるので以下をご参照ください。

導入について

基本的な使い方

応用、その他


プレゼントについて

そして、Impress Japanさんのご好意により、「HTML+CSSコーディングが10倍速くなるZen Coding」プレゼント のページより、応募していただくことで抽選で3名さまに本書が当たります。
応募締め切りは12月13日(月)です。

  • 「ご氏名」
  • 「メールアドレス」
  • 「インプレスジャパンから新着情報をメールを受け取っても良いか」

上記3点に答えるだけです。
※応募要項や注意事項の詳細は、プレゼントページを参考にしてください。

最後に

Zen Codingは暗記して省略した語句を展開するだけではなく、コーディングに必要な便利なショートカットキーも使える様になります。
入れておいて損はない拡張機能だと言う事は明言できます。

これを機にZen Codingを使ってくださる方や、周りに勧めてくださる方が増えると幸いです。

こちらの記事のご感想を聞かせください。

  • 学びがある
  • わかりやすい
  • 新しい視点

ご感想ありがとうございました

このページの先頭へ