Vue.js

Nuxt3のuseFetchの型定義を探索してみたら結構面白かった話

この記事は個人ブログと同じ内容です kotamat.com 先日10/12にNuxt3がpublic betaになりました! Nuxt2から抜本的に変更されたNuxt3では面白い変更点が多いのですが、今回はuseFetchの挙動に関して探索してみようと思います。 useFetchとは? Data Fetching…

Laravel+NuxtでLIFFアプリを作ってみた

はじめに こんにちは、株式会社SCOUTERの開発責任者の小平(@ryotakodaira )です。 業務では、SARDINEという人材紹介会社向けの業務管理システムを開発しています。 日常的な業務とはそこまで関係がありませんが、LINE社が2018年にリリースした LIFF が気に…

Vueのライフサイクルフックまとめ

弊社ではフロントエンドのフレームワークにVue.jsやNuxt.jsを採用しています。 業務中で開発をしてる際に、Vueのライフサイクルフックについて理解が乏しいまま実装していることに気がついたので 今回はVueのライフサイクルフックについてまとめたいと思いま…

Vuex のルールと Component 設計

こんにちは、自意識過剰な正義のヒーローでお馴染みの株式会社SCOUTERの石岡 将明( @masaakikunsan )です。 前回の Flutter のブログで、「2月半ばにAPIの叩き方やページ内のレイアウト作り方などをちゃんと解説したブログを書こうと思うのでお楽しみに!」…

ららびゅう座談会で登壇してきました!

こんにちは @kotamat です。 先日ららびゅう座談会という勉強会にて登壇させていただきました。 laravue-forum.connpass.com 一緒に登壇していただいた方は、あのLaravel本を執筆された kurikazu さんと、弊社でも一緒に仕事していただいている nunulk さん…

NuxtMeetup#5開催しました

こんにちは @hirokinishizawa です。 昨日10/18にNuxtMeetup #5を開催しました。 nuxt-meetup.connpass.com 今回はCyberAgentさんに会場をご提供頂きました。本当にありがとうございます。 アンケート 今回参加枠100人という中総勢240名の方が応募してくださ…

Babel7 OptionalChainingでLaravelのバリデーションをハンドリングする

# Babel7 OptionalChainingでLaravelのバリデーションをハンドリングする こんにちは、@kotamatです。 昨日Babel7がリリースされましたね https://babeljs.io/blog/2018/08/27/7.0.0 Babel6から3年かかってのリリースです。コントリビューターの方々お疲れ様…

NuxtMeetup#4開催しました

こんにちは! @kuwausk です。 昨日NuxtMeetup #4を開催しました! nuxt-meetup.connpass.com 今回はLINEさんに会場をご提供頂きました! 発表 LINEとNuxt jun LINEでのNuxtの事例をお話いただきました。 スポンサーセッションでしたが、登壇と同様の知見を…

NuxtMeetup#3開催しました

こんにちは id:kotamat です。 昨日SCOUTER社にてNuxtMeetup #3を開催させていただきました! 今回はじめてYoutubeライブをいれてみたのですが、承認が降りたのがイベント直前で十分に仕様を把握できずに使う形になってしまったので、だいぶ視聴環境として良…

SCOUTERが爆速開発できるたった1つの理由と4つの施策

エンジニア少ない問題 こんにちは id:kotamat です。 このブログを見ていただいている方は特に実感されていると思いますが、現在日本市場においてエンジニアは引く手あまたの完全売り手市場です。 また、エンジニアリングというのは、人数をただ増やせば線形…

入社して3ヶ月でLTをして自分が思った抑えておく3つのこと

初めましてSCOUTERでフロントエンドエンジニアをやっているhirokinishizawaです。 先日のNuxtMeetUp#2でLTをやらせてもらいました。 イベントの様子がこちらになります! techblog.scouter.co.jp 初の勉強会にて100人規模でLTの発表をしたので その話をブロ…

NuxtMeetup#2開催しました!

こんにちは、SCOUTERの id:ryotakodaira です。 2018/05/15、メルペイさんにて NuxtMeetupの第2回を開催いたしました。 nuxt-meetup.connpass.com togetter.com 今回のイベントは定員を100名で設定していましたが、その定員を大きく上回る申込み数を叩き出し…

Laravel/Vue.js勉強会#4開催しました!

