aiueoapps - Indie Tools, Crafted with Precision.<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\"\/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\"\/>\n\n <script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n colors: {\n primary: \"#b80035\",\n \"on-primary\": \"#ffffff\",\n secondary: \"#625d5e\",\n \"on-surface\": \"#1b1b1e\",\n \"on-surface-variant\": \"#5c3f40\",\n background: \"#fbf8fc\",\n \"surface-container-low\": \"#f6f2f7\",\n \"surface-container-high\": \"#eae7eb\",\n tertiary: \"#006855\"\n }\n }\n }\n }\n <\/script>\n <style>\n .material-symbols-outlined { font-family: 'Material Symbols Outlined'; display: inline-block; vertical-align: middle; line-height: 1; }\n .glass-header { background-color: rgba(251, 248, 252, 0.9); backdrop-filter: blur(12px); }\n .soft-shadow { box-shadow: 0 10px 40px -10px rgba(184, 0, 53, 0.08); }\n section { scroll-margin-top: 100px; }\n \n .btn-store {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 16px;\n border-radius: 14px;\n transition: all 0.2s ease;\n text-decoration: none;\n border: 1.5px solid transparent;\n }\n .btn-google { background-color: #1b1b1e; color: white; }\n .btn-google:hover { background-color: #000000; transform: translateY(-2px); }\n .btn-microsoft { background-color: #f3f0f5; color: #1b1b1e; border-color: #e5e0e8; }\n .btn-microsoft:hover { background-color: #ffffff; border-color: #b80035; color: #b80035; transform: translateY(-2px); }\n\n #appModal.hidden { display: none; }\n #appModal:not(.hidden) { display: flex; animation: fadeIn 0.3s ease-out; }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body class=\"bg-background text-on-surface font-sans overflow-x-hidden\">\n\n\n<div id=\"appModal\" class=\"hidden fixed inset-0 z-[100] flex items-center justify-center p-4\">\n <div class=\"fixed inset-0 bg-black\/40 backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\n <div class=\"relative bg-white w-full max-w-2xl rounded-[32px] shadow-2xl p-6 md:p-10 overflow-y-auto max-h-[90vh]\">\n <button onclick=\"closeModal()\" class=\"absolute top-6 right-6 text-secondary hover:text-primary transition-colors\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 32px;\">close<\/span>\n <\/button>\n <div id=\"modalContent\"><\/div>\n <\/div>\n<\/div>\n\n<header class=\"sticky top-0 w-full z-50 glass-header shadow-sm shadow-primary\/5\">\n <nav class=\"max-w-[1200px] mx-auto flex flex-col md:flex-row justify-between items-center py-4 md:py-6 px-4 md:px-12 gap-4 md:gap-0\">\n <div class=\"flex items-center\">\n <span class=\"font-bold text-lg md:text-xl text-primary tracking-tight\">aiueoapps<\/span>\n <\/div>\n <div class=\"flex items-center gap-6 text-sm md:text-base\">\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#top\">Top<\/a>\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#who\">Who?<\/a>\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#apps\">Apps<\/a>\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#sns\">SNS<\/a>\n <\/div>\n <\/nav>\n<\/header>\n\n<main>\n \n <section id=\"top\" class=\"max-w-[1200px] mx-auto px-6 py-12 md:py-32 grid md:grid-cols-2 gap-10 items-center\">\n <div class=\"order-2 md:order-1 space-y-8 text-center md:text-left\">\n <h1 class=\"text-4xl md:text-6xl font-extrabold leading-tight tracking-tight\">\n \u3053\u3093\u306b\u3061\u306f\u3001<br class=\"hidden md:block\"\/><span class=\"text-primary\">aiueo apps\u3067\u3059\u3002<\/span>\n <\/h1>\n <p class=\"text-base md:text-lg text-secondary max-w-lg mx-auto md:mx-0 leading-relaxed\">\n \u300c\u3053\u3093\u306a\u306e\u304c\u6b32\u3057\u304b\u3063\u305f\u300d\u3092\u5f62\u306b\u3002\u500b\u4eba\u3067\u30a2\u30d7\u30ea\u3092\u958b\u767a\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"order-1 md:order-2\">\n <div class=\"rounded-3xl overflow-hidden soft-shadow bg-white aspect-video p-2 border border-white\">\n <img decoding=\"async\" alt=\"showcase\" class=\"w-full h-full object-cover rounded-2xl\" src=\"https:\/\/lh3.googleusercontent.com\/aida\/ADBb0uht6IXu5FhkIAp4NldmnxIUqvcsvHQoswIPk8TyZRSwMP1S185idf0uA8TaRF8YtsLgLjAOegdh9-_pv9WaAdxFM2j-66YaW2lrdgxlye85IGuswszm4NlwnlMvkSLKVKM3HM1g2l6yuINdNAaX1zaBvuK3TKqdYsgcYjJUVfzpFL2ohrRzmWs4VCFzYm_orJERn27Z4XAH8YpALNc4fPXl5huQZMrzRZ_OL8JW88DaEiGivV42KX1CJyQr\"\/>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"apps\" class=\"bg-surface-container-low py-20\">\n <div class=\"max-w-[1200px] mx-auto px-6\">\n <div class=\"flex flex-col items-center mb-16 text-center\">\n <span class=\"text-primary font-bold tracking-widest uppercase text-xs\">Our Portfolio<\/span>\n <h2 class=\"text-4xl font-bold mt-2\">Apps<\/h2>\n <\/div>\n \n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\n <div class=\"flex items-start gap-4 mb-6\">\n \n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\n <img decoding=\"async\" id=\"icon-notes\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold\">Notes+<\/h3>\n <p class=\"text-xs font-bold text-tertiary uppercase tracking-wider\">Markdown Editor<\/p>\n <\/div>\n <\/div>\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u9ad8\u901f\u3067\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306a\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u30a8\u30c7\u30a3\u30bf\u3002<\/p>\n <div class=\"space-y-3\">\n <a href=\"#\" class=\"btn-store btn-google\">\n <span class=\"material-symbols-outlined\">shop<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">GET IT ON<\/div><div class=\"text-sm font-bold\">Google Play<\/div><\/div>\n <\/a>\n <a href=\"#\" class=\"btn-store btn-microsoft\">\n <span class=\"material-symbols-outlined\">grid_view<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\n <\/a>\n <div class=\"pt-2 text-center\">\n <button onclick=\"openModal('notes')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\n <div class=\"flex items-start gap-4 mb-6\">\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\n <img decoding=\"async\" id=\"icon-flow\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold\">Flow<\/h3>\n <p class=\"text-xs font-bold text-primary uppercase tracking-wider\">Focus Timer<\/p>\n <\/div>\n <\/div>\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u96c6\u4e2d\u72b6\u614b\uff08\u30be\u30fc\u30f3\uff09\u306b\u5165\u308b\u305f\u3081\u306e\u30bf\u30a4\u30de\u30fc\u3002<\/p>\n <div class=\"space-y-3\">\n <a href=\"#\" class=\"btn-store btn-google\">\n <span class=\"material-symbols-outlined\">shop<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">GET IT ON<\/div><div class=\"text-sm font-bold\">Google Play<\/div><\/div>\n <\/a>\n <a href=\"#\" class=\"btn-store btn-microsoft\">\n <span class=\"material-symbols-outlined\">grid_view<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\n <\/a>\n <div class=\"pt-2 text-center\">\n <button onclick=\"openModal('flow')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\n <div class=\"flex items-start gap-4 mb-6\">\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\n <img decoding=\"async\" id=\"icon-daily\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold\">Daily<\/h3>\n <p class=\"text-xs font-bold text-secondary uppercase tracking-wider\">Habit Tracker<\/p>\n <\/div>\n <\/div>\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u30b7\u30f3\u30d7\u30eb\u3067\u7fd2\u6163\u5316\u3057\u3084\u3059\u3044\u30bf\u30b9\u30af\u7ba1\u7406\u30a2\u30d7\u30ea\u3002<\/p>\n <div class=\"space-y-3\">\n <a href=\"#\" class=\"btn-store btn-google\">\n <span class=\"material-symbols-outlined\">shop<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">GET IT ON<\/div><div class=\"text-sm font-bold\">Google Play<\/div><\/div>\n <\/a>\n <a href=\"#\" class=\"btn-store btn-microsoft\">\n <span class=\"material-symbols-outlined\">grid_view<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\n <\/a>\n <div class=\"pt-2 text-center\">\n <button onclick=\"openModal('daily')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"sns\" class=\"py-20 bg-white\">\n <div class=\"max-w-[1200px] mx-auto px-6 text-center\">\n <span class=\"text-primary font-bold tracking-widest uppercase text-xs md:text-sm\">Follow Me<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold mt-2 mb-10\">SNS<\/h2>\n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6\">\n <a href=\"#\" class=\"flex items-center justify-center gap-3 bg-background px-8 py-4 rounded-2xl hover:bg-primary hover:text-white transition-all group border border-gray-100\">\n <span class=\"material-symbols-outlined group-hover:text-white\">close<\/span>\n <span class=\"font-bold\">X (Twitter)<\/span>\n <\/a>\n <a href=\"#\" class=\"flex items-center justify-center gap-3 bg-background px-8 py-4 rounded-2xl hover:bg-primary hover:text-white transition-all group border border-gray-100\">\n <span class=\"material-symbols-outlined group-hover:text-white\">smart_display<\/span>\n <span class=\"font-bold\">YouTube<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/main>\n\n<footer class=\"py-16 bg-surface-container-low text-center text-secondary\">\n <span class=\"font-bold text-sm tracking-tight\">aiueoapps<\/span>\n<\/footer>\n\n<script>\n \/\/ \u2605\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306eURL\u3092\u3053\u3053\u306b\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\uff01\n const appData = {\n notes: {\n title: \"Notes+\",\n category: \"Markdown Editor\",\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/jihou.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\n accentColor: \"text-tertiary\",\n description: `<p class='mb-4'>Notes+\u306f\u3001Markdown\u8a18\u6cd5\u3092\u7528\u3044\u3066\u601d\u8003\u3092\u7d20\u65e9\u304f\u5f62\u306b\u3059\u308b\u305f\u3081\u306e\u30a2\u30d7\u30ea\u3067\u3059\u3002<\/p><ul class='list-disc list-inside space-y-2 mb-6 text-sm opacity-80'><li>\u7206\u901f\u306a\u4fdd\u5b58<\/li><li>iCloud\u540c\u671f\u5bfe\u5fdc<\/li><\/ul>`,\n googleUrl: \"#\",\n msUrl: \"#\"\n },\n flow: {\n title: \"Flow\",\n category: \"Focus Timer\",\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/triming.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\n accentColor: \"text-primary\",\n description: `<p class='mb-4'>Flow\u306f\u3001\u6df1\u3044\u96c6\u4e2d\u72b6\u614b\u3078\u3068\u8a98\u3046\u30bf\u30a4\u30de\u30fc\u30a2\u30d7\u30ea\u3067\u3059\u3002<\/p>`,\n googleUrl: \"#\",\n msUrl: \"#\"\n },\n daily: {\n title: \"Daily\",\n category: \"Habit Tracker\",\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/miltitimer.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\n accentColor: \"text-secondary\",\n description: `<p class='mb-4'>Daily\u306f\u3001\u65e5\u3005\u306e\u7fd2\u6163\u3092\u8a18\u9332\u3057\u3001\u7d99\u7d9a\u3092\u652f\u3048\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059\u3002<\/p>`,\n googleUrl: \"#\",\n msUrl: \"#\"\n }\n };\n\n \/\/ \u521d\u671f\u5316\uff1a\u30ab\u30fc\u30c9\u306b\u753b\u50cf\u3092\u8868\u793a\u3055\u305b\u308b\n function initIcons() {\n document.getElementById('icon-notes').src = appData.notes.icon;\n document.getElementById('icon-flow').src = appData.flow.icon;\n document.getElementById('icon-daily').src = appData.daily.icon;\n }\n initIcons();\n\n \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\n function openModal(appId) {\n const app = appData[appId];\n const content = `\n <div class=\"flex items-start gap-4 mb-8\">\n <div class=\"w-20 h-20 overflow-hidden rounded-2xl shrink-0\">\n <img decoding=\"async\" src=\"${app.icon}\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h3 class=\"text-3xl font-bold\">${app.title}<\/h3>\n <p class=\"text-sm font-bold ${app.accentColor} uppercase tracking-wider\">${app.category}<\/p>\n <\/div>\n <\/div>\n <div class=\"text-on-surface-variant leading-relaxed mb-10\">${app.description}<\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <a href=\"${app.googleUrl}\" class=\"btn-store btn-google\">\n <span class=\"material-symbols-outlined\">shop<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">GET IT ON<\/div><div class=\"text-sm font-bold\">Google Play<\/div><\/div>\n <\/a>\n <a href=\"${app.msUrl}\" class=\"btn-store btn-microsoft\">\n <span class=\"material-symbols-outlined\">grid_view<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\n <\/a>\n <\/div>\n `;\n document.getElementById('modalContent').innerHTML = content;\n document.getElementById('appModal').classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n document.getElementById('appModal').classList.add('hidden');\n document.body.style.overflow = '';\n }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31152bf e-flex e-con-boxed e-con e-parent\" data-id=\"31152bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>aiueoapps – Indie Tools, Crafted with Precision. close aiueoapps Top Who? Apps SNS \u3053\u3093\u306b\u3061\u306f\u3001aiueo apps\u3067\u3059\u3002 \u300c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":6,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/aiueoapps.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n aiueoapps - Indie Tools, Crafted with Precision.<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\"\/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\"\/>\n\n <script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n colors: {\n primary: \"#b80035\",\n \"on-primary\": \"#ffffff\",\n secondary: \"#625d5e\",\n \"on-surface\": \"#1b1b1e\",\n \"on-surface-variant\": \"#5c3f40\",\n background: \"#fbf8fc\",\n \"surface-container-low\": \"#f6f2f7\",\n \"surface-container-high\": \"#eae7eb\",\n tertiary: \"#006855\"\n }\n }\n }\n }\n <\/script>\n <style>\n .material-symbols-outlined { font-family: 'Material Symbols Outlined'; display: inline-block; vertical-align: middle; line-height: 1; }\n .glass-header { background-color: rgba(251, 248, 252, 0.9); backdrop-filter: blur(12px); }\n .soft-shadow { box-shadow: 0 10px 40px -10px rgba(184, 0, 53, 0.08); }\n section { scroll-margin-top: 100px; }\n \n .btn-store {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 16px;\n border-radius: 14px;\n transition: all 0.2s ease;\n text-decoration: none;\n border: 1.5px solid transparent;\n }\n .btn-google { background-color: #1b1b1e; color: white; }\n .btn-google:hover { background-color: #000000; transform: translateY(-2px); }\n .btn-microsoft { background-color: #f3f0f5; color: #1b1b1e; border-color: #e5e0e8; }\n .btn-microsoft:hover { background-color: #ffffff; border-color: #b80035; color: #b80035; transform: translateY(-2px); }\n\n #appModal.hidden { display: none; }\n #appModal:not(.hidden) { display: flex; animation: fadeIn 0.3s ease-out; }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body class=\"bg-background text-on-surface font-sans overflow-x-hidden\">\n\n\n<div id=\"appModal\" class=\"hidden fixed inset-0 z-[100] flex items-center justify-center p-4\">\n <div class=\"fixed inset-0 bg-black\/40 backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\n <div class=\"relative bg-white w-full max-w-2xl rounded-[32px] shadow-2xl p-6 md:p-10 overflow-y-auto max-h-[90vh]\">\n <button onclick=\"closeModal()\" class=\"absolute top-6 right-6 text-secondary hover:text-primary transition-colors\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 32px;\">close<\/span>\n <\/button>\n <div id=\"modalContent\"><\/div>\n <\/div>\n<\/div>\n\n<header class=\"sticky top-0 w-full z-50 glass-header shadow-sm shadow-primary\/5\">\n <nav class=\"max-w-[1200px] mx-auto flex flex-col md:flex-row justify-between items-center py-4 md:py-6 px-4 md:px-12 gap-4 md:gap-0\">\n <div class=\"flex items-center\">\n <span class=\"font-bold text-lg md:text-xl text-primary tracking-tight\">aiueoapps<\/span>\n <\/div>\n <div class=\"flex items-center gap-6 text-sm md:text-base\">\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#top\">Top<\/a>\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#who\">Who?<\/a>\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#apps\">Apps<\/a>\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#sns\">SNS<\/a>\n <\/div>\n <\/nav>\n<\/header>\n\n<main>\n \n <section id=\"top\" class=\"max-w-[1200px] mx-auto px-6 py-12 md:py-32 grid md:grid-cols-2 gap-10 items-center\">\n <div class=\"order-2 md:order-1 space-y-8 text-center md:text-left\">\n <h1 class=\"text-4xl md:text-6xl font-extrabold leading-tight tracking-tight\">\n \u3053\u3093\u306b\u3061\u306f\u3001<br class=\"hidden md:block\"\/><span class=\"text-primary\">aiueo apps\u3067\u3059\u3002<\/span>\n <\/h1>\n <p class=\"text-base md:text-lg text-secondary max-w-lg mx-auto md:mx-0 leading-relaxed\">\n \u300c\u3053\u3093\u306a\u306e\u304c\u6b32\u3057\u304b\u3063\u305f\u300d\u3092\u5f62\u306b\u3002\u500b\u4eba\u3067\u30a2\u30d7\u30ea\u3092\u958b\u767a\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"order-1 md:order-2\">\n <div class=\"rounded-3xl overflow-hidden soft-shadow bg-white aspect-video p-2 border border-white\">\n <img decoding=\"async\" alt=\"showcase\" class=\"w-full h-full object-cover rounded-2xl\" src=\"https:\/\/lh3.googleusercontent.com\/aida\/ADBb0uht6IXu5FhkIAp4NldmnxIUqvcsvHQoswIPk8TyZRSwMP1S185idf0uA8TaRF8YtsLgLjAOegdh9-_pv9WaAdxFM2j-66YaW2lrdgxlye85IGuswszm4NlwnlMvkSLKVKM3HM1g2l6yuINdNAaX1zaBvuK3TKqdYsgcYjJUVfzpFL2ohrRzmWs4VCFzYm_orJERn27Z4XAH8YpALNc4fPXl5huQZMrzRZ_OL8JW88DaEiGivV42KX1CJyQr\"\/>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"apps\" class=\"bg-surface-container-low py-20\">\n <div class=\"max-w-[1200px] mx-auto px-6\">\n <div class=\"flex flex-col items-center mb-16 text-center\">\n <span class=\"text-primary font-bold tracking-widest uppercase text-xs\">Our Portfolio<\/span>\n <h2 class=\"text-4xl font-bold mt-2\">Apps<\/h2>\n <\/div>\n \n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\n <div class=\"flex items-start gap-4 mb-6\">\n \n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\n <img decoding=\"async\" id=\"icon-notes\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold\">Notes+<\/h3>\n <p class=\"text-xs font-bold text-tertiary uppercase tracking-wider\">Markdown Editor<\/p>\n <\/div>\n <\/div>\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u9ad8\u901f\u3067\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306a\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u30a8\u30c7\u30a3\u30bf\u3002<\/p>\n <div class=\"space-y-3\">\n <a href=\"#\" class=\"btn-store btn-google\">\n <span class=\"material-symbols-outlined\">shop<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">GET IT ON<\/div><div class=\"text-sm font-bold\">Google Play<\/div><\/div>\n <\/a>\n <a href=\"#\" class=\"btn-store btn-microsoft\">\n <span class=\"material-symbols-outlined\">grid_view<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\n <\/a>\n <div class=\"pt-2 text-center\">\n <button onclick=\"openModal('notes')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\n <div class=\"flex items-start gap-4 mb-6\">\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\n <img decoding=\"async\" id=\"icon-flow\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold\">Flow<\/h3>\n <p class=\"text-xs font-bold text-primary uppercase tracking-wider\">Focus Timer<\/p>\n <\/div>\n <\/div>\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u96c6\u4e2d\u72b6\u614b\uff08\u30be\u30fc\u30f3\uff09\u306b\u5165\u308b\u305f\u3081\u306e\u30bf\u30a4\u30de\u30fc\u3002<\/p>\n <div class=\"space-y-3\">\n <a href=\"#\" class=\"btn-store btn-google\">\n <span class=\"material-symbols-outlined\">shop<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">GET IT ON<\/div><div class=\"text-sm font-bold\">Google Play<\/div><\/div>\n <\/a>\n <a href=\"#\" class=\"btn-store btn-microsoft\">\n <span class=\"material-symbols-outlined\">grid_view<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\n <\/a>\n <div class=\"pt-2 text-center\">\n <button onclick=\"openModal('flow')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\n <div class=\"flex items-start gap-4 mb-6\">\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\n <img decoding=\"async\" id=\"icon-daily\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold\">Daily<\/h3>\n <p class=\"text-xs font-bold text-secondary uppercase tracking-wider\">Habit Tracker<\/p>\n <\/div>\n <\/div>\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u30b7\u30f3\u30d7\u30eb\u3067\u7fd2\u6163\u5316\u3057\u3084\u3059\u3044\u30bf\u30b9\u30af\u7ba1\u7406\u30a2\u30d7\u30ea\u3002<\/p>\n <div class=\"space-y-3\">\n <a href=\"#\" class=\"btn-store btn-google\">\n <span class=\"material-symbols-outlined\">shop<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">GET IT ON<\/div><div class=\"text-sm font-bold\">Google Play<\/div><\/div>\n <\/a>\n <a href=\"#\" class=\"btn-store btn-microsoft\">\n <span class=\"material-symbols-outlined\">grid_view<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\n <\/a>\n <div class=\"pt-2 text-center\">\n <button onclick=\"openModal('daily')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"sns\" class=\"py-20 bg-white\">\n <div class=\"max-w-[1200px] mx-auto px-6 text-center\">\n <span class=\"text-primary font-bold tracking-widest uppercase text-xs md:text-sm\">Follow Me<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold mt-2 mb-10\">SNS<\/h2>\n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6\">\n <a href=\"#\" class=\"flex items-center justify-center gap-3 bg-background px-8 py-4 rounded-2xl hover:bg-primary hover:text-white transition-all group border border-gray-100\">\n <span class=\"material-symbols-outlined group-hover:text-white\">close<\/span>\n <span class=\"font-bold\">X (Twitter)<\/span>\n <\/a>\n <a href=\"#\" class=\"flex items-center justify-center gap-3 bg-background px-8 py-4 rounded-2xl hover:bg-primary hover:text-white transition-all group border border-gray-100\">\n <span class=\"material-symbols-outlined group-hover:text-white\">smart_display<\/span>\n <span class=\"font-bold\">YouTube<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/main>\n\n<footer class=\"py-16 bg-surface-container-low text-center text-secondary\">\n <span class=\"font-bold text-sm tracking-tight\">aiueoapps<\/span>\n<\/footer>\n\n<script>\n \/\/ \u2605\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306eURL\u3092\u3053\u3053\u306b\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\uff01\n const appData = {\n notes: {\n title: \"Notes+\",\n category: \"Markdown Editor\",\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/jihou.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\n accentColor: \"text-tertiary\",\n description: `<p class='mb-4'>Notes+\u306f\u3001Markdown\u8a18\u6cd5\u3092\u7528\u3044\u3066\u601d\u8003\u3092\u7d20\u65e9\u304f\u5f62\u306b\u3059\u308b\u305f\u3081\u306e\u30a2\u30d7\u30ea\u3067\u3059\u3002<\/p><ul class='list-disc list-inside space-y-2 mb-6 text-sm opacity-80'><li>\u7206\u901f\u306a\u4fdd\u5b58<\/li><li>iCloud\u540c\u671f\u5bfe\u5fdc<\/li><\/ul>`,\n googleUrl: \"#\",\n msUrl: \"#\"\n },\n flow: {\n title: \"Flow\",\n category: \"Focus Timer\",\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/triming.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\n accentColor: \"text-primary\",\n description: `<p class='mb-4'>Flow\u306f\u3001\u6df1\u3044\u96c6\u4e2d\u72b6\u614b\u3078\u3068\u8a98\u3046\u30bf\u30a4\u30de\u30fc\u30a2\u30d7\u30ea\u3067\u3059\u3002<\/p>`,\n googleUrl: \"#\",\n msUrl: \"#\"\n },\n daily: {\n title: \"Daily\",\n category: \"Habit Tracker\",\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/miltitimer.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\n accentColor: \"text-secondary\",\n description: `<p class='mb-4'>Daily\u306f\u3001\u65e5\u3005\u306e\u7fd2\u6163\u3092\u8a18\u9332\u3057\u3001\u7d99\u7d9a\u3092\u652f\u3048\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059\u3002<\/p>`,\n googleUrl: \"#\",\n msUrl: \"#\"\n }\n };\n\n \/\/ \u521d\u671f\u5316\uff1a\u30ab\u30fc\u30c9\u306b\u753b\u50cf\u3092\u8868\u793a\u3055\u305b\u308b\n function initIcons() {\n document.getElementById('icon-notes').src = appData.notes.icon;\n document.getElementById('icon-flow').src = appData.flow.icon;\n document.getElementById('icon-daily').src = appData.daily.icon;\n }\n initIcons();\n\n \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\n function openModal(appId) {\n const app = appData[appId];\n const content = `\n <div class=\"flex items-start gap-4 mb-8\">\n <div class=\"w-20 h-20 overflow-hidden rounded-2xl shrink-0\">\n <img decoding=\"async\" src=\"${app.icon}\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h3 class=\"text-3xl font-bold\">${app.title}<\/h3>\n <p class=\"text-sm font-bold ${app.accentColor} uppercase tracking-wider\">${app.category}<\/p>\n <\/div>\n <\/div>\n <div class=\"text-on-surface-variant leading-relaxed mb-10\">${app.description}<\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <a href=\"${app.googleUrl}\" class=\"btn-store btn-google\">\n <span class=\"material-symbols-outlined\">shop<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">GET IT ON<\/div><div class=\"text-sm font-bold\">Google Play<\/div><\/div>\n <\/a>\n <a href=\"${app.msUrl}\" class=\"btn-store btn-microsoft\">\n <span class=\"material-symbols-outlined\">grid_view<\/span>\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\n <\/a>\n <\/div>\n `;\n document.getElementById('modalContent').innerHTML = content;\n document.getElementById('appModal').classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n document.getElementById('appModal').classList.add('hidden');\n document.body.style.overflow = '';\n }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31152bf e-flex e-con-boxed e-con e-parent\" data-id=\"31152bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>aiueoapps – Indie Tools, Crafted with Precision. close aiueoapps Top Who? Apps SNS \u3053\u3093\u306b\u3061\u306f\u3001aiueo apps\u3067\u3059\u3002 \u300c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":6,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/aiueoapps.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}