【後編】 元・超ワガママエンジニアのクックパッドCTOと語る、「CTOって何する人だ？」論 / 飲み会で探るエンジニアのホンネ #naoya_sushi 編
応募企業の探し方や履歴書の書き方、面接のポイントから円満退職の 秘けつまで。あなたの転職を成功に導くためのノウハウを紹介！ この企画は、Web業界で名を馳せる伊藤直也氏と注目企業のCTOが、寿司を摘まみつつホンネで語り合う、かつて無かったインタビュー企画である。 元・超ワガママエンジニアのクックパッドCTOと語る、「CTOって何する人だ？」論 【後編】 #naoya_sushi ＜前編のあらすじと後編のお話＞ ある秋の日の宵の口、広尾の寿司屋に集った伊藤直也氏（以下「naoya」）と、『クックパッド』CTOの舘野祐一氏（以下「secondlife」、文中ではセコン）。もともと『はてな』で上司と部下という間柄だった二人が、旬の美味を愉しみながら話し始めたのは、『はてな』時代のセコン氏が「マネジメントなんか一切やりたくない」と公言し、「新しい技術を取り入れてはすぐに飽きて放置」するという超絶ワ
[JavaScript Advent Calendar 2014 No.6] navigator.onLine in Blink
06 Dec 2014 [JavaScript Advent Calendar 2014 No.6] navigator.onLine in Blink これはJavaScript Advent Calendar 2014の6日目の記事です。 コードを追いながら話を進めるので、いたるところにgithubへのリンクが貼ってあります。リンクを開きながら読んでいただけると理解の助けになるかと思います。 navigator.onLine 知ってる？ navigator.onLineは、ブラウザにおいて通信状態を取得するためのプロパティ。HTML5仕様ではこのへんに書いてある。 The navigator.onLine attribute must return false if the user agent will not contact the network when the user f
How to Use npm as a Build Tool
Update: I frequently get asked, considering this post is now years old, whether or not I still stand by the advice in this post, and whether new developers should use npm as a build tool. The advice still stands, and I believe developers should use npm as a build tool. Myself; I’ve been Gulp & Grunt free since 2013™. Should I ever change my stance on this, I will immediately update this post. Last
神獄のヴァルハラゲートのCSS設計 - I'm kubosho_
CSS Architecture Advent Calendar 2014 9日目の記事になります。 神獄のヴァルハラゲートのCSS設計方法について振り返りつつ、こうしているということや、上手くいったところ、改善したいところを書いていこうと思います。 アプリの規模 ASP.NET MVCを使っていて、View側はRazorテンプレートを使っているのですが、Razorのファイルを検索してみると以下の量となります。 find ./ -name "*.cshtml" | wc -l 1674 実際には、これにフィーチャーフォン向けのファイルや、部分的なViewファイルも含まれています。 なので、実際CSSを適用しているファイルの量は、この検索結果よりは格段に減りますが、それでも、約600ファイルはあると思います。 ちなみに、今年のはじめに同僚の@mayukiが、ソーシャルゲームのフロントエンドと
FormData は multipart/form-data で application/x-www-form-urlencoded は URLSearchParams - Qiita
<form id="fileUpload" name="fileUpload" method="post" action="/server"> <input type="text" name="fileName" value="memo.txt"> <input type="file" name="file"> <input type="submit"> </form> <script> var fileUpload = document.getElementById('fileUpload'); fileUpload.addEventListener('submit', function(e) { e.preventDefault(); var xhr = new XMLHttpRequest(); xhr.open('POST', '/'); xhr.send(new FormData
Introduction to JavaScript Promises
Introduction to JavaScript Promises Modern JS 勉強会 at GREE
【動画】 名著『リーダブルコード』を解説者と一緒に読み解こう 〜3章 誤解されない名前〜 - Schoo（スクー）
オンラインの無料動画で学ぼう！須藤 功平先生
Polyfilling Doesn't Have to be Difficult - Telerik Blogs
In 2010 Remy Sharp published an article on his blog where he introduced a new word: polyfill. A polyfill, as he wrote, is a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively. In the same post he explained why he coined this word: Earlier on this year I co-authored "Introducing HTML5" with Bruce Lawson. During the R&D time I was l
A Primer on ES7 Async Functions | Envato Tuts+
If you've been following the world of JavaScript, you've likely heard of promises. There are some great tutorials online if you want to learn about promises, but I won't explain them here; this article assumes you already have a working knowledge of promises. Promises are touted as the future of asynchronous programming in JavaScript. Promises really are great and help solve a lot of issues that a
Understanding React and reimplementing it from scratch Part 1: Views
Giulio Canti Learn about me or read more of my blog Understanding React and reimplementing it from scratch Part 1: Views Written by Giulio Canti on 29 Oct 2014 Introduction Pressed by my own thread on Reddit I started a journey to understand what can be generalized and unified in the different implementations of a React-like library. The best way I know to understand something isn’t just to learn
Introducing the JavaScript Internationalization API – Mozilla Hacks - the Web developer blog
Firefox 29 issued half a year ago, so this post is long overdue. Nevertheless I wanted to pause for a second to discuss the Internationalization API first shipped on desktop in that release (and passing all tests!). Norbert Lindenberg wrote most of the implementation, and I reviewed it and now maintain it. (Work by Makoto Kato should bring this to Android soon; b2g may take longer due to some b2g-
Web APIを作るときに考えること。 - パルカワ2
この記事はPepabo Advent Calendar 2014の11日目の記事です。 前日は、tnmtさんのVagrantのshell provisionerでApacheのビルド済tarボールをOSバージョン毎に作る術でした。 はじめに 今回は、Web APIを作るときに考えることをまとめました。 本当は、社内向けに資料を作っていて、社内の勉強会とかで話せればいいか〜って考えていたんですが、アドベントカレンダーのネタが本当になくて困っていたのでこれを使います。 対象者 APIを作る時、と書いてますが、クライアント側の人にとっても知っておく必要があることなので、サーバ側の人・クライアント側の人両方が対象者です。 APIを作るときに考えること 「APIを作るとき」と言っても、色んな状況があります。 まずはそれを絞ります。 APIの種類 プライベートAPI アプリのAPIなど使う人が限定され
これからはじめるGulp（12）：gulp-imageminプラグインを使ったJPEG,PNG,GIF,SVGの最適化 | 何者にもなれないWebデベロッパーのメモ - whiskers
はじめに この記事はGulp.js（全俺） Advent Calendar 2014です。 前回のこれからはじめるGulp（11）：ブラウザ間でスクロールやクリック操作を同期できるBrowserSyncでBrowserSyncを試しました。今回から画像最適化に関するプラグインを色々と試してみたいと思います。今回は画像を軽量化するためにgulp-imageminプラグインを試してみます。 gulp-imageminプラグインとは gulp-imageminはGIF,JPEG,PNG,SVGをロスレスで軽量化できるプラグインです。Gruntを使っていた方はgrunt-contrib-imageminが思い浮かぶと思いますがほぼ同等の機能を持ったプラグインです。 gulp-imageminにバンドルされているエンコード・デコードライブラリ gulp-imageminには以下のエンコード・デコード
5by5 | The Web Ahead
Conversations with world experts on changing technologies and future of the web. The Web Ahead is your shortcut to keeping up. Hosted by Jen Simmons. RSS • iTunes • Sponsor • #117: Transforming the Shapes with Eva Ferreira June 30, 2016 at 4:15PM • 1 hour 9 minutes Web pages are visually and technically a pile of boxes. By default, all those boxes are rectangles and squares. But they don't have
Ikagaka Demo
ベースウェアを起動 ベースウェアを終了 インストール情報を全消去 イカガカデフォルトゴーストnar 使い方 SSPと基本的に一緒です。 ゴーストにnarをドラッグ＆ドロップしてインストール 右クリックメニューから色々 状態が保存できます。「ベースウェアを終了」あるいは「全て終了」などでベースウェアを終了してからブラウザを閉じてください。(キャッシュ削除等した場合設定によっては保存状態が削除される場合があります。) 対応状況 ブラウザ IE11+,Fx,Chrome(Android版含む),Mobile Safari(iOS8以降版) 仕様 さくらスクリプト SHIORI/3.1イベント ゴースト 起動時にSAORIをロードしない華和梨 里々 起動時にSAORIをロードしないYAYA 起動時にSAORIをロードしない文5 起動時にSAORIをロードしない華和梨7 標準のプラグインしか含めない
OSS版 Drone.io を社内で使い始めてる話 - Qiita
標記の通りで、Docker tips直球じゃなかったりしますが、コアにDockerがいるツールではあるよと言うことで。 どんな感じで運用しているかの話をしてお茶を濁しつつDocker話題を交えていきます。 インストール Puppetのマニフェストをきっちり書いて、後述するようにそのマニフェストをdrone自身にCIさせている。 DockerのPuppetモジュールとして garethr-docker と言うのを使っている。Droneのマニフェストはインストール手順を見て自分で書いた。 インスフトール手順をレシピに落とすのはそこまで難しくなかった。Puppetが苦手なら、ChefなりAnsibleなりで一度一通り書いておくと安心感があると思う。 監視 munin で雑にやっている。せっかくDockerが入るので普通にmuninのイメージを引っ張って監視が設定できる。便利。あ、 udzura/
【個人メモ】React.jsを使ってserver-sideレンダリングを試す - Qiita
React.jsのserver-side レンダリングを試す React.js Tutorialではフロントエンドでの実例が用いられていた。 githubリポジトリ上には、React.jsを使ってDOM(Virtual DOM)をサーバサイド側で構築し、 フロントエンド側にはレンダリング結果を返す、というサンプルがある。 このサンプルを試用して react-bootstrapを使ったりGrunt 使ったりして 自分なりにReact.jsでのserver-sideレンダリングに対する理解を深めるため コードを書いてみよっかなと思った。 以下記録。 まずreact-server-exampleを試す をgit cloneし、動作確認をしてみた。 プロジェクトソースを手元に持ってくる
laroux.js - Demos
This project is a jQuery substitute for modern browsers and mobile devices. But instead of offering some wrappers and own dynamics, it simply provides helper functions to achieve the same objectives as jQuery or Zepto. laroux.js is right for you if you: Complain about people who do not know the difference between jQuery and Javascript. Love working with more compact, organized libraries in smalle
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Non Onload Blocking Async JS Loading Evolved
Dynatrace AJAX Edition 4.5 is here! Closing the Last Chapter, but the Story Continues | Dynatrace blog
GitHub - bramus/mixed-content-scan: Scan your HTTPS-enabled website for Mixed Content