画像埋め込みHTML変換ツールのSVGコードから不要なソースコードを削除して出力するように変更しました。元々のコードによりますが、数バイト~数十バイト程度は軽量化出来るかもしれません。

画像ファイルまたはSVGコードをbase64でエンコードを行い、imgタグまたはCSSのbackgroundスタイルのコードを発行する画像埋め込みHTML変換ツールをアップしました。SVGは変換しなくてもそのままHTMLソースに埋め込むことも出来ますし、base64エンコードしてもサイズは圧縮されない(むしろ増える)ですが、imgタグとして利用したほうが良い場面もあるので使い分けで。

画像埋め込みHTML/CSS変換ツール

画像ファイルまたはSVGコードをbase64エンコードしてimgタグ、CSSのbackgroundスタイルの埋め込みコードに変換するツールです

HTML
CSS
クリップボードにコピーしました

現在地の天気予報を追加しました。IPアドレスから現在地の都市と経度緯度を取得(GeoIP2-phpを利用)して、その情報を元に天気予報APIで取得してます。なのでそこまで正確な情報は取得出来ない…というより素直に天気アプリを使うほうが遥かに実用的ですが、こういうのもあっても良いかと思い実験的に作ってみました。本来は綺麗に収めてフロントページに設置するつもりだったのですが、IPアドレスごとにリアルタイムにOpen-Meteoというサイトより天気データを取得していることもあって、処理が割と重くなってしまったので現状では専用ページに設置してあります。

現在地の天気予報

コロンバスの天気

07/27

天気:晴れ時々曇り

降水確率:0%

最高気温:28.3℃

最低気温:14.3℃

UV指数:7.4

日出:19:26

日入:09:50

07/28

天気:晴れ時々曇り

降水確率:0%

最高気温:33℃

最低気温:17.4℃

UV指数:7.5

日出:19:27

日入:09:49

07/29

天気:にわか雨: 小雨

降水確率:48%

最高気温:35.5℃

最低気温:21.1℃

UV指数:7.15

日出:19:28

日入:09:48

IPアドレスから現在地(都市名)を割り出し天気予報を取得しています。IPアドレスから都市名、経度緯度の取得にはGeoIP2-phpとデータベースにGeoLite2を利用しました。GPSではなくIPアドレスから取得しているので、正確さはあまりありませんがざっくりとした用途には良いかもしれません。都市の経度緯度からOpen-MeteoのAPIを利用して天気予報を取得しています。

環境変数確認

サーバで取得出来るあなたの端末の環境変数の一部を確認出来ます。

IPアドレス
18.117.11.194
ホスト名
ec2-18-117-11-194.us-east-2.compute.amazonaws.com
ユーザーエージェント
画面解像度
ウインドウサイズ
リンク元 (http_referer)
 
http_accept
*/*
http_accept_language
 
http_cookie
http_cache_control
 

Youtubeキーボードショートカット一覧

Youtubeで利用出来るショートカットキーの一覧です。

ショートカットキー機能
Space再生 / 一時停止
ボタンにフォーカスされている場合はボタン操作
k再生 / 一時停止
mミュート / ミュート解除
左矢印キー5秒巻き戻し
右矢印キー5秒早送り
j10秒巻き戻し
l10秒早送り
.一時停止中に次のフレームへ移動(コマ送り)
,一時停止中に前のフレームへ移動(コマ戻し)
>再生速度を上げる
<再生速度を下げる
Homeキー動画の先頭へ移動
Endキー動画の最後に移動
上矢印キー音量を5%上げる
下矢印キー音量を5%下げる
0〜9 キー動画の0〜90%の位置に移動
/検索ボックスに移動
f全画面モード表示 / 解除
Esc全画面モード解除
c字幕表示 / 非表示
Tabフォーカスを移動
Shift + N次の動画へ移動
Shift + N前の動画へ移動(再生リストの再生中のみ)
iミニプレーヤーを開く

CSS/JavaScript Compression

Code

CSS/JavaScript圧縮

ソースコード

OGP Checker

Enter the URL