Web開発の書籍一覧

Netlifyは、PHPなどを利用せずに、HTMLなどの静的コンテンツのみで構成されたWebサイトを閲覧できる形で運用・配信するためのWebサービスです。GitHubなどで管理しているリポジトリから自動的にデプロイを行える他に、フォームやCI機能など静的サイトを運用する上で便利な機能が豊富に揃っています。本書はNetlifyの豊富な機能を詳しく紹介し、活用法を提案します。
〈本書の対象読者〉
・普段Webサイトを運用していて、もっと楽にできる方法を探している人
・いつもFTPソフトでいちいちレンタルサーバーにアップロードして消耗している人
・AWS S3やGitHub Pagesをいつも使っているけれど、今ひとつかゆいところに手が届かないと感じている人
・Netlifyを使ったことはあるけど、機能が多くて何ができるのか分かってない人
・Netlifyの便利そうな機能を、実際どう使うかサンプルが見たい人

【目次】
第1章　登録方法や基本機能の紹介
第2章　ビルド周りの機能や設定
第3章　独自ドメインを割り当ててみよう
第4章　CMSをつくる
第5章　フォームの設置方法
第6章　Split Testing
第7章　Functions（AWS Lambda on Netlify）
第8章　Prerendering機能を試す
第9章　チーム機能や有料プランでできること

【Webページに無料で地図を表示できる！OpenLayers4簡単解説！】

本書はWeb上で地図を表示するためのJavaScript製ライブラリ「OpenLayers4」のチュートリアルガイドです。無料の地図である「OpenStreetMap」を使って、簡単に自社ページなどに地図を掲載することができます。地図上へのマーカー表示やレイヤーを使った領域表示などについても紹介。国土地理院のデータなどその他の無料地図データの利用方法も解説しています。

【目次】
第1章　OpenLayers4について
第2章　OpenLayers4で地図を表示してみよう
第3章　OpenLayers4で地図上にマーカーを表示してみよう
第4章　ポリラインを表示してみよう
第5章　地図を扱うのに役立つ知識
第6章　ポリゴンを表示してみよう
第7章　イベントのハンドリングをしてみよう
第8章　地図上にポップアップを表示する
第9章　地図を使ったサービス
第10章　無料で使えるGIS情報

本書は、CSS初学者が混乱しやすいCSSの「display」プロパティについて、
クイズ形式で楽しく覚えられる本です。

「paddingがつかない！」「高さがおかしい！」「背景が出ない！」

そのトラブル、もしかしてdisplayプロパティのせいかも。
でも、どうやったらdisplayプロパティの問題だって気づけるでしょう。

習うより慣れよ！

こんな人のために書きました
・なんとなくCSSを書いているが、ときどきなぜかCSSが効かなくて困る
・displayのinlineとinline-blockの違いが分からない
・とりあえずdisplay:block;を書いている

こんなことは出てきません
・display:grid;やdisplay:contents;などの詳細な説明
・displayの値をふたつ設定して使う使い方の説明

●これ1冊でWeb3アプリ開発に必要な知識が学べる！
本書は、イーサリアム・NFT（非代替性トークン）・DAO（自律分散型組織）によるブロックチェーンWebアプリ開発の入門書です。

Web3の理解が難しいとされる一因は、必要な技術領域が多岐にわたることです。たとえば、ブロックチェーンの理解だけではWeb3アプリを作成できません。従来のWebシステム全般の知識、ブロックチェーンとの接続方法、ウォレットの扱い方、Web3ビジネスの知識など、周辺の知識とスキルが必要となります。

そこで本書では、知識ゼロからNFTやDAOを活用したWeb3アプリを構築できるよう、開発者目線で必要な知識を選り抜いて解説しています。Web3の概要、要素技術の解説から、イーサリアムを利用したサンプルアプリやNFTマーケットプレイス、DAOの開発・実装方法、ブロックチェーンネットワークの作り方やノードプロバイダーとの接続方法まで、これ1冊でWeb3アプリ開発に必要な知識を包括的に学べるようにしています。

第1章　Web3による社会変革
第2章　Web3のアーキテクチャと構成要素
第3章　イーサリアム開発入門
第4章　NFT開発入門
第5章　NFTマーケットプレイス開発
第6章　DAO開発入門
第7章　DAOシステム開発
Appendix　ブロックチェーンネットワークの構築・テスト

Web3の要素技術を学びたい方、Web3を活用したサービス・アプリケーション開発に興味がある方にお勧めの1冊です。

本書は、Web コーダーの新人教育を行う中で「どうやったら自分のHTMLタグ選びの好みを伝授できるのか」を考える中で生まれた本です。

こんな人に向けて書きました
・Web サイト制作などでHTML を書くが、細かいタグ選びには迷う人
・人にHTML を教えることがあるが、細かい説明をするのが大変な人
・<ul> のu がunordered のu だと知って笑ったことがある人

これは書きませんでした
・Web 制作での使いどころがあまり思いつかなかったHTML タグの説明
・沢山ありすぎるフォーム関連のHTML タグの説明
・どんなCSS を使ったら素敵な見た目にできるかの説明

本書は静的サイトジェネレーターの一つであるHugoの解説書です。できるだけ低コストでサイトを運用したい、WordPressなどの各種CMSから移行したい、というケースに合わせて構築方法などを解説します。Hugoを利用してオリジナリティーのあるサイトを自分で構築、管理したい方に向けての一冊です。

