なぜあなたのウェブサイトは遅いのか
自己紹介 https://x.com/mizchi Node.js とフロントエンドの専門家 経歴 ゲームクライアント開発 Electron アプリ開発 サードパーティスクリプト フリーランス(2回目) 現在: 1ヶ月でパフォチュする傭兵 Core Web Vitals CI/CD 今日のスコープ 話すこと 主にフロントエンド/アプリケーション視点での計測 とくにエンドユーザーから見たウェブパフォーマンス体験 話さないこと 各クラウドやDBに特化したチューニング 結果として観測できるが、最初からターゲットにはしない パフォーマンス傭兵を始めた経緯 前職でサードパーティがサイト全体に与える影響(CWV)について調査 とにかくいろんなサイトを外部から計測 真の問題を特定しても「弊社とは無関係」で打ち返す以外なく、歯痒い コスパよく直せる部分をみんな放置している！！！ 非機能要件の優先度が上がら
Twitterの代替が無い事についての雑感
プログラマが自身の創作物やプログラムについて語る場としてのTwitterは、斜陽というかもう終わっているように思う。 だがそれの次というのが無いような気がする。 twitterの前はブログや2chが、作ったものを公開して反応を得る場だった。何か作ればそれなりに反応があった。 その後twitterになって、この反応はより大きな物になっていた時期があった。 現状だとredditとかHackerNewsは割と作ったものをアナウンスすると反響がある。でもtwitterは最近はあまり反応が無くなったように思う。 そもそもに以前反応してくれてた人たちはもうtwitterにあまり居ない気がする。 日本語で日本のコミュニティに作ったものをアナウンスする場があまり無い気がしている。 英語でredditに出せ、というのが結論なのかもしれないし、まぁ実際自分はそうしている。 ただ日本語の場も欲しいなぁ、とは思っ
批判された兵庫県知事選報道 2人のジャーナリストが抱いた違和感と新聞に課した役割
ＳＮＳ（交流サイト）が大きな影響を与えたとされる昨年１１月の兵庫県知事選。ＳＮＳ上では選挙戦直前から、告発者の元西播磨県民局長のプライバシー情報に大きな注目が集まった。新聞やテレビなどは「オールドメディア」と呼ばれ、「真実を隠していた」との批判が高まった。メディアの在り方について、ジャーナリストの池上彰さんと江川紹子さんに聞いた。 池上さんは知事選で見られたメディア不信について、ワイドショーを中心にした選挙前の報道が背景にあったと指摘。知事が視察先でワインをもらって帰ったことを「おねだり」と報じられた事例などを取り上げ、「全て知事が悪いかのような報道は違和感があった」とメディア側の過熱報道を批判した。 一方で、「メディアは裏付け確認が取れた事実しか報じられない。そのことが多くの人に知られていない」と、読者とメディアとのコミュニケーション不足についても言及した。 対して、江川さんは「新聞は基
簡単なタスク管理ツールが欲しい! 「Todoist」vs「TickTick」（後編） - 【徹底検証】本当に使えるChrome拡張機能はどれ?(20)
前回の連載に引き続き、ブラウザでタスク管理（ToDoリストの作成）を行える拡張機能を紹介していこう。今回は「TickTick - Todo & Task List」という拡張機能の使い方を紹介する。ユーザー数は「Todoist for Chrome」の半分以下になってしまうが、こちらも使い勝手のよいメジャーなタスク管理ツールといえる。 「TickTick - Todo & Task List」の追加とアカウントの登録 前回の連載では、タスク管理を行える拡張機能として「Todoist for Chrome」の使い方を紹介した。今回は、同じ用途にカテゴライズされる「TickTick - Todo & Task List」の使い方を紹介していこう。 「Todoist for Chrome」vs「TickTick - Todo & Task List」 まずは、拡張機能の追加手順だ。「TickTi
HTML の達人？async と defer で実力を証明せよ - Qiita
すべての Web 開発者は HTML を熟知していると言うでしょう。しかし… script の async と defer の違いを本当に理解していますか？ これらは現代のフロントエンド Web アプリでよく使われますが、意外と見落とされがちです。 まず、HTML における script タグの 3 つの使い方をまとめます。詳細は後述します。 デフォルト（順番に実行）: <script src='https://...'></script> ダウンロード後すぐに実行: <script src='https://...' async></script> ダウンロード後、最後に実行: <script src='https://...' defer></script> script（デフォルト） 説明 ブラウザが HTML を解析しているとき、デフォルトの script タグを見つけると： HT
ノーコードで業務の引継ぎアプリを作ってみた。 - Qiita
引継いでもらえない引継ぎ問題 どうも！皆さまのご近所の冷蔵庫（スーパー）で管理者として働くちょもです。 皆さま職場の上司・同僚・部下との引継ぎはどのようにされていますか？ 私の所属する管理者グループはB4サイズのノートを利用しますが、引継ぎをしてもらえないことが多々あります。 誰か来る予定だった 自分のいないところで決まった事項を聞かれるが答えられなかった。 など、目が点になることがしばしばあります。 個人的に単純に困りますし、人に迷惑は掛かるし、要らぬ恥だと感じています。 そこで、この引継がれない引継ぎ問題を最近始めたデジタルの力を使って改善していきたいと思います。 実際の引継ぎノートです。 引継ぎについてどう考えているか 引継ぎアプリを作るに当たり、私以外の3名に引継ぎについてどう考えているのか聞いてみました。
【JavaScript】 fetchでAPIに慣れるための問題集 #1 - Qiita
JavaScript Fetch 問題集 fetchをいっぱい使おうというだけの記事です webブラウザのJSエンジンではできなかったので、node環境で実行してください🙇 ▼周辺記事 🔰 初級編（4問） Q1. JSONPlaceholderの投稿データを取得しよう 問題: JSONPlaceholder API の /posts エンドポイントに GET リクエストを送り、最初の投稿のタイトルを console.log で表示してください。 エンドポイント: https://jsonplaceholder.typicode.com/posts 答え（クリックで表示） fetch("https://jsonplaceholder.typicode.com/posts") .then(response => response.json()) .then(data => console.
約30万台のHDDを運用するストレージサービス・Backblazeがモデル別故障率をまとめた「メーカー・モデル別統計データ2024年版」を公開
クラウドストレージサービスを提供するBackblazeは、自社データセンター内で30万台以上のドライブを運用しており、定期的にメーカーやモデルごとのストレージデバイスの故障率を公開しています。2025年2月11日に公開されたレポートでは、29万8054台のドライブに関する年間故障率(AFR)などの年間統計が報告されました。 Backblaze Drive Stats for 2024 https://www.backblaze.com/blog/backblaze-drive-stats-for-2024/ 2024年にBackblazeが運用したHDDは全27モデルで、運用台数が4万185台と最多だったのは東芝の「MG08ACA16TA」です。2024年における全モデルの平均AFRは1.57％で、総故障発生数は4372件でした。なお、故障発生件数が0のモデルはありませんでしたが、Seag
え？本買ってるの？？もっと良い方法あります。 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 日々の業務で新しい技術をキャッチアップするのは大変ですよね。特にライブラリやフレームワークの学習では、公式ドキュメントが丁寧でないこともあり、どこから手をつければいいか悩むことも多いと思います。 先日の会社の定例で紹介したTipsが好評だったので、その内容を共有します。 本記事では、「本を読むのが無駄」という主張ではなく、「本以外にも便利な学習手段がある」という視点でお話しします。 本の必要性 各分野には「名著」と呼ばれる本が存在し、それらは基礎をしっかりと学ぶのに適しています。 しかし、ライブラリやフレームワークの学習ではど
タスク受け渡しのコミュニケーション。仕事の頼み方、受け方を考える。
日々の業務で欠かせないタスクの受け渡し。 しかし、依頼者はやってもらった結果を見て「コレジャナイ」と感じ、作業者としては追加要件が後出しされたことで混乱やストレスを感じる……ということも多いのではないでしょうか。 今回は、タスクを依頼する側・受ける側の双方がスムーズに進められるように、意識すべきポイントを編集部の2人で整理しました。編集部内の雑談を記事化したものなのでライトな内容ではありますが、どうぞ最後の「まとめ」までお読みください。
サイト構築からデプロイまで。AIが変えるフロントエンド開発 | レバテックラボ（レバテックLAB）
ほとんどのサービスとアプリケーションには、制限の大きなお試し版とも言える無料プランと、制限の緩和された有償プランがあります。さらに、有償プランのトライアルや、グループ開発向けのEnterpriseプランが用意されていることがあります。個々のサービスおよびアプリケーションについての料金体系の掲示は省くので、関心のあるものについてはまず無料プランから試すことをお勧めします。 アプリケーション構築は、多くの手順を必要とすることから比較的難易度の高い作業です。専用のウィザードがステップ・バイ・ステップで構築をフォローするスタイルは、今では「やりたいこと」を述べるだけでAIが代行してくれるようになりました。デザインも、直接アプリケーション構築に持ち込むことができます。 スタイリッシュなUIを生成するv0 ▲v0 v0（ブイゼロ）は、Next.jsの開発元であるVercel Labsによる、AIを活用
NHKシステム開発・移行中断の件について
2025年2月4日、日本放送協会（以下、NHK）より、日本アイ・ビー・エム株式会社（以下、当社）に対し、営業基幹システムの開発・移行業務（以下、本プロジェクト）に関する業務委託契約の解除に伴う既払の代金の返還及び損害賠償を求める民事訴訟を東京地方裁判所に提起したこと、およびこれまでの経緯が公表されました。 当社は、本日時点において訴状を受領していないことから、NHKによる請求内容に関するコメントは差し控えますが、経緯に関する当社の見解についてご説明いたします。 本プロジェクトは、NHK指定の移行方針のもと営業基幹システムを新しい基盤へ移行するものであり、プロジェクト開始後に現行システムの解析を実施の上、移行方針及びスケジュール等を確定するという契約に沿って検討を進めてまいりました。 現行システムの解析を進める中で、提案時に取得した要求仕様書では把握できない、長年の利用の中で複雑に作り込まれ
自宅環境監視への入門 - すぎゃーんメモ
どうも自分は監視についての知識や技術が乏しい、ということに気付いた。 そもそも何かを監視するという習慣を持っていないのがまず良くないと反省し、まずは自宅の環境を監視する練習から始めてみることにした。 監視とは役割ではなくスキルであり、チーム内の全員がある程度のレベルに至っておくべきです。 入門 監視 ―モダンなモニタリングのためのデザインパターン 環境 Ansible from macOS Ansible Galaxy VictoriaMetricsによる監視 Metricsの取得、収集 Node Exporter VictoriaMetrics (vmsingle, vmagent) SwitchBotによる温度/湿度/CO2濃度の取得 Exporter Grafanaによる可視化 Alertmanagerを使ったアラート通知 Alertmanagerのインストール vmalert によ
「酒が人を不道徳にする」のではなく「もともと不道徳な人が酒を飲む」――飲酒後の判断力に関する2019年の研究
このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」（シームレス）を主宰する山下裕毅氏が執筆。通常は新規性の高い科学論文を解説しているが、ここでは番外編として“ちょっと昔”に発表された個性的な科学論文を取り上げる。 X： ＠shiropen2 この研究の背景には、人々が道徳的なジレンマに直面した際の判断に関する重要な疑問がある。例えば、5人の命を救うために1人を犠牲にすることは正しい選択なのかといった問題だ。 従来の研究では、このような道徳的判断において功利主義的な選択（より多くの命を救うことを優先する選択）をする傾向について、2つの対立する説明がなされてきた。1つは理性的な思考が増加することで功利主義的な判断が増えるという説。もう1つは他者への危害を回避しようとする感覚が低下することで功利主義的判断が増えるという説だ。 研究チ
Excelでデータ分析(8) VLOOKUP関数を業務で活用してみる - よくあるエラーと解決法も紹介
VLOOKUP関数は、Microsoft Excelで指定した範囲内の検索キーに基づいてデータを取得する強力なツールだ。縦方向のデータ検索に特化しており、正確な一致や近似値の検索が可能であるため、商品管理や顧客管理、スコア管理など幅広い業務で活用できる。 例えば、商品コードをキーに価格や在庫情報を取得する場合、効率的に必要なデータを引き出せる。また、データが更新されても常に最新情報を取得できる点も利点だ。#N/Aや#REF!エラーを防ぐには、データの整合性を保ち、正確な設定を心掛けることが欠かせない。これらの特徴を理解し正しく運用することで、業務効率とデータ分析能力が大幅に向上する。 連載のこれまでの回はこちらを参照。 VLOOKUP関数とは 「VLOOKUP」はExcelにおいて指定した範囲内で検索キーを縦方向に探し出し、それに対応する列の値を取得するための関数だ。この関数の名称は「Ve
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【図解】初心者が知っておきたいHTTP入門 - Qiita
「まったく違う音じゃないか」。新生ONKYOの音に驚き【麻倉怜士の大閻魔帳】
動画視聴はかどるぞ。寝ながら操作できるエレコムのトラックボール「リラコン」【今日のライフハックツール】 | ライフハッカー・ジャパン
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
冷凍と保温を同時にできるポータブル冷蔵庫 - 家電 Watch
