diff --git a/map.js b/map.js
new file mode 100644
index 0000000..a576047
--- /dev/null
+++ b/map.js
@@ -0,0 +1,127 @@
+// 地図の初期化
+const map = L.map('map').setView([38.9122, 139.8360], 13);
+
+// 国土地理院の地図タイルレイヤーを追加
+L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
+    attribution: '<a href="https://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>',
+    maxZoom: 18,
+    minZoom: 5
+}).addTo(map);
+
+// ★既存の window.addEventListener('load', loadSavedComments); は削除するかコメントアウトしてください。
+// ★Firebaseの読み込みはindex.htmlで行うようになりました。
+
+window.addEventListener('load', () => {
+    // loadSavedComments(); // ← ローカルストレージからの読み込みは不要になるので削除
+    // Firebaseからの読み込みはindex.htmlの<script type="module">内で行うので、ここでは不要
+    setTimeout(() => {
+        map.invalidateSize(); // マップのリサイズを強制
+    }, 100); // 遅延で確実に実行
+});
+
+// マーカーを管理する配列
+let markers = [];
+
+// 地図をクリックしてマーカーと情報ウィンドウを追加
+map.on('click', (e) => {
+    const { lat, lng } = e.latlng;
+    addMarker(lat, lng);
+});
+
+// マーカーとコメント入力ウィンドウを追加
+function addMarker(lat, lng) {
+    const marker = L.marker([lat, lng]).addTo(map);
+    const popupContent = `
+        <div class="info-window">
+            <p>活動日記を入力してください:</p>
+            <textarea id="comment" rows="3" style="width:100%;"></textarea>
+            <button onclick="saveComment('${lat}', '${lng}')">保存</button>
+        </div>
+    `;
+    marker.bindPopup(popupContent).openPopup();
+}
+
+// コメントを保存し、Firebaseに送信
+async function saveComment(lat, lng) { // ★asyncキーワードを追加
+    const comment = document.getElementById("comment").value;
+    const timestamp = new Date().toLocaleString();
+
+    if (!comment.trim()) {
+        alert("コメントを入力してください。");
+        return;
+    }
+
+    const entry = { lat: parseFloat(lat), lng: parseFloat(lng), comment, timestamp }; // ★latとlngを数値に変換
+
+    // ★Firebaseに保存する関数を呼び出す（localStorageの代わりに）
+    if (window.saveCommentToFirestore) {
+        await window.saveCommentToFirestore(entry);
+    } else {
+        alert("Firebaseが初期化されていません。");
+    }
+    // ★addCommentToHistory(entry); // Firebaseのリアルタイムリスナーが追加するのでここでは不要
+    // ★localStorageへの保存も削除
+    // ★マーカーの追加もFirebaseのリアルタイムリスナーが処理するのでここでは不要
+}
+
+// ★ローカルストレージ関連の関数は削除またはコメントアウト
+// function saveToLocalStorage(entry) { ... }
+// function loadSavedComments() { ... }
+
+// 履歴にコメントを追加（削除・編集ボタン付き）- docIdを引数に追加
+function addCommentToHistory({ lat, lng, comment, timestamp, docId }) { // ★docIdを追加
+    const commentEntry = `
+        <div class="history-entry" data-doc-id="${docId}"> // ★data-doc-id属性を追加
+            <p><strong>日時:</strong> ${timestamp}</p>
+            <p><strong>場所:</strong> 緯度 ${lat}, 経度 ${lng}</p>
+            <p><strong>活動日記:</strong> 
+                <span class="comment-text" contenteditable="true" onblur="updateComment('${docId}', this)"> // ★docIdを渡す
+                    ${comment}
+                </span>
+            </p>
+            <button onclick="deleteComment('${docId}')">削除</button> // ★docIdを渡す
+        </div>
+    `;
+    document.getElementById("comments-list").insertAdjacentHTML('beforeend', commentEntry); // ★innerHTML += より効率的な追加方法
+}
+
+// コメントを削除（対応するマーカーも削除）- docIdを引数に変更
+async function deleteComment(docId) { // ★asyncキーワードとdocIdを引数に追加
+    if (confirm("このコメントを削除してもよろしいですか？")) {
+        // ★Firebaseから削除する関数を呼び出す
+        if (window.deleteCommentFromFirestore) {
+            await window.deleteCommentFromFirestore(docId);
+        } else {
+            alert("Firebaseが初期化されていません。");
+        }
+        // ★削除後の画面更新はFirebaseのリアルタイムリスナーが自動的に行うので、reloadComments()は不要
+    }
+}
+
+// コメントを直接編集し保存する（直接編集時に保存）- docIdを引数に変更
+async function updateComment(docId, element) { // ★asyncキーワードとdocIdを引数に追加
+    let comments = JSON.parse(localStorage.getItem('comments')) || []; // ★この行はFirebaseを使うなら不要
+
+    const newComment = element.textContent.trim(); // 編集後の内容を取得（空白を除去）
+    
+    // 現在のコメントをFirebaseから取得（変更がなければ更新しないため）
+    // const currentComment = comments.find(c => c.docId === docId)?.comment; // ←ローカルストレージ用
+
+    if (!newComment) {
+        alert("コメントは空白にできません。元の内容に戻します。");
+        // Firebaseから現在のコメントを再取得して設定し直すロジックが必要
+        // 例: element.textContent = (await getDoc(doc(window.commentsCollection, docId))).data().comment;
+        return;
+    }
+    
+    // ★Firebaseを更新する関数を呼び出す
+    if (window.updateCommentInFirestore) {
+        await window.updateCommentInFirestore(docId, newComment);
+    } else {
+        alert("Firebaseが初期化されていません。");
+    }
+    // ★更新後の画面更新はFirebaseのリアルタイムリスナーが自動的に行うので、reloadComments()は不要
+}
+
+// ★reloadComments()関数は、Firebaseのリアルタイムリスナーに置き換えられるため、不要になります。
+// function reloadComments() { ... }