発行
Supabaseの認証機能を使ってログイン機能を実装します。ログイン機能は複雑な実装が必要な印象があるかもしれませんが、Supabaseのライブラリはメソッドもわかりやすくなっています。
Appleのゴーグル型デバイス、Vision Proがターゲットデバイスに含まれても、情報伝達に支障がないようにするために、Web開発者が気になるブラウザの操作方法や、知っておきたいポイントを解説します。
ピクセルグリッドの会社サイトでは、Astroの機能を組み合わせた独自の仕組みを構築することで、ページごとに異なるOGP画像の自動生成を実現しています。今回はその方法について解説します。
発行
第一回目はReact Ariaとはどのようなものか、どのように役立てていけるのか、そのイメージを掴みます。独自実装では見落としがちなアクセシビリティ、ユーザビリティを担保しつつ、独自のスタイルを付与できます。
プログラミング入門者のグリオ君が、JavaScriptの関数の問題を解きます。今回は、与えられた数値の配列から最大値を返す関数を作成する問題と、複数のオブジェクトから特定のプロパティの値を合計する関数を作成するという問題です。
注意しつつWAI-ARIAを導入しても、書いたコードが問題ないかどうかをチェックするのは大変です。この記事では、その手間を減らす手伝いをしてくれるツールの紹介と、特に気になる部分を人力でチェックする方法を紹介します。
発行
筋トレ記録アプリの種目一覧ページで、「部位」を親、「種目」を子として、関連付けて表示させます。関連するデータを別のテーブルとして分割し、それぞれをユニークなIDによって紐づけるという「テーブル結合」を用いてデータを取得しましょう。
esbuildによって、できるだけシンプルなビルド環境を整えます。開発モード、プロダクションモードの2種類でビルドできるよう、設定を行います。
使うボタンの情報を整理し、用意したボタンUIを当てはめていきました。今回は、用意したボタンから外れた項目について考え、よりわかりやすくするための調整を行います。
発行
ウェブサイト制作では印刷用のページの指定で利用する、物理的な長さである絶対長の単位を解説します。このほか、角度・時間・周期・解像度に関する単位についても見てみましょう。
CodeGridは2022年11月のリニューアルでHTMLの事前レンダリングからSSRへと移行しました。なぜそのような変更を行ったのか、その背景と理由を解説します。
ユーザーを目的のアクションへ誘導するデザインのポイントを、ボタンUIを例に考えていきます。エンジニアやディレクターなど、デザインをメインにしていない人に役立つ内容です。