「vue.js」カテゴリーアーカイブ

Vue開発者のためのVue.jsベストプラクティス集15選 – Qiita

Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita

Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita

はじめに みなさん、Vue使ってますかー!・・・・・・・(へんじがない。ただのしかばねのようだ。) 私は毎日使ってます。が、正しい使い方というのがいまいちわかっていません。ということで、ネットで拾ってきた情報を元にVueで開発する上でのベストプラクティス集15選をまとめてみました。 「ふんふんそうだよね〜」...

はてなブックマーク - Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita はてなブックマークに追加

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス – Qiita

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita

概要 Vue.jsで作成されたプロジェクトを紹介しているサイト 「made with vue.js 」があります。 面白くて役立ちそうなツールやサービスをまとめてみました。 UIコンポーネント VueSocial ソーシャルサービスのボタンを作成するVueのコンポーネント CKE Editor 5 リッチテキストエディタのコンポーネント Vue.Draggable ...

はてなブックマーク - Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita はてなブックマークに追加

jQuery愛好家のためのVue.js、React入門(いずれAngularも) – Qiita

jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita

jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita

まず、ことわっておきますが、jQueryは非常に優秀なライブラリです。自分がメインとするWEBシステムの世界ではかなり重宝していますので、時代の潮流だからといって理由もなくjQueryを切り捨てろとは一言も言いませんし、もっと技術は培養すべきです。 ですが、使用できる選択肢を増やす、武器を増やすためにVue.js、Rea...

はてなブックマーク - jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita はてなブックマークに追加

Vue.jsを100時間勉強して分かったこと – Qiita

Vue.jsを100時間勉強して分かったこと - Qiita

Vue.jsを100時間勉強して分かったこと - Qiita

Vue.jsを100時間ほど勉強して分かったことを整理します。 勉強時間の内訳は、 Udemyの Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) をだいたい全て完了(85時間) 実際に自分でコードを書いてみた(15時間) です。 学習開始時のレベルは、JavaScript・jQueryはそれなりに扱うことができ、過去に少しだけR...

はてなブックマーク - Vue.jsを100時間勉強して分かったこと - Qiita はてなブックマークに追加

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ – Qiita

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita

以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界で...

はてなブックマーク - 2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita はてなブックマークに追加

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

日常的にVueを使用している開発者が、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 特に、Reactのフックについて具体的な使い方が解説されています。 I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu 下...

はてなブックマーク - ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス はてなブックマークに追加

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜

こんにちは。PLAID Software Engineer, tai-hey ( @Victoria_Peak_ ) です。 まえがき 私はプレイドに入社して1年ほどとなりますが、業務で Vue.js の開発を経験し、自身がフロントの実装にメインで携わり、サービス設計から実装まで取り組む中で設計について思慮することが多くなりました。 プレイドは SPA を実現可能...

はてなブックマーク - Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜 はてなブックマークに追加

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

JavaScript: フレームワーク React/Vue/Angularについて – DEV Community 👩‍💻👨‍💻

JavaScript: フレームワーク React/Vue/Angularについて - DEV Community 👩‍💻👨‍💻

JavaScript: フレームワーク React/Vue/Angularについて - DEV Community 👩‍💻👨‍💻

フロントエンドの開発に用いられる人気のフレームワーク(ライブラリ)に、ReactとVue.jsおよびAngularがあります。これらフレームワークのフロントエンド開発における役割と、3つの違いについて簡単にご紹介します。 データバインディングとコンポーネント化 フレームワークReactとVue.jsおよびAngularは、いずれもHTMLの...

はてなブックマーク - JavaScript: フレームワーク React/Vue/Angularについて - DEV Community 👩‍💻👨‍💻 はてなブックマークに追加

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く – Qiita

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita

フロントエンドに興味があって、Vueをやってみたい...!という人、きっと多いかと思います。(きっと、きっとね) ただ、どうやってVueを勉強し始めればいいのかわからない、という人もまた多いはず。Javascript自体あんまり触ったことないし...って人もいると思います。 そこで、これからVueを新たに勉強する人向けに、...

