「フロントエンド」に関連する技術ブログ

企業やコミュニティが発信する「フロントエンド」に関連する技術ブログの一覧です。

フロントエンドの単体テストについて勉強会を開催しました

こんにちは、フロントエンドエンジニアの樫福です。 タイミーのフロントエンドの開発に関わるエンジニアの人数が増えてきました。大人数で開発しながら品質を高い状態に保つには、品質に対する共通認識を作ることが大切です。 このたび、チームでフロイントエンドの 単体テスト についての勉強会を開催しました。 testing-library というフロントエンドのテストに使

Google Chromeのデベロッパーツールの利用方法(Networkパネル編)

本記事は 2022年度 新人卒業記念Week 3日目の記事です。 🌸 2日目 ▶▶ 本記事 ▶▶ 4日目 📚 デベロッパーツールとは? デベロッパーツールの表示方法 Networkパネルでできること チェックボックス タブ 一覧画面 詳細画面 まとめ こんにちは、今月で新人を卒業する小畑です。 1月より業務にてフロントエンドアプリ開発を行うようになり、3ヵ月が経ちました。 この3ヵ月の

ライブラリの更新を自動化して快適に品質を保つ

NewsPicksモバイルチームの森崎(asa)です。 今回はモバイルチームで取り入れているライブラリの自動更新について紹介します。 スピーディーかつ複雑な開発が求められる現場では、ライブラリにお世話になることも多いと思います。しかし、実装時の楽さとは引き換えにライブラリのバージョンアップデートの追従や、ライブラリ自体がメンテナンス停止で移行を余儀な

WEAR Webフロントエンドの自動テスト構成 2023

こんにちは。WEAR Webフロントエンドチームの冨川 ( @ssssota ) です。 私たちのチームでは普段 WEAR のWebフロントエンド全般の開発から運用までを行なっています。また、あと半年ほどで10年になるVBScript+jQuery環境からNext.js/React環境へのリプレイスを進めています。 リプレイスの詳細は弊チームの藤井が書いた記事をご覧ください。 techblog.zozo.com 本記事では、WEARのWebリプレイ

TypeDocでもNext.js製サイトのドキュメントが書きたい

こんにちは、気づけば入社してから3年目も終わろうとしている宮本です。先日は、NIFTY Tech Talk #9 「SvelteKit, Next.jsの導入事例紹介など 〜ニフティのフロントエンドの今とこれから〜」で担当している @nifty トップページのNext.js化について話してきました。当日ファシリテーターをしていた筑木くんの紹介記事がすでに掲載されているので、ぜひご覧ください! 紹介記事:

ZOZOTOWNのWebホーム画面をNext.jsでリプレイスして得た知見

はじめに ZOZOTOWN開発本部の武井と申します。ZOZOTOWNのフロントエンドリプレイスプロジェクトを主に担当しております。 ZOZO DEVELOPERS BLOG でも「 ZOZOのリプレイスプロジェクトで得られる唯一無二の経験。大規模サービスを進化させるやりがいとは 」というインタビュー記事を掲載しておりますので、もしよろしければこちらも併せてご覧ください。 さて、本題です。現在Z

複雑で変化の激しい介護業界に立ち向かうアーキテクチャ選定とその背景

介護事業者向け経営支援サービス「カイポケ」のソフトウェア開発者の空中清高( @soranakk )です。 2021年12月に入社し、介護事業者向け経営支援サービス「カイポケ」のフルリニューアルプロジェクトに携わっています。 今回はフルリニューアルプロジェクトのアーキテクチャ選定や背景についてご紹介したいと思います。 フルリニューアルプロジェクトのアーキテクチャ

クラウドGPU体験記 〜人工衛星の画像で機械学習をやってみた〜

この記事は、2023年2月に行われたさくらインターネットの社内勉強会における発表を編集部にて記事化したものです。 はじめに さくらインターネットの養王田(よおだ)です。主に衛星データプラットフォーム「Tellus」のフロ […]

ジョーシス × Netskope主催「新しい働き方に合わせたセキュリティ対策 〜リモートワークやシャドーITから企業を守る〜」に登壇しました

こんにちは! 株式会社ココナラのシステムプラットフォーム部でプロダクトインフラと社内情報システムを担当している ゆーた と申します。 6回目のブログ投稿になりますが、2023年1回目のブログで、2023年1回目の登壇レポートです。 3/2(木)にジョーシス × Netskope主催「新しい働き方に合わせたセキュリティ対策 〜リモートワークやシャドーITから企業を守る〜」へ登

UIガイドライン

こんにちは、またはこんばんわ。 美味しい紅茶を飲みながら機械の分解をするのと写真を撮るのが大好きなグローバル開発 UIUXチームのazがお送りします。 UIガイドラインとは そもそもUIガイドラインとは何でしょうか? どんな人が使うものでしょうか? 誰がHappyになれるのか? 少しずつ紐解いていきたいと思います。 ブランドガイドラインとUIガイドラインの違い 一般

「高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜」に登壇しました

はじめに イベントについて 参加してみて 当日の資料等 当日の Togetter の様子 スライド スライド内で紹介したプロダクトなどのリンク さいごに はじめに こんにちは!NewsPicks の Web Reader Experience Unit で Web フロントエンドを中心にエンジニアをしております、イイダユカコ( @becyn )です。 このブログは、3月8日に Findy 社主催の アクセシビリティのイベント、「高まるウ

ベースラインプロファイル導入によるアプリのパフォーマンス改善と測定方法

はじめに こんにちは、ブランドソリューション開発本部フロントエンド部WEAR Androidブロックの安土琢朗です。普段はファッションコーディネートアプリWEARのAndroidアプリを開発しています。 WEARではすでにXMLで書かれたレイアウトをJetpack Composeにリファクタリングする作業を進めています。作業を進める中で、Jetpack ComposeのLazyColumn利用箇所でスクロールが以前よりスムー

Pythonの”Streamlit”でアプリをデプロイするまで

はじめに こんにちは! そろそろエンジニア2年目が終わり、3年目を迎えることに恐怖している新垣修一です! 今回はPythonWebフレームワークの一つであるStreamlitを使用して、アプリを作成してみます。 最近技術系の記事を見るとフロントエンドの知識なしで早くアプリを作成できるStreamlitというフレームワークの存在を知り、少し触れてみたいなと思い今回の記事を書かせて

新サービスをNuxt3+ApolloServerで開発してみた

こんにちは。株式会社ペライチのフロントエンドエンジニアの荒瀬です。 2023 年 1 月末に弊社の新サービス、ペライチなんでもマーケットがリリースされました。 https://mkt.peraichi.com/ こちらのペライチなんでもマーケットは、新たな試みとして既存のペライチのアーキテクチャとは異なる構成でフロントエンドを開発しています。 Nuxt3 を採用したので、その過程や開発し

アイコン画像実装15年の変遷

LIFULLでフロントエンドエンジニアをしている齋藤です。 2008年入社なので15年目ぐらいの古株です。今は LIFULL HOME'S の賃貸部門でフロントエンド開発をしています。 いきなりですが、みなさんはアイコンをどう実装していますか? アイコンフォント、スプライト、一つ一つ切り出す。フォーマットもSVG、PNG、Fontなどなど。 実装方法はいろいろありますし、サイト規模や運
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?