はじめまして、アニメイトラボのフロントエンドエンジニア id:koharusugiura です。 今回は XPathについて書きたいと思います。 HTML 文書から任意の要素を取得する際、多くの場合 jQuery や Selectors API などでセレクターを使いますよね? セレクターは細かい条件の指定はできませんが、簡単に要素が取得でます。しかし細かい条件によって要素の取得を行うことができません。 細かい条件で要素の取得を行う場合は、XPath を使うことで開発が捗ります。 XPathはセレクターよりも少々複雑な仕様となっていますので、まずは比較をしながらご説明したいと思います。 この記事は animateLAB Advent Calendar 2015 23 日目の記事です。 qiita.com ※ この記事でサンプルとして記載しているコードは特筆のない限り ECMAScript

TL;DR 今年のiPhoneのハードウェア面のウリは3D Touch Peek & Popはとても簡単に実装できる Peekで見せるViewはPopで表示されるViewと同じである必要はないので、専用のViewControllerを用意するとUXの向上が期待できる、はず どうも、こんにちは。iOS大好き monoqlo（ものくろ） です。 2015年を振り返ってみると、ここ数年噂されていたApple Watchが発売されたり、iOSベースのtvOSを搭載した第4世代Apple TVが登場したり、Swiftも予定通りオープンソース化されました。 Appleが仕込んできた新しいプロダクトやツールが次々とお披露目された印象深い年となりましたね。 さて、そんな中、毎年アップグレードされるiPhoneですが、今年の目玉のひとつは3D Touchです。 引用元：iPhone 6s - デザイン -

みなさん初めまして。アニメイトラボのエンジニアtantanと申します。 この度2015年アドベントカレンダーの18日目を担当させていただくにあたり、Twitterやドワンゴでも使われたりしていて最近何かと話題の「scala」についてお話させていただきます。 qiita.com scalaやplay frameworkの説明についてはwikipediaや他の先達にお任せするとして、わたしからは、tsql補完子を使ったmysql接続の基本についてお伝えさせていただきます。 tsql補完子について tsql補完子とはslickが提供する機能の一つで、scala上で直接SQLを記述するために用いられます。tsql補完子には下記のような特徴があります。 SQL内に直接変数を記述することが可能で、記述された変数はエスケープされる SQLインジェクション攻撃を未然に防ぐことができる プレースホルダに値を

はじめまして！ アニメイトラボのサーバーサイドエンジニアの@MacoTasuです！ 本日で入社から二週間に経ちました！めでたい🙏 はじめての執筆ということもあり、前職での知見について書きたいと思います。自分が実際に前職でChatOpsを使った経験で、導入の経緯、良かったことなどについて書きたいと思います。 この記事はanimateLab AdventCalender2015の17日目です。 qiita.com ChatOpsとは ChatOpsとは、チャット上で何か特定の発言をしてそれに応じて特定のオペレーションを実行する方法です。 例えば、SlackのBotにメッセージを投げるだけで、データを取り込むなどですね。 ※イメージ図 ChatOpsをなぜ導入したのか 開発の規模が少人数のときは、すべてエンジニアが温かみある手作業で開発サーバーへのデータの取り込みやデプロイなどを行っていました

はじめまして、アニメイトラボのフロントエンドエンジニア id:koharusugiura です。 フロントエンドエンジニアとして働いていると、いかにサーバーサイドに負担を掛けずに処理を行うかについて考えることも多いと思います。 そこで今回は、サーバーに画像の転送を行う前にクライアント側で画像加工をする話について書きます。 この記事は animateLAB Advent Calendar 2015 15 日目の記事です。 qiita.com JavaScript で画像処理を行う ウェブアプリケーションで画像ファイルの加工が要件にある場合、サーバー側で画像加工を処理するケースが大半だと思います。 しかし、データ通信のことを考えると、最適な考え方とは言えない気がしています。 近年、日本のインターネット回線の速度は大きく向上しているとはいえ、モバイルデータ回線はまだまだ速度的に完璧とは言えません

CTOの小芝です。 去る2015年12月7日(月)・8日(火)・9日(水)の3日間、京都で開催されたIVS CTO Night & Dayに参加してきました。 界隈の技術トップが多く集う本イベントはやはり、学ぶことが多く。まだ消化できていないことが大半ですが、CTOとして担うべき「重要な仕事」が理解できた気がしているので、お伝えさせていただければと思います。 この記事はanimateLAB Advent Calendar 2015 14日目の記事です。 IVS CTO Night & Dayとは インフィニティ・ベンチャーズとアマゾン データ サービスジャパンが共催する本イベントは、 Webサイトでは概要について、このように説明されています。 IVS CTO Night & Dayは、CTO及び技術責任者のためカンファレンスです。 CTO同士によるディスカッションや事例共有、交流により業務

