NuxtとGoではじめるWebアプリ開発
インプレスグループで電子出版事業を手がけるインプレスR&Dは「技術書典」や「技術書同人誌博覧会」をはじめとした各種即売会や、勉強会・LT会などで頒布された技術同人誌を底本とした商業書籍を刊行し、技術同人誌の普及と発展に貢献することを目指し、最新の知見を発信する「技術の泉シリーズ」最新刊として寺田晃大氏著書による、 動画検索アプリを題材にNuxtとGoを使ったアプリ開発を実践することができるチュートリアル書籍「NuxtとGoではじめるWebアプリ開発」を発売した。
寺田晃大Profile●Webアプリケーション開発を中心に活動している、フリーランスのサーバーサイドエンジニア。SIer・受託開発企業を経験したのち、フリーランスに転向。PHP、特にFWにLaravelを用いた開発が得意。Twitter: @aiiro29
「NuxtとGoではじめるWebアプリ開発」発行主旨・内容紹介
「NuxtとGoではじめるWebアプリ開発」はYoutube APIとFirebase Authenticationを使ったWebアプリ開発チュートリアル。動画検索アプリを題材に、NuxtとGoを使ったアプリ開発を実践することができる。「NuxtとGoではじめるWebアプリ開発」は、次世代出版メソッド「NextPublishing」を使用し、出版されている。
▼YouTube Data APIの有効化やGoとNuxtのプロジェクトの作成など基本的な環境設定から解説
▼トップページの作成から順を追って学習
▼さらにユーザー認証の実装などアプリとして必要な機能をひととおり解説
「NuxtとGoではじめるWebアプリ開発」目次
第1章 開発環境について
1.1 筆者の開発環境
第2章 YouTube Data APIを有効化する
2.1 GCPプロジェクトを作成する
2.2 API を有効化する
2.3 API キーを取得する
2.4 API の割り当てについて
第3章 Go&Nuxtプロジェクトを作成する
3.1 Goプロジェクトを作成する
3.2 Nuxtプロジェクトを作成する
第4章 トップページを作成する
4.1 人気の動画を取得するAPI
4.2 人気の動画取得のアクションを作成する
4.3 人気の動画をAPIから取得して表示する
第5章 動画再生ページを作成する
5.1 Echo のコンテキストを使用する
5.2 動画の詳細情報を取得するAPI を作成する
5.3 動画再生ページを表示する
5.4 関連動画の取得API を作成する
5.5 関連動画を表示する
第6章 検索機能を追加する
6.1 動画検索API を作成する
6.2 検索結果を表示する
第7章 Firebaseを使ってユーザー認証機能を作る
7.1 Firebase Authentication を設定する
7.2 Firebase を使ったアカウント管理機能を実装する
7.3 ログイン機能を追加する
7.4 ログアウト機能を追加する
7.5 ログアウトリンクを追加する
第8章 DBを用意する
8.1 Docker を使ってDB を用意する
8.2 Docker のコマンドを確認する
第9章 お気に入り追加・削除機能を追加する
9.1 お気に入り追加・削除のAPI を作成する
9.2 動画再生ページにお気に入りアイコンを追加する
第10章 お気に入り一覧ページを作成する
10.1 お気に入りの動画一覧を取得するAPI を作成する
10.2 お気に入り一覧を表示する
第11章 リフレッシュトークンを使ってアクセストークンを再取得する
11.1 アクセストークンをデコードしてみる
11.2 リトライ用のメソッドを追加する
11.3 トークンを再取得する
11.4 トークン再取得処理の動作を確認する
「NuxtとGoではじめるWebアプリ開発」Amazonでの購入はこちら
NuxtとGoではじめるWebアプリ開発 (技術の泉シリーズ(NextPublishing))
- 作者:寺田 晃大
- 出版社/メーカー: インプレスR&D
- 発売日: 2019/12/06
- メディア: オンデマンド (ペーパーバック)
「NuxtとGoではじめるWebアプリ開発」楽天市場での購入はこちら※電子書籍版です。
|
「YouTuberにもオススメ!テロップ向けフォント(書体)」紹介記事
動画での使用を許諾した「ダイナコムウェア DynaSmart V PC1台1年 カード版(新規・更新兼用)」Amazonでの購入はこちら
ダイナコムウェア DynaSmart V PC1台1年 カード版(新規・更新兼用)
- 出版社/メーカー: ダイナコムウェア
- 発売日: 2019/04/19
- メディア: エレクトロニクス
- この商品を含むブログを見る
▼ダイナフォント全書体が使える「DynaSmart V」
「DynaSmart V」は、ダイナフォント全書体を収録し、印刷物、Webデザイン・映像、ゲーム&アプリなどフォントの使用許諾範囲を大幅に広げたプロデザイナー向け年間ライセンス。
多言語フォントを豊富に収録しているほか、Webフォントサービスにも対応している。
また、最新書体をアップグレードにて随時提供しており、グッドデザイン賞受賞およびiFデザイン賞(iF Design Award)受賞「甲金文体」やあらゆるサイズの画面に適したテロップ向け書体「テロップ書体」などが新収録されている。
契約はPC1台で契約年数は1年単位。Windows、Macintoshどちらにも対応しており、OpenTypeからTrueTypeまで収録した豊富な書体バリエーションを誇る。
翻訳サービスやローカライズにも有用な15種類の言語が同一のデザインで使える多言語フォント「金剛黒体」を含む様々な多言語フォントを収録しており「金剛黒体」の収録言語は、「簡体字中国語GB2312」「簡体字中国語GB18030」「繁体字中国語」「韓国語」「ラテン語」「ベトナム語」「タイ語」「タイ語(モダンタイプ)」「ビルマ語」「ヒンディー語」「ヘブライ語」「アラビア語」「ベンガル語」「シンハラ語」「タミル語」による15種類6ウェイトで合計90書体となる。日本語書体の金剛黒体StdN版、Pro6版、Pro6N版18書体を含めると合計108書体が使える。
「DynaSmart V」の主な日本語収録書体
〇基本書体…金剛黒体、平成明朝体、平成ゴシック体、華康明朝体、娥眉明朝体、UDゴシック体、UD丸ゴシック体など。
〇毛筆系書体…甲金文体、教科書体、楷書体、行書体、隷書体、金文体、新宋体、爽流体など。
〇古籍書体…古籍木蘭、古籍糸柳、古籍真竹、古籍銀杏、古籍黒檀。
〇POP系書体…南極POP、POP1体、角POP、まるもじ体、京劇体、ホラー、スターゴシック体など。
〇手書き風書体…シネマ凜、ハンノテート、ハンジペン、てがき線、てがき楽、てがき魔、てがき鈴など。
〇ロマン風書体…ロマン雪、ロマン輝、麗雅宋、優雅宋など。
〇ビットマップ風書体…点々体各種収録。
〇DC書体…籠文字、寄席文字、方隷書、ひげ文字、クリスタルなど。
〇その他…クラフト遊、クラフト墨、勘亭流、綜藝体、パンダ体など。