※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 たくさんのサンプルを動かしながら、Reactの機能を基礎からしっかり、さらにモダンJavaScript、TypeScript、Next.jsによる本格的なアプリ開発まで、この1冊で総合的に学べます。 とことん丁寧でわかりやすく、開発に必要な応用力が身につけられる、必読の入門書です。 最新 React 18以降／Next.js 13以降に対応 ※カバー画像が異なる場合があります。

【Googleの生成AIを実践活用してみませんか？】 生成AIの普及が急速に浸透してきています。本書は信頼性の高いクラウド環境であるGoogle Cloudで同社の生成AIを活用するための方法を解説します。自社で生成AIを利用したWebサイト構築をしたい方への良きガイドとなるように構成しています。最初に最新のWebサイト構築に必要なJSライブラリの使用法を俯瞰していきます、そして生成AI、本書ではGoogleのPaLM APIを使います。サンプルアプリとして、書英文添削アプリ→チャットボット風アプリ→ドキュメントの要約アプリ→ドキュメントQA サービスアプリを段階的に開発していくプロセスを読者と同じ目線で開発していきます。ステップごとに工程を追いながら、その技術を学ぶことができるようになります。Web+AIで新しい機能とサービスを開発していきましょう。 ■こんな方におすすめ 既存の生成AIサービスを使うだけではなく、「生成AIを活用した新しいアプリを作って人々に提供してみたい」「業務システムに生成AIを組み込む方法を知りたい」という方に最適な内容です。Google Cloudのサービスやアプリ開発に使用するライブラリの使い方も基礎から説明していますので、これまでにアプリ開発の経験がない方でも、気軽に読み進めていただけます。 ■目次 ●第1章 前提知識 　　1.1 Google Cloud入門 　　1.2 React入門 ●第2章 Next.jsとFirebaseによるフロントエンド開発 　　2.1 Google Cloudプロジェクトのセットアップ 　　2.2 Next.jsによる静的Webページ作成 　　2.3 Firebaseのセットアップ 　　2.4 Googleログイン機能の実装 　　2.5 Cloud Runへのアプリケーションデプロイ 　　2.6 サーバーコンポーネントの利用 ●第3章 PaLM APIを用いたバックエンドサービス開発 　　3.1 PaLM APIの使い方 　　3.2 英文添削アプリの作成 　　3.3 ファッションを褒めるチャットボット風アプリの作成 ●第4章 LangChainによるPDF文書処理 　　4.1 LangChainによるPDF文書の要約 　　4.2 スマートドライブアプリの作成 ●第5章 ドキュメントQAサービス 　　5.1 埋め込みベクトルによるテキスト検索 　　5.2 ドキュメントQAサービスの作成 　　5.3 Vertex AI Searchによる検索サービス ■著者プロフィール 中井悦司：1971年4月大阪生まれ。ノーベル物理学賞を本気で夢見て、理論物理学の研究に没頭する学生時代、大学受験教育に情熱を傾ける予備校講師の頃、そして、華麗なる（？）転身を果たして、外資系ベンダーでLinuxエンジニアを生業にするに至るまで、妙な縁が続いて、常にUnix/Linuxサーバーと人生を共にする。その後、Linuxディストリビューターのエバンジェリストを経て、現在は、米系IT 企業のAIソリューションズ・アーキテクトとして活動。著書として、『［改訂新版］プロのためのLinuxシステム構築・運用技術』『ITエンジニアのための強化学習理論入門』（いずれも技術評論社）、『TensorFlowとKerasで動かしながら学ぶディープラーニングの仕組み』『JAX/Flaxで学ぶディープラーニングの仕組み』（いずれもマイナビ出版）などがある。

姉弟の旅は、魂を巡る旅――。悪魔と契約して悪人の魂を狩り、それを地獄に供給する銀符フレデリカ。弟ハウリィとの旅を描く、本格ファンタジー。

ReactはWebページの開発において主要な技術となりつつありますが、Reactコンポーネントの「ライブラリ」を作成し、それを保守運用した経験のある方はどれくらいいるでしょうか？ Webページを作成できても、コンポーネントの設計については抽象的で、実際にはStorybookを使用して保守するべきだと理解しているものの、なかなか着手できないという方も多いことでしょう。コンポーネントの管理は、細かな部分が疎かにされがちで、時には以前に似たようなコンポーネントを再度作成することがあるかもしれません！ ライブラリを作成し、コミッターとしてコントリビュートすることで、車輪の再発明を避けることができます。これにより、実績を積み重ね、スキルを向上させることができます。この書籍は、npmにライブラリを登録したり、簡単なコンポーネントを作成してライブラリ化したりする方法に焦点を当てており、読むだけで楽しく学ぶことができます。もちろん、2023年3月末にリリースされたStorybook v7に完全に対応しています！ 本書は、フロントエンドエンジニアとしてのスキルを広げ、新たな領域に挑戦したい方にとって必見の一冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 スマートフォンアプリ開発において「AndroidとiPhone（iOS）を別々に開発しなければならない」という問題点は大きな悩みです。その悩みを解決するのが、一度ソースを書けばどちらのアプリも作れる「React Native」です。本書は、React Nativeで効率的にスマホアプリを開発するためのノウハウを解説した入門書です。基本的なUI関係のコンポーネント、グラフィックの描画、データアクセスなど、開発に必要な技術をひととおり解説します。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「高速化＆最適化」「メタデータ対応」「SPAやPWAへの対応」など、これからのWebサイトに求められる要素に対応するための、静的サイトジェネレーターの活用書。本書は「GatsbyJS（Gatsby）」を使って、「ReactやJavaScript（ECMAScript）に自信が無くても、実用レベルのWebサイトを構築できるようになる」ことを目標にしています。サンプルサイトを制作しながら、ステップ・バイ・ステップで解説していきます。Gatsbyへのアプローチ方法は色々と考えられますが、本書ではHTML&CSSで作成したベースとなるページを元に、サンプルのサイトを作成していきます。書籍の構成として、大きく2部構成になっています。「イントロダクション」では、今どきのWebサイトに求められることや、静的サイトジェネレータの解説、Gatsbyについてまで解説しています。「第1部　基本的なWebサイトの構築」では、トップページとアバウトページを作成し、基本的なWebサイトを構築します。それぞれベースとなるページを元に形にしていき、画像の最適化、高速化、メタデータの設定、PWA化などの設定を行います。「第２部　ブログの構築」では、ブログを構築して、第１部で作成したサイトに記事ページと記事一覧ページを追加します。各ページはベースとなるページを元に、外部からコンテンツデータを読み込んで形にしていきます。第１部と同様に画像の最適化などの設定も行います。巻末の「APPENDIX」では、gatsby-imageを簡単に扱えるようにする方法、Googleアナリティクスの設定、gatsby-p

特集1 React/Vue.jsで実践！ コンポーネント設計 モダンフロントエンドの構造化と分割の新提案 昨今のWebアプリケーション開発ではコンポーネント指向による開発が活発化していますが，コンポーネントの分割や役割の持たせ方は現場でも悩みのタネです。本特集ではそれを解決するために，「メンタルモデル」を活用したビューコンポーネントの設計／実装方法を提案します。「関心の分離」によって疎結合を実現して部品の再利用性を高めるとともに，並列的でスムーズな開発フローの実現を目指します。 特集2 RDBMS徹底比較 PostgreSQL，MySQL，SQL Server，Oracle Database 本特集では，PostgreSQL，MySQL，SQL Server，Oracle Databaseの4つの代表的なRDBMSを，OSから見たアーキテクチャ，SQL，オブジェクトの3つの視点から比べ，その違いをまとめて説明します。本特集でとりあげるのは，RDBMSの違いのほんの一部ですが，RDBMSを選定するときや移行するときに知っておきたい基礎的な部分を紹介します。 特集3 実践Scala オブジェクト指向×関数型 オブジェクト指向と関数型プログラミングの特徴を合わせ持ち，型安全・簡潔・エレガントな表現ができるように設計され，じわじわと人気が高まっているプログラミング言語Scala。 本特集では，基本的な文法からSlack APIを使ったWebアプリケーション開発までを解説します。さらに，2019年6月にリリースされたScala 2.13.0で進した点にも触れ，Scala の持つ奥深い魅力や楽しさも紹介します。 一般記事 自作キーボードのススメ デザイン，配列，打鍵感……自由自在

