フロントエンド開発の効率化！Nx と Playwright でビジュアルリグレッションテストを賢く実施しよう - Techtouch Developers Blog

2024/05/27 20 users ビジュアルリグレッションテスト playwright ロク

はじめに なぜ VRT が必要なのか？ VRTとは？ Nx と Playwright で賢く VRT を実施する どう賢く実施したか 結果 まとめ 参考資料 はじめに 「食べログ ラーメン TOKYO 百名店」の全店舗訪問を目指してラーメン巡りを続けているフロントエンドエンジニアの kenshin です。 フロントエンド開発者の皆さん、新機能を追加し... 続きを読む

フロントエンドからサーバーサイドへキャリアチェンジ 研修付き採用だからできたこと - ペパボテックブログ

2022/06/29 13 users サーバーサイド ペパボカレッジ GMOペパボ かずひら 経緯

はじめまして。SUZURI事業部エンジニアの kazuhi-ra (かずひら) です。 フロントエンド開発者としての経験しかなかった自分ですが、GMOペパボの第二新卒向け研修付き採用「ペパボカレッジ」を経て、 現在ではサーバーサイドを中心に開発をしています。 この記事では、入社の経緯、入社から2カ月半行われたペパボカレッジ... 続きを読む

フロントエンドを集中的に学習できる究極の無料リソースを厳選してみた！ - paiza開発日誌

2022/01/12 539 users 0310lan paiza開発日誌 ドキュメント 究極 学習

どうも、まさとらん（@0310lan）です！ 今回は、フロントエンド開発者およびこれから学習をしようと考えている人に最適な無料リソースを厳選してご紹介します。 学習コンテンツばかりでなく、開発に便利なサービスやツールなども紹介しつつ、初心者から中級者くらまで役に立つドキュメントもまとめています。すべて無料... 続きを読む

フロントエンド開発者のための便利なオンラインツール11選 - Qiita

2021/01/11 9 users Qiita モバイルブラウザ API 沢山 特定

私が愛用するオンライン開発ツール インターネット上には、フロントエンド開発者の生活を楽にしてくれる素晴らしいツールが沢山あります。この記事では、私が開発の仕事で頻繁に使っている11のツールについて簡単に説明します。 1. CanIUse Web APIが特定のブラウザで互換性があるのか、モバイルブラウザで使用できるの... 続きを読む

フロントエンド開発者は品質改善やTime to Recover短縮のために何ができるのか：Webフロントエンドエンジニアだけでスマホアプリ開発（終） - ＠IT

2020/11/26 12 users Webフロントエンドエンジニア スマホアプリ開発 品質改善

Webフロントエンドエンジニアだけでスマホアプリ開発（終）：フロントエンド開発者は品質改善やTime to Recover短縮のために何ができるのか リクルートテクノロジーズが開発している、B2Bのスマホアプリ『Airシフト メッセージ用アプリ』。Webフロントエンドエンジニアだけで行っている開発の裏側を明かす連載。最終回は... 続きを読む

フロントエンド開発者も知っておきたい�AWS Lambda とサーバーレス / Serverless for frontend developers - Speaker Deck

2020/11/09 16 users サーバーレス Speaker Deck https Blog

Transcript フロントエンド開発者も知っておきたい AWS Lambda とサーバーレス @Keisuke69 Front-End Study #1 Amazon Web Services Japan K.K. Keisuke Nishitani @Keisuke69 Programming is a creative work. Love Music ♫ Love Camping ⛺ Blog: https://www.keisuke69.net/ Everything will be serverless. ⚡ Why a... 続きを読む

AWS Amplifyを無理して使わなくてもいいケースについて挙げてみる - Sweet Escape

2020/10/22 15 users AWS Amplify AWS Sweet Escape

