表のプロパティ ⑫ － その他の表の機能

ノーツの表のさまざまな設定を紹介してきましたが今回が最終回となります。今回は表にまつわる小技的なものを紹介したいと思います。

Ctrl＋↑↓

表を編集していると表の内容を並び替えたり、セルの内容を別のセルに移動したくなることがあります。この時に便利なのが、Ctrl キー ＋ カーソルの上下キーです。この操作を行うと、カーソル内のセルの内容がその方向のセルと入れ替わります。

この操作は複数のセルを選択しても機能するので、行を入れ替える場合にも利用できます。

カスケードの表

ノーツの表のセルはリッチテキストとほぼ同様の機能を持っています。ですので、セル内に表を配置して、カスケードした表を作成することができます。

下図は 2 行 1 列 の表の左のセルに 3 行 2 列の表を作成しました。それぞれの表でプロパティが自由にでき、内側の表の罫線だけ色を変えたり、マージンを設定することができます。

また、内側の表をマージンに合わせるようにしておけば、外側の列幅に合わせて、内側の表を伸縮させることも可能です。1 列目幅を変えると、このように柔軟に動作してくれます。

表の上下の段落

ノーツで表を作成すると表の上下に段落が必要になります。

特にカスケードの表では、上下に１行分の隙間が空き、間延びした感じになります。この隙間を消したい場合には、その段落を非表示にしましょう。

フォーム設計の場合には単純に非表示にするだけで構いません。フォームの編集画面では非表示の段落も表示されるからです。

しかし、文書の場合には注意が必要です。

フォームのように常時非表示にしてしまうと戻すことができなくなります。非表示で見えなくなった段落にカーソルが移動できないので、プロパティを開けなくなるからです...

このような状況に陥らないよう、文書の場合は、編集モードでは表示するようにしておくといいでしょう。

コピペの挙動

表をコピー＆ペーストする際、コピー先が表のセルだった場合には次のようにメッセージが順に表示されます。２つ目のメッセージが重要で、文言の通り、貼り付け方を決定します。

◇ はい … 重ねて貼り付け

コピー元の表のセルの内容を各セルに貼り付けます。行、列に不足がある場合には、自動で追加してくれます。

この機能はセル内のコンテンツの貼り付けがメインとなるので、コピー元の表のプロパティは無視されます。逆に文字寄せなど段落の設定はコピー元が優先されます。

◇ いいえ … カスケードで貼り付け

こちらの機能では貼り付け位置にカスケードの表として貼り付けます。上記の貼り付けとは違い、コピー元の表のプロパティが維持されますので、罫線や枠、背景などの設定をまるごと貼りつけることになります。

タブの色

ノーツのタブ表では、タブの色はセルの背景色で決定されます。

ただ、このまま使用するとセル全体がその色になり、コンテンツが見づらくなったり、セルが目立ちすぎたりします。1 x 1 の表をカスケード表として配置し、背景色をセットすることで、回避することができます。

この時、タブ表の列の間隔を 0.15 cm に設定しておくと、タブとセルの枠の色をいい感じで設定できます。

表形式でコピー

最後は、ノーツクライアントの便利機能と表のプロパティの合わせ技を紹介します。

［編集］メニューに［リンクのコピー］－［表］というものがあります。ビューで文書を選択し、このメニューを選び、メールなどリッチテキストに貼り付けると、ビューが表として貼りつく便利機能です。

ただ、そのままだと不要な列があったり、見た目があまりよくありません。ですが、このシリーズで覚えた技を駆使すれば簡単に見やすい表にできます。

いかがですか？

ひと手間かけるだけで、仕事ができる人ように見えますよね😎

表のプロパティ ⑪ － 行の切り替えをプログラムで行う

タブ形式の表を実用しているとユーザの権限に応じて表示するタブを切り替えたいことがあります。実はノーツの表では、こんなことまで実現できてしまいます。

一般的な動作

まずは、特別な機能を使用しない場合のタブ表の動作を確認しましょう。

デザイナーで最後のタブを開いた状態でフォームを保存しても、次に開いたときには最初のタブが開きます。もちろんこのフォームを利用した文書を開いたときも最初のタブが開きます。

ノーツのタブは、必ず、最初のタブが開く仕様になっています。

最初のタブとは、表の１行目になるのですが、その行が非表示の場合は、次の行となります。要は、非表示でない最初の行が表示されるということですね。

この機能を利用すれは、表示/非表示をコントロールする行を１行目にしておけば、権限に応じて、表示するタブを切り替えることができます。

この方法は簡易的な手段となり、タブ順も限定されます。もっと柔軟に対応したい場合には、後述の方法を使うことになります。

