新機能
#閲覧数の表示
記事のパフォーマンスを可視化するため、閲覧数カウンターを実装しました。
- Supabase をバックエンドに使用し、リアルタイムなカウントを実現
- 記事タイトル直下に累計PVを表示
#共有メニュー
記事のシェア体験を向上させるため、共有機能を全面的に刷新しました。
- フロートメニュー:記事下部に「推したくなる」デザインのシェアボタンを配置
- ポップアップ:PCではボタン付近、モバイルでは画面中央に最適化されたメニューを表示
- 対応プラットフォーム追加:X, LINE, Facebook, リンクコピーに対応
#OGPの最適化
SNSに記事のURLを貼った時に表示されるサムネイル画像の設定を見直しました。
これまで正しく表示されていなかったページでも、適切な画像とタイトルが表示されるようになっています。
改善
- フォントの変更:パフォーマンス向上のため、ローカルフォントからGoogle Fontsへ変更
- モバイルレイアウト:記事下部の余白と改行ルールを調整し、読みやすさを向上
- UI/UX:ボタンのホバーエフェクトやトランジションを追加し、操作感を向上
Thanks for reading!
この記事が面白かったら、ぜひSNSでシェアしてください。
感想やコメントもお待ちしています