Astro + playwright + huskyでポートフォリオサイトを作ってみる
と、こんな感じになりました。 どうやってポートフォリオ作っていったか イチから Astro を勉強してやっていっても良かったのですが、習うより慣れろという形で、まずは先人たちのテンプレを参考にさせていただいて、自分なりに改造していく感じで実装していきました。 Astro テンプレートを選ぶ Astro 初心者でも簡単にプロジェクトを作れるように様々な用途のテンプレートが用意されていて非常にわかりやすいです。 Portfolioなのでなるべくシンプルに、カラーテーマを手軽に変更できて、コンテンツを.mdxで記述したかったので、Astro Modern Personal Websiteというテーマを使わせていただきました。 必要ない情報を落とす 今回選んだテーマでは、blog だったり store ページにも対応できるように、様々なページが実装されています。 今回はあくまでもポートフォリオなの
Awwwards - Website Awards - Best Web Design Trends
Shopify vs WooCommerce: What's the better? What's the best website builder for an e-commerce? In the world of eCommerce, choosing the right platform can mean the difference between success... 100 Best Free Fonts for Designers in 2025 Typography is currently playing a central role in web design, with progressive improvements like Variable Fonts, CSS Shapes, FlexBox Trendy Gradients in Web Design Th
VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita
絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね？」と危機を感じたので0から作り直しました。 サイト： https://pf.nekobooks.com/ ソース： https://github.com/yuneco/portfolio 機能・性能・運用を考えて作った結果、VueとFirebase(Web)の機能を一通り使ったサイトが出来上がりました。これからちょっと凝ったポートフォリオサイトを作りたい方向けに、どういう目的でどの機能を使ったのか、その時のポイントはなんだったのかを共有します。 2019.4.18追記 春なので期間限定1で桜が咲くアニメーションを追加してみました。単体のアニメーションはテストページで試せます。複雑に見えるか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Astroで始める爆速個人サイト開発
