はじめに こんにちは。ZOZOTOWN開発本部アプリ部バックエンドの髙井です。普段は筋肉のビルドが趣味のエンジニアをやっています。私のチームではZOZOTOWNアプリのバックエンド全般の開発から運用までを行っています。 突然ですが、皆さんご存知でしょうか？　ZOZOTOWNはカスタマーサポートセンターの運営管理や従業員のマネジメント等を総合的に評価する「HDI五つ星認証プログラム」にて、五つ星認証を4回連続で取得しています。これは、CS（カスタマーサポート）対応をする弊社社員の皆さんの愛あるサポートの賜物で、同じサービスに携わる身としてもとても誇らしい気持ちです。 そんなCS対応ですが、問い合わせによっては原因調査をエンジニアが行っています。本記事では、CSからエンジニアに来たお問い合わせ（以後、CS問い合わせと呼ぶ）をまとめたレポート作成の自動化についての事例を紹介します。運用コストを抑

はじめに こんにちは、技術本部SRE部ZOZOSREチームの堀口です。普段はZOZOTOWNのオンプレミスとクラウドの構築・運用に携わっています。またDBREとしてZOZOTOWNのデータベース全般の運用・保守も兼務しております。 ZOZOTOWNではSQL Serverを中心とした各種DBMSが稼働しています。その中でZOZOTOWNサービスの根幹となるいわゆる基幹データベース（以下、基幹DBと呼ぶ）を5年ぶりにリプレースしました。 基幹DB群は、商品情報、在庫情報、注文情報、会員様情報、ブランド様情報、配送管理、キャンペーン情報、分析系情報などZOZOTOWNサービスにおけるほぼ全ての情報を管理しているものとなります。 リプレースのモチベーションは5年のハードウェア（以下、HWと呼ぶ）保守期限終了およびSQL ServerのEnd Of Life（以下、EOLと呼ぶ）を迎えるため、HW

はじめに ZOZOTOWN開発本部の武井と申します。ZOZOTOWNのフロントエンドリプレイスプロジェクトを主に担当しております。ZOZO DEVELOPERS BLOG でも「ZOZOのリプレイスプロジェクトで得られる唯一無二の経験。大規模サービスを進化させるやりがいとは」というインタビュー記事を掲載しておりますので、もしよろしければこちらも併せてご覧ください。 さて、本題です。現在ZOZOTOWNではオンプレミスかつ、モノリスだった既存システムをマイクロサービスAPIに責務を分割したり、インフラをクラウドに移行したりしています。しかし、いわゆるWebのUIを構築するためのシステムは現在も既存システムに新機能開発や機能改修を行なっており、リプレイスに着手できていませんでした。 そこで、まずホーム画面から段階的にリプレイスすべく設計・開発を昨年から行ない、無事リリースできました。ZOZOT

はじめに こんにちは、ML・データ部推薦基盤ブロックの宮本（@tm73rst）です。普段は主にZOZOTOWNのホーム画面や商品ページにおいて、データ活用やレコメンド改善のプロダクトマネジメントを行っております。 近年ビックデータ社会と言われる中、データドリブンという言葉をよく耳にします。ZOZOTOWNのホーム画面は、ホーム画面の各パーツごとにViewable Impression（以降、view-impと表記）を取得できるようになったことでデータドリブンな評価や意思決定が促進されました。 本記事では特にZOZO独自のview-impの設計とview-impを用いてどのようにホーム画面を改善しているかについて紹介します。データドリブンな施策の推進を検討している方に向けて、本記事が参考になれば幸いです。 本記事におけるViewable Impressionの定義 本記事ではホーム画面のvi

はじめに こんにちは。ZOZOTOWN開発本部フロントエンドの菊地（@hiro0218）です。 現在、ZOZOTOWNではWebフロントエンド技術のリプレイスプロジェクトが進行しています1。本記事では、WebフロントエンドのリプレイスでCSS in JSの技術選定をした際の背景や課題についてご紹介します。 既存技術スタックの課題 リプレイス以前の環境は、Classic ASPのテンプレートエンジンに依存したUI実装が多く存在しており、新規開発や変更のタイミングで実装をReact + CSS Modulesへ改修しています。そのため、レガシーな実装とモダンな実装が共存した状態です。 こういった背景から、リプレイス以前のUI開発では以下のような課題がありました。 グローバルなCSSが多く、CSSの変更がどこへ影響するのか予測しづらい Classic ASPのテンプレートエンジンに依存したUI実

