AngularJS Material Design components

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

angularjs125title

車輪開発大好きおたいがです。こんにちは。(挨拶)

昨日、Google のエンジニアリングディレクター兼 AngularJS のマネージャーである Brad Green 氏が発言しました。

「AngularJS 製の Material Design コンポーネント開発に取り組んでいます」とのこと。早速デモサイトを覗いてみました。もちろん AngularJS 製です。

デモサイト

https://material.angularjs.org/#/

デモサイトのトップページに「この AngularJS の Material Design プロジェクトは Polymer の paper elements を補助する努力をしますよ 」…的なことが書かれています。なるほど。

できたてリポジトリなので…

まだ立ち上げで間もないリポジトリなのでドキュメントがありません。ざっくり見た感じ gulp を使ってビルドすることでローカル環境にデモサイトを展開させたり、'ngMaterial' という名前の AngularJS モジュール (material-design.js) を書き出したりすることができるようです。

実際に書き出してみました。

ngMaterial03

ngMaterial02

ngMaterial01

gulp に関しては、当ブログでも紹介しているのでご存じない方は併せて合わせてご覧ください。

【Gulp.js入門】新鋭フロンエンド・タスクランナーツール を試してみました。
https://dev.classmethod.jp/tool/gulpjs-part-001/

まとめ

立ち上がって間もないリポジトリですが、今後利用する可能性は十分にあると思うので、チェックしておくと良いかもしれません。