現在勉強会ではWebアプリ(Vue)について学習をしています。Vueとは?SPA(シングルページアプリケーション※)を開発することができるJavaScriptのフレームワークです。※単一のページで構成されるWebアプリケーション第16回からは今までに学習した内容を用いて、自社パッケージソフト(Aceシリーズ)の表示機アプリ開発を行いました。コンポーネントライブラリ、CSSフレームワークの導入まず下準備として、コンポーネントライブラリとCSSフレームワークを導入しました。・コンポーネントライブラリの導入と使い方(Vuetify)今回は【Vuetify】というコンポーネントライブラリを使用しました。Vuetifyはマテリアルデザイン※に基づき設計・開発されたVueのコンポーネントライブラリです。※Googleが提唱したデザインで現在主流のデザイン※補足:デザインの流行について【2003~2014】:スキューモフィズム【2013~】:フラットデザイン【現在の主流】:マテリアルデザイン└2014年にGoogleが発表した「デザインのガイドライン」。直訳すると「物質デザイン」。CSS】を使用しました。ユーティリティ(utility)は「役に立つもの」という意味です。ユーティリティファーストな為、コンポーネントUIは提供せず、便利で汎用的なclassを提供します。ある要素に外側・内側の余白、背景色を指定する場合は通常、以下のような記述となります。使用すると以下のような記述となります。使用しない場合は、クラスを定義する必要があり、クラス名の名付けコストが掛かります。余白をどれくらい取れば良いか、背景色は何色にするかなどのガイドラインがないためスタイリングに時間が掛かります。用意されているため、その中から選択するだけで済みます。設定値のカスタマイズも可能です。他に以下のようなメリットがあります。第16回はSPAにおけるコンポーネントライブラリ、CSSフレームワークについて学習しました。これらを用いることで、デザインの知見がなくてもWebアプリを効率よく開発できます。自社パッケージ(Aceシリーズ)の「番号案内」コンポーネントを開発します。Webアプリ(ブラウザ上で動作するアプリ)開発となりました。従来のWebアプリと比較すると、どういった考慮が必要かという点も学習していきました。画面サイズを基準としたサイズ指定の方法によるマルチデバイス対応方法を学びました。用いて「呼出画面」を開発する予定です。今後も勉強会での学習内容を発信していきますので、よろしくお願いいたします。「Pマーク(プライバシーマーク)」の認証を取得しました。今後ともARSでは、個人情報の適切な取り扱いを推進してまいります。