{"data":{"site":{"siteMetadata":{"title":"bauhausify","subtitle":"美大出身のWEBエンジニアリング奮闘記","description":"バウシィファイ(bauhausify)は、Webサイト・アプリケーション制作におけるデザインと技術の情報発信ブログです。","descriptionMyself":"\n多摩美術大学<br>プロダクトデザイン専攻卒業 -> <br>GUIデザイン会社勤務 -><br>\n現在フロントエンジニア<br>\n<br>\nMy site -><br>\n<a href=\"http://www.mwrote.com\">www.mwrote.com</a>\n"}},"allMarkdownRemark":{"edges":[{"node":{"id":"f511504c-0429-54aa-a2b2-17d049680fa7","fields":{"slug":"/2019-09-08_アトミックデザインはコンポーネント再利用の設計方法/"},"frontmatter":{"date":"2019/09/08","title":"アトミックデザインはコンポーネント再利用の設計方法","category":"Design","excerpt":"アトミックデザイン(Atomic Design)はデザイン手法と思われがちですが、エンジニアリング、設計手法に近い考え方です。その考え方の一例を紹介します。"}}},{"node":{"id":"6447a8c6-ecea-5d34-94f4-b65f0b6f3b70","fields":{"slug":"/2019-08-27_フォーミュラによる美しいパターンをjavascriptで描く/"},"frontmatter":{"date":"2019/08/27","title":"フォーミュラによる美しいパターンをJavaScriptで描く","category":"Design","excerpt":"美しいパターンというのは、JavaScriptで簡単に描くことができます。"}}},{"node":{"id":"97897291-11c4-5dba-b0d8-0bbcd0851d00","fields":{"slug":"/2019-08-24_Bodymovinでサイズを拡大しても綺麗なWeb用アニメーションを作る方法/"},"frontmatter":{"date":"2019/08/24","title":"Bodymovinでサイズを拡大しても綺麗なWeb用アニメーションを作る方法","category":"Design","excerpt":"アニメーション作成にはどのツールを使うべきでしょうか。SVGアニメーションのように拡大してもあれない、そして再利用しやすいアニメーションが作れるBodymovinというAfterEffectsのプラグインを紹介します。"}}},{"node":{"id":"58798d4e-8c27-562f-9281-b460a21a2fdb","fields":{"slug":"/2019-07-10_UIデザインの原則デザインガイドライン/"},"frontmatter":{"date":"2019/07/10","title":"UIデザインの原則デザインガイドライン","category":"Design","excerpt":"UIのデザインって何から始めたらいいのでしょうか？実はデザイナーは特にアプリをデザインする際に、デザインガイドラインをベースにデザインをしています。この記事では、有名な3社、Apple、Microsoft、Goolgeのデザインガイドラインを紹介します。"}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"category":"Design"}}