【インタビュー】スタートアップCTOに聞く、技術選定の裏側
本日はお時間をいただきありがとうございます。まず、御社の技術スタックについて教えていただけますか? ありがとうございます。弊社では、フロントエンドにAstro、バックエンドにNode.js、データベースにはPostgreSQLを採用しています。特にAstroは静的サイト生成の速度が素晴らしく、SEO...
Googleスプレッドシートで管理する
爆速ウェブメディア
本日はお時間をいただきありがとうございます。まず、御社の技術スタックについて教えていただけますか? ありがとうございます。弊社では、フロントエンドにAstro、バックエンドにNode.js、データベースにはPostgreSQLを採用しています。特にAstroは静的サイト生成の速度が素晴らしく、SEO...
本記事では、AstroとGoogle スプレッドシートを組み合わせて、高速かつSEOに強いウェブメディアを構築する方法を解説します。 Astroは「コンテンツ中心のウェブサイト」を構築するために設計された最新の静的サイトジェネレーターです。デフォルトでJavaScriptをクライアントに送信しない「...
静的サイト生成(SSG: Static Site Generation) とは、ビルド時にすべてのページを事前に生成し、静的なHTMLファイルとして配信する手法です。 静的ファイルはCDNから直接配信されるため、サーバーサイドの処理が不要です。これにより、極めて高速なページ表示が可能になります。 サ...
検索エンジン最適化(SEO)は、ウェブサイトの成功に不可欠な要素です。本記事では、SEOに強いサイトを構築するための5つの重要なポイントを解説します。 タイトルタグは検索結果に表示される最も重要な要素です。60文字以内で、キーワードを含む魅力的なタイトルを設定しましょう。 メタディスクリプションは1...
Google スプレッドシートは、単なる表計算ツールではありません。適切に設計すれば、小〜中規模のプロジェクトでデータベースの代替として活用できます。 多くの人がExcelやスプレッドシートの操作に慣れているため、学習コストがほぼゼロです。 複数人で同時に編集でき、変更履歴も自動的に保存されます。 ...
Tailwind CSSは、ユーティリティファーストのCSSフレームワークです。事前に定義されたクラスを組み合わせることで、CSSを書かずにスタイリングができます。 HTMLを書きながら直接スタイリングできるため、ファイル間の行き来が不要になります。 デザイントークン(色、サイズ、間隔など)が事前に...
使い慣れたGoogleスプレッドシートで記事を管理。 非エンジニアでも簡単にコンテンツ更新が可能です。
Astroによる静的サイト生成で、 Core Web Vitalsの基準をクリアする高速表示を実現。
構造化データ、サイトマップ、メタタグを自動生成。 検索エンジンからの流入を最大化します。