最近JavaScript関連の開発で採用が進んでいる「webpack」は、JavaScriptファイルの変換や結合といった操作をコマンド1つで実行できるツールだ。本記事では、webpackとは何かという基本的な概念から導入方法、実際の利用例などを紹介する。 モジュール管理機構の不足や未サポート機能の問題をツールで解決する「webpack」 今日のWeb開発においてJavaScriptの利用は避けることができないが、JavaScriptのソースコードをどのように管理・デプロイすべきかという問題に対しては、まだ決定的な解決策が生まれていない状況が続いている。その根本的な原因の1つには、最近までJavaScriptにおいて普遍的に利用できるモジュール管理システムが存在しなかったことがある。 一般的なプログラミング言語では、大規模なプログラムを実装する際に作業性やメンテナンス性を高めるためプログラ

「ほぼ毎日、決済のトランザクション数が伸びていく状況だった」――モバイル決済サービス「PayPay」で昨年12月に展開した「100億円あげちゃうキャンペーン」（第1弾）について、PayPay社の山本啓介さん（プロダクト本部 テクノロジー1部 部長）はそう振り返る。 同キャンペーンは還元率の高さから注目を集め、わずか10日間で還元総額が100億円に到達し、終了した。その間、PayPayのサービスを支えるシステムは、ユーザー数の増加に伴い、不安定な状態に。障害が相次ぎ、何回もの緊急メンテナンスを余儀なくされた。 押し寄せる膨大なアクセスに、PayPayのエンジニアはどのように対応したのか。山本さんが6月14日、イベント「AWS Summit Tokyo 2019」のセッションに登壇し、キャンペーンの舞台裏を語った。 「予想よりもはるかに短い期間でキャンペーンが終了」 PayPayは、昨年10月

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleは、米国時間6月2日に発生した大規模障害についての詳しい情報を一部明らかにした。この障害では、米国東部などで「Google Cloud」を利用する大手IT企業が提供するサービスや、「YouTube」「Gmail」「Google検索」「G Suite」「Google Drive」「Google Docs」などの同社が提供するサービスが影響を受けた。 Googleのエンジニアリング担当バイスプレジデントBenjamin Treynor Sloss氏はブログ記事を公開し、同日に発生した障害の根本的な原因は、特定のリージョンの小規模なサーバーグループに適用するはずだった設定の変更が、誤っていくつかの隣接するリージョンの多数のサーバー

日本の現状を様々なエビデンスをもとに分析したデビット・アトキンソンの名著、『日本人の勝算』はもう読みましたでしょうか？ 素晴らしい本なので、ぜひ一読をおすすめします。その中に下記のような一文がありました。 生産性向上を実現させるためには、さらにどうしても避けて通れない問題があります。それは日本には規模のきわめて小さい企業が多すぎることです。この小さい企業の多さが、日本の生産性の低さの最大の原因なのです。 先進国の場合、小規模企業に務める労働者の比率と、生産性の相関は非常に高いというエビデンスが示されています。 たしかに大企業と小規模企業では、資本力に圧倒的な差がありますから、設備の充実度合いが異なります。 でもいまは、あらゆるオンラインツールが登場しているので、それを使い倒すことで、だいぶその差を埋めることができるはずです。 そこで起業準備フェーズから、起業後までずっと使い続けられるクラウ

There has been a silly amount of drama in the run-up to Tesla‘s annual shareholder meeting on Thursday. The company is set to hold a vote on “re-ratifying” the $56…

https://anond.hatelabo.jp/20181129233609 同じくSF在住。いいまとめサンキュ。他に俺が個人的によく使うのは： Limeここ1〜2年で急激に伸びてきた電動自転車や電動スクーター（電動のスケボーにハンドルが付いたようなもの）のシェアリングサービス。Birdなど競合も。各スクーターはGPSでトラッキングされていてスマホアプリで近くにあるスクーターを検索できる。使い終わったら乗り捨て。割とそこらじゅうに乗り捨ててあったりする時もあるので街の景観がちょっと変わった感があるが、それを超えて便利。でも乗る場所によっては割と危ない。大きな事故が出てくると規制もありうるかも。（追記：chanmiaさんのブコメによるとすでに規制されて台数が減ってるそうです。指摘感謝です） Netflix日本でも浸透してきてると聞くが、アメリカでも俺の周りだとみんな普通に加入してる感じ。

