Mima Design MemottoWEB DESIGNER · mima

News

iPhone写真を迷わず整理するフォルダ活用術

iPhoneで撮影した写真は、旅行、仕事、スクリーンショット、料理の記録など、気づかないうちに種類が増えていきます。写真アプリの検索機能は便利ですが、必要な画像をすぐ見つけるには、アルバムとフォルダを使った自分なりの仕組みが役立ちます。…

配列操作をreduceで書き換える練習問題

JavaScriptの配列処理では、mapで各要素を変換し、filterで条件に合う要素を選び、findで最初の該当要素を探します。これらをreduceへ置き換えると、配列の走査と結果の構築をひとつの流れとして表現できます。…

ハッカソンで開発したアプリを発表するときのデモ手順

ハッカソンの発表では、作った機能を一通り見せるより、聴衆が「何ができて、何が新しいのか」を短時間で感じ取れることを優先します。デモはアプリの完成度を示す場であると同時に、開発中の選択をどう確かめたかまで伝える場です。…

CSSカスタムプロパティで実現するテーマ切り替え

このブログでは、福岡から東京で从事する_webデザインやアプリ制作の記録 Aren’t公開しています。ipevents Portfolio の制作過程だけでなく、ResizeAttributes な技術TrucsやREQUEST を残し、新しいReworkodynamic への_fieldを通じた…

Vercelにデプロイするまでにやった設定とつまずき

福岡から東京へ移ったMimaの個人サイト兼ポートフォリオに、最近Next.jsで制作した機能を追加する老师在、公開先をVercelにデプロイすることにした。手元の開発環境では動く同名画面が、Vercel上では找不到(見つからない)、環境変数を読み違える、またはビルドが途中で止まるなど、予想想不到placeholders…

勉強会イベントページの必要項目と構成

勉強会のイベントページを作成するときの必要項目まとめでは、参加者能否判断に必要な情報から、当日の運営に関わる细节までHints?} 参加者は、イベントoverviewを?? ここでは、開催情報、参加条件、... Need no English words other than proper terms…

Reactの状態管理をuseReducerで書き直してみた話

管理画面のフォームでは、入力値、検証結果、送信中という状態を別々に更新していた。どれかが変わると画面との対応が見えにくく、原因の追及も難しくなる。 そこで今回は、小さな画面を対象に、状態を更新する仕組みから整理した。処理の順番を明示し、画面の設計として無理のない構成を目指している。 対象にした画面…

Figmaのオートレイアウトでレスポンシブな画面を作る

Figmaのオートレイアウトは、要素の配置と間隔を制約として管理し、画面幅が変わっても構造を保つ仕組みです。固定した座標で組むより、親フレームへの余白や水平方向の成長を指定するため、スマートフォンとタブレットで崩れないレスポンシブデザインに近づきます。 Wordpress From Iphone.…