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

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

Firebase、そろそろ触っとかないとやばいんかな?と思っているあなたのための超基本Firebaseの勉強に役立つサイトまとめ – かとのぼダイアリー

Firebase、そろそろ触っとかないとやばいんかな?と思っているあなたのための超基本Firebaseの勉強に役立つサイトまとめ - かとのぼダイアリー

Firebase、そろそろ触っとかないとやばいんかな?と思っているあなたのための超基本Firebaseの勉強に役立つサイトまとめ - かとのぼダイアリー

Firebaseは、Googleが運営しているBaas(Backend as a Service)です。最近人気のサーバレスアプリケーションが簡単に作れることで有名です。ちなみに「サーバレス」とは、別にサーバーを使わないという意味ではなく、サーバーを意識しないで開発できることを言います。 今回、Firebaseの知見がだいぶ集まってきたので、今...

はてなブックマーク - Firebase、そろそろ触っとかないとやばいんかな?と思っているあなたのための超基本Firebaseの勉強に役立つサイトまとめ - かとのぼダイアリー はてなブックマークに追加

次世代の管理画面を作るフロントエンドの取り組み – 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 はてなブックマークに追加

Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう – Qiita

Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita

Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita

はじめに 質問箱や、ボタンメーカー、診断メーカー等を始めとする 「OGP画像生成系」 を 2個以上作ってそれのベストプラクティスがわかってきたので、共有したいと思います。 OGP画像生成系サービスとは? 質問箱 みんなのボタンメーカー (。・ρ・)オシテミテ キズナアイな気分のときに押すボタンを作りました!みんな押して...

はてなブックマーク - Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita はてなブックマークに追加

Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう – Qiita

Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita

Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita

はじめに 質問箱や、ボタンメーカー、診断メーカー等を始めとする 「OGP画像生成系」 を 2個以上作ってそれのベストプラクティスがわかってきたので、共有したいと思います。 OGP画像生成系サービスとは? 質問箱 みんなのボタンメーカー (。・ρ・)オシテミテ キズナアイな気分のときに押すボタンを作りました!みんな押して...

はてなブックマーク - Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita はてなブックマークに追加

Vueを学び、SPA対応のポートフォリオサイトを自作するまでの道のり – Qiita

Vueを学び、SPA対応のポートフォリオサイトを自作するまでの道のり - Qiita

Vueを学び、SPA対応のポートフォリオサイトを自作するまでの道のり - Qiita

昨日1/28にVue, Vuex, Vue Routerを使って、SPA対応のポートフォリオサイトを自作しました!ここまで形になったこと、本当に嬉しかったです。 自作ポートフォリオサイト もともと1週間でVue.jsを使ったポートフォリオを作った記事をみて、「すげぇ…自分もVueでポートフォリオサイト作成を第一目標にしよ!」と思ったんで...

はてなブックマーク - Vueを学び、SPA対応のポートフォリオサイトを自作するまでの道のり - Qiita はてなブックマークに追加

Vue + Vue Router + Vuex + Laravel チュートリアル(全16回)を書きました。 – Qiita

Vue + Vue Router + Vuex + Laravel チュートリアル(全16回)を書きました。 - Qiita

Vue + Vue Router + Vuex + Laravel チュートリアル(全16回)を書きました。 - Qiita

学べること Vue.js と Laravel を組み合わせる ルーティングライブラリ Vue Router を取り入れる 状態管理ライブラリ Vuex を取り入れる タブやローディングを作る Vue.js + Laravel の構成でクッキー認証と CSRF 対策を行う SPA でエラー処理を行う こんな人に読んでほしい Vue や Laravel について、 入門書を読んだあ...

はてなブックマーク - Vue + Vue Router + Vuex + Laravel チュートリアル(全16回)を書きました。 - Qiita はてなブックマークに追加