studiomohawk

プログレッシブ・エンハンスメントで未来をデザインする

この記事はFrontrend Advent Calendar 2014 - Qiita 10日目の記事です。

プログレッシブ・エンハンスメントは単にJavaScriptをオフにしているユーザのサポートをするか、否かという意味ではありません。
(ちなみに、Gov.ukによると1.1%のユーザはJavaScriptを利用していない、もしくは利用できないという調査結果となっています)
もちろん、古いブラウザに対するアプローチだけでもありません。

デスクトップ、ラップトップ、スマートフォンやタブレット、そしてスマートウォッチなど、今では多くのデバイスにブラウザが搭載されています。

pastak

// ==UserScript==
// @name   NumakuroOnGyazoNinjaEditor
// @namespace  	userjs.pastak.com.gyazo
// @description Gyazo Ninjaの編集機能でヌマクロー画像を使う
// @include		https://gyazo.com/*
// ==/UserScript==
(function (callback) {
   var script = document.createElement("script");
   script.textContent = "$(" + callback.toString() + ");";
   document.body.appendChild(script);

dlwr

// ==Taberareloo==
// {
//   "name"        : "Glitch Selected Region"
// , "description" : "Glitch Selected Region"
// , "include"     : ["background", "content"]
// , "match"       : ["*://*/*"]
// , "version"     : "1.0.2"
// , "downloadURL" : "https://gist.githubusercontent.com/dlwr/8f616fc605ff6b99640e/raw/extractor.photo.capture.glitch.tbrl.js"
// }
// ==/Taberareloo==

uupaa

// モジュールリスト
    var list = [
      "nodemodule",
      "console",
      "valid",
      "help",
      "task",
      "test",

Layzie

Node学園祭2014

基調講演

ファイルアップロードについて

アップロードの歴史

• HTTPはあんまりアップロードのこと考えてない
• FTPはいまはあんまり使われてないけど、前は使われてた

ahomu

Front-end with Node.js

Front-end with Node.js Tools // Speaker Deck

1. Package manager

• npm
• Bower
• npm とフロントエンドのパッケージ管理の未来 ::ハブろぐ
• The npm Blog — npm and front-end packaging

igrigorik

Navigation and Resource Timing provides timing data for the fetch, but currently there is no interoperable way for the server to communicate own timing information to the client. For example:

• What steps were taken to generate the resource, and how long each took. Many sites already embed this type of information via HTML comments - e.g. wordpress emits <!--Page generated in X.X seconds.--> , and many sites provide more detailed stats (cache, db, generation) to enable performance debugging.
• If proxied, where was the time spent - e.g. time to fetch from origin, time to process response, etc.

Instead of relying on arbitrary HTML comments, we can define an HTTP header that can be used to send key-value pairs in a well defined format. Making this data available via a well defined interface would...

• Allow UA and other developer tools to automatically annotate appropriate timelines.
• Allow analytics vendors to gather this data for operational analysis.
• Allows proxies and CDNs to append custom timing d

hail2u

@font-face {
  font-family: 'Emoji';
  src: local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol');
}

body {
  font-family: 'Helvetica Neue', Calibri, 'Emoji', sans-serif;
}

YTsuda

// ==UserScript==
// @name         SlackChannelHide
// @namespace    http://howtelevision.co.jp/
// @version      0.1
// @description  You can hide and open "CHANNELS" on Slack.
// @author       YasuyukiTsuda
// @match        https://*.slack.com/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
// @run-at document-end
// @grant unsafeWindow

dlwr

// ==Taberareloo==
// {
//   "name"        : "Check how many days have passed without coffee"
// , "description" : "Check how many days have passed without coffee every coffee time(16:30) and tweet it"
// , "include"     : ["background"]
// , "version"     : "0.1.4"
// , "downloadURL" : "https://gist.github.com/dlwr/2f03e894672551072c38/raw/patch.check.noncoffee.days.tbrl.js"
// }
// ==/Taberareloo==