Laravel + Vue.jsでサービスを作成＆運営してみて

Laravel + Vue.jsでサービスを作成＆運営してみて

1. Laravel + Vue.jsでサービスを作 成＆運営してみて
2. 自己紹介 Twitter: dala00 個人で色々とサービスを作っている（今年は５つ＋ α） PHPメインだけどNode.js、Elixir、Firebase等何でも使ってリリースしたりする 普段人と話さないので、思いがけず普段脳内で言っているようにヌクストと言ってしまうかもしれません。ごめん なさい
3. 作ってみた構成例 • Laravel + Vue.js (JS) ← 今回はこれの話 • Elixir + Phoenix (JS) • Laravel + Vue.js (TS) • Nuxt.js + Express (TS) • Nuxt.js + Firebase (TS)
4. 作ったもの CrieitというQiitaのようだけど ポエムでも何でも書ける記事投稿サービス • Laravel • Vue.js • Bootstrap Material Design (jQuery)
5. なぜVue.jsを選択したのか • 何度か使ったことがあって使いやすいと思った（コンポーネントの配置が簡単なのが良い） • React + Reduxは個人開発では重いと感じていた • Laravelにデフォルトで入っているから結構世界的にも人気がある？　と感じた（実際には一時期流行って 主にReactの方が人気がある？） • ネットを見てもかなり流行っていたため（ 2017年のQiitaのAdvent Calendarのカレンダー数が#4まで あった） • 当時はNuxt.jsを使ったことがなかったため、選択しなかった。今だったら Nuxt.jsを使うと思う。
6. 実際に使った箇所
10. 使ってみてどうだったか
11. インストール後すぐ使えすぐ開発を進められる • Laravelに最初からpackage.jsonとサンプルコンポーネントが入っている • yarn run hotでホットリローディング • とにかくなんの準備もなくすぐ簡単に開発開始できて良い
12. Laravel Mixが楽 • 何も設定しなくても動くので簡単 • mix.webpackConfigでWebpackの設定も拡張できる • tsにすればTypeScriptを使える • mix.version()でバージョニング
13. 使ってみてどうだったか • インストール後すぐ使えるしすぐ開発を進められて良い • Laravel Mixで設定も簡単 ◦ いちいちWebpackの設定を一からやる必要がない ◦ バージョニング ◦ TypeScriptに変更 • サーバーサイドレンダリングが不要なアプリケーションであればこれで十分
14. • サーバーサイドレンダリングができない ◦ JavaScriptのMarkdownエディタとセットの Viewerを使っているので本当は SSRしたい ▪ SSR用にPHP側でも同じ様なロジックを入れていて辛い。 JS側に統一したい ▪ Nuxt.jsに変えたいけど工数かかって辛そう。最初から Nuxt.jsにすべきだった • TypeScriptにすべきだった ◦ たくさんカンマ入れなきゃいけないのが辛い ◦ @Prop使いたい 使ってみて辛かったところ
15. 普段の運用 • yarn run prodでリリースビルド • commitしちゃう • 本番で不具合があった時一瞬で戻せる（ビルド不要） • 本番でNode動かす必要がない 個人開発だったらこれで十分 これはNuxt.jsでなくVue.jsを使っている場合のみのメリット
16. まとめ • SSR不要ならLaravel + Vue.jsは良い選択肢 • SSR必要ならNuxt.jsを最初から使ったほうが良さそう • TypeScriptは最初から使っておいたほうが良さそう
17. 宣伝 Advent Calendar企画をやっています。 （クリスマス＆イブ空いてます） 技術関連連のことならポエムでも 何でもOKです。
18. ありがとうございました！