HTML の省略によるサイズ最適化 | blog.jxck.io
Intro 本サイト blog.jxck.io 以下については、 Markdown から静的ファイルを生成するスタイルで作成している。 この変換時に以前から思っていた HTML の最適化 を実施することにした。 しかし、 md->html 変換時にそれをできるツールが見当たらないため、 Markdown の AST から HTML を構築する過程で、省略を施すスクリプトを自作した。 ただし、ソースはあくまで観賞用なので、インデントやコメントは残している。 チューニングではなく単なる実験としてサイト全体にこれを適用し、その結果を記す。 静的コンテンツの最適化 パフォーマンス改善の常套手段として、コンテンツの最適化がある。 ただ、ここ最適化と言っているものには大きく二つある。 gzip などのアルゴリズムにより経路上で圧縮する bmp を png, jpeg, webp などのフォーマットに変
Index | blog.jxck.io
Archive 2024 2024-03-27 RFC の URL はどのドメインで貼るのが良いか 2024-03-26 Chromium にコントリビュートするための周辺知識 2024-03-13 mozaic.fm 10 周年記念イベント開催後記 2024-02-10 Promise.withResolvers によるイベントの Promise 化 2024-02-06 TC39 に新設された Stage 2.7 について 2024-01-28 Apple によるブラウザエンジン規制の緩和 2024-01-23 Web 技術年末試験 2023 講評 #web_exam2023 2023 2023-12-31 2023 年を振り返る 2023-12-30 3PCA 最終日: 3rd Party Cookie 亡き後の Web はどうなるか? 2023-12-29 3PCA 27 日目:
Blog を移転しました | blog.jxck.io
Image 画像は <picture> タグを用いて表現する。 必ず .webp も提供する必要がある。 webp の推奨は以下 $ cwebp -q 40 img.png -o img.webp Video markdown 上は画像と同じ記法で、拡張子が mp4 の場合は <video> で展開する。 必ず .mp4, .webm 両方を提供する必要がある。 Quick Time で screen record を取り gif 的に表示するなら推奨は以下。 # メタデータを消し、 frame rate を 24 にし、Audio を消す $ ffmpeg -i video.mov -map_metadata -1 -r 24 -an video.webm $ ffmpeg -i video.mov -map_metadata -1 -r 24 -an video.mp4 サンプルコード
)
財テク (住宅購入編) - shunirr
これまでのあらすじ 財テクを書いた後に、いままで賃貸に住んでいて、戸建かマンションを買ってみるかとなった COVID-19 の影響で在宅勤務が長期化しており、都心の 1LDK よりも、少し郊外で広い家に引っ越して、書斎というかオフィス的な空間を自宅内に用意したいと考えた 家の買い方に関する本をいろいろ買って読んでみたり、ネットの記事を読んでみたり、実際にマンションの購入手続きを進めてみたり (途中でキャンセルしたけど) 、仲介業者の紹介でファイナンシャルプランナーに相談したりした 前提 shunirr の独自研究による財テクをまとめています shunirr は、そこそこの規模の会社勤務なソフトウェアエンジニア、東京 23 区内在住、実家は田舎の賃貸で、相続できる資産とかは無い shunirr の思想・価値観によってまとめられているので異なる価値観の人には合わない可能性があります shuni
Graphviz Online
digraph G { subgraph cluster_0 { style=filled; color=lightgrey; node [style=filled,color=white]; a0 -> a1 -> a2 -> a3; label = "process #1"; } subgraph cluster_1 { node [style=filled]; b0 -> b1 -> b2 -> b3; label = "process #2"; color=blue } start -> a0; start -> b0; a1 -> b3; b2 -> a3; a3 -> a0; a3 -> end; b3 -> end; start [shape=Mdiamond]; end [shape=Msquare]; }
Introduction - everything curl
Introduction Everything curl is an extensive guide for all things curl. The project, the command-line tool, the library, how everything started and how it came to be the useful tool it is today. It explains how we work on developing it further, what it takes to use it, how you can contribute with code or bug reports and why millions of existing users use it. This book is meant to be interesting an
Option/Either/Future Monads in JS, Python, and More | Toptal
This monad tutorial gives a brief explanation of monads and shows how to implement the most useful ones in five different programming languages—if you’re looking for monads in JavaScript, monads in Python, monads in Ruby, monads in Swift, and/or monads in Scala, or to compare any implementations, you’re reading the right article! Using these monads you will get rid of a series of bugs like null-po
A Beginner's Guide to Firewalling with pf
This guide is written for the person very new to firewalling. Please realize that the sample firewall we build should not be considered appropriate for actual use. I just try to cover a few basics, that took me awhile to grasp from the better known (and more detailed) documentation referenced below It's my hope that this guide will not only get you started, but give you enough of a grasp of using
Reduxが分からない人のためにReduxを概念から説明してみる - Qiita
TL;DR 要点だけ知りたい方は、最後の方だけ読めば大丈夫です。 背景:Reduxが全然わからないのでちゃんと勉強した 開発現場にReduxを導入しておきながら、チーム全員が「全然分からない。俺達は雰囲気でReduxをやっている」状態だったので、本腰入れてドキュメント読みました。基本を押さえたら一気に見通しが良くなったので、説明します。色々なサイトやドキュメントは明らかに冗長な説明多いので、極限までエッセンシャルを絞って説明することで、ゼロ知識からでもある程度、理解できるレベルの説明に落とし込むことに挑戦しました。うちの開発チームで知見として残すために作成したものですが、需要がありそうかなと思ったので、公開します。需要がなければすみませんでした。おかしな点があれば、まさかりお待ちしております。 今回は、公式ドキュメントのBasics辺りの話まで。 Reduxの主な登場人物 Reducer
SOCKSプロキシとHTTPプロキシの違いについて勉強してみた | DevelopersIO
はじめに サーバーレス開発部@大阪の岩田です。 先日接続元IPアドレスをクラスメソッドのGIPに制限した検証環境を利用してAPIのテストを行なっていたところ、リモートワーク中のメンバーが検証環境に接続できないという状況が発生しました。 下記の記事で紹介されているように、クラスメソッドではSOCKSサーバーが構築されているので、VPN経由で社内NWに接続し、SOCKSサーバーをプロキシとして利用すれば本来リモート環境からでも検証環境が利用できるはずです。 VPN利用者のためにdelegateでSOCKSサーバーを立ててみました 最初はcurlコマンドのオプションに--proxyを付けてプロキシサーバーを指定するようお願いしたのですが、--proxy http://proxy.example.com:xxxxのような指定を行なっていたようで、問題が解決しませんでした。 結局--proxy so
すごいIPv6本を無料配布！:Geekなぺーじ
2021年12月20日追記：第2版できました！ IPv6を解説した「プロフェッショナルIPv6」をラムダノート株式会社から出版しました。 初版は456ページになりました。紙版の厚さは23mmになる予定です。 現時点で、IPv6に関して世界で最もまとまっているIPv6本であると個人的に考えています。 「プロフェッショナルIPv6」は、株式会社日本レジストリサービス様、BBIX株式会社様、NTTコミュニケーションズ株式会社様、日本ネットワークイネイブラー株式会社様、クラウドファンディング(「すごい技術書を一緒に作ろう。」という企画です)でのみなさまによるサポートにより実現しました。 IPv6に関する技術情報を広く公開するという趣旨に賛同いただき、本書の執筆と制作、公開にあたって多大な協賛をいただきました。ありがとうございます！！！ 「プロフェッショナルIPv6」は、通常の書籍として5000円で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://labs.jxck.io/tmp/07.html
Test DEMO
Simple Icons
Upgrading existing password hashes | Michal Špaček
無料で使える音源を大量に配布する・「Fugue」
Smart CSS Grid