創業20年となるDeNAがオンプレミスで運用する全てのシステム基盤を、今クラウドへ移行する理由と、その3カ年計画：特集：日本型デジタルトランスフォーメーション成功への道（4）（1/2 ページ） クラウド移行の「運用管理者にとっての価値」とは何か。ひいてはビジネスにとっての価値とは何か――オンプレミスからクラウドへシステム基盤の全面移行を進めているDeNAに聞いた。 1999年に創業したディー・エヌ・エー（以下、DeNA）は、2018年の現在に至るまでの約20年の間に、オンプレミスとクラウドを使い分け、低コストで高効率なシステム基盤を構築、運用している。 数千台規模のサーバをオンプレミスの物理サーバ、KVM仮想化基盤、OpenStackによるプライベートクラウド基盤で稼働させる一方、それと同規模のコンピューティングリソースをパブリッククラウド（以下、「クラウド」はパブリッククラウドと同義）で

いろいろやってみたって、いいじゃないか――DeNA プロジェクトリーダーの「食わず嫌いしない」生き方：まだ君は間に合う！ 現役エンジニアに聞く、学生のときにやっておくべきこと（15）（1/3 ページ） 最初からターゲットを決めてまい進するのではなく、興味を持ったものは全て検討対象としてみる。開発以外の業務もあえてやってみる。ある意味「非論理的」な手法は、自らの可能性を狭めない生き方なのかもしれない。 ゆくゆくはザッカーバーグのように新たなネットサービスを企画、開発、運営してみたいと夢見ている人は多い。 そのために、今からプログラムをゴリゴリ書き、Webサービス開発の知識を磨いて……、と考えている人もいるだろう。だが、待ってほしい。それは本当に正しいアプローチなのだろうか？ 今回、お話を伺う馬場光さんは、「DeNA」入社3年目に『Anyca（エニカ）』というサービスのアイデアを出し、開発に参

もしもの世界の話ではあるが、池澤さんが実在の有名IT企業に転職するとしたら、どうなる？ エンジニアなら、誰しも興味があるのではないだろうか。 本連載は、そんな架空の設定のもと、池澤さんにさまざまなIT企業で「エンジニアとして」面接を受けてもらう。今回はその準備として「エンジニア池澤あやか」の、これまでの職務経歴の棚卸しと、面接に備えた予習をしておきたい。 アドバイスをくださるのは、「ドワンゴ」技術コミュニケーション室 室長の塩谷啓さん。エンジニアであり、エンジニアの採用や生産性向上にも携わるプロフェッショナルだ。

FacebookがGoogleの「WebP」を実験的に採用したら……ユーザーの不満噴出：帯域幅の節約と引き換えにする価値は？ 米Googleが開発したオープンソースのWeb向け画像フォーマット「WebP」をFacebookが採用したことをめぐり、ユーザーから不満が噴出しているという。 米Googleが開発したオープンソースのWeb向け画像フォーマット「WebP」をFacebookが採用したことをめぐり、ユーザーから不満が噴出しているという。 WebPは、ビデオフォーマット「WebM」のビデオ圧縮技術「VP8」を使った画像フォーマットで、Googleが2010年に発表した。JPEGに比べた圧縮率の高さが特徴で、Googleの実験によれば、WebMのファイルサイズはおおむねJPEGの70％前後になるという。 ただ、WebPをサポートしているのはまだGoogleのChromeやOperaなど一部

プルリクエスト／レビューを取り込んだ、よりシンプルなGitHub Flowの運用を図解する：Gitブランチを使いこなすgit-flow／GitHub Flow入門（終）（1/2 ページ） 数回にわたってgit-flowとGitHub Flowを使ったGitの活用テクニックを紹介します。最終回は、GitHubが採用している、git-flowよりシンプルな構成のブランチ管理フローについてです。5つの運用ルールや開発の流れを図を交えて解説します。 本連載「Gitブランチを使いこなすgit-flow／GitHub Flow入門」では、これまでgit-flowについて解説してきました。git-flowはプロダクトを厳格にリリースすることを念頭にフローが考えられていますが、プロジェクトによっては、冗長過ぎると感じることもあるかもしれません。本連載の最終回となる今回は、git-flowに比べシンプルなブ

世界制覇をもくろむLINE――ベールを脱いだプラットフォームの全体像とは：LINE Developer Conferenceまとめリポート（前編）（1/3 ページ） LINEは4月15日と17日の両日、世界初となる「LINE Developer Conference」を開催。LINEプラットフォームの全体像を明らかにした。本稿では、その中でもLINEプラットフォームを統べるChannel Gatewayとは何か、LINEビジネスコネクトの仕組みとは、インフラをどのように高速化しているのかなどについてお届けする。 キーワードは「グローバル」――LINEプラットフォームの世界展開 サービスを開始して3年足らずで登録ユーザー数4億人を突破し、さらなる成長を続けるLINE。トーク送受信件数は1日で最大100億件に達している。こうした成長を支えるために、同社はどのような技術を使ってインフラやプラット

