仕事で Netlify にデプロイしたSPAの読み込みが遅いので原因を調査してほしい、という依頼を受けてウェブパフォーマンス調査を行った。顧客から許可をもらって、この記事ではNetlifyに対してどういう調査をしたのかを書く。 結論だけをまず書くと、NetlifyのCDNのファイル配信パフォーマンスは日本国内からだと非常に悪い。パフォーマンスを改善させるためには、Netlifyに直接アクセスさせるのではなく、前段に他のCDNやキャッシュサーバを挟んだりするほうがいいだろう。 調査の前提 日本国内からのみの調査 サイトには静的なファイルをデプロイしているのみ 該当するNetlifyにデプロイしたSPAをブラウザで試しに開いてみると、確かに初回の読み込みのパフォーマンスがめちゃくちゃ悪い。 Chrome Devtoolsを開いてネットワークタブでどういうふうにリソースの読み込みを行っているのか

FlexboxとCSS Gridのどちらを使った方がよいか悩んだことはありませんか？ FlexboxとCSS Gridの使い分け方、それぞれの違い、Flexboxの実装例、CSS Gridの実装例、FlexboxとCSS Gridを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。 Grid for layout, Flexbox for components by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS GridとFlexboxの違い CSS GridとFlexboxの使い分け方 CSS Gridの実装例 Flexboxの実装例 CSS GridとFlexboxを組み合わせて使用する フォールバックと古いブラウザのサポート CSS GridまたはF

注意 この記事は 2020 年 09 月 24 日現在、古い情報となりました。 eslint-plugin-prettier の利用は非推奨であると公式がアナウンスを出しています。 そのことについては Prettier と ESLint の組み合わせの公式推奨が変わった にてまとめましたので、こちらもご覧ください。 また eslint-plugin-prettier は公式推奨ではなくなりましたが、それは Editor などの外部環境の進化によるものでこのプラグイン自体に何か問題が起きたわけではありません。 そして eslint-plugin-prettier を利用した設定方法、特に eslint-plugin-prettier と eslint-config-prettier が何を解決していたかを知らないと、prettier-eslint が何をどう解決したかを理解できないはずなので

Let's Encrypt にバグが発見されました。利用ドメイン全体の 2.6% のサイトに影響があるとの事です 有効な証明書の 2.6% に影響があるとの事です。影響があるサイトは 2020/3/4 までに対応が必要です。すでに期限は過ぎています。該当サイトには個別にメールが届きますが、メールが届かない場合もあるとの事なので注意して下さい。 この記事では問題の概要と該当するかどうかの確認方法、および対応方法について記載しています。 記事の修正を行いました（2020/3/6 追記） この記事は筆者の予想をはるかに超えて多くの方に読んで頂きました。ありがとうございます。改めて読み返してみると不完全な部分も多かったため、以下の修正を行いました。 2.6% の意味が不正確だったので修正 バグの概要と、その影響について以下の項に追記 問題の概要 どんな影響があるのか？ 確認方法の詳細、補足説明、注

はっしゃんです。 日経平均の歴代下落率ワーストを ２０位までピックアップしました。 スターリン暴落からリーマンショックまで ７０年間に様々な株価暴落が発生していますが、 特定の年代に集中する傾向があります。 １９４０年代：１回 １９５０年代：２回 １９６０年代：なし １９７０年代：３回 １９８０年代：１回 １９９０年代：１回 ２０００年代：８回 ２０１０年代：３回 ２０２０年代：１回 特に２０００年代が突出していますが、 リーマン・ショックがあったからで、 改めてリーマン・ショックの異常さが 際立つ結果となりました。 株価チャートで下落率ランキングを 振り返ってみましょう。 １位　1987/10/20　-14.90%　ブラックマンデー　[詳細] ２位　2024/08/05　-12.40%　円キャリーショック[詳細] ３位　2008/10/16　-11.41%　リーマン・ショック　[詳細]

「Linuxシステムプログラミング」からの抜粋 Linuxシステムプログラミング 作者:Robert Love,ロバート ラブ発売日: 2008/04/16メディア: 大型本 ファイルとファイルシステム ファイルはLinuxの中でも、もっとも基本的かつ重要な概念。 Linuxには、すべてものはファイルである（everything-is-a-file）という思想がある。 ファイルディスクリプタ オープンしたファイルを使用する際にはディスクリプタを使用する。 ディスクリプタは一意な識別子で、オープンしたファイルのメタデータとファイルを対応させるものです。 Linuxカーネル内では、ディスクリプタは整数で表現され、ファイルディスクリプタまたは省略してfdと呼ばれる。 通常ファイル 一般的に「ファイル」と呼ぶものは、Linuxでは"通常ファイル"と名付けている。 「通常ファイル」はその内容としてバ

