概要

特集1
実践UIデザイン
～ユーザの満足度を高める設計，実装，検証方法～

クックパッドで実際に行われている取り組みを通じて，UIデザインについての実践的な知識を解説する特集です。「仮説を立てる」「開発する」「効果を検証する」というプロセスに分け，クックパッドが作成したUIを例に挙げて，デザインの進め方や気をつけるべき点など，UIデザインをする際に必要な知識を現場のエンジニアが詳しく解説します。

特集2
Web決済入門
～PayPal，WebPay，iOS/Androidアプリ内決済の導入方法～

Webサービスやスマートフォンアプリでの決済の導入は，お金を扱うという性質上，開発者として何を知っていれば，何を行っていれば十分なのか不安になりがちです。本特集では，Web上で最も利用されているクレジットカード決済に焦点を絞り，読者のみなさんがクレジットカード決済を自分のWebサービスやスマートフォンアプリにすぐに取り入れるために必要な知識と方法を紹介していきます。決済やクレジットカードの基礎知識を押さえ，セキュリティについて整理したあと，世界中で利用されているPayPalとiOS/Androidアプリ内決済，RESTfulなWeb APIを備えるWebPayの具体的な導入方法を解説します。

特集3
［作って学ぶ］データ可視化
～D3.jsで，見やすく・多彩に・お手軽に～

データ可視化とはデータを目でとらえられる形で表現するための手法です。たとえば，大量のデータから重要な情報だけを目立たせたり，データに隠されたストーリーを見る人に知ってもらうための工夫などです。本特集ではWeb技術を使ったデータ可視化について解説します。D3.jsというJavaScriptライブラリを取り上げ，その導入から地理的なデータやつながりのデータをどのように可視化するかの実践例などについて解説します。

一般記事
Gradleによる進化したビルド
～GroovyでDSLを書いて，効率良く自動化しよう！～

目次

特集1
実践UIデザイン
ユーザの満足度を高める設計，実装，検証方法

• 第1章：開発者に求められるUIデザインの心構え
  ユーザに提供するゴールを明確にする……五十嵐 啓人
• 第2章：UIデザインをするためのユーザ体験設計
  ユーザの達成したいゴールを知る……伊野 亘輝
• 第3章：ブレずに高速実装！ UIデザインの技術
  クックパッドのトップページに見るデザインプロセス……須藤 耕平
• 第4章：UIデザインの成果を高める検証テクニック
  テスト手法の比較と検証結果の活用……片山 育美，五十嵐 啓人
• 第5章：多様化する環境に対応したUIデザインの提供
  柔軟に考えるところと共通化すべきところを明確化する……池田 拓司

特集2
Web決済入門
PayPal，WebPay，iOS/Androidアプリ内決済の導入方法

• 第1章：決済の基礎知識
  決済手段，決済代行サービス，決済のタイミング……濱崎 健吾
• 第2章：クレジットカードの基礎知識
  カード番号のアルゴリズムから，電子商取引に関する法律まで……曾川 景介
• 第3章：クレジットカード決済のセキュリティ
  情報漏洩対策の勘所と，国際セキュリティ標準PCI DSS……久保 渓
• 第4章：PayPalによる決済の導入
  遷移型のウェブペイメントスタンダードと，埋込み型のウェブペイメントプラス……久保 渓
• 第5章：WebPayによる決済の導入
  RESTfulなWeb APIを利用して，クレジットカード決済を実装する……濱崎 健吾
• 第6章：iOS/Androidアプリ内決済の導入
  In-App Purchaseと，Google Play In-app Billing……曾川 景介，濱崎 健吾

特集3
［作って学ぶ］データ可視化
D3.jsで，見やすく・多彩に・お手軽に

• 第1章：データ可視化の基礎知識
  Web技術で実現するビジュアライゼーション……門脇 恒平
• 第2章：D3.jsの導入と設定
  特徴，環境構築，基本操作……門脇 恒平
