From 7369cbb8c7a84949fecbe9cc6d42ecd197f0c395 Mon Sep 17 00:00:00 2001 From: horio <145077644+FORIFOR@users.noreply.github.com> Date: Mon, 5 Oct 2026 01:23:26 +0900 Subject: [PATCH 1/3] fix: connect Noa proof and watch links to verified public videos --- docs/NOA_WATCH_LINKS_2026-10-04.md | 60 ++++++++++++++++++++++++++++++ docs/content-sources.json | 2 +- scripts/build-core.mjs | 4 +- src/noa-lp.mjs | 20 +++++----- src/noa-videos.mjs | 10 +++++ src/product-landings.mjs | 19 +++++----- src/products.mjs | 14 ++++--- src/redesign.mjs | 2 +- tests/noa-watch-links.test.mjs | 38 +++++++++++++++++++ tests/noa.test.mjs | 12 ++++-- 10 files changed, 149 insertions(+), 32 deletions(-) create mode 100644 docs/NOA_WATCH_LINKS_2026-10-04.md create mode 100644 src/noa-videos.mjs create mode 100644 tests/noa-watch-links.test.mjs diff --git a/docs/NOA_WATCH_LINKS_2026-10-04.md b/docs/NOA_WATCH_LINKS_2026-10-04.md new file mode 100644 index 0000000..285787e --- /dev/null +++ b/docs/NOA_WATCH_LINKS_2026-10-04.md @@ -0,0 +1,60 @@ +# Noa: connect the public videos to their actual watch pages + +Base: `1e4bee47f4d268d6f3c33e0ff58e1021945dc2f0` (PR #38). + +## Observed gap + +The production Japanese Noa page showed the explainer and introduction as +non-clickable cards with individual links "coming soon". The product ledger +sent both the demo and the evidence link to the channel home. Public videos +already provide more specific destinations. + +## Public destinations checked + +The signed-out public watch pages were inspected in a cloud browser on +2026-10-04, 16:13–16:16 UTC. Player duration is used below; list-card rounding +can differ by a second. This establishes reachable public pages and their +labels/descriptions, not an independent full runtime review of the character. + +- [Gameplay test](https://www.youtube.com/watch?v=A6eJSOnGj1Q): + "AI VTuberがVampire Survivorsに挑戦！武器選びから反省会まで【星藍ノア】", + 4:08. Its description explicitly identifies an edited test recording with + waiting time removed, and warns that commentary can lag or contain errors. +- [Judgement Short](https://www.youtube.com/watch?v=OfRHH5nBHAI): + "AIはゲーム中、何を考えてる？実際の3判断を見せます #Shorts", 0:28. + This is not the introduction PV or the long explainer. +- [Reply, voice and face explainer](https://www.youtube.com/watch?v=NtrGg4zRqQM): + "AI VTuberの中身、見せます｜返答・声・表情の仕組み【星藍ノア】", 5:49. +- [Self-introduction](https://www.youtube.com/watch?v=3yosX4frOgM): + "【自己紹介】はじめまして、星藍ノアです。｜AI VTuber", 0:34. + +## Bounded change + +- Keep the existing three-card Japanese watch layout. Link its cards to the + edited gameplay test, explainer and introduction; add the short and channel + as secondary text links. Remove the obsolete pending-link message. +- Give the JA/EN product ledger an individual edited-test demo and explainer + evidence destination. The work page derives the same links from that ledger. +- Refresh the English first-use copy to name the edited Japanese test video + and remove the promise of future individual links. +- Preserve the staged introduction film, closed-source boundary, full-live-run + unpublished caveat, existing consultation route, and capability-check date. +- No design replacement, new measurement, form changes, subscription, inquiry + submission, merge or production deployment. + +## Verification + +- Environment: Linux cloud workspace, Node v24.19.0, zero added dependencies. +- Reproduction before the change: build plus `node --test + tests/noa-watch-links.test.mjs` failed both new tests on the missing individual + destinations. +- After the change: `npm run check` passed all 498 Node tests, zero skipped. + New tests cover direct links, matching video types/durations, JA/EN demo and + evidence paths, removal of pending copy, and the full-run caveat. +- Local browser preview: **BLOCKED**. CUA could not open + `http://127.0.0.1:4197/products/noa/` (`ERR_BLOCKED_BY_CLIENT`). No local + screenshot, mobile visual review, keyboard interaction or visual gate pass + is claimed. The existing public pages were inspected, not this unpublished + build. Physical Safari/iPhone and VoiceOver are also unverified. +- CI and independent review status belong to the draft PR checks/discussion; + a passing code suite is not evidence of more views, inquiries or paid work. diff --git a/docs/content-sources.json b/docs/content-sources.json index 868ac89..efcf724 100644 --- a/docs/content-sources.json +++ b/docs/content-sources.json @@ -73,7 +73,7 @@ "repo": null, "source": null, "sourceBlobSha": null, - "evidence": "https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ", + "evidence": "https://www.youtube.com/watch?v=NtrGg4zRqQM", "preview": "/assets/products/noa.jpg", "previewSource": "Frame at 5 s of the introduction film Jev Studio LP Video.mp4 (recreated rc.6 screen layout)", "status": "配信中", diff --git a/scripts/build-core.mjs b/scripts/build-core.mjs index b1ecbf6..a23e9fb 100644 --- a/scripts/build-core.mjs +++ b/scripts/build-core.mjs @@ -90,7 +90,7 @@ function productIllustration(p,lang) { } function productRow(p,lang,full=false) { const c=copy[lang],t=p[lang],n=productNavigation(p,lang); - return `
${productIllustration(p,lang)}
${p.index} — ${p.name}${t.status}
${t.headline}

${t.description}

${p.labSite?link(n.site,c.productSite,'button button-outline'):''}${link(n.demo,n.demoLabel,'button button-outline')}${link(p.repo,'GitHub','text-link')}

${t.scope}

${full?`
${lang==='ja'?'検証・導入条件を確認する':'Evidence & reuse conditions'}

${c.proof}

${t.proof}

${lang==='ja'?'再利用の条件':'Reuse conditions'}

${t.license}

${lang==='ja'?'この技術を活かせる相談':'Potential project scope'}

${t.consult}

${link(p.source,c.readSource)}${link(p.evidence,c.evidence)}${c.inquiry}${arrow}
`:''}
`; + return `
${productIllustration(p,lang)}
${p.index} — ${p.name}${t.status}
${t.headline}

${t.description}

${p.labSite?link(n.site,c.productSite,'button button-outline'):''}${link(n.demo,n.demoLabel,'button button-outline')}${link(p.repo,'GitHub','text-link')}

${t.scope}

${full?`
${lang==='ja'?'検証・導入条件を確認する':'Evidence & reuse conditions'}

${c.proof}

${t.proof}

${lang==='ja'?'再利用の条件':'Reuse conditions'}

${t.license}

${lang==='ja'?'この技術を活かせる相談':'Potential project scope'}

${t.consult}

${link(p.source,c.readSource)}${link(p.evidence,t.evidenceLabel || c.evidence)}${c.inquiry}${arrow}
`:''}
`; } function compactProduct(p,lang) { const c=copy[lang],t=p[lang]; @@ -119,7 +119,7 @@ function services(lang) { } function work(lang,config) { const c=copy[lang]; - return `${pageIntro('WORK NOTES',c.workTitle,c.workLead)}${caseStudies(products,lang)}

${c.workNote}
${lang==='ja'?'資料確認日':'Source review date'}: ${config.checkedAt}

${products.map(p=>`
NOTE ${p.index}

${p.name}

${p[lang].status}

${c.proof}

${p[lang].proof}

${c.limits}

${p[lang].scope}

${link(p.evidence,c.evidence)}${link(p.demo,p[lang].demoLabel)}${link(p.source,c.readSource)}

${lang==='ja'?'この技術で相談できること':'What you can discuss'}

${e(p[lang].consult)}

${lang==='ja'?'試作の進め方を見る':'Explore the prototype scope'} →${lang==='ja'?'この技術を相談する':'Discuss this technology'} →
`).join('')}
${contactCTA(lang,true)}`; + return `${pageIntro('WORK NOTES',c.workTitle,c.workLead)}${caseStudies(products,lang)}

${c.workNote}
${lang==='ja'?'資料確認日':'Source review date'}: ${config.checkedAt}

