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

gazou/firekyotoanimationのサムネイル画像
23990014
todayweekmonthtimeOnPagebouncesentrancesexits
08100000

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

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

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

1/127

2/127

3/127

最近見た動画

Japan EXPOみたいな会場でセーラームーンの木星「木野まこと」のコスプレ(ミニスカノーパン)をして人前でおまん子を露呈。



Bohemian Rhapsody を歌ってみた



スーパードンキーコング2より「Rigging(メインマストクライシス)」のピアノ演奏です。



幻想即興曲−ショパン【Fantasie Impromptu-Chopin】ピアノ/CANACANA 陰キャがこれを引いた時の勝ち感半端ない



Twitterまとめ









画像

4/127

5/127

6/127

7/127

8/127

9/127

10/127

11/127

12/127

13/127

14/127

15/127

16/127

17/127

18/127

19/127

20/127

21/127

22/127

23/127

24/127

25/127

26/127

27/127

28/127

29/127

30/127

31/127

32/127

33/127

34/127

35/127

36/127

37/127

38/127

39/127

40/127

41/127

42/127

43/127

44/127

45/127

46/127

47/127

48/127

49/127

50/127

51/127

52/127

53/127

54/127

55/127

56/127

57/127

58/127

59/127

60/127

61/127

62/127

63/127

64/127

65/127

66/127

67/127

68/127

69/127

70/127

71/127

72/127

73/127

74/127

75/127

76/127

77/127

78/127

79/127

80/127

81/127

82/127

83/127

84/127

85/127

86/127

87/127

88/127

89/127

90/127

91/127

92/127

93/127

94/127

95/127

96/127

97/127

98/127

99/127

100/127

101/127

102/127

103/127

104/127

105/127

106/127

107/127

108/127

109/127

110/127

111/127

112/127

113/127

114/127

115/127

116/127

117/127

118/127

119/127

120/127

121/127

122/127

123/127

124/127

125/127

126/127

127/127

抜けた
23
99
感動
0
意味不
0
胸糞
1
萎えた
4
保存

この記事へのコメント

みてみてみーてっ

みてみてみーてっ💫

1 / 33

ID: 7cdc668a
reply
ピクサー大好き

5手こきしてるみたいやな

2 / 33

ID: 703791ba
reply

タイトルは笑えねえんだよな

3 / 33

ID: 2c484e9f
reply

ワニさん可愛い

4 / 33

ID: 4c69f9ca
reply

最後のワニワロタ

5 / 33

ID: 5c10b449
reply

不謹慎だぞお前

6 / 33

ID: e7cf80cc
reply

ココ最近で1番よかった。

7 / 33

ID: 19e95abf
reply

笑えねぇぞ

8 / 33

ID: db1c1f40
reply

投稿時間からして死者数1名とかの報道時間だったからなー

9 / 33

ID: cd923fe1
reply

タイトル…

10 / 33

ID: 11e6db19
reply

24.25作者おせーてください

11 / 33

ID: f89662e4
reply

京アニ放火事件まじでヤバイ

12 / 33

ID: cede8129
reply

タイトルが侮辱してるように感じるからなぁ。あんまりこういう事件をネタにするな

13 / 33

ID: b47dc16b
reply

画像はよきだけどタイトルで台無しだぞ

14 / 33

ID: 6b6476be
reply

動画と画像は良かったがタイトルが残念かな不快と感じる人もおるだろうしこういったタイトルは控えた方がよろしいかと

15 / 33

ID: 115b6528
reply

ガキじゃねえんだから不謹慎ネタはやめろ

16 / 33

ID: 91e20109
reply

101、102ってだれや?

17 / 33

ID: 81551b18
reply

めちゃくちゃ荒れてるんだけどこの夏休み直前に〜ってタイトルそんなやばいの?

18 / 33

ID: 5e4aa787
reply

46のラルトスかわいい

19 / 33

ID: 9aeb31df
reply

タイトル変えたって書いてあるから、変える前のやつが不謹慎だったんじゃね?

20 / 33

ID: 7dd47b84
reply

流石に変えたんじゃね?それはそうと適当に番号言った画像で抜きます#78

21 / 33

ID: baffcb67
reply

京都アニメーションが炎上した日に集めた127枚の画像集

22 / 33

ID: fd2917c6
reply

京アニが燃えた日に保存した〜みたいなタイトルだったのが変更されたんだゾでも別に侮辱もしてないしただの事実だよなぁ?

23 / 33

ID: f9291f07
reply

タイトル変えてて草

24 / 33

ID: eb5a2f5b
reply

#62

25 / 33

ID: 9ca45966
reply

投稿されたときは30人以上が犠牲になる事件になるなんて誰も分からなかったからな…

26 / 33

ID: 04065ea3
reply

今回はエチエチ要素が多かったn24とn36の詳細くらさい

27 / 33

ID: 13df550c
reply

管理人の普段使ってる検索エンジンはなんですか?

28 / 33

ID: d1b6ba61
reply

だってARE

29 / 33

ID: 9f06cdbf
reply

URL

30 / 33

ID: 9f06cdbf
reply
コメントは33件中最新の30件だけ表示しています
続きを取得するにはこちらをクリック
評価を受け付けました

本文は2字以上、400字以内
名前は空欄可、20字以内

関連記事