タグ

vuexとvue.jsに関するOooのブックマーク (8)

  • これまでに公表されたVue.js 3.0に関する情報をざっと眺めてみた – Yohei Noda’s Blog – Medium

    (この記事は2018年12月時点の情報を元に書かれています。) この記事は、PLAID Advent Calendar 19日目の記事です。 9/20–21に開かれたVue London以降、9/30のEvan氏によるブログポストや弊社プレイドもスポンサー協賛させていただいたVue Fes Japan 2018を含むイベントなどで、Vue.jsの時期バージョン(3.x)に関する様々な情報が発表されてきました。 既に各情報を見られた方にとっては今更な記事にはなりますが、現状把握と今後のためにざっと眺めてまとめてみました。 公表されている主な情報公開されている主要な情報をリストアップしてみました。 9/30: Plans for the Next Iteration of Vue.js11/3: Vue 3.0 Updates — Vue Fes Japan 2018 (Keynoteの動画は

    これまでに公表されたVue.js 3.0に関する情報をざっと眺めてみた – Yohei Noda’s Blog – Medium
  • GitHub - ktsn/vuex-type-helper: Type level helper to ensure type safety in Vuex

    import * as Vuex from 'vuex' import { DefineGetters, DefineMutations, DefineActions, Dispatcher, Committer } from 'vuex-type-helper' /** * Declare module types */ export interface CounterState { count: number } export interface CounterGetters { // getterName: returnType half: number } export interface CounterMutations { // mutationName: mutationPayloadType inc: { amount: number } reset: void // ha

    GitHub - ktsn/vuex-type-helper: Type level helper to ensure type safety in Vuex
  • Vue.js / Nuxt.js を採用した Web 開発で得た知見 | rakuishi.com

    2018 年に入ってからは Vue.js / Nuxt.js を採用した Web サイト開発に携わっています。ログイン機能がある Web サイトで、データは API サーバーを叩いて取得するという構成。最近のフロントエンド開発は、感覚としてはアプリ開発ですね。 Vue.js に加えて Nuxt.js を採用したのは SSR(Server Side Rendering)をしたいという理由に尽きます。SSR することによるメリットは、以下となります: Facebook や TwitterOGP タグを正しく評価してくれる 検索エンジンがサイトを正しく評価してくれる 副産物として、ログインユーザー情報が描画されて返るため、クライアント側で描画されるまでの空白状態がユーザーに見えない この記事ではそんな Vue.js / Nuxt.js を採用した Web 開発で得た知見を紹介していきます。

    Vue.js / Nuxt.js を採用した Web 開発で得た知見 | rakuishi.com
  • 2018年Vue.jsとVuexを使ってる人に提案するコンポーネントの分類と設計パターン - Qiita

    はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 その際に得られたノウハウを言語化し、共有出来たらと思います。また、これらのノウハウよりも良いノウハウがあった場合は共有・議論して頂けるととても嬉しいです。 ※注釈 この記事はサンプルコードが全然ないです。 OSSの様に気軽に編集リクエストでサンプルコード等を提供頂けたら幸いです! 目次 コンポーネント設計の使い分けの効果 コンポーネントに関わるレンズの種類と重要性 技術者のレンズから覗く、コンポーネントの分類 プレゼンテーションコンポーネントを更に分類 複雑なコンポーネントの設計パターンとパターン名 デザイナーのレンズでコンポーネントの分類と技術者レンズからのプラクティス 技術者レンズでの

    2018年Vue.jsとVuexを使ってる人に提案するコンポーネントの分類と設計パターン - Qiita
  • Vuex:mapStateの書き方8パターン+11サンプルコード - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    Vuex:mapStateの書き方8パターン+11サンプルコード - Qiita
  • SCOUTER開発者ブログ

    2024-09-10 テクノロジア魔法学校の体験談と評判 「テクノロジア魔法学校」というプログラミング教材をご存知ですか? ホームページの広告などで一度は目にしたことがある人も多いのではないかと思いますが、ディズニーが提供する子供向けのプログラミング教材です。 今回は、この「テクノロジア魔法学校」の体験版を実際に体験してみての感想や、「テクノロジア魔法学校」がどのようなものか、その評判などを見ていきたいと思います。 テクノロジア魔法学校とは 料金 エント […] 2024-09-10 レンタルサーバー「クイッカ」の評判と使い勝手 レンタルサーバーとして有名なサーバーの一つに、「クイッカ」があります。 名前は聞いたことのある人も多いのではないかと思いますが、今回はこの「クイッカ」について、料金やスペック、評判などを見ていきたいと思います。 レンタルサーバー「クイッカ」の基情報 レンタルサー

    SCOUTER開発者ブログ
  • Vue.js+Vuex+VuexFireでTodoList - Qiita

    最近、Firebaseを勉強中です。Vuexも勉強中です。 その2つをつなぐためのVuexFireというライブラリを組み込んで、TodoListを作ってみました。 作ったやつ とりあえず現状だと接続先のFirebaseデータベース残してるから動くけど、その内消すかも。 コード比較 VuexFireの有無でのStoreのコードを比較してみます。 import Vuex from 'vuex'; import Vue from 'vue'; import { ADD_TODO, REMOVE_TODO } from './action-types'; Vue.use(Vuex); export default new Vuex.Store({ strict: process.env.NODE_ENV !== 'production', state: { todos: [], }, mutati

    Vue.js+Vuex+VuexFireでTodoList - Qiita
  • Three.js でトゥーンレンダリング | Cubix

    DocManagerは複数のリソースの情報を一括で編集出来るモジュールです。パッケージに同梱されているので初期インストール時にチェックを外していなければ最初から使用可能です。入力内容の統一、メニューの並び替えなどが簡単に出来ます。 対象になるリソース番号の指定方法 使用テンプレートの変更 テンプレート変数の内容を変更 アクセス許可の変更 メニューインデックスの変更 その他リソース情報の設定 リソースの各種日時設定 リソースの各種設定(公開or非公開、メニューに表示or非表示など) 作成者と編集者の変更 対象になるリソース番号の指定方法 画面下にある「操作対象(操作元)のリソースIDを指定」というフィールドに対象になるリソースのIDを入力します。IDは半角数字で入力、半角のカンマ,で区切って複数の条件を指定できます。以下n、m はリソースIDを示す数字です。 複数のリソースを個別に指定 n

  • 1