2015年にググって「おっ」ってなった技術系記事・ニュースまとめ

今年も一杯ググった一年だった。
2015年にTwitterで共有したURLから技術関係のものを抽出・整理してまとめる。
必ずしも記事自体が2015年のものとは限らないので注意。

• デザイナーからフロントエンドエンジニアにジョブチェンジ
• 表の中には自分の書いた記事は入れていない

---

JavaScript

• CoffeeScriptからES6に移行
• Node.jsについて調べる機会がどんどん増えて来ている
• 来年はちゃんとテストを書いて開発できるエンジニアになりたい

記事	Twitter投稿(リツイート含む)
AjaxよりもSEOに期待大！pjaxをマスターしよう！ Web制作会社スタイル	ツイートURL
MochaとChaiでやるJavaScriptテスト	ツイートURL
オライリー本「JavaScriptパターン」で紹介されてるプライベートプロパティ（メンバ）は、インスタンス変数じゃなくてクラス変数 - Qiita	ツイートURL
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference HTML5Experts.jp	ツイートURL
Japont – 日本語Web Fontをダイナミックに生成 MOONGIFT	ツイートURL
メディアアート系で重要な数式・概念 & p5.jsで遊ぶ - Qiita	ツイートURL
JavaScript・jQueryの改修・高速化のためのメモ - Qiita	ツイートURL
Why we should stop using Grunt & Gulp	ツイートURL
当たり判定のアルゴリズム（2D 四角×四角） - Qiita	ツイートURL
Node で作るオレオレ CLI と npm への登録までの道のり - Qiita	ツイートURL
Adobeのスクリプトでホストアプリケーションのパスを取得する方法(ExtendScript, jsx) - Qiita	ツイートURL
TypeScript、台頭か / プログラミング / POSTD	ツイートURL
Vibrant.js – 画像を解析して主だった色をピックアップ MOONGIFT	ツイートURL
タイトル・URL・選択テキストをコピーする Bookmarklet - Fluffy white croquis	ツイートURL
sloc is a simple tool to count SLOC (source lines of code)	ツイートURL
Yeoman入門(第二部、generatorを作る) - from scratch	ツイートURL
JavaScript のクロージャとループ、変数について / UB Lab.	ツイートURL
JavaScriptにおける継承のパターン4種類の概要と対比 / プログラミング / POSTD	ツイートURL
スクロールやリサイズ等のイベントで処理を重くさせない方法 / 真夜中秘密工作員	ツイートURL
Using Local Storage as a communication channel	ツイートURL
JavaScriptフレームワークの寿命 / プログラミング / POSTD	ツイートURL
さよなら CoffeeScript - mizchi's blog	ツイートURL
フロントエンドでもES6構文使ってみる【webpack+babel-loader（旧6to5-loader）】 - yutaponのブログ	ツイートURL
jQueryはどうやって型判定してるのか - Qiita	ツイートURL
gulpでWebFont作成を自動化 / Web雑記帳	ツイートURL
ES6 class での private プロパティの定義 - Qiita	ツイートURL
JavaScriptで正規表現（文字列置換え編） - Qiita	ツイートURL

CSS

• Compassを使うのをやめた
• node-sassが早い!
• 構造化CSSの中で、BEMが一番気に入ったかも

記事	Twitter投稿(リツイート含む)
CSS三角形作成ツール	ツイートURL
自分の書いたコードが即座に解析できる「StyleStats」でCSSを測ろう！ / HTML5Experts.jp	ツイートURL
CSS には vw, vh, vmin, vmax という単位がある / Developers.IO	ツイートURL
PhantomCSSでViewの回帰テスト - Qiita,	ツイートURL
クリックで波紋を出すエフェクト（Ripple Effect）実装メモ - Qiita	ツイートURL
background-imageやborder-colorにcurrentColorを使う - Qiita	ツイートURL
Compass使うのやめた - Memo/	ツイートURL
CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法 Webクリエイターボックス	ツイートURL
若者はどうやってCSSを覚えたのか - Qiita	ツイートURL
CSS generator for animated gradients	ツイートURL
今どきのCSS3グラデーションの指定方法 (2015年版) - to-R	ツイートURL
本当にCSSの詳細度は必要なのか / プログラミング / POSTD	ツイートURL

