Atomic Designの思想でCSSフレームワークを作るのは難しいので代替案を考える


一昨日、「FLOCSSがわかりにくい」「Atomic Designの思想でフレームワークを作ってみたい」という記事を書いたところ、とてもたくさんの感想をいただきました。

【Webdesign】Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい | ウェビンブログ

大半がフロントエンドエンジニアからの突っ込みです。著名な方々にもたくさん意見をいただいただのでまとめました。ありがとうございます。

「Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい」に識者たちの鋭すぎる突っ込みが入る - Togetterまとめ

Atomic DesignがCSS設計に適していない理由

ピクセルグリッドの高津戸さんによると、そもそもAtomic DesignはCSSやJSの設計とは全く関係ないそうですが、よく考えてみると、たしかに厳密な階層構造を持っているAtomic Designの設計は、デザインレベルからの意思統一が可能な環境でなければ破綻してしまいます。

私はデザインを外部に発注することが多いですし、CMSベースで構築すると、どうしてもマークアップやクラスの命名に手を出せない箇所が出てきます(※)。

そんなこんなで、Atomic Designを採用することは諦めて、既存のCSS設計を、専門のマークアップエンジニアではなくても理解しやすくする方向で考え直すことにしました。

この記事には続きがあります

Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい

Atomic Designの構成図かわいいです

2017-06-16追記:Atomic Designをフレームワークに採用すべきでないという結論になりました。悲しい。こちらの記事でもう少し技術的な考察をしています。
Atomic Designの思想でCSSフレームワークを作るのは難しいので代替案を考える

久しぶりにいくつかコーディングの仕事をすることになりそうで、CMSの構築と比較して効率化できていなかった、CSSの設計を見直すことにしました。

最近のCSS設計は、OOCSSFLOCSSSMACSSなどがあり、高度かつ多岐に渡ります。ウェブデザイン設計についても、Material DesignAtomic Designなどがあります。

どれも素晴らしい内容なのですが、どうも私の中ではもやもやとしています。
かつてと比較すると、あまりにも理系寄りで難解だと感じるのです。

この記事には続きがあります

Adobe Premiere Proで動画を作って、YouTubeで配信してみた


スペックが高いWindowsマシンを導入したので、動画編集と配信の勉強を始めました。

メインマシンは、MacBook Proの13インチです。いくらハイスペックになったとはいえ、ローカル環境をそうとうカスタマイズしている端末での動画編集は危険すぎるので、意識的に避けていたのです。

ゲームプレイ動画の配信に興味を持ったこともあり(下手ですが…)、ゴールデンウィークの一週間を使って、制作から配信までひととおりやってみました。

YouTubeで、ゲーム動画を配信するまでに調べたこと、やったことをまとめます。アプリケーションのチュートリアル動画もだいたい同じ流れで良いと思います。

この記事には続きがあります

Drupal8について、Movable TypeやWordPressを使っている人が知っておいた方が良いこと


Drupal8がすっかり標準になりましたが、私はなかなか実践レベルになりません。ちゃんとサイトを作らなければ身につかないと、Drupalで趣味の素材配布サイトを立ち上げてみることにしました。

私のCMSの構築は、2005年頃にブームだった素材サイトからはじまりました。素材は、AI・PNG・壁紙などの属性が異なるファイルを、複数のタクソノミーで検索させる必要があり、自動化しようとすると奥が深いコンテンツです。


echo_zeroのフレームワークは今回も役に立ちました

投稿タイプ・フィールド・タクソノミー・Views・サブテーマまで勉強して、見た目はともかくきちんと機能する素材サイトがだいぶできてきました。

ここまでの段階で、MTやWordPressなどのブログベースのCMSで制作をしている人が、Drupal8を学習する前に知っておかないと苦労すること・損をすることがいくつかあると感じたのでメモしておきます。

この記事には続きがあります

MTLive Sapporoに参加して、MovableType.netのテーマを作っていました


先週の4月22日(土)に開催された「MTLive Sapporo」に参加しました。会場は先日のレポート記事で紹介した、スペースカンテです。

Movable Typeの札幌コミュニティ「MT蝦夷」の勉強会で、以前は「MTCafeSapporo」という名前でした。私が名古屋から帰って来た昨年はお休みだったので、参加は5年ぶりくらいになります。
賑やかで充実したイベントでした。内容は主催のジャクスタポジション西山さんのレポートをご覧ください。

MTLive Sapporo を開催しましたー! - www.ni4.jp

私は、最初の一時間は初心者のサポートをしていたのですが、その後はASPサービス「MovableType.net」を業務に取り入れるため、本格的なテーマ作りを試していました。

かなり収穫があり、一年ぶりくらいにもくもく会で勉強をした感があるので(ちょ、おま)その話をメインに書いていこうと思います。

この記事には続きがあります