お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

ウェブクリエイターのVisual Studio Code 快速入門

対面 オンライン

ウェブクリエイター 生明義秀登壇、人気No. 1エディタのVS Codeをウェブ制作で使う方法を環境作りから学ぶ、Bau-yaの入門講座。

こんなことを学びます

日本全国や海外在住の方がご参加可能な、オンライン講座に対応しています。

受講お申し込みのすべての方が、講座開催後1週間、お好きなときに開催当日の収録動画をご視聴して復習いただけます。

--

人類は、長く激しいエディタ戦争(Editor War)の歴史において、二大陣営であるvi・Vim派とEmacs派による冷戦の間で、Sublime Text®、Brackets®、そして、Atom®などといった新興ソースコードエディタの繁栄と衰退を目撃してきました。
また、極東の島国ではサクラエディタ®や秀丸®などが根強く生きながらえ、Adobe Creative Cloud®大陸においては、今でも一般ウェブデザイナーピープルがDreamweaver®保護区で囲われて仕事をしていると伝え聞きます。

しかし、その戦乱の時代に彗星の如く現れたがソフトウェアが、群雄割拠のソースコードエディタ界に新風をもたらしました。
Microsoftが開発し2015年に産声を上げた、『Visual Studio Code®』(以下、VS Code®)の登場です。

Visual Studio Code – コード エディター | Microsoft Azure
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

瞬く間に人気を得た無料で利用できるVS Codeは、誕生わずか3年後の2018年にはプロフェッショナルなITエンジニア業界でNo. 1のシェアを獲得。
その軽快なスピード感と実用的な機能、そして、多彩な拡張機能などによって、多くのエンジニアやウェブクリエイターがすっかり魅了されてしまいました。

この講座では、長年、ウェブクリエイターとして豊富な実績と経験を持つ生明義秀が登壇。
最新で大人気のこのソースコードエディタ VS Codeを、ウェブクリエイターがHTMLやCSSなどのコーディング作業ですぐに使い出せるよう、インストールから画面構成、好みの設定方法、必須の編集操作、便利なショートカット、嬉しい機能、人気の拡張機能まで、分かりやすく解説します。

特に、Adobe Dreamweaverを利用しているウェブデザイナーの方へ、VS Codeとの共通点や相違点を示しながら移行をサポートしつつ、Dreamweaverの便利な機能とVS Codeとを併用する、美味しい使い分けのスタイルも伝授。
鬼に金棒のウェブコーディング環境による、楽ちんで爆速のコーディング作業が可能になります。

宗教と政党、野球球団、そしてエディタの話だけはタブーと言われていますが、あえて、この講座を企画しました。
Visual Studio Codeで、快速の新世界を眺めてみませんか。


Keywords: ウェブ, コーディング, エディタ, ソースコード, Visual Studio Code, VS Code, Dreamweaver, HTML, CSS


● この講座で学べること
○ Visual Studio Codeの導入方法
○ Visual Studio Codeの定番の機能拡張
○ Visual Studio Codeでスマートなコーディング
○ Visual Studio Codeの便利なショートカットキー
○ Visual Studio CodeでEmmet
○ Visual Studio CodeとAdobe Dreamweaverを併用する便利な環境作り

● この講座で得られること
○ ウェブコーディングの作業効率の劇的な向上
○ ウェブコーディングの作業速度の劇的な向上
○ ウェブコーディングの作業負担の劇的な軽減
○ 最新で人気のソースコードエディタの使用技術
※ 配布資料がある場合あは、配布やダウンロードなどで入手いただけます。
※ 講座内で利用するデモなどのサンプルファイルがある場合は、ダウンロードで入手いただけます。
※ 各種受講証明書への署名・発行に対応します。

● この講座の特徴
○ ハンズオンでも聴講でも、お好きなスタイルで受講可能な『技術講座』です。
○ 実践的な技術や方法を、要点をまとめて具体的にわかりやすくお伝えします。
○ 操作の解説は、デモンストレーションを実演して解説します。
○ 講座開催の後でも1週間、講義の様子をすべて収録した動画の視聴ができ、グループメッセージで登壇者宛に質問が可能です。

