https://techacademy.jp/nuxt_/BOBqI7D1.js

1import{m as ru}from"./B-ixQeHN.js";import{I as au}from"./CwTg_qjk.js";import{_ as g,c as du,a as mu,u as pu,g as cu}from"./CAyQEZZq.js";import{a as w,i as bu,j as Cu,g as Fu}from"./B1AN3NgB.js";import{T as Bu}from"./Cu-3C15i.js";import{T as fu}from"./CWkdgDYd.js";import{F as C}from"./D9yXPlVI.js";import{a as P,T as gu,g as v,n as Eu,$ as Au,a0 as yu,a1 as Du,a2 as hu,p as Tu,d as vu}from"./BpWaCHQj.js";import{d as x}from"./0fsapDIi.js";import{a1 as r,G as l,H as a,P as u,O as i,Q as e,ab as xu,M as B,a4 as d,k,u as p,$ as D,J as F,R as n,a2 as b,b as ku,N as m}from"./oD3KRI65.js";import{j as $,T as wu,a as $u,b as Pu,c as Su,d as _u,e as Wu,f as Mu,g as Lu,h as Nu,_ as Ou,i as ju,k as Iu}from"./BSk0IC4E.js";import{T as zu}from"./bHo7IBb6.js";import{T as Uu,a as Qu}from"./dpec22B0.js";import{T as Vu}from"./DQblrBTO.js";import{c as Ru,s as Gu}from"./DWTh7_y_.js";import{T as Xu}from"./B9K0sL0S.js";import{T as qu}from"./DGyTxs7w.js";import{T as Hu,a as Ju}from"./CZ-4ck-r.js";import{T as Ku}from"./LRguONX2.js";import{T as Yu}from"./BmVfRY7M.js";import{T as Zu,a as us}from"./Cb8Ds3kd.js";import{T as ss}from"./CfTsyQE_.js";import{T as os}from"./DL7XOniu.js";import{T as es}from"./HFpbJ9b-.js";import{T as ts}from"./B9siZv0h.js";import{T as ns}from"./D5qaFlW4.js";import{T as is}from"./CJqO1GYo.js";import{_ as ls}from"./Dds2oMNj.js";import"./DZ0ZfRmu.js";import"./DW4Yr2U5.js";import"./i5xgp2Oi.js";import"./LvUlYqkR.js";import"./sgMpFjXW.js";import"./r7IPLiHE.js";import"./B90d42cg.js";import"./WLl4kfWE.js";import"./ITX9yM3L.js";import"./D4QQxXA2.js";import"./BLF_QlWP.js";import"./DJhmc2VG.js";import"./DHRdbtih.js";const rs={async setup(){return{faBook:P,faChevronUp:gu,faChevronDown:v}},props:{beginsAt:{type:Date,default:null},closesAt:{type:Date,default:null}},data(){return{isActive:!1}},components:{TeCourseCoverTimeSpan:Bu,TeCommonBadgeAdobe:fu,FontAwesomeIcon:C}},as=x(rs,"$ws3YwQ0ZKo"),ds={id:"cover",class:"te-bg-design-portfolio-image relative flex flex-col items-center justify-center bg-cover bg-center px-4 text-center text-white",style:{height:"500px"}},ms={class:"co-display-5 mb-4 flex items-center font-bold drop-shadow"},ps={class:"co-container-xs co-display-14 mb-6 drop-shadow","aria-hidden":"true"},cs={class:"te-cover-lead"};function bs(o,s,t,E,A,f){const c=r("FontAwesomeIcon"),h=r("TeCourseCoverTimeSpan"),T=r("TeCommonBadgeAdobe");return l(),a("section",ds,[u("h1",ms,[i(c,{icon:o.faBook,class:"fa-fw mr-3 mt-2 hidden h-9 w-8 md:inline-block"},null,8,["icon"]),s[1]||(s[1]=e(" デザイン実践ポートフォリオコース "))]),s[3]||(s[3]=u("h2",{class:"co-display-10 mb-2 drop-shadow"}," 制作業務で通用するデザインスキルを身につけよう ",-1)),u("div",ps,[u("span",cs,[s[2]||(s[2]=e(" デザイン実践ポートフォリオコースは、さらなるスキル ")),u("span",{class:xu(["hidden",{"!inline":o.isActive}])},"を身につけることができる講座。スクールでは、PhotoshopやXDを使いこなして実務で通用するスキルを身につけることがゴールです。1人では続かない方のためのパーソナルメンターがつくブートキャンプ。メンターは全員、通過率10%の選考を通過した現役Webデザイナーです。専属のパーソナルメンターがマンツーマンでサポート。",2)]),u("span",{onClick:s[0]||(s[0]=y=>o.isActive=!o.isActive)},[o.isActive?(l(),B(c,{key:0,icon:o.faChevronUp,class:"fa-fw ml-2 inline size-3"},null,8,["icon"])):o.isActive?d("",!0):(l(),B(c,{key:1,icon:o.faChevronDown,class:"fa-fw ml-2 inline size-3"},null,8,["icon"]))])]),i(h,{"begins-at":o.beginsAt,"closes-at":o.closesAt},null,8,["begins-at","closes-at"]),s[4]||(s[4]=u("div",{class:"alert mb-4 block w-auto rounded border-[#ffeeba] bg-[#fff3cd] p-2 text-center text-[#856404]"}," お申し込みを停止しております。 再開の際には改めてご案内いたします。 ",-1)),i(T)])}const Cs=g(as,[["render",bs],["__scopeId","data-v-abcbfaa9"]]),Fs={id:"target",class:"co-bg-striped"},Bs={class:"co-container-lg px-4 py-20 md:px-40 lg:px-4"},fs={class:"mb-10 flex flex-col gap-y-10 lg:flex-row lg:gap-x-20"},gs={class:"lg:basis-6/12"},Es={class:"flex flex-col lg:flex-row lg:gap-x-5"},As={class:"mb-5 w-full text-center leading-none lg:mb-0 lg:max-w-[50px]"},ys={class:"lg:basis-6/12"},Ds={class:"flex flex-col lg:flex-row lg:gap-x-5"},hs={class:"mb-5 w-full text-center leading-none lg:mb-0 lg:max-w-[50px]"},Ts={class:"flex flex-col gap-y-10 lg:mb-0 lg:flex-row lg:gap-x-20"},vs={class:"lg:basis-6/12"},xs={class:"flex flex-col lg:flex-row lg:gap-x-5"},ks={class:"w-full text-center lg:mb-0 lg:max-w-[50px]"},ws={class:"lg:basis-6/12"},$s={class:"flex flex-col lg:flex-row lg:gap-x-5"},Ps={class:"mb-5 w-full text-center leading-none lg:mb-0 lg:max-w-[50px]"},Ss=k({__name:"TeCourseDesignPortfolioTarget",setup(o){return(s,t)=>(l(),a("section",Fs,[u("div",Bs,[t[4]||(t[4]=u("h2",{class:"co-display-7 mb-[3.25rem] text-center"}," こんな方にオススメです ",-1)),u("div",fs,[u("div",gs,[u("div",Es,[u("div",As,[i(p(C),{icon:p(Eu),class:"fa-fw co-display-5 mx-auto h-9 w-10 leading-none text-co-primary-500"},null,8,["icon"])]),t[0]||(t[0]=u("div",null,[u("h3",{class:"co-display-10 mb-4 text-center lg:text-left"},[e(" Webデザイナーを志望する"),u("br",{class:"lg:hidden"}),e("社会人・学生の方 ")]),u("p",{class:"mb-0"}," 忙しい社会人の方でも働きながらジョブチェンジが可能です。学生の方も実践的学習によりスキルが身につき就職に役立ちます。 ")],-1))])]),u("div",ys,[u("div",Ds,[u("div",hs,[i(p(C),{icon:p(Au),class:"fa-fw co-display-5 mx-auto h-8 w-9 leading-none text-co-primary-500"},null,8,["icon"])]),t[1]||(t[1]=u("div",null,[u("h3",{class:"co-display-10 mb-4 text-center lg:text-left"},[e(" Webデザインのスキルアップを"),u("br",{class:"lg:hidden"}),e("考えている方 ")]),u("p",{class:"mb-0"}," バナーやWeb制作など、あらゆるデザイン制作に応用できるスキルを身につけることができます。 ")],-1))])])]),u("div",Ts,[u("div",vs,[u("div",xs,[u("div",ks,[i(p(C),{icon:p(Ru),class:"fa-fw co-display-5 mx-auto mb-5 h-9 w-12 leading-none text-co-primary-500"},null,8,["icon"])]),t[2]||(t[2]=u("div",null,[u("h3",{class:"co-display-10 mb-4 text-center lg:text-left"}," Webデザインコースを受講された方 "),u("p",{class:"mb-0"}," コーディングだけでなく、より実践的で質の高いデザインスキルをスキルを身につけることができます。 ")],-1))])]),u("div",ws,[u("div",$s,[u("div",Ps,[i(p(C),{icon:p(yu),class:"fa-fw co-display-5 mx-auto h-9 w-12 leading-none text-co-primary-500"},null,8,["icon"])]),t[3]||(t[3]=u("div",null,[u("h3",{class:"co-display-10 mb-4 text-center lg:text-left"}," Webデザインスクールで基礎を学んだ方 "),u("p",{class:"mb-0"}," 現役デザイナーのサポートで実践を繰り返すことで、より実務につながるスキルを身につけることができます。 ")],-1))])])])])]))}}),_s={id:"output",class:"co-bg-striped te-bg-output-design-portfolio bg-cover bg-center"},Ws={class:"co-container-lg flex justify-center px-4 py-20 md:px-10 lg:justify-end lg:px-4 lg:py-[3.25rem]"},Ms={class:"lg:basis-6/12"},Ls={class:"flex justify-center"},Ns={class:"mb-7 flex w-full flex-col lg:flex-row xl:w-4/5"},Os={class:"mb-5 text-center lg:mb-0 lg:mr-5"},js={class:"flex justify-center"},Is={class:"mb-7 flex w-full flex-col lg:flex-row xl:w-4/5"},zs={class:"mb-5 text-center lg:mb-0 lg:mr-5"},Us={class:"flex justify-center"},Qs={class:"flex w-full flex-col lg:flex-row xl:w-4/5"},Vs={class:"mb-5 text-center lg:mb-0 lg:mr-5"},Rs=k({__name:"TeCourseDesignPortfolioOutput",setup(o){return(s,t)=>(l(),a("section",_s,[u("div",Ws,[u("div",Ms,[t[3]||(t[3]=u("h2",{class:"co-display-7 mb-4 text-center"},[e(" 実践しながら"),u("br",{class:"lg:hidden"}),e("デザインスキルを習得 ")],-1)),t[4]||(t[4]=u("h3",{class:"co-display-12 mb-10 text-left leading-relaxed text-co-gray-600 md:text-center"},[e(" 期間内にバナーやLPについての考察と作成を行います。実務に近い形でデザイン "),u("br",{class:"hidden md:block"}),e(" についての考え方と作り方を同時に学ぶことで実践的なスキルが身につきます。 ")],-1)),u("div",Ls,[u("div",Ns,[u("div",Os,[i(p(C),{icon:p(Du),class:"fa-fw fa-2x mx-auto h-9 w-10 text-co-success-500"},null,8,["icon"])]),t[0]||(t[0]=u("div",{class:"text-center lg:text-left"}

1,[u("h4",{class:"co-display-10"}," デザインの考察 "),u("p",{class:"mb-0"}," 条件指定されたデザインに該当する作品を探し出し、作品に対する印象や施されているテクニックをレポート ")],-1))])]),u("div",js,[u("div",Is,[u("div",zs,[i(p(C),{icon:p(hu),class:"fa-fw fa-2x mx-auto h-8 w-10 text-co-info-500"},null,8,["icon"])]),t[1]||(t[1]=u("div",{class:"text-center lg:text-left"},[u("h4",{class:"co-display-10"}," バナーの制作 "),u("p",{class:"mb-0"}," デザインガイドラインを理解して複数パターンのバナーを制作 ")],-1))])]),u("div",Us,[u("div",Qs,[u("div",Vs,[i(p(C),{icon:p(Gu),class:"fa-fw fa-2x mx-auto h-9 w-10 text-co-warning-500"},null,8,["icon"])]),t[2]||(t[2]=u("div",{class:"text-center lg:text-left"},[u("h4",{class:"co-display-10"}," 実用的なレイアウトページの制作 "),u("p",{class:"mb-0"}," 対クライアントを想定し指定された条件でページを制作 ")],-1))])])])])]))}}),Gs=g(Rs,[["__scopeId","data-v-d4340ce0"]]),Xs={id:"curriculum",class:"co-bg-striped"},qs={class:"co-container-lg mx-auto px-4 py-20"},Hs={class:"mx-auto grid grid-cols-1 gap-x-20 gap-y-12 sm:max-w-[640px] lg:max-w-full lg:grid-cols-2"},Js={class:"flex gap-x-5"},Ks={class:"mb-0 min-w-[50px] text-center"},Ys={class:"flex gap-x-5"},Zs={class:"mb-0 min-w-[50px] text-center"},uo=k({__name:"TeCourseDesignPortfolioCurriculum",setup(o){return(s,t)=>(l(),a("section",Xs,[u("div",qs,[t[2]||(t[2]=u("h2",{class:"co-heading-2-caption"},[e(" 短期間で結果を出す"),u("br",{class:"md:hidden"}),e("カリキュラム ")],-1)),t[3]||(t[3]=u("p",{class:"mb-[3.25rem] text-left md:text-center"},[e(" あなたの現在の実力をもとに、もっとも効果的で無駄のないトレーニングメニューを設定します。 "),u("br",{class:"hidden md:block"}),e(" パーソナルメンターのメンタリングとオリジナル学習システムで目標到達まで最短距離で進みます。 ")],-1)),u("div",Hs,[u("div",Js,[u("div",Ks,[i(p(C),{icon:p(Tu),class:"fa-fw co-display-2 mx-auto h-11 w-12 text-te-course-webdesign-500"},null,8,["icon"])]),t[0]||(t[0]=u("div",null,[u("h3",{class:"co-display-10 mb-4 font-bold"}," Webデザインの原則 "),u("p",{class:"mb-0"}," デザインしていく上での原則・考え方を学習します。サービスに合わせたユーザビリティをロジカルに考え、デザインに落とし込める力を身につけます。 ")],-1))]),u("div",Ys,[u("div",Zs,[i(p(C),{icon:p(vu),class:"fa-fw co-display-2 mx-auto h-11 w-12 text-black"},null,8,["icon"])]),t[1]||(t[1]=u("div",null,[u("h3",{class:"co-display-10 mb-4 font-bold"}," Webデザインのスキル "),u("p",{class:"mb-0"}," 配色・タイポグラフィ・アニメーション・インタラクションなどのスキルを身につけます。 ")],-1))])]),t[4]||(t[4]=D('<h3 class="co-display-10 mb-5 mt-10 text-center"> 身につくスキル </h3><div class="co-container-sm mx-auto text-center"><ul class="inline-block w-auto list-disc rounded border-[#fff3cd] bg-[#fff3cd] p-5 text-left font-bold text-[#856404]" style="list-style-position:inside;"><li class="mb-2"> Adobe XDを使ったワイヤーフレームとデザインスキル </li><li class="mb-2"> レイアウト・配色・タイポグラフィ、Webデザイン原則の理解 </li><li class="mb-2"> 提示された課題に対応したページ・バナーのデザインスキル </li><li> 実務を想定したコンセプト設計のスキル </li></ul></div><p class="co-display-13 mt-5 text-center text-co-gray-500"> ※本コースではコーディングやディレクションの内容は含まれていません。 </p>',3))])]))}}),so={props:{course:{type:Object},latestCohort:{type:Object},currentPromotion:{default:null},student:{type:Boolean,default:!1},mentoring:{type:Boolean,default:!1},chatSupport:{type:Boolean,default:!1},matterSupport:{type:Boolean,default:!1}},filters:{addComma(o){return o?o.toLocaleString():"-"}},computed:{plans(){return this.course?this.course.attributes.plans:null},beginsAt(){return this.latestCohort?new Date(this.latestCohort.attributes.begins_at):null},beginsMonth(){return this.beginsAt?this.beginsAt.getMonth()+1:"-"},beginsDays(){return this.beginsAt?this.beginsAt.getDate():"-"},beginsDayOfWeek(){return this.beginsAt?["日","月","火","水","木","金","土"][this.beginsAt.getDay()]:"-"},membershipEndsAt4(){return this.latestCohort?new Date(this.latestCohort.attributes.membership_ends_at4):null},membershipEndsAt8(){return this.latestCohort?new Date(this.latestCohort.attributes.membership_ends_at8):null},membershipEndsAt12(){return this.latestCohort?new Date(this.latestCohort.attributes.membership_ends_at12):null},membershipEndsAt16(){return this.latestCohort?new Date(this.latestCohort.attributes.membership_ends_at16):null},social4WeeksPlan(){return this.plans?this.plans.social_4weeks:{tax_included_price:"-"}},social8WeeksPlan(){return this.plans?this.plans.social_8weeks:{tax_included_price:"-"}},social12WeeksPlan(){return this.plans?this.plans.social_12weeks:{tax_included_price:"-"}},social16WeeksPlan(){return this.plans?this.plans.social_16weeks:{tax_included_price:"-"}},student4WeeksPlan(){return this.plans?this.plans.student_4weeks:{tax_included_price:"-"}},student8WeeksPlan(){return this.plans?this.plans.student_8weeks:{tax_included_price:"-"}},student12WeeksPlan(){return this.plans?this.plans.student_12weeks:{tax_included_price:"-"}},student16WeeksPlan(){return this.plans?this.plans.student_16weeks:{tax_included_price:"-"}}},methods:{dateToMonth(o){return o?o.getMonth()+1:"-"},dateToDay(o){return o?o.getDate():"-"},dateToWeek(o){return o?["日","月","火","水","木","金","土"][o.getDay()]:"-"}}},oo=x(so,"$Xcsdo7IFii"),eo={class:"mb-8 lg:hidden"},to={role:"tablist",class:"tabs-boxed tabs bg-inherit p-0"},no={role:"tabpanel",class:"tab-content border-0 text-center"},io={class:"te-price-striped border border-[#dee2e6] p-3"},lo={class:"font-normal"},ro={class:"co-display-7 px-1 font-bold text-co-info-500"},ao={class:"co-display-7 px-1 font-bold text-co-info-500"},mo={class:"te-price-striped border border-[#dee2e6] p-3"},po={class:"font-normal"},co={class:"mb-2 block"},bo={class:"block"},Co={key:0,class:"te-price-striped border border-[#dee2e6] p-3"},Fo={key:1,class:"te-price-striped border border-[#dee2e6] p-3"},Bo={class:"te-price-striped border border-[#dee2e6] p-3"},fo={key:2,class:"te-price-striped border border-[#dee2e6] p-3"},go={role:"tabpanel",class:"tab-content border-0 text-center"},Eo={class:"te-price-striped border border-[#dee2e6] p-3"},Ao={class:"font-normal"},yo={class:"co-display-7 px-1 font-bold text-co-success-500"},Do={class:"co-display-7 px-1 font-bold text-co-success-500"},ho={class:"te-price-striped border border-[#dee2e6] p-3"},To={class:"font-normal"},vo={class:"mb-2 block"},xo={class:"block"},ko={key:0,class:"te-price-striped border border-[#dee2e6] p-3"},wo={key:1,class:"te-price-striped border border-[#dee2e6] p-3"},$o={class:"te-price-striped border border-[#dee2e6] p-3"},Po={key:2,class:"te-price-striped border border-[#dee2e6] p-3"},So={role:"tabpanel",class:"tab-content border-0 text-center"},_o={class:"te-price-striped border border-[#dee2e6] p-3"},Wo={class:"font-normal"},Mo={class:"co-display-7 px-1 font-bold text-co-warning-500"},Lo={class:"co-display-7 px-1 font-bold text-co-warning-500"},No={class:"te-price-striped border border-[#dee2e6] p-3"},Oo={class:"font-normal"},jo={class:"mb-2 block"},Io={class:"block"},zo={key:0,class:"te-price-striped border border-[#dee2e6] p-3"},Uo={key:1,class:"te-price-striped border border-[#dee2e6] p-3"},Qo={class:"te-price-striped border border-[#dee2e6] p-3"},Vo={key:2,class:"te-price-striped border border-[#dee2e6] p-3"},Ro={class:"co-container-sm hidden lg:block"},Go={class:"table mb-[3.25rem] text-center"},Xo={class:"h-[6.25rem]"},qo={class:"border border-[#dee2e6] px-3"},Ho={class:"mb-1 block font-normal"},Jo={class:"co-display-7 px-1 font-bold text-co-info-500"},Ko={key:0,class:"mb-0 block font-normal"},Yo={class:"co-display-7 px-1 font-bold text-co-info-500"},Zo={class:"border border-[#dee2e6] px-3"},ue={class:"mb-1 block font-normal"},se={class:"co-display-7 px-1 font-bold text-co-success-500"},oe={key:0,class:"mb-0 block font-normal"},ee={class:"co-display-7 px-1 font-bold text-co-success-500"},te={class:"border border-[#dee2e6] px-3"},ne={class:"mb-1 block font-normal"},ie={class:"co-display-7 px-1 font-bold text-co-warning-500"},le={key:0,class:"mb-0 block font-normal"},re={class:"co-display-7 px-1 font-bold text-co-warning-500"},ae={class:"h-[6.25rem]"},de={class:"border px-3"},me={class:"mb-2 block font-normal"},pe={class:"block font-normal"},ce={class:"border px-3"},be={class:"mb-2 block font-normal"},Ce={class:"block font-normal"},Fe={class:"border px-3"},Be={class:"mb-2 block font-normal"},fe={class:"block font-normal"},ge={key:0,class:"h-[6.25rem]"},Ee={key:1,class:"h-[6.25rem]"},Ae={class:"border px-3"},ye={class:"border px-3"},De={class:"border px-3"},he={class:"h-[6.25rem]"},Te={class:"border px-3"},ve={class:"border px-3"},xe={class:"border px-3"},ke={key:2,class:"h-[6.25rem]"};function we(o,s,t,E,A,f){return l(),a("div",null,[u("div",eo,[u("div",to,[s[51]||(s[51]=u("input",{type:"radio",name:"price_tab",role:"tab",class:"te-tab-4weeks tab min-h-[40px] text-[1rem]","aria-label":"4週間",checked:""},null,-1)),u("div",no,[s[16]||(s[16]=u("div",{class:"flex min-h-[8.1875rem] flex-col justify-center gap-2 bg-co-info-500 p-4 text-white"},[u("h3",{class:"co-display-10 mb-0 font-bold"}," 4週間プラン "),u("span",{class:"co-display-13 font-normal"},"集中して学びたい方向け")],-1)),u("div",null,[u("div",io,[u("b",lo,[o.student?(l(),a(F,{key:0},[e("社会人")],64)):d("",!0),u("span",ro,n(o.$addComma(o.social4WeeksPlan.tax_included_price)),1),s[4]||(s[4]=e("円 ")),s[5]||(s[5]=u("span",{class:"inline-block lg:hidden"},"（税込）",-1)),o.student?(l(),a(F,{key:1},[s[0]||(s[0]=u("br",null,null,-1)),s[1]||(s[1]=e(" 学生")),u("span",ao,n(o.$addComma(o.student4WeeksPlan.tax_included_price)),1),s[2]||(s[2]=e("円 ")),s[3]||(s[3]=u("span",{class:"inline-block lg:hidden"},"（税込）",-1))],64)):d("",!0)])]),u("div",mo,[s[8]||(s[8]=u("span",{class:"mb-1 block font-bold lg:hidden"},"受講期間",-1)),u("b",po,[u("span",co,[s[6]||(s[6]=u("span",{class:"mr-2 font-bold"},"開始",-1)),e(n(o.beginsMonth)+"月"+n(o.beginsDays)+"日 ("+n(o.beginsDayOfWeek)+") ",1)]),u("span",bo,[s[7]||(s[7]=u("span",{class:"mr-2 font-bold"},"終了",-1)),e(n(o.dateToMonth(o.membershipEndsAt4))+"月"+n(o.dateToDay(o.membershipEndsAt4))+"日 ("+n(o.dateToWeek(o.membershipEndsAt4))+") ",1)])])]),o.mentoring?(l(),a("div",Co,s[9]||(s[9]=[u("span",{class:"mb-1 block font-bold lg:hidden"},"メンタリング",-1),e(" 7回 ")]))):d("",!0),o.chatSupport?(l(),a("div",Fo,[s[

111]||(s[11]=u("span",{class:"mb-1 block font-bold lg:hidden"},"チャットサポート",-1)),b(o.$slots,"chatSupportTime",{},()=>[s[10]||(s[10]=e(" 15〜23時（8時間） "))],!0)])):d("",!0),u("div",Bo,[s[13]||(s[13]=u("span",{class:"mb-1 block font-bold lg:hidden"},"学習時間の目安",-1)),b(o.$slots,"studyTime4Weeks",{},()=>[s[12]||(s[12]=e(" 40〜50時間 "))],!0),s[14]||(s[14]=u("span",{class:"inline-block lg:hidden"},"（1週間）",-1))]),o.matterSupport?(l(),a("div",fo,s[15]||(s[15]=[u("span",{class:"mb-1 block font-bold lg:hidden"},[e(" 実案件サポート "),u("span",{class:"co-display-14 ml-1"},"※2")],-1),e(" あり ")]))):d("",!0)])]),s[52]||(s[52]=u("input",{type:"radio",name:"price_tab",role:"tab",class:"te-tab-8weeks tab min-h-[40px] text-[1rem]","aria-label":"8週間"},null,-1)),u("div",go,[s[33]||(s[33]=u("div",{class:"flex min-h-[8.1875rem] flex-col justify-center gap-2 bg-co-success-500 p-4 text-white"},[u("h3",{class:"co-display-10 mb-0 font-bold"}," 8週間プラン "),u("span",{class:"co-display-13 font-normal"},"じっくり学びたい方向け")],-1)),u("div",null,[u("div",Eo,[u("b",Ao,[o.student?(l(),a(F,{key:0},[e("社会人")],64)):d("",!0),u("span",yo,n(o.$addComma(o.social8WeeksPlan.tax_included_price)),1),s[21]||(s[21]=e("円 ")),s[22]||(s[22]=u("span",{class:"inline-block lg:hidden"},"（税込）",-1)),o.student?(l(),a(F,{key:1},[s[17]||(s[17]=u("br",null,null,-1)),s[18]||(s[18]=e(" 学生")),u("span",Do,n(o.$addComma(o.student8WeeksPlan.tax_included_price)),1),s[19]||(s[19]=e("円 ")),s[20]||(s[20]=u("span",{class:"inline-block lg:hidden"},"（税込）",-1))],64)):d("",!0)])]),u("div",ho,[s[25]||(s[25]=u("span",{class:"mb-1 block font-bold lg:hidden"},"受講期間",-1)),u("b",To,[u("span",vo,[s[23]||(s[23]=u("span",{class:"mr-2 font-bold"},"開始",-1)),e(n(o.beginsMonth)+"月"+n(o.beginsDays)+"日 ("+n(o.beginsDayOfWeek)+") ",1)]),u("span",xo,[s[24]||(s[24]=u("span",{class:"mr-2 font-bold"},"終了",-1)),e(n(o.dateToMonth(o.membershipEndsAt8))+"月"+n(o.dateToDay(o.membershipEndsAt8))+"日 ("+n(o.dateToWeek(o.membershipEndsAt8))+") ",1)])])]),o.mentoring?(l(),a("div",ko,s[26]||(s[26]=[u("span",{class:"mb-1 block font-bold lg:hidden"},"メンタリング",-1),e(" 15回 ")]))):d("",!0),o.chatSupport?(l(),a("div",wo,[s[28]||(s[28]=u("span",{class:"mb-1 block font-bold lg:hidden"},"チャットサポート",-1)),b(o.$slots,"chatSupportTime",{},()=>[s[27]||(s[27]=e(" 15〜23時（8時間） "))],!0)])):d("",!0),u("div",$o,[s[30]||(s[30]=u("span",{class:"mb-1 block font-bold lg:hidden"},"学習時間の目安",-1)),b(o.$slots,"studyTime8Weeks",{},()=>[s[29]||(s[29]=e(" 20〜25時間 "))],!0),s[31]||(s[31]=u("span",{class:"inline-block lg:hidden"},"（1週間）",-1))]),o.matterSupport?(l(),a("div",Po,s[32]||(s[32]=[u("span",{class:"mb-1 block font-bold lg:hidden"},[e(" 実案件サポート "),u("span",{class:"co-display-14 ml-1"},"※2")],-1),e(" あり ")]))):d("",!0)])]),s[53]||(s[53]=u("input",{type:"radio",name:"price_tab",role:"tab",class:"te-tab-12weeks tab min-h-[40px] text-[1rem]","aria-label":"12週間"},null,-1)),u("div",So,[s[50]||(s[50]=u("div",{class:"flex min-h-[8.1875rem] flex-col justify-center gap-2 bg-co-warning-500 p-4 text-white"},[u("img",{class:"mx-auto",src:$,alt:"先割",width:"61",height:"34",loading:"lazy"}),u("h3",{class:"co-display-10 mb-0 font-bold"}," 12週間プラン "),u("span",{class:"co-display-13 font-normal"},"多忙で時間がない方向け")],-1)),u("div",null,[u("div",_o,[u("b",Wo,[o.student?(l(),a(F,{key:0},[e("社会人")],64)):d("",!0),u("span",Mo,n(o.$addComma(o.social12WeeksPlan.tax_included_price)),1),s[38]||(s[38]=e("円 ")),s[39]||(s[39]=u("span",{class:"inline-block lg:hidden"},"（税込）",-1)),o.student?(l(),a(F,{key:1},[s[34]||(s[34]=u("br",null,null,-1)),s[35]||(s[35]=e(" 学生")),u("span",Lo,n(o.$addComma(o.student12WeeksPlan.tax_included_price)),1),s[36]||(s[36]=e("円 ")),s[37]||(s[37]=u("span",{class:"inline-block lg:hidden"},"（税込）",-1))],64)):d("",!0)])]),u("div",No,[s[42]||(s[42]=u("span",{class:"mb-1 block font-bold lg:hidden"},"受講期間",-1)),u("b",Oo,[u("span",jo,[s[40]||(s[40]=u("span",{class:"mr-2 font-bold"},"開始",-1)),e(n(o.beginsMonth)+"月"+n(o.beginsDays)+"日 ("+n(o.beginsDayOfWeek)+") ",1)]),u("span",Io,[s[41]||(s[41]=u("span",{class:"mr-2 font-bold"},"終了",-1)),e(n(o.dateToMonth(o.membershipEndsAt12))+"月"+n(o.dateToDay(o.membershipEndsAt12))+"日 ("+n(o.dateToWeek(o.membershipEndsAt12))+") ",1)])])]),o.mentoring?(l(),a("div",zo,s[43]||(s[43]=[u("span",{class:"mb-1 block font-bold lg:hidden"},"メンタリング",-1),e(" 23回 ")]))):d("",!0),o.chatSupport?(l(),a("div",Uo,[s[45]||(s[45]=u("span",{class:"mb-1 block font-bold lg:hidden"},"チャットサポート",-1)),b(o.$slots,"chatSupportTime",{}

1,()=>[s[44]||(s[44]=e(" 15〜23時（8時間） "))],!0)])):d("",!0),u("div",Qo,[s[47]||(s[47]=u("span",{class:"mb-1 block font-bold lg:hidden"},"学習時間の目安",-1)),b(o.$slots,"studyTime12Weeks",{},()=>[s[46]||(s[46]=e(" 14〜18時間 "))],!0),s[48]||(s[48]=u("span",{class:"inline-block lg:hidden"},"（1週間）",-1))]),o.matterSupport?(l(),a("div",Vo,s[49]||(s[49]=[u("span",{class:"mb-1 block font-bold lg:hidden"},[e(" 実案件サポート "),u("span",{class:"co-display-14 ml-1"},"※2")],-1),e(" あり ")]))):d("",!0)])])])]),u("div",Ro,[u("table",Go,[s[81]||(s[81]=u("thead",null,[u("tr",{class:"h-[6.25rem]"},[u("th",{class:"w-1/5 px-3"}),u("th",{class:"relative border border-[#dee2e6] bg-co-info-500 px-3 py-0 text-white"},[u("h3",{class:"co-display-10 mb-0 font-bold"}," 4週間プラン "),u("span",{class:"co-display-13 font-normal"},"集中して学びたい方向け")]),u("th",{class:"relative border border-[#dee2e6] bg-co-success-500 px-3 py-0 text-white"},[u("h3",{class:"co-display-10 mb-0 font-bold"}," 8週間プラン "),u("span",{class:"co-display-13 font-normal"},"じっくり学びたい方向け")]),u("th",{class:"relative border border-[#dee2e6] bg-co-warning-500 px-3 py-0 text-white"},[u("img",{class:"absolute -top-[3%] left-1/2 -translate-x-1/2 -translate-y-1/2",src:$,alt:"先割",width:"61",height:"34",loading:"lazy"}),u("h3",{class:"co-display-10 mb-0 font-bold"}," 12週間プラン "),u("span",{class:"co-display-13 font-normal"},"多忙で時間がない方向け")])])],-1)),u("tbody",null,[u("tr",Xo,[s[63]||(s[63]=u("th",{class:"whitespace-nowrap border border-[#dee2e6] px-3"},[e(" 料金 "),u("br",{class:"hidden lg:block"}),e(" （税込） ")],-1)),u("td",qo,[u("b",Ho,[o.student?(l(),a(F,{key:0},[e("社会人")],64)):d("",!0),u("span",Jo,n(o.$addComma(o.social4WeeksPlan.tax_included_price)),1),s[54]||(s[54]=e("円 "))]),o.student?(l(),a("b",Ko,[s[55]||(s[55]=e(" 学生")),u("span",Yo,n(o.$addComma(o.student4WeeksPlan.tax_included_price)),1),s[56]||(s[56]=e("円 "))])):d("",!0)]),u("td",Zo,[u("b",ue,[o.student?(l(),a(F,{key:0},[e("社会人")],64)):d("",!0),u("span",se,n(o.$addComma(o.social8WeeksPlan.tax_included_price)),1),s[57]||(s[57]=e("円 "))]),o.student?(l(),a("b",oe,[s[58]||(s[58]=e(" 学生")),u("span",ee,n(o.$addComma(o.student8WeeksPlan.tax_included_price)),1),s[59]||(s[59]=e("円 "))])):d("",!0)]),u("td",te,[u("b",ne,[o.student?(l(),a(F,{key:0},[e("社会人")],64)):d("",!0),u("span",ie,n(o.$addComma(o.social12WeeksPlan.tax_included_price)),1),s[60]||(s[60]=e("円 "))]),o.student?(l(),a("b",le,[s[61]||(s[61]=e(" 学生")),u("span",re,n(o.$addComma(o.student12WeeksPlan.tax_included_price)),1),s[62]||(s[62]=e("円 "))])):d("",!0)])]),u("tr",ae,[s[70]||(s[70]=u("th",{class:"border px-3"}," 受講期間 ",-1)),u("td",de,[u("b",me,[s[64]||(s[64]=u("span",{class:"mr-2 font-bold"},"開始",-1)),e(n(o.beginsMonth)+"月"+n(o.beginsDays)+"日 ("+n(o.beginsDayOfWeek)+") ",1)]),u("b",pe,[s[65]||(s[65]=u("span",{class:"mr-2 font-bold"},"終了",-1)),e(n(o.dateToMonth(o.membershipEndsAt4))+"月"+n(o.dateToDay(o.membershipEndsAt4))+"日 ("+n(o.dateToWeek(o.membershipEndsAt4))+") ",1)])]),u("td",ce,[u("b",be,[s[66]||(s[66]=u("span",{class:"mr-2 font-bold"},"開始",-1)),e(n(o.beginsMonth)+"月"+n(o.beginsDays)+"日 ("+n(o.beginsDayOfWeek)+") ",1)]),u("b",Ce,[s[67]||(s[67]=u("span",{class:"mr-2 font-bold"},"終了",-1)),e(n(o.dateToMonth(o.membershipEndsAt8))+"月"+n(o.dateToDay(o.membershipEndsAt8))+"日 ("+n(o.dateToWeek(o.membershipEndsAt8))+") ",1)])]),u("td",Fe,[u("b",Be,[s[68]||(s[68]=u("span",{class:"mr-2 font-bold"},"開始",-1)),e(n(o.beginsMonth)+"月"+n(o.beginsDays)+"日 ("+n(o.beginsDayOfWeek)+") ",1)]),u("b",fe,[s[69]||(s[69]=u("span",{class:"mr-2 font-bold"},"終了",-1)),e(n(o.dateToMonth(o.membershipEndsAt12))+"月"+n(o.dateToDay(o.membershipEndsAt12))+"日 ("+n(o.dateToWeek(o.membershipEndsAt12))+") ",1)])])]),o.mentoring?(l(),a("tr",ge,s[71]||(s[71]=[u("th",{class:"border px-3"}," メンタリング ",-1),u("td",{class:"border px-3"}," 7回 ",-1),u("td",{class:"border px-3"}," 15回 ",-1),u("td",{class:"border px-3"}," 23回 ",-1)]))):d("",!0),o.chatSupport?(l(),a("tr",Ee,[s[75]||(s[75]=u("th",{class:"border px-3"}," チャットサポート ",-1)),u("td",Ae,[b(o.$slots,"chatSupportTime",{}

1,()=>[s[72]||(s[72]=e(" 15〜23時（8時間） "))],!0)]),u("td",ye,[b(o.$slots,"chatSupportTime",{},()=>[s[73]||(s[73]=e(" 15〜23時（8時間） "))],!0)]),u("td",De,[b(o.$slots,"chatSupportTime",{},()=>[s[74]||(s[74]=e(" 15〜23時（8時間） "))],!0)])])):d("",!0),u("tr",he,[s[79]||(s[79]=u("th",{class:"border px-3"},[e(" 学習時間の目安 "),u("br",{class:"hidden lg:block"}),e(" （1週間） ")],-1)),u("td",Te,[b(o.$slots,"studyTime4Weeks",{},()=>[s[76]||(s[76]=e(" 40〜50時間 "))],!0)]),u("td",ve,[b(o.$slots,"studyTime8Weeks",{},()=>[s[77]||(s[77]=e(" 20〜25時間 "))],!0)]),u("td",xe,[b(o.$slots,"studyTime12Weeks",{},()=>[s[78]||(s[78]=e(" 14〜18時間 "))],!0)])]),o.matterSupport?(l(),a("tr",ke,s[80]||(s[80]=[u("th",{class:"border px-3"},[e(" 実案件サポート "),u("span",{class:"ml-2 text-[0.875em] font-normal"}," ※2 ")],-1),u("td",{class:"border px-3",colspan:"3"}," あり ",-1)]))):d("",!0)])])])])}const $e=g(oo,[["render",we],["__scopeId","data-v-093deacc"]]),Pe={id:"flow",class:"co-bg-striped"},Se={class:"co-container-sm mx-auto px-4 py-20 md:w-3/4 lg:w-1/2"},_e={class:"co-display-6 my-3 text-center text-co-gray-500"},We={class:"co-display-6 my-3 text-center text-co-gray-500"},Me={__name:"TeCourseDesignPortfolioFlow",setup(o){return(s,t)=>(l(),a("section",Pe,[u("div",Se,[t[0]||(t[0]=u("h2",{class:"co-display-7 mb-[3.25rem] text-center"}," 受講の流れ ",-1)),t[1]||(t[1]=u("div",{class:"rounded border border-co-gray-950/[.125] bg-white"},[u("h3",{class:"co-display-12 mb-0 border-b border-co-gray-950/[.125] bg-co-gray-950/[.03] px-5 py-3"}," お申し込み、お支払い、アカウント発行 "),u("div",{class:"p-5"},[u("p",null," 下記フォームより必要事項を記入してお申し込みください。お申し込み後、入金についてのご連絡させていただきます。入金が確認出来次第、アカウントを発行いたしますのでカリキュラムで予習を始めることができます。 ")])],-1)),u("div",_e,[i(p(C),{icon:p(v),class:"fa-fw inline size-8"},null,8,["icon"])]),t[2]||(t[2]=u("div",{class:"rounded border border-co-gray-950/[.125] bg-white"},[u("h3",{class:"co-display-12 mb-0 border-b border-co-gray-950/[.125] bg-co-gray-950/[.03] px-5 py-3"}," 学習開始 "),u("div",{class:"p-5"},[u("p",null," 開始日からはメンターによるサポートが始まります。オンライン上で学習、課題作成、チャットでの質問、パーソナルメンターとのメンタリングを繰り返し行います。 ")])],-1)),u("div",We,[i(p(C),{icon:p(v),class:"fa-fw inline size-8"},null,8,["icon"])]),t[3]||(t[3]=u("div",{class:"rounded border border-co-gray-950/[.125] bg-white"},[u("h3",{class:"co-display-12 mb-0 border-b border-co-gray-950/[.125] bg-co-gray-950/[.03] px-5 py-3"}," デザインスキルを習得 "),u("div",{class:"p-5"},[u("p",null," 実務レベルを想定した形でスキルを習得していきます。制作に関わることはパーソナルメンターが徹底サポートしてくれるので安心です。 ")])],-1))])]))}},Le={},Ne={id:"faq",class:"co-bg-striped"},Oe={class:"co-container-lg px-4 py-20"},je={class:"flex flex-col gap-x-8 md:flex-row"},Ie={class:"mb-14 basis-full md:basis-1/2"},ze={class:"flex"},Ue={class:"basis-11/12"};function Qe(o,s){return l(),a("section",Ne,[u("div",Oe,[s[5]||(s[5]=u("h2",{class:"co-display-7 mb-[3.25rem] text-center"}," FAQ ",-1)),u("div",je,[u("div",Ie,[s[3]||(s[3]=D('<div class="mb-4 flex items-baseline"><div class="basis-1/12"><p class="co-display-9 font-bold text-co-danger-500"> Q </p></div><div class="basis-11/12"><h3 class="co-display-10 font-bold"> 参加に迷っているのですが… </h3></div></div>',1)),u("div",ze,[s[2]||(s[2]=u("div",{class:"basis-1/12"},[u("p",{class:"co-display-9 font-bold leading-normal text-co-info-500"}," A ")],-1)),u("div",Ue,[b(o.$slots,"answer01",{},()=>[s[0]||(s[0]=u("p",{class:"mb-4"}," 参加を検討されている方向けに、無料でプロのカウンセラーに相談できる無料相談もご用意しています。お気軽にご参加ください。 ",-1)),s[1]||(s[1]=u("p",null,[u("a",{class:"bot_open",href:"/counseling/htmlcss-schedule"},"無料相談の詳細はこちら")],-1))])])])]),s[4]||(s[4]=D('<div class="mb-14 basis-full md:basis-1/2"><div class="mb-4 flex items-baseline"><div class="basis-1/12"><p class="co-display-9 font-bold text-co-danger-500"> Q </p></div><div class="basis-11/12"><h3 class="co-display-10 font-bold"> 全くの初心者ですが問題ありませんか？ </h3></div></div><div class="flex"><div class="basis-1/12"><p class="co-display-9 font-bold leading-normal text-co-info-500"> A </p></div><div class="basis-11/12"><p class="mb-4"> Photoshopの使用方法を理解されている方が受講対象となりますので、その理解がなã

1„初心者の方は受講不可となります。 </p><p class="co-display-13 text-co-gray-500"> ※Photoshopの使用方法は学習内容に含まれておりません。 </p></div></div></div>',1))]),s[6]||(s[6]=D('<div class="flex flex-col gap-x-8 md:flex-row"><div class="mb-14 basis-full md:basis-1/2"><div class="mb-4 flex items-baseline"><div class="basis-1/12"><p class="co-display-9 font-bold text-co-danger-500"> Q </p></div><div class="basis-11/12"><h3 class="co-display-10 font-bold"> 合計どのくらい学習時間が必要ですか？ </h3></div></div><div class="flex"><div class="basis-1/12"><p class="co-display-9 font-bold leading-normal text-co-info-500"> A </p></div><div class="basis-11/12"><p> 現在の理解度のレベルと進捗スピードによって異なりますが、目安として合計160時間ほどの確保をお願いしております。無駄を省いた学習システムと、メンターへの質問・課題レビューで通常より短期間で成長することが可能です。 </p></div></div></div><div class="mb-14 basis-full md:basis-1/2"><div class="mb-4 flex items-baseline"><div class="basis-1/12"><p class="co-display-9 font-bold text-co-danger-500"> Q </p></div><div class="basis-11/12"><h3 class="co-display-10 font-bold"> 期間内に学習が終わらなかったらどうなりますか？ </h3></div></div><div class="flex"><div class="basis-1/12"><p class="co-display-9 font-bold leading-normal text-co-info-500"> A </p></div><div class="basis-11/12"><p> 受講期間終了後もカリキュラムは継続して閲覧が可能です。また、追加のメンターサポート（4週間：97,900円［税込］）もご利用いただけます。 </p></div></div></div></div><div class="flex flex-col gap-x-8 md:flex-row"><div class="mb-14 basis-full md:basis-1/2"><div class="mb-4 flex items-baseline"><div class="basis-1/12"><p class="co-display-9 font-bold text-co-danger-500"> Q </p></div><div class="basis-11/12"><h3 class="co-display-10 font-bold"> プランの違いはなんですか？ </h3></div></div><div class="flex"><div class="basis-1/12"><p class="co-display-9 font-bold leading-normal text-co-info-500"> A </p></div><div class="basis-11/12"><p> 期間の違いです。160時間の学習時間を確保できるプランをお選びください。カリキュラムやメンターサポートに違いはありません。期間中に終わらない場合の追加メンターサポートもございますが、4週間プラン終了後に4週間追加するより8週間プランをお選びいただく方がお得です。 </p></div></div></div><div class="mb-14 basis-full md:basis-1/2"><div class="mb-4 flex items-baseline"><div class="basis-1/12"><p class="co-display-9 font-bold text-co-danger-500"> Q </p></div><div class="basis-11/12"><h3 class="co-display-10 font-bold"> 領収書や請求書の発行はできますか？ </h3></div></div><div class="flex"><div class="basis-1/12"><p class="co-display-9 font-bold leading-normal text-co-info-500"> A </p></div><div class="basis-11/12"><p> 可能です。領収書はお支払い後に発行方法をご案内します。また、法人からお申し込みの場合は請求書払いも対応しています。まずはご受講される方の名前でお申し込みいただき、指定のフォームからご申請ください。 </p></div></div></div></div>',2))])])}const Ve=g(Le,[["render",Qe]]),Re={async setup(){const o=du(),s=o.path.split("/")[2],t=ku(null);return{route:o,course:t,courseNamePath:s,faBook:P}},oldHead(){var s,t;const o=mu({facebookPixelCode:!0,criteoScript:!0,criteoItem:{deviceSize:pu().$deviceSize,item:(s=this.course)==null?void 0:s.id},remarketingTag:{ad_item_id:(t=this.course)==null?void 0:t.id,ad_item_price:this.course?cu(this.course):null}});return{title:"Webデザインのスキルアップに/専属メンター付 | テックアカデミー",meta:[...ru({description:"【テックアカデミー(TechAcademy)】選抜された現役デザイナーから学べるWebデザインの講座。受講者数No.1のオンラインプログラミングスクール。専属のパーソナルメンターが制作業務で通用するãƒ

1‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚­ãƒ«ãŒèº«ã«ã¤ãã¾ã§ãƒžãƒ³ãƒ„ーマンでサポート。",twitterTitle:"デザイン実践ポートフォリオコース",twitterDescription:"デザインの実践スキルを選抜された現役デザイナーから自宅で学べる。パーソナルメンターがマンツーマンで学習サポート。",twitterImage:"/_nuxt/ogp/te/tecourse/og-image-design-portfolio.jpg",ogTitle:"デザイン実践ポートフォリオコース",ogDescription:"デザインの実践スキルを選抜された現役デザイナーから自宅で学べる。パーソナルメンターがマンツーマンで学習サポート。",ogUrl:"/course/design-portfolio",ogImage:"/_nuxt/ogp/te/tecourse/og-image-design-portfolio.jpg"})],script:o.script,noscript:o.noscript}},data(){return{cohorts:[],latestCohort:null,sakiwariCohorts:[],currentPromotion:null,screenName:"",entryDiscountTimeLimit:null,entrySettlementTimeLimit:null,entryPaymentUrl:null,entryCampaign:null}},async mounted(){var f;const{data:{entryDiscountTimeLimit:o,entrySettlementTimeLimit:s,entryPaymentUrl:t,entryCampaign:E}}=await new au(this.$api).getTopTimeLimits();this.entryDiscountTimeLimit=o,this.entrySettlementTimeLimit=s,this.entryPaymentUrl=t,this.entryCampaign=E;const A={course_screen_name:this.courseNamePath,normal_opened:!0};w(this.$api,A).then(c=>{this.cohorts=c.data,this.latestCohort=c.data[0]}),w(this.$api,{course_screen_name:this.courseNamePath,sakiwari:!0}).then(c=>{this.sakiwariCohorts=c.data}),bu(this.$api).then(c=>{this.currentPromotion=c.data}),Cu(this.$api).then(c=>{this.firstOpenedWholeCohort=c.data}),this.course=(f=await Fu(this.$api,this.courseNamePath,{include_pack:!0}))==null?void 0:f.data},computed:{BannerNameForShowing(){return this.entrySettlementTimeLimit?"settlement":this.entryCampaign?"campaign":this.entryDiscountTimeLimit?"discount":null},beginsAt(){return this.latestCohort?new Date(this.latestCohort.attributes.begins_at):null},closesAt(){return this.latestCohort?new Date(this.latestCohort.attributes.closes_at):null}},methods:{},components:{TeCourseDesignPortfolioCover:Cs,TeCommonPagenav:wu,TeCommonBannerTimeLimitCpnCode:zu,TeCommonBannerSettlement:Uu,TeCommonBannerTimelimit:Qu,TeCommonBannerCampaign:$u,TeCourseAbout:Vu,TeCourseDesignPortfolioTarget:Ss,TeCommonDemographics:Xu,TeCourseDesignPortfolioOutput:Gs,TeCourseDesignPortfolioCurriculum:uo,TeCommonBannerAdobe:qu,TeCommonBannerFreeTrial:Pu,TeCommonMentorSupportMentoring:Su,TeCommonMentorSupportChatSupport:Hu,TeCommonMentorSupportIssueReview:Ju,TeCommonMentorSupportAboutFlow:Ku,TeCommonMentorSupportMentor:_u,TeCommonMentorSupportReason:Wu,TeCommonLearningCycle:Yu,TeCommonSliderVoice:Zu,TeCommonCampaign:Mu,TeCommonPriceTimeLimit:Lu,TeCoursePriceTable3Columns:$e,TeCoursePriceInstallments:ss,TeCommonPriceParticipationconditions:Nu,TeCommonPricePrecautions:Ou,TeCommonPriceCancelPolicy:ju,TeCommonTomowari:os,TeCommonCareerSupport:es,TeCommonComparisonSchool:ts,TeCourseMessage:us,TeCourseDesignPortfolioFlow:Me,TeCourseDesignPortfolioFaQ:Ve,TeCourseApply:ns,TeCommonButtonFixedBottom:is,FontAwesomeIcon:C}},Ge=x(Re,"$FAyCeMhDjU"),Xe={id:"mentor-support",class:"co-bg-striped"},qe={class:"co-container-lg px-4 pt-20"},He={class:"flex flex-col justify-center gap-x-8 sm:px-36 lg:flex-row lg:px-0"},Je={id:"price",class:"co-bg-striped"},Ke={class:"co-container-lg px-4 py-20 xl:px-0"},Ye={class:"flex flex-col items-center lg:flex-row lg:items-start lg:gap-x-8"};function Ze(o,s,t,E,A,f){const c=r("TeCourseDesignPortfolioCover"),h=r("FontAwesomeIcon"),T=r("TeCommonPagenav"),y=r("TeCommonBannerTimeLimitCpnCode"),S=r("TeCommonBannerSettlement"),_=r("TeCommonBannerTimelimit"),W=r("TeCommonBannerCampaign"),M=r("TeCourseAbout"),L=r("TeCourseDesignPortfolioTarget"),N=r("TeCommonDemographics"),O=r("TeCourseDesignPortfolioOutput"),j=r("TeCourseDesignPortfolioCurriculum"),I=r("TeCommonBannerAdobe"),z=r("TeCommonMentorSupportMentoring"),U=r("TeCommonMentorSupportChatSupport"),Q=r("TeCommonMentorSupportIssueReview"),V=r("TeCommonMentorSupportAboutFlow"),R=r("TeCommonMentorSupportMentor"),G=r("TeCommonMentorSupportReason"),X=r("TeCommonLearningCycle"),q=r("TeCommonSliderVoice"),H=r("TeCommonCampaign"),J=r("TeCommonPriceTimeLimit"),K=r("TeCoursePriceTable3Columns"),Y=r("TeCoursePriceInstallments"),Z=r("TeCommonPriceParticipationconditions"),uu=r("TeCommonPricePrecautions"),su=r("TeCommonPriceCancelPolicy"),ou=r("TeCommonTomowari"),eu=r("TeCommonCareerSupport"),tu=r("TeCommonComparisonSchool"),nu=r("TeCourseMessage"),iu=r("TeCourseDesignPortfolioFlow"),lu=r("TeCourseApply");return l(),a("div",null,[i(c,{"begins-at":o.beginsAt,"closes-at":o.closesAt},null,8,["begins-at","closes-at"]),i(T,{class:"hidden md:block"},{courseicon:m(()=>[i(h,{icon:o.faBook,class:"fa-fw mr-2 size-5"},null,8,["icon"])]),coursename:m(()=>s[0]||(s[0]=[e(" デザイン実践ポートフォリオ"),u("span",{class:"hidden md:inline"},"コース",-1)])),_:1}

1),o.BannerNameForShowing==="campaign"?(l(),B(y,{key:0,"entry-campaign":o.entryCampaign},null,8,["entry-campaign"])):d("",!0),o.BannerNameForShowing==="settlement"?(l(),B(S,{key:1,"entry-settlement-time-limit":o.entrySettlementTimeLimit,"entry-payment-url":o.entryPaymentUrl},null,8,["entry-settlement-time-limit","entry-payment-url"])):d("",!0),o.BannerNameForShowing==="discount"?(l(),B(_,{key:2,"entry-discount-time-limit":o.entryDiscountTimeLimit},null,8,["entry-discount-time-limit"])):d("",!0),i(W,{"course-name-path":o.courseNamePath,"current-promotion":o.currentPromotion},null,8,["course-name-path","current-promotion"]),i(M,null,{title:m(()=>s[1]||(s[1]=[e(" デザイン実践ポートフォリオコースについて ")])),discription:m(()=>s[2]||(s[2]=[u("p",{class:"co-display-10 mb-3 inline text-co-gray-500 md:block"}," 1人では続かない方のためのパーソナルメンターがつく学習プログラム。 ",-1),u("p",{class:"co-display-10 mb-3 inline text-co-gray-500 md:block"}," 週2回マンツーマンでのメンタリング、毎日のチャット・レビューサポートで ",-1),u("p",{class:"co-display-10 mb-3 inline text-co-gray-500 md:block"}," 実践的なデザインスキルを身につけることができる学習プログラム。 ",-1),u("p",{class:"co-display-10 mb-0 inline text-co-gray-500 md:block"}," PhotoshopやXDを使いこなして実務で通用するスキルを身につけることがゴールです。 ",-1)])),_:1}),i(L),i(N),i(O),i(j),i(I),u("section",Xe,[u("div",qe,[s[3]||(s[3]=u("h2",{class:"co-heading-2-caption"},[e(" 挫折させない"),u("span",{class:"block md:inline"},"パーソナルメンターサポート")],-1)),s[4]||(s[4]=u("h3",{class:"co-display-12 mb-[3.25rem] text-left leading-base text-co-gray-600 md:text-center"},[e(" 学習時の「わからない」「続かない」を解消し、挫折をなくします。 "),u("br",{class:"hidden md:block"}),e(" 実務で培った技術とノウハウで受講生一人ひとりをサポートします。 ")],-1)),u("div",He,[i(z),i(U),i(Q)])]),i(V,null,{flowOriginalText:m(()=>s[5]||(s[5]=[e(" 実務レベルのデザインスキル習得 ")])),originalTitle:m(()=>s[6]||(s[6]=[e(" 実務レベルのデザインスキル習得までサポート ")])),originalLead:m(()=>s[7]||(s[7]=[e(" 受講目的や習得スキルに合わせて、複数パターンのデザイン知識・制作技術を学び、実務レベルのデザインスキル習得まで徹底サポートします。 ")])),_:1}),i(R,{"one-column":!0},{mentor:m(()=>s[8]||(s[8]=[e(" Webデザイナー ")])),mentorImage1:m(()=>s[9]||(s[9]=[u("img",{class:"size-full object-cover",src:Iu,alt:"Naoko Masuda",width:"213",height:"213",loading:"lazy"},null,-1)])),mentorName1:m(()=>s[10]||(s[10]=[e(" Naoko "),u("br",null,null,-1),e(" Masuda ")])),mentorProfile1:m(()=>s[11]||(s[11]=[e(" HTMLという言葉も知らなかった状態から勉強をし始めて2年後にフリーランスとして独立。現在ではWordPressを得意とするWebデザイナー・エンジニアとして活躍しています。 ")])),mentorMessage1:m(()=>s[12]||(s[12]=[e(" 働き方の見直しや昨今のご時世でWebデザイナーやエンジニアを希望する人は急激に増えています。じゃあ今から勉強しても遅い？全然そんなことありません。スキル獲得のその先にある「なりたい自分」になるための第一歩のお手伝いをいたします。 ")])),_:1}),i(G,null,{mentorType:m(()=>s[13]||(s[13]=[e(" Webデザイナー ")])),_:1})]),i(X,null,{image:m(()=>s[14]||(s[14]=[u("img",{class:"mx-auto w-3/4 sm:w-1/2 md:w-full",src:ls,alt:"学習サイクル デザイン",loading:"lazy"},null,-1)])),catchTwo:m(()=>s[15]||(s[15]=[e(" 実践に近い形で "),u("span",{class:"text-co-primary-500"},"デザインする",-1)])),textTwo:m(()=>s[16]||(s[16]=[e(" 知識を「学ぶ」だけでなく、実際に「使える」ようになるために、実践に近い形でデザインします。 チュートリアル形式のカリキュラムを進めることでデザインスキルを身につけます。 ")])),textThree:m(()=>s[17]||(s[17]=[e(" 自習していてわからないところを1人で悩まずに、すぐにメンターに聞いて解決することが重要です。 オンラインで常駐している現役Webデザイナーのメンターが、あなたの質問に素早く回答します。 ")])),_:1}),i(q),i(H,{"course-name-path":o.courseNamePath,"current-promotion":o.currentPromotion},null,8,["course-name-path","current-promotion"]),u("section",Je,[o.Banner

1NameForShowing==="campaign"?(l(),B(y,{key:0,"entry-campaign":o.entryCampaign},null,8,["entry-campaign"])):d("",!0),u("div",Ke,[s[21]||(s[21]=u("h2",{class:"co-display-7 mb-[3.25rem] text-center"}," 料金 ",-1)),o.BannerNameForShowing==="discount"?(l(),B(J,{key:0,"entry-discount-time-limit":o.entryDiscountTimeLimit},null,8,["entry-discount-time-limit"])):d("",!0),i(K,{course:o.course,"latest-cohort":o.latestCohort,"current-promotion":o.currentPromotion,mentoring:!0,"chat-support":!0},{chatSupportTime:m(()=>s[18]||(s[18]=[e(" 24時間以内に回答 ")])),_:1},8,["course","latest-cohort","current-promotion"]),i(Y,{course:o.course,"installments-social":!0},null,8,["course"]),i(Z,null,{conditionList:m(()=>s[19]||(s[19]=[u("li",{class:"mb-2"}," Photoshopの使用方法について理解している ",-1),u("li",{class:"mb-2"}," 必要なメンタリング回数をこなすことが出来る ",-1),u("li",{class:"mb-2"}," 期間内に必要な学習時間を確保出来る ",-1),u("li",{class:"mb-2"}," MacかWindowsのPCを持っている ",-1),u("li",{class:"mb-2"},[e(" PCスペック：Photoshop・AdobeXDの最小技術仕様を満たしている "),u("div",{class:"ml-5"},[e(" （詳細な内容は"),u("a",{href:"https://helpx.adobe.com/jp/photoshop/system-requirements.html",target:"_blank"},"こちら"),e(" ） ")])],-1),u("li",{class:"mb-2"}," Google Chrome を利用できる ",-1),u("li",{class:"mb-2"}," PCの基本的な操作が問題なくできる ",-1),u("li",null,"ビデオチャットが可能な通信環境",-1)])),_:1}),u("div",Ye,[i(uu,null,{preCautionsList:m(()=>s[20]||(s[20]=[u("li",{class:"mb-2"}," 支払い方法はクレジットカード払い（分割可能）、コンビニ決済、銀行振込、Amazon Pay、PayPayからお選びいただけます。 ",-1),u("li",{class:"mb-2"}," クレジットカード払いは、Visa、Master、JCB、AMEX、Dinersに対応しています。 ",-1),u("li",{class:"mb-2"}," カード分割払いご利用回数（3/5/6/10/12/15/18/20/24） ",-1),u("li",{class:"mb-2"}," Dinersは分割の支払いが利用できません。 ",-1),u("li",{class:"mb-2"}," コンビニ決済は30万円を超える支払いにはご利用いただけません。 ",-1),u("li",{class:"mb-2"}," 50万円を超えるPayPay決済をご利用の際は、本人確認の認証が必要となります。 ",-1),u("li",{class:"mb-2"}," 請求書払いをご希望の場合はお申込後、専用のフォームからご申請ください。 ",-1),u("li",{class:"mb-2"}," 決済後、専用のフォームから領収書の発行が可能です。 ",-1),u("li",{class:"mb-2"}," 参加にはウェブカメラ、マイクが必要となります。 ",-1),u("li",null,"12/28から1/3はメンターサポート休止期間です。受講期間がサポート休止期間にかかる場合、受講が最大7日間延長されます。",-1)])),_:1}),i(su)])])]),i(ou,{bg:"#e09a44","title-bg":"#cf8122"}),i(eu),i(tu,{"original-assignment":!0},{teacher:m(()=>s[22]||(s[22]=[e(" デザイナー ")])),mentor:m(()=>s[23]||(s[23]=[e(" 現役デザイナー ")])),_:1}),i(nu,null,{chatch02:m(()=>s[24]||(s[24]=[e(" デザイン ")])),_:1}),i(iu),o.BannerNameForShowing==="campaign"?(l(),B(y,{key:3,"entry-campaign":o.entryCampaign},null,8,["entry-campaign"])):d("",!0),i(lu,{course:o.course,cohorts:o.cohorts,"latest-cohort":o.latestCohort,"sakiwari-cohorts":o.sakiwariCohorts,"current-promotion":o.currentPromotion,"course-name-path":o.courseNamePath,"entry-discount-time-limit":o.entryDiscountTimeLimit,"entry-campaign":o.entryCampaign},null,8,["course","cohorts","latest-cohort","sakiwari-cohorts","current-promotion","course-name-path","entry-discount-time-limit","entry-campaign"])])}const zt=g(Ge,[["render",Ze]]);export{zt as default};
2//# sourceMappingURL=BOBqI7D1.js.map