タグ Webフロントエンド
人気順 10 users 50 users 100 users 500 users 1000 usersRust製Webレンダリングエンジン「Servo」、デスクトップアプリ作成フレームワーク「Tauri」を試験的に統合
2024/01/27
12 users
デスクトップアプリケーション
rust
Servo
統合
Linux Foundation Europe傘下のプロジェクトである、Rustで書かれたWebレンダリングエンジンServoの開発チームは、WebフロントエンドとRustによるバックエンドを組み合わせたデスクトップアプリケーションを構築するためのフレームワークである、Tauriとの統合に関する最新アップデートを1月19日（現地時間）に公開した... 続きを読む
console.log() の代わりにdevtoolsのLogpointsを使う - Qiita
2023/10/24
150 users
Qiita
DevTools
コンソール
出力
特定
Logpointsを使おう Webフロントエンドの開発をする際、デバッグ目的で「特定の処理が実行された」ということを確認するために console.log() を使うことは多いと思います。しかし、Google Chrome や Microsoft Edge で利用可能な Logpoints を利用することで、 console.log() を使わずともコンソールにメッセージを出力... 続きを読む
新規サービス「FAANS」における、立ち上げからReact+TypeScriptのSPA開発を2年間運用した際に取り組んだ組織的・技術的な課題 - ZOZO TECH BLOG
2023/10/06
11 users
FAANS
React+TypeScript
コーデ
由来
こんにちは、ブランドソリューション開発本部フロントエンド部の田中です。 普段はFAANSのWebフロントエンドの開発を行なっています。 FAANSとは「Fashion Advisors are Neighbors」がサービス名の由来で、ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツールです。 ショップスタッフ向けにコーデ... 続きを読む
Webフロントエンドのための実践「テスト」手法 CodeZine Night #1
2023/05/10
192 users
手法
テスト
実践
DB外の副作用をトランザクションから分離しよう / Isolate out-of-DB side effects from transactions 続きを読む
Webフロントエンドにおける網羅的テストパターンガイド
2023/04/27
159 users
リグレッションテスト
ユニットテスト
パフォーマンステスト
こんにちは、テストが好きなsilverbirderと申します。Webフロントエンドのテストは実施していますか？ユニットテストやビジュアルリグレッションテストは広く知られていると思います。しかし、パフォーマンステストのためのテストコードはありますか？また、カオスエンジニアリングテストやアクセシビリティテストはあり... 続きを読む
microCMSのWebフロントエンドにクリーンアーキテクチャを採用した話【後編】
2023/01/30
14 users
microCMS
クリーンアーキテクチャ
後編
実装
浸透
はじめに こんにちは、森茂です。 先日公開したmicroCMSのWebフロントエンドにクリーンアーキテクチャを採用した話【前編】に引き続き、今回は後編として前編で紹介させていただいた構成にあわせて、実際にどのような実装とチームへの浸透を行っていったかについて紹介いたします。 なお、記事内に記載している仕様、ソ... 続きを読む
microCMSのWebフロントエンドにクリーンアーキテクチャを採用した話【前編】
2023/01/17
59 users
microCMS
クリーンアーキテクチャ
タスク
大西
前編
はじめにmicroCMSの大西です。microCMSには2022年の5月に入社しました。普段は開発本部長として組織的な業務、エンジニアのサポート、開発全体の大まかなタスクの方向性を決めといった業務を行なっています。 microCMSでは昨年中盤以降にWebフロントエンドの設計パターンを刷新しました。採用した設計パターンはクリーン... 続きを読む
Mirrativ のWebフロントエンドで使っているライブラリを紹介する！ - Mirrativ Tech Blog
2022/12/13
28 users
Mirrativ
React
TypeScript
8割以上
こんにちは、フロントエンドエンジニア 兼 バックエンドエンジニアの駒木です。 iOS / Android / バックエンドのライブラリ紹介に引き続き、MirrativのWebフロントエンドで使用しているライブラリをご紹介します！ JSフレームワーク: React with TypeScript / Vue.js 8割以上のアプリケーションはReact + TypeScriptで実... 続きを読む
会計PlusのWebフロントエンドパフォーマンス改善 | Money Forward Engineers' Blog
2022/10/19
14 users
Money Forward Engineers
Blog
大阪開発拠点でマネーフォワード会計Plus（以下、会計Plus）プロダクトのフロントエンドエンジニアをやってます、しばもとです。好きな食べ物は、ポンデリングです。 私が所属する会計PlusのWebフロントエンドで改善活動を行いました。その改善活動としてビルド時間の短縮、バンドルサイズの削減、Jestの実行時間短縮な... 続きを読む
10年越しの Web フロントエンドという職種界隈についての考 | Offers Tech Blog
2022/10/17
6 users
フロントエンド
Offers Tech Blog
web
Offers を運営している株式会社 overflow の あほむ でございます。 10年越しのWebフロントエンド 最近更新していない 自分のブログ を遡ると「フロントエンド」という語の初出は 2010 年であり、転職のタイミングで自らを「Web フロントエンドエンジニア」と定義したのは 2012 年の頃でした。 それから 10 年、自分語り... 続きを読む
Webフロントエンドとアーキテクチャ事情の持論を喋る
2022/10/17
18 users
持論
アーキテクチャ事情
アーキテク
セッション
本セッション
本記事は、TechFeed Experts Night#4 〜 フロントエンドアーキテクチャを語るのセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 「Webフロントエンドとアーキテク... 続きを読む
リリースから5年、Webフロントエンドの経年劣化と向き合う
2022/10/11
234 users
経年劣化
リリース
@herablog さん、@shunke07 さんと共に Muddy Web #3 で発表した資料です。 https://cyberagent.connpass.com/event/261115/ news.ameba.jpは5年前にデスクトップ版ではReact化、モバイル版ではAMP化が行われました。当時は最先端の技術でしたが時が経つにつれて技術的なトレンドも変化しています。TypeScriptやTanStack... 続きを読む
Webフロントエンドと アーキテクチャ事情の持論を喋る
2022/09/21
13 users
持論
アーキテクチャ事情
PDF 版: https://s.aho.mu/220922-techfeed_expert_night_4.pdf TechFeed Experts Night#4 〜 フロントエンドアーキテクチャを語る https://techfeed.io/events/techfeed-experts-night-4 でフロントエンド設計をテーマとして使用したスライドです。本編5分。 ===== ▼ 元データで参考リンクとして張っていた URL たち SP... 続きを読む
ZOZOTOWN Webフロントエンドリプレイスにおける CSS in JS の技術選定で Emotion を選定した話 - ZOZO TECH BLOG
2022/09/13
14 users
ZOZOTOWN
リプレイス
Emotion
菊地
背景
はじめに こんにちは。ZOZOTOWN開発本部フロントエンドの菊地（@hiro0218）です。 現在、ZOZOTOWNではWebフロントエンド技術のリプレイスプロジェクトが進行しています1。本記事では、WebフロントエンドのリプレイスでCSS in JSの技術選定をした際の背景や課題についてご紹介します。 既存技術スタックの課題 リプレイス... 続きを読む
WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ - エンジニアHub｜Webエンジニアのキャリアを考える！
2022/07/04
165 users
エンジニアHub
プログラミン
ユースケース
wasm
エンジニアHub > 記事一覧 > WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly（Wasm）は、ブラウザー上で直接動くプログラミン... 続きを読む
Google Apps Scriptで、社内プロダクトのnpmライブラリの利用状況をスプレッドシートに出力してみた話 - SmartHR Tech Blog
2022/07/01
6 users
スプレッドシート
npmライブラリ
SmartHR
GAS
こんにちは！SmartHRのプロダクトエンジニアの@diescakeです！ 今日は「Google Apps Scriptで、社内プロダクトのnpmライブラリの利用状況をスプレッドシートに出力してみた話」を題材にしつつ、主にGoogle Apps Script（以降GAS）の開発環境周りの話をします。技術の分野としてはWebフロントエンド（以下フロントエンド... 続きを読む
ニコニコ生放送 WebフロントエンドのKubernetes移行ハンドブック 2022
ニコニコ生放送のBackend For FrontendsをKubernetesに移行した知見を公開します - dwango on GitHub
2022/06/13
17 users
Twitter
GitHub
Kubernetes
知見
こん
2022-06-13 Mon ニコニコ生放送のBackend For FrontendsをKubernetesに移行した知見を公開します こんにちは。生放送フロントエンドシステムセクションのHimenon(GitHub/Twitter)です。 ニコニコ生放送のWEBフロントエンドはBackend For Frontendsの構成を取っています。 これらは従来Docker Swarmのクラスター上でコン... 続きを読む
💣Webフロントエンドにおける関数型「風」プログラミングに関する個人的まとめ - Qiita
2022/03/16
140 users
プログラミング
関数型
まとめ - Qiita
React
ここ数年の流れについて 技術的側面 Webフロントエンド（ほぼTypeScript＆React界隈）において、オブジェクト指向（厳密に言うとクラスの利用）から脱却する流れがあります。原因は以下の2点。 クラスの継承の問題点が（IT業界全体に）広く定着したこと JS/TSの進化、Reactの進化、関数型言語の考え方などの影響により、... 続きを読む
GraphQLのあまり知られていない魅力 （スキーマの表現力編） / domain modeling with GraphQL Schema
2022/02/26
134 users
ZOZO
GraphQL
スキーマ
西田
Inc
Transcript GraphQLのあまり知られていない魅力 （スキーマの表現力編） ZOZO Tech Talk #4 - Webフロントエンド×新規事業 株式会社ZOZO 計測プラットフォーム本部 計測システム部 西田 雅博 Copyright © ZOZO, Inc. © ZOZO, Inc. 株式会社ZOZO 計測プラットフォーム本部 計測システム部 西田 雅博 GraphQL+... 続きを読む
ヤフーのIE11 サポート終了の進め方
2022/02/16
322 users
ヤフー
全社
koh110
IE11
CTO室
こんにちは。第11代黒帯（Webフロントエンド／ヤフー内のスキル任命制度）の伊藤（@koh110）です。 普段はCTO室にあるWebフロント技術室で、全社のフロントエンドに関わる仕事をしています。 最近の仕事のひとつとして、IE11 の非推奨の案内 がありました。 Yahoo! JAPANでは、Internet Explorer 11を推奨ブラウザーとし... 続きを読む
Webフロントエンドの開発効率を高く保つための考え方
これまでいろんな現場でWebフロントエンド開発をしてきて、メンテナンスしやすく効率の高いWebフロントエンド開発をする上で重要になる考えが自分なりにまとまってきたので記事にしてみます。 前提となるコンテキスト React、TypeScriptをメインでやってきたのでここではその環境を前提にします スタートアップ～中規模... 続きを読む
kintoneマイクロサービス化検証プロジェクトのWebフロントエンドにおける技術選定 - Cybozu Inside Out | サイボウズエンジニアのブログ
2021/11/30
90 users
サイボウズエンジニア
Cybozu Inside Out
こんにちは、フロントエンドエキスパートチームのsakitoです。 本記事ではkintoneをマイクロサービス化するためのPoCプロジェクトにおけるWebフロントエンドの技術選定について紹介します。 プロジェクト背景 本記事で扱うプロジェクトは「kintoneマイクロサービス化Proof of concept(PoC)プロジェクト」です。 現在サイ... 続きを読む
組織フェーズを見据えたWebフロントエンドのアーキテクチャと変遷
2021/11/28
10 users
アーキテクチャ
変遷
Transcript
ChatWork
Transcript © Chatwork 組織フェーズを見据えた Webフロントエンドの アーキテクチャと変遷 フロントエンド開発部 澁谷 哲也 2021年11月27日 自己紹介 2 Chatwork株式会社 澁谷 哲也 Tetsuya Shibutani フロントエンド開発部 マネージャー ビジネスチャットツールを作っています @shibe_23 Chatworkの歴史と組織規模... 続きを読む
Webフロントエンドのリプレースを支えるテストの考え方 / JSConf JP 2021
2021/11/27
8 users
リプレース
berlysia
りしあ
JSConf JP
宣伝
Transcript Webフロントエンドの リプレースを支える テストの考え方 @berlysia / JSConf JP 2021 誰 - berlysia （べるりしあ、と読む） - Webとアイマスが両本業 - 株式会社ドワンゴ所属 教育事業のWebフロント担当 - Webフロントをやる人 - Webフロントのためにいろいろやる人 お品書き 1. 宣伝 2. 誰に向けて話すか ... 続きを読む