MENU
TOP
ヒーリングレッスン
セラフィムブループリント
レムリアヒーリング
占星術クラス
個人鑑定
量子波動調整
記事一覧
profile
AmebaBlog
ハートと星の共鳴で輝く魂のブループリント【熾天使ヒーリング/西洋占星術/量子波動バイオレゾナンス】
TOP
ヒーリングレッスン
セラフィムブループリント
レムリアヒーリング
占星術クラス
個人鑑定
量子波動調整
記事一覧
profile
AmebaBlog
TOP
ヒーリングレッスン
セラフィムブループリント
レムリアヒーリング
占星術クラス
個人鑑定
量子波動調整
記事一覧
profile
AmebaBlog
ホーム
書いて気づいて意識上昇【満月ジャーナル】メモ
書いて気づいて意識上昇【満月ジャーナル】メモ
index
縦のアンテナ伸ばそう
気軽に入力してみてね
<html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>満月ジャーナル</title> <script src="https://cdn.tailwindcss.com"></script> <style> html,body{height:100%;margin:0} #app-wrap{width:100%;height:100%;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%);border-radius:12px;overflow:hidden} .sky{position:relative;height:100%;padding:10px} .stars{position:absolute;inset:0;overflow:hidden} .star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s infinite;opacity:.8} @keyframes twinkle{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}} .float{animation:float 6s ease-in-out infinite} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}} .panel, .panel *:not(.text-transparent){ color:#111827 !important; } .panel textarea::placeholder{ color:#6b7280 !important; } </style> </head> <body> <div id="app-wrap"> <div class="sky"> <div id="stars" class="stars pointer-events-none"></div> <div class="relative z-10 h-full flex items-center justify-center"> <div class="w-full max-w-2xl bg-white/95 backdrop-blur rounded-2xl shadow-2xl p-5 panel"> <div id="screen"></div> </div> </div> </div> </div> <script> (function(){ const STORAGE_KEY="fullmoon_journal_v3"; const $=(s,r=document)=>r.querySelector(s); const steps=[ {n:1,t:"現状：今、浮上している問題、課題",p:"心の中に浮かんでくることを、そのまま書いてみて",f:"step1"}, {n:2,t:"感情：どう感じている？",p:"今の状況を見てどう感じているか、心の声をそのまま書いてみて",f:"step2"}, {n:3,t:"思考：どう考えている？",p:"1の現状に対して、どんな考えが浮かぶかを書き出してみて",f:"step3"}, {n:4,t:"ネガティブ直感：否定的メッセージ",p:"心の奥から浮かぶ否定的な声があれば書いてみて",f:"step4"}, {n:5,t:"理由：なぜそう感じた？",p:"その思いや感情の奥にある理由を見つめてみて",f:"step5"}, {n:6,t:"手放すことリスト",p:"もう手放していいと思う思い込みを書き出してみて",f:"step6"}, {n:7,t:"ポジティブ直感：自分を励ます",p:"3の思考を見て、自分を励ます言葉を書いてみて",f:"step7"}, {n:8,t:"月に上昇：ひらめき・ビジョン",p:"🌕 月に意識をあわせ、地球にいる自分に対して閃く言葉",f:"step8"}, {n:9,t:"次の新月までの準備",p:"今日からできる準備や小さな一歩を書いてみて",f:"step9"}, {n:10,t:"感謝：気づき・完了・統合",p:"ここまでの気づきや感謝の思いを書いてみて",f:"step10"} ]; let idx=0; let answers=restore()||{}; (function(){ const c=$("#stars"); for(let i=0;i<50;i++){ const s=document.createElement("div"); s.className="star"; const size=Math.random()*3+1; s.style.width=size+"px"; s.style.height=size+"px"; s.style.left=Math.random()*100+"%"; s.style.top=Math.random()*100+"%"; s.style.animationDelay=(Math.random()*3)+"s"; c.appendChild(s); } })(); function render(){ const screen=$("#screen"); if(idx===0){ screen.innerHTML=` <div class="text-center"> <div class="text-7xl mb-3 float">🌕</div> <p class="text-xs text-gray-600 mb-1">繊細な感受性を磨いて直観力アップ</p> <h1 class="text-2xl font-bold mt-2 bg-gradient-to-r from-purple-600 via-blue-600 to-pink-600 bg-clip-text text-transparent"> 満月ジャーナル </h1> <p class="text-sm text-gray-700 mt-2">最高の未来と繋がる10の質問</p> <div class="mt-6 flex justify-center"> <button id="start" class="bg-gradient-to-r from-yellow-400 via-orange-400 to-pink-400 text-gray-900 font-bold py-3 px-8 rounded-full shadow hover:opacity-90"> ジャーナルを始める </button> </div> </div>`; $("#start").onclick=()=>{idx=1;render();}; return; } if(idx===11){ screen.innerHTML=` <div class="text-center"> <div class="text-5xl mb-2">🌕✨</div> <h2 class="text-xl font-bold mb-2">お疲れ様でした</h2> <p class="text-sm text-gray-700 mb-4">満月ジャーナルを完了しました。</p> <div class="text-left space-y-3 bg-gradient-to-br from-yellow-50 via-orange-50 to-pink-50 rounded-xl p-4"> <div><p class="text-xs font-semibold text-purple-700 mb-1">🌙 月に上昇：ひらめき・ビジョン</p><p id="out8" class="text-xs whitespace-pre-wrap bg-white/80 rounded p-2"></p></div> <div><p class="text-xs font-semibold text-green-700 mb-1">🌱 次の新月までの準備</p><p id="out9" class="text-xs whitespace-pre-wrap bg-white/80 rounded p-2"></p></div> <div><p class="text-xs font-semibold text-yellow-700 mb-1">🙏 感謝：気づき・完了・統合</p><p id="out10" class="text-xs whitespace-pre-wrap bg-white/80 rounded p-2"></p></div> </div> <div class="mt-4 flex flex-wrap justify-center gap-3"> <button id="copy" class="bg-gradient-to-r from-yellow-400 to-orange-400 text-gray-900 font-bold py-2 px-5 rounded-full shadow">📋 コピーする</button> <button id="again" class="bg-gradient-to-r from-blue-600 to-purple-600 text-white font-bold py-2 px-5 rounded-full shadow">最初から</button> </div> </div>`; $("#out8").textContent=answers.step8||"（未記入）"; $("#out9").textContent=answers.step9||"（未記入）"; $("#out10").textContent=answers.step10||"（未記入）"; $("#again").onclick=()=>{idx=0;answers={};save();render();}; $("#copy").onclick=()=>{ const text=`🌙 月に上昇：ひらめき・ビジョン\n${answers.step8||"（未記入）"}\n\n🌱 次の新月までの準備\n${answers.step9||"（未記入）"}\n\n🙏 感謝：気づき・完了・統合\n${answers.step10||"（未記入）"}`; navigator.clipboard.writeText(text).then(()=>alert("コピーしました🌕")).catch(()=>alert("コピーに失敗しました")); }; return; } const st=steps[idx-1]; let previewIndex=null; let label=""; if(idx===2||idx===3){previewIndex=0;label="📝 1の現状";} else if(idx===7){previewIndex=2;label="📝 3の思考";} else if(idx>=4&&idx<=10){previewIndex=idx-2;label="📝 前の工程";} let previewHtml=""; if(previewIndex!==null&&steps[previewIndex]){ const pst=steps[previewIndex]; const prev=(answers[pst.f]||"").trim()?answers[pst.f]:"（まだ記入がありません）"; previewHtml=` <div class="bg-gradient-to-r from-gray-50 to-blue-50 rounded-lg p-3 mb-3 shadow-inner border border-gray-200"> <p class="text-[11px] text-gray-600 mb-1">${label}</p> <p class="text-xs text-gray-700 italic whitespace-pre-wrap">${prev}</p> </div>`; } screen.innerHTML=` <div class="flex flex-col h-full"> <div class="flex items-center justify-between mb-2"> <div class="flex items-center gap-2"> <span class="inline-flex items-center justify-center w-9 h-9 rounded-full text-white font-bold bg-gradient-to-br from-purple-600 via-blue-600 to-pink-600">${st.n}</span> <span class="text-xs text-gray-500">${st.n} / 10</span> </div> </div> <h2 class="text-lg font-bold mb-2">${st.t}</h2> ${previewHtml} <div class="bg-blue-50 border-l-4 border-blue-500 rounded-r p-3 mb-2 text-xs text-gray-700">【ポイント】${st.p}</div> <textarea id="ta" class="flex-1 w-full p-3 border-2 border-gray-200 rounded-xl focus:border-purple-400 focus:ring-2 focus:ring-purple-100 outline-none resize-none bg-white text-sm" placeholder="${st.p}" style="min-height:160px;"></textarea> <div class="flex justify-between mt-3"> <button id="prev" class="bg-gray-200 hover:bg-gray-300 text-gray-900 font-semibold py-2 px-5 rounded-full">← 前へ</button> <button id="next" class="bg-gradient-to-r from-yellow-400 to-orange-400 text-gray-900 font-bold py-2 px-5 rounded-full">次へ →</button> </div> </div>`; const ta=$("#ta"); ta.value=answers[st.f]||""; ta.addEventListener("input",()=>{answers[st.f]=ta.value;save();}); $("#prev").onclick=()=>{if(idx>1){idx--;save();render();}else{idx=0;save();render();}}; $("#next").onclick=()=>{if(idx<10){idx++;save();render();}else{idx=11;save();render();}}; } function save(){localStorage.setItem(STORAGE_KEY,JSON.stringify({answers,idx}));} function restore(){try{const v=JSON.parse(localStorage.getItem(STORAGE_KEY)||"");return v&&v.answers?v.answers:null;}catch(e){return null;}} render(); })(); </script> </body> </html>'>
詳細は満月の癒しセルフワークブックにて
</noscript><iframe title="満月の癒しセルフワークブック: 繊細な感受性を磨いて直観力アップ" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" data-src="https://read.amazon.com.au/kp/card?preview=inline&linkCode=kpd&ref_=k4w_oembed_yyagUz5zkcil2V&asin=B0FGVZ935H&tag=kpembed-20" class="lazyload" >
紙の本はこちら
星読みリーディング
2025年11月5日牡牛座満月🌕天王星｜自分を縛り付ける思い込みを手放していこう
2025年11月5日
星読みリーディング
2025年10月7日牡羊座満月🌕×蠍座火星の過ごし方｜美しく、調和して、燃えるように生きる
2025年10月6日
星読みリーディング
2025年魚座満月（皆既月食）の意味と過ごし方｜本音があふれる夜。繰り返している自分のパターンを解放しよう。
2025年9月6日
閉じる
index
閉じる
