Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 86 additions & 6 deletions src/components/workshop/Workshop2026Section.astro
Original file line number Diff line number Diff line change
Expand Up @@ -20,28 +20,108 @@ export function date(
: new Date(2026, month - 1, date, hour, minute)
}

export const items: Item[] = []
export const items: Item[] = [
{
date: date(4, 20, 18, 30),
title: 'ガイダンス・環境構築',
place: '共C306',
description:
'OUCCの紹介と環境構築、開発に必要なツールの使い方の講習(基礎講習)を行います。ガイダンス・環境構築は両日とも内容は同一です。',
},
{
date: date(4, 23, 18, 30),
title: 'ガイダンス・環境構築',
place: '共C306',
description:
'OUCCの紹介と環境構築、開発に必要なツールの使い方の講習(基礎講習)を行います。ガイダンス・環境構築は両日とも内容は同一です。',
},
{
date: date(4, 28, 18, 30),
title: '基礎講習(Git, shellなど)',
place: '豊中共創棟B棟',
description:
'豊中共創棟B棟は場所がわかりづらいため、全学教育共通棟前で集合してから移動します。',
},
{
date: date(5, 12, 18, 30),
title: 'C#/Unity①',
place: undefined,
description:
'ゲーム開発をはじめ幅広い用途で用いられる言語であるC#を扱います。本格的なゲームエンジンであるUnityを使用してゲーム開発を行います。',
},
{
date: date(5, 13, 18, 30),
title: 'Python①',
place: undefined,
description: '文法がシンプルで学びやすい言語であるPythonを扱います。',
},
{
date: date(5, 19, 18, 30),
title: 'C#/Unity②',
place: undefined,
description:
'ゲーム開発をはじめ幅広い用途で用いられる言語であるC#を扱います。本格的なゲームエンジンであるUnityを使用してゲーム開発を行います。',
},
{
date: date(5, 20, 18, 30),
title: 'Python②',
place: undefined,
description:
'Pythonのゲームライブラリである、Pyxelを使用して簡単なゲームを開発することを目指します。',
},
{
date: date(5, 26, 18, 30),
title: 'C#/Unity③',
place: undefined,
description:
'ゲーム開発をはじめ幅広い用途で用いられる言語であるC#を扱います。本格的なゲームエンジンであるUnityを使用してゲーム開発を行います。',
},
{
date: undefined,
title: 'C/C++',
circleNames: ['RAINBOU'],
place: undefined,
description:
'OSや組み込みシステムなど、高速な処理が求められる分野で広く用いられる言語であるC/C++を扱います。阪大の競技プログラミングサークルであるRAINBOUが担当します',
},
]

const dateFormat = new Intl.DateTimeFormat('ja-JP', {
weekday: 'short',
month: 'numeric',
day: 'numeric',
// hour: '2-digit',
// minute: '2-digit',
hour: '2-digit',
minute: '2-digit',
})

const dateFormatWithoutTime = new Intl.DateTimeFormat('ja-JP', {
weekday: 'short',
month: 'numeric',
day: 'numeric',
})
---

<Section background="secondary">
<Fragment slot="title">2026年度のOUCCの講習会</Fragment>
<div class="flex flex-col gap-5">
<p>
2026年度の講習会をサーオリ後に発表します
2026年度の講習会について情報をまとめています
開始時刻や開催場所などの詳細ついては随時更新します。是非お気軽にご参加ください!
</p>
<ul class="grid grid-cols-[repeat(auto-fit,minmax(18rem,1fr))] gap-5">
{
items.map(({ date, ...item }) => (
<WorkshopCard {...item} date={dateFormat.format(date)} />
items.map(({ date, place, ...item }) => (
<WorkshopCard
{...item}
date={
date === undefined
? '未定'
: date !== undefined && date.getHours() !== 0
? dateFormat.format(date)
: dateFormatWithoutTime.format(date)
}
place={place ?? '未定'}
/>
))
}
</ul>
Expand Down
3 changes: 2 additions & 1 deletion src/components/workshop/WorkshopSection.astro
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,8 @@ import DiscordJoinLink from '@/components/common/button/DiscordJoinLink.astro'
</div>
<p>
こちらから講習会の資料や連絡を受け取れます。
どなたでも無料で参加できます。是非お気軽にご参加ください!
どなたでも無料で参加できます。
事前の予約等は不要ですので、是非お気軽にご参加ください!
</p>
</div>
</Section>
Loading