Chromatic

こんにちは！開発チームの山中です！ hacomonoでは、ユーザサイト・管理者サイトのそれぞれを、Nuxt.js で開発しております。 私がジョインした時点では、どちらにもテストコードが実装されておらず、 私の最初のミッションは、これらの品質を担保するための仕組みづくりでした。 今回は、表題の通り、弊社でのフロントエンドのテストについて、どのように実施しているか、説明していきます。 情報量が多いので、今後シリーズ化していくと思います TL;DR 3行でまとめ Jestの仮想DOMを使用するテストは大変なのでやらず、関数入出力のテストのみを担保する。 テストケースをStorybookで作る 作っ…

説明 「スチームパンクは、19世紀の産業革命時代にインスパイアされた空想科学的なファッションスタイルです。歯車、真鍮、レザー、ゴーグルなどを使用し、ビクトリア朝の衣装にレトロフューチャーな要素を組み合わせています。独特のディテールと素材が特徴的で、創造性豊かなコスチュームを生み出します。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, stea…

説明 「人魚のコスチュームタグは、上半身が人間で下半身が魚の姿をした神話上の生物である人魚を表現します。しばしば長い髪、貝殻のビキニトップ、そして美しい魚のような尾を持っています。ファンタジーやロマンスのイメージに適しています。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, mermaid, solo, fullbody, standing,…

説明 「ゾンビタグは、恐ろしく不気味なアンデッドの姿を生成します。腐敗した肌、血まみれの服、欠損した体の部分が特徴です。ホラー映画に出てくるような、死んだ後に蘇ったような姿を想像してください。ハロウィンなどのイベントに最適な衣装タグです。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, zombie, solo, fullbody, stand…

説明 「サイバーパンクは、ハイテクと低生活が融合した近未来的な世界観を表現するファッションスタイルです。ネオンカラー、レザージャケット、メカニカルなアクセサリーなどを組み合わせ、反体制的でエッジの効いたルックを作り出します。都会の闇に紛れ、テクノロジーに支配された社会で生き抜く者たちのスタイルを表しています。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, …

説明 「スーパーヒーローの衣装は、力強さと正義感を表現します。鮮やかな色や特徴的なエンブレムが印象的です。マントやマスク、特殊な能力を示すアイテムなどが含まれることが多いです。全体的にボディースーツのようなデザインで、個性的かつ華やかな印象を与えます。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, superhero, solo, fullb…

説明 「ドワーフとは、小柄で頑丈な体型が特徴的な架空の種族です。彼らは長い髭を蓄え、頭にフード付きのマントや帽子をかぶっています。鍛冶や採掘に長けており、山や洞窟に住んでいます。ファンタジー作品でよく登場するキャラクターの一つです。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, dwarf, solo, fullbody, standing,…

説明 「エルフのコスチュームタグは、尖った耳、長く流れるような髪、自然をモチーフにした緑や茶色の衣装が特徴です。神秘的で優雅な雰囲気を持ち、森の中の魔法の生き物を連想させます。ファンタジー世界観に欠かせない存在として人気があります。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, elf, solo, fullbody, standing, m…

説明 「悪役のコスチュームタグは、悪役キャラクターの特徴的な衣装を生成します。黒や暗い色調が多く、革やメタルの装飾が施されています。マントやフード、仮面などで不気味な雰囲気を演出し、悪の象徴としてデザインされています。力強さと威圧感を感じさせる衣装が特徴的です。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, villain, solo, fu…

説明 「科学者のコスチュームタグは、実験室のコートを着た知的な人物を生成します。顕微鏡、試験管、その他の科学機器を持っているかもしれません。男性または女性の科学者が含まれ、物理学、化学、生物学などのさまざまな分野の専門家が考えられます。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, scientist, solo, fullbody, sta…

説明 「魔法使いや魔女のコスチュームタグは、長くて流れるようなローブ、尖った帽子、杖などの典型的な魔法使いの衣装を指します。ダークでミステリアスな雰囲気を持ち、ファンタジー世界に登場するキャラクターを連想させます。色は主に黒、紫、深緑が使われることが多いです。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, wizard/witch, solo…

説明 「アスリートの衣装タグは、スポーツウェアや競技用ユニフォームを着用したキャラクターを生成します。トラックスーツ、ジャージ、ランニングシューズなどの典型的なアスリートの衣装が含まれます。また、様々なスポーツに特化した衣装も含まれ、動きやすさと機能性を重視したデザインが特徴です。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, athlete…

説明 「先生の衣装のイメージ生成タグは、黒板の前に立つ典型的な教師の姿を連想させます。男性であれ女性であれ、通常はシャツやブラウス、ネクタイやスカーフを身につけ、知的で権威のある印象を与えます。メガネやポインターを持つこともあります。」 by (model="claude-3-opus-20240229") AIは間違うことがあります。重要な情報は確認してください。 リクエストパラメータ {"prompt": "masterpiece, best quality, very aesthetic, absurdres, 1girl, teacher, solo, fullbody, standi…