はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ フロントエンド

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 511件)

フロントエンド(React Testing Library)で TDD(テスト駆動開発)をする

2020/11/19 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip TDD フロントエンドエンジニア テスト駆動開発 テスト 日々

私はフロントエンドエンジニアとして働いてはいるのですが、巡り合わせが悪いのでしょうか?まともなテストを書いたことがないんですよね。まあ、それもでテストくらい書けないとなぁ。なんて思ってはちょいちょい調べたりする日々を過ごしていました。 そんなある日、たまたま TDD(テスト駆動開発) についての動画を... 続きを読む

ep.68 Web Standard な Modular CSS - 現場で使ってみてわかる Shadow DOM の嬉しさ | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/11/20 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip Podcast twitter.com キャッチ 現場 開発者

@AlanGDavalos が Web Platform Study Group Organizer の @takanoripe, LINE 証券フロントエンドエンジニアの @uhyo_ と共に、 Shadow DOM について語りました。 ゲスト紹介 @takanoripe https://twitter.com/takanoripe UI Designer / Front-End Engineer Web Platform Study Group Organizer 言及した Shadow DOM 関... 続きを読む

BASEの日付ライブラリについて - BASEプロダクトチームブログ

2020/11/05 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip base Frontend BASEプロダクトチームブログ

自己紹介 こんにちは。BASE株式会社のフロントエンドチームの谷口です。 本日は、BASEのフロントエンドで使用している日付ライブラリについてお話しします。 BASEの日付ライブラリについて BASEでは、frontendという領域が出来始めた当初、最もメジャーな日付ライブラリであるmoment.jsを使用していました。 その後、デ... 続きを読む

個人開発・スタートアップで採用すべき最強のアーキテクチャを考えた - Qiita

2020/10/28 このエントリーをはてなブックマークに追加 418 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita RDS CloudFront DynamoDB

結論 「アジリティ」「コスト最適化」「スモールな構成」「開発スピード」という観点でWebアプリケーションのアーキテクチャを考えてみました。 ServerlessFrameworkを使い倒す フロントエンドはS3 hosting + CloudFrontで。SSRもLambda@Edgeでできます データベースはRDSは使わずにDynamoDBで APIは基本的にGraphQL。必... 続きを読む

ep.65 好きな技術では妥協しない!LINEのフロントエンドエンジニアの技術選定 | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/10/23 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip React Podcast TypeScript キャッチ

@g4rds が、 @daisuke.yamamoto と @uhyo_ に、Vue 3 や React / TypeScript の技術選定とその理由について聞いてみました。 ゲスト紹介 @daisuke.yamamoto Data Visualization チーム フロントエンドエンジニア チームでは、Vue.js を主に利用しており、 RC から Vue 3 を開発に投入している @uhyo_ LINE 証券フロント... 続きを読む

React / Redux を実務で使うということは

2020/10/23 このエントリーをはてなブックマークに追加 169 users Instapaper Pocket Tweet Facebook Share Evernote Clip React Redux SPA 実務 ノウハウ

こんにちは、すずです Reactを使い始めて2年半経ち、その間に3つのサービス(SPA)を立ち上げてきました その経験から、 React や Redux を実務でしっかり使ってく上でのノウハウを紹介していきます (この記事ではある程度ReactやReduxの記事・ドキュメントを読んだ初学者を対象としています) 序 フロントエンド、モノを... 続きを読む

成熟したRailsアプリのフロントエンドを最新にリニューアルする方法(翻訳)|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社

2020/10/22 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip Evil Martians’ Evil Martians

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Keep up with the Tines: Rails frontend revamp — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2020/06/03 著者: Rita Klubochkina、Andy Barnov サイト: Evil Martians — ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です... 続きを読む

フロントエンドエンジニアの未来戦略~組織・個人における生存戦略~ | FLEXY(フレキシー)

2020/10/16 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip モデレータ サイボウズ フレキシー ディスカッション 質疑応答

2020年9月23日に開催されたCTOmeetupのイベントレポートです。今回はフリーランスで活躍する田中さんをモデレータとして、サイボウズの佐藤さん、リクルートの古川さんをお招きし、フロントエンドエンジニアの未来についてディスカッションを行いました。 質疑応答も交えながら、組織と個人、両者の視点でフロントエンド... 続きを読む

Vue3 について語る会をした - ROXX(旧SCOUTER)開発者ブログ

2020/10/13 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip vuejs ROXX 秋葉 Vue.js back check

ROXX backcheck 事業部でエンジニアやってる、秋葉です! 祝Vue.js3リリース Vue 3.0 "One Piece" is here! https://t.co/jH6FfByDmX— Vue.js (@vuejs) 2020年9月18日 弊社の2つのプロダクト、agent bank、 back check ともに、フロントエンドの技術として、 Vue.js を採用しており、Vue3への対応はROXXとして必ず課題と... 続きを読む