はてなブックマーク - これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita はてなブックマークに追加

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く – Qiita

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita

フロントエンドに興味があって、Vueをやってみたい...!という人、きっと多いかと思います。(きっと、きっとね) ただ、どうやってVueを勉強し始めればいいのかわからない、という人もまた多いはず。Javascript自体あんまり触ったことないし...って人もいると思います。 そこで、これからVueを新たに勉強する人向けに、...

はてなブックマーク - これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita はてなブックマークに追加

VueJS is dead, long live VueJS! – DEV Community 👩‍💻👨‍💻

VueJS is dead, long live VueJS! - DEV Community 👩‍💻👨‍💻

VueJS is dead, long live VueJS! - DEV Community 👩‍💻👨‍💻

With the release of the VueJS 3 "Request for Comment" documentation about two weeks ago, Evan You introduced the VueJS function-based API and has set the VueJS community ablaze. These new ideas are still in the "Request for Comments" stage, so they're far from set in stone, but because the RFC in...

はてなブックマーク - VueJS is dead, long live VueJS! - DEV Community 👩‍💻👨‍💻 はてなブックマークに追加

実践TypeScript  – 内容のご紹介 -|Takepepe|note

実践TypeScript  - 内容のご紹介 -|Takepepe|note

実践TypeScript  - 内容のご紹介 -|Takepepe|note

ここ最近、TypeScript の盛り上がりが本当にすごいですね。私ごとながら、昨年末からずっと書き続けていた TypeScript の技術書が、ようやく本日校了しました。Twitter で告知をしたところ、想像以上に反響があり驚いています。あれだけ高価な本、予約するには情報が不十分です。「買ってみたが期待はずれだった」という...

はてなブックマーク - 実践TypeScript  - 内容のご紹介 -|Takepepe|note はてなブックマークに追加

ReactとVueを改善したSvelteというライブラリーについて – Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

海外のフロントエンド界隈で話題になっているSvelte 最近海外のフロントエンド界隈でSvelteが少し話題になっています。 この記事では、なんでSvelteが話題になってるのか、そしてReactやVueの代わりに、Svelteを使うメリットについて私が感じたことを共有していけたらと思います。 My talk from @YGLF_IL, 'Rethinking R...

はてなブックマーク - ReactとVueを改善したSvelteというライブラリーについて - Qiita はてなブックマークに追加

ReactとVueを改善したSvelteというライブラリーについて – Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

海外のフロントエンド界隈で話題になっているSvelte 最近海外のフロントエンド界隈でSvelteが少し話題になっています。 この記事では、なんでSvelteが話題になってるのか、そしてReactやVueの代わりに、Svelteを使うメリットについて私が感じたことを共有していけたらと思います。 My talk from @YGLF_IL, 'Rethinking R...

はてなブックマーク - ReactとVueを改善したSvelteというライブラリーについて - Qiita はてなブックマークに追加

ReactとVueを改善したSvelteというライブラリーについて – Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

海外のフロントエンド界隈で話題になっているSvelte 最近海外のフロントエンド界隈でSvelteが少し話題になっています。 この記事では、なんでSvelteが話題になってるのか、そしてReactやVueの代わりに、Svelteを使うメリットについて私が感じたことを共有していけたらと思います。 My talk from @YGLF_IL, 'Rethinking R...

はてなブックマーク - ReactとVueを改善したSvelteというライブラリーについて - Qiita はてなブックマークに追加

Vueの秘密のパフォーマンステク9選紹介 – Qiita

Vueの秘密のパフォーマンステク9選紹介 - Qiita

Vueの秘密のパフォーマンステク9選紹介 - Qiita

VueConf USでのさまざまな発表 今年の3月に VueConf US が開催されました。最近になってビデオが公開されて初めて知ったこともあるので本記事ではその紹介をします。 https://www.vuemastery.com/conferences/vueconf-us-2019/state-of-vuenation/ いろいろ面白いトピックがあるのですが、特にVueコアチームのGuillaume ...

