JavaScriptよ。文明を捨て、自然に還れ。 ::ハブろぐ

2018/09/13 127 users 文明 JavaScript

Web ナチュラリスト フィードを眺めていたら Alex Russell 氏の新作が投稿されていた。 The "Developer Experience" Bait-and-Switch | Infrequently Noted 本来の趣旨については原文を読んでもらえばいいし、下記はこれを読んだ上で普段の考えを踏まえて脳裏をよぎったポエムである。 我々は複雑性で仕事をしている 仕... 続きを読む

SPA + サーバーサイドレンダリング、そのダルさに関する私見 ::ハブろぐ

2017/06/14 202 users サーバーサイドレンダリング 私見 SPA 概観 ダルさ

いわゆる SPA + サーバーサイドレンダリングがダルい 唐突ですがおさらいです。 なぜサーバーサイドレンダリング（SSR）が嬉しいかと言えば 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰にやさしい（） 古いブラウザ・低性能マシンにやさしい yahoo/fluxible による SPA + Server Rendering の概観 ::ハブろぐ... 続きを読む

リモートワークの勘所と限界について1年くらいの感想、組織にとっての選択肢作りの話 ::ハブろぐ

2016/07/20 446 users リモートワーク ワークスタイル 書斎 ハッピー 本社

1年くらいリモートワークを続けてみた感想 まず当然ながら「リモートワークは生産性が高い！これこそ未来のワークスタイル！」のような感想はありません。 生産性やコミュニケーションに関連するメリット、デメリットをうまく相殺しきれれば、生活の自由度だけ向上してハッピー 、と考えています。 自宅の書斎 今は自宅かレンタルオフィスのいずれかを作業場として開発などを行いつつ、本社がある渋谷には1泊2日の出張を月... 続きを読む

HTML6 でも CSS4 でもない Web 技術のゆくえ - WCAN 2015 Winter に登壇してきました ::ハブろぐ

2015/12/14 253 users ゆくえ TED 投影 壁面 スクリーン

WCAN 2015 Winter @kazumich さんにお声がけいただき、 WCAN 2015 Winter でおよそ 60 分ほどのセッションを登壇してきました。32:9 のスクリーンがあるという、TED でもやるんかオイという特殊な環境でした。普段はプロジェクター的な投影なので、スクリーンの前に立つのが微妙なんですが、ここはディスプレイが壁面に大量に並んでいて自ら発光するので、部屋を暗くし... 続きを読む

最近あまり使ってない、流行っていた時期もあるフロントエンドもの ::ハブろぐ

2015/02/19 393 users 時期

最近あまり使ってない、ちょっと前の流行りもの なんとなく書いてみます。Web アプリケーション開発屋さんなので、Web サイト制作屋さんとはかなり文脈ズレると思います。 jQuery ファミリー 個人的には jQuery って、協業用のツールという位置づけでした。jQuery でさえ書かれていれば、jQuery 書ける人材のほうが外からも調達しやすいため、人員の流動にも有効と考えられる頃が確かにあ... 続きを読む

npm とフロントエンドのパッケージ管理の未来 ::ハブろぐ

2014/11/13 190 users npm フロントエンド 未来 パッケージ管理

JavaScript 系パッケージマネージャの重複問題 npm は言わずもがな Node.js のパッケージマネージャだが、フロントエンド開発においては Bower も利用するのが一般的になっている。この現状の問題点は、package.jon と bower.json という似たような管理ファイルを二重で管理しなければならないということだ。 現状の使い分けをおさらいをしておくと、次のような感じにな... 続きを読む

AngularJS についての所感 ::ハブろぐ

2014/11/04 263 users AngularJS 所感 まさかり jQuery via

AgularJS に対する気持ち 所感といいつつ、主に自分がつらさとして感じていることを書く。所感シリーズとしては jQueryについての所感 も併せて読みたい。 via. AngularJS: The Best Parts - Anand Mani Sankar この学習曲線の中でいうと、たぶん今の自分は Very Cool! の頂点から降りている最中くらいだと思う。そして、マサカリをふりかぶっ... 続きを読む

Polymer と Web Components の違い9選（もとい Polymer の便利機能） ::ハブろぐ

2014/08/06 102 users Polymer template ライブラリ きり 勢力

との違い、もとい付加機能 色々な周辺事情で、勢力を広げつつある Polymer さん。（つい最近、それに加担したような気もする） 「どこまでが Web Components で、どこからが Polymer なのか」を理解するためにもPolymerの機能をメモる。Polymer は色々なことを便利にしてくれるライブラリであり、差分を言い出すとキリがないので主要なポイントだけ。 <template> ... 続きを読む

Docker を Mac で使ってみた（Nodeアプリ例） ::ハブろぐ

