最近、Janitor AIはクラス名と関連するCSSのスタイルを更新し、ボットの経歴や説明に影響が出ています。

この投稿で共有している更新後のクラス名とCSSセレクタは、ブラウザのDevToolsを使ってJanitor AIのフロントエンドのソースコードを調べて特定したものです。これらは見た目のテーマ設定とコミュニティによる創作的なカスタマイズ目的にのみ提供しています。

これらのクラス名は公式に文書化またはサポートされておらず、サイトの更新によって予告なく変更されたり動作しなくなったりする可能性があります。

この情報は教育および創作目的でのみ共有しています。
独自データ、ユーザーデータ、アカウントの認証情報にはアクセスも抽出もしていません。

これはJanitorAIおよびそのスタッフとは、いかなる形でも提携、承認、認可されたものではありません。

i コードをキャラクターカードに組み込むのに問題がある場合は、Rocketのガイドを確認することをおすすめします。こちらは、このボットの下部にあるものより詳しい、ビジュアルでの解説です。ボットの下部にあるガイドより、

問題が解決しない場合は、J.AIのDiscordで質問してみてください。こちら側でできる手助けはあまり多くないためです。

よく使われるもの:

div _characterInfoMarkdownContent_123vi_223

_input_jv6cc_126

現在、さらに探しています。
このリストは、新しいクラス名が見つかるたびに随時更新されています。追加情報があるかどうか、時々確認してください。

• 約101件のクラス
  

• 2026-28-04
  - permanentさんのおかげで4件以上のクラスを更新
  - リストをA〜Z順に整理
  

• 2026-29-04
  - 追加 <p class="class_name"></p> 性格の項目へ
  - 定義を展開
  

• 2026-30-04
  - _card_13n8k_2を更新
  - _cardTitle_13n8k_402を追加
  

• 2026-01-05
  - 非推奨のクラスを削除
  ( _viewAllStandalone_mi467_68, _segmentActive_kwwol_63, _segmented_kwwol_51, _content_1chl9_11, _characterMenu_128g5_496, _count_kwwol_25, _count_mi467_31)
  

• 16/05/2026
  - 変更のあったクラスを更新
  ^permanent(puppy)さん、改めてありがとうございます^
  

• 2026-19-10
  - 非推奨のクラスを削除
  - 置き換え用のクラスを更新

A

_appModalBadge_xxqvx_134

_appModalContent_xxqvx_85

_appModalCta_xxqvx_195

_archiveButton_di476_217

_autoResizeTextarea_mrqt8_1

B

_banner_2x3bf_17

_baseOverlay_gj1jh_20

_betaBadge_mbh48_65

_btnDanger_1fl1d_98

_btnGhost_1fl1d_59

_btnOutline_1fl1d_48

_btnPrimary_1fl1d_80

_btnSolid_1fl1d_70

_btn_1fl1d_2

C

_cancelButton_10ud6_165

_cancelScheduleButton_1s17f_1202

_cancel_16pja_84

_cancel_1pa8q_211

_cardActions_1tlzn_324

_cardDescription_1mhuy_352_cardHeader_1tlzn_315

_cardMeta_1mhuy_375

_cardTitle_1mhuy_333

_card_1mhuy_2

_card_1tlzn_308

_characterInfoMarkdownContent_123vi_223

_characterInfoMarkdownContent_1yi4w_5

_characterInfoMarkdownContent_9gldz_223

_characterInfoShinyBox_1yi4w_265

_characterInfoShinyBoxInner_1yi4w_286

_checkboxCard_exkyv_105

_checkboxCardError_exkyv_112

_content_xxqvx_12

_count_138g0_7

_createButton_1jb5k_14 pp-top-bar-create-char profile-top-bar-create-char glow-on-hover

css-197qci7

css-1d22cyw

css-1jdnh42

css-1vh5zal

css-2lj9yr

css-7kiadw

css-z5908y

_content_67d1x_11

D

_detailName_4cue2_1923

_detailPane_4cue2_1839

E

_editScheduleButton_1s17f_1180

_expanded_2x3bf_208

_expandedInner_2x3bf_220

F

_filterButtonOpen_1vsdv_27

_footerHint_exkyv_148

_footer_w3wuk_1

H

_hintBox_2ljd6_74

_historyItem_10txd_1

_historyItemFocused_10txd_34

_holidays2025Pattern1_d0q9a_115

_holidays2025Pattern2_d0q9a_124

I

_iconError_1jwi8_310

_iconGlobe_2x3bf_84

_iconInfo_1jwi8_295

_iconSuccess_1jwi8_300

_iconWarning_1jwi8_305

_iconWarning_1s17f_102

