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

BookMark

WEBフォルダー

(function(i,s,o,g,r,a,m){i[""]=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","/>

複雑なGoogleAnalyticsのトラッキングコードを分析。最初のfunctionの引数が最後のカッコに挿入され少しでも文字数を節約しているのがわかります。変数iはwindow、sにdocument、oに文字列のscriptなど。残りの２つはletなど宣言を省くために書かれています。

ブラウザセキュリティ情報。可能であれば、Googleサービスを使用しないことをお勧めします。覚えておいてください：あなたが製品の代金を払わないならば、あなたは製品です。

ブックマークバーに表示されるアイコンを16ピクセル感覚で作れるサイト。ここもこれでつくりました。

HTMLタグに構造化データを打ち込む際に使うサイト。地名や人名、場所、タイトルなどをタグで説明してロボットに伝える。検索結果に表示されるパンくずリスト[エロジン > ニュース > 政治]のように。（現在はが推奨）

JavaScriptのオンラインチェック

Font Awesomeなどのライブラリを使わないアイコンのチャーセット ╳

管理画面を作るときにカラム名やデータ型などを参考。例えば「ブログ」に最低限必要なデータベースカラムは「タイトル、本文、カテゴリ、投稿日時、URL、公開・下書き」に踏まえてよく忘れる「更新日時、サムネイル、ID、記事説明」など。

どこかのプログラマー個人ブログ。ほとんどポケモンか飲食店の記事で、参考にしている本を参考にする程度。

便利

新しくサーバを立ち上げたら見るサイト。デザインもシンプルでいい

GoogleAnalytics APIのリファレンス。各記事のPV数やトラフィックなど好きなようにカスタマイズして取得できる。

JSONデータ圧縮方式をSnappyからzstdに切り替えた事例紹介している記事

Content Security Policyについて詳しく説明しているサイト。通称CSPは自サイトで誰かがHTMLを編集して他サイトの画像URLやスクリプトの読み込みを制御することができる。

正規表現のサンプル集

セキュリティ – 誰もが見て見ぬふりをする問題。クッキーなど危険な因子を解説

ユーザが打ち込んだコマンドは，実行前に，bashによって整形される

参考本を出せるんじゃないかと思うくらい丁寧に解説されたサイト

Taskを極めるサイト。プログラムを何行か書いて実行すると1行づつ順を追って処理していきますが、途中で重い行があったら止まってしまうのがミソです。Async非同期を使えば重いのは後回しにしてどんどん行を読み込んでくれるので効率がよくなります。

モバイル高速化AMPページ化するにあたってのリファレンス。ツイッターやYouTubeのIframeもAMPでできるようになる。少しでもミスがあればAMPとして読み込まれなくなってキャッシュされない。

色の使い方、黒は絶対に使ってはいけないとか、コントラスト（色の対比）をうまく説明。

ForEachとか便利な関数が多々増えてきているけど、結局裏で原始的な形に戻して処理しているので普通のfor(var i = 0;i >arr.length;i++)にしたほうがいいよという話。これは他の言語全てに言えることで、CSSの* { margin:0;}は便利ですがとても重いので非推奨とGoogleWebカンファレンスにも書いてあります。jQueryも便利ですがなるべくPureJSで書くことを心がけましょう。

let dbHost;
if (process.env.DB_HOST) {
dbHost = process.env.DB_HOST;
} else {
dbHost = 'localhost';
}

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

const dbHost = process.env.DB_HOST || 'localhost';

上の上位互換

プログラマンになるならこの辺は抑えておきたいのだ

よくスマホでサイトを巡回していると下に個人情報に関する同意のテキストが現れることがあります。EU一般データ保護規則（GDPR)というやつで、サーバがEUに置いてなくても関係なしに全世界で有効になるという。

ピッピカチュウとコピペしていけばコンパイルできるのだ

SSL/TLSフォルダー

HTTP2を有効化するためにNginxをソースコンパイルするために必読なサイト。

小生はA+未満のWEBサイトを一つも持ってない。

HTTPS化するにあたってのCertbotの入れ方。小生が保有する各WEBサイトにHTTPSでないURLは無い。

NginxでHTTP2を有効にする

Amazon Web Service フォルダー

2つのSSDをRAID0で高速化、初期化するやつ。この辺はかなり苦労します。DDで全領域にダミーファイルを書き込んで100％にし、XSFフォーマットに初期化してmdadmでRAID化。

cloud-init で ephemeral0 がマウントされてしまう

EC2でインスタンスストアをRAID0で組む手順/起動スクリプト化

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.

初歩的なこと

ベンチマーク。おそらくやり方が違っている

その他フォルダー

2chコピペブログはこれがないと始まらない。（５ちゃん対応）

自作PC参考、写真が高画質、いい製品ばかり取り扱っている

2級は慨ね書けるようになりました。

虚数がわかるサイト

2007年くらいから見ているブログ

バズっているツイートランキング

楽譜の共有サイト。初月無料の月額5000円かかるので無料期間までにガムシャラに楽譜をダウンロードすれば良い。PDFで落とした後はセブンのプリンタで綺麗に印刷できる

変な剣の漫画

スパイの夫、超能力者の娘、殺し屋の奥さん

他

neko-sama (Anitubeの代替品)、Xvideos、PornHub

強力なWEBサイト保管サイト。エロジンがライブドアブログ凍結されたときに、ここから記事をコピペして救出。

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

1/127

2

2/127

6

3/127

18

最近見た動画

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

Twitterまとめ

アニメ会社で火事 けが人多数か “ガソリンまいたか” 京都

—NHKニュース ()