Files

510 lines
22 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>MirAI Tech「ミライテック」 | IT Consulting - AI/ML Workloads - Linux Server</title>
<meta name="generator" content="Jekyll v4.4.1" />
<meta property="og:title" content="MirAI Tech「ミライテック」" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="MirAI Tech is dedicated to providing innovative and cutting-edge technology specializing in AI solutions to clients." />
<meta property="og:description" content="MirAI Tech is dedicated to providing innovative and cutting-edge technology specializing in AI solutions to clients." />
<link rel="canonical" href="https://miraitech.dev/" />
<meta property="og:url" content="https://miraitech.dev/" />
<meta property="og:site_name" content="MirAI Tech「ミライテック」" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="MirAI Tech「ミライテック」" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","dateModified":"2014-08-20T23:53:40+00:00","description":"MirAI Tech is dedicated to providing innovative and cutting-edge technology specializing in AI solutions to clients.","headline":"MirAI Tech「ミライテック」","name":"MirAI Tech「ミライテック」","url":"https://miraitech.dev/"}</script>
<!-- End Jekyll SEO tag -->
<link rel="preconnect" href="https://cdnjs.cloudflare.com/">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://www.googletagmanager.com/">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" as="style" type="text/css">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" as="style" type="text/css">
<link rel="preload" href='https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap' as='style' type='text/css'>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&display=swap" as="style" type="text/css">
<link rel="preload" href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic&display=swap' as='style' type='text/css'>
<link rel="preload" href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&display=swap' as='style' type='text/css'>
<link rel="preload" href='https://www.googletagmanager.com/gtag/js?id=G-7PNE3RKGM7' as='script'>
<link rel="preload" href="/img/header-bg.webp" as="image" fetchpriority="high">
<!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link rel="stylesheet" href="/style.css">
<!-- Custom Fonts -->
<!-- <link rel="stylesheet" href="/css/font-awesome/css/font-awesome.min.css"> -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&display=swap" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic&display=swap' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&display=swap' rel='stylesheet' type='text/css'>
<!-- google analytics -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7PNE3RKGM7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('consent', 'default', {
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'ad_storage': 'denied',
'analytics_storage': 'denied',
'wait_for_update': 500
});
gtag('config', 'G-7PNE3RKGM7');
</script>
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">MirAI Tech「ミライテック」</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#services">Services</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Portfolio</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="intro-text">
<h1 class="intro-heading">
<!-- <div class="intro-lead-in"> -->
<!-- MirAI Tech「ミライテック」 -->
MirAI Tech
<!-- - IT Consulting -->
</h1>
<!-- <div class="intro-heading"> -->
<div class="intro-lead-in">
IT Consulting
</div>
<div class="intro-description">
Software Development | AI/ML Workloads | Linux Server | Containers | Automation
</div>
<a href="#services" class="page-scroll btn btn-xl">Tell Me More</a>
</div>
</div>
</header>
<!-- Services Section -->
<section id="services" class="bg-darker-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Services</h2>
<h3 class="section-subheading text-muted">
</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-4">
<a href="#portfolio" class="page-scroll">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-rocket fa-stack-1x fa-inverse"></i>
</span>
</a>
<h4 class="service-heading">Machine Learning & AI </h4>
<p class="text-muted">
Leverage advanced technologies to drive insights and efficiency in your
operations.
</p>
</div>
<div class="col-md-4">
<a href="#portfolio" class="page-scroll">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
</a>
<h4 class="service-heading">Software Development</h4>
<p class="text-muted">Custom coding solutions designed to meet your unique business requirements.</p>
</div>
<div class="col-md-4">
<a href="#portfolio" class="page-scroll">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-server fa-stack-1x fa-inverse"></i>
</span>
</a>
<h4 class="service-heading">Linux Server Optimization</h4>
<p class="text-muted">Enhance the performance and reliability of your server infrastructure.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid Section -->
<section id="portfolio" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Portfolio</h2>
<h3 class="section-subheading text-muted">
</h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="/portfolio/Medical-Image-Processing-AI-Development.html" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/logo-1-3-tn.webp" fetchpriority="high" class="img-responsive img-centered" alt="🔬 AI & Machine Learning Expert for Medical Image Processing">
</a>
<div class="portfolio-caption">
<h4>🔬 AI & Machine Learning Expert for Medical Image Processing</h4>
<p class="text-muted">Deep Learning Solutions</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="/portfolio/Linux-Troubleshooting-Consulting.html" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/logo-2-2-tn.webp" fetchpriority="high" class="img-responsive img-centered" alt="🐧 Linux Troubleshooting & Consulting">
</a>
<div class="portfolio-caption">
<h4>🐧 Linux Consulting</h4>
<p class="text-muted">AI & Research-Focused Systems Expert</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="/portfolio/Docker-Containerization.html" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/logo-3-1-tn.webp" fetchpriority="high" class="img-responsive img-centered" alt="🚀 Docker Containerization & Optimization">
</a>
<div class="portfolio-caption">
<h4>🚀 Docker Containerization & Optimization</h4>
<p class="text-muted">Linux & AI/ML Environments</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="/portfolio/Python-Bash-Scripting-for-Automation.html" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/logo-4-2-tn.webp" fetchpriority="high" class="img-responsive img-centered" alt="⚡ Automate Tasks with Custom Python & Bash Scripts">
</a>
<div class="portfolio-caption">
<h4>⚡ Automate Tasks with Custom Python & Bash Scripts</h4>
<p class="text-muted">Linux Expert</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="/portfolio/Virtual-Machines-or-Containers-and-Automated-Installations.html" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/logo-5-3-tn.webp" fetchpriority="high" class="img-responsive img-centered" alt="⚙️ Create Virtual Machines or Containers with LXD, LXC, VirtualBox, or Raspberry Pi Images">
</a>
<div class="portfolio-caption">
<h4>⚙️ VMs, Linux Containers & Automated Installations</h4>
<p class="text-muted">Linux Expert</p>
</div>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Contact Us</h2>
<h3 class="section-subheading text-muted">
</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="control-group form-group">
<input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class="control-group form-group">
<input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
<div class="control-group form-group">
<input type="tel" class="form-control" placeholder="Your Phone (Optional)" id="phone">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="control-group form-group">
<textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-xl">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">Copyright &copy; MirAI Tech「ミライテック」 2026</span>
</div>
<div class="col-md-2">
<span class="copyright"><i class="fa fa-map-pin"></i>
Tokyo Area
Japan
</span>
</div>
<div class="col-md-2">
<ul class="list-inline social-buttons">
<li><a href="https://miraitech.dev" aria-label="github"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li><a href="/privacy-policy.html" aria-label="Privacy Policy">Privacy Policy</a>
</li>
<li><a href="/terms-of-use.html" aria-label="Terms of Use">Terms of Use</a>
</li>
<li><a href="/about.html" target="" referrerpolicy="origin" referrer="https://miraitech.dev" aria-label="About">About</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- jQuery Version 1.11.0 -->
<!-- <script src="/js/jquery-1.11.0.js"></script> -->
<!-- <script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<!-- Bootstrap Core JavaScript -->
<!-- <script src="/js/bootstrap.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"
integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
crossorigin="anonymous"></script>
<!-- Plugin JavaScript -->
<!-- <script src="/js/jquery.easing.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="/js/classie.js"></script>
<script src="/js/cbpAnimatedHeader.js"></script>
<!-- Custom Theme JavaScript -->
<script src="/js/agency.js"></script>
<!-- Contact Form JavaScript -->
<script src="/js/jqBootstrapValidation.js"></script>
<script src="/js/contact_me.js"></script>
<style>
#cookie-notice {
padding: 0.5rem 1rem;
display: none;
text-align: center;
position: fixed;
bottom: 0;
width: calc(100% - 2rem);
background: #222;
color: rgba(255, 255, 255, 0.8);
}
#cookie-notice a {
display: inline-block;
cursor: pointer;
margin-left: 0.5rem;
}
@media (max-width: 767px) {
#cookie-notice span {
display: block;
padding-top: 3px;
margin-bottom: 1rem;
}
#cookie-notice a {
position: relative;
bottom: 4px;
}
}
</style>
<div id="cookie-notice"><span>We would like to use third party cookies and scripts to improve the functionality of this
website.</span>
<a id="cookie-notice-accept" class="btn btn-primary btn-sm">Approve</a>
<a id="cookie-notice-deny" class="btn btn-primary btn-sm">Deny</a>
<a href="/privacy-policy.html" class="btn btn-primary btn-sm" aria-label="Privacy Policy">More info</a>
</div>
<script>
function createCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
if (readCookie('cookie-notice-option') == 'true') {
//
gtag('consent', 'update', {
'ad_user_data': 'granted',
'ad_personalization': 'granted',
'ad_storage': 'granted',
'analytics_storage': 'granted'
});
} else if (readCookie('cookie-notice-option') != 'false') {
document.getElementById('cookie-notice').style.display = 'block';
}
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
createCookie('cookie-notice-option', 'true', 31);
document.getElementById('cookie-notice').style.display = 'none';
location.reload();
});
document.getElementById('cookie-notice-deny').addEventListener("click", function () {
createCookie('cookie-notice-option', 'false', 31);
document.getElementById('cookie-notice').style.display = 'none';
location.reload();
});
</script>
</body>
</html>