# CSS フレームワークの Basis 2.1.2 がリリースされてました。

- リンク: https://torounit.com/blog/css-%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%81%ae-basis-2-1-2-%e3%81%8c%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%a6%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/
- 公開日: 2016-03-01T07:21:22+09:00
- 作成者: Toro\_Unit

[カスタムフィールドのプラグイン](https://wordpress.org/plugins/smart-custom-fields/)
と[フォームのプラグイン](https://wordpress.org/plugins/mw-wp-form/)で闇を抱えている
らしい、長崎のエンジニア / WordPress のテーマ作者でもある[キタジマさん](http://2inc.org)
が 、[Basis](http://inc2734.github.io/basis/) という CSS フレームワークを作っている
のを発見したので、暇つぶしに大量のプルリクを送りまくるという嫌がらせを行いました。

[僕が投げつけた issue と Pull Request の一覧。](https://github.com/inc2734/basis/issues?utf8=%E2%9C%93&q=author%3Atorounit+)
自分でもちょっと引いた。

ちょっと最近忙しくてプルリクも全然送れなかったのですが、無事バージョン 2.1.2 が先日
リリースされました。

> ブログ書きました。/ Flexboxベースの軽量レスポンシブCSSフレームワークBasisをつくり
> ました。 [https://t.co/rnh6JcqvFC](https://t.co/rnh6JcqvFC)
> — キタジマタカシ?Snow Monkey / unitone開発者 (@inc2734) [February 29, 2016](https://twitter.com/inc2734/status/704286660486238209?ref_src=twsrc%5Etfw)

## Basis の特徴

レイアウト周りで CSS をあんまり書きたくない人向けのフレームワークかなーと思いました。
というかたぶんキタジマさんが書きたくないんだろうなーって思います。

なので、他のフレームワークと比べるとだいぶ Grid 周りに特徴が有ります。グリッドの
マージンが複数有るケースとかは実務でも結構発生するのですが、そこら辺をケアしている
のはかなり使いやすいのかなーとは思いました。あんまりデザインに左右されずに使える
というか、実務でHTML/CSSを書いてる人ならではの機能が結構盛り込んであります。

[Foundation](http://foundation.zurb.com/) のように、ちゃんとモバイルファーストで
設計されているのも、実践的かなと思いました。

また、[FLOCSS](https://github.com/hiloki/flocss) を採用しているのは、国産ならでは
ですね。FLOCSS はモジュールごとにプレフィックスをつけることを推奨しているのですが、
既存のフレームワークと組み合わせるのが結構気持ち悪いんですよね。そうなってくると、
FLOCSS で書かれたフレームワークって結構取り込みやすいんじゃないですかね。また、[_s](http://underscores.me/)
等の既存のテーマに CSS を当てていくみたいなことをやろうと思ったときって、既存のクラス
名と、自分でスタイリング用に書いたクラス名の区別が付かなくて結構泣けたりします。
そういう人にもおすすめ。

## プルリクを送りつけまくった感想

セマンティックバージョニング警察みたいなことしたりしているうちに楽しくなってきて、
いろいろツッコミを入れてみたりしました。

元々が、かなーりエッジの効いたフレームワークだったので、npm install 時に、Sass から
CSS を自動ビルドさせてみたりとか、普段だったらやる機会のないものもプルリク投げたり
していろいろ遊んでました。その結果、node 4系だとだめー、npm 2系だとだめーみたいな
現象にぶつかったり、結構楽しい経験でした。（そのせいでそもそもリリースが1ヶ月もずれ
たんじゃ無いかと。。。。）

僕は元々マークアップやデザインの方面からスタートしている人間ですが、彼はがりがり
のエンジニアなので、同じ SCSS をという言語のはずなのに、こうも違うもんかーとかいろいろ
参考になったり変態過ぎてならなかったり等、いろいろ新鮮な驚きと面白さがありました。
やっぱりプロダクトって設計やコードに考え方、人間性みたいなのものがにじみ出てくる
んで、Twitter で雑談してる気分で楽しいです。

また、読んでるうちにコードの理解が進むので、自分自身も使いやすいです。キタジマさん
はだいぶ前から使っていると言ってたのですが、バージョン 2 がリリースされたので、僕
もちょくちょく使ってみようかと思います。

今回はがりがり日本語でやりとりしてたので、そこら辺はどうなのかなーとは思ってたり
しますが、FLOCSS 自体が現状日本語しかないので、別に良いのかなとも。そこら辺はもっと
流行ってから考えれば良いし、とりあえずはじめてみるのは大事だなーとは思います。

あと、キタジマさんが、こんなこと言ってました。

> 普段 CSS フレームワークを使っていない方でも何らかのオレオレ CSS フレームワーク
> なり使い回し用 CSS 的な物は持っていると思うんですよね。毎回同じような初期設定の
> スタイルとかを全て一から書いたりはしないと思うので。
> で、その時はそれなりに使い勝手が良くて使い回すんだけど、ちょっとイレギュラーな
> ところになるとあれ？ってなったり、ちょっと複雑になると設計の不足やそもそも設計
> なんて無かったというのが気になったりとかあるんじゃないかなーと思うんです。僕が
> そうなので。
> そういう物をいっそ公開しちゃえば、そうやってアドバイスをもらってブラッシュアップ
> するチャンスがでてきたりもするし、もしその公開したものがすごく良いものだったら
> 多くの人が幸せになったりもするし、公開するのって改めておもしろいなぁと思ったん
> ですよね。だから皆さんも手元に隠してないでどんどん公開したら良いんじゃないかなー
> と。それを見て僕が参考にしたいだけなんですけど。

まさに オープンソースのメリットってこういうところにあるんじゃ無いかなーとは思います。
が、CSS をここまでモジュール化して汎用性を持たせてってことふつーの人やらない気が
するんですよ。正直。

そういう人こそ、こういうものを使ったりするのって大きなメリットなんじゃ無いかなー
とは思いました。当然、最初は自分のオレオレ CSS のほうが使いやすいんですが、どうせ
1年経てば別物になってたりするので、だったらその分こういったものを使うメリットは大きい
のでは？と僕自身いろいろ考えさせられました。

ドキュメント作るのがかったるくても、ドキュメントに一つセクションを足すのは結構簡単
なので、そういったノウハウを issue を送りつけてみたり、プルリクエストを投げること
で、使い回せる形にしていくってのは、みんなが幸せかどうかは置いといて自分は幸せに
なれるんじゃ無いかなーと思ったりしました。別に変なの送ってもマージされないだけなんで、
とりあえず送ってみれば良いんじゃ無いかと思います。

キタジマさんが、issue を送れと言ってるので、またちょっと暇が出来たときにスパムの
ごとく送りつけてやろうと思います。