はてなブックマーク

「Fly」というGruntやgulp等同じタスクランナー&ビルドツールが出ているという話を聞き、とりあえず試しておこうと思い、まだ資料等が少なかったので、ついでに導入手順と記述方法を簡単にまとめてみました。 現在、自身ではgulpを使用しているのですが、似ている部分も多く、gulp等を使用した経験があれば導入は難しく無いと思われます。最近開発されたばかりなのでパッケージはGruntやgulp程出ておりませんが、気になる方は導入して使って見ると良いかもしれません。 Flyとは？ 「Fly」はNode.js製のタスク自動化ツールです。Gruntやgulpと同じ立ち位置のタスクランナー&ビルドツールとなり、gulpなどと同様にパッケージをインストールすることで、様々な機能をタスクとして組むことが出来ます。設定ファイル（flyfile.js）はES6で記述していきます。 日本語ドキュメントが用意さ

概要 id・classの命名規則についてはGoogleのガイドラインや、BEMがあることで、ある程度指標ができておりますが、仕事で使うガイドラインを制作するにあたって、どのような形が望ましいのか、考えなおそうと思い、色々情報を集めていました。 BEMの考え方が個人的に良かったので、採用しようと思ったのですが、BEMは少し冗長になりがちなので、個人的にはそこを改善したいのと、無駄になりそうな要素はなるべく減らして行きたかったので、BEMの考え方を基に少しカスタマイズして、命名規則を思案しました。 BEM 記事も揃っておりますので、ここには特筆はしません。 簡単な説明のみとさせていただきます。 BEMとは？ 「Block」「Element」「Modifier」の頭文字。BEM（ベム）と呼びます。 Block / 構成のルートとなる親要素。 Element / Blockに付随する子要素。 Mo