1. トップ
  2. 新着ニュース
  3. 経済
  4. プレスリリース

ブラウザで動くカメラアプリの作り方をハンズオン形式で学ぶ!『カメラアプリで体感するWeb App』発行 技術の泉シリーズ、6月の新刊

PR TIMES / 2019年6月7日 10時40分



 インプレスグループで電子出版事業を手がける株式会社インプレスR&Dは、『カメラアプリで体感するWeb App』(著者:宮代 理弘)を発行いたします。
 最新の知見を発信する『技術の泉シリーズ』は、「技術書典」をはじめとした各種即売会や、勉強会・LT会などで頒布された技術同人誌を底本とした商業書籍を刊行し、技術同人誌の普及と発展に貢献することを目指します。

『カメラアプリで体感するWeb App』
https://nextpublishing.jp/isbn/9784844398950

[画像1: https://prtimes.jp/i/5875/2764/resize/d5875-2764-316509-0.jpg ]

著者:宮代 理弘
小売希望価格:電子書籍版 2200円(税別)/印刷書籍版 2400円(税別)
電子書籍版フォーマット:EPUB3/Kindle Format8
印刷書籍版仕様:B5判/カラー/本文196ページ
ISBN:978-4-8443-9895-0
発行:インプレスR&D

<<発行主旨・内容紹介>>
 本書は、「今」使える技術やAPI をふんだんに使ったブラウザで動くカメラアプリの作り方を通じて、各種の技術をハンズオン形式で解説します。
 Parcel や React、CSS Modules の設定に始まり、画面のスタイリング、 getUserMedia や applyConstraints、ImageCapture、 EXIF、 Geolocation、 WebAssembly、Web Worker、OffscreenCanvas、Shape detectipn API、WebGL、PWA などの技術を、『広く浅く』学ぶことができる一冊です!
(本書は、次世代出版メソッド「NextPublishing」を使用し、出版されています。)

一つ一つの機能を加えながら、カメラアプリを完成させていきます。

[画像2: https://prtimes.jp/i/5875/2764/resize/d5875-2764-168694-1.jpg ]


フィルターの実装方法も丁寧に解説します。

[画像3: https://prtimes.jp/i/5875/2764/resize/d5875-2764-393608-2.jpg ]


カメラの用途としてポピュラーなQRコードリーダーも実装します。

[画像4: https://prtimes.jp/i/5875/2764/resize/d5875-2764-573211-3.jpg ]


<<目次>>
第1章 環境構築をしよう
1.1 フロントエンド開発とバンドラー
1.2 最小限のwebpack設定
1.3 Babelによるトランスパイル
1.4 HMRで変更をすぐ確認しよう
1.5 CSS Modulesを導入しよう
1.6 Browserslistで必要最低限のトランスパイル
1.7 スマートフォンでの開発
1.8 npm scriptsにコマンドを設定しよう
第2章 シンプルなカメラアプリを作ろう
2.1 画面の切り替え部分を作る
2.2 コンポーネントの設計をする
2.3 カメラの映像を取得する
2.4 画像を保存する
第3章 カメラの設定を変えよう
3.1 カメラの最大解像度を調べる
3.2 外側カメラ・内側カメラを切り替える
3.3 ズーム機能を実装する
3.4 シャッター音をつける
第4章 EXIFをつけよう
4.1 EXIFの仕様
4.2 piexifjsでEXIFを設定する
4.3 GPS情報をつける
4.4 Orientation情報を追加する
第5章 コンポーネントを整理しよう
5.1 コンポーネントを切り出す準備
5.2 
5.3 
5.4 
5.5 
5.6 
第6章 フィルターを実装しよう
6.1 プレビュー画面を作る
6.2 フィルターの仕様について
6.3 JavaScriptでフィルターを実装する
6.4 WebGLでフィルターを実装する
6.5 いろいろなフィルターを作る
6.6 WebWorkerとOffscreenCanvasで別スレッド処理
第7章 QR コードリーダーを作る
7.1 Barcode Detection API
7.2 Comlinkで手軽にWebWorker化
7.3 Clipboard APIとWeb Share API
第8章 アニメーションGIFを作ろう
8.1 GIF撮影画面を作る
8.2 GifRecorderクラスを作る
8.3 RustとWebAssemblyでGIFを作る
第9章 PWAとして配信しよう
9.1 Web Manifestでアプリの設定をする
9.2 Service Workerでオフライン対応する
9.3 Netlifyで配信する
9.4 Androidアプリとして配信する

<<著者紹介>>
宮代 理弘
Webフロントエンドデベロッパー。「ひとは本質に注力し、すべきことのみするべき」を信念にプロダクトをつくっている。学生クリエイターとしてクマ財団1期生に選抜され、KUMA EXHIBITION 2018では、文章を縦書きで読むためのウェブアプリ『タテ読ミ』を展示した。また、技術系同人サークル『O'CREILLY』では主宰を務め、コミックマーケットや技術書典などで出展している。
Webサイト: https://3846masa.dev
Twitter / GitHub:@3846masa

<<販売ストア>>
電子書籍:
 Amazon Kindleストア、楽天koboイーブックストア、Apple Books、紀伊國屋書店 Kinoppy、Google Play Store、
 honto電子書籍ストア、Sony Reader Store、BookLive!、BOOK☆WALKER
印刷書籍:
 Amazon.co.jp、三省堂書店オンデマンド、hontoネットストア、楽天ブックス
※ 各ストアでの販売は準備が整いしだい開始されます。
※ 全国の一般書店からもご注文いただけます。


【インプレスR&D】  https://nextpublishing.jp
株式会社インプレスR&D(本社:東京都千代田区、代表取締役社長:井芹昌信)は、デジタルファーストの次世代型電子出版プラットフォーム「NextPublishing」を運営する企業です。また自らも、NextPublishingを使った「インターネット白書」の出版などIT関連メディア事業を展開しています。
※NextPublishingは、インプレスR&Dが開発した電子出版プラットフォーム(またはメソッド)の名称です。電子書籍と印刷書籍の同時制作、プリント・オンデマンド(POD)による品切れ解消などの伝統的出版の課題を解決しています。これにより、伝統的出版では経済的に困難な多品種少部数の出版を可能にし、優秀な個人や組織が持つ多様な知の流通を目指しています。

【インプレスグループ】  https://www.impressholdings.com/
株式会社インプレスホールディングス(本社:東京都千代田区、代表取締役:唐島夏生、証券コード:東証1部9479)を持株会社とするメディアグループ。「IT」「音楽」「デザイン」「山岳・自然」「旅・鉄道」「学術・理工学」を主要テーマに専門性の高いメデイア&サービスおよびソリューション事業を展開しています。さらに、コンテンツビジネスのプラットフォーム開発・運営も手がけています。

【お問い合わせ先】
株式会社インプレスR&D NextPublishingセンター
TEL 03-6837-4820
電子メール: np-info@impress.co.jp

企業プレスリリース詳細へ
PR TIMESトップへ

この記事に関連するニュース

トピックスRSS

ランキング

記事ミッション中・・・

10秒滞在

記事にリアクションする

記事ミッション中・・・

10秒滞在

記事にリアクションする

デイリー: 参加する
ウィークリー: 参加する
マンスリー: 参加する
10秒滞在

記事にリアクションする

次の記事を探す

エラーが発生しました

ページを再読み込みして
ください