サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
efcl
id:efcl
●
54,663
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
node
(56)
●
.net
(30)
●
2ch
(62)
●
3D
(25)
●
AIR
(47)
●
AMD
(78)
●
AMP
(24)
●
API
(627)
●
AST
(276)
●
ATOK
(17)
●
Actions
(163)
●
Android
(259)
●
Angular
(358)
●
AppCode
(27)
●
AppleScript
(13)
●
Bluesky
(19)
●
Bluetooth
(34)
●
Bun
(68)
●
BusterJS
(54)
●
C#
(46)
●
C++
(95)
●
CI(194)
●
CMS
(18)
●
CORS
(11)
●
CQRS
(50)
●
CSP
(90)
●
CSS
(1963)
●
Chinese
(12)
●
Chrome
(1443)
●
Clang
(16)
●
CoffeeScript
(140)
●
CommonJS
(34)
●
Conference
(40)
●
Cooking
(35)
●
CoreData
(182)
●
Cydia
(46)
●
C言語
(60)
●
DDD
(282)
●
DNS
(45)
●
DOM
(597)
●
Datadog
(18)
●
Development
(40)
●
Docker
(149)
●
E2E
(66)
●
E4X
(34)
●
ECMAScript
(1918)
●
ESLint
(195)
●
Eclipse
(28)
●
ElasticSearch
(12)
●
Electron
(287)
●
EmEditor
(25)
●
Emacs
(69)
●
Ember
(26)
●
EventSourcing
(28)
●
Evernote
(36)
●
Extension
(280)
●
Extension開発
(34)
●
Fetch
(70)
●
Firebug
(147)
●
Flutter
(13)
●
Flux
(196)
●
GAE
(24)
●
GCP
(32)
●
GUI
(64)
●
GraphQL
(157)
●
Greasemonkey
(515)
●
Grunt
(68)
●
HLS
(34)
●
HTML
(718)
●
HTML5
(363)
●
HTTP
(424)
●
HTTP2
(70)
●
HTTPS
(15)
●
Heroku
(13)
●
IDE
(184)
●
IE(359)
●
IME
(72)
●
Image
(91)
●
IndexedDB
(14)
●
Interview
(26)
●
JSDoc
(28)
●
JSON
(403)
●
JScript
(38)
●
JSer
(143)
●
JXA
(12)
●
Java
(174)
●
JavaScript
(13311)
●
Jenkins
(13)
●
JetBrains
(107)
●
Jetpack
(63)
●
Keyboard
(13)
●
LDR
(80)
●
LLVM
(44)
●
LOOX_U
(17)
●
LaTeX
(16)
●
Lambda
(113)
●
LanguageModel
(50)
●
Lua
(35)
●
MS(102)
●
MSEdge
(127)
●
MVC
(172)
●
MachineLearning
(100)
●
Markdown
(478)
●
Mercurial
(21)
●
MicroFrontend
(25)
●
Microservices
(53)
●
Microsoft
(18)
●
Mindmap
(36)
●
MongoDB
(26)
●
Mozilla
(96)
●
MySQL
(34)
●
NILScript
(18)
●
Native
(14)
●
Next.js
(180)
●
Notion
(44)
●
OAuth
(59)
●
OCR
(16)
●
OOP
(27)
●
OS(41)
●
Objective-C
(855)
●
OpenSource
(293)
●
Opera
(71)
●
PDF
(303)
●
PSP
(34)
●
PWA
(39)
●
PhoneGap
(18)
●
PostCSS
(20)
●
PostgreSQL
(29)
●
ProgressiveWebApp
(32)
●
Promises
(357)
●
Prototype.js
(15)
●
QUIC
(21)
●
R(56)
●
React
(1743)
●
RegExp
(45)
●
ReleaseNote
(3495)
●
Remix
(40)
●
Rust
(368)
●
Rx(78)
●
SBM
(49)
●
SEO
(40)
●
SQL
(108)
●
SQLite
(31)
●
SSH
(31)
●
SSL
(71)
●
SSRF
(15)
●
SVG
(265)
●
SaaS
(16)
●
Sass
(153)
●
Selenium
(48)
●
Sencha
(19)
●
ServiceWorker
(141)
●
ShellScript
(62)
●
Shop
(22)
●
Sketch
(12)
●
Sphinx
(38)
●
SublimeText
(17)
●
Survey
(29)
●
Svelte
(45)
●
TC39
(18)
●
TiddlyWiki
(17)
●
Tips
(188)
●
Titanium
(30)
●
Tools
(2726)
●
TravisCI
(85)
●
TypeScript
(1194)
●
UI(879)
●
UML
(12)
●
URL
(213)
●
UX(28)
●
Unicode
(46)
●
Ustream
(13)
●
V8
(270)
●
VPN
(12)
●
VPS
(23)
●
VR(20)
●
VSCode
(117)
●
Vimperator
(15)
●
VirtualDOM
(58)
●
Vue
(275)
●
W3C
(182)
●
WAI-ARIA
(76)
●
WHATWG
(75)
●
WSH
(14)
●
WebAPI
(28)
●
WebAssembly
(290)
●
WebComponents
(233)
●
WebExtension
(14)
●
WebGL
(141)
●
WebGPU
(12)
●
WebPlatformAPI
(253)
●
WebRTC
(83)
●
WebSocket
(85)
●
WebStorm
(154)
●
XHR
(118)
●
XML
(42)
●
XPCOM
(28)
●
XSS
(281)
●
Xcode
(241)
●
Yahoo
(34)
●
Youtube
(36)
●
accessibility
(291)
●
ad(12)
●
addon
(642)
●
adobe
(52)
●
adult
(19)
●
ajax
(18)
●
alfred
(61)
●
algorithm
(88)
●
altJS
(18)
●
amazon
(74)
●
animation
(144)
●
app
(111)
●
apple
(137)
●
architecture
(122)
●
article
(2592)
●
asciidoc
(36)
●
asm.js
(17)
●
astro
(22)
●
atom
(45)
●
audio
(120)
●
autolayout
(15)
●
aws
(253)
●
babel
(247)
●
backbone.js
(88)
●
bash
(22)
●
benchmark
(53)
●
blink
(49)
●
blog
(288)
●
book
(1585)
●
browser
(1602)
●
browserify
(150)
●
bundler
(79)
●
business
(18)
●
canvas
(239)
●
cdn
(96)
●
cloudflare
(125)
●
cocoa
(66)
●
cocoapods
(57)
●
color
(158)
●
comic
(45)
●
communication
(47)
●
community
(142)
●
company
(239)
●
console
(639)
●
d3.js
(55)
●
dart
(65)
●
database
(75)
●
debug
(839)
●
deno
(140)
●
design
(368)
●
diagram
(26)
●
dictionary
(56)
●
document
(984)
●
domain
(29)
●
donation
(65)
●
dropbox
(45)
●
ebook
(33)
●
editor
(573)
●
english
(245)
●
epub
(60)
●
event
(92)
●
example
(39)
●
explorer
(92)
●
express
(30)
●
facebook
(90)
●
fashion
(18)
●
figma
(28)
●
finance
(68)
●
firebase
(18)
●
firefox
(1616)
●
flash
(158)
●
flex
(23)
●
flowtype
(121)
●
fonts
(228)
●
gadget
(39)
●
game
(175)
●
git
(706)
●
gitbook
(14)
●
github
(1305)
●
golang
(204)
●
google
(622)
●
graphic
(37)
●
gulp
(105)
●
hack
(20)
●
health
(68)
●
hiring
(19)
●
history
(49)
●
hosting
(26)
●
i18n
(145)
●
iPad
(38)
●
iPhone
(615)
●
iTunes
(49)
●
illust
(100)
●
internet
(14)
●
ios
(3823)
●
issue
(784)
●
jQuery
(624)
●
jailbreak
(125)
●
jailbreak_app
(57)
●
japanese
(162)
●
jasmine
(63)
●
jekyll
(43)
●
jest
(16)
●
job
(39)
●
jsx
(46)
●
keysnail
(22)
●
kubernetes
(61)
●
language
(16)
●
law
(16)
●
legal
(58)
●
library
(6763)
●
license
(78)
●
links
(88)
●
linux
(112)
●
mac
(982)
●
macOS
(74)
●
mail
(215)
●
math
(19)
●
mdn
(22)
●
memo
(12)
●
mobile
(302)
●
module
(118)
●
money
(34)
●
monorepo
(48)
●
mountain
(12)
●
music
(127)
●
network
(42)
●
news
(255)
●
nginx
(16)
●
nlp
(87)
●
node.js
(2499)
●
nodejs
(145)
●
npm
(772)
●
nw.js
(56)
●
oculus
(32)
●
office
(82)
●
opinion
(427)
●
p2p
(43)
●
package
(18)
●
paper
(91)
●
password
(40)
●
pc(65)
●
performance
(916)
●
perl
(37)
●
person
(111)
●
philanthropy
(27)
●
photo
(37)
●
photoshop
(34)
●
php
(131)
●
pixiv
(26)
●
playwright
(15)
●
plugin
(452)
●
pnpm
(30)
●
podcast
(75)
●
political
(42)
●
polyfill
(72)
●
prisma
(13)
●
privacy
(208)
●
program
(671)
●
project
(29)
●
proposal
(637)
●
proxy
(59)
●
python
(167)
●
rails
(44)
●
reST
(17)
●
redmine
(24)
●
redux
(205)
●
refacoring
(15)
●
research
(15)
●
rollup
(14)
●
rspack
(13)
●
rss
(195)
●
ruby
(174)
●
safari
(352)
●
scala
(64)
●
search
(604)
●
secretlint
(21)
●
security
(2025)
●
self
(29)
●
server
(111)
●
serverless
(46)
●
slack
(46)
●
slide
(1814)
●
sns
(42)
●
software
(1870)
●
sound
(52)
●
sourcemap
(37)
●
spec
(600)
●
startup
(51)
●
stats
(14)
●
stream
(56)
●
swift
(179)
●
template
(60)
●
terminal
(30)
●
terraform
(12)
●
test
(50)
●
testing
(1852)
●
textlint
(290)
●
todo
(115)
●
tombloo
(69)
●
translate
(74)
●
tumblr
(73)
●
tutorial
(740)
●
twitter
(669)
●
userChrome.js
(59)
●
video
(824)
●
vim
(98)
●
vista
(31)
●
vite
(78)
●
voice
(41)
●
web
(384)
●
webdriver
(33)
●
webkit
(314)
●
webpack
(367)
●
webservice
(2444)
●
webview
(65)
●
webworker
(74)
●
wiki
(120)
●
windows
(335)
●
wordpress
(133)
●
workflow
(42)
●
xpath
(46)
●
yarn
(100)
●
zig
(25)
●
zsh
(57)
●
はてな
(162)
●
まとめ
(938)
●
アクセス解析
(58)
●
アップローダー
(48)
●
アニメ
(39)
●
アルゴリズム
(105)
●
アンケート
(26)
●
イベント
(208)
●
インタビュー
(67)
●
ウイルス
(17)
●
オープンソース
(43)
●
キーボード
(154)
●
クリップボード
(44)
●
グラフ
(161)
●
コマンドプロンプト
(15)
●
コミュニケーション
(16)
●
コードリーディング
(13)
●
コードレビュー
(23)
●
サンプル
(43)
●
サーバー
(189)
●
ジェネレーター
(67)
●
スクリーンショット
(28)
●
ストレージ
(12)
●
スライド
(119)
●
セキュリティ
(30)
●
チートシート
(88)
●
デザインパターン
(73)
●
デスクトップ
(12)
●
データベース
(117)
●
トラブル
(20)
●
ニコニコ動画
(325)
●
ネタ
(22)
●
バージョン管理
(21)
●
ファイル
(13)
●
ブックマークレット
(100)
●
プロトコル
(22)
●
メモ
(38)
●
ライセンス
(59)
●
ランチャー
(18)
●
リファクタリング
(27)
●
リファレンス
(110)
●
仕事
(101)
●
仮想化
(35)
●
企業
(168)
●
共有
(20)
●
初心者
(12)
●
勉強
(136)
●
周辺機器
(19)
●
図
(75)
●
圧縮解凍
(39)
●
広告
(52)
●
文字コード
(87)
●
文章
(172)
●
日本語
(13)
●
東方
(42)
●
校正
(14)
●
機械学習
(44)
●
正規表現
(133)
●
歴史
(199)
●
法律
(24)
●
海外
(24)
●
無駄知識
(53)
●
物欲
(130)
●
生活
(47)
●
用語
(40)
●
画像
(625)
●
素材
(69)
●
統計
(48)
●
翻訳
(465)
●
自然言語
(58)
●
著作権
(17)
●
言語
(30)
●
設定
(172)
●
設計
(182)
●
論文
(72)
●
講座
(28)
●
資料
(142)
●
開発環境
(79)
●
関数型プログラミング
(75)
●
電子書籍
(154)
●
青空文庫
(16)
●
JavaScript
(13311)
●
library
(6763)
●
ios
(3823)
●
ReleaseNote
(3495)
●
Tools
(2726)
●
article
(2592)
●
node.js
(2499)
●
webservice
(2444)
●
security
(2025)
●
CSS
(1963)
関連タグで絞り込む (7)
●
browser
●
cloudflare
●
library
●
node.js
●
performance
●
tutorial
●
WebAssembly
タグの絞り込みを解除
articleとImageに関するefclのブックマーク (9)
●
17 users
●
zenn.dev/naporin24690
●テクノロジー
cloudflare workers routes を利用するので、cloudflare がnsを持つドメインを持っている必要があります。 import { Hono } from "hono"; import { createMiddleware } from "hono/factory"; import { optimizeImage } from "wasm-image-optimization"; import { cache } from "hono/cache"; const app = new Hono(); const via = createMiddleware((c, next) => { if (c.req.header("via")) { console.log("pass through", c.req.raw.url); return fetch(c.req
efcl
2023/12/28
●cloudflare
●Image
●article
●
3 users
●
blog.stackblitz.com
●テクノロジー
TL;DR: You can now use Sharp - a high-performance image processing library for Node.js, in WebContainers! Try itlive on StackBlitz! WebContainers is an environment that allows you to run Node.js directly in your browser. Itcan easily handle any JavaScript, including npm modules. However, when itcomes to image processing and optimisation, users of toolchains such as Gatsby, Astro, Next.js and ot
efcl
2023/08/07
●WebAssembly
●Image
●article
●
9 users
●
web.dev
●テクノロジー
Deploying AVIF for more responsive websites Stay organized with collections Save and categorize content based on your preferences. AVIF is a new image format that is quickly gaining popularity on the web because of its high compression rates, efficient performance, and broad adoption. AVIF is an open, royalty-free image format that is based on the AV1 video codec standardized by the Alliance for O
efcl
2023/05/26
●Image
●article
●
49 users
●
web.dev
●学び
Stay organized with collections Save and categorize content based on your preferences.
efcl
2023/02/02
●tutorial
●Image
●article
●
9 users
●
www.debugbear.com
●テクノロジー
Choosing the right image format is the first and most important step when itcomes to image performance. We want our websites to load fast, but we also want our images to look good. Balancing these two concerns is the core of image performance. Image formats are file types for digital graphics that have evolved over time to make use of new software and hardware technologies and faster networks. Th
efcl
2022/12/06
●Image
●performance
●article
●
7 users
●
developer.chrome.com
●テクノロジー
Images are a common source of performance bottlenecks for web applications and a key focus area for optimization. Unoptimized images contribute to page bloat and currently account for over 70% of the total page weight in bytes at the 90th percentile. Multiple ways to optimize images call for an intelligent "image component"with performance solutions baked in as a default. The Aurora team worked w
efcl
2021/10/29
●Image
●article
●
4 users
●
web.dev
●テクノロジー
Introducing libSquoosh Stay organized with collections Save and categorize content based on your preferences. We are happy to introduce libSquoosh, an experimental Node library on top of which the Squoosh CLI is built, giving you all the capabilities for the Squoosh CLI with a JavaScript-idiomatic interface. Squoosh.app is a PWA that compresses images for you in the browser. Itsupports many old a
efcl
2021/06/09
●node.js
●Image
●library
●article
●
23 users
●
www.smashingmagazine.com
●テクノロジー
Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from Addy’s new book (also, check a free PDF preview). The humble <img>element has gained some superpowers over the years. G
efcl
2021/05/21
●Image
●performance
●article
●
29 users
●
jakearchibald.com
●テクノロジー
Back in ancient July I released a video that dug into how lossy and lossless image compression works and how to apply that knowledge to compress a set of different images for the web. Well, that's already out of date because AVIF has arrived. Brilliant. AVIF is a new image format derived from the keyframes of AV1 video. It's a royalty-free format, and it's already supported in Chrome 85 on desktop
efcl
2020/09/11
●browser
●Image
●article
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第4週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第2週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
wasm-image-optimization で一括画像最適化
Bringing Sharp to WebAssembly and WebContainers
Deploying AVIF for more responsive websites | Articles | web.dev
Learn Images | web.dev
Modern Image Formats For The Web | DebugBear
Building an effective Image Component | Aurora | Chrome for Developers
Introducing libSquoosh | Blog | web.dev
The Humble <img> Element And Core Web Vitals — Smashing Magazine
AVIF has landed