概要

特集1
自作OS×自作ブラウザで学ぶ
Webページが表示されるまで
HTMLを運ぶプロトコルとシステムコールの裏側

ブラウザは，開発者にとってもユーザーにとっても，もはや日常の一部と言えるほど身近なソフトウェアです。しかし近年のブラウザはあまりにも高機能かつ巨大になってしまったため，そのしくみを詳しく理解することは難しくなっています。そこで，ブラウザ上でWebページを開くまでに裏側ではいったい何が起きているのかを大まかに解説しつつ，非常に単純な自作ブラウザを自作OS上に実装することで，ブラウザとその裏側を上からも下からも理解していきましょう。

特集2
最新Vue.js 3入門
コアチームが解説！ 基本から新機能まで完全網羅

Vue.jsは，ビュー層に特化したライブラリです。必要最小限の学習コストですぐに動かすことができ，規模の大きなシステムにも対応できます。2020年9月に，2年以上をかけて開発されたバージョン3がリリースされました。これは，Vue.jsの歴史の中で過去最大のリリースです。本特集では，Vue.jsコアチームメンバーが，Vue.js 3で開発するうえで必要となる基礎を包括的に解説します。

20周年記念企画
これからのWeb開発
技術を追い，今を知り，この先を見据える

毎年恒例の記念号企画ですが，今回は20周年記念。拡大版として9人の方に3ページずつご執筆いただきました。しかも，テーマはそのものずばり「これからのWeb開発」。Web開発の中心である9つの分野について，第一人者の方々に「これから」を論じていただきます。もちろん変化の激しいこの世界ですから，未来予測はむずかしいもの。けれど，これまでの動向をふまえて現状を確認し，そのうえで語る「これから」は，きっとみなさんにとって大きな指針となるはずです。

目次

特集1
［自作OS×自作ブラウザで学ぶ］
Webページが表示されるまで
HTMLを運ぶプロトコルとシステムコールの裏側

• 第1章：Webページが表示されるまで
  ブラウザとサーバとOSの関係……hikalium
• 第2章：簡単な通信
  pingコマンドを実装してみる……hikalium
• 第3章：より複雑な通信
  UDPを実装してみる……hikalium
• 第4章：ブラウザとサーバのやりとり
  HTTPを実装してみる……土井 麻未
• 第5章：Webページの表示
  HTMLのレンダリングを実装してみる……土井 麻未

特集2
最新Vue.js 3入門
コアチームが解説！ 基本から新機能まで完全網羅

• 第1章：Vue.js入門
  歴史，特徴，開発環境の構築……石井 輝亜
• 第2章：Vue.jsの基本的な使い方
  ToDoリストアプリケーションを作って学ぶ……太田 洋介
• 第3章：Vueコンポーネントの基本的な使い方
  簡単な記述で使用できる部品を作る……太田 洋介
• 第4章：Vue.js 3の新機能
  新しいコンポーネントの書き方，柔軟なテンプレート，Vue 2からの移行……太田 洋介
• 第5章：Vue.jsの公式プラグイン
  ルーティング，ステート管理，リンタ，テスト，デバッグ……石井 輝亜

20周年記念企画
これからのWeb開発
技術を追い，今を知り，この先を見据える

• 第1章：フロントエンド
  振り子のような技術変化から適切なHTML生成手段を選ぶ……佐藤 歩
• 第2章：UI/UX
  現実社会とのつながりが強まるスマートフォンと，DX推進で再評価されるデスクトップ……池田 拓司
• 第3章：Web
  かつてWebのユニバーサル性を高めたものたちと，これから……伊原 力也
• 第4章：サーバサイド
  Ruby on Rails開発者が語る，サーバサイド開発の展望と新しい時代の開発者の生き方……松田 明
• 第5章：インフラ
  マシンを中心としたインフラからアプリケーションを中心としたインフラへ……中島 大一
• 第6章：データベース
  分散RDBMSによるパラダイムシフトへの期待……曽根 壮大
• 第7章：基幹系システム設計
  エンジニアはドメインを駆動する……杉本 啓