こんにちは。ZOZOTOWN開発本部 バックエンド1ブロックの山本です。普段はZOZOTOWNのバックエンドやマイクロサービスAPIなどの開発に携わっています。 ZOZOTOWNは膨大なデータを有しており、テーブルやカラムの数も膨大です。しかし、ER図やテーブル定義に関するドキュメントは手動で更新されていたため情報遅れが生じ、信頼性が低いものとなっていました。 本記事ではその問題を解決するための取り組み、「データカタログ作成プロジェクト」について紹介します。 目次 目次 データカタログとは Dataedo dbdocs 背景・目的 課題の解決手段 内製したソフトウェアのアーキテクチャと基本機能 ER図作成UI 利用実績に基づく仮想外部キーの作成、カーディナリティの推定 リレーションシップを持っているテーブルペアの洗い出し 1:N or 1:1の推定 0以上か1以上の推定 リレーションシップ

githubでは自分のアカウント名でリポジトリを作成するとREADME.mdの内容がトップページに大きく表示されます。 個人のgithubのトップページなのでプロフィールとして活用する事が多いですが、書く内容や表示するものは基本的に自由です。 自分は仕事上、ほぼ毎日と言っていいくらいgithubにはアクセスするので、プロフィールというよりか、もっと自分が見たいオリジナルな情報をREADME.mdで確認したいと思っていました。 そんな時に、github Actionsを活用すればREADME.mdを自動で更新できるし、工夫すればできそうだなと思ったので、pythonを使って作成してみました。 今回はconpass(エンジニアをつなぐIT勉強会支援プラットフォーム)が提供している"conpass api"を活用して、自分が今月に参加するイベント一覧をgithubのREADME.mdに表示してい

はじめに 2020年新卒入社で、現在ZOZOWEB部所属の武井です。ZOZOTOWNのWebフロントエンド開発を担当しています。私は入社以来オフィスに2度しか出社したことがありませんが、そのうちの1度はスタッフインタビュー記事の撮影のときでした。アートがたくさんある素敵なオフィスですが、それ以降出社できていません。まさか新卒1年目からフルリモート勤務をすると思っていませんでしたが、先輩スタッフが仕組み作りをしてくださっていたおかげで快適に働けています。 さて、本題です。ZOZOTOWNではタイムセール、ショップ限定クーポン、抽選プレゼントなどのキャンペーンを期間限定で実施しています。このキャンペーンをより際立たせるためにキャンペーンページを作成し、ホーム画面やメルマガなどを通じてお客様にお届けしています。しかし、このキャンペーンページの作成が必要になった場合、エンジニアが都度実装しており、

参考 : Frequently asked questions 加えて wasm はパフォーマンスの他に移植生も考慮されて設計されています。これによって C++ などでクライアント向けに実装された SDK なども Web に移植できる可能性も生まれます。他にもゲームの SDK, 画像コーデック, 機械学習のモデル、言語ランタイムなども対象にできるでしょう。 とはいえ現実世界で使えているのか Google みたいなトップクラスの技術力の会社だけじゃない？と思われるかもしれません。次はプロダクションの例を調べてみます。 プロダクションでの導入例 Web アプリではまだそこまで実装例は多くないですが、着実にプロダクションでの使用例は年々増えているようです。Google は Meet だけでなく Earth でもプロダクション投入しているようで流石ですね… Google Earth Google

今年から ZOZO テクノロジーズの Web エンジニアになりました。@takewell です。 もう年の瀬になりました。一年は早いですがブラウザの寿命は存外長いです。 来年はきっと Internet Explorer のサポートブラウザから外すことができるかもしれない。来年はわざわざツールを介さずとも ECMAScript 202X が動くブラウザが世界中のみなさんに使われるようになるかもしれない。そう願ってなりませんが、現実はそうではありません。 こうした課題を少しでもマシにするために webpack (シェア 76%)を代表とする ESNext (ECMAScript Next Generation) なコードをレガシーブラウザにビルドしたり、コードを単一ファイルにバンドルしたりするツールが数多く存在します。(以降、ビルド&バンドルなどの事前変換処理をプリプロセスと表記します。) こ

