夏休み直前に集めた127枚の上質な画像集とブラウザお気に入り

日付	2019-07-18T13:45:00
分類	面白画像
画像	127枚
訪問数	11

こんばんは。今日はブラウザのブックマークを一部公開します。すべてのリンクは別タブで開きます。

(2019.07.19)タイトルを修正しました。

BookMark

WEBフォルダー

Understanding the Google Analytics tracking code: (function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,"script","//www.google-analytics.com/analytics.js","ga");

複雑なGoogleAnalyticsのトラッキングコードを分析。最初のfunctionの引数が最後のカッコに挿入され少しでも文字数を節約しているのがわかります。変数iはwindow、sにdocument、oに文字列のscriptなど。残りの２つはletなど宣言を省くために書かれています。
The browser privacy handbook(英語): ブラウザセキュリティ情報。可能であれば、Googleサービスを使用しないことをお勧めします。覚えておいてください：あなたが製品の代金を払わないならば、あなたは製品です。
Favicon Generator: ブックマークバーに表示されるアイコンを16ピクセル感覚で作れるサイト。ここもこれでつくりました。
Schema: HTMLタグに構造化データを打ち込む際に使うサイト。地名や人名、場所、タイトルなどをタグで説明してロボットに伝える。検索結果に表示されるパンくずリスト[エロジン > ニュース > 政治]のように。（現在はJson LDが推奨）
JSFiddle: JavaScriptのオンラインチェック
Graphemica: Font Awesomeなどのライブラリを使わないアイコンのチャーセット ╳
WPデータベース構造: 管理画面を作るときにカラム名やデータ型などを参考。例えば「ブログ」に最低限必要なデータベースカラムは「タイトル、本文、カテゴリ、投稿日時、URL、公開・下書き」に踏まえてよく忘れる「更新日時、サムネイル、ID、記事説明」など。
DrkCore: どこかのプログラマー個人ブログ。ほとんどポケモンか飲食店の記事で、参考にしている本を参考にする程度。
Form で submit されたデータの収集と FormData & URLSearchParams: 便利
SSHのセキュリティ対策について: 新しくサーバを立ち上げたら見るサイト。デザインもシンプルでいい
Dimensions & Metrics Explorer: GoogleAnalytics APIのリファレンス。各記事のPV数やトラフィックなど好きなようにカスタマイズして取得できる。
JSONデータ圧縮方式をSnappyからzstdに切り替えた事例紹介: JSONデータ圧縮方式をSnappyからzstdに切り替えた事例紹介している記事
IPA ISEC セキュア・プログラミング講座：Webアプリケーション編第8章 #4 対策に利用できる技術: Content Security Policyについて詳しく説明しているサイト。通称CSPは自サイトで誰かがHTMLを編集して他サイトの画像URLやスクリプトの読み込みを制御することができる。
正規表現サンプル集: 正規表現のサンプル集
Node.jsのセキュリティ・チェックリスト: セキュリティ – 誰もが見て見ぬふりをする問題。クッキーなど危険な因子を解説
Linux上でシェルが実行される仕組みを，体系的に理解しよう（bash 中級者への道）: ユーザが打ち込んだコマンドは，実行前に，bashによって整形される
DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定 | OXY NOTES: 参考本を出せるんじゃないかと思うくらい丁寧に解説されたサイト
Taskを極めろ！async/await完全攻略 - Qiita: Taskを極めるサイト。プログラムを何行か書いて実行すると1行づつ順を追って処理していきますが、途中で重い行があったら止まってしまうのがミソです。Async非同期を使えば重いのは後回しにしてどんどん行を読み込んでくれるので効率がよくなります。
AMP: モバイル高速化AMPページ化するにあたってのリファレンス。ツイッターやYouTubeのIframeもAMPでできるようになる。少しでもミスがあればAMPとして読み込まれなくなってキャッシュされない。
データ視覚化のデザイン #1｜Go Ando / THE GUILD｜note: 色の使い方、黒は絶対に使ってはいけないとか、コントラスト（色の対比）をうまく説明。
Don't use Array.forEach, use for() instead (Example): ForEachとか便利な関数が多々増えてきているけど、結局裏で原始的な形に戻して処理しているので普通のfor(var i = 0; i > arr.length; i++)にしたほうがいいよという話。これは他の言語全てに言えることで、CSSの* { margin: 0; }は便利ですがとても重いので非推奨とGoogleWebカンファレンスにも書いてあります。jQueryも便利ですがなるべくPureJSで書くことを心がけましょう。
あなたが知らないJavaScriptの便利すぎるショートハンド19選: let dbHost;
if (process.env.DB_HOST) {
dbHost = process.env.DB_HOST;
} else {
dbHost = 'localhost';
}

この辺のコードは一行で書けるよというやつ

