[B! web] kaorunのブックマーク

なぜブラウザエンジンは 1 つではダメなのか? または Ladybird への期待 | blog.jxck.io

Intro Ladybird は、他のブラウザエンジンをフォークせず、企業との取引に頼らず、寄付だけで作ることを宣言した新しいブラウザエンジンだ。 Ladybird https://ladybird.org/ これがいかに価値のある取り組みなのか、 Web を漫然と眺めてきた筆者による N=1 の妄言を書いてみる。ブラウザエンジンとはブラウザは、﹁ブラウザ UI﹂と﹁ブラウザエンジン﹂と、大きく二つの構成要素に分けて考えることができる。ブラウザエンジンとは、いわゆる Web 標準の技術を片っ端から実装した、ブラウザの土台となるものだ。ビルドすれば、入力した URL からネットワーク経由でリソースを取得し、パースしてレンダリングして表示できる。そのためのIETF RFC や WHATWG HTML や ECMAScript が実装されている、標準技術の結集だ。その上に、例えばタブ

kaorun 2024/07/06

リンク

Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

kaorun 2024/07/05

リンク

“消えない広告” ×マークが押せません!? | NHK

スマホを使っていて、イラッと感じること、ありませんか。﹁×マークが小さくて、消そうとしたら、意図せず広告に触れてしまった﹂﹁×マークを押そうとしたら、急に広告が動き、誤って広告サイトに飛んでしまった﹂ウェブでの不快なことを聞いたある調査では、﹁広告を誤って押してしまったり、押しそうになった﹂と答えた人が、最も多いという結果でした。実は、これ、﹁ダークパターン﹂と呼ばれ、世界で問題になっています。︵デジタルでだまされない取材班芋野達郎︶押す気はないのに、広告を… マーケティングのリサーチ会社﹁クロス・マーケティング﹂が、20代から60代の1100人に、ウェブサイトやアプリを利用している際に感じる不快なことを、複数回答でたずねました。すると、最も多かったのは﹃広告が表示され、押す気はないのに誤って押してしまった︵押しそうになった︶﹄で、29.5％、およそ3割にのぼりました。続

kaorun 2024/04/20

リンク

BlueskyやThreadsに受け継がれたネット原住民の叡智

BlueskyやThreadsに受け継がれたネット原住民の叡智 2024.04.15 Updated by yomoyomo on April 15, 2024, 14:17 pmJST 旧聞に属しますが、少し前にBlueskyを眺めていて、マイク・マズニックが﹁ガチギレしてごめん。我慢ならなかった﹂とTechdirtの記事を告知する投稿をみて、相変わらず意気盛んだなと微笑ましく思った話から今回は始めたいと思います。マズニックがガチギレしたのは、﹁バーチャルリアリティーの父﹂ジャロン・ラニアーと政治学者でミドルベリー大学教授のアリソン・スタンガーがWIREDに寄稿した﹁すべてを救えるインターネット・ハック﹂という記事で、これは前回の文章でも触れた、ユーザー生成コンテンツに対するプラットフォーム企業の免責条項を定めたとも言われる通信品位法230条の撤廃、つまりは﹁インターネットを生み出し

kaorun 2024/04/15

リンク

【内部資料入手】NHKが来年度から「テキストニュース」の縮小を検討「NHK NEWS WEB」は「謎の新サイト」へ移行か（全文） | デイリー新潮

kaorun 2023/12/29

nhk
web

リンク

どうしてもドメインを永久保持できない企業向け企業はどうドメインを捨てるべきか - web > SEO

