STUDIOは頻繁にデザインや仕様が変更されます。そのためどうしても動画と違うデザインや仕様の部分が発生するのでご注意ください。影響を与える大きな変更の場合は動画の追加・編集を致します。

【最新更新状況】

• 2022/4/24：コース内の解説で一部使用している「テンプレート」についてですが、新たに「セクション」と改名され、中身のラインナップにも変更が加わりました。並行して自身で制作する場合、雛形として同様のものをセクション内から選んで使っていただければ幸いです。

• 2022/3/19：上級編のレクチャー53以降のステップ１について、既存のSTUDIOテンプレートに変更がございましたので新しく撮り直しました。存在するテンプレートの解説をデフォルトとし、以前までの解説は（旧）と付けております。

• 2022/1/23：link-activeについて仕様変更があったため、解説動画にアップデート情報を追加しました。

• 2022/1/20： 下のカリキュラム補足事項にて、UIアップデートに対する補足事項を記述しました。

• 2021/12/12： link-activeについての解説を加えました。

• 2021/11/21： コースをリリースしました。

【カリキュラム補足事項】

• レクチャー36,37,38,51で取り扱うアニメーションについて、現在では以下のように表現内容が変更されています。詳しくはSTUDIO Uのヘルプページ内で「条件付きスタイル」と検索すると該当する記事が確認できます。

  • 「hover」→「ホバー」

  • 「in-hover」→「inホバー」

  • 「appear」→「出現時」

  • 「link-active」→「リンク（現在のページ）」

• 「テンプレート」→「セクション」として新たに再利用しやすい形でリニューアル致しました。

【講師PC環境】

• Mac OS

• ブラウザ：Google chrome

【このコースについて】

このコースはSTUDIO初学者に向けてSTUDIOを体系的に学習するためのインプット兼アウトプット教材です。
全ての機能について網羅的に解説しながら、要所要所では機能に対して実用例を用いた実践的な学習を行います。

STUDIOについてはこれまで公式YouTubeにて公式チュートリアルやブログ記事が存在しましたが、最終更新が数年前なためUIが現在とは異なっており学習がしづらかったり、Udemyなどの学習プラットフォームにも情報が多くは存在していませんでした。

そこでSTUDIO学習を迷うことなく一貫して行える方法はないかという構想の元、僕が初学者だったらこう教わりたかった、これが知りたかったというように完全に初学者の気持ちになってコースの制作・構築を行いました。一部のレクチャーの順序と内容や用語の解説におきましてはSTUDIO Japan様の公式YouTube動画やSTUDIO Uの記事を引用し、自分なりに噛み砕いて説明いたしました。

専門用語はゼロ。WEB自体が初心者である方も安心して学習できます。

【コースの概要】

１．さあ、STUDIOの学習を始めよう

２．初級編【約30レクチャーで基礎知識を網羅的に学習しよう】

３．中級編【約20レクチャーで応用的な表現・使い方を学習しよう】

４．上級編【４ステップで自由自在にサイトが作れるようになろう】

【学習上の注意】

• 通信環境やマシンスペックによって正しく動作しない可能性があります。

• ビデオによる学習が苦手な方にはおすすめしていません。その場合は、他のテキストベースのプラットフォームでの学習をお勧めします。