デザインシステムは、色やフォントを一覧にした資料ではありません。画面を作る人とコードを書く人が、同じルールを使って継続的にプロダクトを育てるための仕組みです。見た目の統一だけでなく、設計判断を共有し、変更に強いUIを実現する役割があります。…
News
タスクの登録、完了状態の切り替え、削除という基本機能を使って、ブラウザーで動くToDoアプリを作ります。特別な開発環境やフレームワークを使わず、HTML、CSS、JavaScriptの役割を分けながら実装するため、プログラミング学習の題材にも向いています。…
勉強会で登壇するときのスライド構成テクニックは、きれいな資料を作る方法だけではありません。限られた時間で聞き手の理解を助け、発表後に内容を思い出してもらうための情報設計です。Webデザインやアプリ開発の発表では、技術の深さと伝わりやすさを両立させる必要があります。…
個人開発では、アイデアを思いついてから実装へ進むまでの速さが重要です。画面構成や操作感を頭の中だけで考えていると、必要な機能が増え続けたり、開発途中で方向性が変わったりします。そこで役立つのが、Figmaを使ったアプリのプロトタイプ制作です。…
Webサイトの印象は、レイアウトや文字の形と同じくらい色に左右されます。明るく親しみやすい画面にするのか、落ち着いた信頼感を出すのかによって、選ぶ色も組み合わせ方も変わります。…
iPhoneのアクセサリー市場は種類が膨大で、毎日の生活に欠かせない存在になっている。ケース、充電器、ケーブル、スタンド、イヤホンなど、どの分野も日々進化しており、同じカテゴリー内でも選択肢が幅広い。スペック表を眺めているだけでは見えない、実際の使用感や相性の良し悪しもある。…
初めてハッカソンに参加し、短い時間でアイデアを形にする難しさと楽しさを実感しました。普段のWeb制作やアプリ開発では、調査や設計に時間をかけてから実装へ進みます。しかしハッカソンでは、限られた時間の中で企画、デザイン、開発、発表までを一気に進めます。…
iOSアプリ開発を始めようと思ったとき、最初に直面するのがSwiftというプログラミング言語です。Appleが2014年に公開したこの言語は、iPhoneやiPad、Mac、Apple…
私は福岡で生まれ育ち、Webデザイナーとしてのキャリアをスタートしました。地方都市でデザインの基礎を学び、東京へ拠点を移したことで仕事の幅も視野も大きく広がりました。この記事では、私が経験した移住のタイミングや決断のポイント、東京での働き方の変化について振り返ります。…