Web開発の書籍一覧

本書では、Kotlin製の軽量Webフレームワークの「Ktor」とモダンフロントエンドフレームワークの「Nuxt.js」でWebアプリケーション開発の基礎を学ぶことができます。
他にもDocker、PostgreSQLやHerokuについても触れており、GitHubにサンプルコードもありますのでハンズオン形式で学ぶことができると思います。Kotlin・KtorやNuxt.jsの言語仕様については掲載していませんが、本書をきっかけにKotlinやNuxt.jsに触れて、ステップアップしましょう。

【目次】
第1章　フレームワークの紹介
第2章　プロジェクトを作ろう
第3章　データベースの準備
第4章　APIを作ろう
第5章　UIを作ろう
第6章　サーバとフロントを連携しよう
第7章　Herokuに公開しよう
第8章　認証
第9章　DIコンテナ
第10章　ユニットテスト
第11章　E2Eテスト
第12章　ドメイン駆動設計

本書はWeb開発の初心者から中級者までを対象に、Jamstackの基礎から実践的な技術までを包括的に解説します。一歩一歩、「GPT先輩」の指導のもと、効果的な質問と解答を通じてJamstackの世界を探求できます。「ChatGPTとの対話形式」により、リアルタイムでの問題解決のフローを体験し、Jamstackに関する知識を深化させるだけでなく、疑問や課題に対する新たな視点も提供します。
Jamstackに興味を持っている方、または積極的に学びたいと考えている方にとって、価値ある情報を提供する一冊です。
【目次】
第1章　先輩と語るJamstack
第2章　どうやって作るの？
第3章　ヘッドレスCMSを使ってみる
第4章　次なるステップへ

本書は、オープンソースのCMS（コンテンツ・マネジメント・システム）Drupal（ドゥルーパル）の初心者向け解説書です。Drupalを触り始めて1年ちょっとのニューカマーから10年超の熟達者まで幅広いメンバーが、それぞれの得意分野に関して執筆しています。CMSサイト構築（フロントエンドまたはバックエンド）を手がけているWebデザイナーやエンジニアの方、WordPressの他にも便利なCMSは無いか探している方に向けた1冊です。

【目次】
第1章　Drupalとは何か？
第2章　Drupalのローカル開発環境構築
第3章　ノンコーディングでサイト構築
第4章　CentOS Stream 8を使ったDrupal 9サイト環境構築
第5章　Drupalをコマンドラインで操作する
第6章　Drupalの構成管理
第7章　Drupalコアのアップデート
第8章　テーマを開発してみよう
第9章　サイトビルダー夫婦合格体験記
第10章　Googleログインを実現する
第11章　管理画面をもっと便利に!モジュール3選
第12章　Migrate入門
第13章　Drupal.orgの歩き方

注目のヘッドレスCMS「Storyblok」の基本から応用まで網羅した1冊が登場！
本書では、Storyblokの重要な機能であるビジュアルエディタとブロックライブラリに焦点を当てています。デモページを使いながら、それらの詳細な構造と操作方法について丁寧に解説。ビジュアルエディタのリアルタイムプレビュー機能や、ローカルホストの指定による開発効率の向上など、実践的なテクニックが満載です。
また、ブロックライブラリを活用し、ページの要素をブロック単位で管理する方法を学ぶことで、効率的なページ構成が可能に。多様なプロジェクトの要件に合わせたカスタマイズや拡張にも対応できる、柔軟性の高い技術が身につきます。
さらに、ソースコードを一切触らずにStoryblokだけを使用してページを追加する方法も解説。Storyblokのポテンシャルを最大限に引き出す手法を身につけることができるでしょう。
加えて、StoryblokとNuxt 3の連携方法も詳しく説明されており、最新の技術動向にも対応。ヘッドレスCMSを使いこなしたい開発者必携の1冊です。

【目次】
第1章　ヘッドレスCMSとは
第2章　Storyblok概観
第3章　Storyblokのセットアップ
第4章　構造を理解しよう
第5章　ブロックを表現するソースコード
第6章　ページのカスタマイズ
第7章　Nuxtレイアウトとの棲み分け
第8章　Storyblokのみで実現するページの追加
第9章　まとめと次のステップ

【対応ブラウザで迷っていませんか？最新ブラウザ対応で気持ちよくコーディングしましょう！】

本書は、ウェブブラウザシェアの約95％を占める最新ブラウザ（IE11、Chrome、Safari、Firefox、Edge）向けのCSSを駆使することで、作りたいものが作れる、やりたいことができる＝気持ちよくウェブ開発のコーディングを行うためのノウハウ集です。

〈本書の対象読者〉
CSSとHTMLをある程度知っているデザイナー
IE6～8時代にコーディングしていたコーダー
楽な書き方をざっくり知りたいエンジニア