アルを iOS 14 のウィジェットに対応した際いろいろハマったので共有します|koogawa|note

2020/10/12 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウィジェット アル iOS iOS 14 iOSアプリ

アル エンジニアの小川です、こんにちは。最近はフロントエンド・バックエンドの開発をメインでやっております。 さて、先日久々に iOS アプリを触る機会があり、アルのiOSアプリを話題のウィジェットに対応しました。このウィジェットは、ユーザーがフォローしているマンガの新刊情報を表示できるというものです。今回... 続きを読む

月間13億PVのエラートラッキングにSentryで挑む|食べログ フロントエンドエンジニアブログ|note

2020/10/09 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip Sentry 佐伯 note フリーザ様 ログ

はじめまして。食べログFE(フロントエンド)チームの佐伯と申します。 このタイトルを書いてみて、数字の大きさに驚きを隠せません。 通常形態のフリーザ様(53万)何人分でしょうか。 2019年9月より食べログではフロントエンドのエラートラッキングにSentryを使用しており、今回は実際に運用して見えてきた課題などを... 続きを読む

社内でフロントエンドのパフォーマンスチューニングコンテストを開催した

2020/09/30 このエントリーをはてなブックマークに追加 401 users Instapaper Pocket Tweet Facebook Share Evernote Clip PLAID mizchi Node.js エンジニア 仕様

フロントエンド/Node.js エンジニアの mizchi です。plaid では新しい分析エンジンのフロントエンド側の技術的な仕様を考えたり、それを実装したりしています。趣味として社内の他のプロダクトのパフォーマンスを勝手に測って、貼り付けていくこともあります。 plaid のエンジニア組織には「組」という制度があって、メ... 続きを読む

技術的負債の返済の足がかりにテンプレートのParserを作った話 - LIFULL Creators Blog

2020/09/25 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip Parser Twig 足がかり テンプレートエンジン 負債

プロダクトエンジニアリング部の中島です。 今回はフロントエンドのテンプレート部分についての負債やレガシーな機構に対する改善の取り組みについて紹介させていただきます。 背景 LIFULL社のメインサービスであるLIFULL HOME'SのメインリポジトリのサーバサイドはSymfony + Twig(※テンプレートエンジン)の構成を採用し... 続きを読む

Svelteとは | Zenn

2020/09/22 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip React Svelte Zenn ライブラリ コミュ

はじめに 最近、フロントエンドでたまに聞く、Svelteというライブラリについての紹介記事です。 https://svelte.dev/ ReactやVue.jsのような宣言的にUIを記述できるので、簡単にWebアプリケーションやUIを作れる。かつ、バンドルサイズやランタイムが小さく、高いパフォーマンスが期待できるライブラリです。 まだコミュ... 続きを読む

node.js のメトリクスの計測、ベンチマークの改善、Docker イメージの絞り方を勉強した - mizdev

2020/09/19 このエントリーをはてなブックマークに追加 153 users Instapaper Pocket Tweet Facebook Share Evernote Clip Docker mizdev メトリクス 制約 メモリ

フロントエンドのパフォーマンス計測は得意なのだが、サーバーサイド node.js のメトリクスの取り方はあまり知らなくて、いつも勘でやりがちだった。最近は業務でこの周辺で困ることが増えたので、勉強しなおした。 また、最近使ってみたかった cloudflare workers の制限で、メモリ 128MB、CPU 時間 50ms という制約が... 続きを読む

Zennを支える技術とサービス構成 | Zenn

2020/09/16 このエントリーをはてなブックマークに追加 135 users Instapaper Pocket Tweet Facebook Share Evernote Clip Zenn 知見 気合い Next.js 技術

Zennという技術情報共有サービスを作りました。有益な知見をシェアした開発者が、その見返りを得られるようなサービスにしたいと思います。気合いを入れつつも、時間をたっぷりかけて育てていきます。 このページでは、Zennを支えている技術やサービスを紹介します。 フロントエンド Next.js フロントエンドにはNext.js... 続きを読む

ビッグリライトでシステム刷新した秘訣 ~ Anewsの成功事例から ~ - Stockmark Tech Blog

2020/09/15 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip Anews アーキテクチャ刷新 秘訣 プロダクト 両方

はじめにストックマークが提供するプロダクトであるAnewsにおいて、ビッグリライトによるフロントエンド・バックエンドの両方を含むアーキテクチャ刷新を成功させました。一般にビッグリライトは、ハイリスク・ハイリターンであり、難易度も高いと言われていますが、大きなトラブルもなく、かつお客様評価も高い状態を実... 続きを読む

