PRPL パターンを使用して即時読み込みを適用する | Articles | web.dev
PRPL は、ウェブページの読み込みとインタラクティブ化を高速化するために使用されるパターンを記述する頭字語です。 遅れて検出されたリソースをプリロードします。 できるだけ早く初期ルートをレンダリングします。 残りのアセットを事前キャッシュに保存します。 他のルートやクリティカルでないアセットを遅延読み込みします。 このガイドでは、これらの手法がどのように連携し、独立して使用してパフォーマンスを向上させるかについて説明します。 Lighthouse でページを監査する Lighthouse を実行して、PRPL 手法に沿った改善の機会を特定します。 Ctrl+Shift+J（Mac の場合は Command+Option+J）キーを押して DevTools を開きます。 [Lighthouse] タブをクリックします。 [パフォーマンス] チェックボックスと [プログレッシブ ウェブアプリ
News Up 緊急現場取材 “同じ住所に250世帯” 現場に行ってみた | NHKニュース
「あす岐阜に行ってくれない？」。そんな指示を受けた私。事件？災害？何の取材かと尋ねると見せられたのがこのニュース。『岐阜市の所有する土地に住むおよそ２５０世帯がまったく同じ住所になっていて郵便物を配達する際などに混乱が生じているため市は新たに住居表示を割りふることになった』。２５０世帯が同じ住所ってどんな所なのだろうか。現場で話を聞いてみたところ意外な声が。（ネットワーク報道部記者 栗原岳史） 東京から新幹線～在来線と乗り継いでＪＲ岐阜駅に到着。さらに駅前からバスでおよそ２０分余り。長良川を渡って着いたのは静かな住宅街でした。東を見れば、織田信長が居城とした名城、岐阜城も眺めることができます。 この地の「鷺山１７６９番地２」、同じ１つの住所におよそ２５０世帯もが暮らしているのです。 同じ住所に２５０世帯！？広さは東から西の端まで歩いて４００歩余りでした。 早速出会ったのは、この地区の７０歳
レスポンシブデザインとアダプティブデザイン、それぞれの長所と短所
レスポンシブデザインとアダプティブデザインの違いに目を向けると、それはデザイナーにとって実に重要な選択肢があることに気付きます。インサイトを踏まえてこれらの選択をすることで、より目的に沿ったデザインを考えることができるでしょう。 モバイルデバイスの普及と多様化に伴い、デザイナーはさまざまな画面サイズに対応する必要が生まれました。これは現在、すべてのWebとアプリのデザイナーが直面している課題です。企業向けの巨大なモニターからスマートウォッチまで、ユーザーがオンラインで情報にアクセスする方法は数え切れないほどあります。 そのようなデバイス間の差を埋めようとするデザイナーには、２つのデザインの選択肢があります。アダプティブなサイトか、レスポンシブなサイトです。 レスポンシブデザインとアダプティブデザインの違いについて混同している人が、一定数見受けられます。どちらのデザインも経験していない人にと
技術を理解しようとしない記者はいずれ駆逐される
私は日経 xTECHの記者に加えて、日経NETWORKという雑誌を作る仕事もしている。その日経NETWORKの最新号で、人工知能（AI）に関する記事を執筆することになった。そこで機械学習や深層学習といったAIに関する技術をおさらいするために、都内の大型書店に参考書を買いに出かけた。 その書店の技術書フロアのAI関連書籍コーナーには、多くの本を抱えた先客がいた。10冊以上はあっただろうか。いずれも専門的な技術書ではなく、初心者向けの平易な解説書のようだった。「上司にAIについて報告するように命じられたのだろうか、あるいはAIが有望な分野だと思って自分で学習するつもりなんだろうか」といろいろ想像してしまった。 自分が買ったのも、専門的な技術書ではなく入門書だ。ただし、買ったのは1冊だけ。あらかじめネットで調べておいた本の内容を店頭で確認して購入した。その本を選んだ決め手は「AIを実際に研究して
軽い気持ちでLinkedListを使ったら休出する羽目になった話 - Qiita
ざっくり言うと リスト構造のデータに対してランダムアクセスはしちゃだめだぞ。お兄さんとの約束だ！ 発端 数年前に他部署の支援で作ったJavaのシステムに、ちょっとデカめのデータを突っ込んだらありえないほど遅いので助けてくれ、と連絡が入った。 まぁクエリとかインデックスをちょっと見れば直るっしょ・・・と鼻をほじりながら支援に向かった。 処理内容 遅い部分の処理は以下のようなものであった。 処理対象のデータをListで受け取る。 それをforループで1件ずつ前処理する。 処理結果をオブジェクトに格納し、ORマッパーでDBにINSERTする。 これだけ？ そう、これだけだ。並列処理なんて高級なことはもちろんやってない。 インフラ調査 処理中のサーバのようすを調査する。今回のインフラは典型的な3層3サーバ構成。 WEBサーバはなにもかもが余裕。 APサーバではCPUを1つ使い切っている。 14コア
W3C、「WebAssembly」仕様について初めてのワーキングドラフトを公開
W3CのWebAssemblyワーキンググループは、「WebAssembly」仕様に関する初めてのワーキングドラフトを公開した。WebAssemblyはすでに主要なブラウザで実装が進んでいるため、このまま順調に勧告となるのではないか。 マイクロソフト、Google、Mozilla、Appleなどの主要なWebブラウザベンダが協力して、Webブラウザ上でネイティブコードに近い実行速度で高速に実行できるバイナリフォーマット「WebAssembly」の開発に取り組んでいます。 すでに実装の面では、昨年2017年11月の時点でChrome、Firefox、Safari、Edgeの主要なWebブラウザでのWebAssembly対応が揃っていますが、同時にW3CにおいてWebAssemblyの標準化作業が進められています。 そのW3Cから、WebAssembly仕様について初めてのワーキングドラフトが
CodeBuild で Docker イメージに Git のコミットIDをタグ付けてバージョン管理する | DevelopersIO
CodeBuild で Docker イメージ作成時にバージョン管理のためにコミットIDとの紐付けを行い、どの Docker イメージがどの時点のソースコードのものなのか判断できるようにしました。 ども、藤本です。最近、CodeBuild をよく触っているので、CodeBuild のブログ多めです。 概要 CodeBuild は CodeCommit、S3、GitHub、BitBucket にあるソースコードをコンパイルしたり、スタイルチェックしたり、ユニットテストしたりできるビルドサービスです。最近、使った用途では GitHub リポジトリにあるソースコードから Docker イメージを作成して、ECR のリポジトリにプッシュするように自動化しました。 この仕組み自体は CodeBuild の公式ドキュメントに記載されている通りに設定すればできます。 https://docs.aws.a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
