インプットとアウトプットのPDCA📝💡⚙️（ブログ）
制作事例
このブログは、ウェブ制作・開発に関連する記事を投稿している開発者である「プロドウガ開発者」が運営しています。
インプットとアウトプットのPDCA📝💡⚙️
このブログはGitHubにアップロードされ、Vercelでホストされています。 Next.jsとNewtの組み合わせにより、ブログの読み込み速度が大幅に向上しました。
- Next.js：Reactベースのフレームワークで、サーバーサイドレンダリングや静的サイト生成をサポートしています。
- Newt：高速な静的サイトジェネレーターで、大量のマークダウンファイルを素早くHTMLに変換します。
| タイトル | 概要 | 技術 |
|---|---|---|
| AstroとMicroCMSで脱WordPress😤 | WordPressからAstroとMicroCMSに移行した事例です。Astroは、Next.jsで構築されたヘッドレスCMSです。MicroCMSは、SaaS型のヘッドレスCMSです。 | Next.js, Astro, MicroCMS |
| Next.js+Newtでプログを作ろう-Vol 5. コンテンツの更新時にVercelでデプロイを行う | Next.jsでブログを作成するシリーズの第5回です。今回は、コンテンツの更新時にVercelでデプロイを行う方法を説明します。 | Next.js, Newt, Vercel |
| Three.jsを使用して3Dの地球儀をヌルヌル回して緯度経度を表示する🌏 | Three.jsで3Dの地球儀を作成する事例です。地球儀を回転させ、緯度経度を表示します。 | Three.js, HTML, CSS, JavaScript |
| Particle.jsでNyan Catが星空を走り続けるコードを試そう🐈⭐️ | Particle.jsでNyan Catが星空を走り続けるコードを紹介します。 | Particle.js, HTML, CSS, JavaScript |
| 簡単！Vanta JSでクールに動く背景エフェクトを作成しよう👍 | Vanta JSを使用して、クールに動く背景エフェクトを作成します。 | Vanta JS, HTML, CSS, JavaScript |
| Venta.jsで動く背景を無限に生成する | Venta.jsを使用して、動く背景を無限に生成します。 | Venta.js, HTML, CSS, JavaScript |
| Particle.jsで作る美しいナビメイン画面 | Particle.jsを使用して、美しいナビメイン画面を作ります。 | Particle.js, HTML, CSS, JavaScript |
| 🌊ビッグウェーブに乗ろう🏄CSSで簡単な動く波を作る | CSSで簡単な動く波を作ります。 | CSS, HTML |
| 動く方眼アニメーション背景CSSでWebサイトをもっと魅力的に！ | CSSで動く方眼アニメーション背景を作ります。 | CSS, HTML |
| ウニョウニョ動くロゴアニメーションをCSSとJavaScriptで作る | CSSとJavaScriptでウニョウニョ動くロゴアニメーションを作ります。 | CSS, JavaScript, HTML |
これらの記事から、プロドウガ開発者は、静的サイトジェネレータやWebプログラミングフレームワーク、JavaScriptライブラリを駆使して、独自の技術やアイデアを生かした、実用的でクリエイティブなェブ制作方法を提案しています。そして、それらの作品を公開することで、読者に自分の技術的視点やアプローチを伝えています。
リンク
下記リンクよりご覧ください。
