Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (1) イントロダクション | Hypertext Candy
はじめに 対象者 JavaScript / Vue.js / PHP / Laravel の入門レベルの方、入門書を読んだあとに「何か作ってみたい」という方が、それぞれの知識を組み合わせて本格的なアプリケーションを開発できるようになることを目指しています。 上記のいずれかの知識がまったくない状態だとこのチュートリアルの内容は少し難しいかもしれません。チャレンジするのもいいですが、参考文献に挙げた市販の入門書か、関連記事のチュートリアルを先に読んでおくと理解しやすいと思います。 学べること Vue.js と Laravel を組み合わせて SPA を構築する方法 SPA におけるクッキー認証と CSRF 対策 Vue Router を使用した画面遷移 Vuex を使用した状態管理 Vue でのタブやローディング UI の表現 SPA におけるエラー処理 扱わないこと デザインと CSS コー
Vueを昔触った後Reactをどっぷり触ってもう一回Vueを触ってReactに戻って得た感想
最近ReactとVueをどっちも触る機会があったり、「ReactとVueどう選定するの？」という問いを投げられ、スッと答えられなかったな、と後悔があったりしていたので、Vueを触って得られた感想をまとめてみる。 結論としてなにか新しいことを発見したというものではなく、世間で言われている事を自分なりに再構築しただけの結論になったと思う。 TL; DRVueからは全体的に優しさ（Gentleさ）を感じる事が多く、良い点だと感じた大規模になるときReactの堅牢さは魅力的。Vueが大きくなった時に支えられ設計が出来るかは個人的には懐疑的。「こうだったらVue、こうだったらReact」みたいな分岐点があるというわけではないので、最終的には好みになってくると思う。ぞうさんが好きかきりんさんが好きか。これまでのフレームワーク遍歴今回の話をするにあたって、僕と各フレームワークの付き合いをまとめておくと、
Vue.js 2017年まとめ & 今後
Vue.js 2017年まとめ & 今後この記事は、Vue.js #1 Advent Calendar 2017の25日目最後の記事です。 Vue.js 2.0 のリリースされた2016年10月から1年以上経過しました。今年はメジャーリリースは特にありませんでしたが、バグ対応、機能追加そして改善を通じて着実にのリリースを積み重ねて進化してきました。 この記事では、2017年の Vue.js 界隈における状況、出来事をまとめつつ、最後に Vue.js の今後について紹介して、4つもある Vue.js アドベンドカレンダの最後を締めくくりたいと思います。 Stats2017年 Vue.js はどうであったか。Stats を色々見ていきましょう。 まずは、Google Trend から。 2016年と比較して、2017年は常に人気が高い状態が続いているのがわかります。 次に、The State
Vue.js のUIライブラリ Element をCDNで「日本語で」使う - Qiita
Element (element-ui) について Element (element-ui) はVue.jsで使用するUIコンポーネント集です。jQueryに対するjQuery UIのようなものだと思ってもらえてばだいたい合っていると思います。 この記事のテーマ Elementは（そもそもVue.js自体がそうですが）、npmコマンドで使うのが一般的で、CDNでの使い方に関する情報はあまりありません。しかもCDNでは公式サンプル通りにやると中国語が表示されてしまいうまく日本語化できません。そこで簡単なサンプルを作ってみました。 ターゲットとしてはWebアプリというよりはWebサイト寄りのプロジェクトに対して「jQueryの代わりにVue.jsを使いたい」という方を想定しています。このサンプル自体はそれほど意味のあるものではありませんが、どのように書けばよいのかがわかれば参考になるかなと思い
Vue.js Tokyo v-meetup #6まとめ - #がみぶろ
Vue.js Tokyo v-meetup #6に参加したので、その内容についてまとめました！ イベント自体の詳細は、こちら！ vuejs-meetup.connpass.com セッション枠1: Future of Vue.js @kazu_pon 資料 speakerdeck.com 自己紹介 Vue.jsコアチームメンバー 爆発した2017年 Google Trendで2016/10にReactを抜いた GitHub Starsも、reactに近づく VueConf2017が開催@ポーランド v2.2〜2.5の4つのリリース v2.2: SSR改善/エラーハンドリング改善 v2.3: SSR改善/非同期コンポーネントの改善/関数型コンポーネントの改善 v2.4: SSRのフル対応/容易なラッパーコンポーネントの作成サポート(inheritAttrsなど)/パフォーマンス改善 v2.5
プロダクトに 1 から Vue.js を導入した話
勉強会「マーケティング事業の開発現場でリアルに使われるJS事情」の発表資料です。 https://connpass.com/event/68449/Read less
【資料あり】Vue.js 入門の勉強会の講師をやってみた - s平面の左側 - s平面の左側
少し前になるが、Vue.js に関する勉強会の講師というものをやってみた。 そのときに使用した資料がこちら。 github.com 私自身フロント側のプログラムなんて全然触ってきていないし、Vue.js についても個人的に数日触っただけだが、 触ってみたときにはかなりの感動があったし、私と同じレベル感で Vue.js（あるいはJSフレームワーク）に興味はあるけど触る機会を得られていない人も結構いるのではないかと思ってこのテーマを選んだ。 心がけたこと 準備をするにあたって以下の3点を意識した。 実際に手を動かしてもらう内容にすること どの環境でもすぐに動かせること 参加者の期待値を調整しておくこと 実際に手を動かしてもらう内容にすること 普段勉強会に参加していて思うのは、話を聞くだけでは「わかった気になる」だけで何も身にもつかないよなぁ、ということ。 もちろん優秀な人というのは得た知識につ
Vue2.x系のハマりどころ templateとコンパイラを完全解説するよ
Vue2.xでは仮想DOMが使われるようになりました。それに伴い、Vue用のテンプレートを仮想DOMをレンダリングするための関数に変換するという処理をコンパイル時に行ってくれる仕組みが組み込まれています。 そして、お手軽にVueを試したい人、プロダクトにVueを使いたい人、コンポーネント志向でアトミックに実装したい人など、様々な用途に応じたテンプレートの書き方(＆コンパイルの方法)を用意してくれています。 そのためテンプレートの書き方とコンパイルの種類については仕様がやや複雑で、公式ドキュメントだけでは理解が難しくけっこうハマりどころだと感じている(事実ずっぽりハマりました)ので、知見を残しておこうと思います。 ※この記事を書いている時点でのVueのバージョンは2.2.1です。 おさらい Vue.jsの利用方法3パターン 1. Vueを<script>タグで埋め込む方法 2. Vue CL
Vue.jsとjQueryを使った時の違いについて考えてみる。 - 日頃の行い
この記事は Vue.js Advent Calendar 2014 - Qiita の21日分として書かれています。 めっちゃ遅れました。すみません(´・ω・｀) 今、管理画面にVue.jsを使うか、React.jsを使うか、その他を使うか悩んでるので、この機能が便利かどうかを確認してみようかと思います。 最近ほんとにHTMLを書きたくないです。 最低限のテンプレートを定義して、データのモデルを渡したら描画してくれるような感じがいいです。 なので、フロントサイドのjsフレームワークを何か試したいと思いました。 データを表示するくらいならjQueryでもよくね。って思いが拭えないので、ちょっと考えてみようかと思います。 テーマはよくあるTODO一覧を表示するアプリです。 こんなアプリを書く時に楽かどうか考えてみたいです。 jQuery まずは、jQueryで書いてみようかとともいます。 Vi
Vue.jsを実案件で使ってみて感じた、いいところとつまったところ（解決策あり） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンジニアのまろCです。 実家に帰省するたびに、大体同じメンバーと再会しています。さて、年が明けてから時間が経ってしまいましたが、昨年関わった案件でVue.jsを導入したので、今回はその所感をまとめてみました。 Vue.jsとは まずは、公式サイトでどんな説明がされているのか、確認してみましょう。 モダンな Web インタフェース向けのリアクティブコンポーネント Vue.js公式サイト：http://jp.vuejs.org 非常にシンプルですね！ データバインディングに機能が絞られているため、フルスタックのフレームワークより学習コストは低いです。公式サイトは日本語対応されており、事例コンテンツもあるので、気になった方はのぞいてみてください。 なぜVue.jsだったか Vue.jsを導入した案件の概要が下記のとおり。 案件概要 開発期間が短い フロントエンド、バックエン
vue-resource の引退について — Vue.js
Nov 3, 2016 このブログはこちらの翻訳ブログです。 Vue のユーザーとして、皆さんの多くが使用している可能性がある vue-resource は Vue アプリケーションでの ajax リクエストを処理するためのものです。 長い間それは Vue 用の「公式」ajax ライブラリとして考えられてきましたが、本日私たちはそれを公式推奨という状態から引退させました。 vuejs organization のもとに列挙されているものの、vue-resource はほぼ完全に PageKit チームによって書かれ、保守されてきました。 私たちが初期の頃 vuejs organization にそれを移したのは、コミュニティが本質的な問題を解決するためのライブラリを寄付することは良いことだと思ったからで、また私たちは PageKit チームがプロジェクトに投下したすべての作業に大いに感謝し
jQueryはもうしんどい…フレームワーク初心者ならVue.jsから始めてみたら？
jQueryは超便利。でも、ちょっとアプリっぽいものを作るには見通しも悪いし、後々のメンテナンスも大変…。Angunlar.jsやReact.jsよりもシンプルで触りやすい、Vue.jsから始めてみてはいかが？ 2016年7月21日：記事更新。Vue.js 1.0.xをカバーし、コンポーネント部分を追加しました。 Vue.jsは、MVVM（Model-View-ViewModel）アーキテクチャパターンを使用したWebアプリケーションの組み立てを助けてくれるJavaScriptライブラリーです。はじめはAngularJSとよく似ていると思いましたが、一度使ってみるとVue.jsはシンプルで使いやすいだけでなく、フレキシブルであることにも気づきます。 今回は初心者向けの記事として、Vue.jsの基本コンセプトと重要な特徴を含めた全体像を説明します。 Vue.js 1.0.xはいくつかシンタッ
はじめに — Vue.js
最終更新日: 2020年11月7日 Vue.js とは？Vue (発音は / v j u ː / 、 view と同様）はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可能です。 あなたが Vue についてもっと深く学ぶ前に概要を知りたいのなら、中核となる原則とサンプルプロジェクトを元に説明するビデオを作成しているので、それを見るとよいでしょう。 あなたが経験豊富なフロントエ
React、Angularになじめなかった僕に手を差し伸べてくれたVue.js - Qiita
ギークハウス Advent Calendar 2016の12月２２日の記事です。 他の方とは、全然違う雰囲気になってしまいましたが、読んでいただけると幸いです。 なぜVue.js？？ 普段の仕事では、Ruby/Railsなので、フロントエンド周りは、jQueryにCoffeeScriptで片手間感覚... ↓ しかし最近のフロントエンド界隈は、良くも悪くも盛り上がっていて楽しそうだなあと思う日々。 ↓ いろいろ、ググって調べてみると、ES6、Babel、Reactふむふむ...🤔 ん？？ Webpack? JSX?? Flux?? Redux?? 「落ち着け！とりあえず日本語でOK」状態。。正にこの記事で書かれている状態そのものでした。 ↓ Reactとかでイケてるフロントエンド開発をちょっと試したいと思っても、BabelやWebpackの設定など環境構築でつまづき、肝心のアプリケーショ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まもなくやってくる Vue.js 3
Vue.js Tokyo v-meetup #6 (2017/12/13 18:30〜)
Element
10年前のレガシーシステムをVue.js TypeScript Elementでフルリニューアルしている話 #vuejs_meetup6