特集1 ［コードで超わかる！］ 実践Android/iOSアプリ設計 開発を加速させる実装パターン 本特集では，Android/iOS アプリ開発に役立つ設計パターンを紹介します。Android/iOSアプリ開発では，プラットフォームによって行われる1年ごとの大規模なアップデートに追従していかなければなりません。また，サービス改善のために，高頻度でリリースを行う必要があります。これらの変化に対処するために，設計パターンが役立ちます。その中でも本特集では，DIパターン，MVVMパターン，FluxアーキテクチャというAndroid/iOSアプリ開発で重要な3つを詳説します。Android，iOSそれぞれのサンプルアプリを用意し，それらのコードを用いて実践的に解説していきますので，現場での設計にすぐに役立ちます。 特集2 ［速習］Spring Boot 簡潔にコードを書けるJavaフレームワーク JavaによるWebアプリケーション開発を効率化するフレームワーク「SpringBoot」の特集です。Spring Bootは，複雑化してしまったSpring Frameworkの問題点を解消するべく開発されました。設定作業などを最小限にして非常に簡単にアプリケーションの開発を行えます。本特集では，実際にWebアプリケーションを作成するところまで解説します。Spring Bootの簡単に本番レベルのアプリケーションを開発できるメリットを体験してください。 特集3 仮想DOM革命 ReactでGUI設計が変わる！ 話題を呼んだWeb記事「なぜ仮想DOMという概念が俺達の魂を震えさせるのか」から3年半。mizchiこと竹馬光太郎氏が再び「仮想DOM」を語ります。「仮想DOMはWebのみならず，GUI設計の根幹を変える可能性すら持つ！」仮想DOMのしくみから，Fluxとの関連，さらにはその影響を受けたフォロワーたちの最新事情までをじっくりと解説。仮想DOMはいまでも魂を震えさせ続けています。

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-12891-3)も合わせてご覧ください。 特集1 Reactの深層 最新バージョンから読み解く！ 変わる常識と変わらない思想 本特集はReact 18のリリースを受け，これまでのReactについて復習するとともに，React 18の新機能を紹介します。新機能を使いこなすにあたり，前半ではこれまでのReactの使い方やAPIに込められた思想を確認し，後半ではReactユーザーが対応を迫られる新しい常識を解説します。将来にわたってReactらしいコーディングをするための考察です。 特集2 できるところから無理なく導入！ 小さく始めるデザインシステム 「デザインシステム」という用語を耳にする機会が増えました。しかし，重要な概念であることはわかっていても，考えなければいけないことがたくさんあり導入に踏み切れない方も多いのではないでしょうか。もちろんデザインシステムはすべての要素を考慮するのが理想ですが，完璧を目指すあまり採用を見送ってしまうのはもったいないと思います。本特集では「小さく始める」ことをコンセプトに，できるところから無理なく始め，そのメリットを知ってもらうことを目的としています。 特集3 最新レコメンドエンジン総実装 協調フィルタリングから深層学習まで レコメンドエンジンとは，ECサイトやWebサイト上で，ユーザーにお勧めの商品やコンテンツを表示するためのシステムです。本特集では，Python言語を用いてレコメンドエンジンを実際に作成し，理解を深めていきます。実サービスに導入できるレコメンドシステムのしくみ，汎用的なものから深層学習までのレコメンドエンジンの実装，良いレコメンドエンジンとは何かを評価する方法を紹介します。

特集1 ついに登場!!! より速く，より安全に，より効率的に HTTP/3入門 本特集では，新しく登場したHTTP/3とQUICのしくみをゼロから徹底解説します。HTTP/3では，TCPに代わって新しく策定されたQUICというプロトコルを活用し，より速く，より安全に，より効率的にHTTPメッセージをやりとりします。ブラウザやWebサービスでは，すでにHTTP/3とQUICの利用が開始されています。Web開発者である本誌読者のみなさんには必読の特集です！ 特集2 Reactベースの柔軟・省設定フレームワーク いまどきNext.js Next.jsはイベントのランディングページのような静的なサイトを構築することもできれば，ブログやニュースサイトといった動的なサイトを構築することもできる，幅広いニーズに対応したフロントエンドのフレームワークです。Next.jsには非常に多くの機能がありますが，本特集では中核となる「段階的な静的生成」の機能について深く解説します。 特集3 脆弱性への緊急対応の手立て 実践WAF WAF（Web Application Firewall）は，Webアプリケーションのセキュリティを保護するための手段の1つです。脆弱性のある機能を停止することなく，発生した脆弱性を一時的に緩和できます。本特集では，「WAFとは何か」から説き起こし，OSS（Open Source Software）のWAFであるModSecurityの基本設定と使い方，さらにはマネージドWAFサービスであるAWS WAF について紹介します。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Reactのコンセプト、コンポーネント、JSX、活用テクニック、一歩進んだ使い方を解説！ Reactは、Webアプリケーションにおいて、ユーザーインターフェース（UI）を構築するためのJavaScriptライブラリ。Facebook/Instagram社が中心となって、オープンソースとして開発・保守されています。Reactを使えば、プログラムの保守・再利用が容易になると同時に比較的高速な動作を実現できます。 本書ではこれらの特長を概観したあと、開発の基本、一歩進んだ使い方などを解説します。Hello Worldや小さめのサンプルからはじめることで、初歩のレベルから着実に理解できるようにしました。これからReactによる開発を学ぼうとする方にとって最適な実践的入門書です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 技術の進歩に伴い、アプリケーション開発の世界も大きく変化しています。 Webやスマホアプリの開発の分野では常に新しい技術が登場し話題になることも多いですが、PCのアプリケーション開発についてはあまり注目されることは多くなく、人によっては開発技術が停滞しているように思われるかもしれません。 しかし、それは間違った認識で、ここ数年の間、PCのアプリケーション開発は従来の方法からかなり大きく変化しています。それは「ネイティブコードによる開発からWeb技術をベースにした開発」へのシフトです。 かつてはC++などで開発するのがあたりまえだったPCアプリケーション開発が、C#やVB、Objective-Cで開発されるようになり、そして現在はWeb開発と同じようにJavaScriptで開発する時代が到来しています。 その中心となる技術が本書で解説するElectronです。 Electronは、Node.jsを利用したJavaScriptによるアプリケーション開発環境で、Webアプリケーション同様、JavaScriptとHTMLによりPCアプリケーションを開発します。 独自APIにより、ネイティブアプリのようなUIが利用可能で、一見したところ殆どネイティブアプリと変わらないアプリケーションが開発できます。 またJavaScriptベースでWebアプリと同じやり方で開発を行うため、Web開発用のUIフレームワークReactやプログレッシブフレームワークVueなど、多くのフレームワークがそのまま利用できます。 更にNode.js上で動くため、アプリケーションフレームワークexpressやテンプレートエンジンjade等々Node.js用のパッケージも多数利用可能です。 JavaScriptエンジンV8による高速化とハードウェアの進化により、Electronで開発されたアプリケーションの実行速度もネイティブアプリケーションと比べ遜色ないレベルに達しており、現在広く利用されている著名アプリケーション(Slack、WhatsApp、MS Teams、Facebook Messenger、Atomなど)もElectronベースのアプリケーションです。 このように本格的なPCアプリケーション開発にかなりElectronは浸透してきていますが、Electronベースの開発に関する情報は日本ではまだ少ないのが現状です。本書は今後ますます需要が高まると思われるElectronによるアプリケーション開発入門書です。

