無料トライアル無料トライアル環境の準備のため、下記のフォームに記入・選択し、送信してください。する×ベーシックでもパワフル下のフォームに記入・選択し、送信してください。可能性が広がる、プロフェッショナル下のフォームに記入・選択し、送信してください。エンタープライズ、何でもできます下のフォームに記入・選択し、送信してください。さぁ、始めましょう×オンプレミス(社内運用)下のフォームに記入・選択し、送信してください。さぁ、始めましょう×クラウド下のフォームに記入・選択し、送信してください。さぁ、始めましょう×クラウド(スモール)下のフォームに記入・選択し、送信してください。さぁ、始めましょう×クラウド(ミディアム)下のフォームに記入・選択し、送信してください。さぁ、始めましょう×クラウド(ラージ)下のフォームに記入・選択し、送信してください。さぁ、始めましょう×オンプレミス(スモール)下のフォームに記入・選択し、送信してください。さぁ、始めましょう×オンプレミス(ミディアム)下のフォームに記入・選択し、送信してください。さぁ、始めましょう×オンプレミス(ラージ)下のフォームに記入・選択し、送信してください。ライブラリを使って簡単なカンバンを表示する例をご紹介しました。今回は、一歩進めて、カラムやカードを装飾する方法を紹介します。枚のカードが表示されます。作成した動くデモです。つのカスタマイズを行います。表示されるテキスト(つまりはカラムのタイトル)の色を白に、背景を任意の色で染めることにします。データの中から次の箇所を見付けてください。いう値が設定されています。クラス名として追加されるので注意が必要です。テキストの色は白、デフォルトの背景色はグレー、もし『red』クラスがあれば赤、『blue』クラスがあれば青、『green』クラスがあれば緑」という装飾を施します。より、上図のようにカラムのヘッダーのテキストが白くなり、背景色が赤、青、緑になります。1」のテキストが赤い色で表示されています。書かれていることがわかります。含めることができます。クラスがあれば太字で表示する」という装飾を施します。タグを使ってカードに画像を挿入してみます。3」を次のように定義します。属性で適当な画像を指定しています。これを実行すると、下図のように画像が表示されますが、画像が大きいとカードからはみ出してしまいます。制限し、はみ出した部分は表示しない(隠す)」という設定を行います。適用されると、下図のように画像がイイ感じにカード内に収まるようになります。2」は、テキスト色が白、背景がオレンジ色になっています。2」は、次のように定義されています。属性として追加されます。いう属性として追加されます。いうクラスがあったら、背景色をオレンジ色にする」という設定を行っても、(クラス名に『orange』が無いので)カードの背景色はオレンジ色にはなりません。カードには「orange」クラスが無いため、この設定は効きません。メソッドで処理できないため、このコードを実行するとエラーになります。その値を取得してクラス名に追加する。設定(テキストを白、背景色をオレンジ色)がカードに適用されます。カラムやカードを装飾する方法を紹介しました。これらを応用することで、カードにもっと複雑なコンテンツを表示したり、色やその他の装飾を変化させたり、面白いことが色々とできますね。次回は、カードがクリックされたりドラッグされたときの処理を見ていく予定です。ライブラリを使って簡単なカンバンを表示する例をご紹介しました。今回は、一歩進めて、カラムやカードを装飾する方法を紹介します。ライブラリを使って簡単なカンバンを表示する例をご紹介しました。今回は、一歩進めて、カラムやカードを装飾する方法を紹介します。Tweetチームワークが活きる業務改善へ1ヶ月間の無料トライアルにお申し込みください。デモサイトもご用意しています。