行の切り替えをプログラムで行う

表のプロパティ［表の行］タブには「行の切り替えをプログラムで行う」という選択肢があります。

以前のバージョンではこの選択肢を選ぶと左に以下のようなアイコンが表示されていました。

このアイコンが示す通り、行の切り替えをプログラムで行うには、フィールドと表（行）を組み合わせる機能となっています。フィールドの値に応じて、表示するタブ（= 表示する行）を指定する機能だと想像できますね。

値を格納するフィールド名の指定は、表のプロパティの別のタブ、［表のプログラミング］の「名前/ID」で指定します。

続いて、フォームに２つめのタブを表示するボタン【次世代エース養成】ボタンを作成します。

クリック時の式には、次のように記述します。

@SetField("$WS"; 1); @Command([RefreshHideFormulas])

フィールド名は表に指定した名称の前に $ が付きます。ノーツが内部的に使っているぞというのが醸し出されていて、ノーツらしい仕様ですね。設定する値は行番号になるのですが、0 始まりとなるため、２行目は 1 となる点に注意が必要です。

なお、各行にも名前を指定することで、より正確に記述できます。まず、次のように行のタグで名前を付けます（２行目を選択してセット）。

そしてボタンの式で、その名前を指定することで、表示するタブを明示できます。

@SetField("$WS"; "Next-Gen"); @Command([RefreshHideFormulas])

ただ、複数のタブをコントロールしたい場合など、それぞれ設定するのは少し面倒ではありますが、行を追加したりしてもバグにならない利点があります。

まとめ

今回は、行の切り替えをプログラムで行う方法を紹介しました。

フィールドを使用し、その値で表示タブをコントロールする機能でした。今回紹介した事例では、ボタンでフィールド値を操作して切り替えましたが、$WS などのフィールドを表示用の計算結果として定義し、ロールに応じて表示するタブを操作してもいいですし、LotusScript で $ フィールド値を変化させ、タブを切り替えることも可能です。

フィールド＋表の組み合わせで、構成要素は単純です。応用しやすい機能となっていますので、チャレンジしてみましょう。

表のプロパティ ⑩ － 動きのある表

前回、行の特殊表示について紹介しましたが、今回もその続きです。

タブやアコーディオン形式の表も操作により切り替えられるので動きがある表と言えなくもないのですが、今回はアニメーション的に動く機能について紹介します。

表示行を切り替え

前回紹介したなかった「表示行の切り替え」を利用すると一定のタイミングで表示する行を切り替える表を作成することができます。

この表を使ったわかりやすい例を紹介します。

下図のように 1 行ごとに少しずつ色ずらした表を作成します。「表示行の切り替え」を選択し、タイミングに 100 ミリ秒を設定します。

その表を表示モードで参照すると、このように流れて表示されます。

表示効果の設定

表示行を切り替えの機能には、その行をどのようなアクションで表示するのかを指定する「効果」という項目があります。パワポのアニメーションのように登場の仕方を指定できます。

各行に効果を順に設定し、切り替え時間を 5000 ミリ秒に設定してみました。

この動画はすべての効果を２回終了するまで記録しました。動作を見ていて、次のような点が気になりました。

• 最初の行の効果が実行されない　←　行の切り替え機能なので仕方がない？
  
• 効果が実行されると、上のマージンが少し開く
• ワイプの動作が見えない（ほど早い？） ←　ウェイトの指定ミス？？

若干、挙動が不安定ですが、面白い機能ですので機会があればお試しください。

行の巡回パターン

表示行を切り替えの機能の動作パターンを設定する機能です。

図の通り４種類から設定できます。それぞれ、次のような動作となります。

クリックで次の行へ	マウスでクリックすることで次の行を表示します。 最後の行でクリックすると最初の行へ戻ります。
連続	最初から最後の行へ自動で進みます。 最後まで進むと最初の行へ戻ります。
開いたときに１回	最初から最後の行へ自動で進みます。 最後の行を表示したら、そこで動作を停止します。
クリックで１回	マウスをクリックすると最初から最後の行へ自動で進みます。 最後の行を表示したら、そこで動作を停止します。 もう一度クリックすると、最初から実行します。

表のプロパティ ⑨ － 行の特殊表示

ノーツの表には行の特殊表示という機能があります。認知度の高い機能で言うとタブ形式の UI を提供できる機能ですね。設定は表のプロパティの［表の行］タブで行います。

タブ形式の表

まず、通常通り表を作成します。今回は 2 行 1 列の単純な表を作成して、各セルにコンテンツを埋めます（下図では 1 行おきの色を使用しています）。

