Vue.js

初めてのカンファレンス参加者のためのVue Fes Japan 2023体験記

はじめまして、23年度入社の中利です! アドプラットフォーム事業でアプリケーションエンジニアをしています。 今回は先日参加してきたVue Fes Japan 2023の体験記です! 参加のきっかけ 別チームの同期がすでに参加を決めていて、せっかくなら新卒全員で行…

Rails7にあげるためにWebpackerを剥がしてみた

こんにちは、エージェンシー事業で開発業務を担当しているリードアプリケーションエンジニアの花田です。 娘が生まれて4ヶ月となり、笑顔が増えてきて毎日癒やされながら仕事をしています。 今回はWebpackerをやめるまでに発生した出来事を書いていこうと思…

アドテクノロジーDivの新卒エンジニア研修をご紹介

こんにちは!アドテクノロジーDivの呉です。 最近偏食の息子が保育園の給食を完食するようになり、 食べることの楽しさを伝えられたようです。 さて、4月にアドテクノロジーDiv(以下「アドテク」)に新卒2名が配属され、 約2ヶ月の研修を受けました。 今回…

クリーンアーキテクチャ、Atomic Designの思想に触れてみて

初めまして20新卒エンジニアの水谷です。 入社してから一度も出社しておらずリモートで勤務しているため、結構前から運動不足を感じています。 入社してからはScala、Vueの研修を受け、部署に配属された後にプロダクト新規価値開発のチームでプロダクト開発…

Vueコンポーネント設計を検証するためにRealWorldプロジェクトのソースコードを再設計してみた

こんにちは、アドテクノロジーディビジョンの弓場です。 今月の2月2日にVuexの4.0がリリースされ、Vue3を本番で安全に使える準備が整いつつあります。 そのためVue3へのマイグレーション及び新規プロジェクトでの利用を考え始めていて、いろいろな設計につい…

GitLab上でStorybookで管理されたコンポーネント変更を自動的に検知する

Adways Advent Calendar 2020 11 日目の記事です。 こんにちは、弓場です。 普段はインフラ周りの改善やVue.jsの改善を取り組んでいます。 なんの記事? Atomic Designを使ってコンポーネントリストを管理し始めたのですが、 しっかりとデザイナーもエンジニ…

フロントエンドがほぼわからない状態で攻略する

お疲れ様です!まっちゃんです!最近はPCがリプレイスされ32GBのMacBookProになりました! いままではWindows上のUbuntuの仮想環境で開発してたものの、MacでのScala、フロントのビルドが早くて驚きました......。 さて、本日は私がフロントエンドがほぼわか…

JavaScriptフレームワークとビジネスロジックを分離してみる

こんにちは。最近、WebアプリだけでなくKubernetesによる環境構築もしている弓場です。 私が現在参加しているプロジェクトでフロントエンドにNuxt.jsを使用して画面とデータ取得・操作專門のAPIと分離していますが、その際にAPIの型が定義されていないためコ…

Vue.jsの仮想DOMと差分レンダリングの仕組み③

こんにちは、@binarytaです。 今回が連載ラストとなりますので、是非お付き合いください。 blog.engineer.adways.net blog.engineer.adways.net ②回目の投稿では初回レンダリング時に走るpatchの処理の流れを追いました。 今回は状態変更が行われた際に差分…

Vue.jsの仮想DOMと差分レンダリングの仕組み②

こんにちは、@binarytaです。 blog.engineer.adways.net 前回に引き続き、今回もVue.jsの仮想DOMと差分レンダリングの仕組みを探っていきたいと思います。 間違いがあるかもしれませんので間違いがあったら指摘を頂けたら幸いです。 前回は差分レンダリング…

Vue.jsの仮想DOMと差分レンダリングの仕組み①

こんにちは、@binarytaです。 何回かに分けて記事を公開していこうかなと思っております。 前提 Vue.js version : 2.5.13 対象読者 JSフレームワークの知見がある 仮想DOMの仕組みを知りたい はじめに なぜVue.jsか?という質問が飛んできそうなので一応述べ…

Vue.jsにTypescriptを導入してメンテナビリティが向上した

はじめまして、2017年新卒として入社し、現在社内ツールを開発する部署に所属している成田と申します。 最近Vue.js & Typescriptで開発をしているので、どんな感じで開発しているのか紹介します! Vue.js公式サイトで紹介されているTodo管理のexampleをVue.js…

Vue.jsでルーツ音楽診断ゲームを作ってみた

こんにちは。フロントエンドエンジニアの田渕です。 2015年4月に中途入社して早3年目です。 前職はWeb制作会社でディレクター兼マークアップエンジニアをしてました。 最近流行りのVue.jsを使ってちょっとした診断ゲームを作ったので紹介します。 まずは以下…

Rails5.1 + Webpacker + Vue.js で開発

こんにちは、最近「業務改善ユニット」に異動した渡部です。 業務改善ユニットでは営業の方々が行なっている日々の業務の改善用のシステムを作成しています。 ユニット異動に伴い、あるシステムの開発を任されました。 今後のメンテナンス性・拡張性のために…