ki-hi-ro.com

DAILY JOURNAL

ポートフォリオ

35記事の記録。

2026年7月

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

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

    コンテンツ作りに専念する

    My portfolioの目的 少し気になる部分の修正 永遠に気になる部分は出てくるだろうが、これだけは修正しておこう 最終的に以下のようになった 納得している コンテンツ作りに専念しよう コンテンツ作り CSVでデータを流し込めるようにしている チャッピーにCSVを作成してもらえる 自分がやることは、My portfolioに掲載したいデータの選定と、詳細をチャッピーに伝えて、反映させること bf-wow こんな感じで、簡単に登録していける

    風呂から出た

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

  2. デザイン調整

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

    大自然から帰宅 → データ入れ込み作業

    時間と場所と収入をある程度自分でコントロールできるフリーランスリモートWEBエンジニアに向けて進んでいこう 集中力が切れるまで、やること 今はUIより、まずデータを20件入れる https://freelance-blog.onrender.com 現状は2件 ↓ 投入予定（20件） カテゴリー件数職務経歴4件制作物6件技術ブログ6件学習記録3件その他・実績1件合計20件 時期件数の目安2026年5件2025年5件2023〜2024年5件2020〜2022年5件 ローカルでデータを再現する 以前一生懸命作ったデータを再現しよう と思ったが、ある程度、myportfolio_dump_20260707.sqlにダンプしてあった 39件入った いい感じだ…

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

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

    これをベースに自力で修正していく

    一歩一歩、歩いて行こう 何かしら見えてくるものがあるはずだ ファーストビューを修正する 以下のようなレイアウトに修正したい 現状の詳細ページ ここは削除 ここをコンポーネントとして扱う（いったん） 詳細ページの上に追加しよう CSSが当たっていない メインカラーはこちら color: var(--front-navy-dark); AI駆動開発 ここは削除 ここも削除でいい ここも削除（無駄が多い） 現状のトップ サイドバーを追加する 失敗！ ここは削除 ここも削除 ここから、CSSを調整しよう いい感じだ 完全感覚コーディング コーディングがうまくいきません トップと詳細のCSSを自分で調整していましたが、崩れてしまいました修正してもらえますか？ 期…

    第1.5フェーズ：他CSVを実配置して、未整理データ一覧と正規化の精度を確認する

    理由はシンプルで、まだ paiza.csv しか実在していない状態なので、Google Sheets連携を作る前に、 Euphoria / GitHub / Progate / エックスサーバー / クラウドワークス / 職務経歴 を実データとして読み込ませたときに、正規化レイヤーがちゃんと耐えられるか確認した方が安全です。 次のCodex依頼文 My Portfolioのタイムライン型ポートフォリオについて、第1.5フェーズの実装・検証をお願いします。 前回の実装では、CSV正規化レイヤー、TimelineItem / TimelineDataset、paiza.csv の公開タイムライン表示、Progate.csv の読み込み土台、詳細ページ、年別…

    codexに渾身の依頼文を依頼した

    利用制限に怯えながらも依頼する デザイン案のPDFを貼り忘れていた 貼り直す 家の鍵を持つのを忘れて、靴を履いたまま鍵を取りに行くか迷っている自分の体験が思い浮かんだ かなり時間がかかるのではないかと想定される 完了 タイムラインは、最新の2026が一番上に来るようにしたい そのほかは、説明的な部分を削りたい My portfolioという文言は入れたい 既知の課題 他CSVがまだ配置されていないため実データでの未整理一覧確認はこれからです。 次の拡張 Google Sheetsアダプタ追加、Euphoria/WordPressの日付取得、開発用ページの認証保護あたりが自然です。

    codexに依頼する

    このPDFをcodexに渡して、以下のデザインを変更してもらおう データベース設計から見直す必要がある それぞれのカテゴリーの詳細ページで表示させるべきデータは柔軟に変更できるようにしたい チャッピーに相談するためのプロンプトをLMに作ってもらう いきなりcodexだと心許ない（こころもとない）ので、チャッピーに相談しよう codexに依頼する文章をチャッピーに作成してもらう 自分の認知の限界を超えないことを意識する 今の段階では 「全データをいきなりタイムラインに出す」より、「CSVごとに取り込み → 共通形式に変換 → 日付があるものだけ時系列表示 → 日付がないものは未整理データとして保持」 がよさそうです。 依頼文の修正 今回のデザイン案②は…