${products.map(p=>`
NOTE ${p.index}

${p.name}

${p[lang].status}

${c.proof}

${p[lang].proof}

${c.limits}

${p[lang].scope}

${link(p.evidence,p[lang].evidenceLabel || c.evidence)}${link(p.demo,p[lang].demoLabel)}${link(p.source,c.readSource)}

${lang==='ja'?'この技術で相談できること':'What you can discuss'}

${e(p[lang].consult)}

${lang==='ja'?'試作の進め方を見る':'Explore the prototype scope'} →${lang==='ja'?'この技術を相談する':'Discuss this technology'} →
`).join('')}
${contactCTA(lang,true)}`; } function about(lang,config) { const c=copy[lang]; diff --git a/src/noa-lp.mjs b/src/noa-lp.mjs index a22ab54..a3bf492 100644 --- a/src/noa-lp.mjs +++ b/src/noa-lp.mjs @@ -11,7 +11,8 @@ * The first-view still (15 stacked image parts) is replaced, at the owner's request (2026-09-29), by the introduction * film 「Jev Studio LP Video.mp4」. The film states that its studio screens recreate the rc.6 layout and that its * comments are examples; the caption says the same, and that it is not a recording of a live stream. - * The channel is linked; the two named videos are described without links until their individual URLs are known. + * The channel and individual public videos are linked. Gameplay is labelled as an edited test recording; + * the explainer and introduction remain distinct from a full live-run record. * * Checked against Jev_VTuber_Studio (private) origin/main a6aa1b7 and release/rc6-voice on 2026-09-29. * 2026-10-02: removed the supplied bug-fix anecdote: the repository did not substantiate it and the supplied @@ -22,8 +23,9 @@ import fs from 'node:fs/promises'; import path from 'node:path'; import {products as ledgerProducts} from './products.mjs'; +import {noaVideos} from './noa-videos.mjs'; -export const NOA_LP_VERSION = '20261002-noa-gameplay-1'; +export const NOA_LP_VERSION = '20261004-noa-watch-links-1'; const CSS_MARK = '/* REACHMADE_NOA_LP */'; const PAGE = 'products/noa/index.html'; export const CHANNEL = 'https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ'; @@ -58,14 +60,14 @@ const FEATURES = [ const features = () => `

配信の裏側

プレイと会話を支える、
三つの仕組み。

${FEATURES.map(([c, h, b, tags]) => `
${c}

${h}

${b}

    ${tags.map(t => `
  • ${t}
    • `).join('')}
`).join('')}
`; const WATCH = [ - ['LIVE · 配信', 'YouTubeチャンネル', '実際の配信。コメントへの返事はその場で作られます。'], - ['5:48 · 解説（演出を含む）', '私の中身、見せます。', 'ひとつのコメントが返事・声・表情になるまでを、6章で説明します。'], - ['0:30 · 自己紹介PV（演出を含む）', '星藍ノア 自己紹介', '声と口の動きは、実際の読み上げ音声に合わせています。'] + ['4:08 · ゲームのテスト収録（編集版）', '武器選びから、反省会まで。', 'Vampire Survivorsのテスト収録から、会話・武器選び・振り返りをまとめた編集版。待ち時間をカットしています。', noaVideos.gameplay], + ['5:49 · 解説（演出を含む）', '返答・声・表情の仕組み。', 'コメントが返事になるまでと、会話モデル・音声合成・表情の役割分担を紹介します。', noaVideos.explainer], + ['0:34 · 自己紹介PV（演出を含む）', 'はじめまして、星藍ノアです。', 'ノアの自己紹介映像。ゲームや雑談を楽しむキャラクターを紹介します。', noaVideos.introduction] ]; -const watch = () => `

見る

配信と、
ノアのつくり方。

${WATCH.map(([k, h, b], i) => { - const content = `${k}${h}${b}${i ? '個別の動画リンクは準備中' : ''}`; - return i ? `
${content}
` : ext(CHANNEL, `${content}`); -}).join('')}

※ 動画のリンクは現在チャンネルのトップを指しています。解説と自己紹介PVの個別リンクは、確認でき次第掲載します。

`; +const watch = () => `

見る

動画で見る、
ノアの動きとつくり方。

${WATCH.map(([k, h, b, href]) => { + const content = `${k}${h}${b}`; + return ext(href, `${content}`); +}).join('')}

それぞれの動画をYouTubeで開きます。ゲーム動画は待ち時間をカットしたテスト収録で、配信の通し運転の実録画ではありません。

${ext(noaVideos.judgementShort, `28秒で、ゲーム中の3つの判断を見る${arrowOut}`)} · ${ext(CHANNEL, `チャンネルの動画一覧を見る${arrowOut}`)}

`; const status = () => `

現在地

できることと、まだ言わないこと。

いま動いていること

  • ゲームをプレイしながら、YouTubeのコメントに声と表情で返事をする
  • 重複・古いコメントの除外、決まった答えの差し込み
  • 声に合わせた口・目・視線と、6種類の演出

まだ言わないこと

  • 不適切な返事を絶対に出さない、とは言えません
  • 配信の通し運転を記録した実録画は、まだ公開していません
  • 無料で動くわけではありません。会話AIの利用料と電力がかかります

動作条件・ライセンスソース非公開 · 声：AivisSpeech「コハク」（オズチャット）· 各素材は配布元の規約に従って使用

`; diff --git a/src/noa-videos.mjs b/src/noa-videos.mjs new file mode 100644 index 0000000..e328113 --- /dev/null +++ b/src/noa-videos.mjs @@ -0,0 +1,10 @@ +/** Public watch pages, titles and player durations checked 2026-10-04. + * The gameplay video is an edited test recording, not a full live-run record. + * These links do not imply a fresh audit of the character implementation. + */ +export const noaVideos = Object.freeze({ + gameplay: 'https://www.youtube.com/watch?v=A6eJSOnGj1Q', + judgementShort: 'https://www.youtube.com/watch?v=OfRHH5nBHAI', + explainer: 'https://www.youtube.com/watch?v=NtrGg4zRqQM', + introduction: 'https://www.youtube.com/watch?v=3yosX4frOgM', +}); diff --git a/src/product-landings.mjs b/src/product-landings.mjs index 31218b2..3c90ea5 100644 --- a/src/product-landings.mjs +++ b/src/product-landings.mjs @@ -2,6 +2,7 @@ import fs from 'node:fs/promises'; import path from 'node:path'; import { capabilitiesCheckedAt } from './products.mjs'; +import {noaVideos} from './noa-videos.mjs'; const e = s => String(s).replace(/[&<>"']/g, c => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); export const landingIds = Object.freeze(['genie','ai-meeting','oathra','aisecure','agent-team','launchloom','noa']); export function landingRoute(id, lang) { @@ -234,11 +235,11 @@ export const landingExperience = Object.freeze({ title:'プレイ中も、話しかけて。', lead:'ゲームを進めながら、コメントには声と表情で返事。星藍ノアは、プレイとおしゃべりをいっしょに届けるAIキャラクターです。', primary:['配信を見る（YouTube）','https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ'], - secondary:['解説・自己紹介の動画を見る','https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ'], + secondary:['返答・声・表情の解説を見る',noaVideos.explainer], tryNow:'YouTubeの配信で、コメントへの返事と声・表情を見る。', actionNote:'ソースは公開していません。配信とYouTubeの動画で、実際の動きを確かめられます。', startTitle:'動いているところは、配信と動画で。', - startBody:'実際の配信では、コメントへの返事はその場で作られます。解説（5:48）と自己紹介PV（0:30）は、演出を含む映像です。', + startBody:'ゲームのテスト収録は待ち時間をカットした編集版です。返答・声・表情の解説と自己紹介PVは、演出を含む映像です。いずれも配信の通し運転を証明するものではありません。', beats:[['返事','Jevが判定して、返事を決める'],['声','コハクの声で読み上げる'],['見た目','画像を重ねて、表情を動かす']] }, en: { @@ -247,12 +248,12 @@ export const landingExperience = Object.freeze({ featuresTitle:'Gameplay and conversation, side by side.', flowTitle:'From your comment to Noa’s response.', consultTitle:'Bring your own character to the screen.', - primary:['Open the YouTube channel','https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ'], - secondary:['Watch the introduction film','#recording'], - tryNow:'Open Noa’s YouTube channel to explore streams and videos.', - actionNote:'The source is not public. This link opens Noa’s YouTube channel.', - startTitle:'Explore Noa’s streams and videos.', - startBody:'The channel is available below. Direct links to the explainer (5:48) and introduction film (0:30) will be added once confirmed. Both films include staging.', + primary:['Watch the edited gameplay test',noaVideos.gameplay], + secondary:['Watch the reply, voice and face explainer',noaVideos.explainer], + tryNow:'Watch Noa’s conversation, weapon choices and post-game reflection in an edited gameplay test.', + actionNote:'The source is not public. This opens a Japanese test recording with waiting time edited out, not a full live-run record.', + startTitle:'Watch the gameplay test.', + startBody:'The 4-minute gameplay video is an edited test recording. The explainer and introduction film include staging. These videos do not establish uninterrupted live operation.', beats:[['Reply','Jev judges the comment and decides the reply'],['Voice','The reply is read out in the Kohaku voice'],['Look','Image layers are switched to move the face']] } } @@ -294,7 +295,7 @@ export function renderProductLanding(product, lang, config, recordingSource) {

${ja?'この実演で見ること':'WHAT THE FILM SHOWS'}

${e(x.flowTitle || p.outcome)}

    ${x.beats.map(([title,body],i)=>`

  1. ${e(title)}

    ${e(body)}

    2. `).join('')}

${ja?'この製品の役割':'THE PRODUCT ROLE'}

${e(p.headline)}

${e(p.short)} ${e(x.lead || p.description)}

${ja?'試す':'TRY IT'}

${e(x.startTitle)}

${e(x.startBody)}

${external(x.primary[1],x.primary[0],'owned-primary')}${external(product.repo,ja?'GitHubで確認する':'Inspect on GitHub','owned-secondary')}
-

${ja?'現在地':'CURRENT BOUNDARIES'}

${ja?'利用条件と開発状況。':'Availability and development.'}

${ja?'現在の範囲':'Current scope'}

${e(p.scope)}

${e(p.license)}

${x.iconNote?`

