追記: 2018年度の募集要項がオープンしたようです! mercan.mercari.com 機械学習エンジニア(以下ML)コースに行ってました． 3行まとめ 成果を残す姿勢がすごい メンバーがみんな強い 待遇もいい 参加まで メルカリでは，長期インターンという形でのインターンシップの受け入れを通年で行なっています． 今回，サマーインターンという枠組みで募集をしたのは会社として初めてのケースだそうで，今回の参加者が1期生でした． MLコースでは，軽いESの提出に始まり． 事前課題 -> エンジニア面接 -> PM面接という順番で選考が進みました． 事前課題 事前課題はソフトウェアエンジニア(以下SW)コースとMLコースで異なる事前課題を提出する必要がありました． mlコースではいわゆるkaggleのような形で，機械学習に関する知識や技能が求められるような課題でした． 口外するなと言われてい

If this is your domain name you must renew it immediately before it is deleted and permanently removed from your account. To renew this domain name visit NameBright.com

いまさらですがReact（react.js）をはじめてみました。 Virtual DOMばかりが話題にあがるReactですが、それにとらわれていると理解が進まない、と言うかReactで理解しなければならないのはVirtual DOMではないことがわかりました。 Reactについての良い資料はすでにたくさんありますので、末尾に参考資料としてあげています。 このエントリは自分がReactのチュートリアルをなぞりながら書いた自分用のメモですが「1エントリで概要をちゃちゃっと理解したい」という方に役に立ったら良いな、とも思っています。 Reactチュートリアル http://facebook.github.io/react/docs/tutorial.html 基本 JavaScriptで書かれたライブラリ。react.jsをインクルードして使う。 （MVCで言うところの）Viewのみを担当する。

柴田: 今回の「しば談」は、CyberAgent Ventures（以下、CAV）の竹川祐也さんにお越しいただきました。まずは最初に自己紹介をお願いします。 竹川祐也さん（以下、敬称略）: CAVは、アジアを中心に8カ国、11拠点で、主にシード、アーリーステージに投資をしているベンチャーキャピタルで、親会社はサイバーエージェントになります。グローバルで約30名のメンバーが所属していまして、日本以外はアメリカが1拠点、中国が3拠点、台湾、韓国、インドネシア、ベトナムが2拠点、そしてタイで展開しています。基本的に現地のメンバーがローカルの起業家に投資をしています。国内はキャピタリストが、役員を入れて6名です。その中で私自身はシード・ジェネレーター・ファンドというファンドを通してシード投資の責任者をやらせていただいています。 証券会社、人材会社、ベンチャーCFOを経てベンチャーキャピタルへ柴田:

Reactとは――その3つの特徴 「React」はFacebookが公開している、ユーザーインタフェース（以下、UI）を効率的に構築することを目的としたWebフロントエンドフレームワーク（JavaScriptライブラリ）です。 Reactには、次のような特徴があります。 シンプル Reactを使ってUIを実装すると、「アプリケーションがどのように見えるか」を単純に表現できます。 叙述的 コンポーネントの状態がReactによって管理され、データに変更があるときには更新の必要があるコンポーネントだけ更新されるようになります。そのため、効率的にレンダリングさせることができます。 コンポーネントベース 「状態」の管理がカプセル化されたコンポーネントを使って、複雑なUIを構築することができます。コンポーネントの組み合わせでアプリケーションを構築することにより、コードの再利用やテストなどを実施しやすく

はじめに 初心者による初心者のための記事 React.js公式チュートリアルの和訳風 ES6 さらっと仮想DOM調べてみたよ、ぐらいの人向けです。 JavaScript初心者、ES6初心者、React初心者向けかつ僕がそうです。 なので間違いがあるかもしれません。見つけたら教えて下さい。 公式のチュートリアルはこちらです。 React Tutorial React チュートリアル (和訳) 公式Documentのソース (Markdown) 環境 Mac OSX Node.js v0.12.7 Gulp 3.9.0 React 0.13.3 作るもの 公式のTutorialに沿って、シンプルなコメントボックスをReactで作成します。 次の機能を提供するものです。 すべてのコメントの表示機能 コメント投稿フォーム バックエンドサーバーとの連携 また、次の特徴を持っています。 更新最適化:

はじめに この記事はReactの実装をしたことがない人、JSというとjQueryくらいしかやったことがない人でも理解出来るような内容です。 Reactをはじめるというとチュートリアルからはじめるのが基本かと思いますが、チュートリアルよりミニマムにReactってどんなの？というものを実際に実装して感じようというのが目的です。 ただし、npmはインストール済みが前提なのでnpmの準備は各自お願いします。 この記事ではReactの概念よりも実装を重要視します。なぜReactが良いのか等は他記事に譲らせて頂きます。 Reactを使うとなぜjQueryが要らなくなるのか なぜ仮想DOMという概念が俺達の魂を震えさせるのか 簡単に説明すると、ReactはVirtual DOM (仮想DOM)という概念がキーポイントになり、それによって設計面、速度面に利点があります。特徴としてコンポーネントbaseのU