const dbHost = process.env.DB_HOST || 'localhost';
Tips for golfing in JavaScript: 上の上位互換
【裏技】みんな知らないログイン必須ページの爆速スクレイピング
Linuxのforkシステムコールをハックする: プログラマンになるならこの辺は抑えておきたいのだ
「GDPRとかいろいろあるけど、それでも個人でWebサービス開発やっていこうよ」という話: よくスマホでサイトを巡回していると下に個人情報に関する同意のテキストが現れることがあります。EU一般データ保護規則（GDPR)というやつで、サーバがEUに置いてなくても関係なしに全世界で有効になるという。
How to Compile Nginx From Source on CentOS 7: ピッピカチュウとコピペしていけばコンパイルできるのだ

SSL/TLSフォルダー

How to Compile Nginx From Source on CentOS 7: HTTP2を有効化するためにNginxをソースコンパイルするために必読なサイト。
Webサーバー nginx における SSL証明書設定の安全性向上～SSL Server Test で A+ 判定を目指して～: 小生はA+未満のWEBサイトを一つも持ってない。
Let's Encrypt で Nginx にSSLを設定する - Qiita: HTTPS化するにあたってのCertbotの入れ方。小生が保有する各WEBサイトにHTTPSでないURLは無い。
NginxでHTTP2を有効にする - Qiita: NginxでHTTP2を有効にする

Amazon Web Service フォルダー

Linux での RAID 構成: 2つのSSDをRAID0で高速化、初期化するやつ。この辺はかなり苦労します。DDで全領域にダミーファイルを書き込んで100％にし、XSFフォーマットに初期化してmdadmでRAID化。
cloud-init で ephemeral0 がマウントされてしまう...: cloud-init で ephemeral0 がマウントされてしまう
EC2でインスタンスストアをRAID0で組む手順/起動スクリプト化 - Qiita: EC2でインスタンスストアをRAID0で組む手順/起動スクリプト化

詳細を開く

# まずエフェメラルディスクであるSSD、XVDBとXVDCをアンマウント
umount /dev/xvdb
umount /dev/xvdc

# ddコマンドで全部ダミーファイルを書き込む
dd if=/dev/zero of=/dev/xvdb bs=1M
dd if=/dev/zero of=/dev/xvdc bs=1M

# RAID化。
mdadm --create --verbose /dev/ssd --level=0 --name=MYRAID --raid-devices=2 /dev/xvd[bc]

# RAID化されたSSDをXFSにフォーマット
mkfs.xfs /dev/ssd
echo $((30*4096)) > /proc/sys/dev/raid/speed_limit_min
mkdir /var/www/erozine
mount /dev/ssd /var/www
mkdir /var/www/db
mkdir /var/www/erozine
cp -fr /backup/erozine/* /var/www/erozine/
chown mongod:mongod -R /var/www/db
chown nginx:nginx -R /var/www/erozine/

fio -name=random-write -ioengine=libaio -rw=randrw -rwmixread=0 -bs=16k -numjobs=16 -iodepth=16 -size=100m -direct=1 -directory=/media/ephemeral0 -group_reportingrm -fR /ssd/random*

How to use “Instance Store Volumes” storage in Amazon EC2?: The use of instance-local storage that is not persistent when an instance is stopped is pretty simple: It's a very large chunk of space useful for transient things. They're the perfect target for mounting to /tmp, and is extremely useful if your server handles very large files transiently.
AWS ec2のストレージどう使う? -Instance Storageを理解して高速IOを上手に活用!: 初歩的なこと
インスタンスタイプによって SSD の性能が変わるのか調べてみた: ベンチマーク。おそらくやり方が違っている

その他フォルダー

まとめくす: 2chコピペブログはこれがないと始まらない。（５ちゃん対応）
【ニュー１号機】Fractal Design Define R5 がやってきたヽ(;´ω｀)ノ！【組み込みレビュー】 - kakuさんのブログ part2: 自作PC参考、写真が高画質、いい製品ばかり取り扱っている
漢字検定準２級「書き取り」問題: 2級は慨ね書けるようになりました。
虚数とは何か？複素数とは何か？が一気に分かりやすくなる記事 | アタリマエ！: 虚数がわかるサイト
Gigazine: 2007年くらいから見ているブログ
TwTimez: バズっているツイートランキング
Muse Score: 楽譜の共有サイト。初月無料の月額5000円かかるので無料期間までにガムシャラに楽譜をダウンロードすれば良い。PDFで落とした後はセブンのプリンタで綺麗に印刷できる
となりのヤングマガジン侍ナウ: 変な剣の漫画
となりのヤングマガジン SPY FAMILY: スパイの夫、超能力者の娘、殺し屋の奥さん
他
neko-sama (Anitubeの代替品)、Xvideos、PornHub
Internet Archive: 強力なWEBサイト保管サイト。エロジンがライブドアブログ凍結されたときに、ここから記事をコピペして救出。

昔のデザインも見れて、画像も少しだけ残ってたりするという優れもの。

1/127
0
2/127
0
3/127
1