● 協賛企業・ブランド
AZM Design

#bauya114
続きを読む

開催日程がありません

開催予定エリア

六本木・赤坂

価格(税込)

¥3,800

受けたい
10人が受けたい登録しています

対面受講日程

開催日程はありません。開催リクエストを送ってみましょう。

価格(税込) ¥3,800
場所 六本木・赤坂

オンライン受講日程

開催日程はありません。開催リクエストを送ってみましょう。

価格(税込) ¥3,800

この講座の先生

生明 義秀のプロフィール写真
アートディレクター,ウェブクリエイター,講師

生明 義秀

アートディレクター,グラフィックデザイナー,ウェブクリエイター,クリエイティブコンサルタント,講師。 

ブランディングやSP広告などのグラフィックデザイン、ウェブサイト制作、UI/UXデザイン、動画編集、eラーニングのオーサリングなど多数のクリエイションに従事。 

広告戦略や制作システムに関するコンサルテーションも行い、さまざまな企業の研修にプランナー・アドバイザーとして招請されている。 

最新技術の啓蒙や後進の育成に尽力し専門学校などの教育機関で講師を務めるほか、Adobe MAXなどの大規模イベントをはじめ、宣伝会議やデジタルハリウッドなどの専門講座にも多数登壇。 

SBテクノロジー株式会社と共同で、定期開催のデザインに関するトークイベント『FONTPLUS DAYセミナー』を企画運営している。 

AZM Design 代表 
Bau-ya™ プロデューサー 
学校法人専門学校 東洋美術学校 講師 
公益社団法人 日本グラフィックデザイナー協会(JAGDA) 正会員 

Twitter
https://twitter.com/g_azami 

Facebook
https://www.facebook.com/gishuazami

この講座の主催団体

クリエイターの学び舎 Bau-ya

プロとプロを目指すクリエイターの学び舎、Bau-ya™(バウヤ)。
アートやデザイン、ITやウェブなどの、トップクリエイターや著名講師らの『いま、伝えたいこと』を、そのまま講座にして催します。


■ Bau-yaが招聘する実力派講師陣

業界の最前線で活躍している、実績や経験が豊富な著名クリエイターを招聘。
人気書籍の執筆者や、有名スクールの講師としてお馴染みの面々も登壇します。
現場主義やベテランだからこそ聴ける情報が満載です。


■ Bau-yaにある『知識講座』『技術講座』『ワークショップ講座』の3つのスタイル

『知識講座』は、ふんだんな資料や図解で解説する座学形式。
業界人として必須の教養や情報を学べます。
スライドや資料などを見ながら、じっくり学ぶスタイル。
提示されるスライドや資料はダウンロードして、何度でも復習いただけます。

『技術講座』は、ふんだんに実演デモを駆使するハイブリッド・ハンズオン形式。
制作の現場で必須のテクニックを学べます。
一緒に実習しながらでも、または聴講のみでも、どちらでも参加できるスタイル。
使... もっと見る >>

