Help us understand the problem. What is going on with this article?

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

More than 3 years have passed since last update.

今年も一杯ググった一年だった。
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その他

記事 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

その他ツール等

記事 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
知らないことを知る技術ー未知の分野で文献調査を導く3つの表の作り方と使い方 ツイート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
Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away