CMSʹ͍͔ͭ͘՝͕͋ͬͨ 1.ը૾ͷCORSΤϥʔ • NEWT CMSͰɺը૾ͷAssetΛGoogle Cloud Storageʹอଘ͍ͯͨ͠ • μογϡϘʔυ͔ΒCORS (ΦϦδϯؒϦιʔεڞ༗)ͷઃఆ͕ग़དྷͳ͔ͬͨ • -> Flutter WebͷCanvaskitΛར༻ͨ࣌͠ʹCORSΤϥʔͱͳΓ ը૾͕දࣔͰ͖ͳ ͘ͳΔ • CanvaskitͰɺJSͷFetch API͔ΒFetch͔ͯ͠Βදࣔ͢ΔͨΊ • HTML RendererͰɺHTMLͷimgཁૉͱͯ͠ද͍ࣔͯͨͨ͠Ί CORSΛճආͰ͖ͨ • -> Flutter WebͷHTML RendererΛར༻͢Δඞཁ͕͋Δ • ࣌ɺRendererʹHTML͔CanvaskitΛબͨ 16 ※ 2023࣌ͷͳͷͰ ࠓվળ͞Ε͍ͯΔ͔͠Ε·ͤΜ • ϒϥβجຊతʹɺOriginϔομʔΛ༩͢Δ͕ ͍͔ͭ͘ྫ֎͕͋Δ • > There are some exceptions to the above rules; for example if a cross-origin GET or HEAD request is made in no-cors mode the Origin header will not be added. • Imgλά͕ΫϩεΦϦδϯͰϦΫΤετΛૹΔ߹͜ͷྫ֎ʹͯ·Δ • (ͨͩ͠ɺimg tagͷcrossoriginଐੑΛࢦఆͨ͠߹ผ) • ैͬͯ img tag͔ΒͷϦΫΤετOriginϔομʔΛ࣋ͨͳ͍ͨΊɺAccess-Control-Allow- OriginΛຬ͍ͨͯ͠ͳ͍߹ͰCORSҧʹͳΒͳ͍ • ΑͬͯɺFlutter Web(HTML Renderer)ͰCORSΤϥʔʹͳΒͳ͔͕ͬͨ CanvaskitͰCORSΤ ϥʔʹͳͬͨ • ͪͳΈʹɺFlutter 3.29͔Β Image.network widgetͷҾʹ WebHtmlElementStrategy͕Ճ͞ ΕͨͨΊɺ(CanvaskitΛ͍ͬͯͯ)imgཁૉͱͯ͠ͷදࣔΛprefer/fallback(Fetchࣦഊͨ͠Βimgද ࣔ)Ͱ͖ΔΑ͏ʹͳͬͨ • ͨͩ͠ɺ͍͔ͭ͘ෆ۩߹͕͋Γͦ͏ (BoxFit #163288, ઃఆ͕Ωϟογϡ͞ΕΔ #164405) • [Web] Allow specifying the strategy on when to use <img> element to display images #159917 NOTE ※ ޙ΄ͲࢿྉΛΞοϓϩʔυ͠·͢