フロントエンドのテストコードを書くときに大切にしていること - Cybozu Inside Out | サイボウズエンジニアのブログ

2022/11/14 196 users サイボウズエンジニア Cybozu Inside Out

こんにちは、フロントエンドエキスパートチームの @mugi_unoです！ kintone では フロントエンドの刷新プロジェクト（通称フロリア）が進行中です。 blog.cybozu.io kintone の開発では E2E 主体の自動テストを整備していましたが、 フロントエンドの刷新に合わせて、新たにフロントエンド側でのテストコードを積極的に... 続きを読む

OpenAPI + Zod で型安全な API クライアント出力

2022/09/28 50 users OpenApi Zod openapi-generator

バックエンドが OpenAPI（REST） で API 仕様を公開している場合、 フロントエンド側で OpenAPI の仕様から、 型安全、かつ API 仕様通りに型定義と API クライアントを生成したい場合があり、 現状　API クライアント生成系ライブラリとして、以下のいずれかが候補に上がるかと思います。 openapi-generator 様々な言語... 続きを読む

令和時代のページネーションを考える - Sweet Escape

2022/10/06 198 users Sweet Escape ページネーション レスポンス 実装

今回はバックエンドAPIでページネーションをどうやるかについての話なので、よくある無限スクロールUIのようなフロントエンド側の実装に関する話はしない。あくまでもAPI、もっと言えばRESTfulなAPIのリクエスト・レスポンスにおけるページネーションの話。 本気で深く考えるというよりざっくり検討したときの話です。 ... 続きを読む

React 時代に選ぶ GraphQL - とろろこんぶろぐ

2022/07/12 30 users RESTful React GraphQL API 技術選定

概要 先日新規の Web サービス開発でフロントエンド側の技術選定を行いました。 利用する技術の中で GraphQL を提案した際に、RESTful な API で呼び出す方法と比較して納得感がないという意見があがりました。 そこで、なぜ、どういうときに GraphQL を選定すべきだと思うか、文章にして自分なりにまとめておこうと思い... 続きを読む

2020年でJavaScript学ぶならきっとブラウザ向けJSガン無視していきなり初手node.jsがいいんじゃないかというメモ - min.t (ミント)

2020/11/12 213 users Python 何者 PHP min.t ミント

tricken@WPサイト設置した @tricken node.js が何者なのかようやくわかったわ……フロントエンド側のJavaScriptじゃなくて、PythonやPHPと同じように書いてはバイナリ実行＆サーバサイド実行できるタイプのJavaScriptってことか……Python3.8 と同じ感じでJavaScriptファイルが扱えることがわかって驚いている。 2020-11-11 ... 続きを読む

「銀行事業」「LINE証券」「LINE Pay」のフロントエンドエンジニアと裏方・SREは何をしているのか - ログミーTech

2020/10/27 14 users ログミーTech フロントエンドエンジニア ＬＩＮＥ証券

LINEではさまざまなFintechサービスを展開しています。今回のイベントでは、LINEの注力事業のひとつであるFintechサービスのうち、「銀行事業」「LINE証券」「LINE Pay」のSREとフロントエンド側の開発に携わるエンジニアが登壇し、LINEが金融領域で目指す将来、それぞれの業務内容や働く体制・環境などを説明しました。... 続きを読む

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

2020/09/30 401 users パフォーマンスチューニングコンテスト mizchi 仕様

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

日経電子版を高速化させるためにフロントエンド側で取り組んだ4つのこと - ログミー

2018/05/01 51 users ログミー カンファレンス 知見 プレゼンテーション 日経電子版

2018年2月11日、Webフロントエンドの現場とこれからをつなぐカンファレンス「Inside Frontend #2」が開催されました。Web技術の発展とともに多様化し始めているフロントエンド領域。今、それぞれの現場はどのような課題に取り組み、どのように解決しているのか？　さまざまなノウハウを持つエンジニアたちが、自身の知見を語ります。プレゼンテーション「日経電子版を速くするためにやっていること... 続きを読む

