たった1日で基本が身に付く!シリーズたった1日で基本が身に付く!
Vue.js 超入門

書籍の概要

この本の概要

フロントエンドのJavaScriptフレームワークはVue.jsの他にもReact,Anglarなどさまざまありますが,その中でもVue.jsは学習コストが低いのが特徴です。Vue.jsアプリケーションは,基本的にはHTMLを拡張したテンプレートと,JavaScriptのコードから構成されます。そのため,HTMLとJavaScriptに馴染みがあれば,基本的な使い方はすぐに理解できるでしょう。Vue.jsを学習するテキストとして,最もやさしい書籍という意図で本書は制作されました。タイトル通り,「たった1日で基本が身に付く!」Vue.jsの入門書です。

こんな方におすすめ

  • Vue.jsを初めて学習する人

著者の一言

Vue.js がここまで人気を得ている要因はさまざまあると思いますが,私は「親しみやすさ」が重要ではないかと考えています。Web の開発に慣れていない人にとっては,JavaScript でさまざまな処理をするのは少々ハードルが高い部分もあり,かつしっかり設計をしないと破綻してしまう可能性があります。しかしながら,Vue.js を使うことによって,従来であれば煩雑な記述が必要だった処理を,より手軽に実装することができます。さらに,アプリケーションの大きさや状況に合わせて段階的に導入することも可能で,さまざまな規模のWeb アプリケーション・Web サイトで利用することができます。
本書は,そのVue.js の基礎的な内容を1 日程度で学びきれる構成にしてあります。これからVue.js をやってみたい方,聞いたことはあるけど使ったことのない方,Web の開発経験が浅い方の学習の入り口としてお役に立てれば幸いです。

本書のサンプル

本書の一部ページを,PDFで確認することができます。

目次

CHAPTER1 Vue.jsを学ぶ準備をしよう

  • SECTION 01 Vue.jsについて理解しよう
  • SECTION 02 Vue.jsの開発環境を整えよう
  • SECTION 03 ひな形となるHTMLとJavaScriptファイルを作ろう

CHAPTER2 Vue.jsの基本を学ぼう

  • SECTION 01 Vueインスタンスを理解しよう
  • SECTION 02 データをWebブラウザに出力しよう
  • SECTION 03 バインディングを理解しよう
  • SECTION 04 レンダリングを理解しよう
  • SECTION 05 デバッグしよう

CHAPTER3 イベントハンドリングを学ぼう

  • SECTION 01 イベントハンドリングとメソッドを理解しよう
  • SECTION 02 カウンターアプリを作ってみよう
  • SECTION 03 データの流れを理解しよう

CHAPTER4 条件付きレンダリングを学ぼう

  • SECTION 01 条件分岐と条件付きレンダリングを理解しよう
  • SECTION 02 条件を算出プロパティに書いてみよう
  • SECTION 03 条件を増やそう
  • SECTION 04 双方向バインディングを理解しよう
  • SECTION 05 バリデーション機能付きの入力フォームを作成しよう

CHPTER5 リストレンダリングを学ぼう

  • SECTION 01 リストレンダリングを理解しよう
  • SECTION 02 リストレンダリングを使ってみよう
  • SECTION 03 ナビゲーションメニューを表示しよう

CHAPTER6 バインディングで動的にスタイルを変えよう

  • SECTION 01 スタイルバインディングで動的に見た目を変えよう
  • SECTION 02 クラスバインディングで動的に見た目を変えよう

CHPTER7 TODOアプリを作成しよう

  • SECTION 01 TODOアプリに必要な部品を確認しよう
  • SECTION 02 追加から一覧表示まで作成しよう
  • SECTION 03 機能を完成させよう
  • SECTION 04 位置や大きさを調整しよう

CHAPTER8 画像ビューワーを作成しよう

  • SECTION 01 画像ビューワーの部品を確認しよう
  • SECTION 02 コンポーネントを理解しよう
  • SECTION 03 コンポーネントで機能を追加しよう
  • SECTION 04 画像ビューワーを作成しよう
  • SECTION 05 アプリケーションを仕上げよう

著者プロフィール

石亀広大(いしがめこうだい)

都内ベンチャー企業にてフロントエンドエンジニアとして勤務。Vue.js,Nuxt.js を中心としたUI 部分の開発を得意とし,要件定義から実装まで関わる。そのかたわら,フリーのフォトグラファーとしても活動,人物撮影をメインにイベント撮影・素材提供・アート制作を行い,海外からの評価も得ている。