2019年1月20日付で株式会社FOLIOを退職し、2019年1月21日付でfreee株式会社に入社します。 FOLIOで何をしてきたか FOLIOでは2017年4月にテックリードとしてジョインし、その後Head of Engineeringへと名称が変わり、その後病気による休職を経て復職し、シニアソリューションアーキテクトとして働いてきました。 たった1年8ヶ月ほどの在籍でしたが、非常に密度の濃い日々を過ごしてきた気がします。 今回はせっかくなので生々しい話も含めて在籍中の思い出を語ってみたいと思います。 FOLIOとの出会い FOLIOを知ったのは2017年の2月頃、この記事を見つけたのがきっかけでした。 newspicks.com 前職の先輩であるbitFlyerのCEO加納さんのこのようなコメントをみて、プロダクトリリース前でのこの期待値はすごいな、面白そうだな、と思った記憶があり

回答 (11件中の1件目) 追記 再帰のルールをよく理解してませんでした。 分かりやすい例として載せておきます。 [code]#include template struct print { print() { std::cout << N << std::endl; } }; template struct Print { Print() { Print(); print(); } }; template<> struct Print<0> { Print() {} ...

2018年2月6日 なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 余り知られていませんが Nagisa ではアプリだけでなく Web のプロダクトやサービスもあります。マンガZERO や UPTOON! や 月刊コミックジヘン 辺りがそうです。 何れも Vue.js で作られている SPA で、社内・外両方から “なんで Vue.js なの?” とかよく聞かれます。そこで、今回はどうして Vue.js を選択したのか、Vue.js の何がいいのか、Vue.js で運用してみてどうだったかの話をしたいと思います。 はじめに Vue.js を導入する前のマンガ ZERO Web は 2.0系の Riot で作られていました。今ある SPA のような形ではなくサーバサイド (Go) にてメタタグを生成、空のマウントポイント <div id="app"><

RailsにReact.jsを導入するのは簡単だが、既にMVCで作られているプロダクトにおいて、クライアントを分離するのは容易ではない。JSON API、Controller、CSS、jQueryなど色々問題がある。 https://qiita.com/khrtz/items/a43d58cad54af2425ced 前にこんなの書きましたが、既存のRailsサービスにJSライブラリを利用するには俯瞰した設計が足りない気がする(Railsにとっては) よくReactを導入する事例で、Reactコンポーネントを作り、Fluxを作ればデータ取得から表示までクライアントで行うことができるけど、アプリケーション全体としてみたときどうなんだろう。RailsのViewはすでにhtml化されユーザーに届けられるが、その上で更にJSのロジックが動き始めるのは体験的にいいものではない。 提案: Server

この記事はドワンゴ AdventCalendar 2017の17日目の記事です。 dwangoアドベントカレンダー17日目を担当させていただきます @ln-north です。デザイナーとして2016年度新卒として入社し、もうすぐ2年になります。 エンジニアさんで埋められるカレンダーの中、ひっそりとデザイナーも参加させていただきます、どうぞお手柔らかに…。 はじめに ここ何年かのWebフロントエンド界隈の動きは非常に大きくそして速く、デザイナーから見ても様々なパラダイムシフトが起こっています。scssやwebpackからHTML5やCSS3まで…本当に大変ですよね。 特に最近はReactやVueなど、 コンポーネント指向 のWebシステム開発が発展を遂げています。Web Componentsなども含め、流れを見てるとおそらくWebはこのコンポーネント指向に向かい、しばらく進んでいくのだろうと

12/1 に Qiita のトップページをリニューアルしました。これまで React を使っていましたが、それをやめて hyperapp を採用しました。まわりを見てもあまり採用事例が見当たらないので、この記事では一体なんで今をときめく React ではなく hyperapp を選択したのか、どういうところが魅力的なのかについて プレゼンテーション層を実装するためのツールとして 学習コスト の観点から書きたいと思います。なおこの記事に書かれていることは全て個人の感想であり、はっきりいって個人の日記レベルです。 それと hyperapp の開発者が社内にいるという事情もあるので、そこら辺さっぴいて読んでください。 TL;DR プレゼンテーション層を実装するためのツールとして React は機能過多だし、機能不足 hyperapp は過不足ない 学習コスト 仮想 DOM は学ぶ価値のある知識

It has been a long time since you said "You Don't Need jQuery", but it's still useful for doing DOM operation in user script etc.1 Get elements In native, element getter methods has too many kinds and has too long name. In jQuery, $() is all. Get element by selector Native

