Web技術寄りな雑記Blogカスタマイズ開発CSS2017-05-03日本語特化のBootstrapテーマ「Ayame」を作ってみたBootstrapテーマで日本語特化したものに「Honoka」というのがあって。最近Bootstrapテーマを使う機会があったため、HonokaをForkしてAyameというのを作ってみた。#現状でダーク系のテーマがみあたらなかったことがまず大きな理由。約物についても調整したい。個人的なことを言えば、日本語フォントは16pxだと少し小さいめな気がしてて、できれば18pxぐらいが良いと思ってたから。あいかわらずの自分で作ってしまえ精神。#前述のとおり、行間、文字間の調整、YakuHanJPを使用、フォントサイズの拡大。色はダーク系にして、せっかくなので和風の配色をとりいれてみた。「Ayame」は僕が大好きなゲームのキャラ、天誅から女性主人公の「彩女」より。アヤメと菖蒲をかけて、メインの色を菖蒲色にした。Fork元のHonokaはGruntでBower対応なんだけど、それはぜんぶぶったぎった。Gulpにして、本当はnpmとかで配布したいとは思うけどまぁとりあえずそこはおいおいで。Scssもぶったぎった。個人的にScssよりStylusのほうが好きだから。#つまるところ、かなりオレオレ仕様です。そもそも広く配布しようと思って始めなかったし、なんかFork元とそのファミリーの命名が女性形なので、なんか適当に女性にするかー、せっかくだから和風にするかー、日本語特化だし、みたいな感じ。あと、リリースとかビルドとか配布とか関してももっと上手くやるべきだと思うんだけど、かなり粗削り。オレオレ仕様なものをついでに配布してみた、的なのでいいか。#僕はBootstrapが嫌いだ。理由はcol-6とかっていうクラス名を使うところ。現状でのCSSフレームワークにおける最適解のひとつであろうことはわかってるんだけど、クラス名というかHTMLのマークアップ側で確定したデザイン情報を持たせるのが良くないと思う。マークアップは論理構造だけにすべきだ。いえ、サクっとなんか作るときに、Bootstrap準拠のものがけっこうあったりして、そこに労力を費やすべきじゃないこともしばしばあるので、今回のようにBootstrapを使うこともままある。