プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
こんにちは、ウェブ開発担当の谷口です。 皆さん、テストは好きですか?私はテストよりコードを書くほうが好きなので、いつも自動でテストが回っていればいいなと考えています。そんな人間のために、Selenium や CasperJS 等、世の中には自動でウェブアプリケーションのテストを実行してくれるツールが存在します。特に Selenium は CasperJS と比べクロスブラウザにも対応しており、利用者が多く、情報もネット上にたくさんあるため他に比べて取っつきやすいものとなっています。 ですが、Selenium を使った自動テストの運用がうまく回っているという話はあまり聞きません。今回は、Selenium を使った自動テストがうまくいかない原因と、その対策の一例を共有したいと思います。 そもそも Selenium とは ウェブブラウザを使ってウェブアプリケーションをテストするツールです。現在も
Goodpatchは、2012年12月より、ブレインパッド社のRtoasterという「Webプラットフォーム/レコメンデーションエンジン」のUI設計、デザイン制作、フロントエンド開発に携わっています。このたびリニューアルが完了したこともあり、プロジェクト中のワークフローやユーザーインタビュー、使用したフレームワークなどについて、当時を振り返りながらお話を伺わせていただきました。 今回インタビューを受けてくださった会社 株式会社ブレインパッド ブレインパッド社は、2004年の創業以来「ビッグデータ」という言葉が世の中に広まる前から、大量データの分析を通じてクライアント企業の意思決定支援に取り組んでいます。現在、金融・小売・メーカー・サービスをはじめとする多数のクライアント企業に対し、データ分析およびその関連サービスのパイオニア企業として、分析業務支援からデータ活用のためのソリューション提供ま
こんにちは、川田です。今日からHTML5 Experts.jpでは「エンタープライズ開発特集」を始めます。第一弾の今回は、HTML5とエンタープライズITについてのオーバービューを語ります。サーバサイドのお話はわりとよく見ますが、フロントエンドにフォーカスしているというのは珍しいようにも思えますね。 IT自体が幅広い分野のビジネスや製品に変わりつつある昨今、「エンタープライズITの話をするぞ!」と言うと、いろんな方面の人からこう問われます。 「そもそも、エンタープライズって何?」 エンタープライズ、正式には「エンタープライズシステム」になりますが、直訳すれば「企業向けシステム」。一言で言うなら「企業のビジネスを支えるための仕組み」を意味します。企業の業務の効率化を進めたり、経営戦略や問題解決を進めるためのワークプロセス(仕事の進め方)と道具(アプリやインフラ)のことです。 エンタープライズ
元ネタ:JavaScriptはいかにしてprototypeを捨てクラスベース継承を得るのか - なんたらノート第三期ベータ なんか色々突っ込みたかったので。 この人はプロトタイプチェーンでクラスベースの言語と同じことをやろうとしているのかな。 プロトタイプチェーンは、ただの道具 npm にあるほとんどのライブラリがチェーンを活かして作られてない理由が説明できない。 プロトタイプチェーンは、それ自体ただの道具です。ほとんどのライブラリで使われないと有用ではない、なんてことはないはずです。 そもそも、プロトタイプチェーンの仕組みは結構利用されています。気づいていないだけ、じゃないですかね。 メソッドとそれ以外のプロパティ ちょっとまって、JavaScript のプロトタイプチェーンの教科書でこの、n という初期化パラメータを持つオブジェクトの継承はどういうふうに実装したっけ?? プロトタイプチ
2014/8/20 potatotips 8 at Retty
プログラミングが出来る人間からみると、プログラミングが出来ない人の理由は単純に「ちゃんと勉強しないからだ」ということになる。 たしかに、自分達が歩んできた過程は、SDKやIDEの設定を行ってコンピュータの開発環境を整え、全く意味不明なアルファベットを打ち込んで、ウェブサイトや本で言われたとおりの表示が出ることを確認して、また次のステップをやってみて、という「地味で地道な(そして性格まで暗くなりそうな)」ことを繰り返して出来るようになったものなので、その過程から逃れているからプログラミングが出来ないんだろ、というのはごく自然に思う。 このため、プログラミングを教えようというときに、地味で地道で性格が暗くなってハゲて死にそうな学習過程の苦しみを、いかに和らげられるかという試みは数多くなされている。codecademyやRails for zombiles: code schoolなど、ゲーミフ
Git使ってます?Git。 覚えなくちゃなあ…でもあれ正直よくわかんないんだよなあ…。そんなデザイナー結構いるんじゃないかと思いますが(いてくれ!)いかがでしょうか。 一応、ご存じない方のために概要を抜粋。 Git(ギットまたはジット)は、プログラムのソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムである。もとはLinuxカーネルのソースコード管理に用いるためにリーナス・トーバルズによって開発され、それ以降ほかの多くのプロジェクトで採用されている。Linuxカーネルのような巨大プロジェクトにも対応できるように、動作速度に重点が置かれている。現在のメンテナンスは濱野純 (Junio C Hamano) が担当している。 Wikipediaより つまりGitとは、コードや画像の修正・変更ごとにファイルの状態を記録し、それぞれのバージョンを管理することができるシステム
午前3時から NLP(自然言語処理)若手の会シンポジウム・情報処理学会自然言語処理研究会関係の仕事を黙々とする。大学運営関係のお仕事は9月中旬までないので、いまのうちに溜まった仕事を片付け、9月の準備をしておき、10月以降に備えたい(授業が週3コマある)。 (2014-08-21 追記)タイトルだけ見て反応する人が多いので、よくあるコメントについて冒頭で説明しておく。 「最近の若い者はなっとらん」と言っているだけで、教育もしていないなら当然。→8月20日に追記したが、教員なので教育するのが仕事の一部であり、研究室に配属された学生は最初週20時間(1個2時間×10個)の勉強会に出てもらい、それぞれ合計すると演習を解いたりするのに週20時間かかるようなので、合計週40時間基礎勉強に使ってもらっている。(参考: 研究室の勉強会のスケジュール) 必要性がないとやらないのでは?→世の中の99%の人に
2014年7月30日より開催中のpaizaオンラインハッカソン(略してPOH![ポー!])Lite「天才火消しエンジニア霧島 もしPMおじさんが『丸投げ』を覚えたら」ですが、たくさんのご参加ありがとうございます。引き続き開催中ですので、まだチャレンジしていない方は是非チャレンジください。 今回の物語では、主人公霧島京子の発注元にあたる1次請けSIerのPM火村氏に、いかにアホなコードを書かせるかという事で色々悩んだのですが、ネタとしては面白いが可読性が悪すぎてヒントにならないという事でお蔵入りしたコードを紹介ます。 ■しょうもなさ過ぎてお蔵入りに… 今回は、これまでのオンラインハッカソンVol.1、Vol.2よりも難易度を下げて、より参加しやすい形を目指して、タイトルもPOH Liteとしました。物語の中で提示される元受PMの火村氏が書いたコードを読めば「愚直な解き方はある程度分かる」とい
複雑なアプリケーションではロギング、 トレーシング 、メトリクスといったサポートの機能により、関数にすぐ負荷がかかってしまいます。これらのコードブロックはあらゆるコードベース上でそれぞれ少し変形して繰り返し使用されるのですが、これを 横断的関心事(cross-cutting concerns) と言います。 アスペクト指向プログラミング (AOP)は、アスペクトと呼ばれるモジュール内にコードブロックを引き入れて、 関心の分離 (separation of concerns)を手助けします。 AOPの実装 Phoneクラス ^(1) 不自然な例だというのは承知の上で、 dial メソッド1つを使って簡単なPhoneクラスを構築してみました。 function Phone() {}; Phone.prototype.dial = function (friend) { var start =
Linuxコンテナを使った仮想化ソフトウェアDocker。興味はありつつも、実際の運用の中で活かす機会は意外と多くないのではないでしょうか。さらに1.0となったとは言え、実運用のサーバの中で活用していくというのは勇気が出ないかも知れません。 そこで今回はあくまでも開発の部署内だけでDockerを使っていくという方法を提案したいと思います。Dockerのメリットの一つ、外部の人たちが作ってくれているコンテナを使ってサービスを立ち上げてみましょう。今回は特にエンジニアがよく使いそうなソフトウェアにフォーカスを当てています。 必要なもの さくらのクラウドのアカウント さくらのクラウドトップページ アカウントはさくらのクラウドトップページから作成できます。 クラウドサーバを追加する サーバ追加画面 管理画面に入りましたら、サーバの追加を選択します。追加画面では、サーバの名前、メモリ数、ディスクプラ
昨夜、渋谷ヒカリエで行われた東京Node学園 14時限目で、トップバッターとして発表してきました。 発表内容は、「Synth」というWebアプリケーションフレームワークについてです。 Tokyo Otaku Modeでは、バックエンドとしてNode.jsとMongoDBを使っていてExpressで運用していますが、色んなフレームワークも触っていてSynthもそのうちの一つです。 SynthはInfoQの「APIファーストのWebフレームワークSynthを巡るコミュニティの困惑」という日本語版記事が出て初めて知った人が多いと思います。 記事にもあるとおり、JSONやテンプレートHTMLを返すAPIとそれを使ってクライアント側でアプリケーションを構築するという形に特化したAPIファーストのWebアプリケーションフレームワークです。 ちょうど上記の記事が出た頃、天下一クライアントサイドJS MV
いつもランサーズをご利用いただきまして、誠にありがとうございます。ユーザー様のブログ記事およびtwitter等において、ランサーズ上でキャンセルした提案のデザインの無断利用についてご指摘を頂きました。現状行っている弊社の対応及び今後の対応等についてご説明をさせて頂きます。 いつもランサーズをご利用いただきまして、誠にありがとうございます。 ユーザー様のブログ記事およびtwitter等において、ランサーズ上でキャンセルした提案のデザインの無断利用についてご指摘を頂きました。弊社としても、大変遺憾な事態であり早急かつ厳正に事実確認を行い、対応させて頂きます。対応内容についても随時、こちらのお知らせにおいてご報告を致します。 当該ユーザー様を含め、ランサーズをご利用いただいております多くのユーザー様に、多大なるご心配をおかけしたことにつきまして、心からお詫び申し上げます。 デザインを含む知
仏中部サンテニャン(Saint-Aignan)のボーバル(Beauval)動物園で飼育されている生後3か月のマナティ、マンディロ(Mandilo、2014年7月19日撮影、本文とは関係ありません)。(c)AFP/GUILLAUME SOUVANT 【8月19日 AFP】仏パリ(Paris)東郊のバンセンヌ動物園(Vincennes Zoo)は18日、マナティーのバリー(Barry)がプールの中で動けなくなり溺死したと明らかにした。 同動物園のアレクシス・レキュ(Alexis Lecu)科学ディレクターによると、バリーは3歳で、同動物園で飼育されていた2頭のマナティーのうちの1頭だった。今月11日、プールの2つの区画の間にある「水中ギャラリー」で身動きがとれなくなって死んだ。通常は扉が閉じられている場所だという。マナティーは、約10分ごとに水面から顔を出して呼吸する必要がある。 マナティーは
早稲田大学ビジネススクールの教授陣がおくる人気連載「早稲田大学ビジネススクール経営講座」。4人目にご登場頂くのは、組織行動学、人材マネジメント論がご専門の竹内規彦准教授だ。組織の中の人の問題を考える際にカギとなる「モチベーション」「目標設定」「理念浸透」の3つのキーワードを軸に、リーダーに求められる「見極める力」を計3回に渡って考える。 「モチベーション」は「やる気」と同義か 竹内規彦(たけうち・のりひこ) 早稲田大学ビジネススクール准教授 愛知県名古屋市生まれ。2003年名古屋大学大学院国際開発研究科博士課程修了。博士(学術)学位取得。東京理科大学経営学部准教授、青山学院大学大学院経営学研究科(戦略経営・知的財産権プログラム)准教授等を経て、2012年より現職。 組織行動学・人材マネジメント論を専門とし、国内外の主要学会にてベストペーパーアワード等を多数受賞。米国Association
プロジェクトごとにRailsのScaffoldみたいなコードジェネレータがほしいけど、作るのが手間。 なのでできるだけ手間がかからないコードジェネレータジェネレータ書いてみた。 mizchi/summon まだnpmに登録してないので npm install -g mizchi/summon で入れる。 # 初期化 $ summon init > init .generators # foo ジェネレータを生成 $ summon generator foo > generate generator generate /Users/mizchi/proj/summon/.generators/foo/generator.coffee generate /Users/mizchi/proj/summon/.generators/foo/foo.json.hbs # foo ジェネレーターを使う
1分――デスクトップ仮想化/VDIの概要と歴史 デスクトップ仮想化とは、クライアントPCのデスクトップ環境をサーバー上で稼働させる仕組みです。「クライアント仮想化」や「VDI(Virtual Desktop Infrastructure)」と呼ばれることもあります。 デスクトップ仮想化を使うと、クライアントPCの環境を別のPCやタブレット端末に映し出せるので、いつでもどこでもデスクトップ環境を実行できる利便性の高さに注目が集まっています。 デスクトップ仮想化技術は2008年ごろから存在していますが、近年この技術を支えるサーバー/ネットワークの技術が大幅に進展したことにより、投資対効果の高い技術として急速に普及しています。 シンクライアントとデスクトップ仮想化の違い デスクトップ仮想化が登場する以前のシンクライアントは、Windows Serverの標準機能を利用したターミナルサービス方式が
HTML5の時代となり、フロントエンドの重要性が増してきています。業務システムにおいても、HTML5を本格的に適用する事例が増えてきました。このような環境において、バックエンドを含めた次世代アーキテクチャのベストプラクティスを模索するというのが本記事の趣旨です。 本記事では、HTML5時代におけるアーキテクチャの概要を提示した上で、アーキテクチャ実装の具体例として、「OData+UIフレームワーク」を採用した事例を紹介します。その上で、このアーキテクチャを採用した場合のメリットと、今後の課題について記述していきます。 HTML5時代における業務システムアーキテクチャのポイントとは 業務システムにおけるHTML5化の流れについては、「JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例」にて、エキスパートの佐川夫美雄さんが語っているように、HTML5時代において「J
最近、こういう事例が増えてます ネイティブゲームアプリもグリグリアニメーションする昨今 🐤俺らもブラウザゲームの限界を目指そうぜ! 🐤盛るぜー盛るぜーー超盛るぜーー 数ヶ月後… 🐤来月リリースだけどカクカクします助けてーー 🐲きさまら何度やったらわかるんだ…そこに正座しろ…(ゴゴゴゴゴ) #こうですか?— コラーゲンたっぷりさん (@uupaa) 2014, 8月 19 🐲なぜ作ってる途中で実機で動作確認をしなかったんですか? 🐤え、あの、CreateJS なら大丈夫かとおもって… 確認してませんでした 🐲(イラッイラッ #こうですか— コラーゲンたっぷりさん (@uupaa) 2014, 8月 19 🐲(はぁ…)とりあえず実機動作とコードを見たいので開発サーバ名やログインする為の情報ください …2日後… 🐤…これで💦 🐲…動かない…あとminify解除してない状態な
きっかけは、prototype と constructor と __proto__ の関係を再確認していたときでした。JavaScriptはこうだけど、これって、AltJSな言語の継承はどうなってるんだろうと思って試したくなりました。 ちょっと気持ち的に、なんだか宗教に入ったみたいに俺は JavaScript がわかったって声高に言う人、だいたいみんな、プロトタイプチェーンによる移譲がクラスベースの継承に束縛されていた思考のブレイクスルーなんだぜ、みたいに言うんだけど、いったいそれがどれほど素晴らしいものなんだろうと考えてしまい... もしプロトタイプチェーンがそんなに素晴らしいんなら、npm にあるほとんどのライブラリがチェーンを活かして作られてない理由が説明できない。もしかしたら、仕組みがいくら面白くても、実際のメンタルモデルにフィットせず、実は使い物にならないんじゃないか ----
米Twitterは、最近一部のユーザーでテストしていたタイムラインへのフォロー相手のツイート以外のコンテンツ表示を正式機能にした。同社の関連するヘルプページに8月19日(現地時間)、新たな項目が加わったことを米Quartzなどが伝えた。 日本語のヘルプページには本稿執筆現在、まだ新項目が追加されていないが、米国版では2項目目として「さらに、あなたがフォローした方がいいアカウントのツイートや、人気があったりあなたに関連性が高いとTwitterが判断したツイートを、あなたのタイムラインに追加します。つまり、あなたがフォローしていないアカウントのツイートが表示されるということです。Twitterはタイムラインに表示するツイートを、ツイートの人気やあなたのネットワーク内での扱いを含むさまざまな要素に基いて選択します。その目的は、あなたのタイムラインをさらに関連性を高く、興味深いものにすることです」
デキるプログラマだけが知っているコードレビュー7つの秘訣 7つの秘訣の1〜5は本当にそのとおりだと思います。 「怒り」って言葉を使っているところはなかなか画期的だと感じた。というのも僕は前から「人格攻撃に思われて」しまうような、コードで人を殴るようなことをしてしまう人が出てきてしまうのは何故かということを考えた時に、そこには「コードに対する怒り」があるからだろうなと思っていたからである。怒りがあるからこそ強く指摘しすぎてしまうことが起こりうる。 「怒り」というのはつまり「感情」である。であれば、「その『怒り』はコードに向けられたものであり、書いた人に対してのものではないので、その人に対しての攻撃ではない」というのは、理屈ではかろうじて通るかもしれないが、書いた人の「感情」的には通らないこともあることは理解したほうが良いと思う。 じゃあ怒らなければ良い、という話にはしたくなくて、どうしても怒
美雲このはとは? 座敷童子一族の末裔として生まれ、栃木の由緒正しい某神社で暮らしていたんだけど、昔からのしきたりで一人前の座敷童子になるため東京で修行を開始! 紆余曲折あって、ConoHaの応援団長に就任することになりConoHaを使っているみんなを応援するとともに、このはも一人前の座敷童子ではなく、「神様」になるために日々頑張っているよ! プロフィール 名前:美雲 このは (みくも このは) 年齢:年齢という概念はないが、人間でいうと13歳くらい? 身長:150cm+α 体重:ひみつ 長所:勉強熱心・わりと機転がきく 短所:いじわると勘違いされる振る舞いをしがち 好きなこと:アニメを見たりゲームしながらのごろごろ
はじめに 本番はELBへのアクセスをHTTPS通信を行い、開発等では通常のHTTPで構築をすると言ったケースもあるかと思います。 そういった場合においてELBからアプリケーションへの転送をHTTPとして構築した場合、 アプリケーションをELB配下に持っていた際にも動く事を意識して開発を進める必要が有ります。 ただ、そういったケースにおいて、アプリケーションを実装を確認するにはどうすればよいでしょうか。 AWSを用いて環境を立ち上げるのも手ですが、 確認したいのはELB配下にHTTPで通信を待っているアプリの挙動を確認するといった際に、 ちょっと大げさな話になってしまいます。 そういったケースにおいて手元で確認したいと言った際に、以下の方法で試す事が可能です。 ELB配下のアプリケーションはELBにきたHTTPSアクセスを認識することができるのか? ELBのフロントエンドをHTTPSとしバッ
【サイボウズ式編集部より】この「ブロガーズ・コラム」は、著名ブロガーをサイボウズの外部から招いて、チームワークに関するコラムを執筆いただいています。今回は「脱社畜ブログ」管理人の日野瑛太郎さんによる「意味のない会議とチームで成果を出すための会議の違い」について。 突然ですが、あなたのチームの「会議」はうまくいっていますか? ここで自信を持って「うちのチームの会議はうまくいっている」と答えられる人は、おそらくあまりいないのではないかと思います。 「長い時間をかけて話し合っている割には何も決まらない」「いつも話が脱線して、時間ばかりかかって困る」「そもそも、なんで会議をしているのかすらよくわからない」などなど、会議にまつわる悩みはよく耳にします。 人が複数集まって働くのであれば、程度の差はあれどうしても「話し合い」の場は必要になります。基本的に、チームと会議は無縁ではいられません。 そしてよい
mozaic.fm第7話のRESTの話で、RESTが日本で広く受け入れられていった頃、というか、その端緒の頃の話が出ていて懐かしかったのだし、細部にやや不正確なところがあるのが気になったりもしたので、補足を書いておきますね。 まず、いわずとしれた@yoheiさんがRESTをまず知ったのが2003年とかそれぐらいの時期とおっしゃっていて、それから数年経ち、RESTがWebエンジニアに広く受け入れられていったのは、2007年末にリリースされ、resourcesという機能を取り入れたRails2からというのは、@t_wadaさんがおっしゃっている通り、事実だろうと思います。 また、Podcastの中では、主催のJxckさんが、それはそれと認めた上で、彼自身にとってはAjaxの登場が大きかったということを述べた上で、@yoheiさんの主催された第八回XML開発者の日での高橋征義さんとid:seco
なんちゃって vimmer (自分)。 つい先ほどこんな記事を書いたばかりなのに Your configuration generator for NeoVim and Vim - Vim Bootstrap を見つけて、どんどん拡張していってる。 最近導入した vim プラグイン をまとめる - 大学生からの Web 開発 Vim Bootstrap は 自分の使用する言語に合わせた .vimrc を提供してくれるサービス。多く使われている設定、プラグインが入ってておすすめできる。 使い方 Your configuration generator for NeoVim and Vim - Vim Bootstrap にアクセスして自分の使う言語を選択して generate する。 vimrc というファイルがダウンロードされる。 $ mv ~/Downloads/vimrc ~/.vim
2014-08-19 ランサーズで提案し、キャンセルになったデザインが使われている Web制作 GW過ぎぐらいに開始になり、いろいろとデザインを提示させていただいたのですが、クライアントさんが気に入らなかったようで「デザイナのセンスが無い」などといろいろ言われたのでお断りさせていただき、ボツデザインとしてポートフォリオに載せていたページデザインが勝手に使われているのを発見。 顔が見えない相手のサイトつくるって怖いなぁと思った今日この頃です。 こちらから「あなたの相手は無理」とお断りさせていただいたデザイン、勝手に使っていいものなんでしょうか? 会話のメールも残してありますが、「私の思い描いている色を提案しなさい」などのまるで色当てクイズで、外れると怒られるという感じでした。 webcrafts 2014-08-19 22:39 Share on Tumblr インターンシップ/OJTメンバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く