- カラーテーマの変更
- シンタックスハイライトのテーマの変更
- diff の色の変更
- 動作
- ローカリゼーション
- CI ジョブの JSON ウェブトークンのユーザー ID
- GitLabインスタンスとサードパーティサービスのインテグレーション
プロフィール設定
設定を更新することで、GitLabのルック&フィールを変更することができます。
カラーテーマの変更
GitLab UIのカラーテーマを変更することができます。これらの色は左サイドバーに表示されます。個別のカラーテーマを使うことで、異なるGitLabインスタンスを区別しやすくなるかもしれません。
カラーテーマを変更するには
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- カラーテーマセクションで、テーマを選択します。
ダークモード
GitLab 13.1からExperimentとして導入されました。
ダークモードはGitLab UIの要素を暗い背景で目立たせます。
- ダークモードをオンにするには、Preferences > Color theme > Dark Modeを選択してください。
ダークモードは、ダーク構文ハイライトテーマでのみ機能します。エピック 2092 では、イシューのレポートや表示、フィードバックの送信、進捗の追跡ができます。
シンタックスハイライトのテーマの変更
認証済みユーザーと未認証ユーザーのデフォルトのシンタックスハイライトのテーマを変更 GitLab 15.1で導入されました。
シンタックスハイライトはコードエディタやIDEの機能です。ハイライトは文字列やコメントなどのコードの種類ごとに色を割り当てます。
シンタックスハイライトのテーマを変更するには
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 構文強調表示のテーマセクションで、テーマを選択します。
- 変更を保存を選択します。
更新されたシンタックスハイライトのテーマを表示するには、プロジェクトのページを更新します。
シンタックスハイライトのテーマをカスタマイズするには、Application settings API を使用することもできます。シンタックスハイライトの色をより細かく変更するには、default_syntax_highlighting_theme
を使用します。
これらの手順でうまくいかない場合は、プログラミング言語がシンタックス ハイライターに対応していない可能性があります。詳細については、Rouge Ruby Libraryのコードファイルとスニペットに関するガイダンスを参照してください。Web IDE についてはMoncaco EditorとMonarchをご覧ください。
diff の色の変更
diff では、コードのバージョン間の変更を表示するために、2つの異なる背景色を使用します。デフォルトでは、元のファイルは赤、変更点は緑で表示されます。
diffの色を変更するには
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- Diff colorsセクションに移動します。
- 色を選択するか、カラーコードを入力します。
- 変更を保存を選択します。
デフォルトの色に戻すには、[削除された行の色] および [追加された行の色] テキスト ボックスをクリアし、[変更を保存] を選択します。
動作
GitLabセルフマネージドインスタンスの動作やレイアウトをカスタマイズするには、Behaviorセクションを使います。レイアウトの幅を変更したり、ホームページやグループ、プロジェクト概要ページのデフォルトコンテンツを選択したりすることができます。空白のレンダリングやファイルの表示、テキストの自動化など、外観や機能をカスタマイズするオプションもあります。
UI上のレイアウト幅の変更
GitLab UIのコンテンツをページ全体に広げることができます。デフォルトでは、ページの幅は1280ピクセルに固定されています。
UIのレイアウト幅を変更するには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- レイアウト幅]で[固定]または[流動]を選択します。
- 変更を保存を選択します。
ホームページの選択
GitLabのロゴ({tanuki})を選択したときに表示されるページをコントロールできます。ホームページはプロジェクト(デフォルト)、グループ、アクティビティ、その他のコンテンツに設定できます。
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- Homepageでは、デフォルトを選択します。
- 変更を保存を選択します。
グループ概要ページのデフォルトコンテンツのカスタマイズ
グループ概要ページのメインコンテンツを変更できます。グループ概要ページは、左サイドバーでグループを選択すると表示されるページです。グループ概要ページのデフォルトコンテンツは以下のようにカスタマイズできます:
- 詳細ダッシュボード(デフォルト)には、グループのアクティビティとプロジェクトの概要が表示されます。
- セキュリティダッシュボード:グループのセキュリティポリシーやその他のセキュリティトピックが含まれます。
詳細については、「グループ」を参照してください。
グループ概要ページのデフォルトコンテンツを変更するには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- Group overivew contentで、オプションを選択します。
- 変更を保存を選択します。
プロジェクト概要ページのデフォルトコンテンツのカスタマイズ
プロジェクト概要ページは、左サイドバーのプロジェクト概要を選択したときに表示されるページです。メインのプロジェクト概要ページをアクティビティページやReadmeファイル、その他のコンテンツに設定することができます。
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- Project overivewコンテンツで、オプションを選択します。
- 変更を保存を選択します。
ショートカットボタンの非表示
ショートカットボタンは、プロジェクトの概要ページのファイルリストの前にあります。これらのボタンは、READMEファイルやライセンス契約など、プロジェクトの一部へのリンクを提供します。
プロジェクト概要ページのショートカットボタンを非表示にするには
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- プロジェクト概要でファイルの上にショートカットボタンを表示するチェックボックスをオフにします。
- 変更を保存を選択します。
Web IDE での空白文字の表示
空白文字とは、スペースやインデントなどのテキスト内の空白文字のことです。コード内のコンテンツを構造化するために空白文字を使用する場合があります。プログラミング言語が空白文字に敏感な場合、Web IDE は空白文字の変更を検出できます。
Web IDE で空白文字を表示するには、次の手順に従います:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- Web IDE で空白文字をレンダリングする] チェックボックスを選択します。
- 変更を保存を選択します。
diff で空白の変更を確認できます。
Web IDE で diff を表示するには、以下の手順に従ってください:
- 左側のサイドバーで、ソース管理({ブランチ}) を選択します。
- Changesタブで、ファイルを選択します。
差分に空白の変更を表示
diff ファイルの空白の変更を表示します。空白の詳細については、前のタスクを参照してください。
差分ファイルの空白の変更を表示するには
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- 差分に空白の変更を表示する]チェックボックスを選択します。
- 変更を保存を選択します。
差分の詳細については、「差分の色を変更する」を参照してください。
マージリクエストで1ページに1ファイルを表示
変更]タブでは、マージリクエスト内のすべてのファイルの変更を 1 ページに表示することができます。代わりに、一度に 1 つのファイルを表示することもできます。
変更]タブで 1 ページにつき 1 つのファイルを表示するには、次の手順を実行します:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- マージリクエストの変更タブに一度に1つのファイルを表示するチェックボックスを選択します。
- 変更を保存を選択します。
次に、「変更」タブでファイル間を移動するには、各ファイルの下にある「前へ」と「次へ」のボタンを選択します。
文字を自動で閉じる
開き文字を入力すると、対応する閉じ文字を自動的にテキストに追加します。たとえば、開き括弧を入力すると、閉じ括弧が自動的に挿入されます。この設定は、説明とコメントのボックスで、次の文字に対してのみ機能します:**"
'
, ```,(
,[
,{
,<
,*
,_**
.
説明とコメントボックスの文字を自動で閉じるには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- 引用符または括弧を入力するときにテキストの選択を囲む]チェックボックスを選択します。
- 変更を保存を選択します。
説明またはコメント ボックスで、単語を入力し、ハイライトしてから開始文字を入力できるようになりました。テキストが置換される代わりに、閉じ文字が末尾に追加されます。
新しいリスト項目の自動化
Enter を押すと、新しいリスト項目が作成されます。
Enter キーを押したときに新しいリスト項目を追加するには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- 新しいリスト項目を自動的に追加する」チェックボックスを選択します。
- 変更を保存を選択します。
タブ幅の変更
diff、blob、スニペット内のタブのデフォルトサイズを変更します。WebIDE、ファイルエディタ、Markdownエディタはこの機能をサポートしていません。
デフォルトのタブ幅を調整するには
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 動作」セクションに移動します。
- タブ幅に値を入力します。
- 変更を保存を選択します。
ローカリゼーション
言語、カレンダーの開始日、時間の設定など、ローカライズの設定を変更します。
GitLab UIの表示言語を変更します。
GitLabはUI上で複数の言語をサポートしています。翻訳を改善したり、リストにない言語のサポートをリクエストするには、GitLabの翻訳をご覧ください。
GitLab UIの言語を選択するには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- ローカライゼーションセクションに移動します。
- 言語]でオプションを選択します。
- 変更を保存を選択します。
更新された言語を表示するには、ページを更新する必要があるかもしれません。
貢献カレンダー開始日のカスタマイズ
貢献カレンダーの開始曜日を選択できます。貢献カレンダーには、過去1年間のプロジェクト貢献者が表示されます。このカレンダーは、各ユーザーのプロフィールで見ることができます。ユーザープロフィールにアクセスするには:
- 左サイドバーで、アバターを選択 > 名前またはユーザー名を選択。
貢献者カレンダーの開始日を変更するには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- ローカライゼーションセクションに移動します。
- 最初の曜日」でオプションを選択します。
- 変更を保存を選択します。
カレンダーの開始日を変更したら、ユーザープロファイルのページを更新します。
相対時間ではなく正確な時間を表示
GitLab 14.1 で導入されました。
グループやプロジェクトの概要ページ、ユーザープロファイルでアクティビティの時間を表示するフォーマットをカスタマイズできます。時間表示は
- 相対形式(例:
30 minutes ago
. - 絶対形式、例えば
September 3, 2022, 3:57 PM
。
GitLab UI で相対時間を使うには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- 時間設定セクションに移動します。
- 相対時間を使用する」チェックボックスをオフにします。
- 変更を保存を選択します。
CI ジョブの JSON ウェブトークンのユーザー ID
GitLab 16.0 で導入されました。
CI/CDジョブはJSONウェブトークンを生成し、外部IDのリストを含むことができます。個々のアカウントを取得するために別々のAPIコールをする代わりに、一つの認証トークンでユーザーIDを見つけることができます。
外部 ID はデフォルトでは含まれません。外部IDを含めるようにするには、トークン・ペイロードを参照してください。
フォロワーのエンゲージメントの制御
GitLab 16.0 で導入されました。
他のGitLabユーザーをフォローしたり、フォローされたりする機能をオフにします。デフォルトでは、あなたの名前とプロフィール写真を含むユーザープロフィールは、他のユーザーのFollowingタブで公開されます。この設定を無効にすると
- GitLabはあなたのフォロワーとフォローされたつながりをすべて削除します。
- GitLabは自動的に各接続のページからあなたのユーザープロフィールを削除します。
他のユーザーからフォローされたり、フォローする機能を削除するには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- フォローユーザーを有効にする]チェックボックスをオフにします。
- 変更を保存を選択します。
フォロワー]タブと[フォロー中]タブにアクセスします:
- 左サイドバーで、アバターを選択 > 名前またはユーザー名を選択。
- フォロワー」または「フォロー中」を選択します。
GitLabインスタンスとサードパーティサービスのインテグレーション
GitLabインスタンスとGitpodのインテグレーション
GitLabインスタンスをGitpodで設定することで、GitLabブラウザから直接コードを起動・管理することができます。Gitpodはプロジェクトの開発環境を自動的に準備し、ビルドします。
Gitpodとインテグレーションするには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- インテグレーション」セクションを見つけます。
- Enable Gitpod integrationチェックボックスを選択します。
- 変更を保存を選択します。
GitLabインスタンスとSourcegraphのインテグレーション
GitLabは、GitLab上の全ての公開プロジェクトに対してSourcegraphインテグレーションをサポートしています。
Sourcegraphとインテグレーションするには:
- 左のサイドバーで、自分のアバターを選択してください。
- 環境設定を選択します。
- インテグレーション」セクションを見つけます。
- コードビューで統合コードインテリジェンスを有効にする]チェックボックスを選択します。
- 変更を保存を選択します。
SourcegraphでGitLabを設定するには、GitLabインスタンスの管理者である必要があります。