この記事はanimateLAB Advent Calendar2015 7日目の記事です。 はじめまして。アニメイトラボに11月からWeb/アプリエンジニアとしてジョインしましたかんがー（@KangalMi）と申します。 新卒で入社した会社から非公開なWebAPIとiOS/Androidアプリの開発を行ってきました。 現在はアニマートのWeb側をメインに担当をしています。 今回は、僕がWebAPIを開発・運用する中で失敗したことをお伝えします。 エラーコードの上手な表現方法 自分が開発したものではエラーの表現を下のような形で常に返却していました。 "meta": { "status": 500, "message": "ユーザーの作成に失敗しました。" } 上記はmeta以下にエラー関連の情報をエンベロープで包み、statusはHTTPステータスコードに準拠したコードを、messageには

Mackerelを使い始めました CTO 小芝です。この記事はanimateLAB Advent Calendar 2015 2日目の記事です。 先日、"エンジニアをワクワクさせる「直感的サーバ監視サービス」 "Mackerelを数十台のホストに一斉導入しました。 既存サービスで外部に任せていたシステム運用をインハウス化し、運用クオリティを自分たちで高めていくための取り組みの一つです。 Mackerelとは 株式会社はてなが開発・運営しているサーバ監視サービスです。 mackerel.io このような特徴がWebサイトに書かれています。 *1 経緯 アニメイトラボでは今年の夏よりエンジニアを積極採用し、当初1名だったのですが現在では総勢10人でチームを組んで新サービスの開発に邁進しています。 それと並行して、既存サービスでは外部委託されていたシステム運用をインハウス化し、ビジネス面、開発面

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

全文検索エンジンElasticsearchは、ビッグデータ分析や可視化の分野で世界的に利用されているプロダクトだ。このほど、オープンソースプロジェクトとしてこのElasticsearchを開発した技術者であり、運営するElastic社（本社オランダ）のCTOであるShay Banon氏が来日を果たした。 Elastic社の製品は、ElasticseachやkibanaといったOSSから有償サービスまでを含めると、全世界で3000万件以上のダウンロード数を誇るという（2015年7月時点）。これらの製品群を支えている技術者約130人、社員約250人は世界各地に散らばり、リモートでプロジェクトにあたっている。 また、開発トップであるBanon氏は、世界中のユーザーから四六時中寄せられる問い合わせほぼ全てに自ら目を通すなど、桁外れのハードワーカーとしても知られる。 弊誌は今回、このBanon氏に単

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

2015.07.15 スキル できることならば即戦力のエンジニアを採用したいのはどの企業も同じだろうが、エンジニア不足が叫ばれて久しいWeb業界。そうは問屋が卸さないというのが正直なところである。即戦力が採用できなければ、育てるしかない。では、どうやって育てればよいのだろうか？ 現在BASEのCTOとして活躍し、エンジニア養成学校『ジーズアカデミー TOKYO』のメンターとしてエンジニア育成にもかかわるえふしん氏と、業界の酸いも甘いも知り尽くす村上福之氏に、新人エンジニアの育成に必要なものが何なのかを尋ねてみた。 藤川真一（えふしん） FA装置メーカー、Web制作のベンチャーを経て、2006年にGMOペパボへ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。201

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

2015.07.08 スキル 大企業からスタートアップまで。BtoBサービスからエンターテインメントまで。日々取材をしていて、いまや人工知能という言葉を聞かない日はない。過去2度のブームと冬の時代を繰り返してきた人工知能研究に、3度目の春が訪れている。 その主役は「ディープラーニング」と呼ばれる新しい機械学習の手法だ。 2012年に行われた画像認識技術を競う世界的なコンペティション「ILSVRC」で、トロント大学の研究チームがこの技術を用いて、それまでの常識を覆す圧勝を記録。同じ年に発表された有名な「Googleのネコ認識」と呼ばれる研究も、ディープラーニングを用いたものだった。 東京大学大学院工学系研究科・准教授の松尾豊氏も、まだ「ディープラーニング」という名前がなかったころからこの技術に注目し、研究を続けてきていた。松尾氏は著書『人工知能は人間を超えるか』の中で、ディープラーニングを「