aiueoapps - Indie Tools, Crafted with Precision.<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n \r\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\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <script id=\"tailwind-config\">\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#b80035\",\r\n \"on-primary\": \"#ffffff\",\r\n secondary: \"#625d5e\",\r\n \"on-surface\": \"#1b1b1e\",\r\n \"on-surface-variant\": \"#5c3f40\",\r\n background: \"#fbf8fc\",\r\n \"surface-container-low\": \"#f6f2f7\",\r\n \"surface-container-high\": \"#eae7eb\",\r\n tertiary: \"#006855\"\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n .material-symbols-outlined { font-family: 'Material Symbols Outlined'; display: inline-block; vertical-align: middle; line-height: 1; }\r\n .glass-header { background-color: rgba(251, 248, 252, 0.9); backdrop-filter: blur(12px); }\r\n .soft-shadow { box-shadow: 0 10px 40px -10px rgba(184, 0, 53, 0.08); }\r\n section { scroll-margin-top: 100px; }\r\n \r\n .btn-store {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 16px;\r\n border-radius: 14px;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n border: 1.5px solid transparent;\r\n }\r\n .btn-google { background-color: #1b1b1e; color: white; }\r\n .btn-google:hover { background-color: #000000; transform: translateY(-2px); }\r\n .btn-microsoft { background-color: #f3f0f5; color: #1b1b1e; border-color: #e5e0e8; }\r\n .btn-microsoft:hover { background-color: #ffffff; border-color: #b80035; color: #b80035; transform: translateY(-2px); }\r\n\r\n #appModal.hidden { display: none; }\r\n #appModal:not(.hidden) { display: flex; animation: fadeIn 0.3s ease-out; }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-background text-on-surface font-sans overflow-x-hidden\">\r\n\r\n\r\n<div id=\"appModal\" class=\"hidden fixed inset-0 z-[100] flex items-center justify-center p-4\">\r\n <div class=\"fixed inset-0 bg-black\/40 backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\r\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]\">\r\n <button onclick=\"closeModal()\" class=\"absolute top-6 right-6 text-secondary hover:text-primary transition-colors\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size: 32px;\">close<\/span>\r\n <\/button>\r\n <div id=\"modalContent\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<header class=\"sticky top-0 w-full z-50 glass-header shadow-sm shadow-primary\/5\">\r\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\">\r\n <div class=\"flex items-center\">\r\n <span class=\"font-bold text-lg md:text-xl text-primary tracking-tight\">aiueoapps<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-6 text-sm md:text-base\">\r\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#top\">Top<\/a>\r\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#who\">Who?<\/a>\r\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#apps\">Apps<\/a>\r\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#sns\">SNS<\/a>\r\n <\/div>\r\n <\/nav>\r\n<\/header>\r\n\r\n<main>\r\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\">\r\n <div class=\"order-2 md:order-1 space-y-8 text-center md:text-left\">\r\n <h1 class=\"text-4xl md:text-6xl font-extrabold leading-tight tracking-tight\">\r\n \u3053\u3093\u306b\u3061\u306f\u3001<br class=\"hidden md:block\"\/><span class=\"text-primary\">aiueo apps\u3067\u3059\u3002<\/span>\r\n <\/h1>\r\n <p class=\"text-base md:text-lg text-secondary max-w-lg mx-auto md:mx-0 leading-relaxed\">\r\n \u79c1\u304c\u6b32\u3057\u3044\u30a2\u30d7\u30ea\u3092\u3001\u79c1\u306a\u308a\u306b\u958b\u767a\u3057\u3066\u3044\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"order-1 md:order-2\">\r\n <div class=\"rounded-3xl overflow-hidden soft-shadow bg-white aspect-video p-2 border border-white\">\r\n <img decoding=\"async\" alt=\"showcase\" class=\"w-full h-full object-cover rounded-2xl\" src=\"https:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/workperch-m-jcgSZlLS0-unsplash-scaled.jpg\"\/>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n \r\n <section id=\"apps\" class=\"bg-surface-container-low py-20\">\r\n <div class=\"max-w-[1200px] mx-auto px-6\">\r\n <div class=\"flex flex-col items-center mb-16 text-center\">\r\n <span class=\"text-primary font-bold tracking-widest uppercase text-xs\">Our Portfolio<\/span>\r\n <h2 class=\"text-4xl font-bold mt-2\">Apps<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\r\n <div class=\"flex items-start gap-4 mb-6\">\r\n \r\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\r\n <img decoding=\"async\" id=\"icon-notes\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold\">\u6642\u5831\u3069\u3046\u305e<\/h3>\r\n <p class=\"text-xs font-bold text-tertiary uppercase tracking-wider\">\u9ad8\u6027\u80fd\u6642\u5831\u30a2\u30d7\u30ea<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u6700\u701510\u79d2\u306e\u7d30\u304b\u304f\u5fae\u8abf\u6574\u53ef\u80fd\u306a\u6642\u5831\u30a2\u30d7\u30ea\u3002<\/p>\r\n <div class=\"space-y-3\">\r\n <a href=\"#\" class=\"btn-store btn-google\">\r\n <span class=\"material-symbols-outlined\">shop<\/span>\r\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>\r\n <\/a>\r\n <a href=\"#\" class=\"btn-store btn-microsoft\">\r\n <span class=\"material-symbols-outlined\">grid_view<\/span>\r\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\r\n <\/a>\r\n <div class=\"pt-2 text-center\">\r\n <button onclick=\"openModal('notes')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\r\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\r\n <div class=\"flex items-start gap-4 mb-6\">\r\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\r\n <img decoding=\"async\" id=\"icon-flow\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold\">\u7e2e\u5c0f\u3069\u3046\u305e<\/h3>\r\n <p class=\"text-xs font-bold text-primary uppercase tracking-wider\">\u30b7\u30f3\u30d7\u30eb\u753b\u50cf\u7e2e\u5c0f\u30c4\u30fc\u30eb\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u5c11\u306a\u3044\u624b\u9806\u3067\u753b\u50cf\u3092\u7e2e\u5c0f\u3067\u304d\u308b\u753b\u50cf\u52a0\u5de5\u30c4\u30fc\u30eb\u3002<\/p>\r\n <div class=\"space-y-3\">\r\n <a href=\"#\" class=\"btn-store btn-google\">\r\n <span class=\"material-symbols-outlined\">shop<\/span>\r\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>\r\n <\/a>\r\n <a href=\"#\" class=\"btn-store btn-microsoft\">\r\n <span class=\"material-symbols-outlined\">grid_view<\/span>\r\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\r\n <\/a>\r\n <div class=\"pt-2 text-center\">\r\n <button onclick=\"openModal('flow')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\r\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\r\n <div class=\"flex items-start gap-4 mb-6\">\r\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\r\n <img decoding=\"async\" id=\"icon-okuti\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold\">\u304a\u304f\u3061\u30dd\u30ab\u30f3\uff1f<\/h3>\r\n <p class=\"text-xs font-bold text-secondary uppercase tracking-wider\">\u304a\u53e3\u958b\u3044\u3066\u305f\u3089\u6559\u3048\u308b\u30c4\u30fc\u30eb<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u30b9\u30de\u30db\u30ab\u30e1\u30e9\u3067\u304a\u53e3\u30dd\u30ab\u30f3\u3092\u76e3\u8996\u3057\u307e\u3059\u3002<\/p>\r\n <div class=\"space-y-3\">\r\n <a href=\"#\" class=\"btn-store btn-google\">\r\n <span class=\"material-symbols-outlined\">shop<\/span>\r\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>\r\n <\/a>\r\n <a href=\"#\" class=\"btn-store btn-microsoft\">\r\n <span class=\"material-symbols-outlined\">grid_view<\/span>\r\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\r\n <\/a>\r\n <div class=\"pt-2 text-center\">\r\n <button onclick=\"openModal('okuti')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\r\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"sns\" class=\"py-20 bg-white\">\r\n <div class=\"max-w-[1200px] mx-auto px-6 text-center\">\r\n <span class=\"text-primary font-bold tracking-widest uppercase text-xs md:text-sm\">Follow Me<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-bold mt-2 mb-10\">SNS<\/h2>\r\n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6\">\r\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\">\r\n <span class=\"material-symbols-outlined group-hover:text-white\">close<\/span>\r\n <span class=\"font-bold\">X (Twitter)<\/span>\r\n <\/a>\r\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\">\r\n <span class=\"material-symbols-outlined group-hover:text-white\">smart_display<\/span>\r\n <span class=\"font-bold\">YouTube<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n<footer class=\"py-16 bg-surface-container-low text-center text-secondary\">\r\n <span class=\"font-bold text-sm tracking-tight\">aiueoapps<\/span>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ \u2605\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306eURL\u3092\u3053\u3053\u306b\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\uff01\r\n const appData = {\r\n notes: {\r\n title: \"\u6642\u5831\u3069\u3046\u305e\",\r\n category: \"Markdown Editor\",\r\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/jihou.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\r\n accentColor: \"text-tertiary\",\r\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>`,\r\n googleUrl: \"#\",\r\n msUrl: \"#\"\r\n },\r\n flow: {\r\n title: \"\u7e2e\u5c0f\u3069\u3046\u305e\",\r\n category: \"Focus Timer\",\r\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/triming.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\r\n accentColor: \"text-primary\",\r\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>`,\r\n googleUrl: \"#\",\r\n msUrl: \"#\"\r\n },\r\n okuti: {\r\n title: \"\u304a\u304f\u3061\u30dd\u30ab\u30f3\uff1f\",\r\n category: \"Habit Tracker\",\r\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/okuti.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\r\n accentColor: \"text-secondary\",\r\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>`,\r\n googleUrl: \"#\",\r\n msUrl: \"#\"\r\n }\r\n };\r\n\r\n \/\/ \u521d\u671f\u5316\uff1a\u30ab\u30fc\u30c9\u306b\u753b\u50cf\u3092\u8868\u793a\u3055\u305b\u308b\r\n function initIcons() {\r\n document.getElementById('icon-notes').src = appData.notes.icon;\r\n document.getElementById('icon-flow').src = appData.flow.icon;\r\n document.getElementById('icon-okuti').src = appData.okuti.icon;\r\n }\r\n initIcons();\r\n\r\n \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\r\n function openModal(appId) {\r\n const app = appData[appId];\r\n const content = `\r\n <div class=\"flex items-start gap-4 mb-8\">\r\n <div class=\"w-20 h-20 overflow-hidden rounded-2xl shrink-0\">\r\n <img decoding=\"async\" src=\"${app.icon}\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-3xl font-bold\">${app.title}<\/h3>\r\n <p class=\"text-sm font-bold ${app.accentColor} uppercase tracking-wider\">${app.category}<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-on-surface-variant leading-relaxed mb-10\">${app.description}<\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <a href=\"${app.googleUrl}\" class=\"btn-store btn-google\">\r\n <span class=\"material-symbols-outlined\">shop<\/span>\r\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>\r\n <\/a>\r\n <a href=\"${app.msUrl}\" class=\"btn-store btn-microsoft\">\r\n <span class=\"material-symbols-outlined\">grid_view<\/span>\r\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\r\n <\/a>\r\n <\/div>\r\n `;\r\n document.getElementById('modalContent').innerHTML = content;\r\n document.getElementById('appModal').classList.remove('hidden');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeModal() {\r\n document.getElementById('appModal').classList.add('hidden');\r\n document.body.style.overflow = '';\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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 \u79c1 […]<\/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":18,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/73"}],"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\r\n\r\n\r\n \r\n \r\n aiueoapps - Indie Tools, Crafted with Precision.<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n \r\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\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <script id=\"tailwind-config\">\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#b80035\",\r\n \"on-primary\": \"#ffffff\",\r\n secondary: \"#625d5e\",\r\n \"on-surface\": \"#1b1b1e\",\r\n \"on-surface-variant\": \"#5c3f40\",\r\n background: \"#fbf8fc\",\r\n \"surface-container-low\": \"#f6f2f7\",\r\n \"surface-container-high\": \"#eae7eb\",\r\n tertiary: \"#006855\"\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n .material-symbols-outlined { font-family: 'Material Symbols Outlined'; display: inline-block; vertical-align: middle; line-height: 1; }\r\n .glass-header { background-color: rgba(251, 248, 252, 0.9); backdrop-filter: blur(12px); }\r\n .soft-shadow { box-shadow: 0 10px 40px -10px rgba(184, 0, 53, 0.08); }\r\n section { scroll-margin-top: 100px; }\r\n \r\n .btn-store {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 16px;\r\n border-radius: 14px;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n border: 1.5px solid transparent;\r\n }\r\n .btn-google { background-color: #1b1b1e; color: white; }\r\n .btn-google:hover { background-color: #000000; transform: translateY(-2px); }\r\n .btn-microsoft { background-color: #f3f0f5; color: #1b1b1e; border-color: #e5e0e8; }\r\n .btn-microsoft:hover { background-color: #ffffff; border-color: #b80035; color: #b80035; transform: translateY(-2px); }\r\n\r\n #appModal.hidden { display: none; }\r\n #appModal:not(.hidden) { display: flex; animation: fadeIn 0.3s ease-out; }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-background text-on-surface font-sans overflow-x-hidden\">\r\n\r\n\r\n<div id=\"appModal\" class=\"hidden fixed inset-0 z-[100] flex items-center justify-center p-4\">\r\n <div class=\"fixed inset-0 bg-black\/40 backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\r\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]\">\r\n <button onclick=\"closeModal()\" class=\"absolute top-6 right-6 text-secondary hover:text-primary transition-colors\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size: 32px;\">close<\/span>\r\n <\/button>\r\n <div id=\"modalContent\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<header class=\"sticky top-0 w-full z-50 glass-header shadow-sm shadow-primary\/5\">\r\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\">\r\n <div class=\"flex items-center\">\r\n <span class=\"font-bold text-lg md:text-xl text-primary tracking-tight\">aiueoapps<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-6 text-sm md:text-base\">\r\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#top\">Top<\/a>\r\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#who\">Who?<\/a>\r\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#apps\">Apps<\/a>\r\n <a class=\"text-on-surface-variant hover:text-primary font-bold transition-colors\" href=\"#sns\">SNS<\/a>\r\n <\/div>\r\n <\/nav>\r\n<\/header>\r\n\r\n<main>\r\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\">\r\n <div class=\"order-2 md:order-1 space-y-8 text-center md:text-left\">\r\n <h1 class=\"text-4xl md:text-6xl font-extrabold leading-tight tracking-tight\">\r\n \u3053\u3093\u306b\u3061\u306f\u3001<br class=\"hidden md:block\"\/><span class=\"text-primary\">aiueo apps\u3067\u3059\u3002<\/span>\r\n <\/h1>\r\n <p class=\"text-base md:text-lg text-secondary max-w-lg mx-auto md:mx-0 leading-relaxed\">\r\n \u79c1\u304c\u6b32\u3057\u3044\u30a2\u30d7\u30ea\u3092\u3001\u79c1\u306a\u308a\u306b\u958b\u767a\u3057\u3066\u3044\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"order-1 md:order-2\">\r\n <div class=\"rounded-3xl overflow-hidden soft-shadow bg-white aspect-video p-2 border border-white\">\r\n <img decoding=\"async\" alt=\"showcase\" class=\"w-full h-full object-cover rounded-2xl\" src=\"https:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/workperch-m-jcgSZlLS0-unsplash-scaled.jpg\"\/>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n \r\n <section id=\"apps\" class=\"bg-surface-container-low py-20\">\r\n <div class=\"max-w-[1200px] mx-auto px-6\">\r\n <div class=\"flex flex-col items-center mb-16 text-center\">\r\n <span class=\"text-primary font-bold tracking-widest uppercase text-xs\">Our Portfolio<\/span>\r\n <h2 class=\"text-4xl font-bold mt-2\">Apps<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\r\n <div class=\"flex items-start gap-4 mb-6\">\r\n \r\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\r\n <img decoding=\"async\" id=\"icon-notes\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold\">\u6642\u5831\u3069\u3046\u305e<\/h3>\r\n <p class=\"text-xs font-bold text-tertiary uppercase tracking-wider\">\u9ad8\u6027\u80fd\u6642\u5831\u30a2\u30d7\u30ea<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u6700\u701510\u79d2\u306e\u7d30\u304b\u304f\u5fae\u8abf\u6574\u53ef\u80fd\u306a\u6642\u5831\u30a2\u30d7\u30ea\u3002<\/p>\r\n <div class=\"space-y-3\">\r\n <a href=\"#\" class=\"btn-store btn-google\">\r\n <span class=\"material-symbols-outlined\">shop<\/span>\r\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>\r\n <\/a>\r\n <a href=\"#\" class=\"btn-store btn-microsoft\">\r\n <span class=\"material-symbols-outlined\">grid_view<\/span>\r\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\r\n <\/a>\r\n <div class=\"pt-2 text-center\">\r\n <button onclick=\"openModal('notes')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\r\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\r\n <div class=\"flex items-start gap-4 mb-6\">\r\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\r\n <img decoding=\"async\" id=\"icon-flow\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold\">\u7e2e\u5c0f\u3069\u3046\u305e<\/h3>\r\n <p class=\"text-xs font-bold text-primary uppercase tracking-wider\">\u30b7\u30f3\u30d7\u30eb\u753b\u50cf\u7e2e\u5c0f\u30c4\u30fc\u30eb\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u5c11\u306a\u3044\u624b\u9806\u3067\u753b\u50cf\u3092\u7e2e\u5c0f\u3067\u304d\u308b\u753b\u50cf\u52a0\u5de5\u30c4\u30fc\u30eb\u3002<\/p>\r\n <div class=\"space-y-3\">\r\n <a href=\"#\" class=\"btn-store btn-google\">\r\n <span class=\"material-symbols-outlined\">shop<\/span>\r\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>\r\n <\/a>\r\n <a href=\"#\" class=\"btn-store btn-microsoft\">\r\n <span class=\"material-symbols-outlined\">grid_view<\/span>\r\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\r\n <\/a>\r\n <div class=\"pt-2 text-center\">\r\n <button onclick=\"openModal('flow')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\r\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col bg-white p-8 rounded-[32px] soft-shadow border border-white\">\r\n <div class=\"flex items-start gap-4 mb-6\">\r\n <div class=\"w-14 h-14 overflow-hidden rounded-2xl shrink-0\">\r\n <img decoding=\"async\" id=\"icon-okuti\" src=\"\" alt=\"\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold\">\u304a\u304f\u3061\u30dd\u30ab\u30f3\uff1f<\/h3>\r\n <p class=\"text-xs font-bold text-secondary uppercase tracking-wider\">\u304a\u53e3\u958b\u3044\u3066\u305f\u3089\u6559\u3048\u308b\u30c4\u30fc\u30eb<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm text-secondary mb-10 flex-grow\">\u30b9\u30de\u30db\u30ab\u30e1\u30e9\u3067\u304a\u53e3\u30dd\u30ab\u30f3\u3092\u76e3\u8996\u3057\u307e\u3059\u3002<\/p>\r\n <div class=\"space-y-3\">\r\n <a href=\"#\" class=\"btn-store btn-google\">\r\n <span class=\"material-symbols-outlined\">shop<\/span>\r\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>\r\n <\/a>\r\n <a href=\"#\" class=\"btn-store btn-microsoft\">\r\n <span class=\"material-symbols-outlined\">grid_view<\/span>\r\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\r\n <\/a>\r\n <div class=\"pt-2 text-center\">\r\n <button onclick=\"openModal('okuti')\" class=\"text-xs font-bold text-secondary\/40 hover:text-primary transition-colors inline-flex items-center gap-1\">\r\n \u8a73\u7d30\u3092\u898b\u308b <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"sns\" class=\"py-20 bg-white\">\r\n <div class=\"max-w-[1200px] mx-auto px-6 text-center\">\r\n <span class=\"text-primary font-bold tracking-widest uppercase text-xs md:text-sm\">Follow Me<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-bold mt-2 mb-10\">SNS<\/h2>\r\n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6\">\r\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\">\r\n <span class=\"material-symbols-outlined group-hover:text-white\">close<\/span>\r\n <span class=\"font-bold\">X (Twitter)<\/span>\r\n <\/a>\r\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\">\r\n <span class=\"material-symbols-outlined group-hover:text-white\">smart_display<\/span>\r\n <span class=\"font-bold\">YouTube<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n<footer class=\"py-16 bg-surface-container-low text-center text-secondary\">\r\n <span class=\"font-bold text-sm tracking-tight\">aiueoapps<\/span>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ \u2605\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306eURL\u3092\u3053\u3053\u306b\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\uff01\r\n const appData = {\r\n notes: {\r\n title: \"\u6642\u5831\u3069\u3046\u305e\",\r\n category: \"Markdown Editor\",\r\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/jihou.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\r\n accentColor: \"text-tertiary\",\r\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>`,\r\n googleUrl: \"#\",\r\n msUrl: \"#\"\r\n },\r\n flow: {\r\n title: \"\u7e2e\u5c0f\u3069\u3046\u305e\",\r\n category: \"Focus Timer\",\r\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/triming.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\r\n accentColor: \"text-primary\",\r\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>`,\r\n googleUrl: \"#\",\r\n msUrl: \"#\"\r\n },\r\n okuti: {\r\n title: \"\u304a\u304f\u3061\u30dd\u30ab\u30f3\uff1f\",\r\n category: \"Habit Tracker\",\r\n icon: \"http:\/\/aiueoapps.net\/wp-content\/uploads\/2026\/05\/okuti.jpg\", \/\/ \u3053\u3053\u306b\u753b\u50cf\u306eURL\u3092\u5165\u308c\u308b\r\n accentColor: \"text-secondary\",\r\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>`,\r\n googleUrl: \"#\",\r\n msUrl: \"#\"\r\n }\r\n };\r\n\r\n \/\/ \u521d\u671f\u5316\uff1a\u30ab\u30fc\u30c9\u306b\u753b\u50cf\u3092\u8868\u793a\u3055\u305b\u308b\r\n function initIcons() {\r\n document.getElementById('icon-notes').src = appData.notes.icon;\r\n document.getElementById('icon-flow').src = appData.flow.icon;\r\n document.getElementById('icon-okuti').src = appData.okuti.icon;\r\n }\r\n initIcons();\r\n\r\n \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\r\n function openModal(appId) {\r\n const app = appData[appId];\r\n const content = `\r\n <div class=\"flex items-start gap-4 mb-8\">\r\n <div class=\"w-20 h-20 overflow-hidden rounded-2xl shrink-0\">\r\n <img decoding=\"async\" src=\"${app.icon}\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-3xl font-bold\">${app.title}<\/h3>\r\n <p class=\"text-sm font-bold ${app.accentColor} uppercase tracking-wider\">${app.category}<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-on-surface-variant leading-relaxed mb-10\">${app.description}<\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <a href=\"${app.googleUrl}\" class=\"btn-store btn-google\">\r\n <span class=\"material-symbols-outlined\">shop<\/span>\r\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>\r\n <\/a>\r\n <a href=\"${app.msUrl}\" class=\"btn-store btn-microsoft\">\r\n <span class=\"material-symbols-outlined\">grid_view<\/span>\r\n <div class=\"text-left\"><div class=\"text-[10px] opacity-70\">Download from<\/div><div class=\"text-sm font-bold\">Microsoft Store<\/div><\/div>\r\n <\/a>\r\n <\/div>\r\n `;\r\n document.getElementById('modalContent').innerHTML = content;\r\n document.getElementById('appModal').classList.remove('hidden');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeModal() {\r\n document.getElementById('appModal').classList.add('hidden');\r\n document.body.style.overflow = '';\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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 \u79c1 […]<\/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":18,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/aiueoapps.net\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/73"}],"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}]}}