「フロントエンド」に関連する技術ブログ
企業やコミュニティが発信する「フロントエンド」に関連する技術ブログの一覧です。
全1323件中 1171 - 1185件目
Stackbitを触って感じるWebアプリ構築の進化のひとつの形
2019/12/19
ブックマーク
この記事はBASEアドベントカレンダー 19日目の記事です。 devblog.thebase.in Webアプリの解体 こんにちは。フロントエンドエンジニアの松原( @simezi9 )です 近年、Webアプリはクラウドの発展とともにそのあり方を大きく変質させてきました。 具体的にはXaaSの発展により、Webアプリはその構成要素をあらゆるレイヤにおいて細かく分解され、それらを開発者が組み合わせることで
Vue.jsでカスタムディレクティブを使ってユーザーの「見てる」を可視化する
2019/12/18
ブックマーク
目次 目次 はじめに とある日のこと カスタムディレクティブとは やりたいこと クラシルのデータ分析基盤 イベント定義シート イベントパラメーター型定義シート サンプル実装 カスタムディレクティブのコード Vueコンポーネントに適用してみる クラシルWebに実際に導入してみた結果 この実装を通して学んだこと おわりに はじめに こんにちは、dely株式会社 開発部の
RSpec を 6 倍速くしてカオスな CI を正常化した話
2019/12/18
ブックマーク
サービスエンジニアリング本部の山本です。 この記事は Enigmo Advent Calendar 2019 の 18 日目の記事です。 普段はフロントエンド中心の開発をしていますが、たまに DX(Developer Experience) 的なことにも手を出しています。 今回はそんな DX のお話です。 やばい CI エニグモ が運営している BUYMA は Ruby on Rails アプリケーションとして動いており、自動テスト フレームワーク として R
私が愛した怠惰・短気・傲慢
2019/12/17
ブックマーク
この記事は BASE Advent Calendar 2019 の 17 日目の記事です。 devblog.thebase.in こんにちは。Platform Dev Section マネージャーの大窪（ @bonnu ）と申します。 BASE には 2018 年の夏に入社し、現在はバックエンド基盤や SRE（Site Reliability Engineering）、フロントエンド基盤を担う各グループのマネージャーを務めさせてもらっています。 今回のアドベントカレンダーでは実用的なネタを思いつ
Go + TypeScriptによるGraphQLスキーマ駆動開発
2019/12/16
ブックマーク
こんにちは。宿泊事業本部の宇都宮です。この記事では、GraphQLをベースに、GoとTypeScriptでスキーマを共有しながら開発を進める方法について紹介します。 この記事は 一休.com Advent Calendar 2019 の16日目の記事です。 GraphQLとは ライブラリの選定 コードファースト vs スキーマファースト Goによるサーバ実装 TypeScriptによるクライアント実装 おわりに 参考文献 GraphQLとは GraphQL
10分で完成！WEBサイトパフォーマンス計測基盤 ver.2019
2019/12/15
ブックマーク
はじめに 本記事は dely Advent Calendar 2019 の15日目の記事です。 昨日は開発部サーバサイドエンジニアの高橋くんが「Rails6の複数データベースの仕組みと実装時にハマったところ」という記事を書きましたので是非読んでみてください。 tech.dely.jp こんにちは！dely開発部SREの井上です。 本記事ではWEBサイトのパフォーマンスを定期的に計測する仕組みについて紹介をしたいと
Vue.jsでWebの多様なユーザー/利用シーンに対応していくための公開素振り
2019/12/15
ブックマーク
この記事はBASE Advent Calendar 2019の15日目の記事です。 こんにちは。フロントエンドグループの加藤です。 私達は、「 Payment to the People,Power to the People. 」というミッションを掲げ、日々サービスづくりを頑張っています。 Peopleとは誰か このミッションにある、 People とは誰のことを指すのでしょうか？ 自分の周りの環境を想像しても、実に多様な人がいることがわかります
Visual Testingに最適な画像差分検知ツール「Gazo-san」をOSS化しました
2019/12/13
ブックマーク
こんにちは！ LIFULLのSETグループ (Software Engineer in Testグループ)の Ruey です。 前回はE2Eテストで使うテストフレームワーク「Bucky」を公開しました！ www.lifull.blog そして今回はVisual Testingで使う画像差分検知ツール「Gazo-san」を公開しました！ github.com この記事はVisual Testingと「Gazo-san」のポイントを紹介したいと思います。 目次 Visual Testingについて なぜVisual Testingが必要か Vis
Railsエンジニアがフロントエンド開発に入門してみた
2019/12/13
ブックマーク
スタメンでエンジニアをしている 田中 です。 普段はRailsエンジニアとしてTUNAGの機能改善を行なっていますが、以前から挑戦したかったフロントエンド開発の機会をいただけたので、今回はフロントエンド開発に入門してみた感想を記述します。 フロントエンド開発環境 はじめに、スタメンのフロントエンド開発環境について説明します。 スタメンのエンジニアが作っ
高位合成でFPGA開発！最短 1日で映像リサイズ機能を実装する
2019/12/13
ブックマーク
aptpodでは複数のカメラをフレーム単位で同期させて映像を取得できるカメラデバイスの開発を行なっています。 前日の記事 では、このカメラデバイスのエンコードを担当するSoCの話でしたが、 aptpod Advent Calendar 2019 13日目の今回は映像のフロントエンドに使用しているFPGAについての話題です。 カメラデバイスを開発する上で、FPGAでイメージセンサから取得した画像デー
新管理画面のAPIにGraphQLを採用した話
2019/12/10
ブックマーク
一休.com レストランを開発している所澤です。この記事は 一休.comアドベントカレンダー の10日目の記事です。 先日、一休.comレストランの管理画面をリニューアルしました。 この記事ではその際にAPIの実装方法として採用したGraphQLについてフロントエンド視点で利点や使い所について述べます。 GraphQLについて以下の記事がわかりやすかったです。 「GraphQL」徹
思わずへ〜ってなったTypeScriptのトリビア10選
2019/12/09
ブックマーク
はじめに こんにちは、フロントエンドエンジニアの all-user です！ これは delyアドベントカレンダー 9日目の記事です。 昨日はプロダクトデザイナーのkassyさんプレゼンツ「デザインとエンジニアリングをつなぐために重要な3つのこと」でした。 dely.design 開発現場でも直面することの多いコミュニケーションの問題と、それに対して心掛けていることについて書かれてい
Vue.jsのカスタムディレクティブ作って公開した話
2019/12/06
ブックマーク
この記事は BASE Advent Calendar 2019 の6日目の記事です devblog.thebase.in どうもこんにちは、Frontend Groupの青木です BASEではVue.js+TypeScriptを採用したフロントエンド開発を行っています 今回のブログでは、私が業務で直面したちょっとした課題を、Vue.jsのカスタムディレクティブを実装して解決し、npmのパッケージとして公開した話をします 何を作ったか vue-remove-whitespace - npm spanや
VeeValidate 2から3へのアップデート
2019/12/03
ブックマーク
この記事は、一休.com Advent Calendar 2019の3日目の記事です。 qiita.com 宿泊事業本部のいがにんこと山口です。 id:igatea UIUXチームでフロントエンドをメインに開発しています。 一休の宿泊予約サイト の一部のフォームではVue.js、およびVeeValidateを用いてフォームのバリデーションを実装しています。 そのVeeValidateのバージョンを 2.2.15 から 3.0.11 へ移行しました。 VeeValidateはメ
LaravelMixから卒業しました
2019/12/02
ブックマーク
こんにちは、M&Aクラウドの荒井です。M&Aクラウドサービスもリリースされてから1年半が立ち、開発メンバーも増えてきたので、フロントエンドのビルド周りをテコ入れしました。 フロントエンドのビルド周りの課題 M&Aクラウドの開発環境はLaravelに同梱されているLaravel Mixというライブラリーを使って整備されていました。 Laravel Mixは以下のようにほんの数行の設定を書