SaCSS vol.71

2015/12/12(土)18:00に札幌市民ホールで開催されたSaCSS vol.71に参加しました。北海道でフロントエンドエンジニアとしてで活動されているh2hamさん主催のセミナーです。 今回はJavaScriptにまつわる色々な事を話す内容でした。時間の都合で最初の部分しか出られませんでしたが、軽く感想です。

JS素人の私がJavaScriptの基礎の基礎でFacebookをJACKするまで

Facebookが大流行したときは、画面周りなどのカスタマイズができないか調べたことがありました。SNS系のサービスが当たり前に組み込まれる中で、JavaScriptを使うことで手間暇がかかりますがカスタマイズできるとなると、仕事として選択肢が広がると思います。

JavaScript初心者でも使える!はじめての gulp

MacをベースにNode.js、Gulp、Sassまでを組み込む内容でした。話も分かりやすく資料も綺麗でまとまっていたのですが、環境構築はPC毎で詰まる可能性もあるため、このあたりまで来るとハンズオンでないと初心者には厳しいなと思います。 Windowsでの導入については、私の方で詳しくまとめた資料があるので、気が向いたらブログに書きます。

SaCSS vol.70

2015/11/7(土)13:00-17:00に株式会社インフィニットループで開催されたSaCSS vol.70に参加しました。北海道でフロントエンドエンジニアとしてで活動されているh2hamさん主催のセミナーです。 今回はLT祭りと称して従来より規模を拡大、発表者も業界最前線で日々切磋琢磨している人達、いつもより長い時間にもかかわらず面白い話が聞けました。その中で私が気になった2つの内容、JavaScriptとCSSのフレームワークについての感想というかまとめです。

JavaScript

JavaScriptを使用したプログラム構築で工数を減らすために有名なのが「CoffeeScript」。これが現在、マイクロソフトが開発した「TypeScript」へ移行しているようです。ちなみに、CoffeeScriptは大規模開発への対応、TypeScriptはさらに型指定ができるのが特徴のプログラミン言語ということです。 JavaScriptにはECMAScript(エクマスクリプト)と呼ばれる規格がありますが、現在策定されたバージョンが6となり(正式には2015)色々な機能が使えるようになるそうです。今のところWeb案件で使用するには「Babel」を経由して使うのが良さそうとのこと。BabelはNode.jsで動作します。 また、JavaScriptはフレームワークも充実していて、多くのフレームワークが開発され、かなり速いスパンで切り替わっています。有名なのはMVCを進化させたMVVMの考え方を持つAngularJSですが、後に開発されたVue.jsの方が覚えやすいようです。次トレンドになりそうなのがMithril.jsで、他にReact.jsというのもあります。

CSSフレームワーク

CSSのフレームワークで有名なのはBootstrapですが、マテリアルデザインをベースとしたものが開発されていました。それが今回取りあげられた「Materialize」。導入方法は他のフレームワークと似たような内容なので難しくはない印象です。ただし、Android4.xでバグあるなど、導入後の修正が前提となっているので注意が必要。 マテリアルデザインのフレームワークには他にもGoogleが公開している「Material Design Lite」を始め、「MUI」、「Material Design for Bootstrap」など色々と種類がでています。やはり導入だけでは上手くいかないケースがあるため、案件の仕様に合わせて適切なフレームワークを選び、カスタマイズしていくのが良さそうです。