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で組む手順/起動スクリプト化

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

最近見た動画

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

Bohemian Rhapsody を歌ってみた

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

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

Twitterまとめ

アニメ会社で火事 けが人多数か “ガソリンまいたか” 京都https://t.co/dekElcwrhE#nhk_news #nhk_video pic.twitter.com/TNeEksWoLX

— NHKニュース (@nhk_news) 2019年7月18日

噛み癖のある彼氏...(´ ˙꒳˙ `) pic.twitter.com/MJpRrCciYR

— たぁ👾 (@taakun0129) 2019年7月13日

エンテイも吉野家とか行くんだ pic.twitter.com/a3joquFEg1

— ずみ (@Zmix00) 2019年7月14日

積み重ねたガラスの板をプレス機で押すと… pic.twitter.com/q1Ekws1AuS

— σ(ﾟ∀ﾟ まて私は味方だ (@tyomateee) 2019年7月15日

カッとなってやってしまった pic.twitter.com/sYStgyabt2

— オッタグ (@ottaging) 2019年7月15日