Reactコンポーネントへの理解を深める
対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方 前提環境 macOS Sierra 10.12 Node.js v6.6.0／npm 3.10.3 React 15.4.0 PropsとState Reactコンポーネント内では、PropsとStateという2つのオブジェクトが利用されます。Propsは、コンポーネントを生成するときに親から渡されるオブジェクトで、コンポーネントが画面から取り除かれるまで、不変の値を保持します。対してStateはコンポーネント内で保持される、プライベートなオブジェクトで、可変の変数を保持します。 以下のサンプルは、180秒間のカウントダウンタイマーです。こちらでPropsとStateの使い分けのイメージを説明します。 import React from 'react'; import Rea
Android Studio 2によるAndroidアプリ開発の環境構築
今回と次回の2回に分けてはAndroid Studioを使ったアプリ開発環境を作ります。Android Studio本体のインストールから、AVD（エミュレータ）を使ってのHelloAndroidアプリ作成まで解説します。 本連載の書籍化について（2018年5月追記） 本連載は、加筆・再構成およびAndroid Studio 3対応を行い、書籍化しています。最新情報については、こちらもぜひ併せてご参照ください。 『基礎＆応用力をしっかり育成！ Androidアプリ開発の教科書』 対象読者 Androidアプリ開発未経験な方 Java言語は一通り習得済みである方 必要な環境 今回インストールするAndroid Studioが動作するするには、Java Development Kit（JDK） 7がインストールされている必要があります。また、環境変数JAVA_HOMEが設定されている必要があり
Google発の深層学習フレームワーク「TensorFlow」が一般エンジニアに与える可能性
こんにちは、PyData.Tokyoオーガナイザーのシバタアキラです。先日公開され大きな反響を呼んだGoogle社の深層学習（ディープラーニング）フレームワーク、TensorFlow（テンソルフロー）。今回はPyData.Tokyoのハッカソンイベントで、参加者の皆さんとTensorFlowについて学び、コーディングし、ディスカッションした内容から得た所感を共有したいと思います。深層学習のネットワーク設計という非常に高度な課題は、一般のエンジニアやデータサイエンティストにはとっつきにくいものですが、既存のさまざまな手法やツールがTensorFlowに移植されつつあり、今後ここが深層学習開発の拠点になる予感がしました。 シバタアキラ PyData.Tokyoのハッカソンイベント 前置き～今回のハッカソンを行うに至った経緯 PyData.Tokyoは昨年秋に開始し、第1回のテーマとして深層学習
【新刊紹介】『Oculus Riftでオレの嫁と会える本』が12月15日発売、UnityとMMDでVRプライベートライブを作ろう！：CodeZine
CodeZineでレポートを掲載した、CEDEC 2014のOculus Riftセッション。その登壇者でもあった桜花一門氏らOculus Festival in Japanのメンバーを著者に迎えた、Oculus Rift本邦初の解説書『Oculus Riftでオレの嫁と会える本 UnityとMMDモデルで作る初めてのバーチャルリアリティ』が、12月15日、翔泳社より発売されます。 12月17日にはOculus Rift実機体験会も 本書の刊行を記念して、Oculus Riftの体験会を、書泉ブックタワー（東京・秋葉原）にて開催します。キャラクターによるライブ、プロ級のスキージャンプ体験、ジェットコースターなどがVRで体験できるコンテンツを予定しています。 実施要項 日時：12月17日（水）17:00～ 会場：書泉ブックタワー 9F イベントスペース 参加費：無料 事前予約不要 参加特典：
誰でも手軽にNTTドコモのサービスのような機能を持つアプリが作れる ～「docomo Developer support」の概要とAPIコンソール
はじめに 第1回目の本稿は、「docomo Developer support」の概要と、手軽に機能が試せるAPIコンソールの使い方を解説しましょう（本稿は、2014年11月19日時点の最新情報に基づいております）。 対象読者 JavaとEclipseを用いたAndroidアプリの開発で、基本的な知識がある方を対象とします。 「docomo Developer support」とは 「docomo Developer support」は、NTTドコモが開発者向けに情報を提供しているサイトで、2013年11月11日に開設されています。このサイトでは、ハッカソンなどのイベント情報も提供されていますが、メインとなるのは、さまざまな開発に活用できるAPIやツールの情報です。 APIとは「Application Programming Interface」の略で、あるプログラムの機能を外部のアプリケ
Javaのモックアップフレームワーク「mockito」でリクエスト／セッションを再現する
しかし、開発推進セクションとしてリーダーを中心に「基本的には必須ですが、相談には乗ります」と伝えてきました。もちろん、こちらとしても妥協することはありますが、基本は書いてもらうように言い続けたことは良かったと思います。今ではテストケースは2,000ケース以上となり、毎日jenkinsからもallTestの結果が送られてくるようになったのですから。そんなやりとりをしていく中で、こんなFAQも生まれました。 Q：巨大なメソッドで1行だけ修正したのですが、そのメソッド内をすべてテストしないといけないの？ A：基本はテストしてください。 ただしトラブル対応など、どうしてもすぐにリリースしないといけない場合はその限りではありません。 結果的にこのようなFAQは、開発メンバーにJUnitの導入を受け入れてもらうために必要なことだったと思います。やはり、開発スピードを重視するチームにとって、やることが多
構成管理ツール「Chef」の概要とインストール手順
自動化ツールの必要性 昨今、仮想化およびクラウドの普及に伴い、サーバを短時間で増設することが容易になってきました。例えばユーザアクセスが増えてシステムの負荷が高くなった場合、サーバそのものは即座に準備できるようになりました。しかし、システムの設定は別途実施しなければいけないという状況も多々見受けられています。 サーバの台数が少なければ一台一台構築や設定を行えますが、何百台ものサーバを扱うとなると時間がかかって迅速性は失われてしまいますし、多くの人手が必要となれば設定の間違いが起こる可能性も高くなるでしょう。そして管理するサーバが増えたとしても、それらを管理する人は増えていないのが現状です。 そのため、サーバ構築とともにアプリケーションやミドルウェアの設定をも実施する自動化ツールが注目されています。 Chefとは Chef（シェフ）は、米Opscode社が提供するクラウドコンピューティングを
「Selenium2」のインストール手順と初めの一歩
対象読者と環境 Webブラウザを使ったテストを自動化するOSSのツール「Selenium2（WebDriver）」のインストール手順と基本的な使い方をご紹介します。想定読者は、テスト自動化に興味のあるプログラマーです。 SeleniumにはSelenium IDEというブラウザ操作を記録できるツールがあり、SeleneseというSelenium1に対応したコマンドをHTML形式で保存します。これによってノンコーディングでテストスクリプトを作成することができるのですが、WebDriverやプログラミングによる効率化の恩恵を受けることができません。本記事はSelenium IDEを活用しながらWebDriver使ったテストスクリプトをJava（JUnit）形式で書いていくための手引きとなっています。 今回筆者が使用した環境は以下のとおりです。 OS：Windows 7 Java：1.7 Fir
レスポンシブWebデザインのモックアップを簡単に作成できる「Adobe Edge Reflow」の使い方
このように@mediaを使用して出力先や解像度、サイズなどで条件分岐をしていき、必要のない要素を非表示にしたりして、見栄えを切り分けて製作していきます。 レスポンシブWebデザインのメリット・デメリット 前述のとおり、RWDでは同じCSSファイルで各デバイスのスタイルを共有します。そのため、共有しているスタイル変更の影響を受けやすく、制作をデスクトップとモバイルで分担している場合などは細かいレギュレーションを最初に決める必要があります。 とはいえ、モバイルとデスクトップをHTMLから切り分けた場合、完成後の更新の手間も二重にかかってしまいます。CSSで分岐して必要なプロパティのみ上書きしてデバイスに最適化するだけで同じ素材を共有できることは、サイト運営者にとって非常に魅力的です。 RWDのメリット デバイスごとに切り分けず1つのHTMLファイルで管理可能 スタイルを共有してテイストの統一性
ドワンゴとニワンゴ、「ニコニコ超会議」内で行う「超エンジニアミーティング」出演者を発表
「超エンジニアミーティング」は、「Happy Hacking！」をテーマにプログラマーをWeb上のクリエイターと位置づけ、もの作りの楽しさについて徹底的に語り合う。 同ミーティングでは、東京大学大学院教授の五十嵐健夫氏による基調講演をはじめ、日本Rubyの会からは代表理事の高橋征義氏、java-jaからは比嘉康雄（ひがやすを）氏、和田卓人氏、西尾泰和氏、プログラミング生放送勉強会からは戀塚昭彦氏、5zj氏、Node.js日本ユーザグループからは増井雄一郎氏、小林秀和氏、内山暁仁氏、日本Scalaユーザーズグループからは水島宏太氏、浅海智晴氏、尾崎智仁氏が登壇。また、これら5団体主催の勉強会も実施する。 ほかにも、「1-click！」というテーマで、イベント参加者が自由にソフトウェア開発を行う「ハッキングマラソン」（通称「ハッカソン」）を開催。「1クリックで動くプログラム」というテーマに沿っ
大規模ソーシャルゲーム「ドラゴンコレクション」運営の最前線で得られたノウハウ ～チューニングと運用、18のポイント～
11月25日、「mobidec 2011」においてコナミデジタルエンタテインメントのスタジオITセンター長である正延光弘氏によるセッション「大ヒットSNSゲーム『ドラゴンコレクション』を支えるコナミのクラウド技術の活用」が行われました。 ドラゴンコレクションは、GREEで提供されている携帯電話向けのカードゲームタイプのRPG。プレイヤーは、エリアごとにある複数のクエストをクリアしていき、モンスターカードや「秘宝」を手に入れ、さらに「ドラゴンカード」を集めていきます。また、ほかのプレイヤーとバトルすることでも秘宝を入手できるというSNS要素も取り入れられていました。2010年9月のサービス開始後、順調にプレイヤー数を伸ばし、現在では登録人数が500万人を超えています。 サービス開始当初は社内でサーバを構築し、フロントエンドに6台のサーバ、バックエンドに3台のデータベースサーバ、そしてロードバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Live2D」の開発ツールがWebGLに対応、スマホのブラウザ上で2Dキャラがぬるぬる動くアプリが作れる
デザインパターンを置き換えよう！ Javaラムダ式によるシンプルコーディング一覧
速習 Unity 2Dゲーム開発一覧
世界地図／日本地図を作成する「jQuery Vector Maps／Japan Map」プラグイン
デブサミ2014、講演関連資料まとめ
デブサミ2013、講演関連資料まとめ
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
Java EE 6 開発入門一覧
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介