AWS AmplifyといえばAWSが提供しているフロントエンド開発者向けのライブラリやツールセットです。今回はそんなAWS Amplifyについてです。 はじめに おさらい AWS Amplifyはフロントエンド開発者にとっての銀の弾なのか 無理して使わなくてもいいケース バックエンド側のライフサイクルや開発部隊が分かれてる場合 AWSの... 続きを読む

フロントエンド開発者、スマホアプリのニーズの不確実性に挑む――価値提供のリードタイムを最短化する工夫：Webフロントエンドエンジニアだけでスマホアプリ開発（2） - ＠IT

2020/05/26 10 users 不確実性 Webフロントエンドエンジニア ニーズ 工夫 B2B

Webフロントエンドエンジニアだけでスマホアプリ開発（2）：フロントエンド開発者、スマホアプリのニーズの不確実性に挑む――価値提供のリードタイムを最短化する工夫 リクルートテクノロジーズが開発している、B2Bのスマートフォンアプリ『Airシフト メッセージ用アプリ』。Webフロントエンドエンジニアだけで行っている... 続きを読む

2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita

2019/07/21 504 users Qiita 最先端 ２０１９年版

こちらの記事は、『Learn to become a modern Frontend Developer in 2019 』の和訳になります。 はじめに 新年になって以前書いた記事を少し簡潔にして理解しやすいように書き直してみました。この文章に以前私が書いた文章と違ったことが書いてあったり、少し矛盾する内容が見つかってもあまり気にする必要はありませ... 続きを読む

Web制作者は要チェック！Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptはどう変わるのか

2019/04/26 69 users Chromium Edge CSS ワークフ 朗報

これから先、フロントエンド開発者に一番大きな影響を与えるのは、Chromiumを採用したEdgeがリリースされることだと思います。 IEへの対応が、、、Edgeへの対応が、、、と思っていた人には、かなりの朗報です。 Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptのどんな機能が使用できるようになり、ワークフ... 続きを読む

「フロントエンド開発者」の終焉 | キャリア・働き方 | POSTD

2018/01/18 591 users CSS HTML 著者 職業 POSTD

元記事の著者より：この記事は主に北米文化で私が見たことを反映しています。 誰かに職業をきかれたら、私は「フロントエンド開発者です」と答えます（答えは相手によって変わることもあります）。10年か20年前は、自分の仕事に必然的に伴うものが何なのかは、かなり明瞭でした。インタラクション用にHTMLやCSSを書き元記事の著者より：この記事は主に北米文化で私が見たことを反映しています。 誰かに職業をきかれた... 続きを読む

StackOverflowが「給与見積もりサービス」を公開。もしサンフランシスコのフロントエンド開発者だったら、ベルリンのデータサイエンティストだったら、給料はいくらか？ － Publickey

2017/09/20 222 users Publickey StackOverflow 学士 学歴

米StackOverflowは、エンジニア向けの給与見積もりサービス「 Calculate your salary 」を公開しました。職種、勤務地、学歴、経験年数、得意分野を入力すると、どのくらいの給料がもらえそうか教えてくれるサービスです。 例えば、フロントエンドエンジニアで勤務地はサンフランシスコ、学歴は大学卒（学士：Bachelors degree）、経験年数5年、得意分野をJavaScri... 続きを読む

5000人調査でわかった！世界のフロントエンド開発者が使うツールはこれだ - WPJ

2017/03/17 73 users フレームワーク CSS モジュール CSSモジュール WPJ

次々とリリースされるJavaScriptライブラリーにフレームワーク、進化を続けるCSSのモジュール……と、変化の激しいフロントエンド開発界隈。いま開発者たちに実際に使われているのはどんなツール？次々とリリースされるJavaScriptライブラリーにフレームワーク、進化を続けるCSSモジュール……と、変化の激しいフロントエンド開発界隈。いま開発者たちに実際に使われているのはどんなツール？ 開発経験... 続きを読む

モダンなフロントエンド開発者になるためのSPA超入門（1）：ゼロから学ぶ！　Single Page Applicationの特徴と主なフレームワーク5選 (1/2) - ＠IT