こんにちは！インターネット系のサービスとかをよく作ったりしている、けんすうと申します。早いもので、そろそろ20年くらいサービスを作っている人になってしまいました。 そんな僕ですが、2019年の1月22日に、「アル」というマンガのサービスを作ったのでお知らせいたします。 Web版の「アル」 iOSアプリ版の「アル」 なんでマンガサービスなの？小さい頃からマンガが好きだからです。 というか、こういってはなんですが、僕は趣味と呼べるものが、ほぼマンガしかなく、あとはインターネットくらいだったのですね・・・。 どんくらい趣味がないかというと、とある英会話学校での会話の練習で、「趣味は？」とビル・ゲイツ似の先生に聞かれたときに、趣味がなさすぎて、悩んだあげく「バナナを・・・食べることです」と答えたら、「いいかよく聞くんだ。バナナを食べることは趣味ではない。それは、食事だ。」とすごく丁寧な英語で言われ

はじめに この記事は設計・アーキテクチャ Advent Calendar 2018の１日目の記事です。 大きなサービスを支えるのは一筋縄では行かず、考えることは多くあります。しかし、ありがたいことに巨大な企業の中にも自社のサーバー構成やそれを支えるツールを公開している企業があります。 この記事では、彼らの叡智に触れるため、有名企業の事例を取り上げ要約をします。 各事例には元記事へのリンクを書いているので、興味があればリンク先も覗いてみてください。 ※新しいものばかりではないので、古くなっていたり既に別の方法に移行している可能性があることに注意してください。 LINE: 25k/secのスパイクをさばくアーキテクチャ 元記事: 25K request/secをさばいた「LINEのお年玉」のアーキテクチャの裏側 最初に紹介するのは、LINEが2018年に実施した、「LINEのお年玉」というイベ

Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals

世界のTOP100の(非上場)クラウド企業が使ってるツールをDriftがリストにまとめた。 その前にクラウド100企業とは何かというと、クラウド分野における全世界の非公開企業のうちForbes＋Bessemer Venture Partners＋Salesforce Venturesが中心となって選出した有望なクラウド企業のこと。 Source: Forbes このリストに登場した企業群が使っているツールをまとめたものだ。 Source: Drift クラウド100企業達の人気のツール 1位: Google Tag Manager HTML変更せずに管理画面内でタグの変更や更新などが可能。バージョン管理も可能。無料。 2位: Google Analytics アメリカ部も使用していますが、個人からしても無料の神ツールですね。リアルタイム解析くらい有料にしてもいいと思うレベル。 3位: G

Webサイトをどうやって作っているか？を調べるツールがありました。 「Wappalyzer」というツールです。 www.wappalyzer.com Wappalyzerは、ChromeやFirefoxのプラグインとして提供されており、インストールすると使えます。 ブラウザーでWebサイトを閲覧したとき、Wappalyzerのアイコンをクリックすると、そのWebサイトで使われているソフトやサービスなどが表示されます。 （例）はてなブックマークを見たときは、以下のような内容が表示されました。 Webサーバーソフトは「Nginx」、キャッシュソフトには「Varnish」を使っていることなどが分かります。 これでいろんなWebサービスを調査してみれば、Webサイト制作の参考になりそうですね！ Wappalyzerの参考情報 forest.watch.impress.co.jp www.leon-

今回は、Webサービスを個人で開発して月10万円以上稼ぐことができている人たちの事例をまとめてみました。会社員としての本業で月10万円（年収にして120万円）の昇給を達成するのは結構大変ですが、個人でWebサービスを開発して月々10万円以上の収益を作る方がやりようによっては簡単なのかも？と思えてくる内容になっています。 Webサービスを個人で開発して収益を上げている事例ってあんまりまとまっていなかったりするので、これからWebサービスを作る上での参考にしようとまとめてみました。 個人で月10万円以上のWebサービスを作っている事例 それでは、Webサービスを個人で開発している人の記事をみていきます。 ゴリゴリ開発しまくるスタイル blog.sesere.net 7年間Webサービスを個人で作り続けた猛者。公開された日に記事を読みましたが、めちゃくちゃWebサービス作りたくなりましたw 王道

はじめまして。ピクシブで広告関連のプロダクトを開発しているeastです。今回は、社内で運用している広告配信サーバーの負荷テストを実施したので、その話をしたいと思います。 経緯 ピクシブの広告配信サーバーは、pixiv本体を中心に複数のサービスに対して広告配信を行なっています。現在私はこの広告配信サーバーの大規模改修を行なっているのですが、先日ついに広告配信サーバーの改修がほぼ完了したので、試しに負荷試験を行なってみたいと思い立ちました。 目標は毎秒1万リクエスト ピクシブの広告配信サーバーへのリクエスト数はDailyで 4〜6億req もあり、これは毎秒平均に直すと約 5,000RPS(Request Per Second) になります。さらに、ピークタイムである休日の深夜帯には 12,000RPS にも達します。つまり新しい広告配信サーバーにも、毎秒12,000のリクエストを捌く性能が必

