こんにちは。デジタルエデュケーション部の本木です。
「完全未経験からでも、実務で使えるWebサイトを自分の手で構築・公開できるようになる」をテーマに、より実践的な内容へと講座内容を刷新した「Studio実践講座」を2026年11月に開催します!
本講座は、全4回のオンラインワークショップで、デザインの実装・レスポンシブ対応・CMS構築からサイト公開までをマスターし、ポートフォリオサイトなどの実務的なWebサイトを完成させるカリキュラムです。
各回の講義とあわせて実践的な課題に取り組み、添削を受けることで、実務レベルのサイト制作力を身につけていきます。
- 開催日程
-
- DAY1:11/1(日)10:00~12:00
- DAY2:11/7(土)10:00~12:00
- DAY3:11/14(土)10:00~12:00
- DAY4:11/28(土)10:00~12:00
※DAY4のみ、ご参加いただく人数によって終了時間が延長となる場合がございます。(最大1時間程度)
※すべてオンラインでの開催です
「これからStudioを始めたい」「ノーコード案件を受注できるスキルをつけたい」「自分のポートフォリオサイトを作りたい」……そんな方に最適です!
また今回、LIGサービス(デジLIG、Deview!、LIGエージェント)をご利用の方は、特別価格で受講いただけます! 該当の方はぜひ概要をご覧ください。
「Studio実践講座」って?
ノーコードWeb制作プラットフォーム「Studio」の基礎操作からデザインの実装、お問い合わせページやCMS機能、アニメーションの実装、さらに公開に向けた各種設定まで。Studioでのサイト制作に必要なスキルを、ぎゅっと凝縮して学べる講座です。
デザインと開発をツールで分けることなく、Studioひとつで完結できるため、制作時間の短縮と品質向上の両立が実現できます!
ポイント①実践形式で学べる!
講座の前半では、ポートフォリオサイトを題材に、実際に手を動かして操作方法を覚えます。
Studioの画面構成やレイアウトの仕組み(Flexbox)から、実際のパーツ作成・レスポンシブ対応・公開までを一通り体験することで、実務でそのまま活かせる力が身につきます。
課題演習では、ポートフォリオサイトのほか、ご自身が実務や個人で実装したいオリジナルサイトの制作に取り組むことも可能です。
※オリジナルサイトに取り組む場合は、事前にデザインデータをご準備いただくことを推奨します。
ポイント②講師から制作物へのフィードバックがもらえる!
講座の後半では、受講生が制作したオリジナルサイトに対して、プロのデザイナー講師が直接フィードバックを行います。
Studioを学ぶだけで終わらず、自分のアウトプットをブラッシュアップする機会があることで、短期間でも着実なスキルアップが期待できます。
また、他の参加者の制作物やフィードバックも共有されるため、刺激を受けながらお互いに学び合えるのも魅力のひとつ。「一人ではなかなか学びきれる自信がない……」という方にもおすすめです。
▼講師プロフィール
![]() |
デジLIGトレーナー/國岡詩織さんデジタルハリウッドSTUDIO by LIGにてトレーナーを務める。Webデザイナー・カメラマンとして活動。Webサイト制作をメインに、ロゴや名刺などのグラフィックデザインも行う。カメラマンとしてのスキルを活かし、写真撮影からデザインまで一貫したクリエイティブ制作を支援。2025年4月よりStudio株式会社へ入社、Product Specialistとしてツールの検証やセミナーの企画・開催を行なっている。 ※本講座はStudio株式会社主催の公式イベントではございません |
|---|
講座で身につくスキル
本講座を通じて、Studioを使ったサイト制作に必要なスキルを、体系的かつ実践的に習得できます。
- Studioの基本操作とWeb構造(ボックスレイアウト / Flexbox)の理解
- ブレイクポイントを意識したレスポンシブデザインの実装
- ホバーやフェードインなどのアニメーション設定
- お問い合わせフォームの設置とメール通知設定
- CMS機能の活用(ポートフォリオの実績ページやブログ・お知らせの作成・更新設定)
- 独自ドメインの紐付け、SEO・OGP設定、公開・運用知識
受講者の声
実際のサイト制作を通して学べるのが魅力。
手を動かしながら制作し、講師からのフィードバックもいただけたので、とても勉強になった。
ポートフォリオ制作にも直結する実践的な内容。
講座内容が充実していて、簡単なサイトなら自分で作れる手応えがあった。これからポートフォリオを作りたい方におすすめ。
Studioならではの実務的な使い方が学べる。
普段のコーディングとの違いも理解でき、CMSも学ぶことができた。実務で役立つ知識が得られた。
講師の経験に基づく具体的なアドバイス。
クライアントへの説明方法など、現場でそのまま活かせる内容を学べてとても有益だった。
開催日時
講座は、1ヶ月のあいだに全4回のワークショップ形式で行います。
各回の授業とあわせて、講座の合間には課題にも取り組んでいただき、しっかりとアウトプットにつなげていきます。
- DAY1:11/1(日)10:00~12:00
- DAY2:11/7(土)10:00~12:00
- DAY3:11/14(土)10:00~12:00
- DAY4:11/28(土)10:00~12:00
※DAY4のみ、ご参加いただく人数によって終了時間が延長となる場合がございます。(最大1時間程度)
※すべてオンラインでの開催です。
授業はすべて録画アーカイブとして共有しますので、復習をしながら宿題を進めることが可能です。
こんな方におすすめ!
本講座は、以下のような方にぴったりです。
- デザインから実装・公開・運用まで、Studioだけで完結させたいデザイナー
- Studio案件の受注に向けて、スキルを実践的に身につけたい方
- 社内サイトの制作・更新を、Studioで一貫して担当したいWeb担当者
- Figmaとコーディングの行き来に手間を感じている方
- コーディングに挫折した経験があり、ノーコードで制作したい方
- ノーコードツールでも、デザインの完成度に妥協したくない方
- ポートフォリオサイトを自分の手で完成させたい方
- ※以下の方は受講対象外です。あらかじめご了承ください。
-
- Webデザインの基本的な学習経験がまったくない方
- これまでに一度もサイト制作の経験(スクール・実務問わず)がない方
- デザインスキルの習得を主目的として受講を検討されている方
講座概要
| テーマ | 「Studio実践講座」 デザインから公開・運用まで、Studioで完結できる即戦力へ。 |
|---|---|
| 開催日時 |
※すべてオンラインでの開催です。 |
| 実施媒体 | Google Meet |
| 参加費 |
一般の方:38,500円(税込) デジLIG生、Deview! 登録者、LIGエージェント登録者の方:29,700円(税込) ※お支払いは事前決済にてお願いいたします。ご入金確認後、メールにて講座詳細に関するご案内をいたします。 |
| 参加枠 | 先着20名 |
| 講座内容 |
【Day1|基礎編】Studioの概念と操作・レイアウト Studioの基本画面構成から、Webデザインの必須知識である「ボックスレイアウト」や「Flexbox」の仕組みを理解。セクションパーツを使ったヘッダー・メインビジュアルの作成やコンポーネント登録、「Figma to Studio」の使い方まで学びます。 ✍️宿題:授業内容の復習・課題対応 【Day2|デザイン・編集編】 レスポンシブと高度な表現 ✍️宿題:授業内容の復習・フォーム送信設定の完了 【Day3|CMS構築編】 動的コンテンツとブログ・お知らせ運用 ✍️宿題:授業内容の復習・課題サイトの制作 【Day4|実務・公開編】 宿題の全体添削とSEO・公開設定 制作した課題サイトへの講師フィードバックを実施。公開前に行うべき設定(Meta Title / Description、OGP画像、Favicon、404ページ設定、GA4・Search Console連携など)から、独自ドメインの紐付け・DNS設定、公開後の運用フローまでを押さえます。 |
| 注意点 |
|
たくさんのご参加をお待ちしております!
Studioでサイト制作をデザインから実装まで完結できるスキルを身につけて、より効率的に、より自由にサイト制作ができるようになりたい方は、ぜひこの機会にご参加ください!
みなさまのご参加を心よりお待ちしております!
一般の方のお申し込みはこちら
LIGサービスご利用の方はこちら
- 「デジタルハリウッドSTUDIO by LIG」の受講生/卒業生
- 「Deview!」登録者
- 「LIGエージェント」登録者
の方は、以下よりお申し込みください。