Webその他

• SVGに初めて挑戦。意外と怖くなかった
  • SVGは思ってたより怖くなかった。インラインSVGのススメ - Qiita
• AdobeFlashがその看板をおろし、SVG, Canvas等のWebアニメーションの総合オーサリングツールという位置付けになったのが印象的

記事	Twitter投稿(リツイート含む)
ABOUT HTML-GL GITHUB REPO	ツイートURL
今さら聞けないWebAPIの実装方式RESTとSOAPの違い	ツイートURL
GoogleAnalyticsで怪しいリファラを除外する方法（ビュー設定を使う）	ツイートURL
拡張機能Snap.svg Animatorを使ってFlash Pro CCからSVGを書き出そう - ICS MEDIA	ツイートURL
詳細PDF入門 ー 実装して学ぼう！PDFファイルの構造とその書き方読み方	ツイートURL
XSLT でありがちな失敗を避けるために	ツイートURL
SVGアニメーションの現状	ツイートURL
Web制作にGPU処理を取り入れる	ツイートURL
[jThree] WebGLに求められていること	ツイートURL
Welcome Adobe Animate CC, a new era for Flash Professional	ツイートURL

git

• git rebaseを使えるようになったかも
• 転職に伴い、一人しかいない環境から、チームで開発する為の気遣いが必要になってきた

記事	Twitter投稿(リツイート含む)
gitで外部moduleを扱う方法(subtree)	ツイートURL
GitBucketのインストール手順	ツイートURL
デザインワークをGitに含めるべき? 含めないべき?	ツイートURL
[Git] git submodule は癖がすごいとの噂だったが素直につきあっていけそうという話	ツイートURL
git pull と git pull –rebase の違いって？図を交えて説明します！	ツイートURL
git flow × Pull Request を使ってモダンな開発してみた	ツイートURL
git rebaseとgit mergeはともだち こわくないよ	ツイートURL
How to do interactive rebase with Intellij IDEA?	ツイートURL

コマンドライン/サーバ/インフラ等

• 個人的な興味でかなりDockerとVagrantのことについてググった
• コンテナの形式が標準化され、今後色々なところでDockerやDocker的なツールを使う機会が増えていくかもしれない。

記事	Twitter投稿(リツイート含む)
wgetとcurlの根本的な違い - ctrlshiftの日記	ツイートURL
シェルスクリプトの平文パスワードをセキュアにする方法	ツイートURL
Should I put trailing slash after source and destination when copy folders	ツイートURL
脱初心者を目指すなら知っておきたい便利なVimコマンド25選 (Vimmerレベル診断付き)	ツイートURL
CoreOS を手動でアップデートする	ツイートURL
systemd超入門	ツイートURL
Google認証なリバースプロクシ＆静的コンテンツ配信サーバー「gate」	ツイートURL
rsync --delete で泣かないために	ツイートURL
スーパーユーザー権限が必要なファイルにcatコマンドでテキストを書き込む。	ツイートURL
20 Funny Commands of Linux or Linux is Fun in Terminal	ツイートURL
MySQLのメモリ設定の勘所	ツイートURL
インフラエンジニアがUnityをやるべきたった一つの理由	ツイートURL
Systemd入門(1) - Unitの概念を理解する	ツイートURL
公開鍵暗号と電子署名の基礎知識	ツイートURL
インフラエンジニアの綺麗で優しい手順書の書き方	ツイートURL
How to login as a different user in terminal?	ツイートURL
~/.ssh/config で簡単に複数ホストへのSSH接続を管理する	ツイートURL
Webアプリのデプロイメントの悲しい状況	ツイートURL

nginx

記事	Twitter投稿(リツイート含む)
How can I use environment variables in Nginx.conf	ツイートURL
nginx で http でのアクセスを https にリダイレクト	ツイートURL
google_auth_proxy + nginx で作る簡易認証システム	ツイートURL
Nginx で Basic 認証に LDAP を使う	ツイートURL

Vagrant/Docker