転職ドラフトチームのおいちゃんこと @inouetakuya です。リブセンス アドベントカレンダー 2017 - テーマ「関」 の 25日目として、「賢い大人」問題について書きます。 なんだ、その「賢い大人」問題とやらは？というのを説明する前に、つい先日、僕がやらかした失敗から。 失敗談 チームの営業企画的なポジションの人が、僕を含むエンジニア 2人に、次のプロジェクトの開発の話を持ちかけてくれたときのこと。 彼女がプロジェクトの「説明」をしてくれて、僕たちエンジニアがいくつか「質問」した。 あなた vs 私たち わざわざ括弧を付けた箇所に注目してほしい。そう、これは「説明会」的なものの構図に似ている。言ってみれば「あなた vs 私たち」の構図。説明を受ける側と説明を聞く側。目指すべき「問題 vs 私たち」にはほど遠いものだった。 参考）問題 vs 私たち https://www.sli

この記事は エムスリー Advent Calendar 2017 の25日目の記事です。 普段はDB・サーバサイド・クライアントサイドまでの設計・実装・運用を扱っていますが、この記事ではReactを使って開発したシステムについてを紹介しようと思います。 作ったもの アンケートシステム(survey-designer-js)を作り、社内で使っていました。またOSSとしてレポジトリに公開もしています。 GitHub DEMO なお公開しているのはクライアントサイドのみで、サーバサイドの実装は公開していません。なお、エムスリー社内で使用しているものはこのレポジトリからフォークしたものとなっています。 下記のような機能を備えています。 ページの作成 ページ内への設問の作成 複数選択肢 単一選択肢(ラジオボタン) 単一選択肢(プルダウン) 数値記入 1行テキスト 複数行テキスト 表形式 都道府県 説

Tinder recently swiped right on the web. Their new responsive Progressive Web App — Tinder Online — is available to 100% of users on desktop and mobile, employing techniques for JavaScript performance optimization, Service Workers for network resilience and Push Notifications for chat engagement. Today we’ll walk through some of their web perf learnings. Journey to a Progressive Web AppTinder Onli

INTRODUCTIONSome ContextOur frontend UI team has put a lot of thought into how we structure our React applications, and after several iterations we’ve discovered patterns that work well for us. We’d like to share what we’ve learned in the process and hear more about how you’re organizing your applications as well. This article is part one of a series, and focuses on Blocks, Elements, and Modifiers

I've been cruising the reddit listings recently and without much searching I found a staggering amount of "jQuery is outdated", "jQuery isn't relevant", "I think jQuery is dying out", "…forget about jQuery. It isn't good for anything anymore", "jQuery hasn't been relevant for years in my opinion, it's best to avoid a "career" that requires it"! Now, I think it's fair to say: poppycock. But poppyco

この記事には、 ・グラビアでの露出問題 ・私が体験した枕営業詐欺 ・被害に合わないために という内容が書いてあります。 初めて、自分が実際に体験した「枕営業」について書きました。 今回初めて公開する内容だということ、反応が怖いという思いも正直あり、有料記事ということにさせていただきました。 ※12月22日、もっとたくさんの方に読んでいただきたく、期間限定で無料にしました。いつまで無料かは未定です。 よくグラビアアイドルが暴露する枕営業の記事は見ますが、大抵書いているのは本人のことではないですよね。 「私はやっていませんが、友達のアイドルが」 という文章を見かけます。 私は、他人のことは書いていません。 人様のことを話すのはあまり好きじゃないし、今回Twitterで話題になっている＃metooというハッシュタグを見て思うことがあったので記事にしました。なので私が私のことを書かなければ意味がな

こんにちは、 UXデザイナーの @yuh_iw です。 この記事は NTTコミュニケーションズ Advent Calendar 2017 の23日目です。 すべては最高の体験のために 弊社では、ようやく社内にUXデザインという言葉が浸透し始めていますが、 実態はUIと共に語られることが多いです。（実際は違うよ） とはいえ今回はUIを作るために私達がいつも行っていることについて記載します。 どうやってUIを作っていくのがよいか とにもかくにも、ユーザーに対する検証と学習をくり返すことです。 最高のUI=カッコイイUIではありません。アーティスティックなUIでもありません。 UIにはユーザーがいるので、ユーザーが使いやすいと思わなければならないのです。 そのために、使ってくれそうな人に、検証していく必要があります。 検証するためにはいくつか方法がありますが、 本稿ではUIプロトタイピングを行う