SwiftUIは、iOSアプリ開発におけるUI構築の常識を大きく変えました。宣言的な構文とライブプレビューのおかげで、かつて大量のコードが必要だった画面が、驚くほどシンプルに書けるようになっています。その中でも、リスト表示は多くのアプリに欠かせない要素であり、実装の仕方でユーザー体験が大きく変わります。…
News
ダミーテキストは、Webデザインやコーディングの初期段階でレイアウトや可読性を確認するために欠かせません。実テキストを流し込む前に仮の文章を入れることで、デザインの完成形をイメージしやすくなり、クライアントとの認識のずれを防げます。…
ウェブデザインで必ず出てくるCSS GridとFlexbox。一見似た機能ですが、得意分野は大きく異なります。適材適所で選ぶことで、コードの可読性と保守性が高まります。 本記事では両者の特性を整理し、具体的な例を通じて判断基準を提示します。初めて触れる方から設計の見直しを考えている方まで、参考になればうれしいです。…
iPhoneを長く使い続けるために、画面保護フィルムの選び方は悩ましいテーマです。福岡で生まれ、現在は東京でWebデザイナーとして働く私も、仕事柄iPhoneに触れる時間が長く、画面の状態には人一倍気を遣ってきました。事務所に検証用のテスト機が複数台並ぶようになってから、「ガラスフィルムとPETシート、結局どっちがいい…
短い開発期間で成果を出すハッカソンでは、アイデアの面白さだけで勝敗が決まるわけではありません。限られた時間で課題を見極め、実装範囲を絞り、審査員に価値を伝える流れまで設計する必要があります。…
Macでデザインと開発を並行していると、ブラウザ、エディタ、ターミナル、画像編集ソフトの切り替えだけで意外に時間を使います。ウィンドウを手作業で並べ直す回数が増えるほど、作業への集中も途切れがちです。 macOSにはSplit…
Webデザインやアプリ開発の記録を書いていると、ソースコードを掲載する機会が自然に増えていきます。コードが本文の中にそのまま並んでいると、読者はどこからどこまでがコードなのか判断しにくく、長い例ではインデントも見失いがちです。…
スマートフォンアプリを初めて起動したユーザーが目にするオンボーディング画面は、サービスの印象と利用開始率を左右します。機能を詳しく説明する場というより、アプリで何ができ、なぜ使う価値があるのかを短時間で伝える接点です。…
福岡出身で現在は東京で活動しているWebデザイナーのMimaです。今回は、都内で開催されたDevelopers Meetupに参加した日の様子を、印象に残った発表や参加者との会話を中心に振り返ります。…
デザインカンプは完成画面の見本ですが、そのままコードへ置き換えれば同じ結果になるわけではありません。画面に見えている余白、文字サイズ、画像の比率、視線の流れには、デザイナーの意図が含まれています。…