Nuxt.js
この記事は個人ブログと同じ内容です kotamat.com 先日10/12にNuxt3がpublic betaになりました！ Nuxt2から抜本的に変更されたNuxt3では面白い変更点が多いのですが、今回はuseFetchの挙動に関して探索してみようと思います。 useFetchとは？ Data Fetching…
ROXX エンジニアの匠平(@show60)です。 同じようなタグが繰り返されているのを見ると、どうにかスッキリまとめられないもんかなと思いますよね。 今回はアイコンコンポーネントを例に、 v-for 内で動的な指定と、クラス名、イベントハンドラの設定までやって…
こんにちは、 ROXX の匠平@show60です。 Nuxt.js の context は色々な機能を内包してくれているためそれとなく使えている感覚でしたが、そもそも中身どうなってんの？と気になったので調べてみることにしました。 そもそも context とは JavaScript では thi…
こんにちは！ SCOUTER社でエンジニアをしている匠平@SCOUTER(@show60)です。 開発を進めるにつれ page component も増えていきますが、複数の page component で同じ外部リソースが必要なことがあります。 同じ処理を行っている場合は処理をまとめちゃいたい…
![はてなブックマーク - [Nuxt.js] middleware で外部リソース取得処理を共通化](https://b.hatena.ne.jp/entry/image/https://techblog.roxx.co.jp/entry/2019/04/10/163402)
こんにちは、自意識過剰な正義のヒーローでお馴染みの株式会社SCOUTERの石岡 将明( @masaakikunsan )です。 前回の Flutter のブログで、「２月半ばにAPIの叩き方やページ内のレイアウト作り方などをちゃんと解説したブログを書こうと思うのでお楽しみに！」…
こんにちは、株式会社SCOUTERの石岡 将明( @masaakikunsan )です。 現在、弊社では back check という新規事業の立ち上げを行っています。 backcheck.jp note.mu この記事では、その新規事業を最速で立ち上げるために僕が行ったフロントエンド開発のノウハウ…
こんにちは！ @masaakikunsan です。 昨日、NuxtMeetup #6を開催しました。 nuxt-meetup.connpass.com 今回は、株式会社エス・エム・エスさんに会場をご提供いただきました！ アンケート 今回参加枠80人という中総勢178名の方が応募してくださり誠にありがと…
こんにちは @hirokinishizawa です。 昨日10/18にNuxtMeetup #5を開催しました。 nuxt-meetup.connpass.com 今回はCyberAgentさんに会場をご提供頂きました。本当にありがとうございます。 アンケート 今回参加枠100人という中総勢240名の方が応募してくださ…
# Babel7 OptionalChainingでLaravelのバリデーションをハンドリングする こんにちは、@kotamatです。 昨日Babel7がリリースされましたね https://babeljs.io/blog/2018/08/27/7.0.0 Babel6から3年かかってのリリースです。コントリビューターの方々お疲れ様…
こんにちは！ @kuwausk です。 昨日NuxtMeetup #4を開催しました！ nuxt-meetup.connpass.com 今回はLINEさんに会場をご提供頂きました！ 発表 LINEとNuxt jun LINEでのNuxtの事例をお話いただきました。 スポンサーセッションでしたが、登壇と同様の知見を…
こんにちは id:kotamat です。 昨日SCOUTER社にてNuxtMeetup #3を開催させていただきました！ 今回はじめてYoutubeライブをいれてみたのですが、承認が降りたのがイベント直前で十分に仕様を把握できずに使う形になってしまったので、だいぶ視聴環境として良…
エンジニア少ない問題 こんにちは id:kotamat です。 このブログを見ていただいている方は特に実感されていると思いますが、現在日本市場においてエンジニアは引く手あまたの完全売り手市場です。 また、エンジニアリングというのは、人数をただ増やせば線形…
初めましてSCOUTERでフロントエンドエンジニアをやっているhirokinishizawaです。 先日のNuxtMeetUp#2でLTをやらせてもらいました。 イベントの様子がこちらになります！ techblog.scouter.co.jp 初の勉強会にて100人規模でLTの発表をしたので その話をブロ…
こんにちは、SCOUTERの id:ryotakodaira です。 2018/05/15、メルペイさんにて NuxtMeetupの第2回を開催いたしました。 nuxt-meetup.connpass.com togetter.com 今回のイベントは定員を100名で設定していましたが、その定員を大きく上回る申込み数を叩き出し…
こんにちは、SCOUTERの id:kotamat です。 2018/04/25、ITプロパートナーズさんにて Laravel,Vue.js勉強会第四回を開催いたしました。 laravue.connpass.com 今回は転職ドラフトさんよりビールを提供していただきました！ 今回は雨の影響もあり、当日キャン…
NuxtMeetup#1を開催しました! こんにちは、SCOUTERの id:kotamat です。 2018/03/28 弊社にてNuxtMeetup#1を開催しました！ nuxt-meetup.connpass.com イベントではハッシュタグ #nuxtmeetup でつぶやいて頂いたので、そちらをもとにtogetterにまとめており…
業務委託でSCOUTERのフロントエンド周りの開発をお手伝いしている、 花谷拓磨(id:potato4d) です。 SCOUTER は、先日自社のコーポレートサイトを Nuxt.js + WP REST API 構成にてリニューアルいたしました。 普段であれば SPA や SSR が必要な高度なアプリケ…
Nuxt.jsとFirebase/Firestoreで動的コンテンツをPWAする こんにちは、SCOUTERの id:kotamat です。 こちらは Firebase Advent Calendar 2017 - Qiita 23日目の記事です。 先日SafariがPreview版でServiceWorkerを実装したという話もあり、2018年はServiceWor…
こちらはVue.js #1 Advent Calendar 2017 - Qiita 7日目の記事です。 こんにちは、 id:kotamat です。 最近盛り上がっているPWAを試す際に、Nuxt.jsを使うと非常に簡単に実現できそうだったので、その方法を紹介しようと思います。 はじめに PWAとは Progres…
こんにちは、SCOUTERの id:kotamat です。 先日Laravel、Nuxt.jsの構成について記述させていただきました。 今回はその構成をするにあたって、躓いたポイントを紹介させてもらいます。 参考記事 techblog.scouter.co.jp techblog.scouter.co.jp Nuxt.jsのバ…
こんにちは、SCOUTERの id:kotamat です。 前回の記事では、PHPフレームワークのLaravelとNuxt.jsの連携に関して紹介させていただきましたが、それぞれの詳細、出来ることは述べておりませんでした。 そこで今回は、Nuxt.jsではなにができるのかをまとめてみ…
こんにちは、SCOUTERの id:kotamat です。 最近新しいプロジェクトにて、Laravel + Nuxt.jsの構成でアプリケーションを作成し始めたので、その構成を簡単にまとめてみます。 環境のスペック Laravel 5.5 Vue.js ^2.1.10 Nuxt.js ^1.0.0-rc11 Laravelのインス…
