タグ「Webフロントエンド」

タグ Webフロントエンド

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 39件)

console.log() の代わりにdevtoolsのLogpointsを使う - Qiita

2023/10/24 150 users Qiita DevTools コンソール出力特定

Logpointsを使おう Webフロントエンドの開発をする際、デバッグ目的で「特定の処理が実行された」ということを確認するために console.log() を使うことは多いと思います。しかし、Google Chrome や Microsoft Edge で利用可能な Logpoints を利用することで、 console.log() を使わずともコンソールにメッセージを出力... 続きを読む

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/17 59 users microCMS クリーンアーキテクチャタスク大西前編

はじめにmicroCMSの大西です。microCMSには2022年の5月に入社しました。普段は開発本部長として組織的な業務、エンジニアのサポート、開発全体の大まかなタスクの方向性を決めといった業務を行なっています。 microCMSでは昨年中盤以降にWebフロントエンドの設計パターンを刷新しました。採用した設計パターンはクリーン... 続きを読む

@herablog さん、@shunke07 さんと共に Muddy Web #3 で発表した資料です。 https://cyberagent.connpass.com/event/261115/ news.ameba.jpは5年前にデスクトップ版ではReact化、モバイル版ではAMP化が行われました。当時は最先端の技術でしたが時が経つにつれて技術的なトレンドも変化しています。TypeScriptやTanStack... 続きを読む

WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/07/04 165 users エンジニアHub プログラミンユースケース wasm

エンジニアHub > 記事一覧 > WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly（Wasm）は、ブラウザー上で直接動くプログラミン... 続きを読む

💣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フロントエンドの開発効率を高く保つための考え方

2022/01/09 277 users 開発効率考え方

これまでいろんな現場で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フロントエンドの秩序を維持する体制を作る - Speaker Deck

2020/12/23 135 users 秩序 Speaker Deck GigaViewer 体制

Transcript Webフロントエンドの  秩序を維持する体制を作る  Hatena Engineer Seminar #15  2020/12/23 自己紹介  • id:mizdra  • はてな2020新卒  • マンガメディア開発チーム  • コードを書くのが趣味  ◦ Webフロントエンド GigaViewer  • 社内で開発しているマンガビューワ  ◦ ブラウザで漫画を読むための機能を提供... 続きを読む

Micro Frontends Architecture Patterns

2020/12/20 579 users アーキテクチャパターン JamStack 本書リズやりとり

本書は、Micro Frontends Architecture Patternsというタイトルを付けていますが、モノリスからJAMstack、Micro Frontendsまで、Webフロントエンドを包括した様々なアーキテクチャパターンの詳細を体系的に紹介しています。ソフトウェアとしてのアーキテクチャ全体を俯瞰し、他のシステムとのやりとりを設計するような... 続きを読む

サイボウズのフロントエンドエキスパートチームの紹介 - Cybozu Inside Out | サイボウズエンジニアのブログ

2019/08/05 53 users サイボウズサイボウズエンジニア技術領域立ち位置特徴

こんにちは、フロントエンドエキスパートチームです。今回は私たちフロントエンドエキスパートチームの紹介をします。フロントエンドエキスパートチームとはサイボウズの技術領域とフロントエンドエキスパートチームの立ち位置まずサイボウズのWebフロントエンドについて触れておくと、以下の特徴を持っています。 ... 続きを読む

webフロントエンドからwebAPIを呼び出すのをwrapするアレの名前 - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く

2019/06/30 58 users 蓄音機 WebAPI Entity repository 分間

twitterに書いたやつ再掲+加筆。 Webフロントエンド、というかSPAの設計で、単なるwebAPIラッパーに対して「Repository」と名付けるケースが散見されるけど、ぼくはあれあまり好きではないです。というのも、Repositoryという名前がついてると、集約的なもの、それが言い過ぎならいわゆるEntity、それも言い過ぎならひと... 続きを読む

Vue.js＋Vuex＋TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO Technologies TECH BLOG

2019/05/14 407 users 前向き ZOZOテクノロジーズ運用課題チームリーダー

こんにちは。Webフロントエンドエンジニアの松井菜穂子です。 ZOZOテクノロジーズに入社して一年ほど経ちます。あるサービスの立ち上げから運用まで、Webフロントエンドのチームリーダー・開発メンバーとして関わってきました。当記事では、当社のWebフロントエンド開発現場にあった問題と、それぞれの課題に対して堅... 続きを読む