表のプロパティ［表の行］タブを開き、「1 行のみ表示」を選択、その下の表の表示方法で「タブボタンで行を選択」を選択します。

すると、表の表示が変わり、1 行目だけが表示されます。14.5.1 になってからタブのデザインがすっきりしたため、気が付きにくくなったのですが、表の上部（赤枠の部分）にタブが表示されます。

タブの名称は、選択した行セクションのタブラベルと表題に指定します。この設定はタブ（= 行）ごとのの設定になるので、順に設定します。

ラベルを設定するとタブらしくなりますね。ラベルをクリックするとタブが切り替わります。この動作は、編集モードでも読み込みモードでも同様です。

アコーディオン形式

タブ形式の表と同様の機能でアコーディオン形式の表示切り替えることが可能です。行の表示方法で「表題で行を選択」を指定するだけです。

設定するとタブラベルにあたる部分が１行で表示され、選択した行のコンテンツが表示されます。ノーツクライアント右側のサイドバーの表示に近い動作ですね。

表のプロパティ ⑧ － 境界線のスタイルとイメージ

今回はノーツの表で一番特殊な機能だと感じている境界線のスタイルの「イメージ」を紹介します。利用するのは表のプロパティの［表の境界線］タブです。

境界線のスタイル

表のプロパティの［表の境界線］タブについては『表のプロパティ ⑥ － 枠の設定』で、枠の設定には、［厚さ］［内側］［外側］の３種類の設定があり、それぞれを詳細に設定できることを紹介しました。

この記事で触れなかったのが「境界線のスタイル」です。

基本的には、境界線のデザインを決定するだけの選択肢なのですが、特殊なものとして「画像」と「イメージ」という機能があります。名称だけでは違いが判らないですね...

「画像」は比較的単純な機能です。選択すると表枠がポラロイド写真（チェキ）のようなイメージとなります。

これは特別な機能ではなく、枠の厚さと内側、影と影の幅を一括で設定するだけの機能です。［内側］の設定を見るとよくわかるのですが、下の余白だけ大きくしてそれっぽく見せているということですね。

イメージ

いよいよ本題の「イメージ」の使い方を紹介します。この機能は、画像を使って枠を表現する機能になっており、他の境界線のスタイルとは一線を画します。

詳細な設定方法は後で説明するとして、まずは動作を見てみます。

境界線のスタイルに「イメージ」を選択します。プロパティ下部に枠に表示する画像を指定できるようになるので、イメージリソースから選択します。今回は、R5 のアイコンを四隅に配置した画像を作成して使用しました。

以下の動画では、枠の厚さを順に増減させています。表の枠のイメージがどのように伸縮するのか確認できます。

この表は 1 x 1 で、白抜きの部分がセルとなります。その外側、枠の部分に指定した画像を表示しています。一定の高さ以上は枠線が伸びるだけの動作になっています。

実際の文書ではこのように表の幅と高さに合わせて、伸縮する画像の枠となります。

枠画像の準備

この機能のキモは枠に使用する画像です。画像の縦横をそれぞれ 3 等分して四隅に配置、真ん中の部分は伸縮する部分として使用されます。詳細な仕組みや挙動は先輩ブロガーの中野さんがまとめてくださっています。詳しくは以下のリンクをご確認ください。

• 表の角を丸くする仕組み
• 表の境界線をイメージに置き換えてみた

使用した画像の作成は R5 のアイコンを利用しました。懐かしいアイコンですね。

アイコンは 32 pixel なので、縦横 3 倍した画像を作成し、四隅にアイコンを配置、枠線やその内側に簡単な装飾をしました。伸縮する部分（四隅でない部分）の画像は、継ぎ足しても崩れないよう直線的にしておくとよいでしょう。

この枠に画像を配置する機能は GIF ファイルでないと正しく動作しないようです。ですので、画像が完成したら GIF ファイルとして保存します。ただし、ペイントで変換すると減色機能の都合で画像が極端に劣化し、色使いがざらざらになります。Web 上のフリーツールなどを使用して GIF ファイルに変換しましょう。

セルの背景のイメージ

このままでは、表の中身の背景が白いままとなります。そこで、真ん中の黄色い部分だけの画像を作成してリソースに登録します。

表のプロパティを開き［表/セルの背景］タブを開き、作成したイメージリソースを選択します。繰り返しに「タイル」を指定しておくと、セルのサイズにかかわらず、黄色の背景で埋めてくれます。

単色の画像であれば、セルの色で背景色を指定するだけでも OK ですね。

表のプロパティ ⑦ － 表の余白の折り返し