本書は2016年に出版した『ASP.NET MVC プログラミング入門』の改訂版です。開発フレームワークが.NET 7となり、大幅に加筆を行っています。 　一般にブラウザーによるWebアプリケーション技術としては、 ・ページ遷移を伴わないシングルページアプリケーション（SPA） ・ページ遷移を伴うMVCパターンを使ったアプリケーション の2種類があります。本書は後者のMVCパターンのアプリケーションに関する解説書です。ただし前の版と異なり、 ・dotnetコマンドを使ったシングルページアプリケーション（SPA）技術 ・AzureやDockerを使った実行環境を含めて、SPAにも活用できる内容になっています。 　前の版からサンプルコードを新しいバージョンに変更するだけでなく、昨今のネットワークを使ったアプリケーション開発に合わせて、Web APIとしてのASP.NET Core MVCの活用、React.jsやVue.jsとの連携、Azureへのデプロイなどの周辺技術を追加しました（第2章、第13章、第14章を新規追加）。動作環境としては、Windows 11とVisual Studio 2022の組み合わせで検証できます。加えて、.NET 7がマルチプラットフォームで動作することを確認するために、付録ではLinux上の動作確認やデータベースにMySQLを利用したサンプルを追加し、さらに同じASP.NET CoreですがASP.NET Core MVCとは異なるASP.NET Core Webアプリを簡潔に説明しました。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 この商品は固定レイアウト作成されており、文字列のハイライトや検索、辞書の参照、引用などの機能はご利用いただけません。 サーバーレス開発のデファクトスタンダード!AWSAmplifyでフロント＝バックを一元開発!! 時代は「バックエンドで全てを処理する」から「バックエンドをAPI化しフロントエンドで処理する」というサーバーレスへ移行しつつある。 そのデファクトスタンダードとなりつつあるのが「AWSAmplify」だ。 データベースやアカウント管理などのバックエンドを管理するツール「AWSAmplifyAtudio」により高度な知識がなくともバックエンドを効率よく開発管理できる。 AWSAmplify+AWSAmplifyStudioでクラウドベースアプリケーション開発を実現しよう！ 「本書まえがきより抜粋」 クラウド開発環境の本命「AWSAmplify」 AWSAmplifyは「バックエンドはAWSのサービスで実装」「フロントエンドはReactなどを使い、専用ライブラリでバックエンドと連携」という形でフロント=バックをきれいに一元管理します。また、バックエンドの開発のために「AmplifyStudio」という専用のWebベースアプリケーションが提供され、これによりサインインの管理、データベースやS3のファイルアクセス、Lambdaを使った関数の呼び出しなどをビジュアルに管理できるようにします。 ただし、これらを使いこなしてフロント=バックを一括で開発するためには、さまざまな技術を身につける必要があります。 AmplifyStudioの使い方はもちろん、AWSの主なサービスの使い方、フロントエンドのUI設計に用いるFigmaによるデザイン、さらにはフロントエンドのReactの技術も必要となるでしょう。これらを1つ1つ学んでいこうとしたら、すべてを理解するのはいつになるかわかりません。そこで、「AWSAmplifyによる開発に必要な技術を一冊で全て学ぶ」というコンセプトのもとに執筆したのが本書です。本書は、「とりあえずJavaScriptベースのプログラミングはなんとかわかる」という人を対象に、AWSAmplifyでアプリケーション開発を行うために必要となる技術全般をまとめて説明します。本書を読めば、AWSAmplifyで簡単なWebアプリケーションぐらいすぐに作れるようになるでしょう。 「すべてをクラウドに」――AWSAmplifyを使えば、それも実現不可能ではありません。本書でAmplifyを体験してみてくだ’さい。クラウドのイメージがひょっとしたら大きく変わるかもしれませんよ。 2022年7月掌田津耶乃

本書は、「今」使える技術やAPI をふんだんに使った、ブラウザで動くカメラアプリの作り方を通じて各種の技術をハンズオン形式で解説します。 Parcel や React、CSS Modules の設定に始まり、画面のスタイリング、 getUserMedia や applyConstraints、ImageCapture、 EXIF、 Geolocation、 WebAssembly、Web Worker、OffscreenCanvas、Shape Detection API、WebGL、PWA などの技術を、『広く浅く』学ぶことができる一冊です！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【TypeScriptでわかりにくい「型」の違いを豊富な図解と例題でわかりやすく解説しているプログラミングの教科書です】 本書は、「広く・正しく・新しく」をコンセプトにTypeScriptでプログラミングをはじめるにあたって基本的なことはすべて学習できる内容となっています。また、イラストによる図解方式で概念をやさしく解説しているので、プログラミングが初めての人でも安心して学習を進めることができます。なお、章の最後には練習問題を収録しているので、内容がきちんと理解できたかを確認することができるので、プログラミングの教科書としても利用できます。 ■目次 ■1章 TypeScriptをはじめよう 　　1-01 TypeScriptとは 　　1-02 開発環境の構築 　　1-03 TypeScriptのプログラム作成 　　1-04 TypeScriptの基本ルール 　　章末復習問題 ■2章 変数とデータ型 　　2-01 変数とは 　　2-02 変数の宣言と値の代入 　　2-03 データ型 　　2-04 型推論 　　2-05 列挙型 　　2-06 タプル型 　　章末復習問題 ■3章 配列 　　3-01 配列とは 　　3-02 配列の操作 　　3-03 多次元配列 　　3-04 ジャグ配列 　　3-05 連想配列 　　章末復習問題 ■4章 演算子 　　4-01 演算子とは 　　4-02 算術演算子 　　4-03 代入演算子 　　4-04 ビットシフト演算子 　　4-05 比較演算子 　　4-06 論理演算子 　　4-07 文字列結合演算子 　　章末復習問題 ■5章 条件分岐処理 　　5-01 条件分岐処理とは 　　5-02 if文 　　5-03 if文と論理演算子 　　5-04 三項演算子 　　5-05 switch 文 　　章末復習問題 ■6章 繰り返し処理 　　6-01 繰り返し処理とは 　　6-02 while文 　　6-03 do-while文 　　6-04 for文 　　6-05 for-of文 　　6-06 繰り返し処理の終了と継続 　　6-07 多重ループ 　　章末復習問題 ■7章 関数 　　7-01 関数の作成 　　7-02 引数のある関数の作成 　　7-03 戻り値のある関数の作成 　　7-04 関数式とアロー関数 　　7-05 ジェネリクス 　　7-06 スコープ 　　章末復習問題 ■8章 クラスの基本 　　8-01 クラス 　　8-02 プロパティ 　　8-03 メソッド 　　8-04 コンストラクタ 　　8-05 アクセス修飾子 　　章末復習問題 ■9章 クラスの応用 　　9-01 継承 　　9-02 オーバーライドとオーバーロード 　　9-03 アクセス修飾子（protected） 　　9-04 ジェネリックメソッド 　　章末復習問題 ■10章 抽象クラスとインターフェース 　　10-01 抽象クラス 　　10-02 インターフェースとは 　　10-03 インターフェースの継承 　　章末復習問題 ■11章 例外処理 　　11-01 例外処理とは 　　11-02 try catch finally 　　11-03 Errorオブジェクト 　　11-04 カスタム例外クラス 　　章末復習問題 ■12章 モジュール 　　12-01 モジュールとは 　　12-02 デフォルトエクスポート／インポート 　　12-03 モジュールの分割と階層化 　　章末復習問題 ■13章 ReactによるWebアプリ開発 　　13-01 Webページの作成 　　13-02 Reactとは 　　13-03 開発用プロジェクトの作成 　　13-04 Reactの基本ファイル 　　13-05 カウンターアプリの作成 　　13-06 お天気アプリの作成 　　章末復習問題 ■章末復習問題解答＆チートシート ■著者プロフィール HIRO（ひろ）：1995年頃からプログラミングの世界に足を踏み入れ、未知の技術や新しいプログラミング言語の習得を趣味としている。専門は.NETで、特にC#におけるアプリ開発を楽しみ、初心者向けの情報を数多く配信している。

