<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Miyashimo Studio｜Web制作とブログが得意なフリーランス</title>
<meta name="description" content="Miyashimo Studio(みやしもスタジオ)はフリーランスのみやしもが運営しているWeb制作事務所です。ホームページ制作やブログのことならお任せ下さい。">
<meta property="og:title" content="Miyashimo Studio｜Web制作とブログが得意なフリーランス"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="/"/>
<meta property="og:image" content="https://miyashimo-studio.jp/resource/visual/siteimage.jpg"/>
<meta property="og:site_name" content="Miyashimo Studio"/>
<meta property="og:description" content="Miyashimo Studio(みやしもスタジオ)はフリーランスのみやしもが運営しているWeb制作事務所です。ホームページ制作やブログのことならお任せ下さい。"/>
<meta property="og:locale" content="ja_JP"/>
<link rel="icon" href="/resource/visual/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="shortcut icon" href="/resource/visual/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="apple-touch-icon" sizes="152x152" href="/resource/visual/apple-touch-icon.png">
<link rel="preload" href="/resource/rakuda/icons/style.css?ver=1.0.13-7" as="style" />
<link rel="stylesheet" href="/resource/rakuda/icons/style.css?ver=1.0.13-7" media="print" onload="this.media='all'" />
<link rel="stylesheet" href="/resource/rakuda/css/base.css?ver=1.0.13-7" />
<link rel="stylesheet" href="/resource/rakuda.css?ver=1.0.13-7" media="print" onload="this.media='all'" />
<link rel="canonical" href="/"/>
<link rel="alternate" type="application/rss+xml" title="Miyashimo Studio-Feed" href="https://miyashimo-studio.jp/rss.xml" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="stylesheet" href="/css/style.css?upd=00000000089">
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Oswald:wght@600&display=swap" rel="stylesheet">
<!-- Blog Icons -->
<link rel="preload" href="/fonts/blog-icons/style.css?upd=00000000089" as="style">
<link rel="stylesheet" href="/fonts/blog-icons/style.css?upd=00000000089" media="print" onload="this.media='all'">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@miyashimo_blog" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8T7PKK4BXG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8T7PKK4BXG');
</script>
<meta name="swellers_id" content="7wekyivtpfbrdcm0">
<!-- Google AdSense -->
<meta name="google-adsense-account" content="ca-pub-1192044794507714">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1192044794507714" crossorigin="anonymous"></script></head>
<body>
<main>
<!-- nav-header -->
<nav id="nav-header" class="nav-header">
<div class="nav-header__container">
<h1 class="nav-header__logo">
<a href="/">
<img src="/img/common/logo-main.svg" alt="Miyashimo Studio" />
</a>
</h1>
<ul class="nav-header__menu">
<li class="nav-header__menu-item js-header-menu">
<a href="/about/" class="menu-link">ABOUT</a>
<ul class="nav-header__menu-item-sub js-header-menu-sub">
<li><a href="/about/">みやしもスタジオとは</a></li>
<li><a href="/about/feature/">みやしもスタジオの特徴</a></li>
<li><a href="/about/creator/">制作者について</a></li>
</ul>
</li>
<li class="nav-header__menu-item js-header-menu">
<a href="/service/" class="menu-link">SERVICE</a>
<ul class="nav-header__menu-item-sub js-header-menu-sub">
<li><a href="/service/">サービス紹介</a></li>
<li><a href="/service/flow/">制作の流れ</a></li>
<li><a href="/service/price/">制作料金</a></li>
</ul>
</li>
<li class="nav-header__menu-item js-header-menu">
<a href="/works/" class="menu-link">WORKS</a>
</li>
<li class="nav-header__menu-item js-header-menu">
<a href="/contents/" class="menu-link">CONTENTS</a>
</li>
<li class="nav-header__menu-item js-header-menu">
<a href="/contact/" class="nav-header__contact">CONTACT</a>
</li>
</ul>
<div class="nav-header__toggle js-nav-drawer-open">
<div class="nav-header__toggle-line"></div>
<div class="nav-header__toggle-line"></div>
<div class="nav-header__toggle-line"></div>
</div>
</div>
</nav><!-- /nav-header --> <!-- /nav-drawer -->
<nav id="nav-drawer" class="nav-drawer" data-open="false">
<div class="nav-drawer__container">
<div class="nav-drawer__button">
<button id="nav-drawer-close" class="button-close">
<span class="button-close-line"></span>
<span class="button-close-line"></span>
</button>
</div>
<ul class="nav-drawer__menu">
<li class="nav-drawer__menu-item">
<a href="/about/" class="nav-drawer__link js-nav-drawer-link">
<span class="nav-drawer__link-main">ABOUT</span>
<span class="nav-drawer__link-sub">みやしもスタジオとは</span>
</a>
</li>
<li class="nav-drawer__menu-item">
<a href="/service/" class="nav-drawer__link js-nav-drawer-link">
<span class="nav-drawer__link-main">SERVICE</span>
<span class="nav-drawer__link-sub">サービス紹介</span>
</a>
</li>
<li class="nav-drawer__menu-item">
<a href="/works/" class="nav-drawer__link js-nav-drawer-link">
<span class="nav-drawer__link-main">WORKS</span>
<span class="nav-drawer__link-sub">制作実績</span>
</a>
</li>
<li class="nav-drawer__menu-item">
<a href="/contents/" class="nav-drawer__link js-nav-drawer-link">
<span class="nav-drawer__link-main">CONTENTS</span>
<span class="nav-drawer__link-sub">ブログ・お知らせ</span>
</a>
</li>
<li class="nav-drawer__menu-item">
<a href="/contact/" class="nav-drawer__link js-nav-drawer-link">
<span class="nav-drawer__link-main">CONTACT</span>
<span class="nav-drawer__link-sub">お問い合わせ</span>
</a>
</li>
</ul>
<div class="nav-drawer__footer">
<div class="social">
<a href="https://twitter.com/miyashimo_blog" rel="nofollow noopener noreferrer" target="_blank" class="social-item-twitter">Twitter</a>
<a href="/blog/" target="_blank" class="social-item-blog">BLOG</a>
</div>
<div class="copyright">Copyright© Miyashimo Studio</div>
</div>
</div>
<div id="nav-drawer-overlay" class="nav-drawer__overlay"></div>
</nav>
<!-- /nav-drawer --> <!-- /nav-side -->
<nav id="nav-side" class="nav-side">
<ul class="nav-side__pagination">
<li class="nav-side__pagination-item">
<a class="inner-link" href="#top-about" data-menu-item="ABOUT">
<span class="inner-text">ABOUT</span>
</a>
<a class="inner-link" href="#top-service" data-menu-item="SERVICE">
<span class="inner-text">SERVICE</span>
</a>
<a class="inner-link" href="#top-works" data-menu-item="WORKS">
<span class="inner-text">WORKS</span>
</a>
<a class="inner-link" href="#top-news" data-menu-item="NEWS">
<span class="inner-text">NEWS</span>
</a>
<a class="inner-link" href="#banner-blog" data-menu-item="BLOG">
<span class="inner-text">BLOG</span>
</a>
<a class="inner-link" href="#banner-contact" data-menu-item="CONTACT">
<span class="inner-text">CONTACT</span>
</a>
</li>
</ul>
<ul class="nav-side__social">
<li class="nav-side__social-item">
<a href="/blog/" target="_blank" class="icon-blog"></a>
</li>
<li class="nav-side__social-item">
<a href="https://twitter.com/miyashimo_blog" rel="nofollow noopener noreferrer" target="_blank" class="icon-twitter"></a>
</li>
</ul>
</nav>
<!-- /nav-side --> <!-- mainvisual -->
<section id="mainvisual" class="mainvisual">
<div class="mainvisual__container">
<div class="mainvisual__content">
<div class="mainvisual__content-message">
<h2>あなたの「やりたいこと」<br>僕に手伝わせてください</h2>
<p>みやしもスタジオは東京都、神奈川県で活動している個人のWeb制作事務所です。Webサイトの「構築」と「運用」という2つの側面からお客さまのビジネスをお手伝いします。</p>
</div>
<div class="mainvisual__content-image">
<img src="/img/top/mainvisual-image.svg" alt="みやしもスタジオ" />
</div>
</div>
</div>
<div class="mainvisual__scroll">
<div class="scroll-arrow">
<span>scroll</span>
</div>
</div>
</section><!-- /mainvisual -->
<!-- top-index -->
<section id="top-about" class="top-index js-scroll-target" data-scroll-position="ABOUT" data-face="main">
<div class="top-index__bg-title" data-color="white">ABOUT ME</div>
<div class="top-index__container">
<div class="top-index__greeting">
<div class="top-index__greeting-heading">
<div class="top-index__greeting-heading-1"><span>現役10年のIT系フリーランス</span></div>
<h2 class="top-index__greeting-heading-2">東京都は多摩エリアで、<br>お客様の上手なやり方、<br>いつも考えています。</h2>
</div>
<div class="top-index__greeting-content">
<div class="top-index__greeting-content-text">
<p>IT業界の勤務経験は10年以上、システムエンジニアやWebサイト制作、ブログ運営を経験して現在はフリーランスとして活動しています。</p>
<p>これまでの経験やスキルを活かしてWebサイトの構築や集客でお困りの方に応えたい。関わる人たちに「選んだのがこの人で良かった」と想ってほしい。そんな気持ちからこの事務所をスタートしました。</p>
<p>活動拠点は東京都の多摩エリアから全国まで。個人でビジネスを始める方や中小企業様を中心に、Webサイト制作・システム開発のお仕事を広くご依頼いただいております。</p>
</div>
<div class="top-index__greeting-content-image">
<img src="/img/about/creator/kobayashi.png">
<span>みやしもスタジオ<br>こばやし</span>
</div>
</div>
</div>
<!-- page-button-list -->
<ul class="page-button-list">
<li><a href="/about/" class="button__guide--main">みやしもスタジオとは</a></li>
<li><a href="/about/creator/" class="button__guide--main">制作者について</a></li>
</ul><!-- /page-button-list -->
</div>
</section><!-- /top-index -->
<!-- top-index -->
<section id="top-service" class="top-index js-scroll-target" data-scroll-position="SERVICE" data-face="white">
<div class="top-index__bg-title" data-color="main">SERVICE</div>
<div class="top-index__container">
<div class="top-index__heading">
<!-- site-heading -->
<div class="site-heading--main">
<h2 class="site-heading__text-main">サービス紹介</h2>
<p class="site-heading__text-sub">＼ウェブサイトを作って育てます。／</p>
</div><!-- /site-heading -->
</div>
<div class="top-index__service">
<!-- service-list -->
<div class="service-list">
<div class="service-list__item">
<div class="service-list__item-image">
<img src="/img/service/image-icon-1.svg">
</div>
<div class="service-list__item-title">企画・提案</div>
</div>
<div class="service-list__item">
<div class="service-list__item-image">
<img src="/img/service/image-icon-2.svg">
</div>
<div class="service-list__item-title">Webサイト制作</div>
</div>
<div class="service-list__item">
<div class="service-list__item-image">
<img src="/img/service/image-icon-3.svg">
</div>
<div class="service-list__item-title">運営サポート</div>
</div>
<div class="service-list__item">
<div class="service-list__item-image">
<img src="/img/service/image-icon-4.svg">
</div>
<div class="service-list__item-title">更新システム</div>
</div>
<div class="service-list__item">
<div class="service-list__item-image">
<img src="/img/service/image-icon-5.svg">
</div>
<div class="service-list__item-title">コーディング</div>
</div>
<div class="service-list__item">
<div class="service-list__item-image">
<img src="/img/service/image-icon-6.svg">
</div>
<div class="service-list__item-title">システム開発</div>
</div>
</div><!-- /service-list -->
</div>
<!-- page-button-list -->
<ul class="page-button-list">
<li><a href="/service/" class="button__guide--main">サービスについて知る</a></li>
</ul><!-- /page-button-list -->
</div>
</section><!-- /top-index -->
<!-- top-index -->
<section id="top-works" class="top-index js-scroll-target" data-scroll-position="WORKS" data-face="main">
<div class="top-index__bg-title" data-color="white">WORKS</div>
<div class="top-index__container">
<div class="top-index__heading">
<!-- site-heading -->
<div class="site-heading--main">
<h2 class="site-heading__text-main">制作実績</h2>
<p class="site-heading__text-sub">みやしもスタジオの制作実績をご紹介します。</p>
</div><!-- /site-heading -->
</div>
<div class="top-index__works">
<!-- works-list -->
<ul class="works-list">
<li class="works-list__item">
<!-- works-item -->
<a href="https://miyashimo-studio.jp/works/detail/21" class="works-item">
<figure class="works-item__image">
<img src="/resource/media/5441/5441_640x480.png" width="640" height="480" alt="ビデオグラファーAKIRA SAKUMA様のWebサイトを担当させて頂きました。"/>
</figure>
<h3 class="works-item__title">
<span class="inner-text">
AKIRA SAKUMA Webサイト </span>
</h3>
</a><!-- /works-item --> </li>
<li class="works-list__item">
<!-- works-item -->
<a href="https://miyashimo-studio.jp/works/detail/20" class="works-item">
<figure class="works-item__image">
<img src="/resource/media/5873/5873_640x480.png" width="640" height="480" alt="Webサイト制作事務所「みやしもスタジオ」におけるリニューアルの制作実績になります。"/>
</figure>
<h3 class="works-item__title">
<span class="inner-text">
みやしもスタジオリニューアル </span>
</h3>
</a><!-- /works-item --> </li>
<li class="works-list__item">
<!-- works-item -->
<a href="https://miyashimo-studio.jp/works/detail/15" class="works-item">
<figure class="works-item__image">
<img src="/resource/media/2143/2143_640x480.jpg" width="640" height="480" alt="栃木の派遣会社、株式会社アーチ様のWEBサイトリニューアルを担当させて頂きました。"/>
</figure>
<h3 class="works-item__title">
<span class="inner-text">
株式会社アーチ様 </span>
</h3>
</a><!-- /works-item --> </li>
<li class="works-list__item">
<!-- works-item -->
<a href="https://miyashimo-studio.jp/works/detail/12" class="works-item">
<figure class="works-item__image">
<img src="/resource/media/1462/1462_640x480.jpg" width="640" height="480" alt="たまプラーザのジュエリ―工房、アトリエエン様のWEBサイトリニューアルを担当させて頂きました。"/>
</figure>
<h3 class="works-item__title">
<span class="inner-text">
アトリエエン様 </span>
</h3>
</a><!-- /works-item --> </li>
<li class="works-list__item">
<!-- works-item -->
<a href="https://miyashimo-studio.jp/works/detail/16" class="works-item">
<figure class="works-item__image">
<img src="/resource/media/2159/2159_640x480.jpg" width="640" height="480" alt="北海道のキャンプ場「クリオネキャンプ場」のWebサイト制作で、WordPressの技術サポートを担当させて頂きました。"/>
</figure>
<h3 class="works-item__title">
<span class="inner-text">
クリオネキャンプ場 </span>
</h3>
</a><!-- /works-item --> </li>
<li class="works-list__item">
<!-- works-item -->
<a href="https://miyashimo-studio.jp/works/detail/19" class="works-item">
<figure class="works-item__image">
<img src="/resource/media/2554/2554_640x480.png" width="640" height="480" alt="ハム・ソーセージ、焼き豚、生ハムなどを販売しているECサイト『オークハウス235』様のデザイン修正を対応させて頂きました。"/>
</figure>
<h3 class="works-item__title">
<span class="inner-text">
オークハウス235 </span>
</h3>
</a><!-- /works-item --> </li>
</ul><!-- /works-list -->
</div>
<!-- page-button-list -->
<ul class="page-button-list">
<li><a href="/works/" class="button__guide--main">制作実績一覧</a></li>
</ul><!-- /page-button-list -->
</div>
</section><!-- /top-index -->
<!-- top-index -->
<section id="top-news" class="top-index js-scroll-target" data-scroll-position="NEWS" data-face="white">
<div class="top-index__bg-title" data-color="main">CONTENTS</div>
<div class="top-index__container">
<div class="top-index__heading">
<!-- site-heading -->
<div class="site-heading--main">
<h2 class="site-heading__text-main">ブログ・お知らせ</h2>
<p class="site-heading__text-sub">ブログ記事やお知らせなどの最新情報をお届けします。</p>
</div><!-- /site-heading -->
</div>
<div class="top-index__news">
<!-- contents-list -->
<div class="contents-list">
<div class="contents-list__category">
<a href="/contents/" class="contents-list__category-item active">すべて</a>
<a href="/contents/category/information/" class="contents-list__category-item">
お知らせ </a>
</div>
<div class="contents-list__list">
<div class="contents-list__list-item">
<a href="https://miyashimo-studio.jp/contents/detail/554" class="inner">
<span class="inner-date">2024.9.25</span>
<span class="inner-category">お知らせ</span>
<span class="inner-text">レバテックフリーランス様でみやしもブログをご紹介いただきました</span>
</a>
</div>
<div class="contents-list__list-item">
<a href="https://miyashimo-studio.jp/contents/detail/536" class="inner">
<span class="inner-date">2024.7.12</span>
<span class="inner-category">お知らせ</span>
<span class="inner-text">みやしもツールズ公開のお知らせ</span>
</a>
</div>
<div class="contents-list__list-item">
<a href="https://miyashimo-studio.jp/contents/detail/531" class="inner">
<span class="inner-date">2024.7.4</span>
<span class="inner-category">お知らせ</span>
<span class="inner-text">みやしも君LINEスタンプ販売中</span>
</a>
</div>
<div class="contents-list__list-item">
<a href="https://miyashimo-studio.jp/contents/detail/530" class="inner">
<span class="inner-date">2024.7.4</span>
<span class="inner-category">お知らせ</span>
<span class="inner-text">Webサイトのドメイン変更のお知らせ</span>
</a>
</div>
<div class="contents-list__list-item">
<a href="https://miyashimo-studio.jp/contents/detail/327" class="inner">
<span class="inner-date">2024.2.22</span>
<span class="inner-category">お知らせ</span>
<span class="inner-text">Webサイトリニューアルのお知らせ</span>
</a>
</div>
</div>
</div>
<!-- /contents-list -->
</div>
<!-- page-button-list -->
<ul class="page-button-list">
<li><a href="/contents/" class="button__guide--main">ブログ・お知らせ一覧</a></li>
</ul><!-- /page-button-list -->
</div>
</section><!-- /top-index -->
<!-- banner-blog -->
<section id="banner-blog" class="banner-blog js-scroll-target" data-scroll-position="BLOG">
<div class="banner-blog__container">
<a href="/blog/" class="content">
<div class="content-bg"></div>
<div class="content-bg-left"></div>
<div class="content-bg-right"></div>
<div class="content-innner">
<h2 class="content-heading">
<img src="/img/common/logo-blog.svg" alt="みやしもブログ"/>
</h2>
<p class="content-text">毎日コツコツ書いています。</p>
</div>
</a>
</div>
</section><!-- /banner-blog --> <!-- banner-contact -->
<nav id="banner-contact" class="banner-contact js-scroll-target" data-scroll-position="CONTACT">
<div class="banner-contact__container">
<div class="banner-contact__content">
<div class="heading">
<!-- site-heading -->
<div class="site-heading--main">
<h2 class="site-heading__text-main">CONTACT</h2>
<p class="site-heading__text-sub">お問い合わせ</p>
</div><!-- /site-heading -->
</div>
<div class="message">Web制作・ブログに関するご相談やお見積りの依頼など、<br>お気軽にお問い合わせくださいませ。</div>
<ul class="button">
<li class="button-item"><a href="/contact/" class="banner-contact__button">問い合わせフォーム</a></li>
</ul>
</div>
</div>
</nav><!-- /banner-contact --> <!-- nav-footer -->
<footer id="nav-footer" class="nav-footer">
<div class="nav-footer__container">
<div class="nav-footer__content">
<div class="nav-footer__content-item--company">
<img src="/img/common/logo-main.svg" class="site-logo" alt="Miyashimo Studio" />
<p class="site-address">〒150-0002<br>東京都渋谷区渋谷2-19-15宮益坂ビルディング609</p>
<p class="site-address-attention">※自宅兼事務所のため、活動場所は別にございます。<br>詳しくはお問い合わせ下さいませ。</p>
</div>
<div class="nav-footer__content-item--contents">
<div class="nav-footer__heading">ABOUT</div>
<ul class="nav-footer__menu">
<li class="nav-footer__menu-item">
<a href="/about/" class="menu-link">みやしもスタジオとは</a>
</li>
<li class="nav-footer__menu-item">
<a href="/about/feature/" class="menu-link">みやしもスタジオの特徴</a>
</li>
<li class="nav-footer__menu-item">
<a href="/about/creator/" class="menu-link">制作者について</a>
</li>
</ul>
</div>
<div class="nav-footer__content-item--contents">
<div class="nav-footer__heading">SERVICE</div>
<ul class="nav-footer__menu">
<li class="nav-footer__menu-item">
<a href="/service/" class="menu-link">サービス紹介</a>
</li>
<li class="nav-footer__menu-item">
<a href="/service/flow/" class="menu-link">制作の流れ</a>
</li>
<li class="nav-footer__menu-item">
<a href="/works/" class="menu-link">制作実績</a>
</li>
</ul>
</div>
<div class="nav-footer__content-item--contents">
<div class="nav-footer__heading">CONTENTS</div>
<ul class="nav-footer__menu">
<li class="nav-footer__menu-item">
<a href="/contents/" class="menu-link">ブログ・お知らせ</a>
</li>
<li class="nav-footer__menu-item">
<a href="/blog/" target="_blank" class="menu-link menu-link-external">みやしもブログ</a>
</li>
</ul>
</div>
</div>
<div class="nav-footer__guide">
<a href="/about/creator/" class="guide-link">運営者情報</a>
<a href="/contact/" class="guide-link">お問い合わせ</a>
<a href="/privacy.html" class="guide-link">プライバシー</a>
</div>
</div>
<div class="nav-footer__copyright">Copyright© Miyashimo Studio</div>
</footer><!-- /nav-footer -->
<script src="/js/jquery.js"></script>
<script src="/js/jquery.waypoints.min.js"></script>
<script src="/js/jquery.sticky-sidebar.min.js"></script>
<script src="/js/script-site.js?upd=20240305"></script>
<!-- Highlight.js start -->
<link rel="stylesheet" href="/js/highlight/styles/zenburn.css">
<script src="/js/highlight/highlight.pack.js"></script>
<script>
document.querySelectorAll('.js-highlight > code').forEach((block) => {
hljs.highlightBlock(block);
});
</script>
<!-- Highlight.js end -->
<!-- valuecommerce start -->
<script type="text/javascript" language="javascript">
var vc_pid = "887171999";
</script>
<script type="text/javascript" src="//aml.valuecommerce.com/vcdal.js" async></script>
<!-- valuecommerce end -->
<!-- footer html start-->
<script src="/resource/rakuda/script/base.js?ver=1.0.13-7"></script>
<script src="/resource/rakuda/script/holder.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js"></script>
<script>lazyload(document.querySelectorAll(".cms-image img"));</script>
<!-- footer html end--> </main>
</body>
</html>