プライム無料体験をお試しいただけます
プライム無料体験で、この注文から無料配送特典をご利用いただけます。
非会員 | プライム会員 | |
---|---|---|
通常配送 | ¥410 - ¥450* | 無料 |
お急ぎ便 | ¥510 - ¥550 | |
お届け日時指定便 | ¥510 - ¥650 |
*Amazon.co.jp発送商品の注文額 ¥3,500以上は非会員も無料
無料体験はいつでもキャンセルできます。30日のプライム無料体験をぜひお試しください。
¥3,498¥3,498 税込
発送元: Amazon.co.jp 販売者: Amazon.co.jp
¥3,498¥3,498 税込
発送元: Amazon.co.jp
販売者: Amazon.co.jp
¥2,700¥2,700 税込
無料配送 5月29日-31日にお届け
発送元: ひまわりブックスWEB店【安心の防水梱包】 販売者: ひまわりブックスWEB店【安心の防水梱包】
¥2,700¥2,700 税込
無料配送 5月29日-31日にお届け
発送元: ひまわりブックスWEB店【安心の防水梱包】
販売者: ひまわりブックスWEB店【安心の防水梱包】
無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません。
ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。
携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。
TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発 単行本(ソフトカバー) – 2022/7/25
{"desktop_buybox_group_1":[{"displayPrice":"¥3,498","priceAmount":3498.00,"currencySymbol":"¥","integerValue":"3,498","decimalSeparator":null,"fractionalValue":null,"symbolPosition":"left","hasSpace":false,"showFractionalPartIfEmpty":true,"offerListingId":"lf86Usr9AZHkwGYqCHbeEI43kjKLUe4QLQDA%2B8SKCNhIDcDG2dpE9toI6YYgm3Q3fRMSBWMT6SH0E%2FsDKzE0vb3hv2xYo%2BCOBFPHY83jMuNNb1T%2FjVn9r5aSKiRfH%2Fe4Ave18ZndYiI%3D","locale":"ja-JP","buyingOptionType":"NEW","aapiBuyingOptionIndex":0}, {"displayPrice":"¥2,700","priceAmount":2700.00,"currencySymbol":"¥","integerValue":"2,700","decimalSeparator":null,"fractionalValue":null,"symbolPosition":"left","hasSpace":false,"showFractionalPartIfEmpty":true,"offerListingId":"lf86Usr9AZHkwGYqCHbeEI43kjKLUe4QcUxYzR%2BGMajAXVsIoG0LoX%2Fl0%2FEamHoBqOJmQ0bbvG6tjcBRU7ejHG70plYYvQ1FbRWaSc%2BVw5JWWBPacA82llxJd8helJhLQKDpB1zwifz%2FUjjuiDzwSNNuhvUofQ2oTXFkOia%2FRji%2Fm%2Bt6e6Aj7Q%3D%3D","locale":"ja-JP","buyingOptionType":"USED","aapiBuyingOptionIndex":1}]}
購入オプションとあわせ買い
Next.js(React)+TypeScriptで、モダンフロントエンド開発
新しいフロントエンドの入門書決定版!
本書はReact/Next.jsとTypeScriptを用いてWebアプリケーションを開発する入門書です。
Next.jsは高速さに裏付けされた高いUXと、開発しやすさを両立しているWebアプリケーションフレームワークです。
開発をより快適・堅牢にするTypeScriptを用いて、
Next.jsの基礎、最新フロントエンドやWebアプリケーションの開発方法が学べます。
(こんな方におすすめ)
・モダンなWebフロントエンドに興味のある方
・React/Next.jsを初めて使う方、本番に導入したい方
・React/Next.jsとTypeScriptを組み合わせた開発スタイルに興味のある方
・TypeScriptを中心に据えたWebフロントエンド開発に興味のある方
・Atomic DesignやStorybookなど、コンポーネント中心の開発に興味のある方
(目次)
1 Next.jsとTypeScriptによるモダン開発
1.1 Next.jsとTypeScript
1.2 フロントエンド開発の変遷
1.3 モダンフロントエンド開発の設計思想
2 TypeScriptの基礎
2.1 TypeScriptの基礎知識
2.2 型の定義
2.3 基本的な型の機能
2.4 実際の開発で重要な型
2.5 TypeScriptのテクニック
2.6 TypeScriptの開発時設定
3 React/Next.jsの基礎
3.1 React入門
3.2 Reactにおけるコンポーネント
3.3 Reactにおける型
3.4 Context(コンテキスト)
3.5 React Hooks(フック)
3.6 Next.js入門
3.7 Next.jsのレンダリング手法
3.8 ページとレンダリング手法
3.9 Next.jsの機能
4 コンポーネント開発
4.1 Atomic Designによるコンポーネント設計
4.2 styled-componentsによるスタイル実装
4.3 Storybookを使ったコンポーネント管理
4.4 コンポーネントのユニットテスト
5 アプリケーション開発1〜設計・環境設定〜
5.1 本章で開発するアプリケーション
5.2 開発環境構築
6 アプリケーション開発2〜実装〜
6.1 アプリケーションアーキテクチャと全体の実装の流れ
6.2 APIクライアントの実装
6.3 コンポーネント実装の準備
6.4 Atomic Designによるコンポーネント設計の実施
6.5 Atomsの実装
6.6 Moleculesの実装
6.7 Organismsの実装
6.8 Templatesの実装
6.9 ページの設計と実装
6.10 コンポーネントのユニットテストの実装
7 アプリケーション開発3〜リリースと改善〜
7.1 デプロイとアプリケーション全体のシステムアーキテクチャ
7.2 Heroku
7.3 Vercel
7.4 ロギング
7.5 SEO
7.6 アクセシビリティ
7.7 セキュリティ
Appendix Next.jsのさらなる活用
A.1 決済ツールStripe
A.2 StoryShots―UIスナップショットテスト
A.3 AWS AmplifyへのNext.jsアプリケーションのデプロイ
A.4 国際化ツールi18n
新しいフロントエンドの入門書決定版!
本書はReact/Next.jsとTypeScriptを用いてWebアプリケーションを開発する入門書です。
Next.jsは高速さに裏付けされた高いUXと、開発しやすさを両立しているWebアプリケーションフレームワークです。
開発をより快適・堅牢にするTypeScriptを用いて、
Next.jsの基礎、最新フロントエンドやWebアプリケーションの開発方法が学べます。
(こんな方におすすめ)
・モダンなWebフロントエンドに興味のある方
・React/Next.jsを初めて使う方、本番に導入したい方
・React/Next.jsとTypeScriptを組み合わせた開発スタイルに興味のある方
・TypeScriptを中心に据えたWebフロントエンド開発に興味のある方
・Atomic DesignやStorybookなど、コンポーネント中心の開発に興味のある方
(目次)
1 Next.jsとTypeScriptによるモダン開発
1.1 Next.jsとTypeScript
1.2 フロントエンド開発の変遷
1.3 モダンフロントエンド開発の設計思想
2 TypeScriptの基礎
2.1 TypeScriptの基礎知識
2.2 型の定義
2.3 基本的な型の機能
2.4 実際の開発で重要な型
2.5 TypeScriptのテクニック
2.6 TypeScriptの開発時設定
3 React/Next.jsの基礎
3.1 React入門
3.2 Reactにおけるコンポーネント
3.3 Reactにおける型
3.4 Context(コンテキスト)
3.5 React Hooks(フック)
3.6 Next.js入門
3.7 Next.jsのレンダリング手法
3.8 ページとレンダリング手法
3.9 Next.jsの機能
4 コンポーネント開発
4.1 Atomic Designによるコンポーネント設計
4.2 styled-componentsによるスタイル実装
4.3 Storybookを使ったコンポーネント管理
4.4 コンポーネントのユニットテスト
5 アプリケーション開発1〜設計・環境設定〜
5.1 本章で開発するアプリケーション
5.2 開発環境構築
6 アプリケーション開発2〜実装〜
6.1 アプリケーションアーキテクチャと全体の実装の流れ
6.2 APIクライアントの実装
6.3 コンポーネント実装の準備
6.4 Atomic Designによるコンポーネント設計の実施
6.5 Atomsの実装
6.6 Moleculesの実装
6.7 Organismsの実装
6.8 Templatesの実装
6.9 ページの設計と実装
6.10 コンポーネントのユニットテストの実装
7 アプリケーション開発3〜リリースと改善〜
7.1 デプロイとアプリケーション全体のシステムアーキテクチャ
7.2 Heroku
7.3 Vercel
7.4 ロギング
7.5 SEO
7.6 アクセシビリティ
7.7 セキュリティ
Appendix Next.jsのさらなる活用
A.1 決済ツールStripe
A.2 StoryShots―UIスナップショットテスト
A.3 AWS AmplifyへのNext.jsアプリケーションのデプロイ
A.4 国際化ツールi18n
- 本の長さ448ページ
- 言語日本語
- 出版社技術評論社
- 発売日2022/7/25
- 寸法18.3 x 2.5 x 23.2 cm
- ISBN-104297129167
- ISBN-13978-4297129163
よく一緒に購入されている商品
対象商品: TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発
¥3,498¥3,498
最短で5月28日 火曜日のお届け予定です
在庫あり。
¥3,278¥3,278
最短で5月28日 火曜日のお届け予定です
在庫あり。
¥3,509¥3,509
最短で5月28日 火曜日のお届け予定です
残り16点(入荷予定あり)
総額:
当社の価格を見るには、これら商品をカートに追加してください。
ポイントの合計:
pt
もう一度お試しください
追加されました
一緒に購入する商品を選択してください。
この商品をチェックした人はこんな商品もチェックしています
ページ 1 以下のうち 1 最初から観るページ 1 以下のうち 1
出版社より
Next.js(React)+TypeScriptで、モダンフロントエンド開発
商品の説明
出版社からのコメント
Next.js、React、TypeScriptを1冊で! モダンフロントエンド開発をはじめる最高の1冊。
著者について
手島拓也(てじまたくや)
IBMやLINEにて主にWeb製品開発を約7年間担当。その後、共同創業者兼CTOとしてタイにて起業、事業譲渡を経験。現在はシンガポールを拠点に東南アジア発のスタートアップスタジオGAOGAOを設立し代表を務める。本書では1-2章を執筆。
吉田健人(よしだたけと)
日本経済新聞社、タイの総合商社系企業でアプリケーション開発を経験。現在はアドビ株式会社でSoftware Development Engineerとして働く。DX(デジタルエクスペリエンス)系のプロダクト開発とローカリゼーションテクノロジーの研究開発に従事。本書では5-7章を執筆。
高林佳稀(たかばやしよしき)
シンガポールの金融系スタートアップにWebフロントエンドエンジニアとして就職し、取引ツールの開発を行う。その後、フリーランスとして複数のWebアプリ開発案件に携わる。現在は医療系スタートアップのWebアプリ開発にフルスタックエンジニアとして参画しつつ、ブロックチェーンのOSSプロジェクトの開発に従事。本書では3-4,7章を執筆。
IBMやLINEにて主にWeb製品開発を約7年間担当。その後、共同創業者兼CTOとしてタイにて起業、事業譲渡を経験。現在はシンガポールを拠点に東南アジア発のスタートアップスタジオGAOGAOを設立し代表を務める。本書では1-2章を執筆。
吉田健人(よしだたけと)
日本経済新聞社、タイの総合商社系企業でアプリケーション開発を経験。現在はアドビ株式会社でSoftware Development Engineerとして働く。DX(デジタルエクスペリエンス)系のプロダクト開発とローカリゼーションテクノロジーの研究開発に従事。本書では5-7章を執筆。
高林佳稀(たかばやしよしき)
シンガポールの金融系スタートアップにWebフロントエンドエンジニアとして就職し、取引ツールの開発を行う。その後、フリーランスとして複数のWebアプリ開発案件に携わる。現在は医療系スタートアップのWebアプリ開発にフルスタックエンジニアとして参画しつつ、ブロックチェーンのOSSプロジェクトの開発に従事。本書では3-4,7章を執筆。
登録情報
- 出版社 : 技術評論社 (2022/7/25)
- 発売日 : 2022/7/25
- 言語 : 日本語
- 単行本(ソフトカバー) : 448ページ
- ISBN-10 : 4297129167
- ISBN-13 : 978-4297129163
- 寸法 : 18.3 x 2.5 x 23.2 cm
- Amazon 売れ筋ランキング: - 67,666位本 (本の売れ筋ランキングを見る)
- - 92位Webプログラミング
- - 292位ソフトウェア開発・言語
- - 1,826位電気・通信 (本)
- カスタマーレビュー:
著者について
著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
著者の本をもっと発見したり、よく似た著者を見つけたり、著者のブログを読んだりしましょう
著者の本をもっと発見したり、よく似た著者を見つけたり、著者のブログを読んだりしましょう
-
トップレビュー
上位レビュー、対象国: 日本
レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。
2023年3月28日に日本でレビュー済み
Amazonで購入
TypeScript、React、Next.jsを実際に動かしながら学べたのがよかったです。コード例多いのが嬉しい。
2023年9月14日に日本でレビュー済み
Next.js 13 の App Router で開発をしている環境での、新入社員の研修で使用しています。
本書籍では、Next.js 12 の Pages Router という機能で開発を実践します。
一見 App Router での開発に意味を成さないと思われますが、Pages Router を知ることで、インターネット上の Next.js の情報が App Router についてなのか、そうでないのかの判断ができるリテラシーを教育することができます。
書籍には古い情報もありエラーも起きますが、開発の未経験者には、エラーに慣れさせるという意味でも良い教材となってくれています。
願わくば App Router と Tailwind CSS に対応した第2版が出て欲しいですね。
本書籍では、Next.js 12 の Pages Router という機能で開発を実践します。
一見 App Router での開発に意味を成さないと思われますが、Pages Router を知ることで、インターネット上の Next.js の情報が App Router についてなのか、そうでないのかの判断ができるリテラシーを教育することができます。
書籍には古い情報もありエラーも起きますが、開発の未経験者には、エラーに慣れさせるという意味でも良い教材となってくれています。
願わくば App Router と Tailwind CSS に対応した第2版が出て欲しいですね。
2024年4月13日に日本でレビュー済み
Amazonで購入
中盤が結構長いコードをコピペして、この機能を実現しましたって感じなのでわかりにくい。
解説がコードのどの部分に当たるのかわからず、少なくともコードにコメント入れるか、付箋で解説入れるとかしてほしかったですね。
解説がコードのどの部分に当たるのかわからず、少なくともコードにコメント入れるか、付箋で解説入れるとかしてほしかったですね。
2023年2月11日に日本でレビュー済み
Amazonで購入
『モダンJavaScriptの基本から始める React実践の教科書』はスマホで見る時文字が小さすぎてズームしないと読めないし、内容もこちらの方が私には分かりやすく分かった時の感動が多かったです。GitHubに用意されているサンプルコードを使いました。
2024年1月22日に日本でレビュー済み
Amazonで購入
本書に従って手を動かしても、記載通りにならないことが多い。
原因はライブラリ等のバージョンの差異であろうことは予測できるが、じゃあどれを使えばいいの?を解決するのが困難。
解決して一歩進むと次の問題にぶち当たる。
この程度の問題を自己解決できないないようでは技術者としてやっていけないとは思うが、このような学習方法が効率的とは思えない。
記載されているコード量は多いが、それらの説明は乏しく、それがどうなるのかよくわからないことが多い。
この本を通じて学べたことはnextもreactもメンドクサイということ。
原因はライブラリ等のバージョンの差異であろうことは予測できるが、じゃあどれを使えばいいの?を解決するのが困難。
解決して一歩進むと次の問題にぶち当たる。
この程度の問題を自己解決できないないようでは技術者としてやっていけないとは思うが、このような学習方法が効率的とは思えない。
記載されているコード量は多いが、それらの説明は乏しく、それがどうなるのかよくわからないことが多い。
この本を通じて学べたことはnextもreactもメンドクサイということ。
2022年10月22日に日本でレビュー済み
Amazonで購入
現役のエンジニアで、モダンフロントエンドに触れてみたい人には最適かと思います。
業務である程度自走して何でもできる位のレベルであればreact未経験でもスラスラ読めます。
辛口コメントは上記に当てはまらない人達がやるべき学習フェーズ飛び越えちゃってるのかと。
読み物としてサーット読んでモダンフロントエンドの現状だったりnext開発の手法、概念を理解する目的で使用しました。
その上で自身で実装していく途中に都度読み返すのに丁度良いですね。
※nextの細かい部分はネットの日本語記事はまだまだ少ないので体系的に学ぶのに最適ですよ。
業務である程度自走して何でもできる位のレベルであればreact未経験でもスラスラ読めます。
辛口コメントは上記に当てはまらない人達がやるべき学習フェーズ飛び越えちゃってるのかと。
読み物としてサーット読んでモダンフロントエンドの現状だったりnext開発の手法、概念を理解する目的で使用しました。
その上で自身で実装していく途中に都度読み返すのに丁度良いですね。
※nextの細かい部分はネットの日本語記事はまだまだ少ないので体系的に学ぶのに最適ですよ。
2022年9月25日に日本でレビュー済み
Next.jsの開発にあたりネットで色々しらべているものが、網羅的にかかれているのでNext.jsでどう言う開発するかが手っ取り早くなんとなく頭にマッピングできるのでそう言う目的なら大変良い。
詳しくはここからそれぞれ調べればいいわけでそれぞれの(Next, TypeScript)イディオムなどは個々で調べたり知ったりすればいいと思う。
1点、当たり前のように誤植やそのままでは動かないだろう、これimportいるのでは?などあるので(僕が買った版では)そこはレビューできていないんだなと思った。(開発者なら一見してすぐ解決できるのでそこまで問題ではないが)
詳しくはここからそれぞれ調べればいいわけでそれぞれの(Next, TypeScript)イディオムなどは個々で調べたり知ったりすればいいと思う。
1点、当たり前のように誤植やそのままでは動かないだろう、これimportいるのでは?などあるので(僕が買った版では)そこはレビューできていないんだなと思った。(開発者なら一見してすぐ解決できるのでそこまで問題ではないが)
2024年3月12日に日本でレビュー済み
Amazonで購入
内容はとてもいいんですが、接続詞がなかったり文章として読みにくい部分が多いです。
また、Next.jsのバージョンが古いため最新のv14に対応していません(しょうがないですが)
また、Next.jsのバージョンが古いため最新のv14に対応していません(しょうがないですが)