2014/07/08 204 users Docker Heroku PaaS boot2docker

Docker 色々あってDockerした。さっくりとアプリ作るならHerokuも便利なのだけど、Dockerをサポートする他のPaaSも使えた方が便利そうな風潮を感じたので。 1. インストール＆導入 Mac OS X - Docker Documentation Releases · boot2docker/osx-installer からpkgインストーラをダウンロードして実行。適当にはいる。... 続きを読む

Componentによるフロントエンドのパッケージ管理 ::ハブろぐ

2014/02/18 133 users component タスクランナー 直近 ライブラリ選定 実装

Component 直近で、新規案件に関わることになりそうなので、ライブラリ選定やタスクランナー、そして今回の依存管理のようにベーシックな話が続いてます。次第に、具体的な実装やコード設計のポストが多くなる･･･はず。 今回はVue.jsでも触れましたが、改めてcomponent - modular javascript frameworkについて。 概要 Componentはパッケージマネージャー... 続きを読む

Angualrそっちのけで、Vue.jsについて所感 ::ハブろぐ

2014/02/14 217 users 所感 Vue.js

Vue.js Vue.js 軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた - mizchi's blog を読んで触発されたので、自分も外見的に良いなと思ったポイントだけ書き留めてみます。さすがに実戦投入できていないので、そのあたりの精度は悪しからず。 サンプルコードの雰囲気 サンプルコードとか自分でちょっと触ってみたときの感触からは、以下のポイントが気に入りました。d... 続きを読む

フロントエンドチューニングの箇条殴り書き ::ハブろぐ

2013/10/30 363 users

普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像... 続きを読む

Rails + Heroku で俺専用RSSリーダー作った ::ハブろぐ

2013/03/31 223 users Heroku Rails サーバーサイド aho.mu 学習

Webアプリのリハビリ ということで、Official Blog: A second spring of cleaningで告知された、Google Reader閉鎖に備え、俺専用RSSリーダーをRuby on Railsで軽めに作ってみた。 read.aho.mu 目的としてはRuby + Railsの学習と、サーバーサイドのリハビリのつもりだったのだけど、簡単すぎて実作業1日分くらいで終わって... 続きを読む

Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day) ::ハブろぐ

2012/12/26 147 users Backbone.js Backbone CodeGrid

Backboneを使うときに参考になる日英のリソース Advent Calendarがネタ切れの折、最終日が冴えない小ネタで終わるよりはマシかということでリストアップしてみた。 日本語リソース では早速、日本語のリソースから。古い情報はリストから外しているので、いくらか偏りがあるかも。悪しからず。 ビギナー向けにまとまったの CodeGrid - フロントエンドに関わる人々のガイド Backbon... 続きを読む

Backbone.js コメント付きソースコード日本語訳 ::ハブろぐ

2012/12/12 170 users Backbone.js

Annotated Sourceのコメントを訳しました 地味に道のりが長い作業でしたが、何とかこの前の週末にやっつけて、例によって@cssradar氏に確認していただいたりとかして今に至りご紹介する次第。 日本語訳コメントがついたソースコード· enja-oss/Backbone · GitHub なんだかんだで全域を網羅する必要があったたので、非常に勉強になりました。ソースコード自体は短く簡潔な... 続きを読む

ぼくが実際に運用していたGitブランチモデルについて ::ハブろぐ

2012/08/30 744 users ボク 実際

ブランチモデル オペレーションとかインフラ系のエンジニアリングからは少々離れそうなので、個人的な備忘録がてら、Gitのブランチモデルについて。淡々と書くよ。 見えないチカラ: A successful Git branching model を翻訳しました 基本的に、このA successful Git branching model（上記は翻訳記事）を参考にしています。ですが、完全ではありません... 続きを読む

jQuery Mobileのビジュアルデザインが自由に！ Theme Rollerついにリリース ::ハブろぐ

2011/10/28 370 users jQuery Mobile ビジュアルデザイン

Theme Roller Released! Announcing ThemeRoller for jQuery Mobile! Learn more: http://t.co/LvFkbfwp or try it now: http://t.co/AeDhxKnbFri Oct 28 12:29:55 via Twitter for Macjquerymobile jquerymobile 正直... 続きを読む

社内講習わくわくjQuery編1 - jQueryを使ってみよう ::ハブろぐ

2011/03/19 122 users jQuery border ラクチン git diff 学習

HatenaRecent社内講習わくわくjQuery編1 - jQueryを使ってみようgit diffの結果を差分ファイル群としてエクスポートするRubyスクリプトfacebookページのLike Boxからborderとかを消して無個性にするLESS.appで最小化されたmin.cssも同時に作る方法Sassよりラクチン，LESS.appで簡単CSSコンパイル生活！（Mac限定）LL言語と学習... 続きを読む