ある仕様を利用するための網羅性の高いライブラリを用意したいとき 再利用性が高い（と思われる）プログラムをライブラリ化したいとき Webシステムを外部から利用してもらうために一部分を公開したい場合 多人数で開発する事柄で共通化させておきたい部分をまとめたい場合 ほかの言語で作られたアプリケーションをある言語で利用したいときの橋渡し用 ちなみに、JSP／Servletの世界でよく使われているStruts Frameworkは開発者のCraig McClanahan氏が休暇中に思い付いて開発したものだそうです。オレゴン州のビーチで、ラップトップに向かい、3日間の休暇中ずっとコーディングしていたそうです。 一緒に行った奥さんは機嫌が悪かったようですけど。 ここでは、作成したAPIが自分だけではなく、多くの人に使ってもらえるよう、便利に使えるポイント、広く普及するためのポイントをとらえていきましょう

社会を率いているリーダーは、いつの時代にも存在する。しかし、そのリーダーたちの顔ぶれは、毎年異なる。ここ数年、世界で注目されているリーダーの顔ぶれはどのように変化してきたのか。 社会を率いているリーダーは、いつの時代にも存在する。しかし、そのリーダーたちの顔ぶれは、毎年異なる。ここ数年、世界で注目されているリーダーの顔ぶれはどのように変化してきたのか。その移り変わりについて、漠然と想像することは可能だが、具体的に説明することは難しい。しかし、多くの活躍するリーダーの姿を間近で見てきた元日本マイクロソフト会長、現慶應義塾大学大学院メディアデザイン研究科 古川享教授は、その変化を明確に示す。 今回は、2013年11月下旬から12月初旬にかけて古川氏が登壇した2つのイベントで語られた内容を合わせてレポートする。イベントは、慶應義塾大学大学院メディアデザイン研究科が主催した講演会「メディアイノベー

連載目次 皆さんこんにちは。ネットエージェントのはせがわようすけです。今回から、HTML5やJavaScriptに関連したセキュリティの話題について連載することになりました。よろしくお願いします。 もう読みましたか？ HTML5のWebアプリセキュリティに関する報告書 皆さんすでにご存じかと思いますが、2013年10月30日にJPCERTコーディネーションセンター（以下、JPCERT/CC）から「HTML5 を利用したWebアプリケーションのセキュリティ問題に関する調査報告書」が公開されました。 この報告書の調査の一部は、弊社が行いました。また、JavaScriptのセキュリティ上の問題について次々と鋭い指摘を行っているmalaさんにもさまざまな技術的アドバイスを頂いた上、日常的にWebアプリケーションのセキュリティ検査や構築を実際の業務として行っておられる専門家の方々にも査読をお願いして

Perl技術や文化の啓蒙・促進を促す組織「JPA」は2013年11月11日、新人事を公開。2013年11月1日をもって、肥後彰秀氏と和田裕介氏が新理事に就任したと発表した。 Perl技術や文化の啓蒙・促進を促す組織「Japan Perl Association（以下、JPA）」は2013年11月11日、新人事を公開。2013年11月1日をもって、肥後彰秀氏と和田裕介氏が新理事に就任したと発表した。JPAは、Perl技術の発展を促す技術者のためのカンファレンス「YAPC::Asia（以下、YAPC）」も主催しており、今回理事となった和田氏はYAPC運営委員会の委員長にも同時に就任する。これまでのYAPCを支えてきた人物の突然の引退発表により開催が危ぶまれた2014年のYAPCだったが、今回の発表により来年度のYAPC開催が約束された。 これまでのYAPCを支えてきたその人物とは、牧大輔氏と櫛

WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場

「爆速」をスローガンにスピード感のある事業運営を目指すヤフー。同社のソフトウェア開発の現場ではどういう取り組みが進められているのか。これを同社CMO室の河合太郎氏が講演で話した。 ヤフーでは、「爆速」を社内のスローガンとして、「リーン・スタートアップ」 を実践しているという。同社CMO（Chief Mobile Officer）室の河合太郎氏は10月28日に開催された「IBM Innovate 2013」で、これについて講演した。 どんな企業でも、新規事業の企画書には必ずといっていいほど市場や売り上げ予測の数字が入れられる。「それは全部ウソです」と河合氏は話した。誰も将来の予測などできない、これを認めることが出発点だという。そしてリーン・スタートアップとは、あいまいなものを確かなものにする作業であり、これは組織の大小を問わず必要だと話した。 製品やサービスを完成させてから世に問うこれまでの

