React.js&Next.js超入門 第2版
掌田津耶乃(著)
/秀和システム
作品情報
本企画はReact.jsの入門者向け書籍です。対象読者はJavaScriptの入門書を読み終え、React.jsの経験がない層で、そういった人が挫折しないよう手取り足取り教える内容になっています。
もっとみる
商品情報
- 著者
- 掌田津耶乃
- ジャンル
- コンピュータ・情報 - アプリケーション・プログラミング
- 出版社
- 秀和システム
- 書籍発売日
- 2021.02.26
- Reader Store発売日
- 2021.02.27
- ファイルサイズ
- 155.7MB
※この商品はタブレットなど大きなディスプレイを備えた機器で読むことに適しています。
文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
この作品のレビュー
平均 3.0 (2件のレビュー)
-
内容はタイトル通り超入門書。ダウンロードできるサンプルプログラムを使用すればおおよそ動かすことはできると思う。ただしバージョンが古くなり動作しない箇所が一部あったりする。
動作しなくなってしまった部分…や誤字・誤記を訂正するWebページが出版社のサイトにはない。続きを読む投稿日:2022.07.16
■Reactの限界
前章までで、 React の基本部分はほぼ説明しました。Reactは、一言でいえば「コンポーネントを作って表示する仕組み」です。コンポーネントさえわかれば、使うことはできます。
… が、これは逆にいえば「コンポーネント以外の機能はそれほど用意されていない」ということになります。例えば、複数のページを作りたいとき、Reactではどうするのでしょう。あるいは、サーバーからデータを取得してステートとして使いたい場合は?こんなふうに、ちょっと応用的なことをさせようとすると、途端に「あれ?Reactにそんな機能あったっけ?」という事態に陥ってしまうのです。
では、Reactではこうした複雑な機能は使えないのか?これは、YESでもあり、NOでもあります。確かにReactには、さまざまな便利機能は用意されていません。が、それは、Reactの開発チームが「Reactにやたらと機能を詰め込んで膨らませない」ようにしているからです。
React本体は、シンプルにまとめる。そしてそれ以外の機能は、必要に応じて拡張できるようにしたのです。こうした考えから、Reactでは機能を拡張するソフトウェアが多数作られています。それらを使うことで、Reactをどんどん拡張していけるのです。
そんな中で、「Reactを拡張したいなら、まずこれを使え!」と多くのReact開発者が推すのが「Next.js」というソフトウェアです。
■Next.jsってなに?
「Next.js(ネクスト・ジェーエス)」は、Reactに各種のライブラリなどを統合しパッケージ化したものです。専用のコマンドプログラムを持っており、それを使ってプロジェクトを作成し実行できます。
具体的に、どのような機能が追加されているのか、ざっと整理すると以下のようになるでしょう。
・SSGとSSRの対応
SSG(Static Site Generator)とは、プロジェクトを静的サイト(必要な処理やデータをすべてHTMLベースで用意してあるもの)として出力する機能のことです。またSSR(Server Side Rendering)は、サーバー側で表示をすべてレンダリングしたものを表示する機能です。
Reactは、CSR(Client Side Rendering、Webブラウザ側で表示を生成する)と呼ばれる方式を採用しており、Webブラウザの側でJavaScriptを使って表示を生成します。これを 全部サーバーで作って表示するようにできます。
・ファイルシステム・ルーティング機能
「ルーティング」というのは、アクセスするアドレスのパスごとにページを割り当てることです。Reactは、基本的にSPA(Single Page Application、1枚のページだけで完結するWebアプリ)の作成を考えて設計されています。が、Next.jsを利用することで、複数のベージを組み合わせてWebアプリを作ることが簡単になります。
・APIルートとフック
Webアプリで必要なデータをサーバーから取得する場合、データを配信するAPIを実装し、それにクライアント側からネットワークアクセスしてデータを取得します。Next.jsでは、APIを簡単に作成でき、しかも専用のフックを使ってAPIとデータをやり取りできます。
・ゼロ設定アプリ
多くのフレームワークやライブラリでは、細々とした設定を行うために設定ファイルを用意し、それを読み込んでアプリの設定を行うようになっています。が、Next.jsでは設定ファイルは使いません。代りにJavaScriptのスクリプト内で必要な設定などが行えるようになっています。
・他にもいろいろ!
その他にも、国際化のための機能、ビルドインCSSのサポート、イメージコンポーネントの最適化など、さまざまな機能を持っています。これらを使いこなすことで、Reactアプリを格段にパワーアップできるわけです。
しかも、用意されたコマンドを実行するだけで、すべてをセットアップされた状態でプロジェクトを作成し、すぐに開発に入れます。Reactのプロジェクトを作り、必要なパッケージを調べてインストールし……という通常の開発手順を想像しましょう。最初からNext.jsを使ったほうが、圧倒的に便利だと思うでしょう?続きを読む投稿日:2022.10.29
新刊自動購入は、今後配信となるシリーズの最新刊を毎号自動的にお届けするサービスです。
- ・発売と同時にすぐにお手元のデバイスに追加!
- ・買い逃すことがありません!
- ・いつでも解約ができるから安心!
※新刊自動購入の対象となるコンテンツは、次回配信分からとなります。現在発売中の最新号を含め、既刊の号は含まれません。ご契約はページ右の「新刊自動購入を始める」からお手続きください。
※ご契約をいただくと、このシリーズのコンテンツを配信する都度、毎回決済となります。配信されるコンテンツによって発売日・金額が異なる場合があります。ご契約中は自動的に販売を継続します。
不定期に刊行される「増刊号」「特別号」等も、自動購入の対象に含まれますのでご了承ください。(シリーズ名が異なるものは対象となりません)
※再開の見込みの立たない休刊、廃刊、出版社やReader Store側の事由で契約を終了させていただくことがあります。
※My Sony IDを削除すると新刊自動購入は解約となります。
お支払方法:クレジットカードのみ
解約方法:マイページの「予約・新刊自動購入設定」より、随時解約可能です続巻自動購入は、今後配信となるシリーズの最新刊を毎号自動的にお届けするサービスです。
- ・発売と同時にすぐにお手元のデバイスに追加!
- ・買い逃すことがありません!
- ・いつでも解約ができるから安心!
- ・優待ポイントが2倍になるおトクなキャンペーン実施中!
※続巻自動購入の対象となるコンテンツは、次回配信分からとなります。現在発売中の最新巻を含め、既刊の巻は含まれません。ご契約はページ右の「続巻自動購入を始める」からお手続きください。
※ご契約をいただくと、このシリーズのコンテンツを配信する都度、毎回決済となります。配信されるコンテンツによって発売日・金額が異なる場合があります。ご契約中は自動的に販売を継続します。
不定期に刊行される特別号等も自動購入の対象に含まれる場合がありますのでご了承ください。(シリーズ名が異なるものは対象となりません)
※再開の見込みの立たない休刊、廃刊、出版社やReader Store側の事由で契約を終了させていただくことがあります。
※My Sony IDを削除すると続巻自動購入は解約となります。
お支払方法:クレジットカードのみ
解約方法:マイページの「予約自動購入設定」より、随時解約可能ですReader Store BOOK GIFT とは
ご家族、ご友人などに電子書籍をギフトとしてプレゼントすることができる機能です。
贈りたい本を「プレゼントする」のボタンからご購入頂き、お受け取り用のリンクをメールなどでお知らせするだけでOK!
ぜひお誕生日のお祝いや、おすすめしたい本をプレゼントしてみてください。※ギフトのお受け取り期限はご購入後6ヶ月となります。お受け取りされないまま期限を過ぎた場合、お受け取りや払い戻しはできませんのでご注意ください。
※お受け取りになる方がすでに同じ本をお持ちの場合でも払い戻しはできません。
※ギフトのお受け取りにはサインアップ(無料)が必要です。
※ご自身の本棚の本を贈ることはできません。
※ポイント、クーポンの利用はできません。クーポンコード登録
Reader Storeをご利用のお客様へ
ご利用ありがとうございます!
エラー(エラーコード: )
ご協力ありがとうございました
参考にさせていただきます。