Nuxt.jsでnoteの記事ページを置き換えました｜こんぴゅ｜note

2019/04/21 121 users Note Nuxt.js 描画 格段 Angular.js

noteの記事ページがリニューアルしてパワーアップしました。記事の読み込み、描画が格段に高速化されています。 noteのフロントエンドはAngular.jsの1系で運用されてきましたが、実行効率が悪く表示速度が遅いという問題がありました（特に古いスマホで顕著）。問題を根本解決するためにNuxt.jsへの移行を進めていました... 続きを読む

noteのフロントエンドをNuxt.jsへ刷新します｜こんぴゅ｜note

2018/07/25 409 users Note Nuxt.js フロントエンド noteチーム 問題

webサービスのUXを向上させるために、表示速度は非常に大切です。 しかしながら、noteはリリース当初からフロントエンドの実行速度が遅い=表示が遅いという構造的な問題を抱えており、継続率や離脱率など重要指標に悪影響を及ぼすリスクが強くありました。 noteチームはnoteを本格的なメディアプラットフォームへ成長さ... 続きを読む

GraphQLはRESTの置き換えではない｜こんぴゅ｜note

2018/05/07 129 users method RESTful GraphQL REST API

GraphQLは最近注目されているWeb APIのための問い合わせ言語だ。 現在主流の RESTful なAPIはURLとmethodでリソースを表現するわけだが、GraphQLは単一エンドポイント（ex: "POST /graphql"）だけ存在し、欲しいリソースをHTTP POSTのbodyに明示的に記載してリクエストする。 ↑JSON APIをGraphQLの形式でコールする（引用:  ho... 続きを読む

すべてをjsにまとめる思想を理解する - webpackハンズオンシリーズ｜こんぴゅ｜note

2018/03/18 389 users 思想 すべて

javascriptの開発では、sassやtypescriptなどのコンパイル、minifyやautoprefixerでの最適化、依存関係を解決しbundleするなど多様な工程があるので、属人化・職人依存を避けるために タスクランナー での自動化が昔から当たり前に行われています。 webpackはこの手のツールのデファクトです。webpackはタスクの自動化支援ではなく、なんでもjsにまとめるとい... 続きを読む

エンジニアは東横インに泊まるべきな理由｜こんぴゅ｜note

2018/02/05 441 users エンジニア ビジホ 東横イン 理由 冪等性

世の中にビジネスホテルは多数あって激しく競争しているわけだが、エンジニアが泊まるのに適した性質を備えたビジホは限られていると思う。そんな中で、東横インは完璧に技術屋のニーズに応えており頭一つ抜け出ている。それは一体どういうことか？を説明していきたい。 冪等性が完璧に担保されている 冪等性が担保されているとは「ある操作を何回実行しても、同じ結果が返ってくる、同じ状態になる」という意味で、ソフトウェア... 続きを読む

実はHerokuで充分なのでは問題｜こんぴゅ｜note

2018/01/29 184 users Heroku デプロイ ライブラリ デプロイ作業 サーバー

Herokuはwebアプリをインターネット上にデプロイする場所として広く使われている。web業界の人は誰もが一度は触った事があると思う。 何が便利なのかというと、デプロイ作業が極めて簡単なことだ。コマンド一発でサーバーが用意され、これまたコマンド一発でデプロイが出来る。一般に、webアプリは依存するライブラリが多種多様あり、それらを漏れなくインストールしないとデプロイ出来ないのだが、代表的なweb... 続きを読む

リニューアルした日経電子版が高速すぎてヤバイ件｜こんぴゅ｜note

2017/11/13 1499 users 爆速 全面 ヤバイ件 速度 web

日本経済新聞は国内を代表する経済誌だ。その 電子版 はwebでの継続課金を大成功させ、いまや50万以上の有料会員を擁するモンスターサイトだ。 その日経電子版が11月6日に全面リニューアルしたのだが、公開後、web業界がにわかにざわついた。表示速度が爆速だったのだ。日経公式も 2倍の表示速度を達成した と堂々と宣言していた。 webサービスは継続率こそ神KPIで、その継続率には速度が大きく影響する。... 続きを読む