インプレス ビジネスメディア

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

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

記事一覧

HTMLを一気に書き上げよう | Zen Coding 3-5

Zen Codingの構文を組み合わせよう

こもり　まさあき・岡部 和昌

2011年3月9日 8:00

  • 63
  • サイト制作／デザイン
  • 解説／ノウハウ

Zen CodingでよりスマートにHTMLを書く | Zen Coding 3-4

Zen CodingでHTMLをよりスマートに書くために覚えておきたい入力方法

こもり　まさあき・岡部 和昌

2011年3月3日 8:00

  • 29
  • 23
  • サイト制作／デザイン
  • 解説／ノウハウ

HTMLでよく使うタグをZen Codingで入力する | Zen Coding 3-3

HTMLコーディングでとくによく使うHTMLタグをZen Codingで入力する方法

こもり　まさあき・岡部 和昌

2011年2月25日 8:00

  • 27
  • 32
  • サイト制作／デザイン
  • 解説／ノウハウ

Zen Codingの便利な機能 | Zen Coding 3-2

Zen Codingには、便利な機能がいろいろあります。

こもり　まさあき・岡部 和昌

2011年2月21日 8:00

  • 28
  • 31
  • サイト制作／デザイン
  • 解説／ノウハウ

Zen Codingの基本的な使い方 | Zen Coding 3-1

Zen Codingを導入した環境でそれぞれのHTML/CSSタグの「省略形」といわれる略語を入力し、「展開」

こもり　まさあき・岡部 和昌

2011年2月15日 8:00

  • 32
  • 79
  • サイト制作／デザイン
  • 解説／ノウハウ

WordPressへのインストール | Zen Coding 2-8

WordPress用のZen Codingプラグイン「WP Zen Coding」

こもり　まさあき・岡部 和昌

2011年2月8日 8:00

  • 54
  • 94
  • サイト制作／デザイン
  • 解説／ノウハウ

MovableTypeへのインストール | Zen Coding 2-7

Movable Type用のZen Codingプラグイン「MT Zen-Coding」

こもり　まさあき・岡部 和昌

2011年2月2日 8:00

  • 21
  • 25
  • サイト制作／デザイン
  • 解説／ノウハウ

秀丸エディタへのインストール | Zen Coding 2-2

秀丸エディタのZen Codingマクロは、「秀丸マクロでZen Coding」のページで配布されています。

こもり　まさあき・岡部 和昌

2011年1月27日 8:00

  • 33
  • 71
  • サイト制作／デザイン
  • 解説／ノウハウ

Dreamweaverへのインストール | Zen Coding 2-1

Dreamweaver用のエクステンションは、Zen Codingの公式サイトで配布されています。

こもり　まさあき・岡部 和昌

2011年1月21日 8:00

  • 66
  • 70
  • サイト制作／デザイン
  • 事例／インタビュー

Zen Codingでできる、あんなことこんなこと | Zen Coding 1-2

Zen Codingを使えばコーディングはこう変わる！

こもり　まさあき・岡部 和昌

2011年1月17日 8:00

  • 89
  • 257
  • サイト制作／デザイン
  • 解説／ノウハウ

HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1

ここではまず、Zen Codingとはどのようなものなのかを説明します。

こもり　まさあき・岡部 和昌

2011年1月11日 8:00

  • 48
  • 188
  • 929
  • サイト制作／デザイン
  • 解説／ノウハウ

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

2011年1月11日 7:30

  • サイト制作／デザイン
  • 解説／ノウハウ

新着記事

格安SIM利用率1位は「IIJmio」、2位は「mineo」。MMD研調べ【週間ランキング】 3月25日 8:00 「検索から訪問」がなくなる？　2026年に求められる「AIに選ばれる」ための情報設計 3月25日 7:05 “映え疲れ”のZ世代に人気「BeReal.」 企業が次世代ファンを育成するためのSNS戦略 3月25日 7:05 4月第1週【3/30～4/3】 マーケティング、SNS、ECなど各社Webセミナー情報まとめ 31件 3月24日 10:10 Adobeを18年率いた「サブスク化の立役者」ナラヤン氏が退任。なぜ、米テック大手は「インド系」が多いのか？ 3月24日 7:05

人気記事トップ10