2024-06-12 追記: 書いた内容自体はそうなんだけど、なんだかんだで `final` 書くほうがいいやってなってます😜 ほら、「やめてみた」なんで。ほら。 Javaの話ね。バージョンは8以降の実質的final（effectively final）があるものとします。7以前は匿名クラス（この呼び方は 匿名クラスとかローカルクラスとか参照）でローカル変数を使うにはfinalが必要なので文脈変わります。 前提の整理 final は色々なところにつけられます。 例えばこんな感じ。 final class FooClass { final Object barField = new Object(); final void bazMethod(final Object quxParameter) { final Object corgeLocalVariable; } } このエントリで対

所有権（ownership）と借用（borrowing）とライフタイム（lifetime）はRust特有の言語仕様として有名である。 Rustではガベージコレクション（GC）を使用せずにメモリ安全性を確保するために所有権と借用とライフタイムの仕様を採用している。 この機構によって、Rustではプログラマが変数の値が有効である範囲を意識する必要がある代わりに、GCに関する実行時のオーバーヘッドがなくともメモリ安全でありスレッドセーフであるプログラムを記述することができる。 一方で、所有権は「『変数が値の所有権を持っている』というのは結局何のことなのかわからない」という混乱を生む要因でもある。 単純に考えると、変数に値が入っているのだから、変数が値を持っているのは当然のことのように思える。 そうすると、「値の所有権を持つ」とは一体何のことを言っているのかがはっきりとしなくなってしまう。 この混

こんにちは。最近やよい軒の彩定食にハマってるじゅっぴーです。 自分の確認と最近Pythonで競技プログラミング始めたよーという人向けを兼ねたPython高速化記事です。 競技プログラミングはAtcoderを想定しています。 はじめに Pypyを使う！ みんな一度は通る道 Pypy一択なもの Pypyじゃだめなもの Python定数倍高速化のテクニック 最後に はじめに 今回の今の時点でのA問題の言語別提出コード数、 全体: 7000 C++: 3240 Python3: 2000 って感じで75%くらいがC++とPython3で提出されてる— saba (@saba_kpr) 2019年5月25日 最近PythonでAtcoderをはじめている人がどんどん増えています。 一方で『Pythonの高速化テクニック：C++で書き直す。』というネタがあるほど、Pythonは劇遅です。 競技プログラ

Slide Decks for Tech Conferences, Training, Developer Advocates, and Educators

精神疾患や生きづらい性格を抱える人の中には、会社で働くことが苦痛で、フリーランスになることを夢見ている人がいるかもしれない。 筆者は、ある精神疾患を持っているため、集団の中で穏便になじむのが困難であるためフリーランスを選んでいる。過去3年間は会社にフルコミットをしたが、2018年度は、ほとんどの時間を自宅で過ごす働き方をした。 在宅勤務のフリーランスは、仕事依頼さえ安定していれば、はたから見るとストレスフリーな働き方に思えるかもしれない。確かに、会社生活で感じるようなストレスから解放されるのは事実だ。しかし、フリーランスだからこその悩み、葛藤というものも新たに生まれてくる。 この記事では、在宅勤務のフリーランスになったからこそ生じた生活上の問題点について記述する。n=1の個人的な話ではあるが、筆者は大したパッションもない凡人なので、真似できないような成功者の体験談よりは誰かの役に立つと思っ

ブックマークをタグで分類タグを使うと、ブックマークを分類することができます。タグとは、カテゴリあるいはフォルダのような、ブックマークを分類するための自分だけの識別子です。 ブックマークにタグをつけるには、コメントの先頭部分にタグを記入します。先頭から [...] でかこった単語がタグになります。例えば、『 [hatena][news] 』 と記述すると「hatena」タグと「news」タグを付けたことになります。 また、コメント欄下部の「タグを追加する」につけたいタグの名前を入力することで、同様の表示が可能になります。 「おすすめタグ」には他のユーザーがよく使っているタグが、「よく使うタグ」には自分がよく使っているタグが表示されています。これらをクリックすることで、直接タグを付けられます。 ブックマークにタグを付けておくと、同じタグを付けているエントリーをまとめて見られるようになります。は