発行
ピクセルグリッドの会社サイトにあるお問い合わせフォームのデザイン、実装のポイントをご紹介します。比較的シンプルに作成しているフォームですが、お客様をお迎えする入り口ともなるため、細かな工夫をしています。
最終回では、トレーニングデータを記録する機能を実装します。前回までをおさらいしてトレーニングデータを記録するテーブルを作成してRLSを適用し、フロントエンドのプロジェクトに記録できるページを作成します。
React Aria Componentは構造がしっかりしているため、他のアニメーションライブラリと組み合わせることもできます。今回はTailwind CSSでスタイリングやアニメーションの調節を行います。
発行
ボタンもリンクも似たような動作だから、場合によっては同じデザインでもOK？ この記事では、そんな疑問に答えつつ、どのような視点で使い分けを考えたらいいか、また使い分けた上で、どのようなデザインをほどこすべきかを解説します。
グリオ君が先生といっしょにJavaScriptの基礎を学ぶシリーズ。今回は、文字列をキャメルケースに変換する関数を作成します。正規表現を使って文字列を変換しますが、グリオ君、ちょっと息切れしてきました。
コンテンツ更新や拡張をし続けるWebサイトやアプリケーションを運用するためには、フロントエンドのメンテナンスも重要です。メンテナンスの重要性について考えてみましょう。
発行
Supabaseでも利用できるセキュリティ機能、RLS（Row Level Security）を解説します。RLSポリシーの構文の書き方からSupabaseでの設定方法を解説し、筋トレ記録アプリのプロジェクトに適用してみます。
ピクセルグリッドのエンジニアを中心に、エディタについて聞きました。定番エディタから新しいエディタまでいろいろ。「今のエディタ、なんとなく使っているけどイマドキってどうなのかなあ」と思っている方の参考になるかもしれません。
OGP画像の生成に必要なデータをAstroの機能を活用して取得する方法と、OGP画像生成の工夫について解説します。画像生成は、ビルドのパフォーマンスを重視し、必要な処理に応じた複数のライブラリを組み合わせる構成になります。
発行
React Aria Componentsを利用しながら、モーダルUIを実装し、スタイルを付与してみます。React Aria Componentsの利点であるアクセシビリティについても検証します。
プロジェクトで使われているけれど、秘伝のタレのようになってしまった設定や、新たに始めるプロジェクトのために、最新情報を整理しましょう。
グリオ君が先生といっしょにJavaScriptの基礎を学ぶシリーズ。今回は、URLのクエリーパラメーターをオブジェクトに変換する関数と、配列の重複を削除する関数を作成します。