この記事は CyberAgent Developers Advent Calendar 2024 2 ...

IDチームの小森です。 CADDi プロダクトチーム Advent Calendar 2024 の18日目の記事になります。 いよいよ年の瀬ですが、皆さんは年初に立てた目標などを達成できましたでしょうか。 私はずぼらなので年初の目標など立てたことはないのですが、今年ようやく5年越しの取り組みに一区切りをつけ、誓いを果たすことができました。 私事ですが、人生3冊目の著書『 [改訂新版] プロになるためのWeb技術入門 』を2024年11月28日に刊行しました。 おかげさまで 好評 をいただいております。 本

はじめに こんにちは！ 先日、弊社もプレミアムスポンサーを務めた「 JSConf JP 2024 」が行われました！ 今回は実際に現地参加したメンバーによるセッションレポートをお届けします！ ITOYU You Don’t Know Figma Yet - FigmaをJSでハックする https://jsconf.jp/2024/talk/hiroki-tani-corey-lee/ Figmaはブラウザで開ける、だからこそdevtoolsを使ってJSで操作出来るということを知りました。 Figma公式

はじめに こんにちは！ 先日、弊社もプレミアムスポンサーを務めた「 JSConf JP 2024 」が行われました！ 今回は実際に現地参加したメンバーによるセッションレポートをお届けします！ ITOYU You Don’t Know Figma Yet - FigmaをJSでハックする https://jsconf.jp/2024/talk/hiroki-tani-corey-lee/ Figmaはブラウザで開ける、だからこそdevtoolsを使ってJSで操作出来るということを知りました。 Figma公式

前回に引き続き、対応内容のご紹介です。具体的には、状態管理ライブラリをVuexからPiniaに変更し、ビルドツールをWebpackとVue CLIからViteに移行した際の対応内容や問題点、対処方法について詳述しています。

みなさんこんにちは！ワンキャリアのOCC（ONE CAREER CLOUD）チームで開発エンジニアを担当しているJustin（Github ： justin3-1 ）です。 これまで中国で3社、その後シンガポールで1社経験し、ワンキャリアへの転職を機に日本に来ました！ 今回はワンキャリアに入社してから3ヶ月が経ったので、振り返りとして記事を執筆しました。エンジニアを目指し始めたきっかけも紹介しているので、もしよろしければご覧ください。

はじめに

はじめに

はじめに こんにちは。ZOZOTOWN開発本部フロントエンドの菊地（ @hiro0218 ）です。 現在、ZOZOTOWNではWebフロントエンド技術のリプレイスプロジェクトが進行しています。以前の記事ではCSS in JSの技術選定をした際の背景や課題について紹介しました。 techblog.zozo.com その後、「 ZOZO Tech Meetup - Web フロントエンド 」でおよそ1年後の状況を簡単に共有させて頂きました。 speakerdeck.com 今回はZOZO Tech Meetu

Viteを用いたReact開発を行っている際、vite devで立ち上げたDevモードと実際にビルド&デプロイしたProdモードで挙動が異なるという問題が発生したので、その原因究明メモです。 そもそもViteとは Viteはフロントエンド向けビルドツールです。2020年に登場し2024年現在ではフロントエンド領域で幅広く使われるツールとなっています。GitHubのstar数で見ると、ビルドツールとしてこれまで多く利用されてきたwebpackを追い越しています。 特徴としては高速な開発サーバー立ち上

みなさん、こんにちは。サイオステクノロジー武井です。今回は「世界一わかりみが深いかもしれないフロントエンドのビルド周り」と題しまして、多分C言語のポインタやAzureのサービスプリンシパルと同じくらい苦しむであろうフロントエンドのビルド周りをまとめたいと思います。いつも「あれ、なんだっけ？」的な感じになるので、備忘録的な意味も込めています。 複雑なフロントエンドのビルド周り そう思っているのは、多分、私だけじゃないかと思います。とにかくReactなどのフロントエンドのビルド周りは複雑です。webpack、

Svelte Tips Hello (or good evening), this is part 5 of our irregular Svelte series. Click here to see the other articles: Insights from using SvelteKit + Svelte for a year Comparison of Svelte and other JS frameworks - Irregular Svelte series-01 Svelte un

こんにちは。エンジニアの小林建太です。 今回はフロントエンド業務での課題をChrome拡張機能で解決を試みた事例をご紹介させていただきます。 LINEヤフー Techから2024年1月に公開された「Tappy」というツールにインスパイアされた拡張機能「 Tap Analyzer 」を開発し、公開しました。 chromewebstore.google.com Tappyとは Tappyの課題と着想 開発した機能 技術 技術選定 開発 chrome debugger API LLMの利用 活用のメリット 今後

LINEヤフー Advent Calendar 2023の18日目の記事です。 こんにちは。UIT開発推進部 Platform開発チームの odan です。LINEログインのフロントエンドおよび ...

こんにちは、駅メモ！でフロントエンドを良い感じにしたかったチームの id:yunagi_n です。 今回は、駅メモ！にて使用している Vue.js を 2 系から 3 系へあげて行くに当たって、採用した手法とマイグレーションプロセスについて紹介します。 今回、マイグレーションするに当たって、以下の要件がありました： 機能開発を止めてはいけない 駅メモ！では 6 月と 10 月に周年リリースがあり、それの開発を止めるわけにはいきませんでした もちろん、その間にあったイベントなどについても、開発は継続し続けて