【TypeScript×Vue3×Nuxt3によるアプリ開発がこの一冊でわかる！】 本書は、最近需要が急増しているSSR（Server Side Rendering）によるSPA開発に適したWebアプリケーションフレームワーク「Nuxt 3」の解説書です。Nuxtは、最新のバージョン3でVue 3に完全対応したことで、Composition APIやTypeScriptを活用した効率的な開発が可能になりました。さらに、CSR／SSR／SSG／ISGの柔軟な切り替えやサーバレスビルドにも対応し、サーバレスWebサービス開発に最適のフレームワークへと進化しました。本書では、Nuxt 3の基本機能から、Composition APIを使ったアプリケーション開発の方法、エラー処理やNetlify／AWS Lambda／Herokuの本番環境へのデプロイまで、Nuxt 3の全機能を網羅して解説します。 ■目次 ●第1章 Nuxtを初体験 　　1.1 VueとNuxtの関係 　　1.2 Nuxtの環境構築 　　1.3 Nuxtプロジェクトの作成と実行 ●第2章 Nuxtアプリケーションの基本 　　2.1 SFCへの記述の基本 　　2.2 コンポーネント間連携 　　2.3 ステートの利用 ●第3章 Nuxtでのルーティング 　　3.1 Nuxtルーティングの基本 　　3.2 ルートパラメータとルーティング制御 　　3.3 ネストされたルーティング 　　3.4 レイアウト機能 　　3.5 ヘッダ情報の変更機能 ●第4章 Nuxtのデータ取得処理 　　4.1 Nuxtのデータ取得の基本 　　4.2 データ取得処理をまとめておけるuseAsyncData() 　　4.3 useAsyncData()と$fetch()を簡潔に書けるuseFetch() 　　4.4 ページ遷移を優先するLazy 　　4.5 データ取得処理を再実行するリフレッシュ 　　4.6 コンポーザブルとランタイム設定 ●第5章 Nuxtのサーバ機能 　　5.1 Nuxtのサーバ機能の基本 　　5.2 送信データの扱い 　　5.3 サーバサイドルーティング 　　5.4 Nuxt のサーバストレージ機能 ●第6章 Nuxtでのエラー処理 　　6.1 Nuxtのエラー発生とエラー処理タグ 　　6.2 子コンポーネントレンダリング時のエラー 　　6.3 カスタムエラー画面 　　6.4 サーバAPIエンドポイントのエラー処理 　　6.5 会員情報管理アプリへのエラー処理 ●第7章 Nuxtのミドルウェア 　　7.1 ログイン機能の実装 　　7.2 ルートミドルウェア 　　7.3 サーバミドルウェア ●第8章 Nuxtの動作の仕組み 　　8.1 npm runのオプション 　　8.2 Nuxtのレンダリングモード 　　8.3 Redisとの連携 ●第9章 Nuxtを本番環境へデプロイ 　　9.1 Nuxtのデプロイ先サービス 　　9.2 Netlifyへのデプロイ 　　9.3 AWS Lambdaへのデプロイ 　　9.4 Herokuへのデプロイ

ReactはWebページの開発において主要な技術となりつつありますが、Reactコンポーネントの「ライブラリ」を作成し、それを保守運用した経験のある方はどれくらいいるでしょうか？ Webページを作成できても、コンポーネントの設計については抽象的で、実際にはStorybookを使用して保守するべきだと理解しているものの、なかなか着手できないという方も多いことでしょう。コンポーネントの管理は、細かな部分が疎かにされがちで、時には以前に似たようなコンポーネントを再度作成することがあるかもしれません！ ライブラリを作成し、コミッターとしてコントリビュートすることで、車輪の再発明を避けることができます。これにより、実績を積み重ね、スキルを向上させることができます。この書籍は、npmにライブラリを登録したり、簡単なコンポーネントを作成してライブラリ化したりする方法に焦点を当てており、読むだけで楽しく学ぶことができます。もちろん、2023年3月末にリリースされたStorybook v7に完全に対応しています！ 本書は、フロントエンドエンジニアとしてのスキルを広げ、新たな領域に挑戦したい方にとって必見の一冊です。

オリジナルSlackアプリを 作ってみよう！ 【Slackとは】 Slackはリアルタイムでやりとりができる チャットツールです。 在宅勤務が多くなるなか ビジネスの現場で利用が広がっています。 【Slackアプリ開発の特徴】 Slackには開発者にとって利用しやすい高機能APIが多数用意されています。 社内用のツールやチャットボット、外部情報の共有、パフォーマンスのチェックなど、 さまざまなアプリの開発が可能です。 【本書の概要】 本書はSlack APIやBoltフレームワークを利用して オリジナル機能を追加したSlackアプリを開発する手法を 丁寧に解説した書籍です。 オリジナル機能を加えてより便利な コミュニケーションツールを開発できます。 【対象読者】 Webアプリ開発者 【開発言語】 JavaScript 【主な開発環境】 ・OS：macOS ・SDK：Bolt for JavaScript ・API：Slack API ・Node.js （JavaScript実行環境） ・npm（パッケージ管理ツール） ・ngrok（外部公開用のURL） 【本書のポイント】 現役のヤフーのエンジニアがおすすめする、 ・ランチをのお店をおすすめするボット ・申請フォーム ・Giphyアプリ ・リマインダーアプリ など、多彩なSlackアプリの開発方法がわかります。 【著者】 伊藤 康太、道内 尊正、吉谷 優介。 いずれもヤフーのエンジニア。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 NPMはどうして「評価疲れ」を生むのだろうか。それは避けられないのか。改革目的の実現は妨げられないだろうか。改革の主旨だったはずの「管理の自由」が、統制の強化を生み出してしまう組織間関係の生理を、日英の具体例を通して明らかにする。

