自分のスキルアップも兼ね、よくあるお問い合わせ付きLP制作をしようと考えたとき、現在はどのような技術で行うのがデファクトスタンダードかChatGPTやClaudeに聞いてみた。
色々聞いた結果今選ぶべき技術の比較表を作ってくれた。
今どれを選ぶべきか？
| 方法 | 速さ | 学習コスト | 将来性 | LP向き？ |
|---|---|---|---|---|
| HTML/CSS/JS | ⭐⭐⭐⭐⭐ | ⭐ | ⭐ | ⭐⭐⭐⭐⭐ |
| Astro | ⭐⭐⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Next.js/Nuxt.js | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐ |
| Vue.js/React.js | ⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐ |
今後の拡張性を考えるなら
- 短期でLPを作るだけなら：
HTML/CSS/JSでスクラッチ - 速くてモダンな静的サイトを作りたいなら：
Astro - フルスタック開発も視野に入れるなら：
Next.jsorNuxt.js
💡 今後いろんなサイトを作る予定なら、まずAstroを試し、必要に応じてReact/Vueを学ぶのがおすすめ！
ということでHTML,CSSはできるが、これからVue.jsやReact.jsを学ぶのはハードルが少し高い。そんな人でもAstroは比較的学習コストが低いということで学んでみた感想。
結論、2時間で高品質サイトが作れました。
AIがある今、HTML,CSS,JSが少しわかるくらいの自分でも最強のサイト制作があっという間にできました。
こんなサイトができた
- AstroでLPを作成
- コンポーネントベースの開発
- アニメーション付き
- レスポンシブデザイン
- ハンバーガーメニュー
- フォーム機能の実装
- Netlify Formsの利用
- Zapierとの連携
- スプレッドシートへの自動保存
- デプロイと運用
- GitHubとの連携
- Netlifyでのホスティング
- カスタムドメイン設定
- SSL/HTTPS対応
そして、これらが：
- ほぼ無料
- サーバー管理不要
- 数時間で完成
- 高パフォーマンス
という点が特に素晴らしかったです！
今後もAstroを学んでゆくゆくは他のフレームワークも学んでみようと思える良いきっかけになりました。Astroおすすめです。
