発行
SVGは拡大しても劣化しない静的な画像ファイルですが、一方でSVGはマークアップ言語でもあり、DOMを構成するという特徴もあります。この特徴を活かし、拡大やドラッグ移動などの特殊なUIを実装してみましょう。
これまでは初期データをアプリ内で保存してきたのですが、実際のWebアプリでは、Web APIを使ってデータを取得、更新することが一般的です。タイミングよく通信を処理するためのライフサイクルフックについて解説します。
フィールドに引数を指定して取得するコンテンツを加工していきます。今回はページを分けてコンテンツを取得する方法を解説します。引数を指定することで複雑なページネーションが可能になります。
発行
従来、JavaScriptで実装していた滑らかなスクロールは、現在はCSSの指定で実装できるようになりました。実装時の注意点も含め、解説します。
今回はAWSへの登録を行い、Webサイトをビルドしてデプロイするというひととおりの作業を行います。また、まずは知っておきたい、ドメイン管理やメール通知、環境変数など、Amplify Consoleの基本的な設定を紹介します。
前回までに作成している「お知らせ」ページを拡張しながら、さらにさまざまなコンテンツフィールドの「種類」を解説します。
発行
テキストに下線を指定した場合に、下線の位置を調整するプロパティを紹介します。フォントや言語指定によって動作が異なる場合もあるので注意しましょう。
サイトのパフォーマンスを大きく左右する可能性がある画像を、大きさ、画質、画像形式などさまざまな側面から最適化してくれる新機能を解説します。
前回に引き続き、フィールドに引数を指定して取得するコンテンツを加工していきます。今回はコンテンツをフィルタリングして複数の候補に絞り込む方法です。
発行
input要素で選択したファイルの情報を、JavaScriptから利用する方法について解説します。ファイル名やファイルのサイズ・タイプを取得し、UI上でファイルのプレビューができるようにしましょう。
これまで解説してきたVueの知識を活用し、タスク編集機能を実装します。復習を兼ねて実装方法を考えてみましょう。
前回までに作成しているお知らせのAPIを拡張しながら、コンテンツのフィールド（フォーム）の種類について詳しく解説します。