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

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

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

---

# JavaScript

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

| 記事                                                                                                                                      | Twitter投稿(リツイート含む)                                                                                                    | 
|-----------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------| 
| [AjaxよりもSEOに期待大！pjaxをマスターしよう！ Web制作会社スタイル](http://www.hp-stylelink.com/news/2013/07/20130726.php)                                                   | [ツイートURL](https://twitter.com/y_hokkey/statuses/553004691307524097?tw_i=553004691307524097&tw_e=details&tw_p=archive) | 
| [MochaとChaiでやるJavaScriptテスト](http://www.slideshare.net/shunjikonishi/mochachijavascript)                                                | [ツイートURL](https://twitter.com/y_hokkey/statuses/567514335748964352)                                                   | 
| [オライリー本「JavaScriptパターン」で紹介されてるプライベートプロパティ（メンバ）は、インスタンス変数じゃなくてクラス変数 - Qiita](http://qiita.com/opengl-8080/items/11866b120b6a95d60257)            | [ツイートURL](https://twitter.com/y_hokkey/statuses/588872545052430336)                                                   | 
| [今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference HTML5Experts.jp](https://html5experts.jp/hokaccha/13301/)            | [ツイートURL](https://twitter.com/y_hokkey/statuses/591787650987601920)                                                   | 
| [Japont – 日本語Web Fontをダイナミックに生成 MOONGIFT](http://www.moongift.jp/2015/04/japont-日本語web-fontをダイナミックに生成/)                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/593681614514692097)                                                   | 
| [メディアアート系で重要な数式・概念 & p5.jsで遊ぶ - Qiita](http://qiita.com/hp0me/items/8f43ad146744310664ae)                                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/585622075341201410)                                                   | 
| [JavaScript・jQueryの改修・高速化のためのメモ - Qiita](http://qiita.com/redamoon/items/1c38ee93834588e3c4ff)                                                  | [ツイートURL](https://twitter.com/y_hokkey/statuses/608177301491060736)                                                   | 
| [Why we should stop using Grunt & Gulp](http://blog.keithcirkel.co.uk/why-we-should-stop-using-grunt/)                                 | [ツイートURL](https://twitter.com/y_hokkey/statuses/614819085742804992)                                                   | 
| [当たり判定のアルゴリズム（2D 四角×四角） - Qiita](http://qiita.com/hp0me/items/57f901e9b0babe1a320e)                                                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/618218099427311616)                                                   | 
| [Node で作るオレオレ CLI と npm への登録までの道のり - Qiita](http://qiita.com/astronaughts/items/0ada9ad61a8956f647f0)                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/618275679554007040)                                                                                                                     | 
| [Adobeのスクリプトでホストアプリケーションのパスを取得する方法(ExtendScript, jsx) - Qiita](http://qiita.com/Misaki_Akatsuki/items/77d9aa7256fda7685a1b)                   | [ツイートURL](https://twitter.com/y_hokkey/statuses/619018375193235456)                                                   | 
| [TypeScript、台頭か / プログラミング / POSTD](http://postd.cc/the-rise-of-typescript/)                                                                               | [ツイートURL](https://twitter.com/y_hokkey/statuses/627108312090185728)                                                   | 
| [Vibrant.js – 画像を解析して主だった色をピックアップ MOONGIFT](http://www.moongift.jp/2015/06/vibrant-js-画像を解析して主だった色をピックアップ/)                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/612792692485918721)                                                   | 
| [タイトル・URL・選択テキストをコピーする Bookmarklet - Fluffy white croquis](http://align-centre.hatenablog.com/entry/2013/12/16/234604)                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/553861797246038016)                                                   | 
| [sloc is a simple tool to count SLOC (source lines of code)](https://www.npmjs.com/package/sloc)                                        | [ツイートURL](https://twitter.com/y_hokkey/statuses/666150755640848384)                                                   | 
| [Yeoman入門(第二部、generatorを作る) - from scratch](http://yosuke-furukawa.hatenablog.com/entry/2013/07/14/131903)                                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/677665256030806016)                                                   | 
| [JavaScript のクロージャとループ、変数について / UB Lab.](http://www.united-bears.co.jp/blog/archives/1338)                                                        | [ツイートURL](https://twitter.com/y_hokkey/statuses/633988350437781507)                                                   | 
| [JavaScriptにおける継承のパターン4種類の概要と対比 / プログラミング / POSTD](http://postd.cc/javascript-inheritance-patterns/)                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/636542418360229888)                                                   | 
| [スクロールやリサイズ等のイベントで処理を重くさせない方法 / 真夜中秘密工作員](http://mayonakahimitsukosakuin.com/web/js-event-light/)                                                  | [ツイートURL](https://twitter.com/y_hokkey/statuses/637216804918591488)                                                   | 
| [Using Local Storage as a communication channel](http://krasimirtsonev.com/blog/article/Using-Local-Storage-as-a-communication-channel) | [ツイートURL](https://twitter.com/y_hokkey/statuses/638273681806913536)                                                   | 
| [JavaScriptフレームワークの寿命 / プログラミング / POSTD](http://postd.cc/longevity-or-lack-thereof-in-javascript-frameworks/)                                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/639046503848284164)                                                   | 
| [さよなら CoffeeScript - mizchi's blog](http://mizchi.hatenablog.com/entry/2015/10/02/202112)                                                               | [ツイートURL](https://twitter.com/y_hokkey/statuses/650095344450011136)                                                   | 
| [フロントエンドでもES6構文使ってみる【webpack+babel-loader（旧6to5-loader）】 - yutaponのブログ](http://yutapon.hatenablog.com/entry/2015/02/09/090000)                        | [ツイートURL](https://twitter.com/y_hokkey/statuses/650681406968852481)                                                   | 
| [jQueryはどうやって型判定してるのか - Qiita](http://qiita.com/liburari/items/6b5afc0c1ba1fe2ec5a3)                                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/656014511380369412)                                                   | 
| [gulpでWebFont作成を自動化 / Web雑記帳](http://atsu666.com/entry-78.html)                                                                                  | [ツイートURL](https://twitter.com/y_hokkey/statuses/656031069959905281)                                                   | 
| [ES6 class での private プロパティの定義 - Qiita](http://qiita.com/k_ui/items/889ec276fc04b1448674)                                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/656423899979091968)                                                   | 
| [JavaScriptで正規表現（文字列置換え編） - Qiita](http://qiita.com/hrdaya/items/291276a5a20971592216)                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/672675645256695808)                                                   | 

# CSS

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

| 記事                                                                                                                                                                           | Twitter投稿(リツイート含む)                                                  | 
|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------| 
| [CSS三角形作成ツール](http://apps.eky.hk/css-triangle-generator/ja)                                                                                                                  | [ツイートURL](https://twitter.com/y_hokkey/statuses/614760255860293632) | 
| [自分の書いたコードが即座に解析できる「StyleStats」でCSSを測ろう！ / HTML5Experts.jp](https://html5experts.jp/t32k/5743/)                                                                                                | [ツイートURL](https://twitter.com/y_hokkey/statuses/563298814476312576) | 
| [CSS には vw, vh, vmin, vmax という単位がある / Developers.IO](http://dev.classmethod.jp/ria/html5/css-length-viewport/)                                                                               | [ツイートURL](https://twitter.com/y_hokkey/statuses/608885410048004096) | 
| [PhantomCSSでViewの回帰テスト - Qiita](http://qiita.com/awakia/items/faf502259efba09df7a5),                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/609284795030310912)                                 | 
| [クリックで波紋を出すエフェクト（Ripple Effect）実装メモ - Qiita](http://qiita.com/nekoneko-wanwan/items/c9f26ce049bd422e555c)                                                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/611453817410813952) | 
| [background-imageやborder-colorにcurrentColorを使う - Qiita](http://qiita.com/lovalotta/items/f3c19c28de37627b129b)                                                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/619019182873538560) | 
| [Compass使うのやめた - Memo/](http://memo.brdr.jp/post/94057658511/compass使うのやめた)                                                                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/633548165237469184) | 
| [CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法  Webクリエイターボックス](http://www.webcreatorbox.com/tech/css-supports/)                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/658869629775945728) | 
| [若者はどうやってCSSを覚えたのか - Qiita](http://qiita.com/morishitter/items/7abd15671ebd41901139)                                                                                                 | [ツイートURL](https://twitter.com/y_hokkey/statuses/660337584514568192) | 
| [CSS generator for animated gradients](http://www.gradient-animator.com)                                                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/666597332566175744) | 
| [今どきのCSS3グラデーションの指定方法 (2015年版) - to-R](http://blog.webcreativepark.net/2015/11/09-135807.html?utm_content=bufferf9615&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer) | [ツイートURL](https://twitter.com/dotHTML5/statuses/664408541038559232) | 
| [本当にCSSの詳細度は必要なのか / プログラミング / POSTD](http://postd.cc/do-we-actually-need-specificity-in-css/?utm_content=bufferaeee0&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer)             | [ツイートURL](https://twitter.com/y_hokkey/statuses/669917527737151488) | 

# Webその他

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

| 記事                                                                                                    | Twitter投稿(リツイート含む)                                                  | 
|-------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------| 
| [ABOUT HTML-GL GITHUB REPO](http://pixelscommander.com/polygon/htmlgl/demo/filters.html#.VnbVvTaFyj6) | [ツイートURL](https://twitter.com/y_hokkey/statuses/588863231524929536) | 
| [今さら聞けないWebAPIの実装方式RESTとSOAPの違い](http://qiita.com/pink/items/f1a22840619d3b79c4f2)                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/590314784374951936) | 
| [GoogleAnalyticsで怪しいリファラを除外する方法（ビュー設定を使う）](http://qiita.com/y_minowa/items/7080d99b055160b38157)      | [ツイートURL](https://twitter.com/y_hokkey/statuses/618580184761921537) | 
| [拡張機能Snap.svg Animatorを使ってFlash Pro CCからSVGを書き出そう - ICS MEDIA](https://ics.media/entry/8439)          | [ツイートURL](https://twitter.com/y_hokkey/statuses/636543387919740928) | 
| [詳細PDF入門 ー 実装して学ぼう！PDFファイルの構造とその書き方読み方](http://itchyny.hatenablog.com/entry/2015/09/16/100000)        | [ツイートURL](https://twitter.com/y_hokkey/statuses/644008022746906624) | 
| [XSLT でありがちな失敗を避けるために](http://www.ibm.com/developerworks/jp/xml/library/x-xsltmistakes/index.html)    | [ツイートURL](https://twitter.com/y_hokkey/statuses/644738866117656576) | 
| [SVGアニメーションの現状](http://postd.cc/the-state-of-svg-animation/)                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/651761405029318657) | 
| [Web制作にGPU処理を取り入れる](https://w3g.jp/blog/web_gpu_adopt)                                                | [ツイートURL](https://twitter.com/y_hokkey/statuses/666179188999622657) | 
| [[jThree] WebGLに求められていること](http://qiita.com/pnlybubbles/items/cf65c9c78cea676ffb59)                   | [ツイートURL](https://twitter.com/y_hokkey/statuses/677650238287540225) | 
| [Welcome Adobe Animate CC, a new era for Flash Professional](http://blogs.adobe.com/flashpro/welcome-adobe-animate-cc-a-new-era-for-flash-professional/?scid=social55826986&adbid=671697773406773248&adbpl=tw&adbpr=3195600452) | [ツイートURL](https://twitter.com/y_hokkey/statuses/671847169545015297) | 

# git

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

| 記事                                                                                                                                              | Twitter投稿(リツイート含む)                                                                                                    | 
|-------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------| 
| [gitで外部moduleを扱う方法(subtree)](http://qiita.com/__mick/items/e027cc3941ac52743bd5)                                                                | [ツイートURL](https://twitter.com/y_hokkey/statuses/563367816758181888)                                                   | 
| [GitBucketのインストール手順](http://qiita.com/sudahiroshi/items/78b7cf006d07db44f62c)                                                                   | [ツイートURL](https://twitter.com/y_hokkey/statuses/554210785761574912)                                                   | 
| [デザインワークをGitに含めるべき? 含めないべき?](http://qiita.com/cognitom/items/f127891ab7e07c590dd0)                                                              | [ツイートURL](https://twitter.com/y_hokkey/statuses/566863293663301632?tw_i=566863293663301632&tw_e=details&tw_p=archive) | 
| [[Git] git submodule は癖がすごいとの噂だったが素直につきあっていけそうという話](http://www.d-wood.com/blog/2014/05/22_6257.html)                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/589832438018256896)                                                   | 
| [git pull と git pull –rebase の違いって？図を交えて説明します！ ](http://kray.jp/blog/git-pull-rebase/)                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/635643746286108672)                                                   | 
| [git flow × Pull Request を使ってモダンな開発してみた](http://qiita.com/Tamiiy/items/86f122d40ef6b158c2ab)                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/646679976259903488)                                                   | 
| [git rebaseとgit mergeはともだち こわくないよ](http://d.hatena.ne.jp/hiratara/20100625/1277457958)| [ツイートURL](https://twitter.com/y_hokkey/statuses/663924424664465408) |                                                                                                                       | 
| [How to do interactive rebase with Intellij IDEA?](http://stackoverflow.com/questions/14608812/how-to-do-interactive-rebase-with-intellij-idea) | [ツイートURL](https://twitter.com/y_hokkey/statuses/671229304194383872)                                                   | 

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

* [個人的な興味で](http://qiita.com/y_hokkey/items/3dd0d8f20f9daadbbf0b)かなりDockerとVagrantのことについてググった
* コンテナの形式が標準化され、今後色々なところでDockerやDocker的なツールを使う機会が増えていくかもしれない。

| 記事                                                                                                                                                                                                                      | Twitter投稿(リツイート含む)                                                                                                    | 
|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------| 
| [wgetとcurlの根本的な違い - ctrlshiftの日記](http://d.hatena.ne.jp/ctrlshift/20080129/1201612626)                                                                                                                                  | [ツイートURL](https://twitter.com/y_hokkey/statuses/553087389535457280)                                                   | 
| [シェルスクリプトの平文パスワードをセキュアにする方法](http://auewe.hatenablog.com/entry/2014/04/14/213319)                                                                                                                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/589352726523314176)                                                   | 
| [Should I put trailing slash after source and destination when copy folders](http://stackoverflow.com/questions/18158248/should-i-put-trailing-slash-after-source-and-destination-when-copy-folders)                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/592240909904809985)                                                   | 
| [脱初心者を目指すなら知っておきたい便利なVimコマンド25選 (Vimmerレベル診断付き)](http://qiita.com/jnchito/items/57ffda5712636a9a1e62)                                                                                                                   | [ツイートURL](https://twitter.com/y_hokkey/statuses/570431076616642560)                                                   | 
| [CoreOS を手動でアップデートする](http://qiita.com/spesnova/items/ef6adcae6c63cee18637)                                                                                                                                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/592352436406194176)                                                   | 
| [systemd超入門](http://dev.classmethod.jp/cloud/aws/systemd-getting-started/)                                                                                                                                              | [ツイートURL](https://twitter.com/y_hokkey/statuses/592356203717525505)                                                   | 
| [Google認証なリバースプロクシ＆静的コンテンツ配信サーバー「gate」](http://unknownplace.org/archives/gate.html)                                                                                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/592374739550670848)                                                   | 
| [rsync --delete で泣かないために](http://qiita.com/QUANON/items/2953c52df7f65f2ecee5)                                                                                                                                           | [ツイートURL](https://twitter.com/y_hokkey/statuses/597392652359700480?tw_i=597392652359700480&tw_e=details&tw_p=archive) | 
| [スーパーユーザー権限が必要なファイルにcatコマンドでテキストを書き込む。](https://blog.katty.in/3922)                                                                                                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/599581118631841792)                                                   | 
| [20 Funny Commands of Linux or Linux is Fun in Terminal](http://www.tecmint.com/20-funny-commands-of-linux-or-linux-is-fun-in-terminal/) |  [ツイートURL](https://twitter.com/y_hokkey/statuses/605956608447766528)                                                                                                                     | 
| [MySQLのメモリ設定の勘所](http://sawara.me/mysql/1428/)                                                                                                                                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/611445132009705473)                                                   | 
| [インフラエンジニアがUnityをやるべきたった一つの理由](http://www.slideshare.net/yasuhiro_yamazaki/unity-50940511)                                                                                                                              | [ツイートURL](https://twitter.com/y_hokkey/statuses/625469143865634816)                                                   | 
| [Systemd入門(1) - Unitの概念を理解する](http://enakai00.hatenablog.com/entry/20130914/1379146157)                                                                                                                                 | [ツイートURL](https://twitter.com/y_hokkey/statuses/628945412506816512)                                                   | 
| [公開鍵暗号と電子署名の基礎知識](http://qiita.com/kunichiko/items/ef5efdb41611d6cf7775)                                                                                                                                                | [ツイートURL](https://twitter.com/y_hokkey/statuses/636529946077171712)                                                   | 
| [インフラエンジニアの綺麗で優しい手順書の書き方](http://www.slideshare.net/shoheikoyama77/ss-52793124)                                                                                                                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/644011465087717376)                                                   | 
| [How to login as a different user in terminal?](http://superuser.com/questions/207219/how-to-login-as-a-different-user-in-terminal)                                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/646006048445206528)                                                   | 
| [~/.ssh/config で簡単に複数ホストへのSSH接続を管理する](http://superbrothers.hatenablog.com/entry/20090730/1248971671)                                                                                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/656749161165946882)                                                   | 
| [Webアプリのデプロイメントの悲しい状況](http://postd.cc/the-sad-state-of-web-app-deployment/)                                                                                                                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/657772705916153856)                                                   | 


## nginx

| 記事                                                                                                                                             | Twitter投稿(リツイート含む)                                                  | 
|------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------| 
| [How can I use environment variables in Nginx.conf](http://serverfault.com/questions/577370/how-can-i-use-environment-variables-in-nginx-conf) | [ツイートURL](https://twitter.com/y_hokkey/statuses/585459955752370176) | 
| [nginx で http でのアクセスを https にリダイレクト](http://qiita.com/kga/items/e30d668ec1ac5e30025b)                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/587977128601223169) | 
| [google_auth_proxy + nginx で作る簡易認証システム](http://qiita.com/moaikids/items/3b14c4d72618037c2c12)                                                  | [ツイートURL](https://twitter.com/y_hokkey/statuses/592373741373423616) | 
| [Nginx で Basic 認証に LDAP を使う](http://qiita.com/yteraoka/items/adbe1fc8233db6c4ddb2)                                                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/602070546675675137) | 

## Vagrant/Docker

| 記事                                                                                                                                                      | Twitter投稿(リツイート含む)                                                  | 
|---------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------| 
| [VagrantとDockerについて名前しか知らなかったので試した](http://qiita.com/hidekuro/items/fc12344d36d996198e96)                                                               | [ツイートURL](https://twitter.com/y_hokkey/statuses/565480255872573441) | 
| [コンテナの連結と操作 - Docker User Guide](http://qiita.com/zembutsu/items/f361cad9be500950939f)                                                                  | [ツイートURL](https://twitter.com/y_hokkey/statuses/584329868722089985) | 
| [Dockerコンテナ間のlink，database.ymlの書き方](http://deeeet.com/writing/2014/03/20/docker-link-container/)                                                        | [ツイートURL](https://twitter.com/y_hokkey/statuses/584327200570114049) | 
| [dockerでタグを打ってないイメージを削除する対処療法的なスクリプトを書いてみた](http://qiita.com/hnakamur/items/ddbc40e87bc66a0943b7)                                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/586127052685737986) | 
| [Data-only container madness](http://container42.com/2014/11/18/data-only-container-madness/)                                                         |                                                                    [ツイートURL](https://twitter.com/y_hokkey/statuses/586190711025831936) | 
| [How to correctly remove volume directories from Docker](http://masato.github.io/2014/11/05/how-to-correctly-remove-volume-directories/)                | [ツイートURL](https://twitter.com/y_hokkey/statuses/587987139545006083) | 
| [Copying files from host to docker container - Stack Overflow](http://stackoverflow.com/questions/22907231/copying-files-from-host-to-docker-container) | [ツイートURL](https://twitter.com/y_hokkey/statuses/589279352753246208) | 
| [dokku + VirtualBoxで自分のHerokuを作る](http://blog.coiney.com/2013/08/10/create-my-own-heroku/),                                                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/589431461419225088)                                                                    | 
| [Vagrantにスナップショット機能を加えるplugin、vagrant-vbox-snapshotの紹介](http://qiita.com/takuan_osho/items/682b776b41989f0b016f)                                        | [ツイートURL](https://twitter.com/y_hokkey/statuses/592350938364391425) | 
| [グローバルIPがついたサーバーでDockerを動かすとして](http://www.vincentina.net/?p=4355)                                                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/592387507569831936) | 
| [コンテナはクラウド進化の鍵--その歴史と「Docker」の隆盛](http://japan.zdnet.com/article/35063899/)                                                                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/593915754086412289) | 
| [Docker COPY vs ADD](http://stackoverflow.com/questions/24958140/docker-copy-vs-add)                                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/595870719034044416) | 
| [仮想マシンのディスク容量が足りない！Vagrantfile 内で解決したい。](http://qiita.com/kakipo/items/57186721eaf6b83630ee)                                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/597397832115433472) | 
| [vagrant：vmdkをvdiに変更してCentOSのLVMで容量を拡張](http://okisanjp.com/archives/727#PCI2Ofz.twitter_tweet_count_m)                                                 | [ツイートURL](https://twitter.com/y_hokkey/statuses/597399554439294976) | 
| [Resizing the virtual disk · Issue #8 · coreos/coreos-vagrant](https://github.com/coreos/coreos-vagrant/issues/8)                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/597405082792001536) | 
| [Vagrant の仮想マシンと SCP でファイルをやり取りする](http://momijiame.tumblr.com/post/81676862588/vagrant-の仮想マシンと-scp-でファイルをやり取りする)                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/598667661602488320) | 
| [WEB+DB PRESS vol.86 で Docker の特集を書かせて頂きました](http://qiita.com/spesnova/items/044b85ff1c63518030f5)                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/598719995812519936) | 
| [Adding more disk space to a Linux Virtual Machine](https://muffinresearch.co.uk/adding-more-disk-space-to-a-linux-virtual-machine/)                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/602446657691602944) | 
| [［速報］「Open Container Project」発足。Docker、CoreOS、マイクロソフト、Amazon、Googleらが合流し、コンテナは統一仕様へ](http://www.publickey1.jp/blog/15/open_container_project.html)      | [ツイートURL](https://twitter.com/y_hokkey/statuses/613238127872753665) | 
| [Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識　まとめ](http://dev.classmethod.jp/server-side/chef-vagrant-ruby/)                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/629877410687614976) | 
| [DockerToolboxに移行した時のメモ](http://qiita.com/toritori0318/items/e92c7f43223353571274)                                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/632413912953065472) | 

# その他ツール等

* テキスト形式を自由にコンバートできる「Pandoc」を知った。色々便利に使えそうな気がする
  * [Pandoc+Automatorで、MarkdownとTextileを右クリックで相互変換](http://qiita.com/y_hokkey/items/99c0bf232daf08583b89)

| 記事                                                                                                                                                                                         | Twitter投稿(リツイート含む)                                                  | 
|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------| 
| [Layer Exporter for Adobe Illustrator](http://www.dehats.com/illustrator-layer-exporter/)                                                                                                  | [ツイートURL](https://twitter.com/y_hokkey/statuses/566864701259128832) | 
| [Layer Exporterを使って、IllustratorのアートワークをSVG/PNG/JPEG書き出しする](http://www.dtp-transit.jp/adobe/illustrator/post_1978.html)                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/567230675153985536) | 
| [Ruby で gruff を使ってグラフ描画](http://easyramble.com/ruby-gruff-graph.html)                                                                                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/570247013821870081) | 
| [Pandoc - Releases](http://pandoc.org)                                                                                                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/586033783494672384) | 
| [SoapUI](http://www.soapui.org)                                                                                                                                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/590064009782538240) | 
| [IntelliJ IDEA 14 EAPではバックスペースがより賢く！](http://blog.jetbrains.com/jp/2014/08/16/481)                                                                                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/591213309719805952) | 
| [Sitespeed.io - Analyze your website speed and performance](https://www.sitespeed.io)                                                                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/595956962640035840) | 
| [Bracketsの機能紹介、使い方解説](http://qiita.com/assialiholic/items/c8137321c7599a168b16)                                                                                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/620880079564877824) | 
| [Pandoc ユーザーズガイド 日本語版](http://sky-y.github.io/site-pandoc-jp/users-guide/)                                                                                                                 | [ツイートURL](https://twitter.com/y_hokkey/statuses/623312611891810304) | 
| [CanvasやSVGによるパターンを作成出来る・「Halftone Patterns」](http://kachibito.net/useful-resource/halftone-patterns?utm_content=buffer5a15a&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer) | [ツイートURL](https://twitter.com/dotHTML5/statuses/628513296283488256) | 
| [JetBrains IntelliJ IDEA, Save Asはできないけどcloneはできたよ](http://www.inazumatv.com/contents/archives/9378)                                                                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/633546525612728320) | 
| [Developer Resources : Microsoft Edge Dev](https://dev.windows.com/en-us/microsoft-edge/tools/remote/)                                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/651766456019890177) | 
| [JSONを超絶に読みやすくする jq コマンド WebAPIバリバリ使うor開発する人必須](http://tech.basicinc.jp/JavaScript/2013/05/17/json_jq/)                                                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/654590474871697408) | 
| [外付けキーボードを接続したときだけ MacBook の内蔵キーボードを無効化する](http://qiita.com/shuhei/items/fcaee827b9bf256820b6)                                                                                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/661423906306166784) | 
| [Illustratorのオブジェクトをシンボルに置き換えるスクリプトを作りました（CS5以降対応）](http://graphicartsunit.tumblr.com/post/134802610854/object-to-symbol)                                                                                               | [ツイートURL](https://twitter.com/y_hokkey/statuses/674738980080906240)                                                   | 

# プログラミング一般

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

| 記事                                                                                                                | Twitter投稿(リツイート含む)                                                                                                    | 
|-------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------| 
| [猿でも分かる! Dependency Injection: 依存性の注入](http://qiita.com/hshimo/items/1136087e1c6e5c5b0d9f)                        | [ツイートURL](https://twitter.com/y_hokkey/statuses/566537405990047744?tw_i=566537405990047744&tw_e=details&tw_p=archive) | 
| [プライベートメソッドのユニットテストは書かないもの？](http://qa.atmarkit.co.jp/q/2784)                                                    |[ツイートURL](https://twitter.com/y_hokkey/statuses/567490193813299200)                                                                                                                                                                   | 
| [関数型プログラミングとは結局何なのか](http://blog.kokuyouwind.com/archives/808)                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/571223377987260417)                                                   | 
| [statusとstateの違いがいまいちよくわかりません](http://oshiete.goo.ne.jp/qa/3909263.html)                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/606701513746976769)                                                   | 
| [PHPって言うほど悪い言語じゃない](http://blog.toshimaru.net/php-is-not-bad-language/)                                           | [ツイートURL](https://twitter.com/y_hokkey/statuses/612889615926587392)                                                   | 
| [Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論](http://qiita.com/kaiinui/items/dad6180f1910c6a4bfd5)                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/612891557293764610)                                                   | 
| [ユニットテストにまつわる10の勘違い](http://dev.classmethod.jp/testing/10_errors_about_unit_testing/)                             | [ツイートURL](https://twitter.com/y_hokkey/statuses/618706141900451840)                                                   | 
| [MVC、本当にわかってますか？](http://qiita.com/tshinsay/items/5b1724baf32b8b5113c2)                                           | [ツイートURL](https://twitter.com/y_hokkey/statuses/621911128537350144)                                                   | 
| [ソフトウェア開発見積りの基本的な考え方 ~見積り手法の課題・歴史とCoBRA法~](http://t.co/4CEhNEC8A8?tw_i=622281680137515008&tw_e=link&tw_p=archive) | [ツイートURL](https://twitter.com/y_hokkey/statuses/622281680137515008)                                                   | 
| [受託開発にアジャイルは適用できるか？](http://kray.jp/blog/agile_entrusted_dev/)                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/636031862930960388)                                                   | 
| [うまくメソッド名を付けるための参考情報](http://qiita.com/KeithYokoma/items/2193cf79ba76563e3db6)                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/638612852996075520)                                                   | 
| [「ドメイン駆動設計」の複雑さに立ち向かう](http://www.slideshare.net/masuda220/ss-52462322)                                           | [ツイートURL](https://twitter.com/y_hokkey/statuses/640696373839433728)                                                   | 
| [クラスの命名のアンチパターン](http://qiita.com/magicant/items/8134edf969f9629fa66e)                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/674500209276137473)                                                   | 
| [ソフトウェア工学 東京大学大学院総合文化研究科 玉井哲雄 平成15年9月11日](https://t.co/qZJGv3JVpR)                                                | [ツイートURL](https://twitter.com/y_hokkey/statuses/675923094758776833)                                                   | 
| [エンティティとは｜実体｜entity - 意味/解説/説明/定義 ： IT用語辞典](http://e-words.jp/w/エンティティ.html)                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/677697517866323969)                                                   | 

# デザイン・UX

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

| 記事                                                                                                                                                                        | Twitter投稿(リツイート含む)                                                                                                    | 
|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------| 
| [【翻訳】ビジュアルデザインはつまらなくなってしまったのか？](http://t32k.me/mol/log/has-visual-design-fallen-flat/)                                                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/566806617883037696?tw_i=566806617883037696&tw_e=details&tw_p=archive) | 
| [マテリアル デザイン関連の動画に日本語字幕が付きました](http://googledevjp.blogspot.jp/2015/02/blog-post.html?utm_content=buffer7f6b3&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer) | [ツイートURL](https://twitter.com/dotHTML5/statuses/569459105762557952)                                                   | 
| [数字として結果に繋がらないデザインに価値はないのか？](http://blog.btrax.com/jp/2015/02/15/data-vs-design?utm_content=buffera52f9&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer)     | [ツイートURL](https://twitter.com/y_hokkey/statuses/569711970393280512?tw_i=569711970393280512&tw_e=details&tw_p=archive) | 
| [スイッチバックカーソル:重なりあったウィンドウ間を移動可能な マウスカーソル操作手法](http://www.wiss.org/WISS2011Proceedings/PDF/12.pdf)                                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/575652514458021890)                                                   | 
| [ショートカットキーはマウスより遅い - WirelessWire News（ワイヤレスワイヤーニュース）](https://wirelesswire.jp/management_theory_by_programmer/201503220829.html)                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/579729866649550848)                                                   | 
| [ICCプロファイルベースのカラーマネジメント関連書など](http://blog.livedoor.jp/yamma_ma/archives/33949244.html)                                                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/606686097175769088)                                                   | 
| [≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）](http://dtp.jdash.info/archives/Hamburger_Menu_Test_2014)                                                                 | [ツイートURL](https://twitter.com/y_hokkey/statuses/608552972256038913)                                                   | 
| [ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！](https://cssanimation.rocks/jp/principles/)                                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/609281659830054912)                                                   | 
| [大型タッチスクリーン：他との違い](http://u-site.jp/alertbox/large-touchscreens)                                                                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/614248265668648960)                                                   | 
| [レア過ぎ！初期のスーパーマリオ「手書き設計図」が公開される！](http://www.yukawanet.com/archives/4900503.html)                                                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/618457695373230080)                                                   | 
| [CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ](http://coliss.com/articles/build-websites/operation/work/awesome-ui-from-codepen-2015-sep.html)                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/639328611644760064)                                                   | 
| [モダンミニマリズムという選択―フラットデザインはデザイナーを堕落させたか？](http://postd.cc/modern-minimalism-is-the-right-choice/)                                                                           | [ツイートURL](https://twitter.com/y_hokkey/statuses/652143817928249345)                                                   | 
| [Apple の新フォント San Francisco の秘密](https://medium.com/mediumjp/apple-の新フォント-san-francisco-の秘密-45becaae035a#.hnmtqrbhr)                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/659763859889123328)                                                   | 

# 意識高い/おもしろ記事

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

| 記事                                                                                                                                            | Twitter投稿(リツイート含む)                                                                                                    | 
|-----------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------| 
| [給与の額でプログラミング言語を選ぶな](http://readwrite.jp/develop/17791/?utm_content=buffer83ccf&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer) | [ツイートURL](https://twitter.com/dotHTML5/statuses/553853932607655936?tw_i=553853932607655936&tw_e=details&tw_p=archive) | 
| [500マイル以上離れた場所にメールが送れないのだが](http://cpplover.blogspot.jp/2015/04/500.html)                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/586478368603836416)                                                   | 
| [ffmpegとlibavの背景事情](http://cpplover.blogspot.jp/2012/03/ffmpeglibav.html)                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/597339083036184576)                                                   | 
| [ソースコードを書かないことが武器になる～あらゆる情報がクラウド化される時代の歩き方【連載:えふしん】](http://engineer.typemag.jp/article/fshin39)                                              | [ツイートURL](https://twitter.com/y_hokkey/statuses/606733013829840897)                                                   | 
| [【え、通じない？】教授「hogehoge...」学生「何いってんのこの人？」](http://togetter.com/li/832718)                                                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/608555295699156992)                                                   | 
| [植物の成長になぜフィボナッチ数が現れるのか（前編）　[理数系思いつき]](http://himakou.blog.so-net.ne.jp/2010-10-22)                                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/610670986472615937)                                                   | 
| [モバイルアプリ開発に楽な道は残されてない](http://readwrite.jp/develop/23780/)                                                                                    | [ツイートURL](https://twitter.com/y_hokkey/statuses/611018977108557824)                                                   | 
| [ワンクリックデプロイ 〜いつまで手でデプロイしてるんですか〜 #devsumiA](http://www.slideshare.net/Ryuzee/devsumia)                                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/612814543031398400)                                                   | 
| [学生時代に知っておきたかったWeb技術の学び方の学び方 リブセンス](http://www.slideshare.net/livesense/web-49772012)                                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/619004897875226624)                                                   | 
| [ソフトウェアの開発にかかる時間の見積を廃止したいプログラマーたち](http://developers.srad.jp/story/15/02/27/2338221/)                                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/622278268415143940)                                                   | 
| [連載：IT因縁話「USBのコネクタはなぜ2種類ずつあるのか」](http://app-review.jp/news/172052)                                                                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/623452356437368832)                                                   | 
| [35歳定年説より怖いフルスタックエンジニアしか生残れない未来とは](http://paiza.hatenablog.com/entry/2014/05/13/35歳定年説より怖いフルスタックエンジニアしか生)                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/630301502553264128)                                                   | 
| [優れたWebフロントエンド開発者になるには](http://www.infoq.com/jp/news/2015/08/great-front-end-developer)                                                       | [ツイートURL](https://twitter.com/y_hokkey/statuses/631268945572466689)                                                   | 
| [知らないことを知る技術ー未知の分野で文献調査を導く３つの表の作り方と使い方](http://readingmonkey.blog45.fc2.com/blog-entry-761.html)                                              | [ツイートURL](https://twitter.com/y_hokkey/statuses/636052296820920320)                                                   | 
| [Web エンジニア 6 年 5 ヶ月やってたどり着いた価値観](http://blog.yuyat.jp/archives/2560)                                                                          | [ツイートURL](https://twitter.com/y_hokkey/statuses/638615430270050304)                                                   | 
| [飲み会で孤立しないためのセル・オートマトン](http://www.mirandora.com/?p=725)                                                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/640378525510340608)                                                   | 
| [「儲からない電子書籍」未来はどっち? 【出版社編】](http://www.frentopia.com/digipub-future/)                                                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/641142718618472449)                                                   | 
| [なんでも自動化するエンジニアが残していったライフハック・スクリプ](http://developer.cybozu.co.jp/akky/2015/11/engineer-automated-his-life-things/)                            | [ツイートURL](https://twitter.com/y_hokkey/statuses/669902620232847360)                                                   | 
| [1枚でざっくりわかる、アプリビジネス/市場の全体像。トップ20が大半を稼いでる。](https://note.mu/marketing/n/n02b348617bf5)                                                         | [ツイートURL](https://twitter.com/y_hokkey/statuses/674258390407733248)                                                   | 

# ニュース

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

| 記事                                                                                                                                                                                                                              | Twitter投稿(リツイート含む)                                                  | 
|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------| 
| [光を当てると画像が動いて見える新技術「変幻灯」、NTTが開発](http://www.rbbtoday.com/article/2015/02/17/128454.html)                                                                                                                                        | [ツイートURL](https://twitter.com/y_hokkey/statuses/567708566262280194) | 
| [VRシューティングゲーム、EVE: Valkyrieは最新予告編ビデオも大迫力！](http://jp.techcrunch.com/2015/03/20/20150319watch-this-eve-valkyrie-trailer-to-get-a-taste-of-what-space-combat-is-like-in-vr/)                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/578707690030907392) | 
| [【体験記】アダルトVRコンテンツは人類を滅亡させる？](http://www.kotaku.jp/2015/03/i-tried-vr-porn-and-it-was-weird.html)                                                                                                                                | [ツイートURL](https://twitter.com/y_hokkey/statuses/579458090212306946) | 
| [パックマン x ポン x インベーダー無理やり合体ゲームPACAPONG。二人対戦用に無料公開中 BY ITTOUSAI  2015年04月03日 10時02](http://japanese.engadget.com/2015/04/02/x-x-pacapong/?ncid=rss_truncated)                                                                     | [ツイートURL](https://twitter.com/y_hokkey/statuses/584333817789329408) | 
| [江戸期以前の“くずし字”、精度80％以上でOCR処理、凸版印刷が技術開発](http://internet.watch.impress.co.jp/docs/news/20150703_710160.html)                                                                                                                      | [ツイートURL](https://twitter.com/y_hokkey/statuses/618687903300911104) |