Next.js 10 の画像最適化システム next/image を読んで理解を深める
※ ソースコードは 2020/11/20 時点の canary ブランチを参照しています。 Next.js 10 では next/image から提供されるコンポーネントを使用することで、開発者が特別に意識することなく画像を最適化することができるようになりました。リリースのタイミングで Next.js Conf が開催されていたこともあり、この機能は大きく話題になりました。 今回はコードを読みながら最適化の裏側を紐解いて next/image の理解を深めようと思います。 何を調べるのか 目的を持たずに読んでいると露頭に迷いそうなので、最初に何を調べるのか決めました。 今回は最適化の仕組みを紐解くことを目的として、コードを読みながら次の 2 つについて調べます。 最適化された画像の出し分け 画像最適化処理 結論 最適化された画像の出し分け img 要素の srcset 属性を利用して画面サ
M1とRosetta 2が速い理由の考察という名目の妄想
Apple SiliconのM1が速いと話題だ。単に速いというだけでなくRosetta 2を用いてx86_64バイナリをARMに変換して実行した時にIntel CPUで直接実行した時より速くなる場合があるというのだから驚きだ。その要因を考察するにつれ一つの仮説に思い至ったのでここに記しておく。 その要因とはRISCとCISCの違いだ。殴り書きなので詳細は省くが、CISCのほうがやってることが複雑で単純な実行速度という意味ではRISCに敵わない。特にRISCの固定長命令という特徴がカギを握る。 CISCの代表がIntelのx86である。しかし2000年ごろにはCISCはもう駄目だ的なことが声高に叫ばれていたが、気が付けばx86はそのまま栄華を極め2020年にまで至ってしまった。そこまで持ちこたえた理由の1つがRISCとCISCの境目がなくなる Pentium Proの逆襲に書かれているのだが
機械学習が「爆速」に GoogleがApple M1チップ専用TensorFlowライブラリを発表
Googleは2020年11月18日（米国時間）、機械学習向けのライブラリ群「TensorFlow」の公式ブログで、Appleが2020年11月に発表したばかりのMac専用SoC（System on Chip）「M1」およびIntel版Macに最適化したMac版の「TensorFlow」を発表した。TensorFlowはGoogleが開発し、オープンソースソフトウェアとして公開する機械学習向けのソフトウェアライブラリ群だ。 今回発表されたMac版TensorFlowは「macOS 11.0」以降の環境で動作する。本稿執筆時点では次のプレリリース版とアドオンが公開されている。 TensorFlow r2.4rc0 TensorFlow Addons 0.11.2 AppleのMachine Learning Researchが公表したベンチマーク資料。Macに最適化されたTensorFlow
“PC”の定義は何か まずはIBM PC登場以前のお話から
“PC”の定義は何か まずはIBM PC登場以前のお話から：新連載「“PC”あるいは“Personal Computer”と呼ばれるもの、その変遷を辿る」（1/3 ページ） 昔ながらのIBM PC、PC/AT互換機からDOS/Vマシン、さらにはArmベースのWindows PC、M1 Mac、そしてラズパイまでがPCと呼ばれている昨今。その源流からたどっていく必要があると思い、コンピュータの歴史ならこの人、ということで大原雄介さんにまた登場いただいた。1年たっぷりかけての長期連載になる予定だ。 “PC”、あるいは“Personal Computer”と呼ばれるものの定義は当初から曖昧であり、現在も曖昧なままである。 多分この記事をお読みの読者の少なくない方が「Windowsが動く、x86/x64ベースのマシンのことをPCと呼ぶ」という意見に同意されると思う。注意してほしいのだが別に筆者は「
GitHub accounts are now integrated into Visual Studio 2019 - Visual Studio Blog
Building new functionality, writing unit tests, and learning new technologies has never been easier or more fun. We are happy to announce that Visual Studio 2019 now offers a fully integrated GitHub account experience. Starting with version 16.8, you’ll be able to add both GitHub and GitHub Enterprise Server accounts directly from Visual Studio. The new functionality allows you to add and leverage
待ってましたァ！ AirPodsPro専用の低反発ウレタンイヤピース｢COMPLY｣が登場
待ってましたァ！ AirPodsPro専用の低反発ウレタンイヤピース｢COMPLY｣が登場2020.11.19 14:0022,097 ヤマダユウス型 これには世界中のウレタン派もニッコリ。 AirPods Pro専用のイヤーピースが市場に増えてきたこの頃、ついにCOMPLY（コンプライ）のイヤーピースもAirPods Proに対応しました。｢Apple AirPodsPro専用COMPLY™イヤホンチップ｣の登場です！ シリコンでは味わえないウレタンゆえのフィット感がウリのCOMPLY。AirPods Proに装着した状態でケースに収まるよう設計されており、AirPods Proでウレタンの装着感を味わいたかった人には待望のイヤピでございます。｢とりあえずCOMPLY付けとけばなんとかなる｣の精神で、色んなイヤホンに付けたものです。 見た目の印象もわりと変わりますね。もともとのシリコンイ
自宅に STF (Smartphone Test Farm) を立てて検証端末を管理する - Infinito Nirone 7
コロナ禍のなかで検証用の Android 端末をどう調達・管理するのかという話題を DroidKaigi.fm #4 でしてきました。その会話の中で、自分の場合は検証端末を全部自宅に持っていて、STF を使ってつないでいるという話をしたのでそのあたりを少し掘り下げてみようと思います。 STF とは Smartphone Test Farm という OSS ソフトウェアで、これをつかうことで Web ブラウザから STF サーバにつながっている Android 端末を操作できるようになります。adb による接続もできるので、端末を自分の PC に USB ケーブルでつなぐことなくアプリのデバッグが可能です。 github.com 本来は社内ネットワーク内などで STF サーバを立てておき、社内から誰でもブラウザで端末を使えるようにするようなユースケースで使うものですが、自分の場合は自分で会社
Conformer：Transformerを音声認識に応用！？ GoogleによるTransformer×CNNが凄すぎる！！
3つの要点 ✔️ TransformerとCNNを組み合わせたモデル，Conformerを音声認識に応用 ✔️ 畳み込みモジュールがConformerにおいて最も重要であることがわかった ✔️ 既存の音声認識研究の中でも最高の精度を確認 Conformer: Convolution-augmented Transformer for Speech Recognition written by Anmol Gulati, James Qin, Chung-Cheng Chiu, Niki Parmar, Yu Zhang, Jiahui Yu, Wei Han, Shibo Wang, Zhengdong Zhang, Yonghui Wu, Ruoming Pang (Submitted on 16 May 2020) Comments: Accepted at Interspeech20
PostgreSQL Benchmarks: Apple ARM M1 MacBook Pro... | Crunchy Data Blog
This graph is amazing to me: Of course Intel has Xeon processors that have pushed single core performance higher than these laptop-oriented Intel results. But look at that big cluster below 5 clients, showing how long they've been stuck in the same performance range when power and heat is limited. I mentioned last time Intel had only doubled performance in the 8 years of MacBook models I looked at
個人なら無償 インテルMac用仮想環境アプリ「VMware Fusion Player 12」レビュー (1/6)
Parallels Desktopと並んで、古くからMac用の仮想環境分野での人気を二分してきたソフトウェアにVMware Fusionがある。ただし近年は、業務用に主軸をシフトしてきた感が強く、一般ユーザーにとってはそれほどなじみがある製品とは感じられなくなっていたかもしれない。とはいえ、けっして一般ユーザー向けの製品がなくなってしまったわけではない。これまでもVMware Fusion Standardという比較的安価な製品も、脈々とバージョンアップを続けてきた。 そのVMware Fusion にも最新のmacOS Bis Surに対応する製品が登場した。VMware Fusion 12だ。製品のエディションとしては、Proと、Playerがある。Playerという名前から想像すると、別のアプリで作った既存の仮想マシンをインポートして実行するだけなのかと思う人もいるかもしれないが、そ
M1 Macの開発環境 - Qiita
MacBook Pro (M1)でのメモです。インストールできるかどうか状況確認メモです。 自分がよく使うものを中心に。なるべくARMネイティブになるように。もしプライマリーで提供されているインストール手段（.dmg利用など）でARM対応が済んでいればそれを紹介しますが、もしそれで対応していない場合にはMacPortsやソースビルドなどの結果も合わせて紹介します。 PowerPC->x86->x86_64とユニバーサルバイナリを挟んで対応してきたMacPortsはこういう過渡期に強いです。 なお、ここで紹介するバージョンは最新版から古い可能性がありますが、「M1サポートが追加された前後のバージョン」を明記するのを目標にしていますので、これより新しければ問題ないと見てもらえればと思います。 編集リクエストウェルカムです。 現在の状況 IDE/エディタ Eclipseはあまりきちんと試していま
開発メンバーが選ぶ、おすすめの技術書【2020年度】 - RAKUS Developers Blog | ラクス エンジニアブログ
技術広報のsyoneshinです。 今回は当社の開発組織メンバー達に 読んでよかった 自身が影響を受けた 他者にも読んでほしいと思った という観点で 『おすすめの技術書』とおすすめポイントを聞きました。 質問：皆さんの「おススメの技術書」 を教えてください。 【目次】 おすすめの技術書ランキング 『リーダブルコード―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)』 『マスタリングTCP/IP 入門編』 『体系的に学ぶ 安全なWebアプリケーションの作り方 脆弱性が生まれる原理と対策の実践』 『達人プログラマー 職人から名匠への道』 『Webを支える技術』 『SQLアンチパターン』 『Java言語で学ぶデザインパターン入門』 『はじめて学ぶ ソフトウェアのテスト技法』 『UNIXという考え方―その設計思想と哲学』 『Effective Jav
Rust言語でファームウェア、OS、言語処理系を実装して、CSS 2020で発表した - 未完成な論を綴るブログ
先月、国内最大のセキュリティ研究会であるコンピュータセキュリティシンポジウム 2020（CSS 2020）が開催され、そこで、Rust言語を用いてファームウェア、OS、言語処理系を設計・実装した話を発表しました。本来、CSS 2020はリアルで開催されるはずでしたが、コロナ禍の影響でオンライン開催となり発表動画作成が求められました。せっかく作った動画をこのまま捨て置くのももったいないと思い、ここで供養したいと思います。 www.youtube.com 概要 内容は、Rust言語を用いて、AArch64のセキュアワールド内で動作するファームウェア、OS、プログラミング言語処理系を実装した話となります。と言っても、まだまだ基本的な部分しか実装しておらず、実現目標に対して2〜3割と言ったところですが、どうぞご笑覧ください。 ブート部分は多少アセンブリ言語を使っていますが、その他の部分はRustで
Microsoft Releases Playwright Cross-Browser End-to-End Test Runner
How to Use Multiple GitHub Accounts Git is a popular tool for version control in software development. It is not uncommon to use multiple Git accounts. Correctly configuring and switching Git accounts is challenging. In this article, we show what Git provides for account configuration, its limitations, and the solution to switch accounts automatically based on a project parent directory location.
ソルトの効用 - JULY’s diary
以前、Rainbow Table の説明で、ソルトに関して id:JULY:20100515 Windows のパスワードの場合、「ソルト」と呼ばれる、パスワードに付加する乱数が無いので、同じパスワードから必ず同じハッシュ値が得られる、という側面もあります。UNIX 系 OS では「ソルト」が付加されるので、Rainbow Table が作りづらくなっています。 とサラッと流したのが、自分でも気になっていたのですが、エフセキュアブログの「ソルト付き SHA-1 は大丈夫か？」という話に言及*1したので、ソルトの効用に関して書いてみます。 ソルトとは 塩です。 というボケは置いといて、パスワードを保存する時に、何らかの「非可逆処理」を行った結果を保存しておく事は多いです。Windows での LM ハッシュや NTLM ハッシュ、UNIX 系であれば、古くは伝統的な「crypt」関数を使った
ECSからEKSへの移行への移行事例の紹介
発表資料の中に出てくるURLです。 * [Amazon EKSでのArgoCDを使ったGitOps CD](https://tech.recruit-mp.co.jp/infrastructure/gitops-cd-by-using-argo-cd-at-eks/) * [EnvoyとAmazon ECS Service Discoveryを利用したgRPCの負荷分散](https://tech.recruit-mp.co.jp/infrastructure/post-17098/) * [Amazon EKSでAWS App Meshを利用してgRPCサーバーを運用する](https://tech.recruit-mp.co.jp/infrastructure/post-20765/) * [https://tech.recruit-mp.co.jp/infrastructure/po
Apple Silicon 搭載 MacBook Pro 買った日記 - polamjaggy
Apple Special Event とかいう通販番組を見てたらテンションが高まってしまってうっかり 20 万円くらいの構成のやつを買ってしまったけど、全然後悔してない。 総評 M1 搭載マックのおもちゃ度まじで最高に高い、まともにうごく場面だと早すぎておもしろい、アーキテクチャ変わりすぎてるので細かいところで全く違う動きになってる場所がたくさんあるのもおもしろい、たまに動かないものがあるのもおもしろい— 12/5 #RTF_DJ 配信やりました (@polamjag) November 20, 2020 とりあえず 10 万円 (あるいは 10 万円台) で買えるパソコンのなかではウェブブラウザが世界最強レベルで快適に動くことはわかってて、それだけでも普通に価値ある— 12/5 #RTF_DJ 配信やりました (@polamjag) November 20, 2020 まだ matur
AWS、PythonでMeCabを使う際の語彙データを無料公開 | Ledge.ai
アマゾン ウェブ サービス ジャパン株式会社（Amazon Web Services、AWS）は、同社のオープンデータセットに、日本語自然言語処理で定番の形態素解析器である「MeCab」を、ラッパーライブラリであるfugashi経由でPythonで使用する際の語彙（ごい）データに加えた、と公式ブログで明らかにした。 多くの機械学習デベロッパーが、AWS上でさまざまなアルゴリズムの開発やモデルを構築している。なかでも、自然言語処理をする際には、対象言語の特性に即した形で前処理をする必要がある。日本語の自然言語処理を実施する際には、一般的に「形態素解析」と呼ばれる文章の分解処理を前位処理として実施する。 日本語形態素解析をするためには、日本語の語彙データが必要になる。語彙データは大きなサイズになるだけではなく、これらを用いた計算の際にも大量のGPUおよびCPUが求められる。そのため、従来このよ
リアクティブは難しいが役に立つ - Chatwork Creator's Note
お久しぶりです、かとじゅん(@j5ik2o)です。テックブログを書くのは何年ぶりか…。 サービスが停止したり応答性が低下すると、お叱りや逆に励ましをいただきますが、エンジニアとして設計レベルからそういった問題に対処するにはどうするか、日々精進しているところですmm。この記事はそういう論点で注目されている「リアクティブ原則」についてまとめてみたいと思います。 それなりのボリュームになってしまったので、時間があるときに読んでいただければと思います。 さて、Linux Foundation内の新たなトップレベルプロジェクトであるReactive Foundationが主催する、Reactive Summit 2020が11月10日にオンラインで開催されたので参加しました。 www.reactivesummit.org 参加されていたスピーカーはLightbendをはじめ、Netflix, Fac
部下の困りごとをマネジャーが解決しすぎない方が良い - $shibayu36->blog;
マネジャーをやっていると、1on1でいろいろな困りごとを相談されたり、雰囲気を感じ取ったりで、部下が困っていることがよく見える。その時「頑張ってマネジャーの自分が解決しないと！」と思い、全部自分で解決してしまうことがある。しかしこのようなやり方は正直デメリットが多く、やめたほうが良いと考えている。 これを続けていると、例えば 部下が問題はマネジャーが解決してくれるものと思いすぎてしまう可能性がある。するとこの仕事はマネジャー、この仕事はエンジニアと過度にカテゴリー分けがなされることがある 部下の問題解決能力、相談能力などの向上機会を奪ってしまう 細かい問題を解決しているだけで時間がなくなってしまう 結果的にスケールもせず、解決に取り組めない問題が増えていく 本当に解決すべき重大なチーム課題に取り組む時間がなくなる などといったことが起こりうる。こうなると実際には自分が色々問題を解決できてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
富岳を利用して世界の気象機関の500倍となる大規模気象計算を実現
Google Classroomに恐ろしい機能が追加されていた→叫びの声のほか、実際に現場で使われているツイートを紹介