${e(x.iconNote)}

`:''}${external(product.evidence,product.closedSource?(ja?'YouTubeチャンネルを開く':'Open Noa’s YouTube channel'):(ja?'検証資料を見る':'Read the evidence'))}
${x.nextUi?nextUiArticle(x.nextUi,ja,external(prototype,x.nextUi.studyLabel)):!hasDesignStudy?'':`

${ja?'次のUI設計':'Proposed interface design'}

${ja?'別公開の設計動画は、次のUIを考えるためのプレビューです。現行製品の実演や、新UIの実装完了を示すものではありません。':'The separate design film is a proposal for a future interface. It is not a demonstration of the current product or proof that the proposed UI has shipped.'}

${external(prototype,ja?'ラベル付き設計プレビュー':'Open the labelled design study')}
`}
+

${ja?'現在地':'CURRENT BOUNDARIES'}

${ja?'利用条件と開発状況。':'Availability and development.'}

${ja?'現在の範囲':'Current scope'}

${e(p.scope)}

${e(p.license)}

${x.iconNote?`

${e(x.iconNote)}

`:''}${external(product.evidence,p.evidenceLabel || (product.closedSource?(ja?'YouTubeチャンネルを開く':'Open Noa’s YouTube channel'):(ja?'検証資料を見る':'Read the evidence')))}
${x.nextUi?nextUiArticle(x.nextUi,ja,external(prototype,x.nextUi.studyLabel)):!hasDesignStudy?'':`

${ja?'次のUI設計':'Proposed interface design'}

${ja?'別公開の設計動画は、次のUIを考えるためのプレビューです。現行製品の実演や、新UIの実装完了を示すものではありません。':'The separate design film is a proposal for a future interface. It is not a demonstration of the current product or proof that the proposed UI has shipped.'}

