モダンフロントエンドでJavaScript Vue.js 入門

インタラクションデザイナー 沖良矢氏登壇、JavaScriptフレームワーク Vue.jsの開発環境から基本的な実装方法まで学ぶ入門講座。

こんなことを学びます

あなたは普段、どのようなウェブサイトを制作していますか?

規模では、シンプルなランディングページから、数十万ページを超える大規模なウェブアプリケーションなど。
要件では、静的なウェブページから、APIやDBとの連携を含むSPA(シングルページアプリケーション)など。
現代のウェブフロントエンドに求められるその機能や環境は、多様化と複雑化の一途を辿っています。

プレーンなHTML、CSS、JavaScriptだけでは物足りなさを感じても、フレームワークを入れるほどではなく、人手による運用でカバーしていませんか?
サービスの成長に伴って、当初から採用していたフレームワークでは機能が足りなくなってはいませんか?
そんな技術のミスマッチを、多くの方が経験しているはずです。

そこで登場したのが、ウェブフロントエンドの幅広いニーズに応えるJavaScirptフレームワーク、『Vue.js』です。
Vue.jsは必要に応じて機能を選択できる「The Progressive Framwork」という思想の元に、設計されています。
制作対象の規模や機能、チームメンバーの人数やスキルに合わせて、柔軟に導入できます。

この講座では、インタラクションデザイナーとしてウェブアプリケーション/ウェブサイトを中心に幅広く携わり、DISTでもお馴染みの沖良矢氏を招き、Vue.jsの開発環境のセットアップから基本的な実装方法までを伝授。
最もモダンなJavaScriptフレームワークを採用するのに必要な知識と技術を学べます。

Vue.jsの力をものにして、新しいフロントエンドの扉を開いてください。


Keywords: Vue.js, JavaScript, SPA, HTML, CSS, jQuery


● この講座で学べること
○ Vue.js開発の基本的な流れ
○ 開発環境のセットアップ方法
○ 単一ファイルコンポーネント(.vueファイル)の書き方
○ 動的な要素の繰り返しや表示・非表示の切り替え

● この講座で得られること
○ Vue.jsの基礎知識
○ jQueryや他のJavaScriptフレームワークと比較したメリットの理解
○ 制作規模や対象に左右されない開発環境
※ 学習教材や資料がある場合は、お持ち帰りいただけます。
※ 講座内で利用するデモなどのサンプルファイルがある場合は、ダウンロード可能です。
※ 各種受講証明書への署名・発行に対応します。

● この講座の特徴
○ ハンズオン講座ながら、手ぶらの聴講のみでもご参加可能なハイブリッド・ハンズオン形式です。
○ 実践的な知識や方法を、要点をまとめて、わかりやすく解説します。
○ 操作の解説は、デモンストレーションで実演して解説します。
○ 講義後に、質疑応答の時間を設けます。

#bauya66
続きを読む

日程・開催時間を選ぶ

受付中 残りわずか

2月4日(火)

18:45 - 20:45

東京 / 銀座・大手町

予約締切日時

2月03日(月) 18:45 まで

参加人数

24/30人

開催場所

東京メトロ東西線 竹橋駅 徒歩2分
ちよだプラットフォームスクウェア ミーティングルーム001 東京都千代田区神田錦町3‐21 ちよだプラットフォームスクウェア 地下1階

価格(税込)

¥3,800

  • 受付中 残りわずか

    2月4日(火)

    18:45 - 20:45

    東京 /銀座・大手町

    選択中 選択
  • 参加できる日程がありませんか?
    先生に開催リクエストを送ってみましょう!
    開催リクエストする
受けたい
17人が受けたい登録しています

開催日程

2月4日(火) 18:45 - 20:45

¥3,800
参加人数 24/30人
場所 東京メトロ東西線 竹橋駅 徒歩2分

この講座の先生

沖 良矢のプロフィール写真
インタラクションデザイナー,世路庵 代表

沖 良矢

1981年、愛媛県生まれ。
ウェブ制作会社 世路庵 代表。 

ウェブアプリケーション/ウェブサイトの制作を中心としたディレクションやフロントエンドの開発、デザインに幅広く携わる。 

講師/執筆業や勉強会の運営を通じて、日本のウェブ制作を支えるコミュニティ形成にも力を注いでいる。 

ウェブクリエイティブコミュニティー「DIST」 代表 
Vue.js日本ユーザーグループ スタッフ 
Flashユーザーグループ「F-site」 元代表

この講座の主催団体

BAU-YA

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


■ BAU-YAにある『技術系講座』と『知識系講座』の2つのスタイル

『技術系講座』は、ふんだんに実演デモを駆使するハイブリッド・ハンズオン講座。

制作の現場で必須のテクニックを学べます。

一緒に実習しながらでも、または聴講のみでも、どちらでも参加できるスタイル。
使用する学習サンプルは、受講後でもダウンロードして何度でも練習いただけます。

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


■ BAU-YAが招聘する実力派講師陣

クリエイティブ業界の最前線で活躍している、経験豊富なク... もっと見る >>

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

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

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

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

      □ ウェブ制作に携わるすべての方
      □ jQueryを使ったJavaScript開発からステップアップしたい方
      □ モダンなJavaScriptフレームワークを学びたい方
      □ マークアップエンジニアやウェブデザイナーなど、さらに知識を深めたい方
      ※ HTMLとCSSの基礎知識がある方を対象としています。
      ※ 必須ではありませんが、jQueryを使った簡単なJavaScript実装経験があると理解しやすいです。
    • 受講料の説明

      参加費に、場所代や教材費などはすべて含まれています。
      参加費の他に、一切費用はかかりません。
      ※ 領収書はストリートアカデミーから発行・印刷することができます。
        < https://support.street-academy.com/hc/ja/articles/201345225 >
    • 受講する際は以下をお読み下さい

      ■ ご持参いただくもの
      □ ハンズオン受講の方は、Google Chromeがインストールされたノートタイプのコンピューターをご持参ください。
      □ Visual Studio Code,Atom,WebStormなど、.vueファイルのコード補完をサポートしているソースコードエディター
      ※ 聴講のみのご参加も歓迎です。
      ※ OSは問いません。
      ※ コンピューターの動作やOS、ソフトウェアなどの動作不良に関するサポートは行いません。
      □ 電源を使われる方は、電源タップをご持参ください。
      □ メモを取るための筆記用具やデバイスはご持参ください。

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

    この主催団体の他の講座

    関連講座

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

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