クックパッドを退職して Ubie Discovery に転職しました - hokaccha memo
昨日がクックパッド最終出社日で今日からヘルステックスタートアップの Ubie Discovery*1 で仕事します。 クックパッドは2015年4月に入社したので6年半弱在籍しました。過去最長記録です。思えば色々なことをやりました。新規サービスの立ち上げをやったり機械学習を使ったサービスを作ったり、人事と兼任してエンジニア採用とか新卒採用の夏インターンとか TechConf の運営をやったり、技術基盤のグループに移ってマイクロサービス化をやったりフロントエンドの Next.js 化をやったり。 クックパッドのサービスは好きだし、やりたいと思ったことに挑戦させてくれるし、同僚は優秀だしで特に大きい不満はなく、辞めるつもりはなかったんですけど、クックパッドで同僚だった人が何人か Ubie Discovery に転職してめちゃくちゃ楽しそうに仕事してるのを横目で見たのをきっかけに興味を持ち、話を聞
レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ
技術部の外村（@hokaccha）です。今回はクックパッドのウェブサイトのフロントエンドを Next.js などを使って作り直している話を書きます。 この記事で紹介する新システムは、スマートフォン向けのレシピページで確認することができます。もし興味があるかたはレシピページをスマートフォンのユーザーエージェントで開いて DevTools などで確認してみてください。 Next.js と GraphQL で動いているのがわかると思います。 ご存じの方も多いかもしれませんが、クックパッドのウェブサイトはモノリシックな Rails で作られていて、10年以上 Rails で開発を続けてきました。10 年以上同じシステムで開発を重ねれば当然レガシーな部分が大量に生まれてきますが、特にフロントエンドはその影響が顕著でした。 どこから使われているかわからない CSS が大量にある、JS のコードは昔なが
育休復帰率100%｜クックパッドのパパママ社員に色々と聞いてみた - Cookpad Staff blog
こんにちは、人事部の冨永です。今回はクックパッドでの「ライフステージに合わせたキャリア支援」をテーマに記事を書きます！ 育休復帰率が100% 実はクックパッドでは、育児休暇（以下、育休と表記）取得後の復帰率が男女ともに100%を達成しているんです！（2017年3月現在）＊ ＊2017年3月現在で21名が育休取得中 社員の多様性を重視し、それぞれがバリューを最大限に発揮できる環境づくりを実現するために「フルフレックスタイムの導入」「リモートワークの試験導入」「育休復帰面談の実施」などを積極的に行っています。 ・フルフレックスタイム制の導入（一部業務を除く） 社員ひとりひとりの生産性を高め、それぞれの実力を発揮できるよう「フルフレックスタイム制」を導入しています。コアタイムは設定せず、社員それぞれが自律的に時間を管理し、同時に社員同士で協力しながら効率的に働く環境を整えています。 ・リモートワ
nodebrewでバイナリからインストールできるようにした - Webtech Walker
nodebrewの0.6.0をリリースしました。install-binaryというコマンドを追加しまして、コンパイル済みのバイナリからインストールできるようにしました。 バイナリのファイルはNode.jsのv0.8.6以降で配布されるようになったので、それ以前のバージョンはインストールできません。Mac OSX、Linux、Solaris用のがそれぞれ32bitと64bitのものが用意されていて、nodebrewがアーキテクチャから自動で判別してとってくるようにしています。OSXとUbuntuくらいでしか試してないので動かなかった場合は報告ください。 こんな感じです。 $ nodebrew install-binary v0.8.6 fetch: http://nodejs.org/dist/v0.8.6/node-v0.8.6-darwin-x64.tar.gz ############
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
tacamy.tumblr — 書評 : ノンプログラマのためのJavaScriptはじめの一歩
@hokaccha 著の「ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)」を読ませていただいたので、JavaScript超初心者目線での感想を。 対象読者 この本のタイトルに「ノンプログラマのための」「はじめの一歩」というキーワードがあるとおり、プログラムの類に一切触れたことがない人でも分かるように、初心者目線で書かれています。 でも「JavaScript初心者」といっても、目指すものの違いによって2種類の人がいると思います。 コピペして動けば、あとはライブラリを少し修正できる程度で充分な人 JavaScriptの基本を理解して、1から自分で書けるようになりたいと思っている人 どちらがいい悪いとかはないのですが、この本では2の人を対象として書かれています。 「jQueryをある程度使えれば充分で、素のJavaScriptなんて書く機会がない」
ほかちゃん本 - ノンプログラマのためのJavaScriptはじめの一歩
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 弊社ピクセルグリッドの、ほかちゃんが、ノンプログラマのためのJavaScriptはじめの一歩という本を書いたので、紹介します。 自分もjQueryの本を書いたのですが、 「Webデザイナーのための jQuery入門」という本を書きました - Takazudo hamalog僕の本の方は、jQueryの基礎 → jQueryを使ったサンプルを見ながらJavaScript, jQueryを理解するという流れですが、ほかちゃん本の方は、スライドショーのプログラムを一つ、じっくり解説しながら、JavaScriptの基本文法を解説するという感じです。 この本をおすすめしたい人は、まぁ、タイトルもそうなん
「ノンプログラマのためのJavaScriptはじめの一歩」の1章が公開されました - Webtech Walker
11/7発売予定の書籍「ノンプログラマのためのJavaScriptはじめの一歩」のはじめにと1章が先行して技評のWebサイトで公開されました。 はじめに 1章 1章はイントロ的なところで、JavaScriptを学ぶ前にJavaScriptの動かし方やデバッグツールの使い方について解説しています。 また、本書籍の2章以降で解説するスライドショーのサンプルプログラムも1章で登場するため公開されています。次のようにボタンを押すと次の画像に行くというだけの、簡単なサンプルプログラムです。 {::nomarkdown} {:/nomarkdown} 技評のWebサイトからも実際に試すことができます。 JavaScriptのソースはこんなかんじです。全体で90行程度、コメントや空行を除くと40行程度です。 /** * 簡易スライドショー * * nextボタンを押したときに画像を切り替える簡単な *
mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker
東京Node学園祭2012 アドベントカレンダーの9日目です。Node.jsとほとんど関係ないうえに内容がけっこう薄い感じなった気がするんですけど気にせずいこうと思います。 フロントエンドのJavaScriptをテストするとき最近はいつもmochaを使ってるんですが、やはりJenkinsとかtravis-ciを使って自動テストもしたいと思って試してみました。 hokaccha/mocha-phantom-travis-test ここではよくあるjQueryで画像のロールオーバーをするというプラグインを作ってそのライブラリに対してテストを書いています。ソースコードはこんな感じです。 $.fn.rollover = function() { return this.each(function() { var $img = $(this); var src = $img.attr('src');
nodebrew 0.2.0 Released - hokaccha memo
つくってしばらく放置してたnodebrewを色々変更してみた。 https://github.com/hokaccha/nodebrew 主に wgetに対応（以前はcurlのみ） ワンライナーでインストールできるようにした ~/.nodebrew以下にnodebrew自信も置くようにした 環境変数（NODEBREW_ROOT）でルートディレクトリを変更できるようにした（デフォルトは~/.nodebrew） ls追加（listのエイリアス） selfupdate追加（nodebrew自信をアップデート） 諸々バグ修正 インストールは $ curl https://raw.github.com/hokaccha/nodebrew/master/nodebrew | perl - setupでＯＫ。短縮URLにしたい（git.ioにしようと思ったらraw.github.comができなかった）。
dotcloud + node.jsでHello World - Webtech Walker
dotcloud + node.jsやってみました。 まずdotcloudをインストールする。特に問題ない。 $ sudo easy_install dotcloud アプリケーションをつくる。APIキーを設定してない場合は設定しろと出るので指示通りsettingsページに書いてあるAPIキーを入力する。 $ dotcloud create hokaccha Warning: /Users/hokamura/.dotcloud/dotcloud.conf does not exist. Enter your api key (You can find it at http://www.dotcloud.com/account/settings): プロジェクトを作る。 $ dotcloud deploy -t nodejs hokaccha.helloworld Created "hoka
第5回 jQueryでアニメーション（解答編） | gihyo.jp
はじめに 前回はjQueryのアニメーション機能について解説し、以下のようなタブのUIをjQueryのアニメーションで切り替えるというお題を出しました。 jQueryアニメーションのお題 - jsdo.it - share JavaScript, HTML5 and CSS 今回このお題をforkしてもらったコードを紹介しながら解説していきます。 模範解答 まずは模範解答として、以下の作品を紹介します。 forked from: jQueryアニメーションのお題 | 第4回 jQueryでアニメーション - jsdo.it - share JavaScript, HTML5 and CSS この作品はページ切り替えの部分を以下のように変更しているだけです。 $currentPage.fadeOut("fast"); $targetPage.slideDown(); 1行目の部分で現在のペー
CSS3のvim syntaxをちょっといじった - Webtech Walker
vimでCSS書いてるとMediaQueryとかの表示がうまくいかなくてずっとほっといたんですけど、すでにやってる人がいたので使ってみたんですけど、ちょっと気になるところがあったりしたので直したり、ベンダプレフィックス追加したりしました。 hokaccha/vim-css3-syntax - GitHub 不具合的なものは本家にマージされたんですが、ベンダプレフィックスの追加は本家のほうの方針では取り入れないということだったので、ベンダプレフィックスも対応したいという人はこちらをお使い下さい。 本家の元ネタはこちら。 VimのCSS3シンタックス・ファイルみたいな何か - Weblog - hail2u.net
第3回 jQueryの基本（回答編） | gihyo.jp
お題の復習 まずは前回出したお題を復習しましょう。前回のお題は以下のようなHTMLがあったときにマウスオーバーでサブメニューを表示するようなUIをjQueryを使って書くというものでした。 お題（連載第二回目） お題（連載第二回目） - jsdo.it - share JavaScript, HTML5 and CSS たくさんforkしていただいてありがとうございました。今回は回答編ということでみなさんにこのお題をforkしてもらった作品を紹介しながらjQueryを使ったマウスオーバーでのメニュー表示機能を解説していきます。やってみてわからなかった人は模範解答を参考にしてみてください。 模範解答 ではまず模範解答を見ていきましょう。他にもよくできていた作品はたくさんありましたが、模範解答の例として以下の作品を紹介します。 forked from: お題（連載第二回目） - jsd
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クックパッドについて - 採用情報 | クックパッド株式会社
結婚しました | -&-
Chromeの等幅フォントがOsakaになってる件 - Webtech Walker
gihyo.jpでの連載、jsdo.itで学ぶJavaScript＆CSS3の第二回目が公開されました - Webtech Walker
Yahoo! JAPAN×Web+DB PRESS presents ブラウザカンファレンス2010 - 技術評論社