${external(prototype,ja?'ラベル付き設計プレビュー':'Open the labelled design study')}
`}

${ja?'業務への応用':'BUILD WITH IT'}

${e(x.consultTitle || (ja?'この仕組みを、実際の業務に合わせる。':'Adapt the mechanism to a real workflow.'))}

${e(p.consult)}

${ja?'開発を相談する':'Discuss a project'}
\n`; } diff --git a/src/products.mjs b/src/products.mjs index 1be47c8..b2baf5f 100644 --- a/src/products.mjs +++ b/src/products.mjs @@ -11,6 +11,7 @@ * answers (src/talk-engine.mjs), AivisSpeech コハク (docs/VOICE.md), 4 mouth shapes and 22 parts * (public/models/noa/model.json), 6 effects (public/effect-director.mjs). * 2026-09-30: renamed 夜澄ノア → 星藍ノア at the owner's request. The introduction film still shows the old name. */ +import {noaVideos} from './noa-videos.mjs'; /** Date the highlights/features of every product were checked against its repository. */ export const capabilitiesCheckedAt = '2026-09-27'; export const products = [ @@ -263,19 +264,20 @@ export const products = [ closedSource: true, filmKind: 'intro', repo: null, labSite: 'https://noa.reachmade.com/', site: 'https://reachmade.com/products/noa/', preview: '/assets/products/noa.jpg', previewSource: 'Frame at 5 s of the introduction film Jev Studio LP Video.mp4 (recreated rc.6 screen layout)', source: null, - evidence: 'https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ', + evidence: noaVideos.explainer, // 2026-10-02: gameplay + chat checked in Jev_VTuber_Studio (private), HEAD 4db1927: // docs/PROGRAMME.md, public/noa-blocks.mjs, src/game-runner.mjs, src/talk-engine.mjs. // Static implementation evidence; not a gameplay-skill or live-stream performance measurement. - demo: 'https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ', capabilitiesCheckedAt: '2026-10-02', + // Public video destinations checked 2026-10-04; implementation-check date is unchanged. + demo: noaVideos.gameplay, capabilitiesCheckedAt: '2026-10-02', ja: { - headline: 'コメントを、声と表情に。', demoLabel: '配信を見る', previewLabel: '紹介映像の一場面（画面は再現）', + headline: 'コメントを、声と表情に。', demoLabel: 'ゲームのテスト収録を見る（編集版）', evidenceLabel: '返答・声・表情の解説を見る', previewLabel: '紹介映像の一場面（画面は再現）', short: 'コメントに、声と表情で返す配信キャラクター。', description: '返事・声・見た目は別々の仕組み。その間をつなぎ、配信のコメントに声と表情で返します。', status: '配信中', license: 'ソース非公開', outcome: 'コメント → 判定 → 声・表情', scope: '不適切な返事を絶対に出さない仕組みではありません。会話AIの利用料と電力がかかります。配信の通し運転の実録画は未公開です。', - proof: '解説用に作った映像。配信の実録画ではありません。', + proof: '紹介映像は配信の実録画ではありません。別に、待ち時間をカットしたゲームのテスト収録を公開しています。', consult: 'キャラクターを使った配信、店頭や施設での案内、問い合わせ対応の試作。', highlights: [{value:'先にコードで整理',label:'重複・古いコメントはAIに渡さない'},{value:'声はコハク',label:'AivisSpeechの既存音声。専用学習なし'},{value:'演出6種類',label:'声の再生に合わせる。AIの追加呼び出しなし'}], features: [ @@ -285,13 +287,13 @@ export const products = [ ] }, en: { - headline: 'Comments, answered in voice and expression.', demoLabel: 'Watch the stream', previewLabel: 'A scene from the introduction film (recreated screen)', + headline: 'Comments, answered in voice and expression.', demoLabel: 'Watch the edited gameplay test', evidenceLabel: 'Watch the reply, voice and face explainer', previewLabel: 'A scene from the introduction film (recreated screen)', short: 'A streaming character who answers comments with a voice and a face.', description: 'The reply, the voice and the look are separate systems. Noa joins them and answers stream comments with voice and expression.', status: 'Streaming', license: 'Closed source', outcome: 'Comment → judgement → voice and expression', scope: 'It is not a system that can never give an inappropriate reply. The conversation AI has usage fees, and running it uses electricity. A recording of a full live run has not been published.', - proof: 'A film made to explain Noa; not a recording of a live stream.', + proof: 'The introduction film is not a recording of a live stream. A separate gameplay test recording is available with waiting time edited out.', consult: 'Character-led streams, guidance in shops and venues, and prototypes for handling enquiries.', highlights: [{value:'Sorted in code first',label:'Duplicate and stale comments never reach the AI'},{value:'Kohaku voice',label:'An existing AivisSpeech voice, not trained for Noa'},{value:'Six effects',label:'Timed to the voice, with no extra AI call'}], features: [ diff --git a/src/redesign.mjs b/src/redesign.mjs index 95d3780..4d87cb4 100644 --- a/src/redesign.mjs +++ b/src/redesign.mjs @@ -285,7 +285,7 @@ function productMain(p, list, lang, {kept, figure, source, filmAnchor}) { const links = [ ['demo', nav.demo, nav.demoLabel], ...(p.closedSource || !p.repo ? [] : [['source', p.repo, r.sourceLabel]]), - ['evidence', p.evidence, r.evidenceLabel] + ['evidence', p.evidence, t.evidenceLabel || r.evidenceLabel] ].map(([kind, url, label]) => { const href = local(url); return `
  • ${r.linkKinds[kind]}${esc(label)}${esc(external(href) ? host(href) : 'reachmade.com')}
    • `; }).join(''); // A moved figure carries its own labels (a recording block may open on its reconstruction view), so the // "recording" label is not repeated beside it. Non-recording kinds are always stated. diff --git a/tests/noa-watch-links.test.mjs b/tests/noa-watch-links.test.mjs new file mode 100644 index 0000000..9570228 --- /dev/null +++ b/tests/noa-watch-links.test.mjs @@ -0,0 +1,38 @@ +import test from 'node:test'; +import assert from 'node:assert/strict'; +import fs from 'node:fs/promises'; + +const read = route => fs.readFile(new URL(`../dist/${route}index.html`, import.meta.url), 'utf8'); + +test('Noa watch section opens verified individual videos with matching kinds', async () => { + const html = await read('products/noa/'); + const watch = html.match(/]*id="watch"[\s\S]*?<\/section>/)?.[0]; + assert.ok(watch, 'watch section exists'); + for (const id of ['A6eJSOnGj1Q', 'NtrGg4zRqQM', '3yosX4frOgM', 'OfRHH5nBHAI']) { + assert.ok(watch.includes(`href="https://www.youtube.com/watch?v=${id}"`), `${id} is directly reachable`); + } + assert.doesNotMatch(watch, /準備中|nlp-watch__pending/); + assert.match(watch, /4:08.*テスト収録.*編集版/); + assert.match(watch, /5:49.*解説/); + assert.match(watch, /0:34.*自己紹介/); + assert.match(watch, /通し運転の実録画ではありません/); + assert.match(html, /配信の通し運転を記録した実録画は、まだ公開していません/); +}); + +test('Noa JA and EN proof/demo paths distinguish an edited test from the intro film', async () => { + for (const prefix of ['', 'en/']) { + for (const route of ['products/noa/', 'products/', 'work/']) { + const html = await read(prefix + route); + assert.ok(html.includes('href="https://www.youtube.com/watch?v=A6eJSOnGj1Q"'), `${prefix}${route}: edited test`); + assert.ok(html.includes('href="https://www.youtube.com/watch?v=NtrGg4zRqQM"'), `${prefix}${route}: explainer`); + const explainerLinks = html.match(/]*href="https:\/\/www\.youtube\.com\/watch\?v=NtrGg4zRqQM"[^>]*>[\s\S]*?<\/a>/g) || []; + assert.ok(explainerLinks.length > 0); + for (const link of explainerLinks) { + assert.match(link, prefix ? /explainer/ : /解説/, `${prefix}${route}: label matches video`); + assert.doesNotMatch(link, /YouTubeチャンネル|YouTube channel|検証資料|検証記録|evaluation record/); + } + assert.doesNotMatch(html, /Direct links to the explainer.*will be added once confirmed/); + assert.match(html, prefix ? /not a recording of a live stream/ : /配信の実録画ではありません/); + } + } +}); diff --git a/tests/noa.test.mjs b/tests/noa.test.mjs index e4a4b65..96a0e3e 100644 --- a/tests/noa.test.mjs +++ b/tests/noa.test.mjs @@ -10,6 +10,7 @@ import { recordings } from '../src/films.mjs'; import { premiumFilmCuts } from '../src/premium-film-cuts.mjs'; import { demoCopy, STAGED_FILMS } from '../public/assets/animated-demos.mjs'; import { NOA_LP_VERSION, FILM, CHANNEL, refineNoaLp, writeNoaLp } from '../src/noa-lp.mjs'; +import {noaVideos} from '../src/noa-videos.mjs'; // The 2026-10 redesign (src/redesign.mjs) composes the deployed homes. The v4 checks below still hold on the v4 layer's // own output, so the module keeps its honesty rules; tests/redesign.test.mjs covers the deployed homes. @@ -26,12 +27,14 @@ test('the seventh product is 星藍ノア: closed source, with its limits stated assert.equal(noa.closedSource, true); assert.equal(noa.repo, null); assert.equal(noa.source, null); - assert.equal(noa.evidence, CHANNEL); + assert.equal(noa.evidence, noaVideos.explainer); + assert.equal(noa.demo, noaVideos.gameplay); assert.equal(noa.ja.license, 'ソース非公開'); assert.match(noa.ja.scope, /不適切な返事を絶対に出さない仕組みではありません。/); assert.match(noa.ja.scope, /配信の通し運転の実録画は未公開です。/); // The film on the site is an introduction film with recreated screens, never called a recording of the stream. - assert.equal(noa.ja.proof, '解説用に作った映像。配信の実録画ではありません。'); + assert.match(noa.ja.proof, /紹介映像は配信の実録画ではありません。/); + assert.match(noa.ja.proof, /待ち時間をカットしたゲームのテスト収録/); assert.match(noa.en.proof, /not a recording of a live stream/); }); @@ -62,7 +65,8 @@ test('ja: the page keeps the reviewed order, labels the film and links no reposi assert.ok(main.includes(``) && main.includes(`poster="${FILM.poster}"`)); for (const tag of html.match(/]*>/g) || []) { assert.match(tag, /preload="none"/); assert.doesNotMatch(tag, /autoplay/); } assert.match(main, /ソース非公開 · 声：AivisSpeech「コハク」（オズチャット）/); - assert.match(main, /※ 動画のリンクは現在チャンネルのトップを指しています。/); + assert.match(main, /それぞれの動画をYouTubeで開きます。/); + assert.doesNotMatch(main, /個別の動画リンクは準備中/); // 2026-10 redesign: the page-section header nav became the 01–07 switcher; the kept first view still links #watch. assert.match(html, //); assert.doesNotMatch(html, /id="bug"|不具合の記録|第4章/, 'the unverified bug story is not presented as a documented event'); @@ -95,7 +99,7 @@ test('the home names Noa\'s clip for what it is and links the explainer section' const start = html.indexOf('data-v4-chapter="noa"'); const chapter = html.slice(start, html.indexOf('', start)); assert.ok(chapter.includes(`配信を見る ')); + assert.ok(chapter.includes(`href="${noaVideos.gameplay}"`) && chapter.includes('>ゲームのテスト収録を見る（編集版） ')); assert.match(html, /星藍ノアはソース非公開のため、YouTubeの配信と解説動画で動きを確かめられます。/); }); From 981424c373561b0842e65d2b30515c70f3026312 Mon Sep 17 00:00:00 2001 From: horio <145077644+FORIFOR@users.noreply.github.com> Date: Mon, 5 Oct 2026 01:29:34 +0900 Subject: [PATCH 2/3] fix: wrap mobile access links and capture changed Noa views --- docs/NOA_WATCH_LINKS_2026-10-04.md | 18 +++++++++++++++++- public/assets/home-flagship.css | 2 +- scripts/ui-capture.mjs | 7 +++++++ tests/noa-watch-links.test.mjs | 9 +++++++++ ui-quality.config.json | 6 ++++++ 5 files changed, 40 insertions(+), 2 deletions(-) diff --git a/docs/NOA_WATCH_LINKS_2026-10-04.md b/docs/NOA_WATCH_LINKS_2026-10-04.md index 285787e..2168fb8 100644 --- a/docs/NOA_WATCH_LINKS_2026-10-04.md +++ b/docs/NOA_WATCH_LINKS_2026-10-04.md @@ -48,7 +48,7 @@ labels/descriptions, not an independent full runtime review of the character. - Reproduction before the change: build plus `node --test tests/noa-watch-links.test.mjs` failed both new tests on the missing individual destinations. -- After the change: `npm run check` passed all 498 Node tests, zero skipped. +- After the link change: `npm run check` passed all 498 Node tests, zero skipped. New tests cover direct links, matching video types/durations, JA/EN demo and evidence paths, removal of pending copy, and the full-run caveat. - Local browser preview: **BLOCKED**. CUA could not open @@ -58,3 +58,19 @@ labels/descriptions, not an independent full runtime review of the character. build. Physical Safari/iPhone and VoiceOver are also unverified. - CI and independent review status belong to the draft PR checks/discussion; a passing code suite is not evidence of more views, inquiries or paid work. + +## CI follow-up + +On `7369cbb8c7a84949fecbe9cc6d42ecd197f0c395`, the required-image job captured +and uploaded the actual screenshots but failed for horizontal overflow in the +390px expanded access table (`home-m-access.png`). Inspection of that image +showed the shared entry-link style did not wrap, including the existing Genie +entry. The mobile-only rule now permits wrapping instead of hiding overflow or +removing the edited-test qualification from the label. + +The required capture set now includes the changed Noa Japanese watch section +and English scope links at desktop/phone sizes, plus expanded English-phone +and Japanese-320px access tables. The local suite after this follow-up passes +499 tests. No thresholds were relaxed. Inspect the latest CI images and checks +before treating the visual follow-up as passed; the initial capture does not +prove the later fix. diff --git a/public/assets/home-flagship.css b/public/assets/home-flagship.css index b1dd9c3..26a8b43 100644 --- a/public/assets/home-flagship.css +++ b/public/assets/home-flagship.css @@ -130,7 +130,7 @@ body[data-home-flagship] .site-footer.rm-footer{border-top:1px solid var(--rm-li .rm-access-table tbody th{margin-bottom:11px;font-size:18px;white-space:normal} .rm-access-table td{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:14px;padding-block:8px;border-top:1px solid var(--rm-line);font-size:12px} .rm-access-table td::before{content:attr(data-label);font:10px/1.9 var(--rm-mono);letter-spacing:.06em;color:var(--rm-dim)} - .rm-access-link{min-height:38px} + .rm-access-link{min-height:38px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere} } @media(max-width:650px){ body[data-home-flagship] .hero.container.lab-hero{padding-top:26px} diff --git a/scripts/ui-capture.mjs b/scripts/ui-capture.mjs index e189a0b..9d8226d 100644 --- a/scripts/ui-capture.mjs +++ b/scripts/ui-capture.mjs @@ -53,6 +53,13 @@ export const SHOTS = Object.freeze([ { file: 'home-m-chapter-agent-team.png', route: '/', width: 390, height: 1100, scrollTo: 'a.rd-row[data-rd-film]', assertVisible: 'a.rd-row[data-rd-film]', state: 'phone, Agent Team row carrying the labelled design film (redesign), reduced motion, real time', reducedMotion: true, realtime: true }, { file: 'home-m-services.png', route: '/', width: 390, height: 844, scrollTo: '#services', state: 'phone, services band, reduced motion, real time', reducedMotion: true, realtime: true }, { file: 'home-m-access.png', route: '/', width: 390, height: 844, openDetails: '#access > details', scrollTo: '#access', assertVisible: '#access details[open] .rm-access-table', state: 'phone, open access table, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'home-en-m-access.png', route: '/en/', width: 390, height: 844, openDetails: '#access > details', scrollTo: '#access', assertVisible: '#access details[open] .rm-access-table', state: 'phone, English open access table, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'home-narrow-access.png', route: '/', width: 320, height: 900, openDetails: '#access > details', scrollTo: '#access', assertVisible: '#access details[open] .rm-access-table', state: 'narrow phone, open access table, reduced motion, real time', reducedMotion: true, realtime: true }, + // Public Noa links: inspect the actual changed watch cards and localized proof destinations. + { file: 'noa-watch-desktop.png', route: '/products/noa/', width: 1440, height: 1200, scrollTo: '#watch', assertVisible: '#watch .nlp-watch', state: 'Noa individual public video links, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-watch-mobile.png', route: '/products/noa/', width: 390, height: 1800, scrollTo: '#watch', assertVisible: '#watch .nlp-watch', state: 'phone, Noa individual public video links, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-scope-en-desktop.png', route: '/en/products/noa/', width: 1440, height: 1200, scrollTo: '#scope', assertVisible: '#scope .rd-link-row', state: 'English Noa edited-test and explainer destinations, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-scope-en-mobile.png', route: '/en/products/noa/', width: 390, height: 1600, scrollTo: '#scope', assertVisible: '#scope .rd-link-row', state: 'phone, English Noa edited-test and explainer destinations, reduced motion, real time', reducedMotion: true, realtime: true }, // Japanese Genie page (LP re-composition): its sections at a readable size, real time. // Japanese Oathra page (2026-09-29 brief): each section, real time. // Agent Team page (2026-09-29 patch): hero, capabilities and the next-UI design with its film. diff --git a/tests/noa-watch-links.test.mjs b/tests/noa-watch-links.test.mjs index 9570228..18b5894 100644 --- a/tests/noa-watch-links.test.mjs +++ b/tests/noa-watch-links.test.mjs @@ -36,3 +36,12 @@ test('Noa JA and EN proof/demo paths distinguish an edited test from the intro f } } }); + +test('long access labels wrap on phones and changed Noa views require screenshots', async () => { + const css = await fs.readFile(new URL('../public/assets/home-flagship.css', import.meta.url), 'utf8'); + assert.match(css, /@media\(max-width:760px\)[\s\S]*?\.rm-access-link\{[^}]*white-space:normal;overflow-wrap:anywhere/); + const config = JSON.parse(await fs.readFile(new URL('../ui-quality.config.json', import.meta.url), 'utf8')); + for (const file of ['noa-watch-desktop.png', 'noa-watch-mobile.png', 'noa-scope-en-desktop.png', 'noa-scope-en-mobile.png', 'home-en-m-access.png', 'home-narrow-access.png']) { + assert.ok(config.requiredImages.includes(`artifacts/ui/${file}`), file); + } +}); diff --git a/ui-quality.config.json b/ui-quality.config.json index ccd7af1..0e13391 100644 --- a/ui-quality.config.json +++ b/ui-quality.config.json @@ -46,6 +46,12 @@ "artifacts/ui/home-band-access.png", "artifacts/ui/home-band-close.png", "artifacts/ui/home-m-access.png", + "artifacts/ui/home-en-m-access.png", + "artifacts/ui/home-narrow-access.png", + "artifacts/ui/noa-watch-desktop.png", + "artifacts/ui/noa-watch-mobile.png", + "artifacts/ui/noa-scope-en-desktop.png", + "artifacts/ui/noa-scope-en-mobile.png", "artifacts/ui/home-band-reel.png", "artifacts/ui/home-band-chapter-genie.png", "artifacts/ui/home-band-chapter-oathra.png", From a62e7db167af223952a0b1eb3a5491ba65c3c8d2 Mon Sep 17 00:00:00 2001 From: FORIFOR Date: Tue, 13 Oct 2026 03:53:01 +0900 Subject: [PATCH 3/3] Make Noa public gameplay directly reachable in Japanese and English --- docs/NOA_PUBLIC_VIEWING_2026-10-13.md | 42 +++++++++++++++++++++++++ docs/content-sources.json | 2 +- scripts/ui-capture.mjs | 8 +++++ src/noa-lp.mjs | 6 ++-- src/noa-videos.mjs | 6 +++- src/product-landings.mjs | 8 ++--- src/products.mjs | 30 ++++++++++++++++-- src/redesign.mjs | 14 ++++++++- src/redesign/redesign.css | 7 +++++ tests/noa-public-viewing.test.mjs | 44 +++++++++++++++++++++++++++ tests/noa-watch-links.test.mjs | 2 +- tests/noa.test.mjs | 2 +- ui-quality.config.json | 10 +++++- 13 files changed, 166 insertions(+), 15 deletions(-) create mode 100644 docs/NOA_PUBLIC_VIEWING_2026-10-13.md create mode 100644 tests/noa-public-viewing.test.mjs diff --git a/docs/NOA_PUBLIC_VIEWING_2026-10-13.md b/docs/NOA_PUBLIC_VIEWING_2026-10-13.md new file mode 100644 index 0000000..5b08b52 --- /dev/null +++ b/docs/NOA_PUBLIC_VIEWING_2026-10-13.md @@ -0,0 +1,42 @@ +# Noa public viewing update — 2026-10-13 + +This continues draft PR #39 and retains its edited test, explainer, introduction, +channel links, and mobile wrapping fix. Current main was merged without rewriting +its Oathra introduction films, concept demos, consultation links or Agent Team still. + +## Public evidence + +YouTube watch pages in the already signed-in browser and official oEmbed responses +were checked on 2026-10-12 UTC. The destinations identify the same channel already used by the site: +`UCjX52bV1kfUgSuqf3vv_rTQ` (`@hoshiAI_noa`). The checker observed public availability, +player metadata and descriptions; no fresh character runtime audit is claimed. + +- https://www.youtube.com/shorts/5PdIxtbHsJ0 — 21.7 seconds; labelled approximately + 22 seconds. A Short from published gameplay. The copy does not infer a scene. +- https://www.youtube.com/watch?v=jyWm8zfy1q4 — 4:12 edited live footage. This is + distinct from the older 4:08 edited test recording (`A6eJSOnGj1Q`). +- https://www.youtube.com/watch?v=mWGPfLFQsYU — 4:08:22, streamed 2026-10-11. + Its description identifies a broadcast resumed after an interruption. It supports + an archive link, not a claim of uninterrupted operation or every comment answered. +- https://note.com/forifor/n/n4f465dcfb779 — existing article introducing the older + four-minute edited test (`A6eJSOnGj1Q`), not the newer `jyWm8zfy1q4` stream edit. + +## Bounded implementation + +JA and EN first actions open the 4:12 stream edit. A separate static viewing section +before the recreated introduction film offers the Short, edit and resumed archive. +The consultation section remains available for development enquiries. The staged +film keeps its existing labels. Existing PR #39 video destinations remain intact. +No remote embed, tracking, dependency, form behavior or inquiry was added. + +The obsolete unpublished-archive statements are replaced with the interrupted-run +boundary, including JA/EN ledger-derived pages. Product capability-check dates remain +unchanged. Metadata names the actual viewing options without adding capability claims. + +## Validation scope + +Run `npm run check`. New generated-page regressions cover the first action, static +links, video type/duration distinctions, staged-film labels, consultation continuity, +locale links, and removal of stale unpublished copy. The capture configuration adds +JA/EN first views and viewing choices on desktop and phone. Record actual test, +image and independent-review outcomes in the PR; registration alone is not a pass. diff --git a/docs/content-sources.json b/docs/content-sources.json index efcf724..31378e4 100644 --- a/docs/content-sources.json +++ b/docs/content-sources.json @@ -77,7 +77,7 @@ "preview": "/assets/products/noa.jpg", "previewSource": "Frame at 5 s of the introduction film Jev Studio LP Video.mp4 (recreated rc.6 screen layout)", "status": "配信中", - "scope": "不適切な返事を絶対に出さない仕組みではありません。会話AIの利用料と電力がかかります。配信の通し運転の実録画は未公開です。" + "scope": "不適切な返事を絶対に出さない仕組みではありません。会話AIの利用料と電力がかかります。公開アーカイブは中断後に再開した配信で、無停止の運転を保証するものではありません。" } ] } diff --git a/scripts/ui-capture.mjs b/scripts/ui-capture.mjs index 9d8226d..9626999 100644 --- a/scripts/ui-capture.mjs +++ b/scripts/ui-capture.mjs @@ -55,6 +55,14 @@ export const SHOTS = Object.freeze([ { file: 'home-m-access.png', route: '/', width: 390, height: 844, openDetails: '#access > details', scrollTo: '#access', assertVisible: '#access details[open] .rm-access-table', state: 'phone, open access table, reduced motion, real time', reducedMotion: true, realtime: true }, { file: 'home-en-m-access.png', route: '/en/', width: 390, height: 844, openDetails: '#access > details', scrollTo: '#access', assertVisible: '#access details[open] .rm-access-table', state: 'phone, English open access table, reduced motion, real time', reducedMotion: true, realtime: true }, { file: 'home-narrow-access.png', route: '/', width: 320, height: 900, openDetails: '#access > details', scrollTo: '#access', assertVisible: '#access details[open] .rm-access-table', state: 'narrow phone, open access table, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-hero-ja-desktop.png', route: '/products/noa/', width: 1440, height: 1200, scrollTo: '.rd-phero', assertVisible: '.rd-phero', state: 'Noa ja public viewing hero, desktop, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-hero-ja-mobile.png', route: '/products/noa/', width: 390, height: 1400, scrollTo: '.rd-phero', assertVisible: '.rd-phero', state: 'Noa ja public viewing hero, mobile, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-viewing-ja-desktop.png', route: '/products/noa/', width: 1440, height: 1200, scrollTo: '#noa-viewing', assertVisible: '#noa-viewing', state: 'Noa ja public viewing viewing, desktop, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-viewing-ja-mobile.png', route: '/products/noa/', width: 390, height: 1400, scrollTo: '#noa-viewing', assertVisible: '#noa-viewing', state: 'Noa ja public viewing viewing, mobile, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-hero-en-desktop.png', route: '/en/products/noa/', width: 1440, height: 1200, scrollTo: '.rd-phero', assertVisible: '.rd-phero', state: 'Noa en public viewing hero, desktop, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-hero-en-mobile.png', route: '/en/products/noa/', width: 390, height: 1400, scrollTo: '.rd-phero', assertVisible: '.rd-phero', state: 'Noa en public viewing hero, mobile, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-viewing-en-desktop.png', route: '/en/products/noa/', width: 1440, height: 1200, scrollTo: '#noa-viewing', assertVisible: '#noa-viewing', state: 'Noa en public viewing viewing, desktop, reduced motion, real time', reducedMotion: true, realtime: true }, + { file: 'noa-viewing-en-mobile.png', route: '/en/products/noa/', width: 390, height: 1400, scrollTo: '#noa-viewing', assertVisible: '#noa-viewing', state: 'Noa en public viewing viewing, mobile, reduced motion, real time', reducedMotion: true, realtime: true }, // Public Noa links: inspect the actual changed watch cards and localized proof destinations. { file: 'noa-watch-desktop.png', route: '/products/noa/', width: 1440, height: 1200, scrollTo: '#watch', assertVisible: '#watch .nlp-watch', state: 'Noa individual public video links, reduced motion, real time', reducedMotion: true, realtime: true }, { file: 'noa-watch-mobile.png', route: '/products/noa/', width: 390, height: 1800, scrollTo: '#watch', assertVisible: '#watch .nlp-watch', state: 'phone, Noa individual public video links, reduced motion, real time', reducedMotion: true, realtime: true }, diff --git a/src/noa-lp.mjs b/src/noa-lp.mjs index a3bf492..45a9000 100644 --- a/src/noa-lp.mjs +++ b/src/noa-lp.mjs @@ -25,7 +25,7 @@ import path from 'node:path'; import {products as ledgerProducts} from './products.mjs'; import {noaVideos} from './noa-videos.mjs'; -export const NOA_LP_VERSION = '20261004-noa-watch-links-1'; +export const NOA_LP_VERSION = '20261013-noa-public-viewing-1'; const CSS_MARK = '/* REACHMADE_NOA_LP */'; const PAGE = 'products/noa/index.html'; export const CHANNEL = 'https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ'; @@ -67,9 +67,9 @@ const WATCH = [ const watch = () => `

    見る

    動画で見る、
    ノアの動きとつくり方。

    ${WATCH.map(([k, h, b, href]) => { const content = `${k}${h}${b}`; return ext(href, `${content}`); -}).join('')}

    それぞれの動画をYouTubeで開きます。ゲーム動画は待ち時間をカットしたテスト収録で、配信の通し運転の実録画ではありません。

    ${ext(noaVideos.judgementShort, `28秒で、ゲーム中の3つの判断を見る${arrowOut}`)} · ${ext(CHANNEL, `チャンネルの動画一覧を見る${arrowOut}`)}

    `; +}).join('')}

    それぞれの動画をYouTubeで開きます。上の4:08の動画は待ち時間をカットしたテスト収録で、配信の通し運転の実録画ではありません。

    ${ext(noaVideos.judgementShort, `28秒で、ゲーム中の3つの判断を見る${arrowOut}`)} · ${ext(CHANNEL, `チャンネルの動画一覧を見る${arrowOut}`)}

    `; -const status = () => `

    現在地

    できることと、まだ言わないこと。

    いま動いていること

    • ゲームをプレイしながら、YouTubeのコメントに声と表情で返事をする
    • 重複・古いコメントの除外、決まった答えの差し込み
    • 声に合わせた口・目・視線と、6種類の演出

    まだ言わないこと

    • 不適切な返事を絶対に出さない、とは言えません
    • 配信の通し運転を記録した実録画は、まだ公開していません
    • 無料で動くわけではありません。会話AIの利用料と電力がかかります

    動作条件・ライセンスソース非公開 · 声：AivisSpeech「コハク」（オズチャット）· 各素材は配布元の規約に従って使用

    `; +const status = () => `

    現在地

    できることと、まだ言わないこと。

    いま動いていること

    • ゲームをプレイしながら、YouTubeのコメントに声と表情で返事をする
    • 重複・古いコメントの除外、決まった答えの差し込み
    • 声に合わせた口・目・視線と、6種類の演出

    まだ言わないこと

    • 不適切な返事を絶対に出さない、とは言えません
    • 公開アーカイブは中断後の再開分で、無停止の運転を保証するものではありません
    • 無料で動くわけではありません。会話AIの利用料と電力がかかります

    動作条件・ライセンスソース非公開 · 声：AivisSpeech「コハク」（オズチャット）· 各素材は配布元の規約に従って使用

    `; const footer = () => `

    すべてのプロダクト${ext(CHANNEL, `YouTube${arrowOut}`)}

    Reachmade / Shuhei Horio · 配信・解説映像・静止画を区別して公開しています。
    `; diff --git a/src/noa-videos.mjs b/src/noa-videos.mjs index e328113..3197926 100644 --- a/src/noa-videos.mjs +++ b/src/noa-videos.mjs @@ -1,8 +1,12 @@ -/** Public watch pages, titles and player durations checked 2026-10-04. +/** Public watch pages: original four checked 2026-10-04; live footage checked 2026-10-12 UTC. + * The live archive is a resumed broadcast after an interruption, not proof of uninterrupted operation. * The gameplay video is an edited test recording, not a full live-run record. * These links do not imply a fresh audit of the character implementation. */ export const noaVideos = Object.freeze({ + liveShort: 'https://www.youtube.com/shorts/5PdIxtbHsJ0', + liveEdit: 'https://www.youtube.com/watch?v=jyWm8zfy1q4', + liveArchive: 'https://www.youtube.com/watch?v=mWGPfLFQsYU', gameplay: 'https://www.youtube.com/watch?v=A6eJSOnGj1Q', judgementShort: 'https://www.youtube.com/watch?v=OfRHH5nBHAI', explainer: 'https://www.youtube.com/watch?v=NtrGg4zRqQM', diff --git a/src/product-landings.mjs b/src/product-landings.mjs index c4ad431..88f7877 100644 --- a/src/product-landings.mjs +++ b/src/product-landings.mjs @@ -232,8 +232,8 @@ export const landingExperience = Object.freeze({ }, noa: { ja: { - title:'プレイ中も、話しかけて。', - lead:'ゲームを進めながら、コメントには声と表情で返事。星藍ノアは、プレイとおしゃべりをいっしょに届けるAIキャラクターです。', + title:'AI VTuberのゲーム実況・動画', + lead:'AI VTuber星藍ノアの公開ゲーム実況。約22秒のShort、4分12秒の編集版、長尺配信アーカイブから、実際の声と動きを見られます。', primary:['配信を見る（YouTube）','https://youtube.com/channel/UCjX52bV1kfUgSuqf3vv_rTQ'], secondary:['返答・声・表情の解説を見る',noaVideos.explainer], tryNow:'YouTubeの配信で、コメントへの返事と声・表情を見る。', @@ -243,8 +243,8 @@ export const landingExperience = Object.freeze({ beats:[['返事','Jevが判定して、返事を決める'],['声','コハクの声で読み上げる'],['見た目','画像を重ねて、表情を動かす']] }, en: { - title:'The game’s on. Say hello.', - lead:'Noa plays games and responds to stream comments with her voice and expressions. Drop into a stream, leave a comment, and be part of the conversation.', + title:'AI VTuber gameplay & videos', + lead:'Watch AI VTuber Noa in a short gameplay clip, a four-minute stream edit or a long stream archive. The public videos are in Japanese.', featuresTitle:'Gameplay and conversation, side by side.', flowTitle:'From your comment to Noa’s response.', consultTitle:'Bring your own character to the screen.', diff --git a/src/products.mjs b/src/products.mjs index 5b8a587..195adb4 100644 --- a/src/products.mjs +++ b/src/products.mjs @@ -274,6 +274,32 @@ export const products = [ preview: '/assets/products/noa.jpg', previewSource: 'Frame at 5 s of the introduction film Jev Studio LP Video.mp4 (recreated rc.6 screen layout)', source: null, evidence: noaVideos.explainer, + publicViewing: { + ja: { + title: 'まずは、実際のゲーム実況を。', + note: 'Short、配信の編集版、長尺アーカイブをYouTubeで見られます。音声は日本語です。', + primaryLabel: '実況を見る（4分12秒）', + secondaryLabel: 'Short・配信アーカイブ', + boundary: '長尺アーカイブは、中断後に再開した配信です。無停止の運転を示すものではありません。', + videos: [ + {href: noaVideos.liveShort, duration: '約22秒 · SHORT', title: '短い実況から見る'}, + {href: noaVideos.liveEdit, duration: '4:12 · 編集版', title: '配信を4分で見る'}, + {href: noaVideos.liveArchive, duration: '4:08:22 · アーカイブ', title: '長尺の配信を見る（再開分）'} + ] + }, + en: { + title: 'Start with real gameplay.', + note: 'Watch a Short, an edited stream or a long stream archive on YouTube. Audio is in Japanese.', + primaryLabel: 'Watch gameplay (4:12)', + secondaryLabel: 'Short & stream archive', + boundary: 'The long archive is a broadcast resumed after an interruption. It does not establish uninterrupted operation.', + videos: [ + {href: noaVideos.liveShort, duration: '~22 SEC · SHORT', title: 'Try a short gameplay clip'}, + {href: noaVideos.liveEdit, duration: '4:12 · EDITED STREAM', title: 'Watch the four-minute edit'}, + {href: noaVideos.liveArchive, duration: '4:08:22 · ARCHIVE', title: 'Watch the resumed stream'} + ] + } + }, // 2026-10-02: gameplay + chat checked in Jev_VTuber_Studio (private), HEAD 4db1927: // docs/PROGRAMME.md, public/noa-blocks.mjs, src/game-runner.mjs, src/talk-engine.mjs. // Static implementation evidence; not a gameplay-skill or live-stream performance measurement. @@ -285,7 +311,7 @@ export const products = [ description: '返事・声・見た目は別々の仕組み。その間をつなぎ、配信のコメントに声と表情で返します。', status: '配信中', license: 'ソース非公開', outcome: 'コメント → 判定 → 声・表情', - scope: '不適切な返事を絶対に出さない仕組みではありません。会話AIの利用料と電力がかかります。配信の通し運転の実録画は未公開です。', + scope: '不適切な返事を絶対に出さない仕組みではありません。会話AIの利用料と電力がかかります。公開アーカイブは中断後に再開した配信で、無停止の運転を保証するものではありません。', proof: '紹介映像は配信の実録画ではありません。別に、待ち時間をカットしたゲームのテスト収録を公開しています。', consult: 'キャラクターを使った配信、店頭や施設での案内、問い合わせ対応の試作。', highlights: [{value:'先にコードで整理',label:'重複・古いコメントはAIに渡さない'},{value:'声はコハク',label:'AivisSpeechの既存音声。専用学習なし'},{value:'演出6種類',label:'声の再生に合わせる。AIの追加呼び出しなし'}], @@ -301,7 +327,7 @@ export const products = [ description: 'The reply, the voice and the look are separate systems. Noa joins them and answers stream comments with voice and expression.', status: 'Streaming', license: 'Closed source', outcome: 'Comment → judgement → voice and expression', - scope: 'It is not a system that can never give an inappropriate reply. The conversation AI has usage fees, and running it uses electricity. A recording of a full live run has not been published.', + scope: 'It is not a system that can never give an inappropriate reply. The conversation AI has usage fees, and running it uses electricity. The public archive is a stream resumed after an interruption, not a guarantee of uninterrupted operation.', proof: 'The introduction film is not a recording of a live stream. A separate gameplay test recording is available with waiting time edited out.', consult: 'Character-led streams, guidance in shops and venues, and prototypes for handling enquiries.', highlights: [{value:'Sorted in code first',label:'Duplicate and stale comments never reach the AI'},{value:'Kohaku voice',label:'An existing AivisSpeech voice, not trained for Noa'},{value:'Six effects',label:'Timed to the voice, with no extra AI call'}], diff --git a/src/redesign.mjs b/src/redesign.mjs index 1223e46..f46bfb6 100644 --- a/src/redesign.mjs +++ b/src/redesign.mjs @@ -280,11 +280,22 @@ function splitProductMain(main, film, {filmInPlace = false} = {}) { return {kept, figure, source, filmAnchor}; } +function publicViewing(p, lang) { + if (p.id !== 'noa') return ''; + const v = p.publicViewing?.[lang]; + if (!v || v.videos.length !== 3) throw new Error(`Noa viewing: missing ${lang} public video ledger`); + return `

    ${lang === 'ja' ? '実況を見る' : 'WATCH NOA'}

    ${esc(v.title)}

    ${esc(v.note)}

    ${esc(v.boundary)}

    ${lang === 'ja' ? '紹介映像と仕組みの説明へ' : 'Introduction film & how it works'}
    `; +} + function productMain(p, list, lang, {kept, figure, source, filmAnchor}) { const r = redesignCopyFor(lang), t = p[lang], name = displayName(p, lang), n = list.length; const film = productFilm(p.id), nav = productNavigation(p, lang), still = stillOf(p, lang); const long = name.length > 8 || p.id === 'noa'; const conceptEntry = p.id === 'oathra' && lang === 'ja'; + const viewing = p.id === 'noa' ? p.publicViewing?.[lang] : null; + const heroActions = viewing + ? `${esc(viewing.primaryLabel)}${esc(viewing.secondaryLabel)}` + : `${esc(conceptEntry ? '用途別デモを試す' : lang === 'ja' ? '映像を見る' : 'Watch the film')}${esc(r.consultHero)}`; const steps = t.outcome.split(' → '); const outcome = steps.map((s, i) => `
  • ${esc(s)}${i < steps.length - 1 ? `` : ''}
    • `).join(''); const highlights = t.highlights.map((h, i) => `
    0${i + 1}

    ${esc(h.value)}

    ${esc(h.label)}

    `).join(''); @@ -306,9 +317,10 @@ function productMain(p, list, lang, {kept, figure, source, filmAnchor}) { return `
    ${esc(r.productOf(p.index, n))}${esc(p.discipline)}${esc(t.status)} · ${esc(t.license)}

    ${esc(name)}

    -

    ${esc(t.headline)}

    ${esc(t.description)}

    ${esc(conceptEntry ? '用途別デモを試す' : lang === 'ja' ? '映像を見る' : 'Watch the film')}${esc(r.consultHero)}
    ${conceptEntry ? '

    構想デモ・実際の発信/予約は行いません

    ' : ''}${p.id === 'oathra' ? `${lang === 'ja' ? '24秒で利用イメージを見る' : 'Watch the 24-second introduction'} ` : ''}
    ${esc(still.label)}
    ${r.fig} ${esc(p.index)}${esc(still.label)}
    +

    ${esc(t.headline)}

    ${esc(t.description)}

    ${heroActions}
    ${conceptEntry ? '

    構想デモ・実際の発信/予約は行いません

    ' : ''}${p.id === 'oathra' ? `${lang === 'ja' ? '24秒で利用イメージを見る' : 'Watch the 24-second introduction'} ` : ''}
    ${esc(still.label)}
    ${r.fig} ${esc(p.index)}${esc(still.label)}

    ${esc(r.whatItDoes)}

      ${outcome}
    +${publicViewing(p, lang)} ${oathraExperienceFilm(p, lang)}
    ${figure ? `
    ${figure}
    ` : filmAnchor ? `${esc(r.filmBelow)} ` : `
    ${video({...film, label: `${name} — ${kind}`}, lang)}
    `}
    ${esc(r.film(name))}${figure && film.kind === 'recording' ? '' : `${esc(filmAnchor ? r.stillKind : kind)}${figure || filmAnchor ? '' : ` ${esc(note)}`}${extra}`}
    ${showHighlights ? `

    ${esc(r.highlights)}

    ${highlights}
    ` : ''} diff --git a/src/redesign/redesign.css b/src/redesign/redesign.css index 974c491..f1e9aa0 100644 --- a/src/redesign/redesign.css +++ b/src/redesign/redesign.css @@ -374,3 +374,10 @@ html.js body[data-rd] [data-rd-hidden]{opacity:0} body[data-rd] .rd-cursor{display:none} } @media print{body[data-rd] .rd-header{position:static;mix-blend-mode:normal}body[data-rd] .rd-progress,body[data-rd] .rd-cursor,body[data-rd] .rd-marquee{display:none}} + +/* Public Noa viewing choices use the existing linked-row pattern and paper palette. */ +body[data-rd] .rd-noa-viewing{padding:clamp(40px,5vw,72px) var(--rd-gutter);display:flex;flex-direction:column;gap:24px;scroll-margin-top:100px} +body[data-rd] .rd-noa-viewing h2{margin:0;font-family:var(--rd-jp);font-size:clamp(28px,3.2vw,48px);line-height:1.4;letter-spacing:-.04em;color:var(--rd-ink)} +body[data-rd] .rd-noa-viewing>p:not(.rd-kicker){margin:0;max-width:60em;font-size:14px;line-height:1.9;color:var(--rd-muted)} +body[data-rd] .rd-noa-viewing .rd-link-kind{width:170px;opacity:1;color:inherit;line-height:1.8} +body[data-rd] .rd-noa-viewing .rd-noa-about{width:fit-content;min-height:44px;display:inline-flex;align-items:center;gap:12px;color:var(--rd-ink);text-decoration:underline;text-underline-offset:5px} diff --git a/tests/noa-public-viewing.test.mjs b/tests/noa-public-viewing.test.mjs new file mode 100644 index 0000000..c09caba --- /dev/null +++ b/tests/noa-public-viewing.test.mjs @@ -0,0 +1,44 @@ +import test from 'node:test'; +import assert from 'node:assert/strict'; +import fs from 'node:fs/promises'; +import {noaVideos} from '../src/noa-videos.mjs'; + +const read = route => fs.readFile(new URL(`../dist/${route}index.html`, import.meta.url), 'utf8'); + +test('Noa JA/EN first action opens an actual stream edit before the recreated film', async () => { + for (const prefix of ['', 'en/']) { + const html = await read(prefix + 'products/noa/'); + const hero = html.match(/
    [\s\S]*?<\/section>/)?.[0]; + assert.ok(hero); + const firstAction = hero.match(/]*>[\s\S]*?<\/a>/)?.[0]; + assert.ok(firstAction?.includes(`href="${noaVideos.liveEdit}"`)); + assert.match(firstAction, prefix ? /Watch gameplay \(4:12\)/ : /実況を見る（4分12秒）/); + assert.match(hero, /href="#noa-viewing"/); + assert.doesNotMatch(hero, /href="[^\"]*contact/); + assert.ok(html.indexOf('id="noa-viewing"') < html.indexOf('id="film"')); + assert.match(html, new RegExp(`href="/${prefix}contact/#product-noa"`)); + assert.match(html, prefix ? /recreated screens/ : /無音・画面は再現/); + assert.doesNotMatch(html, / { + for (const prefix of ['', 'en/']) { + const html = await read(prefix + 'products/noa/'); + const viewing = html.match(/
    /)?.[0]; + assert.ok(viewing); + for (const id of ['5PdIxtbHsJ0', 'jyWm8zfy1q4', 'mWGPfLFQsYU']) assert.ok(viewing.includes(id)); + assert.match(viewing, /4:12/); + assert.match(viewing, /4:08:22/); + assert.match(viewing, prefix ? /~22 SEC.*SHORT/ : /約22秒.*SHORT/); + assert.match(viewing, prefix ? /resumed after an interruption/ : /中断後に再開した配信/); + assert.match(viewing, prefix ? /does not establish uninterrupted operation/ : /無停止の運転を示すものではありません/); + assert.match(html, / { diff --git a/tests/noa.test.mjs b/tests/noa.test.mjs index 96a0e3e..2edd44d 100644 --- a/tests/noa.test.mjs +++ b/tests/noa.test.mjs @@ -31,7 +31,7 @@ test('the seventh product is 星藍ノア: closed source, with its limits stated assert.equal(noa.demo, noaVideos.gameplay); assert.equal(noa.ja.license, 'ソース非公開'); assert.match(noa.ja.scope, /不適切な返事を絶対に出さない仕組みではありません。/); - assert.match(noa.ja.scope, /配信の通し運転の実録画は未公開です。/); + assert.match(noa.ja.scope, /公開アーカイブは中断後に再開した配信/); // The film on the site is an introduction film with recreated screens, never called a recording of the stream. assert.match(noa.ja.proof, /紹介映像は配信の実録画ではありません。/); assert.match(noa.ja.proof, /待ち時間をカットしたゲームのテスト収録/); diff --git a/ui-quality.config.json b/ui-quality.config.json index 0e13391..c8838b4 100644 --- a/ui-quality.config.json +++ b/ui-quality.config.json @@ -60,7 +60,15 @@ "artifacts/ui/home-band-services.png", "artifacts/ui/home-m-reel.png", "artifacts/ui/home-m-chapter.png", - "artifacts/ui/home-m-services.png" + "artifacts/ui/home-m-services.png", + "artifacts/ui/noa-hero-ja-desktop.png", + "artifacts/ui/noa-hero-ja-mobile.png", + "artifacts/ui/noa-viewing-ja-desktop.png", + "artifacts/ui/noa-viewing-ja-mobile.png", + "artifacts/ui/noa-hero-en-desktop.png", + "artifacts/ui/noa-hero-en-mobile.png", + "artifacts/ui/noa-viewing-en-desktop.png", + "artifacts/ui/noa-viewing-en-mobile.png" ], "reviewFile": "artifacts/ui/review.json", "timeoutSeconds": 600,