Web production [ Quality Wizard ] project

About

Qwi Project について

Qwi Project(キウィ・プロジェクト)は、「WEB制作における効率的な品質向上」の仕組みを考案する事により、企業の枠を超えて、顧客・ユーザー・制作者のベネフィット向上を試みる企画です。

狭義では社内標準化にあたりますが、様々な制作現場において有用となりえるものを外部公開することにより、WEB業界の発展に貢献できればと願い活動しています。

本件プロジェクトは、ICT株式会社の社内プロジェクトとして発足し、パートナー企業とともに同企業が運営しています。

Release

リリース情報

DEX-GRID

独自のCSSグリッドシステムをページ上から生成・ダウンロードできるツール。
デザイン時の画面設計やディレクションにも使用できる。

DI-CORDING

DI(Design Injection)によるコーディング方法と、命名雛形作成の提案。

CASC

WEBサイトのコーディングにおける「CSSの役割」を分類し、様々な要素・要因を疎結合管理することで、イニシャルの制作とランニング改修作業を効率化するためのCSS設計メソッド。

LACSS

サイトのレイアウトを簡単な法則で1400種類以上作成できる手法を掲載。
作成した「レイアウトイメージ」は、そのままHTMLコード化できる。

Plan

企画

HTMLファイル自動生成ツール

Excel書類から、HTMLファイルを自動生成するツール。titleやdescription、OGP埋め込みも自動化。

ファーストビューレイアウト集

PCモニタにおけるファーストビューの配置パターンを特定ルールで洗い出し、一覧化。
アイデア参考資料として活用可能。

CSSドキュメント化ツール

CSSやSassファイルのコメントを抽出し、単独のスタイルガイドとしてドキュメント化するためのツール。MarkDown対応。

グリッド設計・共有ツール

ディレクター・デザイナー・マークアップエンジニアなどで共有ができるグリッド(ガイド)の設計ツール。

Team

プロジェクトチーム

  • 黒田 真一朗

    プロジェクトプランナー/アーキテクト

    プロジェクトの全体企画や、手法・サービス・ツールの企画・設計。
    各サイトのコンテンツ設計・ディレクション・デザイン・コーディングなど。

  • 長尾 一矢

    フロントエンド・エンジニア

    各企画における詳細設計や実装。業務での案件導入とフィードバック。
    各種サイトのコーディングやJavaScriptによる開発全般。

Special
Thanks

感謝

プロジェクト全体や各企画に対してコメントやアドバイス・フィードバックを下さった方、賛同及び応援してくださっている方、実際に導入された方、仕事としてプログラムやサーバー構築などにご助力頂いた方の中から、掲載許可を頂いた方の名前を掲載しています。(※不順同)

  • 衣笠 雄範 Katsunori Kinugasa

    株式会社フロス / チーフデザイナー
    http://www.flossinc.jp/

  • タガヤ コージ Koji Tagaya

    株式会社ASENS / 代表取締役CTO
    システムコンサルタント
    https://asens.jp/

  • 齊藤 新三 Shinzo Saito

    Sarva / 代表
    Webシステムアーキテクト
    HAL大阪非常勤講師
    WINGSプロジェクトテクニカルライター
    https://www.websarva.com/
    Twitter@architshin

  • 田中 佳明 Yoshiaki Tanaka

    田中屋 / 代表
    システム・クラウドエンジニア
    https://github.com/wate/lde