Mima Design MemottoWEB DESIGNER · mima

News

ハッカソンのアイデアを広げるマインドマップ活用法

ハッカソンでは、限られた時間のなかで課題を見つけ、解決策を考え、実装まで進める必要があります。最初から完成度の高い企画を出そうとすると、発想が狭くなり、チーム内の会話も止まりがちです。…

個人開発のリポジトリにREADMEを丁寧に書く理由

個人開発では、コードを書くことや画面を完成させることに意識が向きやすく、READMEは後回しになりがちです。しかし、GitHubのリポジトリを公開するなら、READMEは作品の第一印象をつくる大切なページです。実装の背景や使い方が伝われば、訪れた人はプロジェクトの価値を短時間で理解できます。…

Sassの@useと@forwardでモジュール管理を整理する方法

Sassでスタイルを増やしていくと、変数やミックスインの置き場所が曖昧になり、同じ定義を複数ファイルへコピーしがちです。特にWebサイトとスマートフォン向け画面を並行して制作すると、読み込み順や名前の衝突が保守性を下げる原因になります。…

勉強会後の懇親会で会話を広げるきっかけ作りのコツ

勉強会では集中して話を聞けても、終了後の懇親会になると、初対面の人へ声をかけるタイミングに迷うことがあります。話題が見つからないまま料理を取りに行ったり、知り合い同士の会話を眺めたりしているうちに、時間が過ぎてしまうこともあります。…

iPhoneのバッテリー持ちを改善する設定見直しポイント

iPhoneを使っていて、朝は十分に充電したはずなのに夕方には残量が少ない、という経験は珍しくありません。バッテリーの劣化だけでなく、画面表示、通信、位置情報、アプリの動作が積み重なって電力消費を増やしている場合があります。…

初めてのDockerfileで押さえる基本構文と書き方

Dockerfileは、アプリケーションを動かすための環境をコードとして定義するファイルです。使用するOS、ランタイム、依存パッケージ、起動コマンドを順番に記述できるため、開発環境と本番環境の差を小さくできます。初めてのDockerfileを書くときは、命令の意味と実行される順序を理解することが大切です。…

レスポンシブ画像をpicture要素で出し分ける実践ガイド

スマートフォンとパソコンでは画面幅だけでなく、通信環境や画像の見え方も大きく異なります。ひとつの大きな画像をすべての端末へ配信すると、スマホでは表示領域に対してファイル容量が過剰になり、読み込み速度や操作感に影響することがあります。…

デザイナーがプログラミングを学ぶためのロードマップ

デザインを中心に活動してきた人がコードを学ぶと、制作できるものの幅が広がります。見た目を整えるだけでなく、操作したときの動きやデータの扱いまで考えられるため、アイデアを試作品として形にしやすくなります。…

iStayingの画面録画機能を使ってアプリのデモ動画を作る

iChessの操作を短い動画にすると、仕様書や口頭説明では伝わりにくい画面の反応、利用者が選ぶ手順、実行後の状態をまとめて示せます。デザインと実装を往復するMimaの視点なら、画面の設計意図と実際の挙動を同じ記録として残せます。…

Webサイトに検索機能を実装する方法(Algolia vs 自作)

サイト内の情報量が増えるほど、目的のページにたどり着くまでの導線は複雑になりがちです。階層化されたナビゲーションやタグでカバーできる範囲には限界があり、コンテンツが一定のボリュームを超えると検索窓の有無がユーザー体験を大きく左右します。特に、ドキュメントや記事が積み重なるメディア系サイトでは、入力欄から直接キーワードを…