Explore and discover the best Vue.js resources.
![VueToolbox](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f77f90fbf45e1cb02b23c85dae221dea69d2c1e/height=288;version=1;width=512/https%3A%2F%2Fwww.vuetoolbox.com%2Fassets%2Flogo-bg-white-8a4bceda2e6db8b00678898f806d07ebe0413db8d7ad6446dd9975fa1ac2c10c.png)
基礎から学ぶVue.jsの猫本 皆さんこんにちは。設計図共有サイトは活用してますかー?(挨拶) そんな、MS傘下になった設計図共有サイトの vuejs/vue に本体があるVue.jsがついにスター数10万突破、Reactも10万を越えました。Vue.jsは2018年現在ネットでも目にすることが多くなり活発になってきましたが、発売前から話題だった本書の感想をば。自分の観測範囲だとTwitterでも発売前後、けっこう反応がありましたね。 著者はWebデザイナー/Webエンジニアとして活動中のmioさん。本の大きさは『JavaScript本格入門』とか『パーフェクト〜』とかの一般的ながっしりした技術書より一回り小さいA5サイズ、手軽に手に取れます。表紙のVロゴより目立っているにゃんこは本文中でもたびたび登場、中もカラフルで図表も多く、とても読みやすいです。一部では猫本とも呼ばれている模様。チェ
メタファーを使ってみよう 様々な言葉が飛び交い、文脈によって意味が違ったりもするIT用語。何かを説明するときに比喩表現を使うことも多いかと思います。かっこよく英語で言うとメタファー(Metaphor)というやつですね。 僕はアーキテクトっぽい立ち位置にいるので仕事柄、プロジェクトの開発メンバーや新たに加わるメンバー、開発の一線から離れたプロマネの人、技術に疎くなってしまった管理職や偉い人、共同開発の人や顧客など様々な人に、技術的な説明をしたりする機会が時々あります。 最近はVue.jsのことを説明する機会があり、そういえば相手がわかるようにサーバサイドに例えて話すことが多いなあとふと思いました。ということでこのエントリではその話を書こうと思います。 だいたい、聞き手は以下のような人であることを想定しています。 サーバサイド(フロントエンド用語でいうバックエンド)のWebアプリケーション開発
Vue.jsの勉強メモ。 jsstudy.hatenablog.com Vueの起動 (p.37) Vueアプリケーションの作成 アプリケーションの作成をはじめるには、コンストラクタ関数Vueを使ってルートとなるVueインスタンスを作成します。 var app = new Vue({ // オプション }) 返り値はルートのインスタンスになっており、変数化しておくことでコンソールからアクセスできますが必須ではありません。 慣例的にappやvm(ViewModelの略)といった変数名が使用されます。 「ルート」という用語が、いまいちピンと来なかったので検索。 jp.vuejs.org Vue インスタンスの作成 全ての Vue アプリケーション は、Vue 関数で新しい Vue インスタンスを作成することによって起動されます。 var vm = new Vue({ // オプション }) V
今日はVue.jsのお勉強。「基礎から学ぶ Vue.js」を読んでます。 jsstudy.hatenablog.com (p.36) 学習用のひな形ファイルを用意 CHAPTER 1 | 基礎から学ぶ Vue.js ↑上記のような「index.html」「main.js」を作って、Chromeで開き、コンソール画面を見ると、以下のようなメッセージが表示されていました。 vue.js:8542 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools vue.js:8553 You are running Vue in development mode. Make sure to turn on production mode w
JavaScriptフレームワークの「Vue.js」の使い方を学ぶために「基礎から学ぶ Vue.js」という本を読んでみます。 基礎から学ぶ Vue.js 作者: mio 出版社/メーカー: シーアンドアール研究所 発売日: 2018/05/29 メディア: 単行本(ソフトカバー) この商品を含むブログを見る 目次 CHAPTER 1 Vue.jsとフレームワークの基礎知識 01 Vue.jsについて 02 Vue.jsのキーコンセプト 03 豊富なリソースを活用しよう 04 Vue.jsのインストール 05 Vue.jsの基本機能 06 オプションの構成を見てみよう □まとめ CHAPTER 2 データの登録と更新 07 基本のデータバインディング 08 テキストと属性のデータバインディング 09 テンプレートにおける条件分岐 10 リストデータの表示と更新 11 DOMを直接参照する$
最終更新日: 2020年11月7日 Vue.js とは?Vue (発音は / v j u ː / 、 view と同様)はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可能です。 あなたが Vue についてもっと深く学ぶ前に概要を知りたいのなら、中核となる原則とサンプルプロジェクトを元に説明するビデオを作成しているので、それを見るとよいでしょう。 あなたが経験豊富なフロントエ
The Progressive JavaScript Framework Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 Vue を使う理由 はじめる インストール Vue 2 のセキュリティー・アップデート 親しみやすい 直感的な API とワールドクラスのドキュメントを使用して、標準的な HTML、CSS、JavaScript をもとに構築します。
どんな本? 機能ごとに解説している Vue.js 入門書です。これからはじめる方にも、すでに Vue.js をお使いの方にも、楽しんでいただける内容になっています。 しっかり学習できる! Vue.js は直感的に使える機能が多く、雰囲気で使ってしまいがちです。どんなメリット&デメリットがあるかも解説しているため、しっかりと学習できます。 「Vue.js が楽しい!」ウェブフロントエンド界隈でこの言葉を耳にすることが増えました。 フロントエンドを取り巻く技術の進化によって、フロントエンドの役割は増え、フレームワークもより身近なものになっています。 この本では「Vue.js ってなに?」「フレームワークってなに?」という基礎概念と導入からプロダクトに役立つ情報までを体系的に解説しています。 これから JavaScript のフレームワークを始める方にはもちろん、すでに Vue.js をお使いの
JavaScriptでUI部品をつくることができるVue.jsについて学んでいきます。
「Vue.js が楽しい! 」ウェブフロントエンド界隈でこの言葉を耳にすることが増えました。 フロントエンドを取り巻く技術の発展によって、フロントエンドの役割は増え、フレームワークもより身近なものになっています。 この本では「Vue.js ってなに?」「フレームワークってなに?」という基礎概念と導入から、プロダクトに役立つ情報までを、体系的に解説しています。 これから JavaScript のフレームワークを始める方にはもちろん、すでに Vue.js をお使いの方が基礎を学ぶにも最適な1冊です。 チュートリアルや実例集盛りだくさんのサポートページも公開しており、書籍と合わせてお読みいただけます。 ●こんな方におすすめです ・プレーンなJavaScriptや、jQueryだけの開発からステップアップしたい方 ・Vue.jsの公式ガイドを読んではみたものの、専門用語が多く難しかった方 ・コンポ
Amazonを見ていたら、JavaScriptの新刊がいろいろありました。 その中で気になった本をいくつかメモ。 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 作者: 原一浩,taisa,小松大輔,永井孝,池内孝啓,新井正貴,橋本安司,日野洋一郎 出版社/メーカー: 技術評論社 発売日: 2018/05/09 メディア: 単行本(ソフトカバー) この商品を含むブログを見る Reactなど、最近のJavaScriptフレームワークの使い方を広く浅く紹介してくれています。 Reactを基準として、その他のJSフレームワークの違いを把握すると分かりやすいでしょうか? 近所の本屋にも置いてあったので、パラパラと眺めてみました。
どうも、まさとらん(@0310lan)です! 今回は、面倒な開発環境を一瞬で構築してブラウザ上からWebアプリを気軽に開発&公開できる無料のWebサービスをご紹介します! 完全なオープンソースで開発が進められており、React / Angular / Vueなどのプロジェクトを誰でも簡単にプログラミングできる高度なエディタを搭載しているのが特徴です。 【 CodeSandbox 】 ■「CodeSandbox」の使い方 それでは、まず最初に「CodeSandbox」の使い方から見ていきましょう! サイトにアクセスしたら、画面右上にあるボタンをクリックします。 次に、「React」「Vue」「Angular」などのプロジェクトを選択する画面が開きます。 ここで好きなフレームワークを選んだり、素のJavaScript(Vanilla JS)やCLIツール、GitHubからリポジトリを読み込んだ
Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発 花谷拓磨 Vue.jsでUniversalなSPAを開発できるフレームワークであるNuxt.jsのバージョン 1.0のリリースがいよいよ近づいてきました。 本稿では、シングルページアプリケーション(以下 SPA)開発によって生じた問題を解決するために生まれたサーバーサイドレンダリング (以下 SSR)を中心に、Vue.jsでの開発を強力にサポートするNuxtについて、その魅力と基本的な使い方をご紹介いたします。 Nuxt.jsとは? Nuxt.js(ナクストと読みます)はReact.jsベースのSSR用フレームワークであるNext.jsに触発されて作成された、Vue.jsベースのフレームワークです。 特にUIの描画サポート に主眼をおき、SSRをはじめとした様々なサポートを行ってくれるものとなります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く