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

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 Fes Japan 2019 開催中止をふりかえる – 彼女からは、おいちゃんと呼ばれています

Vue Fes Japan 2019 開催中止をふりかえる - 彼女からは、おいちゃんと呼ばれています

Vue Fes Japan 2019 開催中止をふりかえる - 彼女からは、おいちゃんと呼ばれています

台風19号の接近に伴い、昨日、Vue Fes Japan 2019 の開催中止を発表した。人生のなかでこれほど台風の情報を見たことはないだろう。まだまだやることはたくさん残っているけれど、中止の決断について記憶が新しいうちにメモしておきたい。いつかまた重要な局面に立ったときに役に立つかもしれないので。 ※ただし、ここに...

はてなブックマーク - Vue Fes Japan 2019 開催中止をふりかえる - 彼女からは、おいちゃんと呼ばれています はてなブックマークに追加

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

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

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

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

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

Vue・React・Angularのパフォーマンス比較検証 – ICS MEDIA

Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA

Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA

ウェブのフロントエンド開発に役立つライブラリとして、VueとReact、Angularがよく取り上げられます。これらのライブラリは、SPA(シングルページアプリケーション)の開発に役立つ多くの機能を持っています。 フレームワークを選定するには、「人気だから使う」という短絡的な理由で選択をするのは望ましくありません。...

はてなブックマーク - Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA はてなブックマークに追加

レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10 – Speaker Deck

レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10 - Speaker Deck

レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10 - Speaker Deck

レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10

はてなブックマーク - レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10 - 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 はてなブックマークに追加

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 はてなブックマークに追加

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 はてなブックマークに追加

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ – Qiita

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita

まず初めに phina.jsだけで完結できるところを、 あえて Nuxt.jsをかぶせて作ってます。 できたクリッカーゲームがこちら↓ 鬼姫無双-ONIHIMEMUSO- 最終的に使ったモノ ゲームライブラリ:phina.js フレームワーク:Nuxt.js データ:Firebase「Cloud Firestore」 サーバー:Heroku CDN:Cloudinary WebPush:OneSignal ド...

はてなブックマーク - Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita はてなブックマークに追加

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ – Qiita

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita

まず初めに phina.jsだけで完結できるところを、 あえて Nuxt.jsをかぶせて作ってます。 できたクリッカーゲームがこちら↓ 鬼姫無双-ONIHIMEMUSO- 最終的に使ったモノ ゲームライブラリ:phina.js フレームワーク:Nuxt.js データ:Firebase「Cloud Firestore」 サーバー:Heroku CDN:Cloudinary WebPush:OneSignal ド...

はてなブックマーク - Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita はてなブックマークに追加

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる – SMARTCAMP Engineer Blog

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

デザイナー兼エンジニアの葉栗です! スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie という...

はてなブックマーク - Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog はてなブックマークに追加

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる – SMARTCAMP Engineer Blog

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

デザイナー兼エンジニアの葉栗です! スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie という...

はてなブックマーク - Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog はてなブックマークに追加

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 はてなブックマークに追加

WordPressをやめ、静的サイトジェネレーターで高速化した話 – ICS MEDIA

WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA

WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA

ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で...

はてなブックマーク - WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA はてなブックマークに追加

なんとかPay – 好きなPayを発行して自由に送金

なんとかPay - 好きなPayを発行して自由に送金

なんとかPay - 好きなPayを発行して自由に送金

なんとかPayは、誰でも自由にPayを発行できる最新のサービスです。 作成したPayは、QRコードを利用して個人間で送受信に利用できます。 4月1日に誕生しました。 楽しみ方と注意点 をよく読んでご利用ください。

はてなブックマーク - なんとかPay - 好きなPayを発行して自由に送金 はてなブックマークに追加

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 はてなブックマークに追加

SPA フルリニューアル計画における技術選定や設計思想(2019年2月版) – 30歳からのプログラミング

SPA フルリニューアル計画における技術選定や設計思想(2019年2月版) - 30歳からのプログラミング

SPA フルリニューアル計画における技術選定や設計思想(2019年2月版) - 30歳からのプログラミング

SPA のフルリニューアルを技術選定や設計からやることになった。 前回の記事も、そのために検討や調査を行っている際に生まれた副産物をまとめたものだ。 目指すべきは変更しやすいシステムであり、そしてそれは、堅牢性を実現することで達成されるはずだという結論に至った。 numb86-tech.hatenablog.com 今回の記事で...

はてなブックマーク - SPA フルリニューアル計画における技術選定や設計思想(2019年2月版) - 30歳からのプログラミング はてなブックマークに追加

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 はてなブックマークに追加