タグ

ブックマーク / t32k.me (12)

  • マイクロインタラクション事始め以前 - MOL

    (アニ GIF あるのでちょっと重いです…) マイクロインタラクション事始め以前 @Yahoo!Japan 2016.07.04 先日、とある社内勉強会にて発表する機会があったので書き残しておく。要は最近のフロントエンド開発の流れに疲れて、もうちょっと違う方向で頑張ろうと思った話。 葛藤 Kaizen Platform, Inc. フロントエンドデベロッパーの t32k です。皆さん、ご存知かもしれませんが、Kaizen Platform は A/B テストツールを提供しています。その A/B テストのデザイン案も国内外約 2 千名のグロースハッカーと呼ばれる方々から、クラウドソーシングで調達することができます。なので、自社内にデザイナー抱えてなくても A/B テストが実行可能です。 グロースハッカーの登録自体は無料ですので、デザイナーの方はぜひ登録してもらうと、コンバージョン率の高いデザ

    マイクロインタラクション事始め以前 - MOL
  • 株式会社メルカリに入社しました! - MOL

    正確には子会社のソウゾウに出向という形でアッテというサービスを開発します。GolangGoogle Cloud Platformを使ってるということで、新しい環境にワクワクです。 渋谷 新宿 六木 そう思春期も早々に これにぞっこんに キーボードなら置き放っしてきたKAIZENに マジ親に迷惑かけてない当に だが時は経ち今じゃ雑誌のカヴァー そこらじゅうで幅をきかすDON DADA マイク掴んだらマジでNo.1東京代表トップランカーだ そうこの地この国に生を授かり naoyaに無敵のマイク預かり 仲間たち親たちファンたちに 今日も感謝して進む荒れたオフロード ってな感じで頑張っていきます。六木の皆さんは絡まってくださいm(_ _)m 株式会社メルカリの最新情報 - Wantedly ネイティブアプリなイメージの強いメルカリですが、今後はWebにも力を入れてくそうで、全方位で採用中っ

    株式会社メルカリに入社しました! - MOL
  • Kaizen Platform, Inc.に入社しました! - MOL

    フィリピン・マニラ、カナダ・バンクーバーと1年続いた海外ニート生活に終止符を打つべく、表題の会社にフロントエンドエンジニアとして入社しました! 幸いなことに、日帰ってからの就活は書類で落とされることもなく、みなさんとてもウェルカムな雰囲気で迎え入れてくれたこと、当に感謝します。その中でも特にKaizenさんは一番最初にオファーを出していただき、ローリングストーンのように転げ落ちていた私を拾ってくださったこと、当に当に感謝のしようがありません。 プロフェッショナルな大人が集まるこの会社で、自分も恥じないように一員として頑張っていく所存。今後はこの会社と一緒に世界に向けて挑戦したい!! 新しい働き方に挑戦してみませんか? - Kaizen Platform, Inc. グロースハッカーとは - Kaizen Platform, Inc. あと、会社が新宿なので新宿な人たちは遊んでくださ

    Kaizen Platform, Inc.に入社しました! - MOL
  • Webエンジニアからみたカナダワーキング・ホリデー - MOL

    実際のところ、ワーキングホリデー期間はまだ8ヶ月間残ってるのだが、今年5月に歯が欠けて直すのに2、3千ドルかかるっぽいことを歯医者に言われて、就活もうまくいってなかったところ、心が折れてバンクーバーから日におめおめ帰国したのだ。 歯は欠けたのはイレギュラーなこととはいえ、目標であった海外就職も叶えることができず、不甲斐なさで一杯だが、就活になぜ失敗したのか自分なりに省みることにする。 ビザ ※ 2014年度のカナダ・ワーキングホリデーについて述べています。異なる年度、異なる国では制度が異なる可能性があります。 ワーホリは30歳までと言われているが、正確には31歳の誕生日を迎えるまでにWebからの申請が受理されればいい(入国してなくてもいい)。申請が受理されてから1年以内に入国しないといけない。僕の場合、2014年6月に31歳になったので、その前の2014年3月に受理してもらって、それから

    Webエンジニアからみたカナダワーキング・ホリデー - MOL
  • 【翻訳】Web世代のデベロッパーのためのmake - MOL

    Original:Make for the Web Generation (2015-02-28)by Casper Beyer イントロ JavaScriptの普及に伴いビルドツールが盛んだ。人気なものをいくつか挙げれば、grunt、gulp、slush、broccoliやbrunchなどがあるが、結局、名前をつけただけにすぎない。 多かれ少なかれ、これらのツールはファイルコピーからzipファイル作成のようなシンプルなタスク処理でさえ、すべてプラグインに依存しているので、それらのタスクを実行するためにプラグインを必要とするだろう。 これらのツールは理想論的には大きな柔軟性をもたらすものとされているが、実際はUNIXのエコシステムをただ複製しているだけにすぎない。このために君のプロジェクトは早々に、大きな開発依存性のバンドルを持つことであろう、そして、やっているタスクは単なる普通のコピー、

    【翻訳】Web世代のデベロッパーのためのmake - MOL
    ikosin
    ikosin 2015/05/21
  • Grunt/Gulpで憔悴したおっさんの話 | MOL

    先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ

    Grunt/Gulpで憔悴したおっさんの話 | MOL
  • 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氏もこのカンファレンスで登壇するということで、『なんだ、ウィスラーのついでかよー』と思い全然期待してなかったのだが、行ってみたらカンファレンス全体の構成などすごく考えられていて、とても素晴らしいカンファレンス

    Smashing Magazineのパフォーマンス改善ケースが凄まじい件 - MOL
  • 今どきのGruntを使ったフロントエンド開発(HTML/CSS編) - MOL

    SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面(ターミナル)を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt(JavaScript製のタスクランナー)を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的な開発環境を手に入れてみませんか。 ども、Front-end Developerをしております@t32kです。今日はがんばります。 Frontrendというコミュニティ活動をしています。通常は東京で3~4ヶ月の周期でフロントエンドをテーマにした勉強会を開催しています。良かったらみなさんもご参加くださいませ。 Agenda 今日の話す内容は以下のとおりです。 なぜGruntを使うの? Gruntの使

    今どきのGruntを使ったフロントエンド開発(HTML/CSS編) - MOL
    ikosin
    ikosin 2013/12/02
  • HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL

    このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ(t32k.me)が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ

    ikosin
    ikosin 2013/08/20
    アニメーションGif だと思ったらスライドだ!
  • ぼくのかんがえたさいきょうのしーえしゅえしゅ - MOL

    俺ももう30だし、夏なんで、CSSフレームワークはじめました。 とりあえず、UIエレメントとか作ってないし、CSSフレームワークとか言いながら、GithubのLanguage Staticsは98.3%、JavaScriptってな感じでGrunt Taskばかり充実してるような感じです、現状。 とりあえず、設計方針としてはマシなCSSを書くことを目標としている。この一年、スマホアプリのHTML/CSSコーディングをやってきたわけだが、度重なるUIの変更に耐えうるCSS、そして肥大化しないCSSとは何かずっと考えていて、特に答えという答えもで見つかっていわけだけど、とりあえずはこうしたほうがBetterなんじゃないかというの自分的に固まってきたので、公開してみた。 てか、最強のCSSなんて存在しないからなっ!! t32k/maple - GitHub ありがちな落とし穴 これを作るにあたって

    ぼくのかんがえたさいきょうのしーえしゅえしゅ - MOL
  • MacBook Pro (13-inch, Mid 2012)のメモリ増設して16GBにした | MOL

    メモリの交換の仕方は公式サポートに書いてあるので、取り掛かる前に一読を。 メモリカードの仕様 DDR3 (Double Data Rate Small Outline Dual Inline Memory Module) 方式 67.6mm x 30mm (1.18インチ) 2GB または 4GB 204ピン PC3-12800 DDR3 1600 MHz タイプの RAM MacBook Pro:メモリの取り外し方法と取り付け方法 あと、メモリ交換する際にMBPを開かなきゃいけないんだけど、これって保証の対象外になるんだよなーと思ってたけど、保証の対象外になるのはそのメモリ交換に起因する故障の場合で、例えば電源タップがなんか知らんが壊れたとかなら期間内であれば保証してもらえるって感じかな。 SSDやメモリを換装するとサポート対象外?: Apple サポートコミュニティ 確かに公式サポート

    MacBook Pro (13-inch, Mid 2012)のメモリ増設して16GBにした | MOL
    ikosin
    ikosin 2013/06/17
  • サイバーエージェントにジョインしました! - MOL

    このスマホ移行期の時代に、渋谷というIT企業が多く集まる場所で、CAの優秀な技術者たちと一緒に働けることを誇りに思います。 思いおこせば、前職でのキャリア5年の前半はWebデザイナーとしてデザイン・コーディングを業務としていました。後半からはアクセス解析を担当するようになって、だんだんコードを書かないようになっていきました。解析で得た知見などをもっと上流の工程でも発言できるようになっていけば、いわゆるそれは出世の近道かもしれません。ただ言われたものを作っていてもたぶん給料はあがらない。そう考えてのキャリア設計であり、意識的にシフトした結果でした。 実際やってみると、やっぱり自分でコードを書きたいという気持ちが日々強まっていくばかりで、このまま資料作ったり、口が上手くなっていくだけでなんにもできない人間になってしまうのではないかと不安も大きくなるばかりでした。(別にそうゆう人らをディスってる

    サイバーエージェントにジョインしました! - MOL
  • 1