グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing

2017/12/04 831 users SVG コンポーネント Advent Calendar 下記

2017 - 12 - 04 グリグリ動くUIをVueとSVGでサクッと書く これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。 SVG で色々な コンポーネント を作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんど SVG とVueの組み合わ... 続きを読む

現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti｜note

2020/03/29 743 users ウェブアプリケーション React angular Java

この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなく... 続きを読む

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

2019/01/14 629 users Qiita CSRF Laravel Vuex ローディング

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

Vueを昔触った後Reactをどっぷり触ってもう一回Vueを触ってReactに戻って得た感想 –

2018/04/01 560 users React 世間 結論 後悔 機会

Vueを昔触った後Reactをどっぷり触ってまたVueを触ってReactを触った感想 最近ReactとVueをどっちも触る機会があったり、「ReactとVueどう選定するの？」という問いを投げられ、スッと答えられなかったな、と後悔があったりしていたので、Vueを触って得られた感想をまとめてみる。 結論としてなにか新しいことを発見したというものではなく、世間で言われている事を自分なりに再構築しただけ... 続きを読む

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

2020/01/04 551 users Qiita React TypeScript DOM 概念

なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript +... 続きを読む

ReactとVueってどう違う？全く同じアプリをReactとVueで作成してみて分かった相違点 | コリス

2018/09/06 551 users React コリス 工程 相違点 元ザ

日常的にVueを使用している開発者が、Reactはどうなのだろうと思い、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 I created the exact same app in React and Vue. Here are the differences. 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サ... 続きを読む

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

2020/01/29 542 users Qiita リッチテキストエディタ ソーシャルサービス

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

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