【目次】
第1章　対応ブラウザを決める
1.1　IE11以上対応という選択肢
1.2　ブラウザシェア
1.3　IE10以下非対応の恩恵
第2章　CSSの指定の基本
2.1　単位
2.2　セレクター
2.3　擬似クラス
2.4　擬似要素
第3章　気持ちよく書けるCSS
3.1　メディアクエリーでレスポンシブ化
3.2　フレックスボックスで横並び
3.3　画像を使わないデザイン
3.4　値の計算
3.5　色の指定
3.6　最初や最後の要素を指定
3.7　変形
3.8　状態の変化にアニメーションを加える
3.9　状態にアニメーションを加える
3.10　背景画像の大きさを調整
3.11　カウンター
3.12　ボーダーに画像を設定
3.13　:target :checked をトリガー代わりに
3.14　その他の便利なCSS
3.15　もう使ってもいいだろうというCSS

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

【目次】
第1章　環境構築
第2章　モデリング
第3章　認証機能
第4章　チャット（メッセージ表示）
第5章　チャット（メッセージ一覧）
第6章　チャット（入力フォーム）
第7章　チャット（画像添付）
第8章　プッシュ通知
第9章　E2Eテスト

【ブロックチェーンコミュニティー　Keymakersによる入門書! 】

本書はスマートエコノミーの実現を目指すブロックチェーンプロジェクトNEOに対する理解を深め、NEO上での分散型アプリケーションを構築するための環境構築と、スマートコントラクトの作成について紹介した入門者向け解説書です。国内ではまだ情報が少ないNEOの基本的な情報から独自トークンの発行、ICOなどについてブロックチェーンコミュニティー　Keymakersのメンバーが詳しく紹介しています。
〈本書の対象読者〉
・ブロックチェーンとスマートコントラクトに関心があるエンジニア
・NEOについて情報をもとめている方
・NEOの日本コミュニティーの活動に関心がある方

【目次】
第1章　NEOとスマートコントラクトについて
1.1　グローバルアセットとしてのNEOとGas
1.2　NEOスマートコントラクトで実行可能な言語
1.3　NEOクライアントの種類について
第2章　NEOの開発ツールについて
2.1　neo-python
2.2　neo-local
2.3　neo-local-faucet
2.4　Docker
第3章　開発を進めるための準備とHello World
3.1　従来の環境構築方法
3.2　neo-localによる環境構築
3.3　チュートリアルの準備
3.4　walletの操作
3.5　スマートコントラクトを使ってHello Worldを表示させる
3.6　buildからinvokeまでの流れ
第4章　NEO上の独自トークン"NEP5"を自分で発行してみるには？
4.1　フォルダーのダウンロード
4.2　ファイルの修正
4.3　NEP5.pyのbuild
4.4　NEP5.avmのcontract import
4.5　コントラクトの初期化
4.6　NEP5のメソッドを使ってみる
4.7　neo-pythonの送信機能でNEP5を送受信する
4.8　NEP5のDoTransferメソッドでスマートコントラクトの理解を深めよう
第5章　ICOをしてみよう
5.1　準備
5.2　ICOコントラクトのbuild/import
5.3　ICOの準備・KYCの登録
5.4　ICOの開始
5.5　ICOトークンの送金
第6章　モバイル開発に最適なneon-jsとneoscan
6.1　neon-jsとは
6.2　neon-jsの構造
6.3　インストール
6.4　インポート
6.5　neoscan
6.6　neon-jsを使用したdAppsアプリケーションの構成
付録A　用語集
付録B　トラブルシューティング
付録C　NEOに関する便利なリンク集

本書は、静的サイトジェネレータ「MkDocs」を手軽に導入するためのガイドブックです。ドキュメントや個人サイトの作成に広く活用されている静的サイトジェネレータの中で、MkDocsは特にMarkdown形式の柔軟性を活かして効率的なサイト構築を実現します。Markdownをベースにしながら、豊富な拡張機能やプラグインを使うことで、よりリッチな表現が可能になります。
HugoやGatsby、Jekyllと並んでMkDocsも有力な選択肢ですが、国内での情報はまだ少なく、まとまった資料が不足しているのが現状です。そこで、本書は具体的な事例や手順を交え、オープンソースソフトウェア（OSS）のドキュメント作成にMkDocsが多く使われていることを詳しく解説。ドキュメントや簡易ウェブサイトの制作を始めたい方々に、MkDocsがどれほど有効かを知っていただける内容になっています。初心者にもわかりやすく、実践的な情報が詰まった一冊です。

【目次】
第1章　MkDocsとは
第2章　クイックスタート
第3章　構成ファイルmkdocs.ymlの基本設定
第4章　ハンズオン① — readthedocsテーマを使ったドキュメンテーションサイトの作成
第5章　Python-Markdown拡張機能とMkDocsプラグイン
第6章　おすすめPython-Markdown拡張機能・MkDocsプラグイン・テーマの紹介
第7章　ハンズオン② — Material for MkDocsテーマを使ったブログサイトの作成
第8章　GitHub Pagesでサイトを公開する
第9章　Netlifyでサイトを公開する