システムで「性別」の情報を扱う前に知っておくべきこと - Qiita

2018/04/12 1159 users 序文 Qiita 性別 国際規格 最後

序文 読んで時間を無駄にしたとか言われないために先に断るべきことを書きます ■ どんなことを書いてるか 人間の性別に関する国際規格 ISO 5218 のことと、それをそのままフロントエンド側に使ってはいけない理由、でもデータベース側ではきっちり使うべき理由、実際にどう実装するのがよさそうか、などを書きます。最後に予備知識程度に性別についての明日使えない知識を吹き込みたいと思います。 ■ 誰に向けた... 続きを読む

Swagger x Heroku で手軽に API モック＆ドキュメントを作る - Qiita

2018/02/06 77 users Heroku Qiita Swagger モツ API

概要 Web、モバイル問わず、アプリケーション開発する際には、フロントエンドとバックエンド開発が一斉にスタートすることが多く、フロントエンド開発はバックエンド開発待ちになるケースがよくあります。この待ちの時に、フロントエンド側で仮で叩ける環境があると、予め API の仮テストができ、開発が進みやすくなります。 この記事では Swagger と Heroku を用いて、 API のドキュメントとモッ... 続きを読む

Eclipseでシームレスなサーバーサイドとフロントエンド開発 - Qiita

2017/02/07 15 users Qiita サーバーサイド Eclipse Webpack

1. 背景 最近、Spring Frameworkを使用したプロジェクトをやっています。 サーバーサイド側のJavaはEclipseでの開発をおこなっておりますが、 フロントエンドにJavascriptのフレームワークであるVue.jsを採用することとなったため フロントエンド側ではnpm + webpackを使用した開発環境になります。 2つの環境を使い分けるのは不便であるため、Eclipseで... 続きを読む

reactjs - 【個人メモ】React.jsを使ってserver-sideレンダリングを試す - Qiita

2014/12/12 53 users Qiita reactjs DOM github.com 実例

React.jsのserver-side レンダリングを試す React.js Tutorialではフロントエンドでの実例が用いられていた。 githubリポジトリ上には、React.jsを使ってDOM(Virtual DOM)をサーバサイド側で構築し、 フロントエンド側にはレンダリング結果を返す、というサンプルがある。 https://github.com/mhart/react-server-... 続きを読む

フォーム作成時のHTML制作とかサーバサイド側EFOとかフォームの挙動とかでのサービスとかのメモ | Webディレクション | Webディレクションやってます blog | 名村晋治のWebディレクション、Webデ

2012/10/22 30 users 挙動 EFO Webディレクション Webデ メモ

先日ある案件で、フォーム周りの修正開発をしていたので、個人的に同様のフォームを次に作る時のメモとしてまとめたモノです。 久しぶりに真面目にブログのエントリーを書いた気がします。 フォームといえば「EFO(エントリーフォーム最適化)」が有名ですが、フロントエンド側でのEFOというよりは、HTMLを作る上での注意点とかサーバサイド側でのEFOだったりします。 フロント系は、EFOのASPとかも一杯ある... 続きを読む

web高速化のためのコーダー向け圧縮ツール・サービスまとめ | バシャログ。

2012/04/25 405 users バシャログ ishida web高速化 おいら サービスまとめ

ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。 さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応できることもかなりあります。 CSSのセレクタ構文の最適化やCSSスプライトによる画像リクエスト数の削減であったり。 今回は、ファイル容量を削減に焦点... 続きを読む

クレジットカード番号をバリデートできるjQueryプラグイン「Smart Validate」:phpspot開発日誌

2011/07/15 41 users jQueryプラグイン phpspot開発日誌 エラ データ

jQuery Credit Card Format Valiation Plugin: Smart Validate | EGrappler クレジットカード番号をバリデートできるjQueryプラグイン「Smart Validate」。 jQueryプラグインでフロントエンド側でデータのバリデーションが行えます。 あくまでフロントエンド側のチェックなのですが、入力ミスを防げるのは便利そうです エラ... 続きを読む