2019/10/17 507 users React コリス 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(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 480 users jQuery React Nuxt NEXT 暇つぶし

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

今からVue.jsを始める人のための「知るのを後回しにしてよい」n個のこと - Qiita

2020/03/06 478 users Qiita Problem 後回し Vue.js 自称

Help us understand the problem. What is going on with this article? ＊この記事は2020年3月頭に書かれている記事です どうも、Vueはいいぞおねーさん(自称)です。 Vue.jsは私に言わせるととてもよいフロントエンドフレームワークであり、その理由の一つにプログレッシブフレームワークである(段階的に利用する機能を... 続きを読む

やわらかVue.js - Scrapbox

2018/03/25 415 users Scrapbox テンプレートエンジン Vue.js 書籍

やわらかVue.jsについて / 迷わないVueの学び方 / イベント情報 / テンプレートエンジンとVueの組み合わせ方 / VueのCDN版を使おう / とにかく助けて欲しい！誰か教えて！ / 書籍 / フロントエンドを気楽に歩こう / 小規模以上のWebアプリ開発に使えるの？ / .vueファイルを使う前に習得したほうがいいこと / サーバサイ... 続きを読む

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

2019/07/06 408 users Qiita 道しるべ フロントエンド 興味 勉強方法

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

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

2019/05/15 406 users Qiita

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

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

2020/07/16 400 users Qiita コンポーネント Tips TypeScript

リポジトリはこちらから見れます. https://github.com/kahirokunn/vue-ts-sample Vue.js + TypeScriptの対応状況は日々改善されています. 以前までは.vueを利用してもVue.extendを利用してコンポーネントを開発する場合はこのシンプルなコードでも型のエラーが出てしまい、TypeScriptでの開発体験はまだまだ改善できるも... 続きを読む

「Angular」「React」「Vue」の3大フレームワークに集約　ICSの代表が教える「フロントエンド技術」のトレンド - ログミーTech

2021/01/26 399 users ユーザーインターフェイス ICS React angular

「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ... 続きを読む

jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード（基礎編）

2023/01/23 357 users jQuery React Svelte 構文 jQuery使い

なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ず... 続きを読む

ReactとVueのどちらを選ぶか

2018/06/16 356 users React Java 結論 高いライブラリ メリット

主に非Web系のバックエンド開発者(C/C++, Java, Python等を使用)がReactとVueをそれぞれ簡単に触れて、感じたメリット、思ったことなどをまとめています。 色々と書いてますが、どちらも完成度の高いライブラリ/フレームワークですね。 結論 JavaScript等にあまり深入りせずにWebアプリを簡単に書きたい、あるいは効率的に書くことが目的であればVueの方がお勧めです。しかし... 続きを読む

2018 年は Hyperapp の年だ - Qiita

2017/12/27 348 users Qiita React Preact hyperapp web

この投稿は Increments Advent Calendar 2017 の14日目の記事だった。 Hyperapp という JavaScript ビューライブラリを自作しているので、その説明と作った理由について話す。 Hyperapp とは？ Web アプリのフロントエンド用 JavaScript ライブラリ。React, Preact, Vue といった代表的なものよりもずっと小さく、1 K... 続きを読む

Vueでもっと幸せになりたいあなたへ。VueのUIコンポーネントライブラリVuetifyのススメ - KAYAC engineers' blog

2018/12/11 320 users KAYAC engineers ススメ Blog あなた

どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 KAYAC Advent Calendar 2018の12日目の記事を担当します、今年1月に中途入社しましたエンジニアのたがみです。 前職ではサーバーサイドのSEとして業務系のwebアプリを開発したり運用したりしていましたが、今はクライアントワークのフロン... 続きを読む

社内管理画面を Vue + Go で作る - Gunosy Tech Blog

2018/10/05 302 users Rails Gunosy GOA Atomic Design

広告技術部のUTと呼ばれている @mocyuto です。 普段は広告配信のバックエンドを主に担当しています。 今回は社内管理画面を作った話をお伝えしたいと思います。 はじめに 設計 バックエンド goa 構成 フロントエンド 構成 TypeScript Vuex Atomic Design まとめ はじめに Gunosyの管理画面ではRailsが多いですが、社内... 続きを読む

TypeScriptでVue.jsを書く – Vue CLIを使った開発のポイントを紹介

2018/08/18 300 users TypeScript Vue CLI Vue.js 生成 開発

2018年8月11日に新しいメジャーバージョンとなるVue CLI 3.0がリリースされました。Vue CLI 3では、公式にTypeScriptをサポートし、 TypeScriptを利用する新規プロジェクトの生成に対応しました。これはつまり、Vueをこれまでの（憎き？）オブジェクトリテラル構文ではなく、TypeScriptによる見通しの良いクラス構文で書... 続きを読む

最近のフロントエンドのコンポーネント設計に立ち向かう - Qiita

2018/04/01 250 users Qiita コンポーネントベース コンポーネント設計 カオス

ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。 コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をす... 続きを読む

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

2019/01/29 226 users ポートフォリオサイト Qiita Vuex ポートフォリオ

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

中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC engineers' blog

2017/12/24 226 users SPA KAYAC engineers React カヤック

2017 - 12 - 24 中〜大規模なSPAを開発する時に抑えておきたい10のポイント AdventCalendar2017 react vue javascript こんにちは。カヤックのSPAおじさんこと 島津 です。 今年はReactとVueを使ったSPA開発プロジェクトをいくつか担当してきたので、そこで得た知見の総まとめをしたいと思います。 ※ ここでのSPAとはすべてのViewをJa... 続きを読む

Reactを使うのかVueを使うのかについて個人的なモチベーションを整理したかった

2022/03/28 216 users React モチベーション 執筆時点 前提条件 変化

本記事はあくまで執筆時点(2022/3/27)での一意見でありますので、今後時間や技術的な変化により参考にならない部分も出てくるかもしれません。 Reactはいいぞ、Vueはいいぞと様々な情報が世の中には溢れているものの、「こういう場合には」という前提条件にあまり言及されていない情報が多いような気がしたので自分なり... 続きを読む