1. suin

    Posted

    suin
Changes in title
+YYPHP#24 イベントレポート「LaravelとVueをどう設計しているか?Vuexで楽になる部分は?便利なライブラリありませんか?」
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,93 @@
+これは2018年1月24日に開催したPHPerイベント[YYPHP#24]のイベントレポートです。
+
+[YYPHP]は一言で「PHPerの部室」です。PHPについて、雑に、ゆるく、ワイワイ話し合う集いです。毎回お題を決めずに雑談を出発点にいろいろなことを突発的にやります。集まった人でコードリーディングをすることもあれば、一緒に開発ツールを触ってみたり、フレームワークについての情報交換をすることもあります。開催は**毎週**水曜19:00に高田馬場にて。
+
+[YYPHP#24]: https://yyphp.connpass.com/event/75859/
+[YYPHP]: https://yyphp.connpass.com/
+
+## 参加者
+
+* 12名
+* PHP歴の分布
+ * 10年〜: 2名
+ * 5〜9年: 4名
+ * 2〜4年: 2名
+ * 1年: 1名
+ * 1年未満: 2名
+* Vue歴の分布
+ * だいたいみんな1年以内
+
+## LaravelとVueをどう設計しているか?
+
+* 基本はLaravelで画面を作る
+* ダイナミックな画面はVue.jsを使っている
+ * LaravelのWeb APIを叩く
+ * Vue.js専用のAPIを用意している
+* JSの部分はすべてVue
+* Vue.jsに引っ張られたAPI設計にはなりにくい
+* 認証セッションタイムアウトの対処
+ * axiosでPromise.rejectが返ってきたらログインページに飛ばす
+* 初期ロードを早くするには?
+* API設計
+ * REST
+ * GraphQL
+ * GraphQL元年 2018年
+ * [GraphQL](http://graphql.org/)
+ * 早くなる? → あんまり変らない
+* Laravel 5.5へのアップグレード
+ * [アップグレードガイド 5.5 Laravel](https://readouble.com/laravel/5.5/ja/upgrade.html)
+ * [Laravel5.3から5.4にあげたときにHTTPS強制でエラー - Qiita](https://qiita.com/sawadashota/items/79b74592b7d9800868f8)
+* Vue.jsからのアクセス判定
+ * モバイルからのリクエストを区別したい
+
+## Vuexで楽になる部分は?
+
+* [Vuex とは何か? · Vuex](https://vuex.vuejs.org/ja/intro.html)
+* アプリの状態管理ツール
+* ReactのReduxのようなもの
+* Fluxアーキテクチャ
+* 状態の集中管理
+* ないと
+ * コンポーネントごとが状態を持つことになる
+ * デバッグしずらい
+* 小規模すぎると、オーバーアーキテクチャになるかも
+* [championswimmer/vuex-persist](https://github.com/championswimmer/vuex-persist): A Vuex plugin to persist the store.
+* Smart componentとdumb component
+ * [Smart and Dumb Components in React | Jake Trent](https://jaketrent.com/post/smart-dumb-components-react/)
+* MVC
+* Web MVC
+* MVVM
+* MVW
+
+## 便利なライブラリありませんか?
+
+* みんなのpackage.json見せ合う
+* [Element UI](http://element.eleme.io/#/en-US)
+* [Vue JS devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=ja) → Chrome拡張
+* axios
+* [Buefy: lightweight UI components for Vue.js based on Bulma](https://buefy.github.io/#/)
+* [Bulma: a modern CSS framework based on Flexbox](https://bulma.io/)
+* Babel
+* [Ramda Documentation](http://ramdajs.com/)
+* [vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js](https://github.com/vuejs/awesome-vue)
+* [Vue.js Newsletter | Revue](https://www.getrevue.co/profile/vuenewsletter)
+* [Vue.js Developers](https://vuejsdevelopers.com/)
+* [Bootstrap Vue](https://bootstrap-vue.js.org/)?
+* [Quasar Framework](http://quasar-framework.org/)
+* [Nuxt.js - ユニバーサル Vue.js アプリケーション](https://ja.nuxtjs.org/)
+* [MetinSeylan/Vue-Laravel-Validator: Laravel validation error handler for vuejs](https://github.com/MetinSeylan/Vue-Laravel-Validator)
+
+## jQuery中心の社内にどうVueを広めていくか?
+「俺が全部Vueで書く!」と宣言する
+
+## その他
+
+* [Node-REDで照明に特化したDALI APIと連携するナレッジをウフル社と共有しました | enebular blog](http://blog.enebular.com/dali/node-red-flow-dali-api-first-contact_01/)
+
+
+
+## YYPHPは毎週やってます
+
+PHPについてワイワイ話したい方は、[YYPHPのイベント情報](https://yyphp.connpass.com/)をチェックしてみて下さい。
+
+以上、YYPHPのレポートでした。次回もワイワイやっていきたいと思います! では、また来週!