すべてのカテゴリ

本日はデモサイトの制作を進めました！今回は主に「COMPANY（会社概要）」と「CONTACT（お問い合わせ）」セクションのPCデザイン部分を制作しました。COMPANYセクションでは、会社情報が見やすく伝わるように、写真と会社概要を左右に配置したレイアウトを採用しています。情報量が多くなりがちな会社概要ですが、余白や罫線を調整しながら、シンプルで見やすいデザインを意識しました。また、CONTACTセクションでは、「お問い合わせ」「LINEクーポン」「資料請求」の3つの導線をカード形式で整理しています。サイトでは、お客様によって求めている情報が異なるため、・まずは相談したい方・LINEで気軽に情報を受け取りたい方・資料を見て検討したい方それぞれが迷わず目的のページへ進めるような導線設計を意識しました。まだPC版の制作段階ですが、少しずつサイト全体の形が見えてきて完成が楽しみです！今後はスマートフォン表示への対応を行いながら、ホバーアニメーションやスクロール時の演出なども追加し、より見やすく使いやすいサイトへ仕上げていきたいと思います。引き続き頑張ります！

本日は、トップページが完成したデモサイトの全体イメージをご紹介します！これまでブログでは各セクションごとの制作過程を掲載していましたが、サイト全体のスクリーンショットはまだ掲載していなかったので、今回はまとめてご紹介してみました。今回のデモサイトは、ファーストビューABOUTNEWSSERVICECOMPANYCONTACTなどを1ページにまとめた構成となっています。また、写真や文章を差し替えることで、業種を問わずオリジナルサイトとして活用できるよう設計しています。「こんな雰囲気のホームページが欲しい」というイメージづくりの参考にもなれば嬉しいです✨トップページ完成↓↓色彩検定の勉強記録本日は「明順応」と「暗順応」について学習しました。順応とは、周囲の明るさに目が慣れることをいいます。明順応暗い場所から明るい場所へ移動した際に起こる現象です。比較的早く進み、数秒ほどで完了するといわれています。暗順応明るい場所から暗い場所へ移動した際に起こる現象です。暗順応には10〜15分ほどかかり、完全に順応するには約30分程度必要とされています。ロドプシンとの関係杆体（かんたい）に含まれる視物質「ロドプシン」は、光が当たると分解されます。そのため明るい場所ではロドプシンがほとんど存在しない状態になっています。そこから急に暗い場所へ移動すると、ロドプシンが再び合成されるまで時間が必要になるため、すぐには周囲を見ることができません。暗順応に時間がかかる理由は、このロドプシンの再合成が関係しているんですね。本日はここまで！

本文：無料ブログ開設をClaude（クロード）で叶えた話「自分のポートフォリオサイトにブログ機能を持たせたい！」そんな思いを抱えながらWebデザインのオンラインスクールを受講していました。しかし、カリキュラムが進んで最終段階になっても、教材にはブログの作り方が出てきません。「無料でブログを開設する方法はないかな……？」そう模索していた私が、AIの「Claude」に相談しながら、GoogleスプレッドシートとGitHub Pagesを使って理想の無料ブログシステムを構築するまでの道のりをご紹介します！目次（今回のトピック）理想のブログの条件と、ひらめいたアイデアClaudeとのやり取りで形になった「スプレッドシート連携」ブラウザ上の操作だけで完結するスマートな公開手順AI生成画像のクオリティを保つ軽量化のコツ理想のブログの条件と、ひらめいたアイデアブログを始めるにあたって、私が重視したのは「書き込みやすさ」と「運用の手軽さ」でした。記事を書いた後に、あれこれと面倒なファイルを編集するような作業は避けたかったのです。スクールの教材では、「GitHub Pagesを使えば無料でWebサイトを公開できる」と学びました。これまでの学習で、文字はHTML、装飾はCSS、動きはJavaScriptで制御することは分かっています。ブログの本質は「文字（テキスト）データ」です。そこで、「GitHub Pagesの無料版でも、Googleスプレッドシートと連携させれば、容量を気にせず簡単に記事を管理できるのでは？」というアイデアがひらめきました。Claudeとのやり取りで形になった「スプレッドシー

今日はロゴ制作と、jQueryの学習を少し進めました✨ロゴは就労支援施設で使用予定のロゴで1案作成。「ともに成長する」という意味をどう表現するかを意識しながら、色や形のバランスなどをいろいろ試行錯誤しました🌱その結果、しっかり形にすることができて、自分としてはまずまずの出来かなと思っています☺️まだ改善できる部分もありそうですが、ひとつ形にできたことが素直に嬉しかったです✨そして今日は、jQueryにも少し触れました！$(function() {  const title = $('#title').text();  const message = $('.message').text();  console.log(title);  console.log(message);});このコードでは、HTMLの中にあるテキストを取得して、コンソールに表示しています。昨日今日とコードに触る時間が少なかったので明日からもうちょい力を入れていこうと思います！そして今日のサムネは「桜」🌸実は、昨日の夢に桜が出てきて印象的だったので選びました☺️夢占いで桜は、「新しい始まり」や「成長」「変化」の象徴とも言われているそうです。今ちょうど新しいことに挑戦しているタイミングなので、なんだか前向きな気持ちになりました✨毎日少しずつですが、できることが増えていくのが楽しいです🌿明日もコツコツがんばります☺️

6月に動画編集者であるSUZUKI COCONO 様のポートフォリオサイトを制作いたしました！動画編集者らしいインパクトのある動画をメインに配置し、COCONO様のご希望であるピンクカラーをメインに制作いたしました。COCONO様は自主製作やクライアントワークなど様々な動画編集をしており、素晴らしい作品がポートフォリオページに掲載されております(^-^)有名企業のイベントなども手掛けており、多岐にわたるお仕事をされておいでです。そんなCOCONO様からポートフォリオサイトの制作をご依頼いただき、とても楽しくウキウキした気持ちで制作させていただきました！とてもご満足いただけて幸いです。私のサービスではコーポレートサイト以外にもご自身でお使いになるポートフォリオサイトもお受けいたします！「想いをカタチに」というコンセプトのもと、丁寧なヒアリングを行い、お客様の制作に対するイメージをお伺いします。たくさんのご希望溢れる制作依頼をとても楽しみにしております(^-^)COCONO様、この度は私に制作をご依頼いただき、誠にありがとうございました！素晴らしいCOCONO様の事業が今後益々のご発展をなさることを願っております！