本書は、Reactをベースにしたフロントエンド開発のフレームワークである「Next.js」を使ってWeb開発を行うための入門書です。Next.jsの機能と、それらを活用したWebアプリケーション開発の方法を解説しています。 本書では、React/Next.jsを利用するに当たっての前提知識からReact/Next.jsの基本はもちろん、Next.jsを使った実際のアプリケーション開発のハンズオンを行います。 これからNext.jsを使った開発を始めたい人におすすめの1冊です。

アプリを作りながらReact Nativeを学ぼう！基本の仕組みから実践までを徹底解説！ ReactとJavaScriptによるWebアプリケーション開発に近いお作法で、 AndroidやiOSのアプリ開発ができるツール「React Native」。 本書では、このReact Nativeの基本的な仕組みや使い方を解説し、 React Nativeを使ったアプリケーション開発を通して、より理解を深めることができます。 「一度の実装で複数のプラットフォームにアプリを提供したい」といったエンジニアはもちろん、 Webサービスに携わる開発者におすすめの1冊です！ 【対象読者】 ・JavaScriptとWeb開発の基礎に理解がある方 ・Reactを用いたJavaScriptアプリケーション開発の経験者 ・Androidアプリ開発の経験者 ・iOSアプリ開発の経験者 ※本電子書籍は同名オンデマンド出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。 （翔泳社）

　本書では、 ・React/React Hooksの基本の習得 ・React/React Hooksを利用した簡単なアプリの作成ができる をゴールとし、つまずきやすいポイントを確認しながらReact/React Hooksが学べる1冊です。 　Reactの学習を進める上でつまずく原因はJavaScriptへの理解不足であることがほとんどではないかと考え、本書の冒頭ではJavaScriptの基礎について多めにページを割いています。 　JavaScriptの基礎を固めた上でReact/React Hooksを学んだあとは、TODOアプリの作成に挑戦してみましょう。 　また、Chakra UIを使って、Reactアプリのスタイリングも解説しています。 ■対象読者 ・JavaScriptは少し書けるがさらにスキルアップしたい人 ・React/React Hooksを書けるWebデザイナー／フロントエンドエンジニアを目指す人 ・React/React Hooksでアプリの開発を行ってみたい人 ・React公式サイトの内容を、少し難しいと感じた人 ・Reactを一度学習してみたが、挫折してしまった人 ・Reactを始めてみたいけど、どうしたらいいかよくわからない人

本書は、Clean Architectureの観点から、ReactやReduxで構築されたアプリケーションの設計をとらえなおし、新たな設計の提案も行う解説書です。これまでClean Architectureがあまり取り入れられてこなかったWebフロントエンド領域に対してこの手法を適用することを目指します。

ReactとNode.jsを組み合わせた「SPA+BFF」アプリを30分で作成！ アイデアをスピーディに形にできるWebアプリ開発ツール「K5 Playground」を徹底解説した実践ガイドです。 NetflixやInstagramといった世界的に有名なサービスは、優れたUXを備えた最新のフロントエンドで顧客の心をつかんでいます。しかし、そんな最先端のフロントエンド技術を使いこなして開発、デプロイし、実際のサービスとしてリリースするのは至難の業。 著者の藤田氏は「そんな中で『クラウドネイティブなアプリ開発を誰にでも』というテーマを形にしてみたのが『K5 Playground』というツール」だと、本書はじめにの中で述べています。 K5 Playgroundは、Reactなどを使ったモダンなアーキテクチャをベースに、チャットボットやSNS連携アプリなど、さまざまなWebアプリを「数10分で」開発できる開発ツールです。 本書では、そんなK5 Playgroundで今どきのWebアプリ開発を実現するノウハウを紹介。Webアプリケーション開発の変遷から、実際にチャットボットアプリを開発する手順まで贅沢に詰め込んだ一冊です。 【対象読者】 ・Webアプリケーション開発の動向を知りたい方 ・アイデアをすぐ形にして試したい方 ・最新のフロントエンド技術での開発を体験したい方 ・今よりもっと高速にフロントエンド開発を進めたい方 ※本電子書籍は同名POD出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「JavaScriptを学ぼう」 そんなふうに思っても、「JavaScript」は現在では、非常に関連技術の多い言語になっています。JavaScript関連のキーワードを上げてみると、「ECMAScript / TypeScript / Vue.js / Nuxt.js / React / Angular / jQuery」など、上げていったらキリがないほどです。 これらはそれぞれ「JSライブラリー」とか「JSフレームワーク」などと呼ばれているJSの周辺技術ですが、現在のウェブサイト制作や、ウェブアプリ開発では、これらの周辺技術の理解が必須になっています。 本書は、こういった事情に合わせて、今JavaScriptを学ぶなら、この周辺技術は必須だと筆者が考える以下の内容について解説しています。 ・JavaScript ・ECMAScript ・Vue.js ・TypeScript これだけでも非常にカバー範囲が広く、1冊に納めるのは容易ではありませんが、それでもこれらの知識は抑えておいて欲しいという筆者の願いから、1冊に詰め込みました。 ぜひ本書を通じて、JavaScriptの魅力と現在のJavaScript開発のトレンドを抑えて頂けると幸いです。これからのウェブ開発にお役に立つことを願っています。 （「はじめに」より一部修正） 「Chapter1 JavaScriptを学ぶための準備をしよう」では、JavaScriptを学ぶための環境構築を行います。といっても、Google Chrome（ウェブブラウザー）と、Visual Studio Code（エディター）を

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は、フロントエンド向けアプリケーションフレームワークの選択に悩んでいる人向けの本です。ネットでもフレームワークの違いについての情報は入手できますが、フレームワーク未経験者にとって、「どれが自分に最適なのか？」は、なかなか解決できません。免許とりたてで運転経験の少ない人が、カタログとクチコミを見て、自分に最適な車を選ぶようなものです。かなり無理があります。最終的には、乗り比べてみないと自分にとっての違いはわかりません。 　フレームワークも同じです。使ってみないと違いはよくわかりません。本書では、前提知識を身につけた後、同じ機能を持つ実装コードをフレームワークごとに比較します。未経験者でもコードレベルの比較ができるように、詳しくコメントを付けていますので、違いをしっかりと把握して、納得のいく選択ができます。

スマホアプリをSwiftで開発する際、エンジニアの大半がWebを主戦場にしていると、Swift製のスマホアプリをメンテナンスできるエンジニアが限られてしまいます。この状況では、継続的かつ迅速に開発を行うことはおろか、ビジネス要求に応えることも困難です。本書ではこのような状況下で筆者が経験した状況、技術選定、開発時の詳細(ReactNativeによる実装)を紹介します。

本書は、バックエンドをサーバレスで実装し、フロントエンドをSPAで実装する方法を解説しています。この本を読めば、サーバレスとSPAで構成されたアプリの開発がスタートできます。 本書の目的は、サーバレスとSPAで構成されたアプリの開発をスタートすることです。サンプルプログラムを用意しているので、これを動かしながら開発の流れを学びます。 ReactやTypeScriptなどを使用していますが、これらの入門的な内容は本書では扱っていません。

