ki-hi-ro.com

DAILY JOURNAL

Webデザイン

21記事の記録。

2026年11月

  1. Codexと進めるWebサイトのデザイン改善｜違和感を一つずつ解消する

    Codexと協業して自分のサイトのデザインを変えている 新しいUIにしてもらうたびに「なんかしっくりとこない」箇所があるので、 この記事に現状をまとめよう 洗濯が終わって、洗濯物を干し終わって、外出を終えたら、Codexのリセットが解除されているので、そこでCodexに修正してもらおう できることは具体的にWeb制作・業務自動化にしたい 上部のプログレスバーは不要 フォームはクリック時に強調されなくていい フッターにページトップを追加したい 水平線は不要（余白感でセクショニングする） このデザインがAIっぽいのでシンプルにしたい（左の強調はなしにする） 検索は上に持ってきたい（このセクションの） ここのスライドはやめて、3記事を見せたい 一つの記事のま…

2026年10月

  1. やりたいことを続けていれば、道は開ける

    でも、それは、お金が発生するものでなければならない 心の安定が最終的な目標だが、そのためのやりたいことは、お金を消費したりする 必ず、そのバイブスで、将来お金が発生するやりたいことに向かうべきだと思う 業務委託としてなんでもいいから仕事を獲得したい 今は、業務委託で最初の1件を獲得することに集中しましょう。 これまでの経験を考えると、ゼロから新しいスキルを身につけたり、自分のサービスを完成させたりする必要はありません。 すでに仕事として提供できる技術があります。 PythonによるExcel・CSVデータの加工、自動化 HTML/CSSによるWebサイトの修正・コーディング WordPressの修正・カスタマイズ SQLによるデータ抽出・加工 既存プロ…

2026年7月

  1. まずは現状を尖らせる

    これだけのデータが入っているが、目的に合わせて尖らせて行こう 目的 営業資料 今後、他の人に自分がやってきたことをありのままに伝えて、発注の判断をしてもらうための資料 いや、データベース的な役割にしようか デザインで削る部分 カテゴリーの件数は不要 削除完了 スマホも問題ない UXが改善した 2026年は「すべて」が9件あるんだなと理解しやすくなった デザイン調整 目的からは逸れるが、気になる部分に対処していこう codexを活用する 年、ドット、件数の間隔を均一にして欲しいです 均一になった もっと幅を狭くしよう よし、これでいい スマホの余白が広すぎる これくらいにした まずは現状を理解する これが現実（所要時間が126分） まぁ、技術ブログを書き…

    風呂から出た

    早速、始めていこう コンテンツが大事 漫画が取り入れられているWEBマーケティングの本にも書いてあった その前に UI改善を思いついてしまった 即座に実行しよう この部分は、タイムラインだけ残せばいいのではないかと思う デフォルトを2026年にする 表のヘッダーは必要？という疑問を持った なくしてみたらスッキリした 上のボーダーを調整する ここのズレも修正する OK デザイン調整完了 コンテンツ作りに専念しよう

  2. デザイン調整

    コンテンツがある程度入ったところで（といっても、ない年があるから、それはデザイン調整の後にやっていこう） デザイン調整を行う 気になる点 1. メインビューをそのほかの二つと同様にカード形式にした方が繰り返しの原則に沿う 2. スクロールした時に、固定の位置をTIMELINEと合わせたい 3. スマホで、My Portfolioの下をもう少し空けた方がいい 4. タイムラインは横スクロールにする 1つ目の気になる点 空きすぎているので、調整する まぁ、これでいいだろう 影をなくしてみたら、違和感が消えた OK 2つ目の気になる点 まだ理想的な状態ではない これでよしとしよう 3つ目の気になる点 間違えた 電車内で見た時に、もう少し狭くした方がいいと思っ…

  3. デザインを早く固めて、データを入れ込むだけの状態にしたい

    なかなか決まらない My Portfolioトップページの横幅を整理してください。 portfolio-hero-copyが動いてしまいます はい、これ .portfolio-hero-copy に直接 margin-left を入れているのが原因です。 現状 メインビューのテキストがずれている タイムラインの点が線からずれている 色は青系にしたい タイムラインと表のコンテンツカードの統一感がない いまいち、自分の積み上げが直感的に伝わらない スマホで、説明テキストの改行をなくしたい タイムラインがずれている 一覧は、一行くらいでたくさん見せたい 何を見せるのが効果的か？ 詳細ページでもファーストビューを見せたい 詳細ページで見せるべき情報を絞りたい…

  4. 一つずつ修正していく

    My portfolioの違和感を一つずつ潰していこう これは実務でも非常に大事なプロセス AI時代は特に大事だ 削る このサイトを相手に（未来の自分も含めた相手）刺さる武器にするために、尖らせる いったんここは、デカルトの明証の論理で削除しよう これまでやってきたことを盛らずに掲載する それが第一段階 文言を削除 ここも削除 削除しなければ始まらない とはいえ、寂しいので、本当に必要なコピーを追加する 初期状態をコミットしておけばよかった 次回以降のGit運用の学びに変えよう command + Z で戻れた とりあえず、これにした 自分のキャリアに対する思想をありのままに表現していきたい とし、とりあえず、いい感じだ 外出する

  5. 徹底的にコンパクト設計にしたい

    なぜなら、自分の2022年から続けているブログで効果が実証されているから このブログの目的は、日々の心の声を可視化すること その目的が達成されて私自身、父親が家にできているつばめの巣につばめが帰ってきた時に声をあげて喜んでいるように喜んだ My portfolioの現状 トップ→制作物一覧→制作物詳細 を掲載した 自分のリアルが反映されていない それを直感的に感じ取った シンプルではない 自分もお客さんもそこまで読まない 読めない My portfolioの目的 目的をはっきりとさせよう 営業資料が目的 私は、これまでに何をしてきて どんな問題をどんな技術を使って解決できるかを説明する資料 になっていることが必要 もっと短くすると、 私は具体的にこれが…

  6. このデザイン、気に入った

    codexに作成してもらったブログのデザインが気に入っている 自分のブログの価値は、日々の思考のログ 内側で思っていることを書き連ねていくこと自体に価値がある そして、世界と静かにつながるというサブテーマもある 創造性と自由がものをいう世界 それは楽しい だから、Euphoriaと名付けた デザインカンプはチャッピーに作成してもらった ChatGPTは優秀なコンサルタント codexは優秀なプログラマー いつまでこの生活を続けるか 方向性がぼやけている これが自分 と受け入れることも難しい でも、今自分がこうやって文字を書いていることは、誰にも否定できない ここを起点にして、積み上げていけばいい これが、虚無に咲く安心 何か思いつきゃ、速攻書こう それ…

2026年6月

  1. My portfolioを完成させる Part1

    完了実績を積み上げる。 それが自信を高めるための唯一の方法。 どんどん積み上げていく 完了 どんどん積み上げていこう やれるのは己だけ my-reactのコンテンツ追記 完了 contact-formのサンプルサイト 完了 この間に食器洗いと洗濯機をかけるも完了している タイマーで5分、3分と短く時間を区切ると、危機的な状況に自分を追い込むことができるので、おすすめ 自分のブログのコンテンツ追加 シャワーを済ませたので、やっていこう 完了 サムネ画像のサイズ最適化は後回しでいい シャワーなども含めた所要時間を計算している 中小企業向けWebサイトのWordPressの新規テーマの実装 完了 Adobe XDのデザインデータからのフロントエンドコーディン…