Webフロントエンドとサーバーサイドの技術動向をざっくり整理する／JavaScript - "BOKU"のITな日常

2019/04/17 603 users jQuery boku サーバーサイド整理アウトライン

今回は、WEBフロントエンドとサーバーサイドあたりの技術動向を、ざっくりとアウトラインだけ整理してみようかと思います。整理の目的今のところ。自分的には、jQueryで困っていることは特にありません。なんですが、久々に既存システム縛りの無いWeb開発の話があり、「せっかくだから、jQuery以外のJavaScriptフレ... 続きを読む

一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog

2019/01/17 637 users jQuery依存 fetch jQuery Polyfill

一休.comでWebフロントエンドを開発している宇都宮です。先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。なぜjQueryを取り除いたのか？どうやったのか何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した... 続きを読む

進化が止まったIE、Web開発の足かせに | 日経 xTECH（クロステック）

2019/01/14 119 users 勧告 xTech 足かせ Webブラウザー開発基盤

Webブラウザー「Internet Explorer（IE）」の進化が止まり、Webフロントエンド開発の足かせになっている。開発基盤であるWebブラウザーの最新事情に迫る。 HTML5が国際標準化団体W3Cで勧告されたのは2014年10月のことだ。勧告は標準化を意味する。4年が過ぎ、Webフロントエンドの開発事情は大きく変わってきた。特に変... 続きを読む

Webフロントエンドでアニメーションを実装する時になにを考えるか - Qiita

2019/01/07 90 users 昨今実装 Qiita フロントエンド抵抗

明けましておめでとうございます。アニメーションの実装に抵抗を覚えている方、多いのではないでしょうか？特に昨今ではサーバサイド出身で最近フロントエンドを触り始めたという方も多いと思います。私が属している組織でもそんな流れは少なからずあるのですが、そういったバックグラウンドの方の声として聞くことが... 続きを読む

ヤフー株式会社におけるWebフロントエンドの技術選定 - Yahoo! JAPAN Tech Blog

2018/12/06 764 users Yahoo 技術選定ヤフー株式会社 sakito ヤフ

Yahoo! JAPAN Tech Advent Calendar 2018の6日目の記事です。一覧はこちら Yahoo! JAPAN Tech Advent Calendar 2018の6日目を担当します、Webフロントエンドエンジニアをやっている向井(@sakito)です！今回はヤフー株式会社でWebフロントエンドエンジニアがどのような取り組みを行なっているのかをお伝えします。ヤフ... 続きを読む

Catchpointを使ったWebページのパフォーマンス計測 - クックパッド開発者ブログ

2018/11/29 66 users 文脈クックパッド一環パフォーマンス外村

技術部開発基盤グループの外村です。最近はクックパッドのレシピサービスのWebフロントエンドの改善に取り組んでいます。その一環でWebサイトのページロードのパフォーマンス計測をおこなっているので、今回はその取り組みについて紹介します。 Webページのパフォーマンスといっても、文脈によってそれが指すものは様々... 続きを読む

運用期間20年　DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで - ログミーTech

2018/10/23 246 users ログミーTech Vue.js ServiceWorker

運用期間20年 DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで長期運用サービス改善のために構築した開発環境の話 2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやServiceWorkerを開発ツ... 続きを読む

Webフロントエンドパフォーマンス改善ハンドブックを公開しました - dwango on GitHub

2018/09/14 1043 users Dwango on GitHub ハンドブック https

パフォーマンス改善ハンドブックウェブページにおけるパフォーマンスに関する問題の見つけ方や考え方の事例をまとめた Webフロントエンドパフォーマンス改善ハンドブックを公開しました。 URL: https://dwango-js.github.io/performance-handbook/ このハンドブックでは過去に行ったWebフロントエンドのパフォーマンス... 続きを読む

Introduction · Webフロントエンドパフォーマンス改善ハンドブック

2018/09/13 120 users Introduction ウェブアプリケーション事例改善

Webフロントエンドパフォーマンス改善ハンドブックこのパフォーマンス改善ハンドブックでは、ウェブアプリケーションにおけるフロントエンドのパフォーマンス改善について扱っています。目的このハンドブックでは過去に行った改善の事例を中心に紹介しています。そのため、現在の最適な解決方法を提案するものでは... 続きを読む

(1 - 25 / 39件)

次の25件 »