「AI検索での露出に最も影響がある要因」とは？ GEOの最重要ポイントをリリー・レイ氏が解説【SEOまとめ】 ECサイトの商品探索、提案型の検索体験が求められている傾向【ZETA調べ】 「検索から訪問」がなくなる？　2026年に求められる「AIに選ばれる」ための情報設計 2025年のランサムウェア攻撃で最も被害が多かった業種は？ 復旧費「1,000万円以上」が5割超【警察庁サイバー警察局調べ】 AI時代の「Webサイトの存在意義」とは？ Sitecore CPOが語る、ブランド価値を守る“3つの拡張” 西はイタチ、東はハクビシン…害獣被害の地域差が判明！ 侵入場所は「天井裏・庭」が上位【駆除ザウルス調べ】 Amazonが始めた他社ECサイトでの商品購入を支援する「Shop Direct」とは？ 生成AIを活用した新たな機能「Buy for Me」との違いは？ 日経の法人向け生成AI「NIKKEI KAI」がグローバル統計データ「Statista」と連携 オンライン決済市場、2024年度は40兆円超　2029年度は約65兆円に拡大予測【矢野経済研究所】 AIに選ばれ、ファンに愛される。これからの企業発信とは？【AI時代の企業発信サミット2026 基調講演レポート】
格安SIM満足度ランキング、1位は「日本通信SIM」利用率トップは「IIJmio」【2026年2月・MMD研調べ】 「AIによる概要（AIO）」に変化？ 表示頻度が低下し、“定位置”変更の新トレンド ゼロクリック時代のSEO、「検索体験最適化（SXO）」でコンバージョンを高めよう（前編） Googleは「AIによる概要」を下げ始めたのか？ 検索意図を巡る最新アルゴリズム【1週間まとめ】 SEO的にWordPressの記事を、noteやはてなブログに転載してもいい？ 「検索から訪問」がなくなる？　2026年に求められる「AIに選ばれる」ための情報設計 AI時代の「Webサイトの存在意義」とは？ Sitecore CPOが語る、ブランド価値を守る“3つの拡張” チャットで質問するだけでデータ分析から改善まで！Amplitudeが「AIアナリティクスプラットフォーム」へ進化 サブスク動画市場の成長が再加速、2025年は6000億円超えに【GEM Partners調べ】 もうクーポンに頼らない！ 行動経済学×生成AIで「つい買ってしまう」顧客体験はどう設計する？
格安SIM満足度ランキング、1位は「日本通信SIM」利用率トップは「IIJmio」【2026年2月・MMD研調べ】 「AEON Pay」アプリが4月6日スタート、「イオンウォレット」を全面リニューアル 「AIによる概要（AIO）」に変化？ 表示頻度が低下し、“定位置”変更の新トレンド 「AI検索での露出に最も影響がある要因」とは？ GEOの最重要ポイントをリリー・レイ氏が解説【SEOまとめ】 ゼロクリック時代のSEO、「検索体験最適化（SXO）」でコンバージョンを高めよう（前編） SEO的にWordPressの記事を、noteやはてなブログに転載してもいい？ Googleは「AIによる概要」を下げ始めたのか？ 検索意図を巡る最新アルゴリズム【1週間まとめ】 ChatGPT一強に変化？ Gemini利用率が1.5倍に急成長、「AIモード」も拡大【サイバーエージェント調べ】 AI時代の「Webサイトの存在意義」とは？ Sitecore CPOが語る、ブランド価値を守る“3つの拡張” チャットで質問するだけでデータ分析から改善まで！Amplitudeが「AIアナリティクスプラットフォーム」へ進化
人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ！ Sponsored

「検索」の4人に1人がサイトを訪れない？ 2026年版AI検索白書が示す「ゼロクリック」の実態 7:05 「検索から訪問」がなくなる？　2026年に求められる「AIに選ばれる」ための情報設計 3月25日 7:05 もうクーポンに頼らない！ 行動経済学×生成AIで「つい買ってしまう」顧客体験はどう設計する？ 3月24日 7:05 検索データの裏にある消費者の本音を読み解く。IDベースの行動ログで実現する深層インサイト分析 3月23日 7:05 2026年、今までのSEOは通用するのか？ 「AIO（AI最適化）」の最前線と、AIがWebサイトに与える真の影響 3月9日 7:05 「AI疲れ」起こしていませんか？ AI導入をスムーズに進める6つの重要ポイント 3月6日 7:05 【3/10 東京開催】AI時代のマーケティング変革とCXデザインとは？「Sitecore City Tour Japan 2026」〜デロイト・松尾研究所・博報堂が登壇〜 3月2日 7:05 顧客とブランドを育てる Oisix、KAMO、日産自動車に学ぶ「visumo」活用術 2月26日 7:05 カカクコム「求人ボックス」 Criteo導入でCV6.5倍達成！ 運用業務ほぼなしの“AIファースト”戦略 2月12日 7:05 Web制作・広告業界の「終わってみないと利益が不明」を解消！ リアルタイムで案件の収支可視化を行う秘訣 2月10日 12:15

編集部からのおしらせ

第28期 企業Web担当者初級講座【6/11（木）6/12（金）開催】 3月23日 6:50 AI×コンマケの入門書『いちばんやさしいAI時代のコンテンツマーケティングの教本 人気講師が教える「信頼される」企業になるための情報戦略』を3名様にプレゼント 3月13日 10:00 激変するデジタルマーケティングの現在地 ～AI活用、SEO、Web解析など徹底解説～ 3月12日 7:05 『やりたい！ができる 生成AIでアプリづくり 仕事＆日常がもっとラクになる』を3名様にプレゼント 3月6日 10:00 Web担 編集後記 2026年2月 2月27日 15:00
すべて見る