本書は、『Node.js』の導入からWebスクレイピングの実施までの流れを、サンプルコードを中心に学ぶ解説書です。『Node.js』の開発環境の構築、「node」や「npm」コマンドの利用方法やJavaScriptの駆け足での基礎知識をはじめとして、「node-fetch」「jsdom」を利用したファイルのダウンロードやHTMLのパース。「Puppeteer」を利用したWebブラウザの操作や情報の取得などについて詳しく紹介しています。

「とりあえず動くJavaScript」から脱却したい人へ！ 初級者から中級者へのステップアップ指南書 JavaScriptは「なんとなく」「勘で」書いても動いてしまうことがある一方で、 独特の癖があり奥が深いため、初心者から脱するのが難しい言語です。 本書は「入門者向けの本は一冊読み終わったけど、もっと良いコードを書きたい」 「バグの出にくいコードの書き方を知りたい」という開発者のために、 JavaScriptで特につまずきやすい部分を丁寧に解説します。 ■対象読者 ・フロントエンドのスキルアップを目指す現役エンジニア ・フロントエンドエンジニアとしての転職／異動を考えるJavaScript初級者 ・職業としてのエンジニアを目指し、独学でJavaScriptを勉強したいと考えている学習者 　（現場経験がなくとも自身で初歩的な学習を完了している学習者であれば、 　本書の対象読者となりえます） ■つまずきやすいため紙面を割いているトピック ・非同期処理（async/await、Promise） ・AJAX（Fetch API） ・this ・スコープ ・プリミティブ型／オブジェクト型と参照 ■その他取り上げているトピック ・クロージャ ・ES5からES6 ・Node.jsとnpm ・トランスパイル ・DOM ・例外 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 あらゆるデータを収集・分析・可視化して、 システム／サービスの変化に能動的に対処せよ ITシステムやサービスが複雑化する現代において、オブザーバビリティ（Observability：可観測性）という考え方が極めて重要になっています。 オブザーバビリティとは、デジタル上の複雑な動作をリアルタイムに把握して理解するための技術であり、「Observe（観察する）」＋「ability（能力）」が組み合わされた単語で、特にソフトウェアの世界ではデジタル上の複雑な動作を収集・分析・可視化して、観測可能な状態にする技術のことを指します。 従来のモニタリング（監視）では、何かしらの形で「事前に想定できた」異常しかアラートとして検知できなかったのに対し、オブザーバビリティではテレメトリデータとしてあらゆるデータを集めることにより、「事前に想定できなかった」異常や変化を把握でき、開発・運用の両面において能動的な対処が可能になります。特に、大規模なシステム／サービスの開発・運用になればなるほど、オブザーバビリティから得られるメリットはより一層大きくなります。 そんなオブザーバビリティを実現するツール群が「New Relic」です。New Relicを利用することで、ブラウザ、モバイル、サーバーなどさまざまな環境で動くアプリケーションについて、オブザーバビリティを導入することが可能になります。また、SDKが対応する言語も多岐にわたり、あらゆる状況下で一元的にデータ収集を行い、分析・可視化してくれます。 本書では、大規模システムの開発・運用に携わるエンジニアに向け、オブザーバビリティの基礎や考え方を身に付けつつ、オブザーバビリティを実現するツール「New Relic」の実践的な利用法や活用パターンについて解説します。 ～目次～ ■Part 1：New Relicを知る ・第1章：オブザーバビリティの重要性 ・第2章：New Relicの全体像 ■Part 2：New Relicを始める ・第3章：New Relic Synthetic Monitoring ・第4章：New Relic Mobile ・第5章：New Relic Browser ・第6章：New Relic APM ・第7章：New Relic Infrastructure ・第8章：New Relic NPM ・第9章：New Relic Log Management ・第10章：New Relic Alerts & AI ①：New Relic Alerts ・第11章：New Relic Alerts & AI ②：AI ・第12章：DevSecOps ・第13章：ビジュアライゼーション ■Part 3：New Relic活用レシピ ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 モダンWebの制作現場へ、ようこそ！ 保守性・拡張性・再利用性を高めるモジュール設計の基本と実践。 SMACSS、BEM、モジュール設計、npm、Flexible Boxまで！ CSSのコーディングをしたことのある人であれば、「CSSを指定したら、 思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったら CSSが煩雑になった」「CSSファイルの肥大化して、どこを編集したらいいのか わからなくなった」といった経験が少なからずあるはずです。 本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで 解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の 方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルの Webサイト構築フローを追いながら、保守・運用までを考慮した破綻しないCSSを 設計・実装するまでの具体的なプロセスについて一冊で学べます。 実際にサイトデータをダウンロードして学べるから理解が深まります。 【本書の構成】 第1部「CSS設計の前提」 第2部「メンテナブルなCSS」 第3部「CSS設計のプロセス」 第4部「CSS設計の実践」 付録「Flexible Box Layout」 【本書の読者】 ・フロントエンド開発の作法を学びたいWebデザイナー&エンジニア ・Webアプリケーションを作りたいWebデザイナー ・フルスタックを目指すWebエンジニア ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。