発行
動画をブラウザで再生する実装のために必要な、マークアップや動画のフォーマット、実装のヒントなど、基本的なことを学びます。
どうもグリコさんが指定したとおりに表示されてくれないヒーローエリアの画像。CSSの背景画像の指定を細かく調整します。最後には2つの背景画像を組み合わせて表示する方法を選択することに。なんとか理想の表示に近づきました。
APIができていない状態でも、OpenAPIでの定義があれば、簡易モックサーバーを立てて先回りしてフロントエンド開発を進めることができます。今回はこの方法や、分割されている定義ファイルをまとめる方法、納品物として利用する方法を見てみます。
発行
ツリー構造を表示するためのUI、ツリービューを実装していきます。まずはその仕様を整理し、基本となるHTMLを書いていきましょう。
「お金の話は得意ではない」という人も多いかもしれませんが、我々が仕事をする上で避けては通れない、そして大切な要素である「お金」。今回は、ディレクターとして仕事とお金について考えていきます。
VS Code拡張機能では、settings.jsonや設定画面からカスタマイズできる設定項目をユーザーに提供することができます。さまざまなニーズに応えられる柔軟な拡張機能を目指しましょう。
発行
「こんなときはどういう代替テキストを指定するの？」と、業務で出くわすさまざまなパターンをケーススタディ形式で解説します。今回はさまざまな写真や、形容が難しい画像について考えます。
サイトの更新をしたが、その更新内容に問題があったケースを例に、VS CodeでGitの変更履歴を用いて更新したサイトを以前の状態に戻す方法を解説します。
componentsフィールドを定義し、OpenAPIの定義を完成させます。外部ファイル参照の方法も見てみましょう。
発行
CSSセレクターの種類をまとめながら、どのような指定手法があるのか、またスタイルの優先度の決定方法も学びます。さらにサイトトップにある背景画像をCSSでどのようにコントロールするかについても解説します。
新入社員の菅野が、自分が興味を持つ分野に長けている先輩エンジニアの小山田に話を聞きます。尊敬する人のことや、経験が浅いエンジニアがこの恵まれた時代に何をやるべきか。そして、後半、実は、菅野がここ2ヶ月ほどモチベーションが0（ゼロ）だった、と打ち明けます。
前回、実装したハイライト箇所までスクロールするコマンドを、ステータスバーのアイテムをクリックすると呼び出せるように実装を進めます。UIとコマンドの紐付け方を解説します。