「フロントエンド」に関連する技術ブログ
企業やコミュニティが発信する「フロントエンド」に関連する技術ブログの一覧です。
全956件中 871 - 885件目
React/Redux約三年間書き続けたので知見を共有します
2018/12/04
ブックマーク
Enigmo Advent Calendar 2018 の4日目の記事です。 この記事の目的 Enigmoが運営している BUYMA では古代から運用している jQuery の他に、2016年頃から一部ページのフロントエンドをReact/Reduxで構築しています。 私自身もEnigmoに入社してからの約三年間でReact/Reduxアプリケーションの開発に多数携わってきましたので、そこで培った知見を共有したいと思います。 React/Reduxの利点 まずは
技術負債を返却しようと挑んでいる最中と未来の話
2018/12/04
ブックマーク
この記事は mediba Advent Calendar 2018 ４日目の記事です。 おはようございます。 こんにちは。 こんばんわ。 創造部 新米部長 尾野です。 弊社の社員が運営メンバーとして参画している、 「BIT VALLEY -INSIDE-」というコミュニティにてお話させてもらった内容を中心に書き記します。 その時の模様は @samuraiRed さんにブログにしていただきました。 嬉しい限りです。 https://blog.samu
サードパーティJavaScriptの最適化
2018/12/04
ブックマーク
本記事は、一休.com Advent Calendar 2018の4日目の記事です。 qiita.com 宇都宮です。宿泊事業本部でWebフロントエンドの開発をしています。 今日は、パフォーマンス改善に取り組むフロントエンドエンジニアの多くが頭を悩ませているであろう、サードパーティスクリプト(3rd Party JavaScript)について書きます。 サードパーティスクリプトとは サードパーティスクリプトとは、外部
VueコンポーネントのState管理を考える
2018/12/03
ブックマーク
この記事は一休.comアドベントカレンダー2018の3日目の記事です。 qiita.com 宇都宮です。宿泊事業本部でWebフロントエンドの開発をしています。 一休.comにVue.jsを導入して、約1年が経ちました。 スマートフォン版の予約入力画面 から始まり、PCとスマートフォン版のホテルページほか、さまざまなUIコンポーネントがVue.jsで実装されるようになってきています。 また、予約
SVGスプライトアイコンの作り方・使い方
2018/12/02
ブックマーク
この記事は一休.com アドベントカレンダー 2018の2日目の記事です。 qiita.com 宇都宮です。宿泊事業本部でフロントエンドの開発を行っています。 今回は、最近一休.comに導入した、SVGスプライトによるアイコンの作り方・使い方について紹介します。 StorybookのSVGスプライトアイコン一覧 アイコンの一般的な使い方 アイコンは、一般的に、以下のような方式で使用されると
イベント開催のお知らせ ~12/12(水) Ikyu Frontend Meetup~
2018/11/27
ブックマーク
こんにちは。今日はイベント開催のご案内です。 12/12(水) に一休.com / 一休レストランの開発事例についてのミートアップイベントを開催いたします。 Ikyu Frontend Meetup 今回は「フロントエンド開発」をテーマとして 一休レストラン スマートフォン検索ページのSPA化 一休.com スマートフォンホテルページのパフォーマンス改善 を軸にNuxt.jsの導入、コンポーネント設計、CSS
Markdown Parserの闇•闇•闇に浸かった話
2018/11/26
ブックマーク
こんにちは。桑原です。 2度目の投稿となります。 今回は TUNAG のフィードに埋め込まれている Markdown の仕組みについて解説します。 ※ ソースコード は部分的な公開になるため、ご了承ください。 前置き Markdown とは、テキストで HTML を表現するための マークアップ 言語です。 下記の画像のように、タイトルやプログラムコード、画像の埋め込みなど、多彩な表現が可
社内ISUCONをオリジナル問題で開催しました
2018/11/13
ブックマーク
はじめまして。コーポレート・コミュニケーション室の id:kfly8 です。 このたび、モバファクの技術ブログをはじめることになりました！日頃の開発で得られた知見など書いていければと思っています。 どうぞよろしくお願いします。 先日、研修の一環で、社内ISUCONを開催しました。ここでは、簡単に様子の紹介と問題を作るにあたって考えたことを述べます。 ソースコ
Git(Hub)+CircleCI+Slack で実現する静的コンテンツ配信システム
2018/10/31
ブックマーク
BASEでエンジニアリングマネージャーを担当している加賀谷です。普段は採用に携わったり、1on1での経験学習の促進などを通じて、個人と組織のアウトプットが大きくなるようにサポートする仕事をしています。また、サービス開発に関わる体験を良くしていくこともしています。その中で今回は、静的コンテンツのCI/CDでしていることを紹介したいと思います。 静的コン
「NuxtMeetUp#5」に参加しました
2018/10/24
ブックマーク
株式会社リビルドの嘉数です！ 10/18(木)に渋谷で開催されたNuxtMeeutup#5に参加してきました、渋谷です。基本的に嘉数は渋谷にいるときは 楽天 カフェで作業してます。 楽天 ペイで支払うとカフェ半額だし、電源もあるし素晴らしい。 NuxtMeetUp#5(再度枠増加) - connpass はい、NuxtMeetup#5について書いていきたいと思います。 NuxtMeetup#5に参加した理由 かんぼ（社長）「自社サー
SVGでloaderをつくる
2018/10/16
ブックマーク
1. はじめに こんにちは。エンジニアのミツモトです。 普段は TUNAG という 社内SNS サービスのバックエンドを担当しています。 フロントエンドの業務も行いますが、触れる機会が少なく、たまには動くものを作ってみたい！と思い、今回は SVG でloaderを作りました。 2. つくったもの See the Pen svg loader by mitsumoto ( @mmoto ) on CodePen . 3. SVG とは Scalable Vector Graphicsの略 ベクター 画
一休.comレストランのスマートフォン検索ページがSPAになりました
2018/10/09
ブックマーク
一休.com レストランは今年の 7 月 18 日、スマートフォン向け検索ページのリニューアルを行いました。このエントリーでは、その中身について少し紹介させていただきます。 検索ページの課題 一休.com レストランではスマートフォン向け検索ページに対して「遅い」という課題意識がありました。これは技術面で少しブレイクダウンすると; パーソナライズドを含む複雑
一休.comスマホサイトのパフォーマンス改善（JavaScript編）
2018/09/20
ブックマーク
宿泊事業本部の宇都宮です。 一休.com スマホサイトのホテルページパフォーマンス改善プロジェクト では、フロントエンドには以下のような要件がありました。 デザイン面は既存を踏襲する 機能はほぼ従来通り 日付等を変更した際の再検索は、画面遷移を挟まず、画面内で行えるようにする パフォーマンスをできるだけ改善する 要するに、従来と同様の機能+αを実現
一休.comスマホサイトのパフォーマンス改善（概要編）
2018/09/19
ブックマーク
こんにちは。 一休.com の開発基盤を担当しています、akasakasです。 今回は、一休.comスマートフォンホテルページリニューアルをリリースし、パフォーマンスが改善したお話をさせて頂きます。 UI部分は既存を踏襲する形をとり、UX・パフォーマンス改善にフォーカスして、所々で様々な工夫をしました。 お話ししたいことが盛りだくさんなので 概要編 JavaScriptパフォーマ
Firebase Analyticsで計測したデータをGoogle Analyticsで扱う
2018/09/14
ブックマーク
フロントエンド開発部の鳥居です。 サービスのKPIや施策の効果測定などを目的にAnalyticsツールはよく使われますが、Webとモバイルアプリが共存しているサービスでは、WebにGoogle Analytics(GA)、モバイルアプリにFirebase Analytics(FA)と、2つのAnalyticsツールが使われているケースがよくあります。 GAとFAの機能の差異から、分析の際に、GAの機能がFAで使えない、主にフィルタやセグ