• 第3章：地理的なデータの可視化手法
  D3.js＋Foursquare APIで実現する……門脇 恒平
• 第4章：つながりのデータの可視化手法
  友達関係をネットワーク構造で表現する……門脇 恒平

一般記事

• Gradleによる進化したビルド
  GroovyでDSLを書いて，効率良く自動化しよう！……佐藤 太一

連載

• スマートフォン開発最新トレンド
  【第3回】速レビュー！ Android Studio……登尾 徳誠
• Emerging Web Technology研究室
  【第3回】serverspecによるテスト駆動インフラ構築……伊藤 直也
• Perl Hackers Hub
  【第22回】Coroを使ったやさしいクローラの作り方……mala 監修：Japan Perl Association
• 巨人の肩からPHP ── 先人たちに学ぶモダンプログラミング
  【第8回】Go!ではじめるAOP ……横断的関心事の分離とその実装……後藤 秀宣
• JavaScript活用最前線 ── 大規模開発の現場から
  【第9回】先取りWeb Components ……JavaScript，HTML，CSSをカプセル化して再利用！……若原 祥正
• 理論で学ぶSQL再入門
  【第8回】RDBMSでグラフと上手に付きあう方法……奥野 幹也
• Javaの底力 ── 火消しエンジニアが明かすテクニック
  【第8回】データキャッシュ性能設計のポイント……大林 源
• 一歩先ゆくRuby
  【第8回】Fluentd＋FnordMetricによるリアルタイムデータのグラフ化……近藤 宇智朗

コラム

• UI/UX未来志向 ── 進化の方向を予測し，今必要なことを知る
  【第3回】フラットデザイン ……スキュアモーフィズムのメタファによる表現からの脱却……渡邊 恵太
• Software is Beautiful
  【第21回】活気づくオンラインエデュケーション……中島 聡
• 海外テック情報局
  【第9回】Vagrant開発者来日，プロダクトのローンチ，「No」と言える開発 etc.……A-Listers
• はまちちゃんとわかばちゃんのREADER'S FORUM ―― 読者のページ
  【第27回】……はまちや2，竹原

Technology Flash

• サイバーエージェントを支える技術者たち ―― テクノロジ編
  【第17回】「ペコロッジ」に見るHTML5＋Canvas開発のツボ……川添 貴生

サポート

ダウンロード

■ご注意

• ※ 本コーナーは，本誌記事参考用資料としてのご提供を目的としております。
• ※ 本誌記載の内容およびサポートサイトで公開しているサンプルコードに基づく運用の結果について，記事の筆者，プログラムの作者/提供元，(株)技術評論社は一切の責任を負いかねます。ご自身の責任のもと，ご使用ください。
• ※ 各サンプルファイル/ソースコードには，個別に，ライセンスやREADMEファイルなどで注意事項/制限事項が添付されている場合がございます。その場合，該当のライセンス，注意事項/制限事項を優先して適用とさせていただきますので，ダウンロード後，内容をご確認ください。

特集2「Web決済入門」

• 本特集で使用されたソースコード

特集2のソースコードはGitHubでも公開しています。

特集3「［作って学ぶ］データ可視化」

• 本特集で使用されたソースコード

一般記事「Gradleによる進化したビルド」

• 本特集で使用されたソースコード

連載

• 「Emerging Web Technology研究室」で使用されたソースコード
• 「Perl Hackers Hub」で使用されたソースコード
• 「巨人の肩からPHP ── 先人たちに学ぶモダンプログラミング」で使用されたソースコード
• 「JavaScript活用最前線 ── 大規模開発の現場から」で使用されたソースコード
• 「理論で学ぶSQL再入門」で使用されたソースコード
• 「Javaの底力 ── 火消しエンジニアが明かすテクニック」で使用されたソースコード
• 「一歩先ゆくRuby」で使用されたソースコード