本書は、Ethereumのブロックチェーンとreactを使って、フロント側で自分の好きな画像を使ってNFTを発行することができるアプリをつくれるようになる解説書です。NFTを開発する側から見るときにどう見れば理解しやすいかというところからIPFSを使ったNFTを発行するところまでの流れを解説しています。solidityとreactに関しては本当に基本的なところがわかっていれば理解できます。

本書は主にサーバーサイドを専門に開発してきた著者が、仕事でゼロからフロントエンドを開発する中で、現場で実際にReactを使って学んだ情報やTipsをまとめたものです。 実際にはじめてReactを使って開発していく際、ページのUI(コンポーネント)をどのように組み立てていけばよいのか、create-react-appに頼っていたフロントエンドのビルドの裏側など、実務を通して学んだReactの「チュートリアル以外のTips」を掲載しています。 本書を足がかりに、チュートリアルなどを通じて具体的な開発に必要なAPIの情報を随時調べていくことで、初学者でもReactを使った開発を具体的にイメージしやすくなります。

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2023/978-4-297-12957-6)も合わせてご覧ください。 Node.jsの入門書です。Node.jsは今やWebアプリケーション開発には欠かせない存在です。 本書には，Node.jsで実際にアプリケーション開発をはじめるための知識がまとまっています。 基礎知識，環境構築，重要文法，非同期，CLIツール開発，Expressを用いたサーバーサイドの開発やフロントエンド（React）との連携などNode.jsの全体像が学べます。 現場で活躍する第一人者が，Node.jsのアプリケーション開発の指針やノウハウを教えます。

Webシステムを「まるごと作る」フルスタック開発体験！ 幅広く活躍できるワンランク上のエンジニアになるために 本書は、Webシステムの「フロントエンド」と「バックエンド」を、一冊でまるごと（＝フルスタックで）作り上げる書籍です。 サンプルアプリケーションの開発を通じて、 ・フロントエンドとバックエンドをどのように連携させるか ・データ構造／マスタデータをどのように管理するか ・リポジトリを効率的に管理するにはどうするか といったポイントを、手を動かしながらひとつひとつ学習できます。実装手段のフレームワークには「Next.js」と「Django」を選定しているため、モダンなWeb開発の全体像を把握することにも役立ちます。 分業化の進む現代的なWeb開発の現場で、あなたが自分の担当外の開発領域についてきちんと理解ができていないと感じるなら、本書は最適の学習書になるはずです。本書を読めば、フロントエンド／バックエンドそれぞれの動作原理や開発テクニックはもちろん、開発のさまざまな工程で効率化を図るためのノウハウを習得できます。 Webシステム開発の全体像を見渡し、現場で幅広く活躍できるフルスタックな視野と知識が身につく一冊です。 ■対象読者 ・業務経験2～3年目のフロントエンドエンジニア／バックエンドエンジニア・担当領域外の開発技術や開発手法を知りたい人・モダンなWeb開発の全体像を把握したいマネージャー／リーダー層 ■目次 【第I部　Webシステム開発の基本】 第1章　Webシステム開発の基本知識 第2章　React（Next.js）＋Django（Python）環境の構築 第3章　VSCode＋Dockerでの開発 第4章　フロントエンドとバックエンドのシステム連携の基本 【第II部　Webシステム開発の実践】 第5章　フロントエンドの実装 第6章　バックエンドの実装とフロントエンドとのシステム連携 第7章　非同期処理とバッチ処理の実装 第8章　データ構造・マスタデータの管理 【第III部　現場で役立つ周辺知識】 第9章　チームビルディング 第10章　設計 第11章　Gitによるリポジトリ管理 ★読者特典ダウンロードPDF付き 特典A　アーキテクチャの選定 特典B　本番環境の構築 ※PDFは翔泳社のサイト上からダウンロードできます。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-12917-0)も合わせてご覧ください。 新しいフロントエンドの入門書決定版！ 本書はReact/Next.jsとTypeScriptを用いてWebアプリケーションを開発する入門書です。 WebアプリケーションフレームワークNext.jsはReactをベースに開発されています。高速さに裏付けされた高いUXと，開発しやすさを両立しているのが特徴です。 本書では，Next.jsの開発をより快適・堅牢にするTypeScriptで開発を進めます。 Next.jsによるアプリケーション開発の基礎，最新のフロントエンドやWebアプリケーションの開発方法が学べます。

フロントエンドのJavaScriptフレームワークはVue.jsの他にもReact、Anglarなどさまざまありますが、その中でもVue.jsは学習コストが低いのが特徴です。Vue.jsアプリケーションは、基本的にはHTMLを拡張したテンプレートと、JavaScriptのコードから構成されます。そのため、HTMLとJavaScriptに馴染みがあれば、基本的な使い方はすぐに理解できるでしょう。Vue.jsを学習するテキストとして、最もやさしい書籍という意図で本書は制作されました。タイトル通り、「たった1日で基本が身に付く！」Vue.jsの入門書です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「難しい」と敬遠していたCSSグリッドがきちんと身につく。 CSSグリッドを用いてWebサイトをデザインするための実践的な知識をまとめました。 より深く理解し身に着けるために、HTML & CSSの歴史から振り返り、CSSグリッドの立ち位置や基本を見直した上で、 実践的なパーツやUIを構築し、力がつく一冊になっています。 「CSSグリッドってなんだか難しい」と距離を置いていた方も、きっと使える知識が身につきます。 Chapter 1　Web標準のレイアウトシステム Chapter 2　CSSグリッドの誕生とその特徴 Chapter 3　基本のグリッド Chapter 4　CSSグリッドのロジック Chapter 5　グリッドレイアウト実践 エビスコム ebisu.com/ Webと出版を中心にフロントエンド開発・制作・デザインを行っています。 HTML/CSS、WordPress、 GatsbyJS、 Next.js、 Astro、 Docusaurus、Figma、 etc. 主な編著書： 『作って学ぶ WordPress ブロックテーマ』マイナビ出版刊 『作って学ぶ Next.js/React Webサイト構築』マイナビ出版刊 『作って学ぶ HTML＆CSSモダンコーディング』同上 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『WordPressノート クラシックテーマにおけるtheme.jsonの影響と対策 2023』エビスコム電子書籍出版部刊 『Astro v2とTinaCMSでシンプルに作るブログサイト』同上 『HTML&CSS コーディング・プラクティスブック 1～8』同上 ほか多数 ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ステップバイステップでマスターする、Next.jsによる「これからの」Web制作 Reactベースのフレームワーク、Next.jsによるWeb構築の基本と実践を、ステップバイステップで学べる本。 本書は、これまでHTML&CSSを使ってきたものの、Reactにはちょっと手を出せなかった方を対象に、実際にブログを作成しながら、Next.jsを使ってサイトを構築できるようになることを目指しています。 Next.jsはReactの環境が簡単に整い、サイトも構築でき、静的生成やサーバーサイドレンダリングも試せます。学ぶ環境としても、経験を積む環境としても、そして実務のための環境としてもバランスよく整っているといえます。 Next.jsの基本的な機能が理解できることはもちろん、Reactの基本やReactでのCSSの扱いもしっかり解説しています。 ●構成 Chpater1　ReactとJSX Chpater2　コンポーネント Chapter3　CSS Modulesとスタイル Chpater4　レイアウトのスタイル Chapter5　画像とアイコン Chapter6　メタデータ Chapter7　外部データの利用 Chapter8　記事データの表示 Chapter9　動的なルーティング Chapter10　React Hooks（フック） ●本書で制作するサンプルサイトについて 本書ではNext.jsを使用して、ブログサイトをステップ・バイ・ステップで構築していきます。Next.js、React、JavaScript、CSS Modules、styled-jsxの活用方法や設定をわかりやすく見ていくため、ミニマルでシンプルなデザインにしてあります。Figma のデザインデータとして、デザインシステム（コンポーネント＆デザイントークン）もセットで用意していますので、実装時の参考にしてください。記事データの管理にはヘッドレスCMSのmicroCMSを利用します。 Chpater1　ReactとJSX Chpater2　コンポーネント Chapter3　CSS Modulesとスタイル Chpater4　レイアウトのスタイル Chapter5　画像とアイコン Chapter6　メタデータ Chapter7　外部データの利用 Chapter8　記事データの表示 Chapter9　動的なルーティング Chapter10　React Hooks（フック） エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書： 『作って学ぶ HTML&CSSモダンコーディング』マイナビ出版刊 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『CSSグリッドレイアウト デザインブック』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上 『CSSグリッドで作るHTML5&CSS3レッスンブック』同上 『HTML&CSS コーディング・プラクティスブック 1～7』エビスコム電子書籍出版部刊 『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』同上 『グーテンベルク時代のWordPressノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これからのWordPressテーマ作成の標準、ブロックテーマをきちんとマスターする！ 制作環境が大きく変わりつつあるWordPress。サイトエディターを中心としたブロックテーマの制作環境が整い、ノーコードでのテーマ制作やサイトの構築が一気に形になってきました。それに合わせるようにWordPress の開発も、ブロックテーマを前提としたものへと変化を始めています。 新しいテーマ作成手法である「ブロックテーマ」を習得することは、クラシックテーマやハイブリッドテーマを作る上でも役立ちます。 本書はブロックテーマを作成する過程を通して、 ・ブロックテーマの作成の流れ ・サイトエディターの使い方 ・theme.json の作成方法とその目的 ・theme.json を中心とした、これからのWordPress のスタイリング がしっかり理解できる内容となっています。 これからのWordPressテーマ制作に、ぜひ活用してください。 エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書： 『作って学ぶ　Next.js/React　Webサイト構築』マイナビ出版刊 『作って学ぶ HTML&CSSモダンコーディング』同上 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『CSSグリッドレイアウト デザインブック』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上 『CSSグリッドで作るHTML5&CSS3レッスンブック』同上 『HTML&CSS コーディング・プラクティスブック 1～7』エビスコム電子書籍出版部刊 『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』同上 『グーテンベルク時代のWordPressノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 2013年にFacebook社によって公開されたJavaScriptライブラリーがReact（React.js）です。仮想DOMによる高速表示、コンポーネント指向による高いメンテナンス性といった特長からFacebookだけでなく、Instagram、Airbnbなどの大規模Webサービスでも採用されています。本書は、簡単なじゃんけんアプリを作りながら学べるReactの入門書です。開発環境構築も詳述しましたので、JavaScript（ES6）への移行を目指す人にも最適です！