• 第8章：開発プロセス
  自分たちの開発環境をよく理解して，いつでもやり方を変えられる柔軟性を……大和田 純
• 第9章：AI技術
  プログラムの生成を手助けするAI，学習データ不足を解消するシミュレータ……岡野原 大輔

連載

• しっかり，きちんとPHP
  【第4回】5年ぶりの新版！ PHP 8登場 ……文字列操作関数，null安全演算子，match式，名前付き引数……岡田 正平
• Perl Hackers Hub
  【第65回】依存モジュールの更新 ……update-cpanfile，GitHub Actionsで実現！……hitode909 監修：牧 大輔，福本 貴之，松木 雅幸，大沢 和宏
• 即効AWSテクニック ── DevにもOpsにも活きるインフラ利用
  【第4回】監視対象が増えたCloudWatchの設定ポイント …… 監視できるものとできないもの……言上 侑也
• Rubyのウラガワ ── Rubyインタプリタに学ぶデータ構造とアルゴリズム
  【第10回】インスタンス変数の実現 ……クラス別インデックス表と，そのキャッシュによる高速化……笹田 耕一
• 見なおそう！ モダンJavaの流儀
  【第4回】並列処理APIの特徴と用途 …… パフォーマンス向上に寄与する使いどころを整理……櫻庭 祐一
• 現場のPython ── システム開発も！ 機械学習も！
  【第4回】データ分析プログラム実行基盤の作り方 ……分析をシステムに組み込むときに必要なことと，Airflowの導入方法……石上 晋，altnight
• Goに入りては…… ── When In Go...
  【第22回】goroutine，スレッドとLockOSThread ……GoとCの並行処理の関係……牧 大輔
• 現場で使える！ モダンフロントエンド技術
  【第4回】設計改善とユニットテストのサイクルを回す ……コンポーネント／関数が担う責務を明確にして分割する……小林 泰士

コラム

• 縁の下のUIデザイン ── 少しの工夫で大きな改善！
  【第22回】画面単位ではなく，画面遷移を意識した改善……池田 拓司
• 教えて！ 最新技術 ── テックコミュニティの現場から
  【第3回】コンテナ技術やクラウドネイティブのこれまでとこれから …… 太田航平さん……関 満徳
• マネジメントの現場 ── 良いチームを作るために必要なこと
  【第5回】開発組織におけるブランディング……是澤 太志
• はまちちゃんとわかばちゃんのREADER'S FORUM ── 読者のページ
  【第71回】……はまちや2，竹原

サポート

ダウンロード

■ご注意

• ※ 本コーナーは，本誌記事参考用資料としてのご提供を目的としております。
• ※ 本誌記載の内容およびサポートサイトで公開しているサンプルコードに基づく運用の結果について，記事の筆者，プログラムの作者/提供元，(株)技術評論社は一切の責任を負いかねます。ご自身の責任のもと，ご使用ください。
• ※ 各サンプルファイル/ソースコードには，個別に，ライセンスやREADMEファイルなどで注意事項/制限事項が添付されている場合がございます。その場合，該当のライセンス，注意事項/制限事項を優先して適用とさせていただきますので，ダウンロード後，内容をご確認ください。

特集1「［自作OS×自作ブラウザで学ぶ］Webページが表示されるまで」

• 本特集で使用されたソースコード（執筆者制作の本特集サポートページ）

特集2「最新Vue.js 3入門」

• 本特集で使用されたソースコード

連載

• 「しっかり、きちんとPHP」
  本記事で使用されたソースコード（執筆者GitHubリポジトリ）
• 「Perl Hackers Hub」
  本記事で使用されたソースコード
• 「現場のPython ── システム開発も！ 機械学習も！」
  本記事で使用されたソースコード
• 「Goに入りては…… ── When In Go...」
  本記事で使用されたソースコード
• 「 現場で使える！ モダンフロントエンド技術」
  本記事で使用されたソースコード（執筆者GitHubリポジトリ）

正誤表

本誌の以下の部分に誤りがありました。ここに訂正するとともに，ご迷惑をおかけしたことを深くお詫び申し上げます。

連載「見なおそう！ モダンJavaの流儀」P.139 左段下から12行目