![ロゴ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/f1cc2bb6-eefe-45dd-9a3e-aad0e8698dcc/favicon.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=4332fe4831652a47f35041ee5e1883b0a76857ff347937a3e295ccf048c79d31&X-Amz-SignedHeaders=host&x-id=GetObject)
5代目ポートフォリオ
Next.jsで早くなったポートフォリオです
🚀
ローンチ日
2021/11/05
🙎
開発形態
個人開発
🍽
ジャンル
webサイト
🏹
誰のために作った?
自分に興味を持ってくださった方
技術
Drupal
Next.js
JavaScript
素早くどういう人なのかを知る
目的
新しい技術に触れたくて作りました。(が、当時TypeScriptを認知していなかったため、今では負の遺産となっています……)
背景
某有名俳優のサイトにも負けないくらいの表示速度を目指しました。
こだわり
裏側APIは3代目のDrupal製ポートフォリオを流用してます。
ギャラリー
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/6b13644a-339b-4ca4-8fa0-e5119093939f/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010946.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=e64780d033ae7efeb507936b1074833823bb3da74586d426c62cf730e4c2ccb8&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/56931e05-f006-4a56-9cb9-e318b28d7aed/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010346.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=b26adec986f5d5053dc7fe05f1aed8d4bdac3180bf2ecfba389dda696f204335&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/23a20a5c-cc22-4767-98cc-fcbbdfaa2af5/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010402.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=65847b2ad5db3ccb1d0278d0af39df3797c1ddad1c1425f66c975b8ad30de27d&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/81ea739d-e7df-4273-a83d-a899035db97c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010423.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=8fd8b519abaa8b342913afbd155f572122d409574141b3999076bb4ff8eb0ebc&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/eb3ccec7-8d40-408b-884c-27075d2bb2ff/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010437.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=46daa61bf7500b32d2679d3a4b2e5dc945bdefafc8f3a95a4416ea39e91cab0d&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/64cf5e69-62e9-445d-a393-ac755a81ef76/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010457.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=5e2d2d890ec3ca3d65fad2156f5bf2d9437ef28220784922baf383330fa937c7&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/cf33c7e3-6f98-4db1-8b64-d041e3f5ca42/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010607.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=284ce2abd04e897e98d079bf034d851c7c8e6362fff9c8c018e6e760c80017cc&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/ed3f6d9b-c629-40df-9020-c1632a0b1e6b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010617.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=d1e908c1cbbe4e4ac6d567254e1ed9dfbdf2cb4f854016b47deeab1e58b24b87&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/7db7966f-4555-4801-b6c1-f4b58092a940/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010631.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=46c8c4a50166af3d13f6a025fa9c24c849ed200348e8b85258e8c744c25f5468&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/e5705e54-6d55-4f1b-99ff-cf0b85ae4aee/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010653.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=027f8d680f1476f47ed72bff4e5488a89e2f4bcba50afda0553b93630e346059&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/1f4c5f26-c0d5-4583-8efb-70d5aabb4c7f/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010714.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=0d37d6c28f96cfaef2f0439ab048a050ee624ac0464206e475e2b760365e300e&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/8d718cf4-1ded-4c54-8982-f8a35df084ef/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010955.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=8ed5dd7c14d5ca134a02f1bbf28ac31665d7ae5527ea3ec78b29b885fa666de0&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/c15afa0a-5585-48eb-94ab-151b0c665b0a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010837.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=5b199b64ffab8eaa9006ce413ec7ceaa030b39f7573b4a44da3532799cb74483&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/b65732a3-043f-4f3f-97ea-39194f87a317/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010856.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=4c6d10f7384fee61f4ddd751c2622d616fbc838b36bc3d9f76d1a6fcbb6d1e51&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/62c7d3d7-9202-44be-9c99-c7e457f66282/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010811.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=8feb98340cebc77c858dd05f51d1c64b60832b535f98171cd954577c97b903c1&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/ab5e0f95-f10f-4a38-87dd-b2162c894c3a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2023-03-20_010827.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=46aa7fb06133f10e28a165eb7585aa97eabc46337da5d5a32f582d6ecd72124f&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/96339d2a-6f3d-45fe-bf98-19bddec5713d/pf2021_fa.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=5867453528efe9666103790badba2f81ae27eea5d16b09117db112222947b12a&X-Amz-SignedHeaders=host&x-id=GetObject)
![5代目ポートフォリオ](https://prod-files-secure.s3.us-west-2.amazonaws.com/3ee8493d-1ff5-4e43-b584-649e8361ac9f/7eda5f47-1927-4fde-8964-d59760ab2fac/pf-score.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240727%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240727T095343Z&X-Amz-Expires=3600&X-Amz-Signature=d6e16cd70208a2abd5ddf88cd74f1d3ea9461f27fd1c5333d1f2b63e37f3cd37&X-Amz-SignedHeaders=host&x-id=GetObject)