本書はFirebaseを使ったウェブアプリケーションをTestableな形で開発していくための技術解説書です。 フレームワークとしてはVite/Reactを利用し、テストフレームワークとしてはVitest/Cypress、Firebaseもウェブアプリケーションとしては一般的なFirebase Authentication、Firestore、Firebase Functions、Firebase Storageを対象としています。 冒頭で開発する流れを説明した上で、サンプルコードを使ってなるべく具体的な例でテストを書きながら開発が進めていけるような形でまとめていますので、ご自身のユースケースのところだけを読んでいただいても理解できるようになっています。

本書では「JavaScript 開発の経験はあるが、TypeScript についてはこれから学ぼうと思っている」という方を対象に、次のように本書の前半部分ではTypeScriptの基礎を解説し、それ以降では「実際に動くものを作ってみる」という内容となっています。 ・TypeScriptの概要 ・基本的なシンタックス ・Node.jsで動くアプリケーションを作ってみよう ・ブラウザで動くアプリケーションを作ってみよう ・React の UIライブラリを作ってみよう 本書を1冊通して学習することで「TypeScriptの勘所」を身に付けることができます。ご自身でコードを書いていく中で、驚くほどTypeScriptが手に馴染んでいく感覚をぜひ味わってみてください。

【複雑化したフロントエンド開発環境の構築がこの１冊でさらっとわかる！】 本書は、ReactやVue.jsなどに代表される新しいフレームワークの到来により最適化されたWebアプリの開発ができるようになったにもかかわらず、それぞれの開発環境の構築が複雑化したことで技術選定に苦労しているエンジニアに向けた「サクッとわかる」開発環境構築ガイドです。ベストプラクティスを提示するのではなく、環境構築に慣れていないエンジニアがとりあえず自分なりの最適なツールを選ぶための入り口に立つことができる入門書です。 《本書の対象読者》 ・モダンなJavaScriptを書きたいが、書き方がよくわからない ・BabelやWebpackの設定方法がいまいちわかっていない ・ESLint、Flow、Jestなどを導入したいが、方法がわからない

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Vue.js は「プログレッシブフレームワーク」という概念に基づいて開発されたJavaScript フレームワークで，Web アプリケーションのユーザインターフェース（UI）構築を支援します。Web アプリケーション開発の現場ではこれまでもKnockout.js，React，Angular などさまざまなJavaScriptフレームワークが使われてきましたが，習得が容易なこと，高機能なこと，パフォーマンスの良さなどから，近年この「Vue.js」の人気が特に高まっています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 アプリケーション開発には、基本のMVC以外の機能実装が非常に重要になります。本書は、既刊『PHPフレームワーク Laravel入門』を読み終わった方に向けて、もっと知りたいという要望の高かったMVC以外の機能実装の手法を解説します。コア機能の詳細から、サービス、DBクラスとEloquent、ジョブ管理、フロントエンド（Vue.js、React、Angular）との連携、ユニットテスト、Artisanコマンドまで詳細にわかります。Laravel5.8.9準拠。

【動画投稿サイトの制作を題材に学ぶFirebase！】 本書は、動画投稿サイトの制作を題材としたReact によるフロントエンド開発とFirebaseの主要な機能である Authentication、 Firestore、Cloud Storage、Cloud Functionsの各機能を理解しつつ、Firebaseによるシングルページアプリケーションの開発について学ぶことができる入門書です。 〈本書の対象読者〉 ・Firebaseは名前は聞いたことがあるが、実際に触ったことはない人 ・JavaScriptだけで、Webアプリケーションを開発してみたい人 ・Firebase と 何かしらのモダンなJSフレームワークを組み合わせてアプリケーションを開発してみたい人 ・サーバーサイドだけでなく、フロントエンドの開発にも興味がある人

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Googleが開発しているモバイルアプリケーションSDK、Flutterの実践解説書です。 iOS・Androidなどクロスプラットフォームで動作するモバイルアプリの開発者を対象にして、全体感を踏まえた基礎的な部分から実践的な概念や実装に至るまで、丁寧に説明していきます。 モバイルアプリ開発に課題を感じている開発者の方が、課題解決方法の1つとしてFlutterを活用できる手助けができれば幸いです。 書籍中で解説しているサンプルコードをダウンロード可能です。 ●南里 勇気（なんり　ゆうき） 株式会社FiNC Technologies所属、アプリエンジニア（Android・iOS）。 クロスプラットフォーム開発に興味を持ち、FlutterやFirebaseに関連する勉強会の主催に加え、DroidKaigiやAndroid Bazaar and Conferenceなど各種カンファレンス登壇実績も多数。Bluetooth LEや機械学習、AR・VRなどの組み込み開発の実務経験もある。 ●太田 佳敬（おおた　よしあき） サーバーサイドエンジニア。健康系アプリ開発会社からAIベンチャーへと転職、アプリエンジニアとしてiOS・Android向けの開発を担当することで、クロスプラットフォーム開発に興味を持つ。現在はアプリはもちろん、バックエンドに加えてVue.jsやk8sなどあらゆる領域を担当し、Webへの展開を見据えたクロスプラットフォーム開発の1回答としてFlutterに注力している。 ●矢田 裕基（やた　ひろき） 株式会社FiNC Technologies所属、アプリエンジニア（Android）。 スマートフォンアプリ、アート作品やデジタルサイネージ、パズルなどを制作に携わり、現在のポジションとなる。ユーザーインターフェイスに関心があり、Material Design実装が容易なFlutterに興味を持つ。過去の実績として、『物理演算を用いた作曲インターフェス』が独立行政法人情報処理推進機構（IPA）の2009年度上期未踏ユースに採択されている。 ●片桐 寛貴（かたぎり　ひろき） 株式会社FiNC Technologies所属、サーバーサイドエンジニア。 フロントエンドからバックエンドまでサーバーサイドを中心にWeb関連全般を担当。バックエンドではPHPやRails、フロントはVue.jsやReact などを得意としている。最近はSRE（サイト信頼性エンジニアリング）や機械学習に興味を持つ。

