8月

28

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう

オンライン開催(YouTubeLive)

主催 : JellyWare

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう
ハッシュタグ :#ものものテック

広告

募集内容

オンライン参加(アーカイブ閲覧も含む)

無料

先着順
111/130

申込者
honta
m_n_z
UnderCF0221
toki_engineer
MasaoAsano
Keiichi_Hibi
ct
hifuku
malloc446
MicHide
申込者一覧を見る
開催日時
2025/08/28(木) 19:00 ~ 20:00
募集期間

2025/08/07(木) 12:02 〜
2025/08/28(木) 20:00まで

会場

オンライン

オンライン

参加者への情報
(参加者と発表者のみに公開されます)
出席登録
(イベント開始時間の2時間前から終了時間まで、参加者のみに公開されます)

広告

イベントの説明

お申し込み後、本ページ上部の「参加者への情報」にYouTubeLiveの配信URLが表示されます。お申込者様への限定公開でアーカイブを残しますので、リアルタイムに参加できない場合もお申込み下さい!

本イベントに参加するにあたり、インストール・ログイン・カメラ・マイクなど一切不要で、YouTubeLiveを視聴するだけでOKです。 匿名で投稿できるチャットも準備しておりますので、ライブ中に気軽に質問も可能です。

概要

SvelteKitとJavaScriptを用いて、モダンなWebアプリを手軽に開発できることを体験します。今回は暇つぶしゲームの定番であるマインスイーパーを作成しながら、SvelteKitの機能の一部をご紹介していきます。ローカル環境での環境構築からアプリ作成まで、モダンWebアプリ開発の一連の流れを実際に手を動かして学ぶことができます。

SvelteKit

image 画像引用元:https://svelte.jp/

SvelteKitとは、フロントエンドからバックエンドまでカバーできる機能を備えつつ、少ないコード量で本格的なWebアプリケーションを構築できるフレームワークです。Reactなどの他の人気フレームワークと比べて少ないコード量でアプリを作成できることが多く、プログラミング初心者でも取り組みやすいのが特徴です。また、作成したアプリの動作も軽快で、ユーザーにとって快適な体験を提供できます。

作成するアプリ

image

暇つぶしアプリとしておなじみの「マインスイーパー」を作成します。今回のマインスイーパーは簡易的なものになりますが、SvelteKitのメリットを活かしながら処理をシンプルに実現します。

ハンズオンに必要なもの

全て無料で簡単に準備できます。ライブ中に一緒にハンズオンを行うことで、リアルタイムに質問できるメリットがあります。

✅ Chrome(JellyWare資料閲覧用)
VS Codeやnvmをインストールできていない方でハンズオン実施予定の方は事前のインストールをお願いします。
また、今回はNode.js 24.3を使用します。nodistやVoltaなどの別のバージョン管理ツールを使用している方や、Node.jsをそのままインストールしている方はハンズオン中のnvmに関する文言を読み替えながら受講いただくようお願いいたします。

得られること

⚙️Sveltekitの機能、使い方
⚙️Webアプリ開発のための環境構築
⚙️VS Codeの使い方

対象者

✅ JavaScriptに入門した方
✅ Webアプリ開発に興味がある方
✅ SvelteKitを使ってみたい方
✅ ReactやVue.jsに挫折した方
✅ とりあえず動くものを簡単に作ってみたい方
※ 初心者の方も、見学・視聴メインの参加も大歓迎です!

タイムテーブル

時間 内容 詳細
19:00 ~ 19:10 オープニング アンケート集計結果の共有など
19:10 ~ 19:50 メイン 今回のイベント内容
19:50 ~ 20:00 クロージング Q&Aなど
  • 途中、入退出していただいても問題ありません。
  • 当日の状況によって順番や終了時間が多少変動する可能性もあります。

kurage

YouTube Live 配信URL

今回のイベントはYouTubeを視聴するだけで学べるライトなスタイルです。

  • 本イベント申し込み済の方は本ページ上部の「参加者への情報」にYouTubeLiveの配信URLが表示されます。
  • 本イベントに申し込みされた方のみが視聴できるYouTubeLive限定公開URLです。
  • アーカイブが残りますので、お申込みした方は後日閲覧することが可能です。
  • リアルタイムに参加できない方もOKですので、お申込みください。

過去のハンズオン

過去のイベントを編集してミニコンテンツとして公開している例がありますので、ものものテックの「期間限定ミニコンテンツ」をご覧ください。

⚠️注意

  • ミニコンテンツ化されるのは、一部のイベントのみです
  • 今回のイベントがミニコンテンツ化されるかは未定です
  • ミニコンテンツ化されるとしても、しばらく経った後です

image3 https://monomonotech.jp

「ものものテック」は、AI・IoT・ロボティクスを中心とした、オンラインで学べる技術教育サービスです。いつでもどこでもウェブブラウザで文章・画像・動画を見ながらコードを実行し自主的に学べます。本イベント内容に加え、「ものものテック」でさらに深く学んでいただければと思います。

運営・お問い合わせ

JellyWare株式会社

お問い合わせフォーム

広告

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

広告

フィード

JellyWare

JellyWare さんが サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう を公開しました。

2025/08/07 12:08

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう を公開しました!

グループ

JellyWareものものテック

新しい時代のものづくりに向け、ハードウェア、プログラミング、データサイエンスを活用します!

イベント数 84回

メンバー数 2675人

終了

2025/08/28(木)

19:00
20:00

募集期間
2025/08/07(木) 12:02 〜
2025/08/28(木) 20:00

広告

会場

オンライン

オンライン

オンライン

参加者(111人)

UnderCF0221

UnderCF0221

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

m_n_z

m_n_z

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

toki_engineer

toki_engineer

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

MasaoAsano

MasaoAsano

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

ct

ct

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

hifuku

hifuku

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

honta

honta

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

Keiichi_Hibi

Keiichi_Hibi

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

MicHide

MicHide

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

malloc446

malloc446

サクッとモダンWebアプリ開発!SvelteKitでマインスイーパーを作ろう に参加を申し込みました!

参加者一覧(111人)

キャンセルした人(1人)

広告

広告