こんにちはミズノです。 2021年からモダンなブラウザのUA style sheet(ユーザーエージェントスタイルシート)に:focus-visibleが使用されるようになってきました。ChromeのUA style sheetを見ると全ての:focusが:focus-visibleになっています！ 今回は:focus-visible擬似クラスの紹介をしていこうと思います。 :focus-visibleとはキーボード操作時にフォーカスされた要素のスタイルを指定することができるキーボード入力をサポートする要素はマウス操作時でもフォーカスが表示される(input要素、またはフォーカスが当たると仮想キーボードが表示されるような要素など):focus-visibleが実装された経緯は開発者がマウスユーザーのためにoutline:0を指定してフォーカスリング(フォーカスインジケータ)を消し、キーボー
TechFeed Experts Night Pick up Bunファーストインプレッション - JavaScriptランタイム界に”赤壁の戦い”を! ～TechFeed Experts Night#8講演より 本記事は、2022年11月に開催された「TechFeed Experts Night#8 ～ JavaScriptランタイム戦争最前線」のセッション書き起こし記事「Bunファーストインプレッション - JavaScriptランタイム界に”赤壁の戦い”を!」を転載したものです。オリジナルはTechFeedをご覧ください。 Japan Node.js Associationの理事をしています、古川と申します。ソーシャルのIDはこちらになります。 Twitter GitHub JSConf JPを2022年11月26日に開催予定で、今回のテーマであるNode.JS / Deno /
本記事は、2022年9月に開催された「TechFeed Experts Night#4 〜 フロントエンドアーキテクチャを語る」のセッション書き起こし記事「SPA化するMPAとMPA化するSPA（@yosuke_furukawa） ― TechFeed Experts Night#4 フロントエンドアーキテクチャを語る」を転載したものです。オリジナルはTechFeedをご覧ください。 古川と申します。@yosuke_furukawaでTwitterなどをやっております。 SPAは”見えるようになるまでが遅い” 私が今回お話するのは「MPA化するSPA」です。もともとSPAは、画面遷移（トランジション）をアプリケーションに合わせて最適化することを目的として発展した技術だと思っています。変更が発生したところだけレンダリングすることで高速化するテクニックだったのが、それをすべてのページで行う
気がつけばCSSの@layerが全てのモダンブラウザに実装完了している今日この頃、みなさまはいかがお過ごしでしょうか。 CSSでは、@layerに次ぐ新機能として @scope が検討されています。最近これについて勉強したのですが、これを取り扱う日本語記事が見当たらなかったので今回ご紹介します。 この記事では、CSS Cascading and Inheritance Level 6のFirst Public Working Draftの内容を紹介します[1]。これは去年12月のバージョンで、より新しいEditor's Draftとして今年4月のものがありますが、特に大きな変更はありませんでしたので、この記事の内容が執筆時点の最新情報だと思って差し支えありません。
本記事は、2022年5月に開催されたTechFeed Conference 2022のセッション書き起こし記事「Web Standards Interop 2022（@1000ch） — TechFeed Conference 2022講演より」を転載したものです。オリジナルはTechFeedをご覧ください。 「Web Standards Interop 2022」というタイトルで発表させていただきます。 最近のWeb標準を取り巻くキーワードともいえるInteropについて、5分間に圧縮して現状と問題をお話しできればと思います。 私はこういうもので、Web標準技術の動向なんかが好きでやっております。 なので今日もWeb標準に関するお話をするんですが、最近、私がWebに懸念していることに強く関係するキーワードがInteropに帰結するかなと思っています。 Webにおける"Interop"
CDKプロジェクトと必要なライブラリのインストール $ mkdir aws-cdk-construct-library-sample $ cd aws-cdk-construct-library-sample $ cdk init app --language=typescript $ npm install --save @aws-cdk/aws-lambda @aws-cdk/aws-apigateway @aws-cdk/aws-iam @aws-cdk/aws-ecs-patterns @aws-cdk/aws-ecs High Level Constructで実装 まずは、High Level Constructで実装します。Lambda + API Gatewayのリソースを作成します。 サンプル用のLambdaのコード export async function handle
はじめに こんにちは、LINE上で動くおくすり連絡帳 Pocket Musubiというサービスを開発している種岡です。 この記事では、Serverless Stackとapollo-server-lambdaを使って、AWS Lambda上でApollo Serverを動かしてみたのでご紹介します。 対象読者 以下に興味がある方は読んで頂ければ幸いです。 CDKのラッパーであるServerless Stackについて AWS Lambda上でApollo GraphQLサーバーの起動について とくに、Serveless StackのLive Lambda Development機能がオススメです。 このように Hello, World! を出力するLambdaに紐づくエンドポイントがあったとして Local環境にあるLambdaコードを修正し、AWS側のエンドポイント経由で再度リクエスト投
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
