中藤恭平の記事
【Vue.js】プロパティ(props)の使用方法
コンポーネントのオプションの一つであるプロパティ(props)について詳しくみていきます。使い方を確認後、実際にボタンを押すと押されたボタンをメッセージとして出力するコンポーネントを作成していきます。 ...
2019/3/6
【Vue.js】データ(data)の使用方法
コンポーネントのオプションの一つであるdataについて詳しくみていきます。定義方法を確認後、実際にボタンを押すとカウントアップするプログラムを書いていきます。 コンポーネントにおけるデータとは コンポ ...
2019/3/6
【Vue.js】イベントの受け取りと発行
Vue.jsにおけるテンプレートタグ内で使用できるイベントの受け取りと発行についてみていきます。イベントの受け取りと発行を実際に動かしてみます。 イベントの受け取り方 コンポーネントまたはコンポーネン ...
2019/1/31
【Vue.js】API一覧
VueのAPIについての一覧をみていきます。それぞれの詳細については随時追加していきます。 オプション/データ コンポーネント内で使用するデータ定義やメソッドの定義です。 data コンポーネント内に ...
2019/3/6
【Vue.js】コンポーネントを使ってみよう
Vueを触り始めるにあたりまずはコンポーネントを使ってみましょう。今回は、コンポーネントの説明、使い方、少し作り込んでいきます。 コンポーネントとは? コンポーネントとは、機能やレイアウトなどを一つに ...
2019/1/31
Vue CLI 3から付属しているGUIを使ってみる
Vue CLI 3からはGUIが付属しており、それを使用してプロジェクトの作成やプラグイン管理などが出来るようになりました。 Beta版なので多少おかしな挙動があるらしいのですが、とりあえず試していき ...
2019/1/30
New ScratcherからScratcherになろう
Scratchのアカウントを作ると、まずはNew Scratcherとして活動することになります。しばらく作品を投稿したり、活動を続けているとScratcherになれることがあります。New Scra ...
2018/10/30
Scratchチュートリアルの空飛ぶ猫のゲームを作ってみよう
Scratchのチュートリアルをこなすだけで、空飛ぶ猫を矢印キーで動かしてハートを集めるゲームを作ることができます。 下記のリンクから遊べます。(パソコンのみ) Scratchのサイト:https:/ ...
2018/10/30
Nuxt.jsを使ってみる ~TypeScriptを導入~
Vue.jsでサーバサイドレンダリング(SSR)ができるNuxt.jsを使ってみます。今回は、TypeScriptを導入します。 ※Nuxt.js2.4でTypeScriptがサポートされたのでプロジ ...
2019/3/7 Nuxt.js
Nuxt.jsを使ってみる ~Hello World~
Vue.jsでサーバサイドレンダリング(SSR)ができるNuxt.jsを使ってみます。 今回は、まずはNuxt.jsについて調べ、「Hello World」を出してみます。 Nuxt.jsとは Nux ...
2018/10/23 Nuxt.js