「フロントエンド」に関連する技術ブログ
企業やコミュニティが発信する「フロントエンド」に関連する技術ブログの一覧です。
全953件中 916 - 930件目
babel-preset-env@2.0 を試した -トランスパイル環境をスケールさせていく -
2017/08/04
ブックマーク
こんにちは、制作部 フロントエンドエンジニアの武田です。 入社して5ヶ月経ちました。 ECMAScript の推し proposal は Cancellation API です。 今回は開発には切っても切れない Babel 、そのプリセットである babel-preset-env についてお話します。 このプリセットは Browserslist 1 の記述で compat table 2 を利用し、指定された環境にあったトランスパイルができるプリセットです。 使い方
コーポレートサイトをリニューアルしました
2017/07/28
ブックマーク
こんにちは、フロントエンドエンジニアの権守です。 既にお気づきの方も多いと思われますが、こちらのテックブログは今月から装いを新たにしています。これは 先日行った弊社コーポレートサイトのリニューアル に合わせたものです。 この記事では、今回行ったコーポレートサイトリニューアルについて実装面から紹介します。 特徴 今回のリニューアルの特徴は以
ザ・エンタープライズ！Enterprise APIs Hack-Night #10レポート
2017/07/14
ブックマーク
6月29日、Enterprise APIs Hack-Night #10が開催されました。このコミュニティは企業におけるAPI活用を啓蒙、ナレッジをシェアしていくというものです。今回は原点回帰し、Enterprise APIがテーマとなっています。 こちらはそのレポート記事になります。 富士通による社内API化の取組み by 富士通株式会社 鈴木 弘樹さま 富士通ではプライベートクラウドの中でApigeeを採用していま
初日から本番にデプロイ！VASILYフロントエンドインターンの紹介
2017/06/23
ブックマーク
こんにちは、フロントエンドエンジニアの茨木です。 VASILYでは通期でエンジニアインターンを募集しており、厳しい選考を突破した学生をインターン生として受け入れています。中にはインターン後選考に進んで内定を獲得するケースもあります。フロントエンドチームでも3月に来たT君が短期インターンを経てめでたく内定しました。本記事では、彼の事例をご紹介し
Fashion Tech meetup vol.4を開催しました
2017/06/09
ブックマーク
2017年6月7日、第4回目となるFashion Tech meetupを開催しました。今回はVASILYが主催となり、バックエンドチーム、フロントエンドチーム、データチームが業務で行っている開発・運用のノウハウを発表しました。 本記事で弊社の登壇資料を公開しますので、ご参加できなかった方、Fashion Tech meetupを初めて知った方、是非ご一読ください。 メインセッション VASILY流CSSコーディ
HTML5における画像のレスポンシブ対応方法まとめ
2017/05/25
ブックマーク
こんにちは、Webフロントエンドエンジニアの権守です。 弊社では200以上の提携ECサイトから集めた大量の商品写真を取り扱っています。そのサービスの性質上、画像配信の最適化は非常に重要な課題の1つです。今回は最適化の一環として画像のレスポンシブ対応を導入しましたので、その際に調査した内容やハマったポイントなどを紹介します。 はじめに Retinaディスプ
Web アプリケーションの遅い処理を特定する話
2017/05/09
ブックマーク
こんにちは、開発本部で「 ジョブメドレー 」の開発を担当している稲本です。 先日、社内で行っている TechLunch という勉強会で「Web アプリケーションの遅い処理を特定する話」という話をしました。 タイトルの意味する範囲が広めなので概要を記載すると以下の通りです。 NewRelic から処理速度を見ていく ChromeDeveloperTools 処理速度を見ていく RoR 関連のプロファイラから
社内勉強会 TechLunch で ECMAScript についての発表をしました
2017/04/11
ブックマーク
こんにちは、開発本部エンジニア平木です。 弊社では定例で TechLunch という社内勉強会を開いています。今回は自分が担当になったので、最近の動向も含めて ECMAScript について話をしました。 なぜ ECMAScript について話そうと思ったのか? ご存知の方も多いでしょうが、 ECMAScript とは JavaScript の仕様になります。 ここからは個人的な印象になりますが、つい数年前までは特
AWS サービスを用いた今後のバッチ処理のお話〜開発本部・ TechLunch〜
2017/03/21
ブックマーク
オンライン診療アプリ「 CLINICS 」を開発している田中です。 本日は、メドレー開発本部にて隔週で行われている勉強会（TechLunch）で、今後の バッチ処理 構成の 1 つとして活用できそうな AWS サービスの紹介を行ったので、その一部を紹介したいと思います。 背景と勉強会の目的 メドレーでの バッチ処理 メドレーの各プロダクトは環境として主に AWS を使用しており、い
複数サービスをマッシュアップする際に注意したいこと
2017/03/17
ブックマーク
企業がAPIを使う側に立った時、それは一つのAPIだけを使うとは限りません。APIでは複数のAPIを組み合わせるマッシュアップと呼ばれる形態が存在します。同じ市場に存在するAPI同士を組み合わせることで、API提供元ではできないサービスを提供できる可能性があります。有名なところではホテルや旅行の検索アプリケーションが挙げられます。 そうした複数のAPIを組み合
「メタプログラミング Ruby」ことはじめ〜開発本部・ TechLunch〜
2017/03/14
ブックマーク
医療介護の求人サイト「 ジョブメドレー 」の開発を担当している後藤です。 メドレー開発本部にて隔週で行われている勉強会（TechLunch）で メタプログラミング Ruby をベースに メタプログラミング Ruby 入門について発表したのでその一部を紹介したいと思います。 メドレーと Ruby 弊社では「 CLINICS 」、「 ジョブメドレー 」、「 介護のほんね 」と複数のプロダクトで Rub
デザインデータに忠実にCSSコーディングするためのテクニック
2017/02/03
ブックマーク
こんにちは、Webフロントエンドエンジニアの権守です。 フロントエンドエンジニアの皆さんは、リリース前の社内QAにてデザイナーにピクセルのずれを指摘されて修正したという経験があるのではないでしょうか。今回はiQONのPC・スマホサイトを構築する上で、デザインデータに忠実なCSSコーディングをどのように実現しているかを紹介します。 ツールの利用 PerfectPixel
CSSコーディング規約を導入して1年半運用した話
2016/12/15
ブックマーク
フロントエンジニアの茨木です。 皆様はCSSを書く際にコーディング規約を意識しているでしょうか。かつて、弊社にはCSSのコーディング規約が存在せず、CSSファイルの肥大化・クラス命名規則の不統一が発生していました。メンテナンスが難しくなってきた為、1年半ほど前にCSSコーディング規約を設けました。若干のルール追加を伴いながら、現在まで問題なく運用でき
【連載Zabbix】Zabbix 3.0/3.2 基礎構築手順【Zabbix Advent Calendar 2016】
2016/12/10
ブックマーク
Zabbix Advent Calendar 2016の10日目の記事です。カスタマーサポート課の伊藤です。 サーバーワークスZabbixスペシャリスト 九龍として今回はZabbix 3.0/3.2 の構築手順をご案内します。Zabbix の構築は、Serverパッケージインストール、DB構築、フロントエンドパッケージインストール、が主な流れとなります。Zabbix ServerとZabbixフロントエンド、ZabbixDBはそれぞれ、TCP/IPで接続している
JavaScriptで商品画像の拡大プレビュー機能の実装
2016/10/21
ブックマーク
こんにちは、Webフロントエンドエンジニアの権守です。今回は弊社で開発中のサービスで実装した商品画像の拡大プレビュー機能の実装について紹介します。 概要 新サービスの商品詳細ページに次の動画のような拡大プレビュー機能を実装しました。 このように拡大プレビュー機能があることで、デザインの細部や生地感がわかり、ユーザにとってよりよい体験を与え