マイクロインタラクション事始め以前 - MOL
（アニ GIF あるのでちょっと重いです…） マイクロインタラクション事始め以前 @Yahoo!Japan 2016.07.04 先日、とある社内勉強会にて発表する機会があったので書き残しておく。要は最近のフロントエンド開発の流れに疲れて、もうちょっと違う方向で頑張ろうと思った話。 葛藤 Kaizen Platform, Inc. フロントエンドデベロッパーの t32k です。皆さん、ご存知かもしれませんが、Kaizen Platform は A/B テストツールを提供しています。その A/B テストのデザイン案も国内外約 2 千名のグロースハッカーと呼ばれる方々から、クラウドソーシングで調達することができます。なので、自社内にデザイナー抱えてなくても A/B テストが実行可能です。 グロースハッカーの登録自体は無料ですので、デザイナーの方はぜひ登録してもらうと、コンバージョン率の高いデザ
強いチームはオフィスを捨てる - MOL
皆さんご存知かもしれないが、弊社Kaizen Platform, Inc.は、現在、東京・サンフランシスコ両オフィス合わせると100人くらいの従業員がいる規模のフルリモートワークOKな会社だ。エンジニアだけでなく社員全員がリモートワーク可能だ。 uiureo/remote-in-japan 転職する前から、このことは知っていたのだけど『リモートワークしたい』という気持ちはなかったので、特に気にしてはいなかったが、実際働いてみると思うところはいろいろある。そうゆうわけで弊社リモートワークガイドラインの推薦図書である上記の本を読んだ。 本書の言葉を借りて端的に言えば、こうゆうことだ。 アップデートが必要なのは、どうやら人の気持ちのようだ リモートワーカーと働く オフィス勤務で働き出して、一番最初に感じたのはハングアウトの多さだ。まぁ、リモートワーカーがいるので普通のMTGがハングアウトに置き換
コマンドラインからGoogle Analyticsにデータを記録するGAERをつくった - MOL
t32k/gaer - GitHub 表題の通りのNode.jsのCLIツールを作った。Googleアナリティクスのイベントトラッキングレポートに、下記のように任意のJSONデータを送りつける。 $ npm install -g gaer $ gaer -t UA-xxxxx-xx -r reportName path/to/data.json Sending [||||||||||||||||||||||||] 100% Success: The data is sent to UA-xxxxx-xx
Smashing Magazineのパフォーマンス改善ケースが凄まじい件 - MOL
Frontrend Advent Calendar 2014 - Qiitaの24日目。たぶん。知らんけど。 ちょっと前になるが12/13にバンクーバーで開催されたThe Style & Class Conference 2014に参加してきた。前日にSmashing Conferenceが、ウィスラーというバンクーバーから比較的近い所で開催されていて、本当はそっちに行きたかったんだけど高額なため、地元コミュニティのほうにだけ参加した。ウィスラーの方の記事は@ygoto3が書いてたっぽい。 Smashing Conferenceで登壇していたJohn Allsopp氏やVal Head氏もこのカンファレンスで登壇するということで、『なんだ、ウィスラーのついでかよー』と思い全然期待してなかったのだが、行ってみたらカンファレンス全体の構成などすごく考えられていて、とても素晴らしいカンファレンス
Heroku Dropbox Syncで実現するWeb開発の未来 - MOL
Heroku Advent Calendar 2014の13日目の記事です。 2014年11月にHerokuからDropbox Sync機能のアナウンス（Beta版）がありました。今日はこれを使ってみようと思います。 この記事はBeta機能について解説しています。機能に関しては変更の可能性があります。 デザイナーとデプロイ まず先に私とHerokuと言えば、StyleStatsというCSS解析ツールをHeroku上で動かしています。私は元はWebデザイナーでしたので、つい最近まで『デプロイ？なにそれ？おいしいの？』って感じでしたが、git push heroku masterでデプロイできるHerokuさんのおかげで、こんな私でもWebアプリを稼働・運用していけています。 配備する、配置する、展開する、配置につく、などの意味を持つ英単語。 ソフトウェアの分野で、開発したソフトウェアを利用で
MacBook Pro 15" のみという選択 — MOL
最近、数年に一度来る『断捨離』のブームで、いらないものはヤフオクり、より良いもの、よりコンパクトなものに置き換えたりしている。前回のRX100のカメラも然り。 我々、デベロッパーの仕事環境こそ物がたまる諸悪の根源である！ってことでMacBook Proだけにしてみた。 Beforeの環境 MacBook Pro 13” (2012 Mid) Dell U2713HM 27インチ Apple Magic Mouse Apple Wireless Keyboard (US) LOGICOOL HDプロ ウェブカム C920 BOSE SoundLink Mini Bluetooth speaker LaCie USB3.0/2.0対応3.5インチ 1TB Afterの環境 MacBook Pro Retina 15” (2013 Late) 以上である。 今年も引き続き海外旅行とかしたいし、長
HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
CSS Sprite画像はDataURI画像にすべきか？ - MOL
最近、スプライト画像はDataURIにすべきですか？という質問が多くて、調べてみました。てか、前のもそんな話題があったような。DataURIってなんぞって方は下記を見てほしい。 データURIスキーム | MOL CSSファイルがパースされなければレンダリングが始まらないのでCSSファイルの肥大化は絶対に避けなければならない。画像の1KBとCSSファイルの1KBを同じように考えてはいけない。 ― ぼくのかんがえたさいきょうのしーえしゅえしゅ あ、ホントそうだっけーなーと思いつつ、どこぞの資料見たんだっけなーと探してたらあった。 Optimizing the Critical Rendering Path for Instant Mobile Websites - Velocity SC 2013 このセッションはすごく分かりやすいのでオススメです（該当の箇所は12分位から）。というかIlya
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