これまで６回にわたってノーツの表のさまざまな設定を紹介してきました。そろそろ後半戦、少しレア度が高い設定に突入します。今回は、表のプロパティ［表の余白］タブにある「折り返し」セクションの設定について紹介します。

表の外側

固定幅の表の場合、余ったスペースを活用したいことがあります。ノーツでは「表の外側」という機能を使用すれば実現できます。

通常では表に続いて文字を入力すると表の下に文字が表示されます。

この状態で表のプロパティを開き［表の余白］タブ、「折り返し」セクションにある 表の外側、「表の周囲のテキスト」にチェックを付けると、表の右側の余白部分にテキストを表示することができます。

この機能は余白を活用する機能になります。例えば文字のプロパティで余白を狭めることで文字を表示する範囲を調整することができます。

なお、表の右側からはみ出た部分は、表の下側に表示されます。

表の内側

続いて、「折り返し」セクションのもう一つの機能、「表の内側」について紹介します。

この機能は、段組みのような構成を実現します。1ページを縦方向に複数の列（段）に分割して配置するレイアウト機能のことですね。

ノーツで次のような表を作成したとします。

表のプロパティで 表の内側 「セル間のテキスト」にチェックを入れると、２つのセル内のコンテンツが連結し、段組みしたような表示となります（高さには１行の高さを指定）。

この機能はフォームでも利用できます。

例えば、記事の構成をイメージして、Title、Lead、Body のフィールドを作成し、「セル間のテキスト」を設定した表に配置します。今回はサンプルなので、初期値でコンテンツを設定しておきます。

フォームをプリビューするとはみ出た部分が自動的に右側のセルに表示されます。コンテンツの長さに合わせて調整してくれるで、手間がなくて都合がいいですね。フィールドに設定したフォント通りに表示されることもあり、既存文書を体裁よく表示するのに使えそうです。

挙動不審な表の内側

表のプロパティ調査をしていて、初めて表の内側の機能を発見しました。まだまだ、経験が浅いのですが、評価してみた限りでいうと、この機能は時折動作が挙動不審になります。

例えば、表に直接入力や削除を繰り返しているとセル間のカーソルやコンテンツの移動が狂うことがあります。例えば、以下の動画では入力した文字を削除しても元の状態に戻りません。

また、マージンに合わせた表で幅を変更した場合も微妙です。下図の例では青字のエリアが広がる現象が発生しました。青字の設定が別のフィールドの値まで侵食しています。

どちらの機能も文書を開きなおすと戻るようなので、UI のコントロールと描画にバグがあるようですね。

このように表の内側の機能は面白い機能ではあるのですが、品質面で少々問題があります。現時点では、入力を伴わない表示用のフォームで固定幅の表で利用するなど、用途の限定が必要といえます。

＠関数や LotusScript で画面に表示するコンテンツの幅を取得することはできないはずです。なので、段組みの実現には「表の内側」機能に頼るしかありません。何とか改善して、自由に使える機能にしてほしいですね。

表のプロパティ ⑥ － 枠の設定

ノーツの表には、外枠専用の機能があります。外枠と言ってもさまざまな機能があります。

外枠の設定

『表のプロパティ ④ － 罫線の幅とセルの背景色』では、外周の罫線幅を太くして外枠を表現しました。今回は外枠機能を使用して、同様に表現してみましょう。

外枠は、表のプロパティの４つ目［表の境界線］タブで設定します。境界線のスタイルは、塗りつぶしを選択し、罫線と同じ色を指定します。そして、厚さを 2 にするだけで設定できます。

罫線の幅が 1 と外枠の厚さ 2 で、3 の外枠幅になります。

罫線の幅がすべて 1 で統一できるので、外枠を使った方が設定がシンプルになりますね。

外枠の種類

外枠には［厚さ］［内側］［外側］の３種類の設定があり、プロパティボックスの［▼］をクリックすることで切り替えができます。

厚さは先ほども使用したように外枠線の幅の設定です。内側は表と外枠線の間のマージン、外側は表の開始位置と外枠線の間のマージンとなります。また、幅は上下左右をそれぞれ別々に設定できます。

この機能を利用すると下図のように表の左右に少し太い線を表示して目立させ、少しインデントしたような表を作成することができます。

少々わかりにくいので表の左上を拡大すると次の通りとなります。

影の設定

［表の境界線］タスの設定を使えば表に影をつけることができます。設定は単純で「影」にチェックを付け、影の幅（影の長さ）を指定するだけです。

影は、右下に黒く表示されるだけのシンプルな機能となります。 影の色や向きを設定する機能がないのが残念ですね。