【実践的な操作から拡張機能開発まで網羅！】 プログラマーの仕事道具と言えばプログラミングエディターです。Microsoftが開発したVisual Studio Codeは、現在最も人気のあるエディターです。本書では、日々のコーディングでVisual Studio Codeを使いこなすための方法を解説します。 Visual Studio Codeの最大の特徴は、高いカスタマイズ性と豊富な拡張機能です。Visual Studio Codeが持つ機能はたくさんありますが、それらの全体像を把握することは困難です。そこで本書では、操作方法、言語ごとの開発環境の構築、拡張機能開発の大きく3つに分けて、Visual Studio Codeの使い方を網羅的に説明します。 ■こんな方におすすめ ・Visual Studio Codeを使いこなしたい方 ・Visual Studio Codeの拡張機能を作りたい方 ■目次 □第1章：Visual Studio Code入門 　　1.1 Visual Studio Codeとは 　　1.2 Visual Studio Codeの歴史 　　1.3 Visual Studio Codeのインストール 　　1.4 Visual Studio Codeのアップデート 　　1.5 Visual Studio Codeの画面構成 　　1.6 Visual Studio Codeの基本操作 　　1.7 お勧めの情報リソース 　　1.8 まとめ □第2章：実践的な編集操作 　　2.1 コマンドやファイルへのアクセス 　　2.2 検索／置換 　　2.3 ショートカットキー 　　2.4 コード補完 　　2.5 タスク管理 ── 外部ツールを使ったコマンドの登録 　　2.6 まとめ □第3章：UIや設定のカスタマイズ 　　3.1 Visual Studio CodeのUIのカスタマイズ 　　3.2 テーマのカスタマイズ 　　3.3 設定の編集 　　3.4 まとめ □第4章：お勧めの拡張機能 　　4.1 拡張機能のインストール方法 　　4.2 言語機能の強化 　　4.3 執筆環境 　　4.4 カスタマイズと拡張機能の注意点 　　4.5 まとめ □第5章：Git/GitHubによるバージョン管理 　　5.1 Hello Git 　　5.2 GitHubでのバージョン管理 　　5.3 関連する拡張機能 　　5.4 まとめ □第6章：JavaScript/TypeScriptによる開発 　　6.1 JavaScript/TypeScript環境のインストール 　　6.2 Hello JavaScript 　　6.3 Hello TypeScript 　　6.4 ReactによるWebアプリケーション開発 　　6.5 まとめ □第7章：Javaによる開発 　　7.1 Java環境のインストール 　　7.2 Hello Java 　　7.3 Spring BootによるWebアプリケーション開発 　　7.4 まとめ □第8章：Pythonによる開発 　　8.1 Python環境のインストール 　　8.2 Hello Python 　　8.3 Jupyter Notebookによるデータ分析 　　8.4 まとめ □第9章：拡張機能開発入門 　　9.1 拡張機能の自作 　　9.2 拡張機能の開発環境のインストール 　　9.3 Hello拡張機能 　　9.4 UI拡張によるショートカット機能の開発 ── よく使うコマンドをボタンで呼び出す 　　9.5 拡張機能の公開 　　9.6 まとめ □第10章：実践的な拡張機能開発 　　10.1 Language Server Protocolとは 　　10.2 Language Server Protocol拡張機能の開発環境のインストール 　　10.3 Hello Language Server Protocol 　　10.4 リンター機能の開発 ── 辞書に追加したコードを自動修正 　　10.5 コード補完機能の開発 ── よく使う単語をコード補完 　　10.6 まとめ ■著者プロフィール 上田 裕己（うえだ ゆうき）：ソフトウェアエンジニア。システム開発に従事。Visual Studio Codeのコントリビュータで、R言語の拡張機能「vscode-r」などを開発。ソフトウェア工学を学び、静的解析ツールに関する開発を行う。博士（工学）を取得。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Reactをイチから学びたい方にオススメの1冊です！ 【本書のポイント】 UdemyのReactコースで最高評価獲得の著者がモダンJavaScriptの基礎からTypeScriptの実践的な内容までしっかり解説！ 著者が2年以上勉強会を主催し初学者と話す中で分かった、多くの人が感じるReactの挫折ポイントを解決する構成！ 現場のシチュエーションベースのストーリーで技術解説をしているので、実務で必要となる知識を意識しながら学習を進められる！ 「#挫折しないReact本」で学習した感想をシェア！！

Riot.jsはJavascriptの軽量UIライブラリです。「シンプル」「簡単」「わかりやすい」を追求して作られたRiot.jsはフロントエンド開発ツールの難しさ・複雑さに対する「革命（Riot）」です。 本書ではRiot.jsの基礎はもちろん、TODOアプリの作成や、APIを利用したアプリの開発、SPAでのCMS開発などのサンプル事例を通して、Riot.jsの使い方を学べる1冊です。 ■「序文」より抜粋 　Riot.jsは、とてもシンプルかつ軽量なコンポーネント指向のUIライブラリです。 　現代ではJavaScriptのフレームワーク・ライブラリは数多く公開されており、Webアプリケーションの作り方もだいぶ変化してきました。現代のデファクトスタンダードな考え方、設計思考が「コンポーネント指向」です。この手法で開発するフレームワーク・ライブラリも数多く存在します。 　「基礎学習は終えたので、次は何かしらのフレームワーク・ライブラリを利用してWebアプリケーションを開発してみたい！」「でも、どれを使えばいい？」「どれがオススメ？」「軽くググるとVue.js、React、Angular、Nuxt.js、Next.jsなどがあるけど、結局、どれがいいの？」「どれだったら早く身に付けられそう？」などなど、多くの疑問が生まれてくると思います。 　その回答として、筆者はRiot.jsをオススメしていきたいと思い、筆を執った次第です。本書はそのRiot.jsについて、手を動かしつつ学んで行くことを目的としています。

