トレーニングエンジニアの遠藤と申します。つなぐ」をコンセプトとして、主に技術的な内容について書いております。2021年ももう残すところわずかとなりました。ユーザーの皆さん、あるいはユーザーの皆さん同士が繋がれるように、今後も様々な情報の発信を続けていきたいと思いますので、来年もどうぞよろしくお願いします!と、挨拶はこれくらいにして、そろそろ本題に入りたいと思います。非常に相性の良い新機能が追加されました。上部に表示されている様々なショートカットアイコンのことです。様々な機能が備わっているこのツールストリップですが、複数のタブに分かれて配置されているため、目的の機能がどのタブにあるのか探すのが大変、複数のタブを切り替えて操作を行うのが面倒、といった苦労もあります。便利機能を開発している人は、誰しもが「自分の作った機能をツールストリップに登録したい」と考えたことがあるかと思います。戻ってコマンドを実行する手間が省けます。今回紹介するツールストリップ自作機能は、まさにこういった方々の夢をかなえるための機能です!この画像のように、なんと既存機能や自作機能を自作したタブにまとめることができるんです!素晴らしい!この記事では、既存機能を追加する方法と自作機能を追加する方法を順番に解説していきたいと思います。※こちらのドキュメントも合わせてご覧いただくと詳細がわかりやすいです。ツールストリップ作成のための準備ツールストリップの自作を行うためには、事前準備が必要です。いっても準備は超簡単、2つの関数を実行するだけです。いうフォルダが作成され、その下にベースとなるサブフォルダやファイルが自動で作成されます。実行するときは作成するコンポーネントの名前を引数として渡します。フォルダ下にタブを作成するためのファイルを自動で作成することができます。実行するときは、作成するタブのIDと先ほど作成したコンポーネントの名前、そしてタブの名前を指定します。いうファイルが作成されました。ファイルを編集していくことで、オリジナルのタブを作成できる、というわけです。ちなみに、この時点で既にタブ自体は作成されています。これで事前準備は完了です。ツールストリップに既存機能をまとめたタブを作成するまずは既存機能を1つのタブにまとめる方法を説明していきます。タブの階層構造を設計する初めに、タブの階層構造を作っていきます。ファイルの中身を確認してみましょう。ファイルでは、コンポーネントとプロパティを階層構造で定義します。いったプロパティが定義してあるだけです。いうプロパティを新たに作り、その下に新たなコンポーネントを定義していくことでタブを作成していきます。タブを作成する際の各コンポーネントの階層構造は以下の図の通りです。配置するイメージです。