情シスの仕事こそ、クリエイティブでおもしろい！ 12000人以上が利用するヤフーの社内システムづくり【デブサミ2018】
やや保守的とも思われがちな情報システム（情シス）部門。ビジネスの根幹を支える重要な役割にも関わらず、控えめな印象を持たれる傾向にあるようだ。しかし、入社以来、ヤフーの内製社内システムの企画・開発・運用に携わってきた伊藤康太氏は「情シスほど面白い仕事はない」と断言する。その熱い思いと共に、ヤフーの社内システムの詳細と、あえて「内製」にこだわる理由が語られた。 講演資料：ヤフーを支える社内システム 講演の模様（動画） ヤフーの社内システムを紹介します（Yahoo! JAPAN Tech Blog） ヤフー株式会社 システム統括本部 プラットフォーム開発本部 クリエイターエバンジェリスト 伊藤康太氏 情シスの役割はコミュニケーションの効果を最大化すること 「情シス部門」と聞いた時、そこに携わる人についてどのようなイメージを持つだろうか。「販売されている業務システムを導入する購買・調達的な仕事」「
累計2300万DLを突破！「Yahoo!天気」アプリを人気アプリへと成長させたPM手法【デブサミ関西2016レポート】
雨雲の接近や台風進路がわかる天気予報アプリとして、累計2300万ダウンロードを突破したという「Yahoo!天気」アプリ。2015年の大幅リニューアルで、インターフェースが見やすくなっただけでなく、さまざまな機能が強化された。その開発責任者は、Yahoo! JAPANの大阪オフィスでITエンジニア歴15年という湯澤秀人氏。“気象に関してはド素人”という同氏がどのようにプロジェクトを牽引し、日本で一番支持される天気アプリとまで言われるようになったのか。2016年9月16日に開催された、Developers Summit 2016 KANSAIでの講演レポートをお届けする。 ヤフー株式会社 湯澤秀人氏 講演資料：「生涯エンジニアというマインドを活かしてYahoo!天気アプリを成長させたPM手法」 フルリニューアルの指針となった“天気を把握できる道具”というコンセプト 「Yahoo!天気」アプリは
サーバサイドHTMLテンプレートからの脱却のススメ
PHPのSmartyやフレームワークが提供しているHTMLのViewエンジン（LaravelのBladeなど）、RubyのERBのようなHTMLテンプレートを使ったWebシステムでは、こんな問題に遭遇します。「HTMLのデザインや文言をちょっと変えるくらいすぐにできないものか」「デザインやUIをリッチにしたいが、PHPやRubyなどサーバ側の言語が分からないから直せない」。また、このような課題から、想定より時間がかかり、スケジュールが遅れたり、作業する担当者には、どのようなスキルをもった人（エンジニアなのかデザイナなのか）をアサインするかで困ったりするケースがあるようです。そこで、今回は、筆者の経験をもとに、このような問題がどうして発生するのか？ さらに、改善方法として、クライアントサイドでのHTMLテンプレートの利用について紹介します。 対象読者 サーバサイド開発者や、フロントエンド開発
Node.jsではじめるArduinoで人感センサ制御
本連載では、Web界隈のエンジニアを対象に、IoT（Internet of Things）と関係が深いハードウェアを使った実装を試す手順を紹介していきます。出来るだけ簡単な操作で試せる内容を目指しますので、デザイナーやディレクターといった職種の方もチャレンジしてみてもらえたら幸いです。第1回は、Node.jsを使って、Arduinoと人感センサーを操作してみます。 はじめに こんにちは、株式会社LIGというWeb制作会社でエンジニアをしている@n0bisukeです。IoTという単語をよく耳にするようになりましたね。これはハードウェアやセンサーなどを簡単に使えるプラットフォームが整ってきていることを示していると思います。 ただ、Webの技術者とハードウェアの技術はかけ離れている部分が多く存在し、まだまだWebエンジニアにとって優しい世界にはなっていないと感じています。 そこで「Web屋がはじ
サイバーエージェントのGitHub活用 ～ 導入から運用体制、開発フロー、勉強会による現場への普及活動まで
また、Organization[1]の数も360を超え[2]、リポジトリ数もOrganizationのものだけでも2000近く作られています[3]。 新規のプロジェクトは基本的にGitを利用しており、既存プロジェクトもほとんどがSubversion（以下SVN）などからGitに移行しました。 本記事では、Ameba事業本部がどのようにGitを組織内に普及させていったか、その運用体制、現場でどのように利用されているのかをご紹介します。 [1] 複数アカウントをまとめるグループ機能です。リポジトリは個人単位だけでなく、Organization単位で作ることもできます。 [2] プロジェクト単位で1つのOrganizationを用意しています。 [3] 個人アカウントで作成したり、他からforkしたリポジトリは除いた数です。 GitHub Enterprise導入への道のり GHE導入以前の標準
サーバー側コーディング不要のGoogle App Engine開発環境「jsonengine」
はじめに 本稿では、JavaやPythonによるサーバー側コーディングを一切必要とせずにGoogle App Engineによる開発を実現するツール「jsonengine」について紹介します。 対象読者 Google App Engineに興味はあるが経験のない方。JavaScriptやActionScriptによるクライアント開発、またはiPhoneやAndroidによるスマートフォン開発の経験のある方。JavaやPythonの開発経験は不要です。 必要な環境 最低動作環境は次のとおりです。 Java SE 5 jsonengineって何？ 「jsonengine」は、JavaやPythonによるサーバー側コーディングを一切必要とせずにGoogle App Engineによる開発を実現するオープンソースのツールです。このツールは、昨年開催された「Mashup Awards 6」において「
HTML5で進化したフォーム機能 ここが違う！サンプルで見るHTML5（5）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
フォーム入力に役立つjQueryプラグイン
本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとプラグインを取り上げます。今回は、Input Hint Overlay、Text input field filter、jQuery Validation、Password Strength、Simplest Twitter-like dynamic character countについて説明します。 はじめに 第2回「jQuery UIのウィジェットを使ってみよう」では、jQueryのユーザーインターフェースを拡張するjQuery UIのインストールから、jQuery UIのDialog、Datepicker、AutoComplete、ProgressBarの使い方を取り上げました。第3回では、第1回「jQuery UIのインタラクションを使ってみよう」でも簡単に触れたjQuery Pluginのフ
グリーCTOが語る、大規模ソーシャルゲーム開発の舞台裏
9月1日、ゲーム開発者向けカンファレンス「CEDEC 2010」において、SNS「GREE」を運営するグリー株式会社（以下 グリー）が『大規模ソーシャルゲームのつくりかた ～60分でわかるサーバサイド技術～』と題するセッションを講演した。 一日あたり億単位のトラフィックを捌くインフラはどうなっているのか。技術者2名が解説したインフラ構築のノウハウや、ソーシャルゲームと一般のオンラインゲームとの違いについて紹介する。 オンラインゲームとソーシャルゲームとの違い 最近テレビCMでも目にする機会が多くなってきたSNS（ソーシャルネットワーキングサービス）の「GREE（グリー）」。2010年6月時点の数字で、会員数2059万人、月間353億ページビューという言わずとしれた大人気サイトだ。中でも携帯電話向けソーシャルゲームが特徴的で、専用機向けのゲームと比べるとコアゲーマー以外のプレイヤーも多く、利
400万行のコードを15分で見える化！ プログラム解析ツール『Understand』で開発効率アップ
システムの多機能化により、プログラムの内容が複雑化している。テクマトリックスの『Understand』は、プログラムの構造を可視化することで、ソースコードの解析時間を大幅に削減できる開発支援ツール。今回は同社の福永一寛氏に、Understandの機能や特徴について聞いた。 システムの多機能化により、プログラムの内容は複雑化している。既存コードの改修や多人数での開発における情報共有のためには、プログラム構造の理解が必須だが、ドキュメントと実装内容とが乖離している場合も多く、解析自体に工数がかかることもある。テクマトリックスの『Understand』は、プログラムの構造を可視化することで効率的なソフトウェア開発をサポートするソフトウェア開発環境。「組込みシステム開発技術展（ESEC）」にて、同社の福永一寛氏にその特徴を聞いた。 ソースコードの解析作業時間を大幅に削減する『Understand』
CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
要件定義の勘どころ
はじめに 役に立つシステムを構築するための要件定義書とは、いったいどういうものなのでしょうか。 「何でこの機能が必要なんですか？」「理由は分からないけどXXX機能があるのでこの機能が必要なんです。これがないとつじつまが合わなくなるんです」もしくは「要件定義書にこの機能が載っているので必要なんです」など、要件定義書の役割を理解しないまま、システムの開発に着手していることなどがないでしょうか。 本稿では、要件定義書の役割や重視すべき点、要件定義書に盛り込むべき情報について解説します。 何をやるのか、そしてなぜそうするのか 要件定義書はジグソーパズル？ システム開発を受託した会社にコンサルテーションしたときのことです。機能とデータがある程度記述された要件定義書を受け取ったその会社では、要件定義書を読み解き、システムの全体像を掴むためにおのおのの機能の関係を整理し、その役割を把握しようとしていまし
高性能な伝票入力フォームを持った.NETアプリケーションを作る
はじめに 日本では、限られたスペースに効率的に情報を入力する優れた紙帳票の文化があります。業務システムのユーザーインタフェースにも、使い慣れた紙帳票のレイアウトを求めるユーザーの声は少なくありません。 しかし、.NET Framework標準コンポーネント「GridView」では、Excelのようなシンプルなグリッド機能しか提供しないため、伝票明細のように1レコードを複数行で表したり、列の見出しが入り組んだりする複雑なレイアウトを実現するには、相当なカスタマイズの手間と工数がかかります。 MultiRow for Windows Formsは、セルを好きなように自由に組み込んでグリッドを作成できるとてもユニークなコンポーネントです。このコンポーネントを使えば、入力画面のレイアウトで「セルの結合」などは不要です。基本的なセルのほかにも、ボタン型やDateTimePicker型、Numeric
迅速で小回りのきくFileMakerを使ったWebシステム構築（前編） (1/2)：CodeZine（コードジン）
本稿では、開発期間を短縮しつつ、小回りのきく柔軟なシステムを構築可能にする、FileMakerのインスタントWeb機能について、簡単なシステムのサンプルを例にとり解説します。前編では、システム機能の概要や必要となるインフラストラクチャ、ユーザの操作の流れなどを紹介していきます。 はじめに ITシステムにまつわるビジネスの課題として、「開発期間の短縮」と「システム資産の存続」が挙げられます。 開発期間を短縮することは、開発コストを下げるだけでなく、開発期間におけるビジネスの機会損失の低減にもつながります。また、システムは一度作ってもハードの老朽化や陳腐化によりリニューアルが必要となりますが、システムが依存する機器やOSによっては、買い替えのコストが高くつくこともあります。 そこで本稿では、システムの開発から運用までの距離を縮め、システム資産を未来へ継続させるという2つの視点で、よきパートナー
JaxerによるサーバーサイドJavaScript
はじめに 既に「Ajax」という言葉が陳腐に感じてしまうほど、JavaScriptはWeb開発者の間に広く浸透しています。今では、クライアント側でのUI構築にJavaScriptは不可欠となっている、といってよいでしょう。クールなサイトを目指してJavaScriptを必死に勉強する人はずいぶんと多いはずです。 が、ある程度まで学習が進むと、多くのJavaScriptプログラマは「壁」にぶつかってしまいます。それは「サーバーサイドプログラム」という壁です。Ajaxによるサーバーへの非同期通信が当たり前のように使われるようになった今、JavaScriptプログラミングといえども「サーバー側に用意されるプログラム」の作成なしには行えなくなりつつあります。 サーバーサイドのプログラム作成はどうすべきなのか。PHPを勉強するのか、Perlあたりがいいのか、はたまたRubyかPythonか。いずれにせ
Windowsのコマンドプロンプトを便利に使うための10のミニテクニック
はじめに Windowsの操作の基本はGUIですが、ファイル操作などを手早く行うためにコマンドプロンプトを使うこともあると思います。本稿では、Windowsのコマンドプロンプトをより便利に使うためのちょっとしたテクニックを10個紹介します。 対象読者 Windowsのコマンドプロンプトをある程度使ったことがある方 動作確認環境 Windows Vista Windows XP 一部の機能は、Windows XPでは利用できません。本文内で都度補足します。 コマンドプロンプトからエクスプローラに移動する コマンドプロンプトで作業中に、カレントディレクトリのファイルをエクスプローラで操作したくなることがあります。たとえば、カレントディレクトリにあるいくつかのファイルをほかのディレクトリにコピーする場合、各ファイルの名前をキーボードから入力するより、マウスを使ったほうが簡単です。そんなときに便利
Ruby on Rails 2.0入門：Flickerベースのアプリケーションの作成：CodeZine
はじめに 2004年に初めてリリースされたRails Webアプリケーションフレームワークは、Ruby言語のキラーアプリケーションになり、CRUD（Create、Read、Update、Delete）パターンに基づくWebアプリケーションを短時間で作成できる非常に強力なツールとして急速に普及しました。そして2007年末、今やすっかり有名になったこのWebアプリケーションフレームワークのバージョン2.0がリリースされました。最初のリリースのときほどの驚きはありませんが、Rails 2.0はやはり多くのイノベーションを実現し、開発をより効率的で楽しいものにしています。 本稿では、Rails 2.0の概要と、最も重要な新しい機能を説明し、それらを使ってシンプルでも目を引くWebアプリケーションを作成する方法を紹介します。よくある「15分でブログを作る」というような例ではなく、ここで紹介するアプリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptタスク自動化ツールgulpのAPI説明と実践的な利用例
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
GPS携帯を使った口コミサイト構築 - PHPによるメールの受信処理 -
