色々と発表する機会があったので、自動生成型のスタイルガイドのまとめです。 ここでいうスタイルガイドというのは、SMACSS(Scalable and Modular Architecture for CSS)に代表されるようなコーディング・パターンガイド的な側面のものよりは、特定のサイト(またはアプリなど)に定義されている(または定義する予定の)スタイルの一覧やコーディング規約を閲覧できるようにドキュメント化したもののことを指しています。 このスタイルガイドという物自体は今にはじまったことではなく、(いやゆる受託でのWeb制作の仕事であれば)納品物と一緒に同梱するというようなことも多くありました。 サイトの更新者への引き継ぎ、チーム開発の場で共有することでクオリティを担保するという意味で、多人数で仕事をする場合にはあるととても便利なものです。 ただし以前はそれらのものを(たいがいの場合)手
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、アメーバ事業本部 teens事業部の谷です。業務ではフロントエンドデベロッパーとして、主にHTML/CSSの設計・実装をおこなっています。 今回は、以前斉藤が書いた「モバイル時代におけるCSSの設計と実装」という記事で触れられていたコンポーネントリストもといスタイルガイドについてのお話です。 スタイルガイドの事例と、スタイルガイドを生成するツール StyleDocco の紹介をします。スタイルガイドとは先の記事より引用すると、ページ上の部品(コンポーネント、モジュール)を集めたリスト、ページのことです。どれがコンポーネントで、どれがモジ
この記事は賞味期限切れです。(更新から1年が経過しています) 先日スタイルガイドを制作する機会がありまして、 せっかくなので、スタイルガイドの生成に利用したStyleDoccoの使用感などをまとめておきます。 スタイルガイドについて ざっくり言うとスタイルシートのドキュメントです。 自分一人で完結するその場限りのページなら良いのですが、 複数人のチームで組み込んでいたり、メンテナンス担当が他の方だったりする場合、 プロジェクトのCSSをドキュメント化しておく必要が出てきますね。例えば、 どのような命名規則や方針で書かれていて どこになにがあり どのようなモジュールがどこで使えて そのモジュールはどうするとどのような挙動を起こすのか 等をまとめておく文書になると思います。 規模によってはかなり骨な作業になりそうです。 StyleDoccoとは StyleDocco StyleDocco ge
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く