主催団体に質問する 教室ページをみる
  • 当日の流れとタイムスケジュール

    ■ 開場時間
    開演15分前から

    ■ 所要時間
    約1.5 - 2時間程度(途中参加、途中退出も可能です)

    ■ 講座の流れ(予定)
    1. オープニング(BAU-YAおよび講座について説明,登壇者紹介など 約5分)
    2. 講義(約35 - 50分)
    3. 休憩(約5分)
    4. 講義(約35 - 50分)
    5. 質疑応答(約5分)
    6. エンディング(約5分)
    ※ 講義時間や時間割は、変更する可能性があります。
    ※ 予定よりも早く終了、または長引く可能性があります。
    • こんな方を対象としています

      □ ウェブ制作の工数コストを下げたい方
      □ コーディングにかかる時間や負担を減らしたい方
      □ Visual Studio Codeの利用方法を知りたい方
      □ Adobe Dreamweaverのみのコーディングに限界を感じている方
      □ コーディングをするウェブクリエイターやウェブデザイナーの方
      □ とにかく楽になりたい方
    • 受講する際は以下をお読み下さい

      ■ ご用意いただくもの
      □ オンラインで受講いただく場合は、インターネット環境とコンピュータなどのデバイスおよびウェブブラウザ。
      □ ハンズオンスタイルで受講の方は、以下のアプリケーションがインストールされたコンピュータ。
      ・Visual Studio Code – コード エディター | Microsoft Azure
       https://azure.microsoft.com/ja-jp/products/visual-studio-code/
      ・Adobe CCのコンプリートプランを未契約の方は、あらかじめDreamweaverの体験版(Dreamweaverの利用をご希望の方のみ)
       Adobe Dreamweaverの購入 | webデザインソフトウェア
       https://www.adobe.com/jp/products/dreamweaver.html
      ※ OSやウェブブラウザー、各種アプリケーションなどは、最新のバージョンのものをご使用ください。
      ※ コンピュータの動作やソフトウェアなどの動作不良に関するサポートは行いません。
      □ 来場での受講で電源を使われる方は、電源タップをご持参ください。
      □ 来場での受講の場合、メモを取るための筆記用具やデバイスはご持参ください。

      ■ その他
      □ 参加者さまによる動画の収録や録音、撮影などの、一切の収録行為を禁じています。
      □ 講座内で配布する資料やファイルなどの一切の二次利用、再配布、無断転載などを禁じています。
      □ 来場での受講の際、お名刺をお持ちでしたら講座終了後に登壇者や主宰者とご交換ください。
    ※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

    レビュー5

    • 楽しかった!( 4 )
    • 勉強になった!( 4 )
    • 行く価値あり!( 5 )
  • W2

    女性 40代

    この講座は「すぐに実践に活用できるためになる講座」でした

    仕事で使う人の立場になって、親切に教えてくださるので、
    すぐに職場で活用できて本当にためになりました。

    また先生ご自身の仕事でのTipsも交えて
    いろいろなお話を伺うことができて、心強く思います。

    ありがとうございました。

  • M2

    男性 40代

    この講座は「visual studio codeがよくわかる講座」でした

    visual studio codeの優れた部分をたくさん見せていただき、とても使いやすく優れたエディタだという事がわかりました。

  • M1

    男性 40代

    この講座は「VS Codeの便利な使い方を学べる」でした

    一応なんとなく使っていたVS Codeを、改めて学べます。
    ドキュメントを比較したり、フォルダ内のドキュメントを横断して検索したり
    さくさくのスピードが、すごい便利!
    カスタムして自分向けに使いやすくして、
    Dreamweaverみたいにやってみたりと、
    プラグインが豊富にありました。
    ショートカットを駆使して作業効率を上げたいので、
    マクロパッドに登録して一発で起動させたいです。
    また、ノンコーティングのお話も聞けて楽しく学べました^^

  • M2

    男性 30代

    この講座は「とても丁寧な講座でした。」でした

    Visual Studio Codeのインストールから始まり、痒いところに手が届くTipsが盛り沢山でした。それどころか、そこ痒いでしょ!??って、そこにはコレが特効薬という、私の気づかないあれやこれの情報を織り交ぜながら、hands-onで分かりやすく、ついていくことができました。
    DWもながく活躍していること、Visual Studio Codeとの組みあせ技の解説もあり、久々にDWも動かしてみようかと思う内容でした。

  • W3

    女性 40代

    この講座は「コードエディタの今どんなだ?が訊ける、ざっくばらんな講座」でした

    サロン的で面白かったです。コードエディタのトレンドって短いのねという感じで、今自信をもってコレとコレかなーと選択する指針になりました。ガチガチの講座より質問しやすいですね。

  • この主催団体の他の講座

    17

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    27

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    44

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    18

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    85

    開催リクエスト受付中

    六本木・赤坂 / オンライン

    関連講座

    この講座を見た人は、こんな講座も見ています

    お探しの講座が見つかりませんでしたか?