【動画投稿サイトの制作を題材に学ぶFirebase！】

本書は、動画投稿サイトの制作を題材としたReact によるフロントエンド開発とFirebaseの主要な機能である Authentication、 Firestore、Cloud Storage、Cloud Functionsの各機能を理解しつつ、Firebaseによるシングルページアプリケーションの開発について学ぶことができる入門書です。

〈本書の対象読者〉
・Firebaseは名前は聞いたことがあるが、実際に触ったことはない人
・JavaScriptだけで、Webアプリケーションを開発してみたい人
・Firebase と 何かしらのモダンなJSフレームワークを組み合わせてアプリケーションを開発してみたい人
・サーバーサイドだけでなく、フロントエンドの開発にも興味がある人

【目次】
第1章　Firebase
1.1　Firebaseについて
1.2　料金について
第2章　アプリケーションの構築
2.1　セットアップとデプロイ
第3章　認証
3.1　Googleアカウントによる認証
第4章　Cloud Storageによるコンテンツの管理
4.1　Cloud Storageについて
4.2　コンテンツを保存する
第5章　Firestoreによるデータベース管理
5.1　NoSQLデータベースとFirestore
5.2　本アプリケーションのDB設計
5.3　保存した動画のメタデータの保存と動画再生
第6章　Cloud Functionsによるサーバーレスなバックエンド処理
6.1　サーバーレスとCloud Functionsについて
6.2　Cloud Functionsのセットアップとデプロイ
6.3　新規登録時に、ユーザー情報を保存する
6.4　トランスコード処理の概要
6.5　トランスコード関数の実装
6.6　動画メタデータのコピー
第7章　セキュリティールール
7.1　セキュリティールールを記述する
7.2　セキュリティールールの実装
7.3　セキュリティールールの本番反映
7.4　セキュリティールールのシミュレーション
第8章　Reduxの導入とFirebaseとの連携
8.1　なぜReduxを導入するのか？
8.2　Reduxに登場する重要な概念
8.3　ReduxとFirebaseの組み合わせについて
8.4　react-redux-firebaseの導入とStoreの実装
8.5　コンポーネントとReduxの連携
8.6　動画メタデータの一覧取得
8.7　ユーザー認証

【Vue.jsとNuxt.jsでユニバーサルアプリを構築！】

本書はVue.jsでユニバーサルなアプリケーションを構築するためのフレームワークである「Nuxt.js」の入門書です。ユニバーサルアプリをNuxt.jsを使って実現するための手法をわかりやすく解説しています。
〈本書の対象読者〉
Vue.jsは使ったことがあるがNuxt.jsは使ったことがない人
Nuxt.jsの使い方が今ひとつわからない人

【目次】
第1章　Nuxt.jsとは
1.1　ユニバーサルアプリ
1.2　サーバーサイドレンダリング
1.3　静的ファイルジェネレータ
第2章　Nuxt.jsのはじめ方
2.1　npmを使う
2.2　vue-cliを使う
第3章　Nuxt.jsの設定について
3.1　build
3.2　css
3.3　dev
3.4　env
3.5　generate
3.6　head
3.8　modules
3.9　plugins
3.10　rootDir　他
第4章　ディレクトリ構成と役割
4.1　pages
4.2　components
4.3　layouts
4.4　plugins
4.5　middleware　他
第5章　ページコンポーネント
5.1　コンテキスト
5.2　.vueファイルに追加されたオプション
第6章　レイアウト
6.1　デフォルトレイアウト
6.2　エラーページ
6.3　カスタムレイアウト
第7章　プラグイン
7.1　プラグインとは
7.2　OSSのVueプラグインを使用する場合
7.3　アプリケーションのルートやcontextに挿入する
7.4　クライアントサイドでのみプラグインを利用したい場合
7.5　サーバサイドでのみプラグインを利用したい場合
第8章　ミドルウェア
8.1　ミドルウェアとは
8.2　ミドルウェアを実装する
第9章　ストア
9.1　ストアの使い方
9.2　プラグインの作成
第10章　モジュール
10.1　OSSのモジュールを使用する
10.2　モジュールの作成方法
第11章　コマンド
11.1　nuxt
11.2　nuxt build
11.3　nuxt start
11.4　nuxt generate
第12章　Nuxt.jsでのWebアプリケーション開発
12.1　Nuxt.jsをフロントエンドサーバーとして使う方法
12.2　静的ファイルジェネレータで出力したものをホスティングサービスで利用する
12.3　expressのミドルウェアとして使用する場合
付録A　Nuxtバージョン2について