Wi-Fi再入門〜見えない電波を知識で見抜く InternetWeek2016

(注：2017/04/08、いただいたフィードバックを元に翻訳を修正いたしました。 @liaoyuanw ) この記事は、私の著書 『Deep Learning with Python（Pythonを使ったディープラーニング）』 （Manning Publications刊)の第9章2部を編集したものです。現状のディープラーニングの限界とその将来に関する2つのシリーズ記事の一部です。 既にディープラーニングに深く親しんでいる人を対象にしています（例：著書の1章から8章を読んだ人）。読者に相当の予備知識があるものと想定して書かれたものです。 ディープラーニング：　幾何学的観察 ディープラーニングに関して何より驚かされるのは、そのシンプルさです。10年前は、機械認識の問題において、勾配降下法で訓練したシンプルなパラメトリックモデルを使い、これほど見事な結果に到達するなど誰も想像しませんでした。

早いものでエンジニアとして働き始めてから今月でもう1年です。 1年前は時給1,000円ちょっとのバイトと派遣をやっていました。 先日ようやく正社員としてプロエンジニアになれたので、この機会に文学部出身のぼくが勉強し始めてからの3年半でやった事/やらなかった事を備忘録的に残していきたいと思います。 対象読者 文系だけどIT業界ではたらきたい学生 これからプログラミングを勉強してIT業界への転職を考えている社会人 すでにプログラミングを勉強中の社会人(←エラい) 未来の自分 ただの備忘録ではありますが、これからIT業界を目指す誰かの参考になれば嬉しいです。 サマリー ~1年目: HTML/CSS/Wordpress ~2年目: JS/Ruby/Python ~3年目: モダンJS/Perl/Docker ~現在: React Native/ML/Vue.js エンジニア以前 タイトルにもある通

Photo by Gerald Rich 有吉です。昨年入社したpaiza(ギノ) の営業です。 ぶっちゃけエンジニアって、営業が嫌いな人が多いですよね。 「無理な納期の仕事ばっかりとってくる」とか、「技術を知らないのに『すぐできるでしょ』とか言ってくる」とか、不満はいろいろあると思います。私も、以前はそっち側の営業だった…かもしれません。すみません。 「以前は」というのは、自分でプログラミングを勉強してみたら、技術やエンジニアに対する意識がすごく変わったからです。 というわけで、今回は営業の私がなぜプログラミングを学ぶことにしたのか、何を使ってどんな勉強をしたのか、そして勉強したことで何が変わったのかをお話しします。 【目次】 ■私の簡単な経歴 ■なぜ営業がプログラミングを学ぼうと思ったのか？ ◆技術的なことがわからないと、営業としてよい提案ができない ◆プログラミングができる営業になれ

休日個人開発で学ぶテストコード！ 画像に“集中線”を合成するツールを作ってみよう プライベートでも何か作りたい！ そんなときの「今日からはじめる休日個人開発」シリーズ、第二弾はテストコードを書きながら簡単なMVCモデルの画像加工ツールを作ってみましょう。好きな写真に集中線を合成できます。 皆さん、プライベートで何か開発していますか？ 「何か作りたい」という気持ちはあるものの、いまひとつ何から始めたらいいのか分からず、動けないままの人も多いと思います。 そんな皆さんのために、「仕事以外にも休日に個人で気軽に何かを作ってみよう！」という企画の第二弾です。今回は、第一弾で用意した開発環境を使って、画像を加工するツールを実際に作っていきます。 せっかくですので、ただ作るだけではなく、テストコードも一緒に書いてみましょう。最近は、CI（継続的インテグレーション）やCD（継続的デリバリー）も一般的にな

