…テム開発第二事業部の飯髙です。 最近はFlutterアプリ開発に携わっています。 アプリ勉強の傍ら、Figmaを利用してデザインの勉強を進めております。 Material Theme Builderを知っていますか？ Figmaのプラグインで、カラーシステムを簡単に設定・導入できるものになります。 カラーシステムとは？利用できたら開発効率が上がるのか？ 気になったため、今回はこちらを調査しました。 カラーシステムとは？ Material Theme Builder リソースフ…

…システム開発事業部の飯髙です。 普段はAndroidアプリ開発に携わっています。 最近はアプリ勉強の傍ら、Figmaを利用してデザインの勉強を進めております。 前書き レイアウト、って組むの大変ですよね。 どれくらいのパディングを取るか、どう並べるかなど、手動で全て調整するのには手間がかかってしまいます。 そんな時に役立つのがFigmaのオートレイアウト機能です。 オートレイアウト機能を活用することで画面サイズの変更にも強いデザイン、「なんちゃってレスポンシブ」を作ることが出…

…システム開発事業部の飯髙です。 普段はAndroidアプリ開発に携わっています。 最近はアプリ勉強の傍ら、Figmaを利用してデザインの勉強を進めております。 なやんだこと 画面のモックアップ作成時、このような問題につまづきました。 以下の画像をご覧ください。 例えばナビゲーションバーには左右にボタンがあったりなかったり、ボタンは活性であったり非活性であったり... 様々なパターンに対してコンポーネントを作成する必要があり、こちらの管理を簡易に行えないか、と考えました。 それ…

…システム開発事業部の飯髙です。 普段はAndroidアプリ開発に携わっています。 業務でアプリをビルドした際にスプラッシュ画面を見ることが多いのですが、そこにはクールに「シュッ」と登場するロゴが。度々カッコイイな！、と感じてます。 最近Jetpack Composeを触っており、「Jetpack Composeで作ったらどんな感じになるんだろう？」とふと疑問に思いました。 ですので今回はJetpack Composeにてロゴを「シュッ」と出す方法について研究してみました！ 結…