本オンラインブックはセキュリティ・キャンプ全国大会 2021 オンラインの講義「ちいさなWebブラウザを作ってみよう」の事前学習資料です。ちいさな Web ブラウザを作ることを通して現代の Web ブラウザの仕組みを学びましょう。
Webmention 使ってみた
Webmention というのを最近知りました。 名前の通り、Web 上でメンションすることができます。 受信側、送信側、どちらも対応したので感想を残そうと思います。 Webmention ざっくりと Web AサイトにBサイトのリンクをつ
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカ...
Webエンジニアがやりたいことドリブンで機械学習に入門してみた - Qiita
概要 普段Ruby on RailsでWebアプリの開発をやっているWebエンジニアが機械学習に挑戦した話です。 普通のWebエンジニアがこういった具合で機械学習を学ぶと、このくらいの期間でこのくらいのことができるようになる。 みたいなひとつの例として参考になるかもしれま...
Webmentionを実装(仮)してみた::ひまつぶし雑記帖
個人サイトやブログにリアクションを送るみたいな仕組みは昔からいろいろあって、古いところでいうと「WEB拍手」だろうし、ブログが話題になりはじめた2004年ごろだと「trackback」というものがあった。今回実装してみた「Webmentio
いいねもコメントもない文章投稿サービスを作った
文章だけの投稿サービスを作ってみた。 いいねもコメントもないし、見出しや太字とかの装飾すらできない。広告もない。無料。 トップページ：https://hellotext.jp/ 思想ページ：https://hellotext.jp/about 投稿例（見なくていい）：https://ritsu…
マイクロソフト、Google、W3C、Mozillaらが協力。それぞれのWebブラウザのドキュメントをMozillaサイトに一本化。あちこちのWebサイトを見て回らなくても済むように
Mozillaは、マイクロソフト、Google、W3C、サムスンなどと協力して、それぞれのブラウザなどに対応した技術解説のドキュメントを一本化し、Mozilla Developer Networkの「MDN web docs」にまとめて掲載...
Vim を WebAssembly に移植した - はやくプログラムになりたい
久々のブログです． 6月ぐらいにWebAssembly の仕様をざっくり読んだので，なんか WebAssembly でやりたいなと思って，Vim を WebAssembly に移植してブラウザで動くようにしてみました，という話です． github.com 多分実物を見ていただくのが一番早いので，下記のリンクにアクセスし…
ちみをぶろぐ | ウィルキンソンの炭酸水を、料理にガツガツ使ってみた
宇宙一旨そうに飯を食って酒を呑み、アーだコーだする飯グダブログ。 尋常じゃなく写真がデカイのでPCで見るべき。※執筆依頼は https://twitter.com/chimiwo まで
Webアプリは誰にも品定めされない Webは最高
Webアプリは誰にも品定めされない Webは最高— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayosi) September 17, 2019
ブレークポイントを使ったJavaScriptデバッグを整理してみた【再入門】 - Qiita
はじめに プログラミングの上達において、デバッグスキルを上げることはとても重要で近道の1つだと考えています。 私自身、勉強し始めた頃に知っていれば（理解できていれば）とよく思います。 今回、JavaScriptデバッグについてChromeDevtoolsとブレークポイント...
中年IT人材おじさんの平穏 - megamouthの葬列
IT人材が不足してるんだって。零細Web制作会社で言えば、退職者が残したubuntu12サーバーに眠るRails5アプリをすぐにDDDでマイクロサービスに再構成して、jQuery満載のコードを全て読み下したうえで、フロントエンドをReactかなんかのSPAに全部書き換えて、E2Eを含めた自動回帰テストを整備して、ついで…
PWAの実装をしてみた - 技術探し
一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？ 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Work…
web3 について書く理由
私は web3 は基本的にダメだと思っていて、Letter in Support of Responsible Fintech Policy にも同意して、署名している。 一方で、Web 2.0 時代によく読んでいた、渡辺千賀さんは
TwitterによるReactベースのモバイルWebスタックはネイティブのパフォーマンスに匹敵する
Twitterは最近、すべてのモバイルWebトラフィックを新しいWebスタックに切り替えた。これはバックエンドでNode.jsを、ブラウザでReactベースのProgressive Web Appを動かしている。大量のトラフィックとデータを処理できることは、選択されたスタックの能力を証明している。
OpenSKを使ってみた - 重力に縋るな
Twitter見てたらこんな記事が流れてきました． gigazine.net エッマジかよ． しかもRustなのかよ．すごいな． security.googleblog.com "fully open-source security key implementation" っょぃなあ...と思って読んでみたらなんとこれ…