リッチなUIを構築可能なJavaScriptフレームワークとして，React，Angular，Vue.jsや，さらにiOSやAndroid向けのネイティブアプリを作ることができるReact Nativeが幅広く利用されるようになりました。フロントエンドエンジニアやデザイナーにとって少し難しく感じられることもあるこれらは，SPA（Single Page Application）と呼ばれるリッチなWebアプリやネイティブアプリを実現可能にする技術として，欠かすことのできない存在になっています。本書では各フレームワークを入門記事とSlackライクなサンプルを作りながらの解説でわかりやすく解き明かします。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 フロントエンド向けアプリケーションフレームワーク（ React、Angular、Vue）の学習には、従来のWeb開発にはなかった「フレームワークごとの違い」、「未知の用語や概念」、「進化したJavaScript開発環境」など、最新のフロントエンド技術の知識が求められます。これらを、その都度調べていては効率が悪いだけでなく、知識が断片的になってしまいます。本書は、フレームワークの学習に必要なフロントエンド技術の基礎を体系的に解説し、この課題を解決します。 　なお、本書ではフレームワーク共通で必要な基礎知識と、フレームワークごとの主な違いを説明しており、React、Angular、Vueのどの学習にも役立ちます。一方、フレームワークごとのコード作成の詳細については説明していないので、各フレームワークの公式サイトや関連書籍などを参照してください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 JavaScriptライブラリReact＋Atomic Designの導入によるコンポーネントの設計から実装まで。現場で使える、実務に役立つ知識とノウハウを習得したいエンジニアのための、React実践書です。 Reactはフロントエンド開発に革新的な影響を与えました。従来のJavaScriptライブラリと比較して、構築へのアプローチが変わり、今後のUI開発に対する大きなヒントとなり得ます。本書はそうした視点から、Reactを解説していきます。 Chapter01「Web開発の動向」は品質、コスト、スケジュールの観点から、プロジェクト成功における設計の重要性を明らかにします。 Chapter02「Reactの基本」は、Reactの概要、環境構築、記述方法、JSXを解説します。 Chapter03「Atomic Design」では、注目度の高いUIデザインの設計手法、Atomic Designを解説します。 Chapter04「ソースコードのビルド」ではビルド作業の実際を解説します。 Chapter05「コンポーネントの実装」では、UI開発の基本であるコンポーネントの実装方法を解説します。 Chapter06「CSSの実装」では、UI構築において重要なCSSによるスタイリングについて、構造化設計に沿った実装方法を紹介します。 Chapter07「ロジックの実装」では、UIロジックの根幹の状態管理に焦点を定め、Reduxアーキテクチャを例に組み込み方法を解説します。 Chapter08「プロダクトの品質」では、品質向上や品質維持に繋がる手法と実現するツールを紹介します。

本書はReactをテーマに、Webフロントエンド開発の環境構築を1つ1つ丁寧に解説します。特に設定が足りない状態で動かすとどうなるのか、なぜその設定が必要なのかについて踏み込んで説明しています。環境構築の難しさは、設定をどれか1つでも間違えると動かないことにあります。そのため、環境構築をする際は1つ1つの設定で自分が何をしているのかを正確に把握しなければいけません。この本では暗黙的に「そういうものだから」と思われがちな設定に注目し、解説します。どの設定を足さなければ動かないのか、サンプルコードを示しながら学ぶことができます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 最近のWebサイトを見ると、まるで普通のアプリケーションのように自在に画面が変化します。これはWebサイトをJavaScriptで操作しているからです。一見、難しそうですが、Reactと呼ばれるフレームワークを使えば簡単に本格的なWeb開発ができます。本書は、リアクティブと呼ばれる機能を実現するフレームワーク「React」の使い方とReactを強化するRedux、Next.jsなどのプログラムの基本を解説した入門書です。いますぐはじめましょう！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本企画はReact.jsの入門者向け書籍です。対象読者はJavaScriptの入門書を読み終え、React.jsの経験がない層で、そういった人が挫折しないよう手取り足取り教える内容になっています。

本書はAPI販売サービスの開発を通して、Reactによるフロントエンド開発手順とPythonによるバックエンド開発手順を実践的に学べる解説書です。実際に公開されているWebサービスをテーマに学習をすすめます。AWS Cognitoを用いた認証やLambdaを用いた自動処理、Stripeを用いた決済システムなどを作り込み、Webサービス開発のノウハウをつかみましょう。

Webアプリケーションを高速で動作させる Reactの概念からデプロイまでモダンWebアプリケーション開発の全体像がわかる 本書はWebアプリケーション開発で、 人気を博しているReactについて解説した書籍です。 ReactはFacebookがリリースしたJavaScriptのライブラリで、 Webアプリケーションをネイティブアプリケーションのように、 動作させるために開発されました。 インストールの解説から、 チュートリアルを通したコードの説明など、 Reactを用いた開発がはじめての方でも 安心して入門することができます。 また情報が少ないテストやデプロイ、 またUI/UXの適切な設定など実際の開発の現場で、 役立つ事柄についても詳しく説明しています。 また、最終章では、よりよいアプリケーションにするために サーバサイドレンダリングに関しても解説をしており、 パフォーマンスを改善することができます。 これから迅速なWebアプリケーションを作成する必要がある方や、 最新のフロントエンドの事情をくわしく知りたい方におすすめの一冊です。 【本書の特長】 ●Reactの基本から応用まで実践的に学べる ●Reactを扱うための概念や手法を学べる ●UI/UX・テスト・デプロイなど本格的にReactを学べる ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 JavaScriptによるネイティブアプリ開発の現場のノウハウ、教えます！ 「React Native」は、Facebookが開発しているスマートフォンアプリ向けの開発環境で、2015年3月にオープンソースとして公開されました。ほとんどのコードをJavaScriptで記述でき、スマートフォンのAndroidとiOSに両対応したネイティブアプリの開発が可能です。名前からもわかるように、同じくFacebookが開発したUI用のライブラリであるReactをベースの技術としており、コンポーネントを組み合わせてUIを構築できます。Facebookは、自社や傘下のInstagramのスマートフォンアプリ開発にReact Nativeを利用しています。 Reactをベースにし、JavaScriptで開発を行えるため、Web系の開発者がスマートフォンのネイティブアプリ開発を始めるには、React Nativeは最適なプラットフォームといえるでしょう。 また、「Expo」は、React Nativeによる開発・アプリ配布を支援するためのツールとサービスです。本書では、開発環境としてExpoを使って解説しています。 本書では、ある程度、Web開発の知識があり、これからスマートフォンのネイティブアプリ開発に取り組もうという人に向けて書かれています。 【各章の内容】 ●第1章 React Nativeの概要、および、その開発支援ツールである「Expo」と「Create React Native App（CRNA）」について説明しています。 ●第2章 React Nativeに必要となるnode.js、そしてExpoの導入について説明しています。 ●第3章 Androidエミュレータ／iOSシミュレータの導入と、デバッグ環境などの具体的な利用方法を解説します。また、実機での動作確認方法にも触れています。 ●第4章 TODOアプリの開発を通してReact Nativeの基本を学んでいきます。 ●第5章 Flexboxレイアウトを学ぶために、逆ボーランド電卓を作成します。 ●第6章 統一的なUIを持ったアプリの作成を可能にする「UIライブラリ」を使ってTODOアプリを拡張します。 ●第7章 Fluxアーキテクチャを使って、TODOアプリを書き直してみます。 ●第8章 トイレマップとGPSロガーの2つのアプリを通して、ライブラリの利用、GPSやカメラといったスマートフォン機能の使い方など、本格的で実践的なReact Nativeプログラミングについて学びます。 ●第9章 アプリ内でWebページを表示するための「WebView」を使ったプログラミングを解説しています。 ●第10章 React Native CLIを使ったネイティブモジュールを使った開発について解説しています。 ●第11章 Google Play／App Storeでの配信について説明しています。 ●第12章 意外とハマるポイントでもあるReact Native／Expoのバージョンアップについて解説しています。 ●付録 tvOS／Windowsに対応したアプリの対応方法を解説しています。

「Electron」はWebページをデスクトップアプリにビルドして実行できるようにする技術です。 　「React」は世界的に人気のある「HTML5＋JavaScript＋CSS」のWebページを構築するためのフレームワークです。 　本書では「React」を使ってWebページを作成し、「Electron」を使ってWebページをデスクトップアプリにビルドして実行できるように解説します。 　紹介するサンプルは「ToDoリスト」「Web APIを使った画像検索ワード当てクイズ」「郵便番号CSV読み込みとハガキPDF書き出し」「データベースでToDoリスト」です。