ヒカ☆ラボ 「ソーシャル経済ニュースアプリ NewsPicksのつくりかた」 イベント参加メモ
7/23にヒカ☆ラボで開催された、ニュースピックスが展開するニュースアプリ「NewsPicks」のつくりかたを紹介するセミナーに参加してきました。
ちなみに、ATENDで公開されていたタイトルは「何十倍もの成長を遂げる有名ソーシャルメディア開発の秘訣とは?! ソーシャル経済ニュース「NewsPicks」の成長の裏側を、サービス視点とテクノロジー視点の両軸から赤裸々に解説して頂きます!」です。長すぎるのでプレゼンテーション資料のタイトルを拝借しました(汗
Sublime TextでBEM設計(SCSS)する際には Syntax Highlighting for Sass 使ったほうがいいよ
SCSS(Compass)でBEM設計コーディングをしよう、と思った時に気になったことが。 Sublime Textの人気なSCSS用シンタックスパッケージはSCSSですが、ComapssのBEM向け記法で記述しようとすると、
こんな具合にclassにハイライトが入ります。
具体的には「&」のあとに「_」(アンダースコア)や「-」(ハイフン)をつけると起こる現象です。
別にコーディング自体に影響はないですが、エラーが起きてる気がして心がざわつくので
なんとかしたい...と思って調べていたらこんな記事がありました。
海外の方も同じことを思っていたそうです。
BEM nesting SCSS with parent selectors breaks Sublime Text syntax highlighting?
Syntax Highlighting for Sassをインストールする
ということで、下記パッケージをインストールすることで解決できます。
はい、この通り治ります。気持ち悪くなくなりました。
なお、パッケージを切り替えることでコード補完もemmetのような省略コードを打つ形式に切り替わります。
便利なので問題ないのですが、SCSSのパッケージに慣れていた方は一応注意を。