発行
配列操作をドリル形式で解説するシリーズの後編です。今回は、重複した値を抽出する問題と、値を2つずつの配列にまとめて新しい配列を作る問題の2つを紹介します。
ルビのレイアウトについて、CSSを書く際に知っておきたい点にしぼって解説します。自動的に隠されるルビや、任意の場所のルビを隠す方法は、知らないと延々と悩んでしまいそうな部分です。
受託開発は、仕事をお願いする側とされる側の契約によって成り立っています。エンジニアが直接契約を取り交わすことは少ないとは思いますが、それでも知っておきたい契約やセキュリティの基本的な心構えについて考えます。
発行
当たり前のように使う構文でも、JavaScriptの進化とともに書き方が変わったり、書き方の選択肢が増えたりするものがあります。今回のテーマの配列もその一つ。ドリル形式で、その書き方を見直してみましょう。
前回作成したDropdown Menuにアニメーションをつけたいのですが、Dropdown Menuのコンポーネント自体にはアニメーションの機能はありません。アニメーションだけを実現するTransitionコンポーネントを利用します。
例示のためのシンプルなコードでは気づきにくい、実装のポイントを解説します。親子のコンポーネント間のデータフローを壊れにくく保ちながら、保守性の高いコードを目指します。
発行
現在ではメジャーなブラウザで基本的なルビは問題なく扱えるようになっており、マークアップも以前よりシンプルになっています。基本的なルビの記述方法に加え、分割したルビや複数のルビを見てみましょう。
スケルトンスクリーンは、コンテンツのローディング中にグレーのダミーコンテンツを表示するUIです。その特徴を解説し、スケルトンスクリーンの基本的な機能を備えたライブラリのSkeleton Elementsを紹介します。
すべての機能の実装が終わりますが、たどり着くまでにまだ一山も二山もあります。初心者がつまづきやすい関数のスコープ、constとletの使い分けなどひとつひとつ確認しましょう。
発行
Jamstackでは、データとテンプレートまたはコンポーネントを元に、静的なHTMLを生成します。今回は、その元データをどこで管理するのか、またどういった管理手法があるのかについて、解説します。
第2回目は仕様に沿ってコードを書き始めます。いきなりコード全体を漫然と書き始めるのではなく、必要な処理をまずテキストで書き、ひとつひとつ処理を書く、といった手順を身につけます。
ピクセルグリッドのテクニカルディレクターに共通しているのは、すべてエンジニアというキャリアがあること。彼らがどんな経緯でディレクターの役割を担うことになったか、エンジニア経験があるからこそできる役割について語ってもらいました。