WebページをRetina対応させるテクニック～実践編：jQuery×HTML5×CSS3を真面目に勉強（5）（1/3 ページ） 前回のWebにおけるピクセルの基本的な話を踏まえ、今回はRetinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介する。 前回（WebページをRetina対応させるテクニック～基礎知識編）はWebにおけるピクセルの基本的な話をしました。今回はそれを踏まえた上で、Retinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介します。 CSS Spriteで複数の解像度に対応 最も原始的な対応方法です。一般的なPCディスプレイと同じ要領で作成した画像をRetinaディスプレイに使用すると、にじんだように表示されてしまいます。デバイス上では同じサイズでも、使われているピクセル数のタテ・ヨコが2

あなたをロジカルに見せる「起承転結」テクニック：ITエンジニアの市場価値を高める「営業力」（10）（1/2 ページ） あらためて起承転結について考えるようになった 今回は、起承転結をコミュニケーションに役立てるにはどうしたら良いかについて考えます。 「起承転結？ 今さら何で？」と思う方もいるかもしれません。実は私も、今まであまり起承転結を意識しないで文章を書いてきました。 ところが最近壁にぶち当たりました。ある仕事の編集者が、私の書いたものをなかなか理解してくれなかったのです。正直に言うと、最初は編集者の読解力や知識レベルを疑いました。ところが話し合ううちに分かってきました。編集者もベテランです。文意が取れないわけではなかったのです。 彼が分からなかったのは「なぜ、ここでこの話題が出てくるのか？」ということでした。いわゆる“唐突感”というものです。 実を言いますと、過去にも何回かそのような

8月21～23日にパシフィコ横浜で開催された「CEDEC 2013」では、Webの世界に関するセッションも数多く行われた。本記事ではその中から、サイボウズ・ラボの竹迫良範氏による「HTML5のこれまでとこれから、最新技術の未来予測」と、セキュリティコミュニティでは大変著名なネットエージェント、長谷川陽介氏による「HTML5時代におけるセキュリティを意識した開発」の2つのセッションの様子をお送りしよう。 竹迫氏が「HTML」の周りの最新技術と、3つの未来予測を語る 未来予測その1：通信は暗号化が標準に――「スタバでドヤリング」から考える最新技術 竹迫氏はまず、スターバックスでスタイリッシュなMacBook Airをこれ見よがしに使う、「ドヤリング」という技術（？）について写真を出すところから講演を始めた。 実は、この「ドヤリング」、公衆無線LANを利用すると盗聴のリスクがあることが指摘されて

富士通は2013年8月20日、視覚障がい者や色覚障がい者のアクセシビリティを高めるための診断ソフトウェアツール群「富士通アクセシビリティ・アシスタンス」の無償提供を終了した（参照記事）。このニュースはSNSでの反響も大きく、ユーザーから「なぜこのような素晴らしいサービスが終了してしまうのか」との声が多く聞かれた。 同様のツールは他にもあったが、富士通アクセシビリティ・アシスタンスが愛用されるのにはわけがあった。富士通アクセシビリティ・アシスタンスは、3つのツール群「WebInspector（ウェブインスペクター）」「ColorSelector（カラーセレクター）」「ColorDoctor（カラードクター）」から構成されており、それぞれ以下の特徴が挙げられる。 WebInspector ローカルフォルダを指定した場合、サブフォルダのHTMLまで一括でチェックでき、結果をCSVで保存できる C

box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな

オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも！と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか

Web製作の現場で、まず先にモバイルサイトから着手し、そのデザインが固まった後にPCサイトをデザインする「モバイルファースト」。日本マクドナルド、ANA、飲食店の事例も交えて実践方法を分かりやすく紹介する。 「モバイルファースト」という言葉は2009年にルーク・ウロブルスキー氏（Luke Wroblewski、以下ルーク氏）によって提唱され、その後 グーグルやアドビシステムズ、フェイスブックなどのカンファレンスで言及され、北米で認知が広がりました。2012年にWebDirectionsEastでルーク氏が来日して講演したこともあり、日本国内でもさまざまなメディアでこのキーワードを目にするようになりました。この記事では、モバイルファーストの本来の意味と実践時の注意点をお伝えします。 1分－モバイルファーストは、イノベーションをもたらす スマートフォンの市場はこの2、3年のうちに急速に普及し、

ユーザーエクスペリエンス（UX）が重要視され始め、お客さまから「UXを考慮してください」とか「優れたUXを実現してください」と言われることが増えてきたのではないでしょうか。では、「優れたUX」はどのように実現すれば良いのでしょうか？ ソフトウェア開発現場のシーンを切り出し、4コマ漫画形式（漫画作成ソフト「コミPO!（コミポ）」を使用）で紹介いたします。