こんにちは、SCOUTERの id:kotamat です。 2018/04/25、ITプロパートナーズさんにて Laravel,Vue.js勉強会第四回を開催いたしました。 laravue.connpass.com 今回は転職ドラフトさんよりビールを提供していただきました! 今回は雨の影響もあり、当日キャン…

NuxtMeetup#1を開催しました!

NuxtMeetup#1を開催しました! こんにちは、SCOUTERの id:kotamat です。 2018/03/28 弊社にてNuxtMeetup#1を開催しました! nuxt-meetup.connpass.com イベントではハッシュタグ #nuxtmeetup でつぶやいて頂いたので、そちらをもとにtogetterにまとめており…

Laravel/Vue.js勉強会#3開催しました

こんにちは、SCOUTERの id:kotamat です。 2018/01/23、DMM.com Laboさんにて クリエイターズマッチさん、うるるさんご協力の元 Laravel,Vue.js勉強会第三回を開催いたしました。 laravue.connpass.com 開始前。雰囲気があるとても広い会場です! 今回も今ま…

Nuxt.jsとFirebase/Firestoreで動的コンテンツをPWAする

Nuxt.jsとFirebase/Firestoreで動的コンテンツをPWAする こんにちは、SCOUTERの id:kotamat です。 こちらは Firebase Advent Calendar 2017 - Qiita 23日目の記事です。 先日SafariがPreview版でServiceWorkerを実装したという話もあり、2018年はServiceWor…

Vuexを使って絞り込み機能を実装してみた

こちらはVue.js #4 Advent Calendar 2017 - Qiita 12日目の記事です。 株式会社SCOUTERの小平(id:ryotakodaira) です。 今回はVue.js用の状態管理パターン+ライブラリの「Vuex」を使って、一般的なサービスでよく見かける絞り込み機能を例に実際の実装方法…

Vue.jsでドロップダウンを作り込む

こちらはVue.js #4 Advent Calendar 2017 - Qiita 8日目の記事です。 株式会社SCOUTERの鍬(id:yusuke_kuwa) です。 今回は、Vue.jsらしい美しいコードだなと思ったドロップダウンのコンポーネント作成に焦点を当てて、作っていく工程を振り返ってみました。 …

PWAをNuxt.jsで簡単に体験する

こちらはVue.js #1 Advent Calendar 2017 - Qiita 7日目の記事です。 こんにちは、 id:kotamat です。 最近盛り上がっているPWAを試す際に、Nuxt.jsを使うと非常に簡単に実現できそうだったので、その方法を紹介しようと思います。 はじめに PWAとは Progres…

Laravel, Nuxt.jsで構成した時のつまづきポイント

こんにちは、SCOUTERの id:kotamat です。 先日Laravel、Nuxt.jsの構成について記述させていただきました。 今回はその構成をするにあたって、躓いたポイントを紹介させてもらいます。 参考記事 techblog.scouter.co.jp techblog.scouter.co.jp Nuxt.jsのバ…

Vue.js製のUIフレームワーク「Element」の使い方

株式会社SCOUTERの小平(id:ryotakodaira) です。 弊社では、フロントエンドの開発にVue.jsを導入しており、現場では主にVue.js製のUIフレームワーク「Element」を使用して、ページの見ためを表現しています。 先日、「Element」が2系にメジャーアップデート…

Vue.jsで作られたフレームワーク「Nuxt.js」でできること

こんにちは、SCOUTERの id:kotamat です。 前回の記事では、PHPフレームワークのLaravelとNuxt.jsの連携に関して紹介させていただきましたが、それぞれの詳細、出来ることは述べておりませんでした。 そこで今回は、Nuxt.jsではなにができるのかをまとめてみ…

LaravelとNuxt.jsを同一レポジトリで管理するときの構成

こんにちは、SCOUTERの id:kotamat です。 最近新しいプロジェクトにて、Laravel + Nuxt.jsの構成でアプリケーションを作成し始めたので、その構成を簡単にまとめてみます。 環境のスペック Laravel 5.5 Vue.js ^2.1.10 Nuxt.js ^1.0.0-rc11 Laravelのインス…

Laravel/Vue.js勉強会を開催しました!

6/21(水)に Laravel/Vue.jsの勉強会を開催いたしました! 会場は株式会社オルトプラス様 勉強会用にオフィスを無料で開放していただけるとのことで、今回使わせていただきました! Laravel/Vue.jsともに人気が上昇中していたり、Laravelの公式がVue.jsをサポ…