2025年度 traP新歓オリエンテーションのLTで発表した内容です。5分のLTなので1章のみを話しました。
2025年度 traP新歓オリエンテーションのLTで発表した内容です。5分のLTなので1章のみを話しました。
弊社ではデザイナーがCSSを書いてくれるので、私はフロントエンドエンジニアながら最近はTypeScriptばかり書いていました。 しかし、フロントエンドエンジニアならCSSもしっかり学んでおかないといけないと思い、アウトプットついでにこの記事を書いています。 1. モダンCSSの現状と進化 2019-2024年に標準化された主要な機能 2019年以降、CSSには多くの革新的な機能が標準化され、JavaScriptに頼らずに実現できることが増えました。 レイアウト関連： コンテナクエリ - 親要素のサイズに基づくレスポンシブデザイン CSS Grid（サブグリッド） - ネストされたグリッドが親グリッドのトラックを継承 CSS ネスト - セレクタを入れ子構造で記述（Sassのような書き方） セレクタと制御： 親要素セレクタ (:has) - 子要素に基づいて親要素を選択 カスケードレイヤー
about project かつてWebに“動き”と“驚き”をもたらした「Flash」。その自由な表現力は、多くのクリエイターを魅了し、日本でも中村勇吾氏の「MONO*crafts（1999年）」に代表される革新的なサイトが次々と誕生しました。しかし一方で、動作の重さ、セキュリティリスク、スマートフォン時代への対応が難しいといった弱点も抱え、2020年に公式サポートは終了。これらの作品はすでに「ロストテクノロジー」となっています。 このアーカイブは、そんなFlash時代に生まれた日本のWebデザインの“片鱗”を後世に残す試みです。2007年から運営していたWebデザインギャラリーで紹介したサイトを中心に、当時のスクリーンショットとInternet Archiveのリンクを掲載しています。アーカイブにデータが残っている作品群は、当時のままのサイトを実際にご覧いただけます。 なお、2007年以
自己紹介 https://x.com/mizchi Node.js とフロントエンドの専門家 経歴 ゲームクライアント開発 Electron アプリ開発 サードパーティスクリプト フリーランス(2回目) 現在: 1ヶ月でパフォチュする傭兵 Core Web Vitals CI/CD 今日のスコープ 話すこと 主にフロントエンド/アプリケーション視点での計測 とくにエンドユーザーから見たウェブパフォーマンス体験 話さないこと 各クラウドやDBに特化したチューニング 結果として観測できるが、最初からターゲットにはしない パフォーマンス傭兵を始めた経緯 前職でサードパーティがサイト全体に与える影響(CWV)について調査 とにかくいろんなサイトを外部から計測 真の問題を特定しても「弊社とは無関係」で打ち返す以外なく、歯痒い コスパよく直せる部分をみんな放置している！！！ 非機能要件の優先度が上がら
You can use these SVG based loading icons (also known as spinners, throbbers, loaders) to visually indicate when content is loading or data is being fetched. These animations have been curated from a variety of sources and all have MIT License. Therefore, they can be used commercially without restrictions and it requires no attribution.
はじめに 株式会社iimonでSREエンジニアをしているhogeです。 本記事はiimonアドベントカレンダー9日目の記事となります。 今回の記事は技術的な棚卸しとして、普段大変お世話になっているWebサーバがどういった仕組みで動いているのかを実装しながら深堀りしていこうと思います。 弊社のバックエンドはDjango/FastAPI + Gunicornの構成で動作しているため、Pythonを絡めた説明が多くなるかと思います。サンプルコードもPythonで実装をしています。 途中、システムコールやファイルディスクリプタなどにも踏み込んだ話をするのですが、低レベルなプログラミングをちゃんとやったことがないため、間違えている部分があるかもしれません。今後学習して行く中で気づいたら都度修正していきたいと思います。 環境・使用ツール 言語 Python OS Ubuntu（Linuxのシステムコー
ネットワーク経由でリソースを取得するのは時間がかかり、費用もかかります。 レスポンスが大きい場合、ブラウザとサーバー間のラウンドトリップが多数必要になります。 すべての重要なリソースが完全にダウンロードされるまで、ページは読み込まれません。 モバイルデータ通信プランに上限があるユーザーがサイトにアクセスしている場合、不要なネットワーク リクエストはすべてユーザーの費用の無駄になります。 不要なネットワーク リクエストを回避するにはどうすればよいですか？ブラウザの HTTP キャッシュが最初の防衛線となります。最も強力な方法や柔軟な方法とは限らず、キャッシュに保存されたレスポンスの存続期間を制御する範囲も限られますが、効果が高く、すべてのブラウザでサポートされており、手間もかかりません。 このガイドでは、効果的な HTTP キャッシュの実装の基本について説明します。 ブラウザの互換性 実際に
お願い 「C10K 問題とは何か」がわかる方は是非 Issue や Twitter などで教えてください。 追記: 自分の立場 1req ごとに 1 native thread を割り当てていたら、クライアントの数が増えれば増えるほど負荷が高まるのは当然だ。ただハードウェアの性能的に余裕があっても性能が劣化することがあり、それを C10K 問題と呼ぶ。C10K 問題は fd, pid の枯渇、スレッドを固定長サイズで確保することによるメモリの無駄遣い、コンテキストスイッチコストを含む。これを解決する方法が 1req ごとに 1 native thread を割り当てない技術で、シングルスレッド+イベントループ+IO 多重化といったテクニックや M:N モデルにつながる。 追記: @naoya_ito さんに解説してもらった当時の歴史的背景 https://twitter.com/naoya
C10K 問題 (the C10K problem) は1999年に Dan Kegel が発表した文章、ならびにそこで提示された「問題」です。文章はその後も2000年代前半に何度か更新されているのですが、さすがに令和に読み返すと、当初の問題意識がわかりにくいところがあります。 2000年からの10年は、 ソフトウェア面では、select(2), poll(2) にかわる新しいシステムコールの実装と、それを使ったアプリケーションの普及 ハードウェア面では、x86 アーキテクチャの64ビット移行、仮想化命令の追加と、マルチコア化 さらにそこにクラウドも登場する、面白い時代でした。ここでは、それらの出来事を中心に、さらに、当時の雰囲気をつたえるような日本国内のブログやインタビュー記事をまとめることで、C10K 問題が、さまざまな側面から解決されていく流れを説明したいと思います。 書き足したいと
2024/11/11〜12 に行われた JPAAWG 7th General Meeting で発表した資料です https://meetings.jpaawg.org/
＜WebサイトのURLとして使っている場合のご注意＞ 廃止したドメイン名であっても、他のWebサイトからのリンクや、検索エンジンによるドメイン名の評価に関する情報は残り、アクセス数などが見込めることなどから、そのドメイン名が関係のない第三者に登録され悪用される可能性があります。 悪用される例：詐欺サイト、誹謗中傷サイトなど ＜メールアドレスとして使っている場合のご注意＞ 廃止されたドメイン名を第三者が登録し、同じメールアドレスを作って、素性を偽ったメールとして悪用される可能性があります。また、他のサービスでメールアドレスを利用している場合（SNSアカウントのログインIDなど）は、 メールアドレスを利用したパスワードの初期化などにより、SNSアカウントを乗っ取られたり、登録している情報を盗み見られたりする可能性があります。 廃止されたドメイン名を第三者が新たに登録したとしても、商標の侵害など
下記に登壇した際の資料です。 https://findy.connpass.com/event/331621/ スライドはメモ書き程度のものとなっており、実際には講演の中で口頭で数多くの補足が入っています。講演の内容をまとめた記事も近日公開される予定なので、あわせてご覧ください。
Pluralistic システムが引き起こす問題を解決するために、個人としてできることはない。どれほどそうあってほしいと願っても、悲しいかなそれが現実だ。例えば、個人としてリサイクルに勤しんだところで、気候危機を好転させる影響を与えることはできない。 理解はできる。よく「メタクソ化（enshittification）と戦うにはどうしたらいいか」、「せめて自分が経験するメタクソ化の影響を軽減するために、生活の中で何かできることはあるか」と聞かれる。 もどかしいが、私の答えは基本的にこうだ。「運動に参加しよう。労働組合や、EFF、FSFに関わろう。たとえ億万長者の民主党支持者からリナ・カーンを解雇するよう求められても、彼女を擁護するよう候補者に伝えよう。システムを変えるために何かをしよう。」 消費者としてできることはほとんどない。買い物という行為を通じて独占資本主義から逃れることはできない。い
Intro このエントリは、3rd Party Cookie Advent Calendar の 29 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 先日、Google より Privacy Sandbox の方針転換について発表があった。 本当は、まだ記事を書くには情報が足りていないため、あまり書く気はなかったが、今後出てくる発表に備えて経緯をまとめるために、「何がまだ分かっていないか」の現状を書いておくことにする。 Privacy Sandbox の方針転換 問題の記事は 2024/07/22 に公開された以下だ。 A new path for Privacy Sandbox on the web
Intro Ladybird は、他のブラウザエンジンをフォークせず、企業との取引に頼らず、寄付だけで作ることを宣言した新しいブラウザエンジンだ。 Ladybird https://ladybird.org/ これがいかに価値のある取り組みなのか、Web を漫然と眺めてきた筆者による N=1 の妄言を書いてみる。 ブラウザエンジンとは ブラウザは、「ブラウザ UI」と「ブラウザエンジン」と、大きく二つの構成要素に分けて考えることができる。 ブラウザエンジンとは、いわゆる Web 標準の技術を片っ端から実装した、ブラウザの土台となるものだ。 ビルドすれば、入力した URL からネットワーク経由でリソースを取得し、パースしてレンダリングして表示できる。そのための IETF RFC や WHATWG HTML や ECMAScript が実装されている、標準技術の結集だ。 その上に、例えばタブを
セクション230を廃止すれば ビッグテックの表現ルールがインターネットを支配する投稿者: heatwave_p2p 投稿日: 2024/6/22024/6/2 Electronic Frontier Foundation 議会がインターネット上の表現の自由を守る最重要の法律を骨抜きにする準備を進める中、その法律が毎日何百万人もの米国人のオンラインでの表現能力を守り、利益をもたらしていることを無視している。 下院のエネルギー商業委員会は水曜日に、18ヶ月以内に47 U.S.C. § 230（「セクション230」）を終了させる法案の公聴会を開催する。法案の作成者は、セクション230を変更または廃止する期限を設定することで、ビッグテックのオンラインプラットフォームを仲介者責任の新しい体制を作るための交渉のテーブルに着かせることができると主張している。 EFFが長年主張してきたように、セクション2
GraphQL is an incredible piece of technology that has captured a lot of mindshare since I first started slinging it in production in 2018. You won’t have to look far back on this (rather inactive) blog to see I have previously championed this technology. After building many a React SPA on top of a hodge podge of untyped JSON REST APIs, I found GraphQL a breath of fresh air. I was truly a GraphQL h
Watch Our Google Algorithm Leak Webinar Replay Google, if you’re reading this, it’s too late. Ok. Cracks knuckles. Let’s get right to the Google algorithm leak. Internal documentation for Google Search’s Content Warehouse API has been discovered. Google’s internal microservices appear to mirror what Google Cloud Platform offers and the internal version of documentation for the deprecated Document
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く