Nuxt.jsでnoteの記事ページを置き換えました｜こんぴゅ
noteの記事ページがリニューアルしてパワーアップしました。記事の読み込み、描画が格段に高速化されています。 noteのフロントエンドはAngular.jsの1系で運用されてきましたが、実行効率が悪く表示速度が遅いという問題がありました（特に古いスマホで顕著）。問題を根本解決するためにNuxt.jsへの移行を進めていました（詳しい経緯は以下の記事をごらんください）。 今年から、おすすめページ、マガジンページ、コンテスト一覧ページなど部分的にNuxt版に置き換えていきました。nodejsやNuxt.jsサーバーの運用が初めてだったので一気に置き換えるのではなく少しづつリリースして様子を見ながら進めました。 運用を2ヶ月ほどしてみて、インフラ面、実装面で問題なさそうなことが確認できたため、noteのトラフィックの多くを占める記事ページ（このページがまさにそうですね）のNuxt.js版リリースを
アニメーションを高速化する「Velocity.js」を使ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOのづやです。 今更ですが、jQueryのプラグインでアニメーションを高速化してくれる「Velocity.js」を使ってみました。 今回は、簡単な使い方をまとめたのでご紹介したいと思います。 まずは準備から http://julian.com/research/velocity/ 上記の公式ページにjQueryやtransitとのアニメーションの比較をできるデモがありますが、他よりかなり軽快に動くようです。モバイル対応もいい感じらしいですよ。 使うときは、ソースをとってくるか、用意されているCDNなどからVelocity.jsを読み込みます。 <!-- 今回はjQueryも読み込む --> <script src="//code.jquery.com/jquery-2.1.3.min.js"></script> <!-- CDNから読み込んでみる --> <script s
時速40キロの高速歩行を可能にするブーツ！ 人間が地球最速の動物になる!? - TOCANA
【クイズ】 ダチョウ、ブレードランナー（オスカー・ピストリウス）、バイオニック・ジェミー（The Bionic Woman）に共通するものとは？ 答え：足が速いということ 3者とも地上最速の生物というわけではありませんが、そのスピードに憧れた人は多くいるはずです。もっとも、義足ランナー、オスカー・ピストリウスは、恋人を殺したことにより、その輝きを失いましたし、両足がサイボーグ化されているバイオニック・ジェミーの疾走シーンは、いつもスローモーションだったので、実際速いと感じたことはないかもしれません。というか、「バイオニック・ジェミーって何だ」と思った人の方が多いかもしれません。（70年代のアメリカ・テレビドラマ屈指の名作です。） 厳しいトレーニングを積まずにダチョウのように速く走りたいという人のために、バイオニック改造手術を受けなくても、義足を付ける必要のない四肢健康体でも、装着するだけで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
