はじめに こんにちは。choreiiです。最近自チームで扱っている商材のフロントエンドのテストコードを大量に書く機会がありました。その中で大きくハマった３点について紹介します。 はじめに 環境 1. ライフサイクルフックをmock化（上書き）したい 2. テストによってcomputedを差し替えたい 3. localStorageをmock化したい まとめ 参考 環境 Vue：2.6.11 vue-test-utils：1.0.0-beta.29 Jest：23.6.0 1. ライフサイクルフックをmoc

はじめに 株式会社リビルドの鈴木です！ 2020/1/21(火)にJv-okinawa Vue.js/Nuxt.js meetup #4 仙台とコラボLT大会に登壇してきました！ 合計約30名の方が来場されました。 以下はイベント詳細ページになります。 v-okinawa.connpass.com イベント概要 沖縄で Vue.js / Nuxt.js に関する勉強会を開催します！第4回目のmeetupイベントです。 なんと今回は仙台とコラボLT大会！仙台のVue.jsコミュニティ「v- sendai 」

はじめに 株式会社リビルドの鈴木です！ 2019年は激動の1年でした。 会社的には沖縄の アクセラ レーションプログラムに採択される。 okinawa-startup.com 自社サービス「Tadoru」のリリース。 シードラ ウンドで合計3000万円の資金調達。 prtimes.jp 社長チップス主催のCharming Chairman’s Club CHAMPIONSHIP 2019のベスト100社長に選ばれる。 charming-chairmen.com 東京の「話題のアプリええじゃないか！」という

スマートキャンプエンジニアの瀧川です。 本記事は スマートキャンプ Advent Calendar 2019 - Qiita の25日目の記事です。 このスマートキャンプ エンジニアブログを開設して今日でちょうど1年が経ちました 🎉 1年前のクリスマスに私がオーナーとしてはじめたことですが、長続きしないんじゃないか...採用につながるなんてあるんだろうか...そんな不安を抱きながらのスタートでし

スマートキャンプでBiscuetのエンジニアをしている中川です。 本記事は スマートキャンプ Advent Calendar 2019 - Qiita の19日目の記事です。 現在弊社のプロダクトであるBOXILとBiscuetは、そのどちらの開発チームもVue.jsを使用して開発しています。 Vue.jsの学習コストの低さやコンポーネント指向は少人数のチームでユーザーに素早く価値を届けていきた

本記事は dely Advent Calendar 2019 19日目の記事です。 昨日はWebフロントエンドエンジニアのしらりんくんが「Vue.jsでカスタムディレクティブを使ってユーザーの「見てる」を可視化する」という記事を書きました。ぜひご一読を。表示されて1秒経ったら色が変わる動画が見ていて気持ちいいです。 こんにちは。継続の鬼、kenzoです。 冬ですね。寒いですね。みなさまにおかれましてはますますご健勝のこととおよろこび申し上げます。 。。本当にご健勝でしょうか。風邪をひいていたり、なんとなく

目次 目次 はじめに とある日のこと カスタムディレクティブとは やりたいこと クラシルのデータ分析基盤 イベント定義シート イベントパラメーター型定義シート サンプル実装 カスタムディレクティブのコード Vueコンポーネントに適用してみる クラシルWebに実際に導入してみた結果 この実装を通して学んだこと おわりに はじめに こんにちは、dely株式会社 開発部の白石( しらりん )です。 2019年新卒として入社し、現在Webフロントエンドエンジニアを担当しています。 昨日はiOSエンジニアのtaka

はじめに はじめまして！ Leverages（レバレジーズ）Advent Calendar 2019 18日目担当の吉澤です。 普段は、看護師向けの転職サイトや社内システムの開発・運用などをしています。 今回は、LINEでの顧客対応に用いられるチャットシステムの構築についてと実際運用してみてどうなの？みたいなところを書いていこうと思います。 何作ってるの？ ↓ざっくりこんな感じのやつを作っています。 開発に至った背景については以下の記事に書かれています。 markezine.jp LINEのMessagi

この記事はBASE Advent Calendar 2019の15日目の記事です。 こんにちは。フロントエンドグループの加藤です。 私達は、「 Payment to the People,Power to the People. 」というミッションを掲げ、日々サービスづくりを頑張っています。 Peopleとは誰か このミッションにある、 People とは誰のことを指すのでしょうか？ 自分の周りの環境を想像しても、実に多様な人がいることがわかります。 また、日々ショップオーナーさんや購入者さんからいただく

一休.com レストランを開発している所澤です。この記事は 一休.comアドベントカレンダー の10日目の記事です。 先日、一休.comレストランの管理画面をリニューアルしました。 この記事ではその際にAPIの実装方法として採用したGraphQLについてフロントエンド視点で利点や使い所について述べます。 GraphQLについて以下の記事がわかりやすかったです。 「GraphQL」徹底入門 ─ REST&#x3

この記事は BASE Advent Calendar 2019 の6日目の記事です devblog.thebase.in どうもこんにちは、Frontend Groupの青木です BASEではVue.js+TypeScriptを採用したフロントエンド開発を行っています 今回のブログでは、私が業務で直面したちょっとした課題を、Vue.jsのカスタムディレクティブを実装して解決し、npmのパッケージとして公開した話をします 何を作ったか vue-remove-whitespace - npm spanやaなど

この記事は、一休.com Advent Calendar 2019の3日目の記事です。 qiita.com 宿泊事業本部のいがにんこと山口です。 id:igatea UIUXチームでフロントエンドをメインに開発しています。 一休の宿泊予約サイト の一部のフォームではVue.js、およびVeeValidateを用いてフォームのバリデーションを実装しています。 そのVeeValidateのバージョンを 2.2.15 から 3.0.11 へ移行しました。 VeeValidateはメジャーバージョンが2と3では大

この記事は BASE Advent Calendar 2019 の2日目の記事です。 devblog.thebase.in こんにちは！BASEでFrontend Groupに所属している 三佐和 です。主にネットショップ作成サービス「BASE」のフロントエンドを担当しています。 2016年に未経験からBASEでインターンを開始し、その後正社員として入社しました。当時は主にLP などのマークアップや管理画面のUI に関わる細かい修正などを担当しており、使っていた技術は主にHTML, CSS, jQuery

フロントエンドエンジニアの id:ninjinkun です。この記事は 一休.comアドベントカレンダー の1日目の記事です。 一休.coｍレストランの管理画面リニューアルプロジェクトにおいて、CSSフレームワークの Bulma を導入しました。結論としては、採用して良かったと思っています。 このエントリではBulmaを選定した理由と、採用後に見えたPros / Consについて述べたいと思います。 なお今回リニューアルした一休.comレストランの管理画面の概要は以下の通りです。 レストラン店舗向けの管理

前書き フロントエンドエンジニアの松原( @simezi9 )です。 先日10月30日にクラウドワークスさんをお借りして実施したVue.jsの設計勉強会である、 Vue.jsアーキテクチャリング勉強会 にて、 BASEの現在のVueコンポーネントの設計に関して登壇してお話してきました。 全体の資料はこちら です もともとBASEではVue.js+TSを採用した大規模なシステムのリニューアルプロジェクトが2018年からスタートしていました。それにあたっての大まかなフロントエンドの構築方針は以前もblogや外