記事	Twitter投稿(リツイート含む)
VagrantとDockerについて名前しか知らなかったので試した	ツイートURL
コンテナの連結と操作 - Docker User Guide	ツイートURL
Dockerコンテナ間のlink，database.ymlの書き方	ツイートURL
dockerでタグを打ってないイメージを削除する対処療法的なスクリプトを書いてみた	ツイートURL
Data-only container madness	ツイートURL
How to correctly remove volume directories from Docker	ツイートURL
Copying files from host to docker container - Stack Overflow	ツイートURL
dokku + VirtualBoxで自分のHerokuを作る,	ツイートURL
Vagrantにスナップショット機能を加えるplugin、vagrant-vbox-snapshotの紹介	ツイートURL
グローバルIPがついたサーバーでDockerを動かすとして	ツイートURL
コンテナはクラウド進化の鍵--その歴史と「Docker」の隆盛	ツイートURL
Docker COPY vs ADD	ツイートURL
仮想マシンのディスク容量が足りない！Vagrantfile 内で解決したい。	ツイートURL
vagrant：vmdkをvdiに変更してCentOSのLVMで容量を拡張	ツイートURL
Resizing the virtual disk · Issue #8 · coreos/coreos-vagrant	ツイートURL
Vagrant の仮想マシンと SCP でファイルをやり取りする	ツイートURL
WEB+DB PRESS vol.86 で Docker の特集を書かせて頂きました	ツイートURL
Adding more disk space to a Linux Virtual Machine	ツイートURL
［速報］「Open Container Project」発足。Docker、CoreOS、マイクロソフト、Amazon、Googleらが合流し、コンテナは統一仕様へ	ツイートURL
Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識　まとめ	ツイートURL
DockerToolboxに移行した時のメモ	ツイートURL

その他ツール等

• テキスト形式を自由にコンバートできる「Pandoc」を知った。色々便利に使えそうな気がする
  • Pandoc+Automatorで、MarkdownとTextileを右クリックで相互変換

記事	Twitter投稿(リツイート含む)
Layer Exporter for Adobe Illustrator	ツイートURL
Layer Exporterを使って、IllustratorのアートワークをSVG/PNG/JPEG書き出しする	ツイートURL
Ruby で gruff を使ってグラフ描画	ツイートURL
Pandoc - Releases	ツイートURL
SoapUI	ツイートURL
IntelliJ IDEA 14 EAPではバックスペースがより賢く！	ツイートURL
Sitespeed.io - Analyze your website speed and performance	ツイートURL
Bracketsの機能紹介、使い方解説	ツイートURL
Pandoc ユーザーズガイド 日本語版	ツイートURL
CanvasやSVGによるパターンを作成出来る・「Halftone Patterns」	ツイートURL
JetBrains IntelliJ IDEA, Save Asはできないけどcloneはできたよ	ツイートURL
Developer Resources : Microsoft Edge Dev	ツイートURL
JSONを超絶に読みやすくする jq コマンド WebAPIバリバリ使うor開発する人必須	ツイートURL
外付けキーボードを接続したときだけ MacBook の内蔵キーボードを無効化する	ツイートURL
Illustratorのオブジェクトをシンボルに置き換えるスクリプトを作りました（CS5以降対応）	ツイートURL

プログラミング一般

オブジェクト指向で書くことが増えるに沿って、クラス名やメソッド名の名前付けで参考記事を探す機会が増えた。独学なので、ちゃんとした情報系の本とか記事が見つかると嬉しい。

記事	Twitter投稿(リツイート含む)
猿でも分かる! Dependency Injection: 依存性の注入	ツイートURL
プライベートメソッドのユニットテストは書かないもの？	ツイートURL
関数型プログラミングとは結局何なのか	ツイートURL
statusとstateの違いがいまいちよくわかりません	ツイートURL
PHPって言うほど悪い言語じゃない	ツイートURL
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論	ツイートURL
ユニットテストにまつわる10の勘違い	ツイートURL
MVC、本当にわかってますか？	ツイートURL
ソフトウェア開発見積りの基本的な考え方 ~見積り手法の課題・歴史とCoBRA法~	ツイートURL
受託開発にアジャイルは適用できるか？	ツイートURL
うまくメソッド名を付けるための参考情報	ツイートURL
「ドメイン駆動設計」の複雑さに立ち向かう	ツイートURL
クラスの命名のアンチパターン	ツイートURL
ソフトウェア工学 東京大学大学院総合文化研究科 玉井哲雄 平成15年9月11日	ツイートURL
エンティティとは｜実体｜entity - 意味/解説/説明/定義 ： IT用語辞典	ツイートURL