コロナ禍中に取得された地方自治体のドメインがオークションで高値売買され、中古ドメインとして悪用されるなど、公的機関のドメイン放棄問題が注目されています。 11月25日のNHKニュース7でドメイン流用の件が報じられました。私も取材を受け少しご協力をしています。 www3.nhk.or.jp 公的機関のドメイン放棄問題の理想の解決は、今後は lg.jp、go.jp などの公的機関しか使えないドメインだけを使うようにすることです。ただ今回の問題はコロナ禍初期の大混乱時、非常にスピーディにサイト立ち上げが求められていた時の話です。信頼が求められる lg.jp などのドメインの利用には厳格なルールがあるのも当然です。あの混乱時期にルール改定も難しかったと思います。新規ドメインが選ばれた事は仕方がない事と思っています。ただ、コロナ禍が落ち着いた今、無責任に放棄されるのは明らかな問題です。今回の

kaorun 2023/11/27

ドメインを死蔵しておくコストなんて微々たるものなんだから、それこそデジタル庁で兼業の小さな管理保管部門を作って5〜10年ぐらい管理すればいい話では。デジタル庁にドメインのプロが居ない方が怖いし

リンク

ブラウザキャッシュの仕組み

はじめに最近Denoをよく触っており、DenoのSSRフレームワークであるFreshのミドルウェア・キャッシュについて調べている際にブラウザキャッシュのEtagヘッダが使用されており、気になったのでブラウザキャッシュの仕組みについて調べてみました。 Etagの正体 Etagとは、ブラウザキャッシュの仕組みの中で使用されるHTTPレスポンスヘッダーでリソースの特定のバージョンに関する識別子のことです。 Etagがあることでウェブサーバーは、コンテンツが変更されていない場合はレスポンス全体を再送する必要がないので、キャッシュがより効率的になる。ブラウザキャッシュの設定についてブラウザキャッシュを設定する際に必要なHTTPレスポンスヘッダーはEtagを含めて以下の通りです。 Expiresヘッダー Cache-Controlヘッダー Last-Modifiedヘッダー Etagヘッダーそ

kaorun 2023/04/10

リンク

Masanori Kusunoki / 楠正憲 on Twitter: "某所のWebサイトで起こったリンク切れ問題、Webの進化とCMSの実装と現行の調達制度の組み合わせじゃ力業でリダイレクトかけまくらない限り同じことが起こる。HTML5以降のWebがURIをURLのまま雑に扱って複雑な状態遷移を持ったサイロ型システムとして進化した末路ではないかな" / Twitter

kaorun 2023/04/04

リンク

とってもやさしいフロントエンド入門

まず、新しいアイデアが提案されると、ステージ0の「Strawman」と呼ばれる段階に入ります。ステージ0のアイデアが価値のある提案として見なされ、大まかな形で問題点や解決策を説明できるようになると、ステージ1の「Proposal」と呼ばれる段階に進みます。そして、提案がある程度まとまって仕様の草案として認められると、ステージ2の「Draft」と呼ばれる段階に上がります。さらに細かいところまで練り上げられて、仕様がほぼ完成した状態になると、ステージ3の「Candidate」の段階になります。最後に、2つ以上のブラウザがその機能を実装していて、ECMAScript の編集者に承認されると、ステージ4の「Finished」と呼ばれる段階になります。ステージ4に上がった提案は、毎年 6 月のタイミングで ECMAScript の新しいバージョンとしてリリースされます。リリースする際は、ECMAS

kaorun 2023/03/25

リンク

「東京電力」と検索すると「東京電“カ”」が広告枠に　いったい何者？　東電に聞いた

引越し準備をする人が増える3月、電気の開通手続きを手配する人も多いかと思う。その際にGoogle検索で﹁東京電力﹂と調べると、広告を表示するスポンサー欄に﹁東京電カ﹂︵漢字の“力”ではなく片仮名の“カ”︶というWebサイトが現れることがある。記者も検索したところ、3月15日午後4時時点で確かにこのような結果になることを確認できた。この際、スポンサー欄には本物の東京電力と“東京電カ”の2件のサイトが表示された。本物の東京電力は﹁tepco.co.jp﹂のドメインを使っているのに対し、電カでは﹁denkigas.net﹂のドメインが使われている。謎のサイトの文言は﹁︻開始専用センター︼東京電カ - でんき開始受付センター﹂としている。