TEDとは、起業家や研究者など時代をリードする人々がプレゼンテーションを行う世界最高峰のカンファレンスです。 講演を生で見るには審査を受けた上で会員になり、年会費8,500ドル(85万円以上)を支払うほか、6000ドル(60万円以上)のチケットを購入する必要があります。 高価な参加費に見合う素晴らしいプレゼンテーションが数多くあるサロンとして有名でしたが、2006年からなんと動画を無料配信するようになり、爆発的にその名が知られるようになりました。 本記事ではそのTEDのなかでも、見れば絶対に損しない、人生を変えてしまうほどのパワーを持つオススメの動画を7本紹介します。 1.マイケル・ノートン: 幸せを買う方法 「幸せはお金で買うことができるのか？」という誰しもが一度は考える疑問にハーバード大学ビジネススクールのマーケティング専門家マイケル・ノートン博士が答えます。 幸せは買える。そして幸せ

JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 ECMAScript 2015がリリースされて以降、JavaScriptの機能は大きく強化されました。const/let、アロー関数、クラス構文、Promiseなどが有名なところですが、ES2016、ES2017、ES2018、･･･ES2022、そしてさらにその先へJavaScriptの仕様は日々進化しています。JavaScript・TypeScriptの開発では、これまで当たり前だと思っていた手法を新しい新機能で置き換えることが何度もありました。 本記事では、JavaScriptのモダンな書き方について説明します。おもに2017年から2018年頃に搭載されたES2017・ES2018の機能について焦点を当てて解説します。 非同期のProm

現在36歳、北海道帯広市出身。大学時代は情報学部だったが、プログラミングのレベルが高くついていけず。20代はコールセンターのオペレーターを経てセンターのデータをVBAで処理を自動化する傍、PHPを独学する。あるアプリ開発プロジェクトをきっかけに34歳のときに一念発起して本格的にプログラミングの学習を開始。Udemyとの出会いがきっかけでスキルが飛躍し転職に成功。現在は都内のIT企業でRailsサーバーエンジニアとして勤務。年収は北海道時代の2.5倍になったというサクセスストーリーの持ち主。現在も人工知能(Python・数学)など最新技術を学習中。 34歳で本格的に学習を開始。2年で年収は2.5倍に。 プログラミングを本格的に学習しようと思ったきっかけは何だったのですか？ 20代のとき勤めていた会社ではAccess/ExcelのVBAを使ってデータ整理をする仕事をしていました。あるとき、仕事

新国立競技場の建設工事に関わっていた23歳の新卒男性が今年3月に失踪し、長野県で遺体で見つかった。警察などの調査で、自殺と判断された。「自殺は仕事が原因」として、両親は上野労働基準監督署に労災認定を申請、代理人の弁護士が7月20日に厚労省で記者会見した。 何が起きていたのか。男性は、大学卒業直後の2016年4月、都内の建設会社に就職し、現場監督をしていた。 2016年12月17日、新国立競技場地盤改良工事に従事することになって以降、極度の長時間労働、深夜勤務、徹夜が続いた。自殺直前の1カ月で、徹夜が3回もあり、夜22時以前に仕事が終わったのは5日だけだったという。 男性は2017年3月2日、突然失踪した。「今日は欠勤する」と会社に連絡があり、それを最後に一切連絡がとれなくなった。誰からの連絡にも応じなくなった。 そして、4月15日に長野県内で遺体が発見された。警察・病院の捜査の結果、「3月

2016年 6月28日投稿 2017年1月27日更新 どうもこんにちは、人生の目標のひとつが「教養を身につける」のきつねです。 大変な目標ですね(笑) 教養を身につけるには、まあとにかく本を読んで勉強する必要があるわけです。 しかし、そういう時ただ単純に「本を読む」とはいうものの、実際は“本が目の前にあってそれを読む”だけではない。本を目の前に持ってくる行程があるわけです。 出版社や書店のおかげで、本を購入するのは簡単ですが、膨大な量の本のなかから、読む本を自分で決める必要がある。 いや、本当にこれはなかなか難しいことです。 僕が本を読み始めたのは割と最近、先生についてドイツ語を勉強し始めたころなのですが、当時は”本について、本であることしかしらず”、 出版社のことや、本の型(文庫版とか)のことなんか全然わかりませんでした。 作家のことも全然しらないし、 文庫本といわれてもぱっとしなかった