ポートフォリオを思いついた経緯

---

アイデア

私は以前、電子メールの署名に about.me を含めていました。時々更新していますが、追加したいリンクがありません。当時は linktree や carrd は存在しませんでしたし、たとえ存在したとしても、私は今でも自分で考えたプロジェクトを何らかの形で追加したいと思っています。基本的なポートフォリオ機能、少なくともリンクといくつかの「自己紹介」テキストは、JS がなくても機能するはずです。

---

テーマ

新型コロナウイルスのコーディング セッション中は、サイレント ヒルのリラックスした雰囲気が私に寄り添ってくれます。 BGM、フォント、配色があれば十分だと思います。配色を作成したいのですが、色彩理論は私の専門ではありません。クーラーをすぐに訪れてみるとうまくいきました。音楽はまだ山岡アキラさんを雇うことはできませんが、ジャム・フォー・ザ・デッド・ジャム・フォー・ザ・デッドとしてdeadeyejamのジャム・フォー・ザ・デッドを用意しています（感謝！）。

すぐにグラフィックを追加するかもしれませんが、今のところはこれとツールの学習で十分です。

---

ツール

HTML

検索エンジンが HTML ドキュメントを読み取る方法を知るための基本は、ページに関連情報があるかどうかをエンジンが判断するのに役立ちます。 の代わりに、s、ヘッダー (

、

、...)、

を使用します。 ;、

、

...

このプロジェクトでは、

を試してみました。動作するにはまだ JavaScript が必要です。私の意見では、「dialog」タグを使用する方が、

の別のレイヤーを使用するよりも優れています。デザートに。検索エンジンが感じたらこんな感じかも知れません。

<詳細 /> JS を使用せずに詳細を要約できます。さらにスタイリングを進めると、これがうまくいきます。

CSS / SASS

ポートフォリオの最初の Webkit バージョンは、JS なしの要件を満たすために SASS から CSS を処理します。 React に転送すると、静的スタイルシートとなる SASS ファイルをいくつか選択するオプションのプロセスが追加されます。

静的スタイルシートがオプションにならないように、React の %PUBLIC_URL% を外部スタイルシートに適用する方法を確認しようと考えました。今のところ、オプションの静的スタイルシート処理で十分です。

反応する

ポートフォリオはほとんどがリンク、ポートフォリオ項目、スキルなどの情報のリストになるため、ポートフォリオをコンポーネントに分割することが望ましいです。

React のコンポーネントは独自のモジュール スタイルシートを持つことができることも知っておくと便利ですが、コンポーネント スタイルの一部を静的スタイルシートに含めるには、スタイル モジュールをメインの SASS ファイルにインポートする必要があります。

Github ページ

3 つの要素からなるランディング ページとページ アセットの単純なホストです。

スーパーベース

ポートフォリオには何らかの形で情報源が必要です。 Supabase を使用すると、データベース、ファイル ストア、API の Web 管理者がすでにクラウド上に存在します。 Edge Functions のローカル開発環境を必要とする場合は、少し学習が必要です。以下への CLI パスを作成する準備をしてください:

• Docker をセットアップしていない場合は、
• Supabase プロジェクトを初期化する
• オンラインで Supabase プロジェクトに接続します
• Supa のデータベースのローカル設定の取得と作成
• VSCode での Deno の構成
• ローカルデータベースの起動
• エッジ関数の作成

...そして最後に、関数をオンラインでデプロイします。

---

結果

https://github.com/rhizene/status

---

次は何ですか?

• 静的スタイルシート、コンテンツを管理し、SEO を改善するために Next を検討中です。
• テーマのグラフィック、およびおそらくブランドロゴ。
• より良いイントロとナビゲーションのアイデア。

以上がポートフォリオを思いついた経緯の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。