kaorun 2023/03/24

リンク

Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？

Webの将来はサーバサイドレンダリング︵SSR︶に回帰していく。Denoが主張するIsomorphic JavaScript︵もしくはUniversal JavaScript︶とは何か？静的なHTMLファイルをWebサーバが配信する仕組みから始まったWebは、サーバ側で動的にHTMLを生成するCGIの仕組みや、Webブラウザ上でJavaScriptを実行してインタラクティブな操作を実現するなどの仕組みを得たことでWebアプリケーション基盤へと発展しています。現在、Webアプリケーションの仕組みとして代表的なものがSPA︵Single Page Application︶でしょう。 SPAはWebブラウザ上で多くの処理が行われるためユーザーの操作に対する反応が速く、インタラクティブ性の高い快適なWebアプリケーションを実現できる利点があります。しかし、これからのWebはサーバサイドレンダ

kaorun 2023/02/07

リンク

MPA化するSPAとSPA化するMPA

2022/9/21 Techfeed カンファレンスで発表した MPA化するSPAとSPA化するMPA の話です。

kaorun 2022/09/22

もう、wasmとセットでアプリ記述言語からやり直そうぜ定期。それもうハイパーテキストやないやろ。

リンク

入力中の個人情報が“送信ボタンを押す前に”収集されている問題　約10万のWebサイトを調査

Innovative Tech‥ このコーナーでは、テクノロジーの最新研究を紹介するWebメディア﹁Seamless﹂を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。ベルギーのKU Leuven、オランダのRadboud University、スイスのUniversity of Lausanneによる研究チームが発表した﹁Leaky Forms: A Study of Em ail and Password Exfiltration Before Form Submission﹂は、まだ送信していないのにもかかわらず、オンラインフォームで入力した個人情報︵今回は電子メールアドレスとパスワード︶が打ち込んだだけで収集されている問題を調査した論文だ。サインインやサービスへの登録、ニュースレターの購読など、さまざまな理由でオンラインフォームに個人情報を入力す

kaorun 2022/05/20

リンク

Linktree: Link everything you are

Join 50M+ people using Linktree for their link in bio. One link to help you share everything you create, curate and sell from your Instagram, TikTok, Twitter, YouTube and other social media profiles.

kaorun 2022/05/12

リンク

個人開発のコストはDB次第 - laiso

個人でWebサービスを継続的に運用するのは金がかかってかなわんという問題がある「個人開発」だと定義が曖昧なので自己資金かつ赤字のプロジェクト(Webサービス)ということにする。そういうプロジェクトではプロダクトオーナー=自分、開発者=自分、予算管理者=自分というロールになるので予算管理者としてコストを図る必要がある(ここでいうコストはWebサービスを実現するアプリケーションのランニングコストのこと)。通常はみんな自分の人件費を0として計算していると思う(逆にいうとそれが負債という考え方もできると思う)。ただしメンテナンス時間とコストのトレードオフもあるので、人件費0ではあるけど有限の時間は別軸として管理しているのが普通だと思う。極端な例だと「コスト削減できるけどメンテナンス時間10倍になる」というのは避けられる。仮に個人開発のプロジェクトの予算を月数千円から高くても1万円ぐらいか

kaorun 2022/05/05

リンク

Google、脱Cookie技術「FLoC」開発を停止し、新たな「Topics」を発表

米Googleは1月25日︵現地時間︶、2021年3月に発表したサードパーティーcookieに代わる技術﹁FLoC﹂︵Federated Learning of Cohorts︶の開発を停止し、新たに﹁Topics﹂と呼ぶ技術のテストを年内に開始すると発表した。同社は、ユーザーのWebプライバシーを改善しつつ適切な広告を表示するための取り組み﹁Privacy Sandbox﹂の技術としてFLoCを開発してきたが、ユーザーを特定できてしまう可能性を指摘されたり、この取り組みが独禁法に違反する可能性があるとされたりと、批判が高まっていた。 Googleは﹁Topicsは、FLoCのテストからの学習と幅広いコミュニティからのフィードバックに基づいて、FLoCに代わるものとして開発する﹂と語った。 Topicsの大まかな仕組みはこうだ。Webブラウザが、ユーザーのWeb閲覧履歴に基づいて、そのユ

