すべてのカテゴリ

こんにちは、HANAです🌸今回のカフェサイトは、「写真を差し替えるとどのようなイメージになるか」を分かりやすくお伝えするため、ChatGPTを活用してデザインイメージを短時間で作成しました。通常、このようなイメージを一から作成する場合は、写真の選定や差し替え、レイアウト調整などに多くの時間がかかります。今回は「写真を変更するとホームページの印象がどれくらい変わるのか」をお伝えしたかったため、AIを活用してデザインイメージを作成しています。なお、お客様からご依頼いただくホームページ制作では、AI任せではなく、一つひとつデザインやコーディングを行い、WordPress化やレスポンシブ対応なども含めて丁寧に制作しております。デザインやレイアウトはそのままに、写真や文章、配色を変更するだけでも、ホームページの印象は大きく変わります。今回変更したのは、メインビジュアルABOUTNEWSMENU（サービス）SHOP INFOなどの写真です。住宅の写真をカフェの写真へ変更することで、まったく違う業種のホームページのような雰囲気になりました。写真選びはホームページの印象を左右しますホームページでは、デザインだけでなく写真もとても重要です。例えば…温かみのある店内写真バリスタがコーヒーを淹れている様子スイーツやドリンクの写真パンやランチメニュー外観やテラス席こうした写真を取り入れることで、そのお店の雰囲気や魅力を自然に伝えることができます。レイアウトはそのままでも応用できます今回のデモサイトでは、レイアウト自体はほとんど変更していません。写真・テキスト・アイコンを差し替えるだけで、カフェパン屋美

今日は「イベント」について学習しました！イベントとは、ユーザーが行う操作のことで、例えば「クリック」「スクロール」「文字入力」などが該当します。普段何気なく使っているWebサイトでも、こうしたユーザーの動きに合わせて画面が変化しているんだと知り、改めて仕組みの面白さを感じました。今回の学習では、・クリック（click）・スクロール（scroll）・キーボード操作（keydown / keyup）など、代表的なイベントについて理解しました。そして、これらの操作に対して「どんな動きをさせるか」をプログラムするのがイベント処理ということも学びました。最近触り始めたjQueryでも、こういったイベントを使って動きをつけていくので、今回の内容はとても大事な基礎だと感じています。まだ完全に理解できているわけではありませんが、実際に手を動かしながら少しずつ身につけていきたいです✨そしてもう一つ、ポートフォリオの更新も行いました！今回は、チョコレートのバナーとカフェサイトを追加しました。少しずつですが、自分の制作物が増えていくのが嬉しくて、「ちゃんと前に進めているな」と実感できた1日でした☺️これからも学習と制作をバランスよく続けながら、一つひとつ積み上げていきたいと思います。