ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32016.11.10ElectronでネイティブアプリっぽいUIを実現するために必要なHTMLとCSSElectronではUI設計はHTML/CSSを駆使して作ります。ネイティブアプリのようなレイアウトを実現することは意外と難しいです。苦労しましたが、汎用性のあるレイアウトのテンプレートができたので紹介したいと思います。デモよくあるアプリケーションの雛形ですね。ヘッダーとフッターがあって、その中央にはメインコンテンツがあります。メインコンテンツがあふれる場合はスクロールで表示させます。使うのですが、ElectronはChromeベースなので心配ありません。ちなみに、ヘッダー、フッター、メインコンテンツ部すべて可変です。高さが変わってもCSSで修正する必要のない設計になっています。