こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回のテーマはContainer Queriesです。 Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。 従来でも ...

レイアウトコンテナー（おさらい） コンテナ（container）とは「容器、入れ物、箱」などの意味を持ちます。 Tableauでは表示用オブジェクトをまとめる箱の役割をはたします。 コンテナと略すことが多いですが、公式では「レイアウトコンテナー」。

レイアウトを複数のコンテナ要素で縦に分割する事が出来ます。この時は、layout = [[ sg.Column(layout1), sg.Column(layout2)]]のように設定します。sg.Column(layout)のlayoutに、レイアウトを設定します。コンテナは、2つ以上設置出来ます。また、() をsg.Column()の後に設定 ...

ChromeとFirefoxにデフォルトで実装された、CSS Grid Layout Module（グリッドレイアウトモジュール）。その基本的な機能と使い方を、デモを交えて。 Webアプリケーションはいよいよ複雑化してきています。そのためフロートを使ったハック的なソリューション抜き ...

floatレイアウトはすでに過去のもの。Webサイトの要素の位置を操作するならFlexboxが定番となりました。出遅れたWeb制作者のために基本を解説します。 テーブルタグが唯一のWebページをレイアウトする手法だった頃を覚えていますか？ 表形式のデータを表示 ...

Webアプリケーションフレームワーク「qooxdoo」を利用すれば、JavaScriptのコードのみでインタラクティブなWebアプリケーションを作成することができる。前回はqooxdooを用いてWebアプリケーションの雛型を作るまでの手順を紹介した。今回は、qooxdooで提供される ...

株式会社日立製作所（以下、日立）は4日、サイズやレイアウトを柔軟に設計できるコンテナ型データセンター「フレキシブルデザインコンテナ」を発表した。6日より販売開始する。 「フレキシブルデザインコンテナ」は、屋外に設置したコンテナ内に ...

前回はコンテナの構造について説明した。今回は、具体的なプロダクト(製品)を挙げながら、コンテナの選択肢を紹介していく。紹介するプロダクトは以下の図の通りである。 Dockerは現在、コンテナエンジンのデファクトスタンダードと言えるプロダクトで ...