【目次】
第1章　Webサイトを作ろう
第2章　静的サイトジェネレーターとは何かを知ろう
第3章　Hugoの魅力を知ろう
第4章　Hugoをインストールして自作サイトを公開しよう
第5章　カスタマイズして自分の手に馴染むツールにしよう
第6章　AMPでWebサイトの表示高速化に挑戦しよう
第7章　他CMSからHugoに移行しよう

本書はサーバーサイドKotlinでWebアプリをひとつ作ることを目標にしたチュートリアル書です。KotlinやサーバーサイドKotlinの紹介、WindowsとMac両方に対応した開発環境の作成とHello World!による入門、実際に簡単なWebアプリを作る実践へとにステップアップし、簡単な掲示板アプリを作成します。
【目次】
第1章　Kotlinとは
1.1　歴史
1.2　特徴
1.3　Kotlinが利用できる開発
1.4　その他の特徴
第2章　入門!サーバーサイドKotlin
2.1　開発環境について
2.2　Webフレームワーク
2.3　ビルドシステム
2.4　Spring BootでHello World!
2.5　Spring Bootでデータベース操作
2.6　Spring Bootでテストを書こう
2.7　依存関係で追加したフレームワークについて
2.8　この章のまとめ
第3章　実践
3.1　設計
3.2　プロジェクトの作成
3.3　ディレクトリー構成
3.4　投稿機能の実装
3.5　更新機能の実装
3.6　削除処理を実装する
3.7　より良くしていく
3.8　実践編を振り返って
3.9　この章のまとめ

【Vue.jsを現場で使いこなすためのTips集！】

本書は、筆者がこれまで携わってきた開発の経験から得たVue.jsの使いこなしTips集です。FormやVuexなどについての即現場でも使えるようなテストコード付きのサンプルコードを多数収録しています。
〈本書の対象読者〉Vue.jsをある程度使いこなしている中級者以上のユーザー
仕事でVue.jsをさらに活用したいプログラマ

【目次】
第1章　computedとfilterの使い分け
1.1　computed
1.2　filter
1.3　どのような使い分けをするか
1.4　まとめ
第2章　お問い合わせフォームと戦う
2.1　フォームは難しい、そしてめんどくさい
2.2　お問い合わせフォームの要件
2.3　解説の流れ
2.4　ライブラリーの完成形の紹介
2.5　基礎クラスと基礎ミックスインの役割
2.6　基礎クラスと基礎ミックスインの関係
2.7　ライブラリーの使い方
2.8　ライブラリーを使ってフォームを作る
2.9　ページ間のデータの受け渡し
2.10　まとめ
第3章　フォームのライブラリー実装編
3.1　BaseFormItemクラス
3.2　BaseFormクラス
3.3　form-itemミックスイン
3.4　フォームのユニットテストについて
3.5　章のまとめ
第4章　Vuexのtips
4.1　ユースケース
4.2　Vuexの使い方
4.3　まとめ
第5章　vue-test-utilsでなにをテストするか
5.1　最低限のコンポーネントテスト
5.2　テストの方針
5.3　テストコードの実例解説
5.4　まとめ
第6章　vue-i18nのLazy loadingとvue-router
6.1　説明の前の補足
6.2　言語テキストはどう分ける？
6.3　言語テキストのLazy loading
6.4　まとめと課題

CSS がそれなりに使えるという方でも、本格的なデザインをコーディングするのでなければあまり使う機会がない position。
しかし、とりわけ装飾的な要素の実装に関して頼もしいパートナーになるのが positionです。
本書で position と仲良くなり、安心して素敵なコーディングライフを楽しみましょう。

対象読者
・CSS がそこそこ書ける Web デザイナー
・CSS にちょっぴり自信がない Web コーダー

想定していない読者
・3 度の飯より CSS の仕様書が好きな CSS 上級者／ position:sticky; を極めたい方
・HTML や CSS のことを何も知らない Web 初心者

本書はVue.jsをCDN版で少し触れてみた人に向けて、Vue CLIへ移行するまでと、Vue CLI上でテスト駆動開発（TDD）をするまでの手順を解説します。合わせて、フロントエンドのVue CLIから利用するバックエンドのREST APIをExpressにて実装する際に、HTTPリクエスト部分をテスト駆動で開発する方法も掲載しています。Vue CLIの前提となっているwebpackとBabelについて「詳しく知らなくとも、とりあえず使えるようになる」ことを目指します。フロントエンドVue.jsとバックエンドExpressで「Azure上でそのまま公開できる簡単なWebアプリ」を説明のサンプルに用いています。
【目次】
第1章　Vue.jsのCDN版からVue CLI版へ移行
第2章　Vue CLIでテスト駆動開発する（TDD）
第3章　ExpressによるWebAPIサーバーをテスト駆動開発する（TDD）
第4章　フロントエンドVue.jsとバックエンドExpressを接続してAzureにDeployする
付録A　詳しくて細かいこと
付録B　ExpressフレームワークのAzure向け導入方法
付録C　Azureポータルでの「Webアプリ」インスタンスの作成方法
付録D　Azureポータルで「Webアプリ」へのソースファイルの紐づけ方法