Pug を HTML に移行して .vue ファイル の template タグ内に ESLint を効かせた話 - SMARTCAMP Engineer Blog

2020/09/03 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip SaaS Vue SFC Pug eslint

こんにちは!スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの中川です。 上記プロダクトのフロントエンドは Vue.js を用いて開発しているのですが、 その中で SFC 内のtemplateタグで使用していた Pug をやめて HTML に移行した件をこの記事ではお話しようと思います。 また、実際にtempl... 続きを読む

レガシーなフロントエンド環境をリプレースするためにチームでやっていること|食べログ フロントエンドエンジニアブログ|note

2020/08/31 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip note ログ フロントエンド環境 TypeScript 金野

はじめに はじめまして!食べログFE(フロントエンド)チームの金野と申します。 普段は、食べログフロントエンドの設計・開発や、新規事業・食べログテイクアウトの技術サポートなどを行っています。 食べログテイクアウトについては、Nuxt.js + TypeScriptの開発について記事を書いているので、興味がある方はぜひ御覧... 続きを読む

「マンガが快適に読める」を数値化し、SLOをマンガビューワに導入するまで - Hatena Developer Blog

2020/08/31 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip sLO SLI アクセスログ マンガビューワ 計測

マンガビューワにおけるサービスレベルとは なぜSLOを策定したかったのか サービスレベルを単純に決める 何をサービスレベル指標としてどう計測するか 一般的なSLIの表現 期間を移動しながら集計する アクセスログからサーバーのSLIを計測する PageSpeed Insights APIでフロントエンドを計測 プロダクトオーナーとともに... 続きを読む

ep.59 Twitter で再生できる音声プレイヤーの作り方 | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/08/28 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter Podcast UIT INSIDE 作り方

@potato4d が UIT INSIDE の Twitter 埋め込みプレイヤー対応について、 @kengo-miyamae に話を聞いてみました。 ゲスト紹介 kengo.miyamae '20 New Graduate Front-End Dev 6 Team LINE 公式アカウントのフロントエンド開発 UIT INSIDE の埋め込みプレイヤーを開発 UIT INSIDE の埋め込みプレイヤー対応 【PR】 UIT INS... 続きを読む

【Vue.js】負債を返却しながら機能追加しなければならない状況で実践したフロントエンドのコンポーネント設計 - クラウドワークス エンジニアブログ

2020/08/26 このエントリーをはてなブックマークに追加 91 users Instapaper Pocket Tweet Facebook Share Evernote Clip 負債 施策 クラウドワークス コンポーネント設計 Vue.js

はじめに こんにちは! 社会人2年目を頑張っております、エンジニアの@b0ntenmaruです。 今年2月までリファクタリング専門チームにてcrowdworks.jpの技術的負債を返却するために奮闘しておりましたが、そこから現在まではユーザーの皆様に安心安全なサービスを提供するためにクラウドワークス 安心安全宣言のための施策... 続きを読む

ep.58 デザインとフロントエンドの関係を Tailwind CSS から考えよう | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/08/21 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip Podcast Tailwind.css キャッチ CSS

@spring-raining が @f_subal @potato4d に Tailwind CSS やフロントエンドにおける CSS 設計について話を聞きました。 ゲスト紹介 pixiv フロントエンドエンジニア Tailwind.css + classNames() を型安全に扱う TypeScript Language Service Plugin を書いた Tailwind.cssとは https://tailwindcss.com/ Utility-first... 続きを読む

認証機能を独自実装する代わりにIDaaSのREST APIを使うアプローチ - r-weblife

2020/08/19 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip ritou IDaaS r-weblife 既存 あれこれ

こんにちは、ritou です。 最近のあれこれでIDaaSと呼ばれる機能に注目が集まっているような気がしますが、どうしてもフロントエンドでの導入部分が目に付きます。 「新規サービスで使っていこう」ならまだしも「既存のを何とかしたい」みたいな場合にフロントエンドまでごっそり変えるのなんて腰が重くなって仕方ない感... 続きを読む

フロントエンドエキスパートチームが選ぶ web.dev Live2020 オススメセッション - Cybozu Inside Out | サイボウズエンジニアのブログ

2020/08/18 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip サイボウズエンジニア Cybozu Inside Out

こんにちは、フロントエンドエキスパートチームです。 フロントエンドエキスパートチームでは、フロントエンドに関する情報共有会を社内向けに行っています。 2017年から2020年までに10回開催しており、「Web ページのパフォーマンス」、「React の今とこれから」、「Google I/O セッションまとめ」などフロントエンドに... 続きを読む

 
(1 - 25 / 511件)