_inner_2x3bf_31

_inputContainer_d8bkw_27

_inputError_exkyv_86

_input_10ud6_126

_input_1tlzn_260

_input_exkyv_52

_input_owmrz_7

_iosAlert_1s17f_263

_iosModalWarning_1s17f_544

_iosSelect_1s17f_805

_iosSettingItem_1s17f_46

_iosSettingsSection_1s17f_35

_iosStatusSection_1s17f_208

L

_loadMoreButton_1jwi8_474

_loadMore_1nqdj_38

M

_messageNavigation_1yi4w_348

_modal_pru5r_15

_modalContent_1jhaa_166

_modalWarning_1jwi8_779

_moderationBlock_1s17f_320

_moderationHeader_1s17f_360

_moderationNotes_di476_369

_moderationNotification_di476_333

_moderationReason_1s17f_405

_moderationSubject_di476_360

_motionHeader_1s17f_1361

_motionModal_1s17f_1339

_motionWarning_1s17f_1459

N

_navButton_1yi4w_359

_notificationsButton_1jwi8_7

_notificationItem_di476_2

O

_option_pru5r_82

_otherInput_pru5r_156

P

pp-top-bar-logo profile-top-bar-logo glow-logo css-1bmggo3

_primaryButton_2ljd6_91

_priorityHigh_1jwi8_372

_priorityLow_1jwi8_380

_priorityMedium_1jwi8_376

_privacyNote_2x3bf_301

profile-badge-flex-outer Btn2-purple pp-pg-total css-72h1ey

S

_scheduleInfoNote_1s17f_1106

_scheduleTypeOption_1s17f_1231

_scheduledInput_1s17f_887

_scheduledPreview_1s17f_972

_scheduledReleaseInfo_1s17f_1136

_scheduledReleaseSection_1s17f_863

_scheduledReleaseWarning_1s17f_876

_showLess_1bk4j_26

_signupTextarea_45b6m_172

_submitBtn_1gzug_172

T

_toolbar_1oo8z_6

コツ:
複数のクラス名を、個別のpタグに分けるのではなく、1つのpタグにまとめて指定できます。こうすると、異なるクラスの効果を一度に重ねて適用できます。

簡単な例:

div _characterInfoMarkdownContent_123vi_223 _trigger_6hekb_453 _autoResizeTextarea_mrqt8_1 image-input-dropzone

<p class="div _characterInfoMarkdownContent_123vi_223 _trigger_6hekb_453 _autoResizeTextarea_mrqt8_1 image-input-dropzone">your text</p>

Discordの Utkarsh 作:

<p class="div iosStatusSection1s17f_208 iosStatusLine1s17f_223">Text <strong>Text</strong></p>

'Text'Text

<p class="div _iosStatusSection_1s17f_208 _iosStatusLine_1s17f_223">'Text' <a target="_blank" rel="noopener noreferrer" class="div Btn2-purple pp-pg-total" href="your-link-here"><strong>link</strong></a></p>

'Text' link

<p class="css-1jdnh42 _iosStatusLine_1s17f_223"><strong>Text Here</strong>your text here</p>

Text Hereyour text here

. <p class="_notificationItem_di476_2" style="text-align: center;"><a target="_blank" rel="noopener noreferrer nofollow" class="_unreadIndicator_di476_23" href="blank">.</a>your text here</p>

Test! <p class="_characterInfoMarkdownContent_9gldz_223 _iosStatusLine_1s17f_223" style="text-align: center;"><a target="_blank" rel="noopener noreferrer nofollow" class="_characterAvatar_di476_67" href="blank">Test !</a>Your Text here</p>

<p class="_card_13n8k_2 _list_13n8k_67 _clickable_13n8k_28

_card_13n8k_2 _list_13n8k_67 _selected_13n8k_67 _clickable_13n8k_28

クラス名同士はスペースで区切ってください。多く重ねるほど、何かが壊れたときにどのクラスが原因か特定しにくくなる点に注意してください。

使い方:
使い方をより詳しく視覚的に知りたい場合は、Rocketのガイド

をご覧ください。キャラクターの経歴欄を開き、エディタ右上の </> ボタンをクリックしてください。これで生のHTML表示に切り替わり、基になるコードを直接確認・編集できます。

クラスを適用するには、次のようにコンテンツをpタグで囲みます:
<p class="YOUR_CLASS_NAME_HERE">Your Text Here</p>

例:

<p class="div _characterInfoMarkdownContent_123vi_223">Your Text Here</p>

YOUR_CLASS_NAME_HERE の部分を、使いたいクラス名に置き換えるだけです。
編集後は、HTMLパネルの下部にある「Apply」をクリックして変更を保存してください。