【2016/12/17 追記】 React（flux）を使ったブログエンジンを開発しました！ 何か参考になれば嬉しいです！ Notee https://github.com/funaota/notee 最近React.jsを始めた新米javascripterです！ こんな感じで作ってきました。 【rails/非同期】js初心者がいいね機能をReact.jsで実装してみた。その① http://qiita.com/funao/items/60aa3d7e36cf93e0d832 【rails/非同期】js初心者がコメント機能をReact.jsで実装してみた。その① http://qiita.com/funao/items/55a91ff1732b9c825630 ただ、Fluxがまだいまいちピンときてなかったので、今回しっかり勉強してみました。そのときに役に立った記事をまとめました。 役に立

はじめに React（通称 React.js1）を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。 「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。 以降では ES2015 (ES6) の文法（アロー関数とか）を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。 以下の説明中、このアイコンで表すのは（2023 年現在から見た）『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事

JavaScriptのリファレンスといえばMDNですよね。 JavaScriptで調べものをする際に、真っ先に見る方も多いでしょう。 そんなMDNですが読めていますか？ 例えばArrayのページを見てみましょう。 さらっと書かれているprototype JavaScriptを理解するにはプロトタイプチェーンを知る必要がある 本記事の目的 プロトタイプチェーンを理解する MDNをより読めるようにする JavaScriptのObjectやArrayなどの基本型の構造を理解する 確認環境や記述について Chrome 52のコンソールで動作確認 ES5で記述 説明のしやすさを重視、プロトタイプをあらわすのに__proto__を使って記述 まずはオブジェクトについてみていく シンプルなオブジェクトを作る

JavaScriptにおける、ECMAScript6についてのまとめの前編です。またこの記事では、実践で使える情報のみまとめています。網羅的にすべてをまとめている情報ではありません。 基本構文の続き、アロー関数やPromiseはこちらの記事で。 ECMAScript6のアロー関数とPromiseまとめ - JavaScript 技術情報のみつぶやくアカウント作成しました。ECMAScript6などの最新情報も追っていきます。 Twitter: @takeharumikami RSSはこちら Feedly: Feedlyをフォロー RSS: http://qiita.com/takeharu/feed letによるブロックスコープ JavaScriptの他言語との違いで、悩めるポイントとしてスコープの範囲があります。ECMAscript6から、let命令により関数スコープではなく、ブロックス

目的 JavaScriptのオブジェクトの基礎的な概念などについて整理します（すぐ忘れちゃうから） オブジェクト指向とか、継承とか、クロージャーとかの詳しい話はしません（できません） 最初から用意されているメソッドの詳しい説明とかもしません 【追記】基本的に ES5 時代の話です。ES2015 以降では変わっているところもあると思います。 関数はオブジェクト 普通の関数定義はこんな感じ。

はじめに 今更ですが、ES2015(ES6)で追加された機能や構文に関する備忘録です。 「JSは書けるけどES2015(ES6)はわからないっす...!」といった人達向けの記事です。 入門記事のためイテレータやジェネレータ等のわかりづらかったり、 説明が長くなりそうな機能や構文は割愛しております。 ES2015(ES6)とは ECMASCriptの6th Editionのこと。ECMAScript 6th editionの6を取ってES6と呼ばれていたが、 2015年に標準化されたため正式名称はES2015になった。 正式名称がES2015ならES6という名称を使うのは間違いなのか どちらの名称でも問題はない。 ES6の名称の方がエンジニアコミュニティに中では浸透しているらしく、ES6と記載されていることが多い。 詳細は以下を参考。 ES6 or ES2015 ? 〜WEB+DB PRES

日々の仕事の中で役に立つES2015（ES6）のティップス、コツ、ベストプラクティス、プログラムの見本をご紹介します。コントリビューション歓迎です！ 目次 var vs. let / const IIFEからブロックベースへ アロー関数 文字列 デストラクチャリング モジュール パラメータ クラス シンボル マップ WeakMaps Promises ジェネレータ Async/Await var vs. let / const var の他に、値を格納する let と const という識別子が新たに追加されました。 var とは異なって、 let と const はクロージャのスコープ内で最初に記述されることはありません。 var の使用例です。 var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack

ブロックチェーン技術のポータルサイト。ビジネスに関する記事や技術メモ、最新のSNSでシェアされたニュースも見ることができます。 前提知識 基本的なインターネットのネットワークの知識 基本的なプログラミングの知識 Bitcoin関連の技術的基礎知識 ブロックチェイン Proof of Work 上記、知っていることとする。 Ethereum とは? 公式サイトでの表現は「次世代のスマートコントラクトと非中央集権型アプリケーションのプラットフォーム」 上記の説明だと、スマートコントラクトとDApp(非中央集権型アプリケーション)とは何かがわからないと思いますが、一言で言うと Ethereumは、ブロックチェーン上でアプリケーションを配置し、実行できるプラットフォームです。 大雑把に ブロックチェーンの上で動くプラットフォーム(プロトコル) スマートコントラクトを実行基盤 独自Blockchai