デザイン・UX

フラットデザインが洗練されていく中で「デザインから個性がなくなっていないか?」という内省的な記事が増えたような気がする。

記事	Twitter投稿(リツイート含む)
【翻訳】ビジュアルデザインはつまらなくなってしまったのか？	ツイートURL
マテリアル デザイン関連の動画に日本語字幕が付きました	ツイートURL
数字として結果に繋がらないデザインに価値はないのか？	ツイートURL
スイッチバックカーソル:重なりあったウィンドウ間を移動可能な マウスカーソル操作手法	ツイートURL
ショートカットキーはマウスより遅い - WirelessWire News（ワイヤレスワイヤーニュース）	ツイートURL
ICCプロファイルベースのカラーマネジメント関連書など	ツイートURL
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）	ツイートURL
ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！	ツイートURL
大型タッチスクリーン：他との違い	ツイートURL
レア過ぎ！初期のスーパーマリオ「手書き設計図」が公開される！	ツイートURL
CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ	ツイートURL
モダンミニマリズムという選択―フラットデザインはデザイナーを堕落させたか？	ツイートURL
Apple の新フォント San Francisco の秘密	ツイートURL

意識高い/おもしろ記事

エンジニアに転職し、これからどういうキャリアを積んでいくのが良いのか考えるようになった。

記事	Twitter投稿(リツイート含む)
給与の額でプログラミング言語を選ぶな	ツイートURL
500マイル以上離れた場所にメールが送れないのだが	ツイートURL
ffmpegとlibavの背景事情	ツイートURL
ソースコードを書かないことが武器になる～あらゆる情報がクラウド化される時代の歩き方【連載:えふしん】	ツイートURL
【え、通じない？】教授「hogehoge...」学生「何いってんのこの人？」	ツイートURL
植物の成長になぜフィボナッチ数が現れるのか（前編）　[理数系思いつき]	ツイートURL
モバイルアプリ開発に楽な道は残されてない	ツイートURL
ワンクリックデプロイ 〜いつまで手でデプロイしてるんですか〜 #devsumiA	ツイートURL
学生時代に知っておきたかったWeb技術の学び方の学び方 リブセンス	ツイートURL
ソフトウェアの開発にかかる時間の見積を廃止したいプログラマーたち	ツイートURL
連載：IT因縁話「USBのコネクタはなぜ2種類ずつあるのか」	ツイートURL
35歳定年説より怖いフルスタックエンジニアしか生残れない未来とは	ツイートURL
優れたWebフロントエンド開発者になるには	ツイートURL
知らないことを知る技術ー未知の分野で文献調査を導く３つの表の作り方と使い方	ツイートURL
Web エンジニア 6 年 5 ヶ月やってたどり着いた価値観	ツイートURL
飲み会で孤立しないためのセル・オートマトン	ツイートURL
「儲からない電子書籍」未来はどっち? 【出版社編】	ツイートURL
なんでも自動化するエンジニアが残していったライフハック・スクリプ	ツイートURL
1枚でざっくりわかる、アプリビジネス/市場の全体像。トップ20が大半を稼いでる。	ツイートURL

ニュース

バーチャルリアリティ系のゲームや機材に関するニュースの多い1年だった気がするが、意外とまだ一般層にブレイクする製品は出てきていない。来年はVRが本格的に普及することを期待したい(そしてそういうゲームで遊びたい)。

記事	Twitter投稿(リツイート含む)
光を当てると画像が動いて見える新技術「変幻灯」、NTTが開発	ツイートURL
VRシューティングゲーム、EVE: Valkyrieは最新予告編ビデオも大迫力！	ツイートURL
【体験記】アダルトVRコンテンツは人類を滅亡させる？	ツイートURL
パックマン x ポン x インベーダー無理やり合体ゲームPACAPONG。二人対戦用に無料公開中 BY ITTOUSAI 2015年04月03日 10時02	ツイートURL
江戸期以前の“くずし字”、精度80％以上でOCR処理、凸版印刷が技術開発	ツイートURL