Chemmaryとは
β版について
Chemmaryは現在β版として提供されています。正式版リリースまでは、機能の追加・変更や一時的なサービス停止が発生する可能性があります。皆様のフィードバックをお待ちしています！
コンセプト
Chemmaryは、化学分野の研究者、学生、技術者のための情報収集ポータルサイトです。日々更新される最新の論文やニュースを一箇所で効率的に確認できます。
解決する課題
- 情報の分散: 複数の論文誌サイトを個別に巡回する手間
- 時間の制約: 忙しい研究者が隙間時間で最新情報をチェックする困難さ
- 情報過多: 重要な論文を見逃してしまうリスク
主な価値提供
-
統合された情報源
- 主要な化学系論文誌のアブストラクトを一覧表示
- 日付ごとに整理された情報提供
-
効率的な情報収集
- 1日2回の定期更新（朝・夕方）
- モバイルファーストなUIで隙間時間にアクセス可能
-
使いやすさ
- シンプルで直感的なインターフェース
- 高速なページロード（SSG）
ターゲットユーザー
主要ユーザー
- 大学院生・ポスドク: 最新研究動向を日々チェックする必要がある
- 企業研究者: 競合他社の研究動向や新技術を把握したい
- 大学教員: 授業や研究指導に活かせる最新情報を収集したい
ユースケース
- 通勤電車内でのチェック
- 昼休みの情報収集
- 研究室での朝のルーティン
デザイン哲学
2024年のモダンデザイントレンド採用
- 3D要素: データ可視化における深度感と没入感
- エモーショナルデザイン: ユーザーの感情に配慮したインターフェース
- モダンスキューモーフィズム: 微細な影とグラデーション
- ボールドタイポグラフィ: 印象的で読みやすい見出し
ビジュアルデザイン原則
1. カラーパレット
- プライマリ: 深い青色（科学・信頼性を表現）
- セカンダリ: 暖かいアクセントカラー
- グラデーション: 背景とカードに微細なグラデーション
- ダークモード: 完全対応で眼精疲労を軽減
2. タイポグラフィ
- 見出し: Inter フォント、太字で視覚的インパクト
- 本文: システムフォント、最適化された行間
- 論文タイトル: セリフフォントで権威性を演出
3. レイアウト
- カードベース: 情報の整理と視覚的分離
- グリッドシステム: レスポンシブな柔軟性
- ホワイトスペース: 呼吸しやすい余白設計
インタラクション設計
微細なアニメーション
- ホバーエフェクト: カードの微細な浮上感
- トランジション: 滑らかな状態変化
- ローディング: プログレス表示とスケルトンUI
論文カードデザイン
- 階層構造: 明確な情報優先度
- プレビュー: アブストラクトの段階的開示
- アクションボタン: 直感的なCTA配置
技術的特徴
アーキテクチャ
- フロントエンド: Astro.js + shadcn/ui + React
- デザインシステム: Tailwind CSS + カスタムトークン
- デプロイ: Cloudflare Pages (SSG)
- 更新: GitHub Actions による定期ビルド
パフォーマンス目標
- ページロード時間: 1.5秒以内
- Lighthouse スコア: 95以上
- Core Web Vitals: 全指標で緑
- 月間コスト: $0（Cloudflare Pages無料枠内）
参考にしたサービス
-
Hacker News日本語まとめ
- コンパクトリスト表示: 情報密度の高い一覧形式
- 日本語翻訳: 原文タイトルと日本語訳の併記
- 番号付きリスト: 順序性のある整理
- 最小限のデザイン: 実用性重視のシンプルなUI
-
SAMARI（サマリーポケット）
- モバイルファーストUI: スマートフォン最適化
- 効率的な情報表示: 必要な情報のみを簡潔に
- ユーザビリティ重視: リピーターの使いやすさ優先
-
デザイン哲学の転換
- 装飾 < 機能性: 美しさよりも使いやすさを重視
- 情報密度: 1画面でより多くの論文を閲覧可能
- スキャン性: 素早い情報取得を可能にする構造