はてなブックマーク - Vueの秘密のパフォーマンステク9選紹介 - Qiita はてなブックマークに追加

Vue.js+Vuex+TypeScriptのWebフロントエンド開発現場を前向きに改善した話 – ZOZO Technologies TECH BLOG

Vue.js+Vuex+TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO Technologies TECH BLOG

Vue.js+Vuex+TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO Technologies TECH BLOG

こんにちは。Webフロントエンドエンジニアの松井菜穂子です。 ZOZOテクノロジーズに入社して一年ほど経ちます。 あるサービスの立ち上げから運用まで、Webフロントエンドのチームリーダー・開発メンバーとして関わってきました。 当記事では、当社のWebフロントエンド開発現場にあった問題と、それぞれの課題に対して堅...

はてなブックマーク - Vue.js+Vuex+TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO Technologies TECH BLOG はてなブックマークに追加

【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) – Qiita

【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita

【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita

はじめに Vue.jsを使用したアプリケーションでのWeb API呼び出しのデザインパターンについて調べてみました。 しかし検索して出てくるチュートリアルやサンプルはコンポーネント内でaxiosをインスタンス化していたり、Vuexの中でaxiosを使用するというサンプルが多数見受けられました。しかし実際のプロダクトでこれをし...

はてなブックマーク - 【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita はてなブックマークに追加

TypeScript + Vue.jsでのフロントエンド開発 – razokulover publog

TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog

TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog

最近webアプリ(RailsのviewでVue.jsを使ってる感じの部分)をフロントエンドだけ切り離してリライトする業務をやった。 他の業務と並行で進め、実装からリリースまでの期間は大体営業日換算で2週間ちょいくらい。 バックエンドのAPIなどはすでに開発済みのものを使えたので純粋にフロントエンドのみ。 途中、既存の動いて...

はてなブックマーク - TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog はてなブックマークに追加

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips – Qiita

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、...

はてなブックマーク - 2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita はてなブックマークに追加

Vue.jsとAWSでつくる、シングルページの家計簿アプリ – Qiita

Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita

Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita

概要 作ったもの 最近お金が減るのが早くなった気がしたので、家計簿をつけようと思い立ちました。アプリをダウンロードしてきてもよいのですが、せっかくなので自分で作ることにしました。 タブレット、スマホ、パソコンのどれでも見れるようレスポンシブ対応を行ったのですが、タブレット(iPad)からみると以下の画像の...

はてなブックマーク - Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita はてなブックマークに追加

Vue.jsとAWSでつくる、シングルページの家計簿アプリ – Qiita

Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita

Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita

概要 作ったもの 最近お金が減るのが早くなった気がしたので、家計簿をつけようと思い立ちました。アプリをダウンロードしてきてもよいのですが、せっかくなので自分で作ることにしました。 タブレット、スマホ、パソコンのどれでも見れるようレスポンシブ対応を行ったのですが、タブレット(iPad)からみると以下の画像の...

はてなブックマーク - Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita はてなブックマークに追加

次世代の管理画面を作るフロントエンドの取り組み – BASE開発チームブログ

次世代の管理画面を作るフロントエンドの取り組み - BASE開発チームブログ

次世代の管理画面を作るフロントエンドの取り組み - BASE開発チームブログ

フロントエンドエンジニアの松原(@simezi9)です。BASEでは現在ショップ向けの管理画面をリニューアルするプロジェクトが進んでいて、UI/UXの更新と同時に創業当時から継ぎ足して作ってきたフロントエンドの技術スタックを一新しようとしています。この記事では、具体的にそのフロントエンドの更新でどのようなことに取り...

はてなブックマーク - 次世代の管理画面を作るフロントエンドの取り組み - BASE開発チームブログ はてなブックマークに追加

VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 – Qiita

VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita

VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita

絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね?」と危機を感じたので0から作り直しました。 サイト: https://pf.nekobooks.com/ ソース: https://github.com/yune...

はてなブックマーク - VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita はてなブックマークに追加