ポートフォリオサイト

Sun, 01 Oct 2023 00:00:00 +0000

1．サイトURL

yusukewebdev.com（当サイト）

2. 概要

自分のことについて記載できるポートフォリオサイトを制作する際、①デザイナーではないためなるべく簡潔に制作すること、②使ったことのない技術を使うこと、の２点を考え、

hugoを利用してwowchemyのテーマで制作しました。

3. 技術的詳細

使用技術: Hugo

テーマ: Wowchemy（現Hugo Blox）

ホスティング: Netlify

技術メモブログ

Sun, 01 Oct 2023 00:00:00 +0000

1．サイトURL

れもんのいれもん

2. 概要

Nuxt3で構築した技術ブログです。

Figmaでデザインファイルを作成し、HTML/CSS(TailwindCSS)でコーディングを行いました。

Nuxt Contentを利用しMarkdownファイルによって記事を管理しています。

「ChatGPTに聞いてもわからなかったこと書く」というテーマで更新しています。

3. 技術的詳細

使用技術:

ホスティング: Netlify

お遍路情報サイト

Fri, 01 Sep 2023 00:00:00 +0000

1．サイトURL

遍路宿ドットコム

遍路施設ドットコム

2. 概要

このプロジェクトでは、お遍路の巡礼者が道中で利用する宿や施設をルートに沿って参照できるwebサイトを制作しました。

Laravel, Vue3（遍路施設）により構築しています。

3. ハイライト

＊対応言語: 日本語と英語での表示に対応。
＊クライアント対応の管理画面: クライアントが自身で施設情報を追加・編集可能。
＊高速なデータアクセス: お遍路の方が道中でのアクセスをスムーズに行えるよう、キャッシュを利用して動作速度の向上を図っています。

4. 技術的詳細

使用技術: Laravel, Vue3（遍路施設）高速化技術: サーバー側とクライアント側のキャッシュ利用。テキストデータのgzip配信、画像のwebp配信など。

5. 制作の背景と目的

コロナ禍に閉業した宿や、逆に開業した宿も多く、最新の情報が網羅的に得ることが難しい状況でした。

また、遍路小屋（東家）周辺のトイレをはじめとするインフラの情報がないなど、施設関係の情報も不足していました。

そのため、宿と施設それぞれの情報を網羅的に提供するためにそれぞれのサイトが作られることになりました。

お遍路の巡礼者は、道中でのモバイルからの素早い情報アクセスを必要としているため、サイトの高速なレスポンスと直感的な操作性が求められました。
また、施設の増減や情報更新のため、クライアントが自由にデータを更新できる機能も必須でした。

6. 成果とフィードバック

ユーザーからの反応は良好で、特にデータアクセスの速さと、英語対応の部分に多くの評価を受けています。
クライアントからもサイトを評価していただきました。

7. 今後の展望

現在既に進めていますが、今後もさらなるユーザビリティの向上を目指し、ユーザーフィードバックを元にした機能追加やUIのブラッシュアップを行っていく予定です。

Projects | Yusuke Portfolio Site

ポートフォリオサイト

1．サイトURL

2. 概要

3. 技術的詳細

技術メモブログ

1．サイトURL

2. 概要

3. 技術的詳細

お遍路情報サイト

1．サイトURL

2. 概要

3. ハイライト

4. 技術的詳細

5. 制作の背景と目的

6. 成果とフィードバック

7. 今後の展望