ここまでガバガバなサービスも珍しいですね… 【2018/02/01 20:47 追記】Osushi公式アカウントからメンテナンス・改修に関する公式なツイートがなされたため追加しました。 【2018/03/07 16:36 追記】Osushiがリニューアルされてサービスを再開しました。このまとめで指摘されているような問題点がほぼ全て修正されており、法的に問題がなければ期待できそうです。

スマートフォンからフリック入力で文字を打てば、PCのWebブラウザ内にその文字が反映されるサービス「フリック入力くん」（iOS 11以上に対応）を、大学生でエンジニアの古田克海さんが開発した。わずか1時間で構築したという。 「フリック入力くん」は、専用ページのQRコードをスマートフォンで読み込むだけで、PCとスマホを接続。スマホのWebブラウザからフォームに入力したテキストが、そのままPCのWebブラウザ上に反映されるサービス。 Web上でも端末同士でP2P通信を行える「WebRTC」を活用しており、WebRTCに対応したiOS 11以上と一部のAndroid端末で利用できる。

ピクシブ株式会社で開発基盤チームとして働いている @catatsuy です。 前編ではpixivを常時HTTPS化する前にやった前準備として、広告、画像といったリソースをHTTPSに切り替える際の手順を紹介しました。 pixivを常時HTTPS化するまでの道のり（前編） - pixiv inside 後編では実際にpixivのアプリケーション自体を常時HTTPS化していく手順を紹介します。 従来のHTTPS配信 pixivはPHPアプリケーションを実行するアプリケーションサーバー(Apache/mod_php)の前段にnginxを配置する構成になっています。以前からセキュリティ的に重要なページはHTTPSで提供しており、nginxでHTTPS終端処理を行っていました。HTTPSで応答する場合はアプリケーションサーバーにX-HTTPSヘッダーを付けてプロクシーしています。 具体的には以下のよ

ピクシブ株式会社で開発基盤チームとして働いている @catatsuy です。主にpixivの技術的な改善をしていますが、広告チームも兼任しているので広告周りの開発もしています。 今回pixivの常時HTTPS化を担当したのでやったことを紹介します。 pixivをHTTPS化した理由 現在のインターネット全体の流れとして常時HTTPS化が進んでいます。エドワード・スノーデン - Wikipediaが暴露したNSAの事件発覚や 公衆無線LANの利用拡大により、通信経路上でユーザーの個人情報を保護することがインターネット全体として非常に重要になってきました。Googleが行っている調査によると、HTTPSページの閲覧時間はウェブ全体の利用時間の3分の2にも及びます。 それだけではありません。ブラウザに新しく追加されるAPIや機能（HTTP2/WebRTC/ServiceWorkerなど）はHTT

けものフレンズのロゴってカラフルでかわいいですよね！そんなわけで、けものフレンズっぽいロゴを作れるジェネレータをつくりました。たぶんだいたいのブラウザで動くと思います。（ただしＩＥはブラウザではないものとする。また、一部のブラウザでセキュリティ制限のため保存ができないという情報が入っています） けものフレンズ　ロゴジェネレータ つかいかた！ 使いかたはサーバルちゃんでもわかるくらい簡単！テキストボックスに文字を入れれば、それがそのままロゴの文字に反映されます。あとはそのロゴの画像を右クリックとかそういうので保存すればＯＫです。下の方にダウンロードボタンもつけたので、これを押しても保存できます。ロゴの画像は背景が透明のPNG画像なので、何かの素材としてお使いください。なお、カラーリングや文字の傾きなんかは、ページを再読み込みをするとランダムに変化します。配色が気に入らない場合は再読み込みして

ピクシブのリードエンジニア道井俊介(ニックネーム：はるかさん)に、画像変換技術の未来について語っていただきます。 （※この記事は、「画像の価値は上がったのに、技術は10年前から変わっていない ─ ImageFluxで描く画像変換の世界」の後編です。） これからの画像変換システムのありかた ── はるかさんは、これからの画像変換のあるべき姿をどのように捉えているんですか 今でこそEC2みたいなクラウドサービスがあるけど、そうじゃなかった時代のことを思い出して欲しいんです。物理サーバーの時代。やれCPUがどうだとか、SSDに何をつかうだとか、省電力モードがどうとか。Linuxを入れればとりあえず大丈夫でしょ、とか言われてたけど、実際に運用に乗せると、そうでもないですよね。 BIOSの設定がどうなってるだとか、そういう細かいところは、日々のルーチンワークとしてやっていたはずなんですよ。そこに、E