2017/02/21 97 users Single Page Application SPA

モダンなフロントエンド開発者になるためのSPA超入門（1）： ゼロから学ぶ！　Single Page Applicationの特徴と主なフレームワーク5選 (1/2) フロントエンド開発のアーキテクチャである「SPA（Single Page Application）」について、開発に必要となる各種フレームワークの特徴や作り方の違いなどを紹介する連載。 本連載「モダンなフロントエンド開発者になるため... 続きを読む

JavaScriptの2016年：フロントエンド開発者が押さえるべき重大トピック - WPJ

2017/01/19 110 users WPJ ECMAscript SitePoint トピック

相次ぐモダンなフレームワークの登場、脱jQueryの動き、ECMAScriptの進化など、SitePointの常連ライターが2016年のJavaScript事情を振り返ります。JavaScriptの2016年：フロントエンド開発者が押さえるべき重大トピック 2017/01/20 Craig Buckler Articles in this issue reproduced from SitePoi... 続きを読む

オープンなWebのカルチャーをVRに取り入れたい――WebVR開発者、ジョシュ・カーペンター氏に聞く：CodeZine（コードジン）

2015/11/18 23 users CodeZine WebVR バーチャルリアリティ デモ展示

Mozilla主催のフロントエンド開発者のためのカンファレンス「ViewSource Conference」が、北米・オレゴン州ポートランドにて11月2～4日に開催された。カンファレンスでは、Mozillaが現在開発中の、Webブラウザで体験できるバーチャルリアリティ（仮想現実：VR）技術「WebVR」に関するセッションとデモ展示が行われた。今回は、WebVRの開発に携わるジョシュ・カーペンター氏... 続きを読む

ハイパフォーマンスなWebを実現するasm.js／WebAssemblyとは――Mozillaのルーク・ワグナー氏に聞く：CodeZine（コードジン）

2015/11/13 132 users CodeZine WebAssembly Mozilla

Mozilla主催のフロントエンド開発者のためのカンファレンス「ViewSource Conference」が、北米・オレゴン州ポートランドにて11月2～4日に開催された。セッションのみならず、次世代Webに関するディスカッションも実施された。WebAssemblyの開発を担当し、ディスカッションのホストを務めたMozillaのルーク・ワグナー氏に、WebAssemblyやasm.jsの開発の目的... 続きを読む

ECMAScript 2015はなぜ策定まで時間がかかったか？ 仕様策定のリーダー、アレン・ワーフスブラック氏に聞く：CodeZine（コードジン）

2015/11/11 69 users CodeZine ECMAscript 策定 コードジン 時間

Mozilla主催のフロントエンド開発者のためのカンファレンス「ViewSource Conference」が、北米・オレゴン州ポートランドにて11月2～4日に開催された。ここで、ECMAScriptの仕様策定のリーダーを務めたアレン・ワーフスブラック氏は「ECMAScript 2015：なぜそんなに時間がかかったのか」というタイトルでセッションを行った。氏によると、2015年6月にリリースされた... 続きを読む

問題解決のためのスタイルガイド入門 : could

2013/12/17 86 users 印象 課題 デザイナー 一貫性 定義

ガイドラインデザイン 問題解決のためのスタイルガイド入門 人によってスタイルガイドという言葉から受ける印象は様々です。スタイルガイドで解決しなければならない課題は何かを明確にすることで、デザイナーと開発者がより密接にスタイルガイド開発に取り組むことができるようになります。 定義が広いスタイルガイド フロントエンド開発者からスタイルガイドという言葉を耳にするようになりました。効率的、かつ一貫性のある... 続きを読む

フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20 | Web | position: absolute;

2012/11/26 418 users デスクトップブラウザ absolute position

2012年11月26日 ｜ Web フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20 斉藤さん（@cssradar）が紹介していた20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowがおさらい的に参考になったので各項目の表題だけ訳して... 続きを読む