







エンジニアお茶会 2020/08/19 pastak @pastak https://twitter.com/pastak この発表のゴール 現代のウェブブラウザの目指している方向性について紹介する モダンブラウザで使える最新の面白便利APIを紹介する ちゃんと仕様に入りそうなもの(Googleの力技で…も含む) (前半の各ベンダの話はpastak個人の見解を含みます) 次ではない フロントエンド
個人的 Web フロントエンドスキルの獲得方法 - mizdra's blog
ここ2年くらいの話なのですが、仕事で「フロントエンド会」というチーム内委員会のようなものを立ち上げて運営しています。元々1人の Web フロントエンド職人がプロダクトの Web フロントエンドの面倒を見ていたのですが、その方が異動されることになったので、残った人で面倒を見ていける体制を作りましょう、というモチベーション…
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカ...

センスに頼らないプランニングの基本
プランニングといえば、クリエイティブなプランナーが身に付ける、センスと発想力を求められる特殊スキルと思われがちです。 しかしプランニングはもっと身近なスキルです。すべてのビジネスパーソンにとって必要な力で、誰でもそれなりに実践できる日常的な営みです。 というわけで、誰でも真似できるプランニン…

フロントエンドの画像軽量化まとめ【2017年版】 - KAYAC Engineers' Blog
こんにちは、面白法人カヤック フロントエンドエンジニアのごんです! 今回は、Webの画像の軽量化について、フロントエンドチームで使ってるツールややり方をまとめてみました。 画像の軽量化などで困ってる方の参考になればと思います。 なぜ画像の軽量化をするのか Webサイトのローディング時間は、ユーザーの直帰率やコンバージョ…

マイクロソフト、Google、W3C、Mozillaらが協力。それぞれのWebブラウザのドキュメントをMozillaサイトに一本化。あちこちのWebサイトを見て回らなくても済むように
Mozillaは、マイクロソフト、Google、W3C、サムスンなどと協力して、それぞれのブラウザなどに対応した技術解説のドキュメントを一本化し、Mozilla Developer Networkの「MDN web docs」にまとめて掲載...

ドキュメント作成時のあるあるアンチパターン20 - Qiita
業務でドキュメントを作成するケースは多々ある 例:仕様書・設計書・提案書・メール・障害票... ここでは各ドキュメント共通してありがちなアンチパターンをまとめてみました。 1. 表記がバイト表示・マイクロ秒表示 プログラムが出した数値をありのままに表示するパターン フ...

AIが科学的発見→「自己改善で進化」に現実味 暴走リスクの加速も:朝日新聞
人間には届かなかった科学的な成果を出し始めたAI(人工知能)。米ビッグテックも、競うように科学AIを発表している。 グーグルは5月、「科学的な仮説」を生成するAIツールを発表した。未発見の現象やアイ…

ちいさな Web ブラウザを作ってみよう
本オンラインブックはセキュリティ・キャンプ全国大会 2021 オンラインの講義「ちいさなWebブラウザを作ってみよう」の事前学習資料です。ちいさな Web ブラウザを作ることを通して現代の Web ブラウザの仕組みを学びましょう。

大塚英志とかフロムとか学生時代に影響受けた本最近読み直すと、普段自分が喋ってる時の思考の原則みたいなものがそのまま書かれてて自分が人のコピーみたいに思えて怖くなってくる
大塚英志とかフロムとか学生時代に影響受けた本最近読み直すと、普段自分が喋ってる時の思考の原則みたいなものがそのまま書かれてて自分が人のコピーみたいに思えて怖くなってくる— okadada (@okadadada) November 18, 2019
どのようにTypeScriptを使うのか - uhyo/blog
現在、TypeScriptの重要性は、フロントエンド開発を中心としてますます増すばかりであります。それだけに、TypeScriptをどのように使うべきかという問題については多様な意見が見られます。 これまで筆者はTypeScriptの使い方に、特にコンパイラオプションの使い方について意見を散発的に発信してきましたが…

バグハンターのためのクライアントサイドJavaScriptの静的解析 - No1zy Web Security Blog
はじめに JavaScriptは、最新のWebブラウザで最も普及した技術の1つになっています。AngularJS、ReactJS、Vue.jsなどのクライアントサイドJavaScriptフレームワークを使用して構築されたアプリケーションは、多くの機能とロジックをフロントエンドに提供します。そしてロジック、機能の増加によ…

Webmentionを実装(仮)してみた::ひまつぶし雑記帖
個人サイトやブログにリアクションを送るみたいな仕組みは昔からいろいろあって、古いところでいうと「WEB拍手」だろうし、ブログが話題になりはじめた2004年ごろだと「trackback」というものがあった。今回実装してみた「Webmentio

【やじうま配信者Watch】 宮本佳林さん、コード記述ゼロで10時間生配信システムを構築したことが話題に
コードが書けないアイドルが、 AIと一緒に10時間配信のシステムを 全部作った話。https://t.co/IHDrEc55um 技術面でまとめたものも書きました。https://t.co/cW5CuIzF21 是非見てみてね!

究極の自作キーボードキット?深圳DUMANGキーボード – スイッチサイエンス マガジン
マイクロソフトリサーチ北京で働いている研究者でガジェット友達の福本さんから、「ぼくのかんがえたさいきょうのキーボード」製作キット という穏やかならぬタイトルのメールが送られてきました。中身を見てみると、たしかにこれはアイデア、実装方式、価格含め極まっています。

Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。これは、History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、SPA が抱える多くの問題だけで...