kaorun 2022/01/26

リンク

neue cc - C#による自家製静的サイトジェネレーターに移行した話

見た目はほとんど変わっていませんが(とはいえ横幅広くしたので印象は結構変わったかも)、このサイト、フルリニューアルしました。内部構造が。完全に。別物に。元々はWordPressだったのですが、今回から自作の静的サイトジェネレーターでhtmlを生成し、GitHub Pagesでホストするようにしました。元になるソース(.md)もGitHub上に置き、GitHub ActionsでビルドしてGitHub Pagesでホスティングされるという、完全GitHub完結ソリューション。また、記事を書くエディタもGitHub web-based editor(リポジトリのトップで.を打つと、VS Codeそのものが起動するやつ)を利用することで、非常に快適で、というかMarkdownエディタとしては最高品質のものが乗っかっていて、たかがブログ書くにしては面倒くさいPush/Pullもなくダイレクトコミッ

kaorun 2021/11/21

リンク

気象庁ＨＰがアクセス集中で閲覧障害　「防災インフラ」としてのあり方・役割を考える（片平敦） - エキスパート - Yahoo!ニュース

■ 大雨災害発生時に閲覧できなくなってしまった　活動の活発な前線が停滞して西日本を中心に記録的な大雨となり、災害が発生する中、２０２１年８月１４日（土）の昼過ぎから、気象庁ホームページにアクセスしにくい状況が発生した。筆者も大雨対応で業務に当たっていたところ、コンテンツを表示しようとしても先へ進まず、リアルタイムで異変に気がついた。筆者は、気象庁ＨＰが閲覧不能でも、所属する気象会社（ウェザーマップ）の社内ツールにて、各種の情報を参照することができた。気象会社には事業者向けの専用ルート（有償）で、気象庁ＨＰに掲載されているような様々な情報・データがリアルタイム配信されているため、代替として活用できたものが多かったわけである。しかし、気象庁ＨＰでしか参照できない情報・コンテンツもあったり、普段は気象庁ＨＰで使い慣れているコンテンツがあったりするなど、少なからず業務に影響を受けることになった。

kaorun 2021/08/24

リンク

なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();

Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021年8月10日この主張、界隈（少なくとも自分の観測範囲）では割とよく見かけるし、なんか定期的に話題になるトピックなのかなーと。まあ持論としてもコレには概ね同意しており、会社のスタンスとも相まって、常日頃からぼんやり考えてたりすることでもある。で、そんな折にこのツイートを発見して、さらにそれに言及してる人々を見て、ふと自分でも現状を整理しておきたいなーという気持ちになったので筆を執った次第。

kaorun 2021/08/12

リンク

2021年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ

こんにちは。開発本部オンボーディングチームの酒井︵@sakay_y︶です。社内のオンボーディングコンテンツを、どんどん社外へ公開することを夢見ています。 2021年もエンジニア新人研修を行いましたので、軽い紹介と、講義資料および一部講義動画︵New!︶を公開いたします。 2021年のエンジニア研修について講義資料公開 Webアプリケーション基礎 HTTP/DNS ソフトウェアライセンスソフトウェアテストテスト自動化アクセシビリティ Docker Chrome Developer Toolsの使い方サイボウズのアジャイル・クオリティデザインの役割と関わりかたデータベース CI/CD セキュリティモブに早く慣れたい人のためのガイド ITコミュニティ文化と情報発信に共通する成長と貢献の要素正規表現 Kubernetesを使った開発入門モニタリング入門 gRPC入門日本語話

kaorun 2021/07/28

リンク

はてなブックマーク

タグ

関連タグで絞り込む (135)

webに関するkaorunのブックマーク (67)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス