CINXE.COM

テックキャンプブログ | プログラミングスクールならテックキャンプ

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>テックキャンプブログ | プログラミングスクールならテックキャンプ</title> <link rel="stylesheet" href="https://tech-camp.in/note/wp-content/themes/technote/css/popup.css"> <link rel="stylesheet" href="https://tech-camp.in/note/wp-content/themes/technote/stylesheets.f5a5c9f0.css"> <link rel="stylesheet" href="https://tech-camp.in/note/wp-content/themes/technote/style.css" type="text/css" /> <link rel="shortcut icon" href="https://tech-camp.in/note/favicon.png"> <meta name="google-site-verification" content="Uzahl9WSt-wXsZVkiPagZv31yS0KAaFmewBI9EGMI_8" /> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sticky/1.0.4/jquery.sticky.min.js"></script> --> <!-- All in One SEO Pack 2.12 by Michael Torbert of Semper Fi Web Designob_start_detected [-1,-1] --> <meta name="description" content="テックキャンプブログでは、テクノロジーとIT転職に興味がある方に有益な情報やパソコンの基本などを配信します。本メディアサイトはプログラミングスクール・テックキャンプを運営する株式会社divのオウンドメディアです。" /> <link rel='next' href='https://tech-camp.in/note/page/2/' /> <link rel="canonical" href="https://tech-camp.in/note/" /> <meta property="og:title" content="テックキャンプブログ | プログラミングスクールならテックキャンプ" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://tech-camp.in/note/" /> <meta property="og:image" content="https://tech-camp.in/note/wp-content/uploads/2020/04/ogp-blog.png" /> <meta property="og:site_name" content="テックキャンプ ブログ" /> <meta property="og:description" content="テックキャンプブログでは、テクノロジーとIT転職に興味がある方に有益な情報やパソコンの基本などを配信します。本メディアサイトはプログラミングスクール・テックキャンプを運営する株式会社divのオウンドメディアです。" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="テックキャンプブログ | プログラミングスクールならテックキャンプ" /> <meta name="twitter:description" content="テックキャンプブログでは、テクノロジーとIT転職に興味がある方に有益な情報やパソコンの基本などを配信します。本メディアサイトはプログラミングスクール・テックキャンプを運営する株式会社divのオウンドメディアです。" /> <meta name="twitter:image" content="https://tech-camp.in/note/wp-content/uploads/2020/04/ogp-blog.png" /> <meta itemprop="image" content="https://tech-camp.in/note/wp-content/uploads/2020/04/ogp-blog.png" /> <!-- /all in one seo pack --> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/tech-camp.in\/note\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.1.1"}}; !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='extended_toc-css' href='https://tech-camp.in/note/wp-content/plugins/extended-table-of-contents-with-nextpage-support/style.css?ver=POWER_TOC_VERSION' type='text/css' media='all' /> <link rel='stylesheet' id='toc-screen-css' href='https://tech-camp.in/note/wp-content/plugins/table-of-contents-plus/screen.min.css?ver=2106' type='text/css' media='all' /> <link rel='stylesheet' id='wpt-twitter-feed-css' href='https://tech-camp.in/note/wp-content/plugins/wp-to-twitter/css/twitter-feed.css?ver=5.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='amazonjs-css' href='https://tech-camp.in/note/wp-content/plugins/amazonjs/css/amazonjs.css?ver=0.10' type='text/css' media='all' /> <link rel='stylesheet' id='jquery-lazyloadxt-fadein-css-css' href='//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/css/jquery.lazyloadxt.fadein.css?ver=5.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='a3a3_lazy_load-css' href='//tech-camp.in/note/wp-content/uploads/sass/a3_lazy_load.min.css?ver=1623638260' type='text/css' media='all' /> <link rel='https://api.w.org/' href='https://tech-camp.in/note/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://tech-camp.in/note/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://tech-camp.in/note/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 5.1.1" /> <style type="text/css">div#toc_container {background: #f9f9f9;border: 1px solid #aaaaaa;}</style><!-- Markup (JSON-LD) structured in schema.org ver.4.6.5 START --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Corporation", "name": "株式会社div", "url": "https://di-v.co.jp/", "logo": "https://tech-camp.in/note/wp-content/uploads/2021/07/favicon.png", "sameAs": [ "https://www.facebook.com/techcampp", "https://twitter.com/TECHCAMPINFO", "https://www.youtube.com/c/techcamp-official/about", "https://www.linkedin.com/company/div-incorporated" ] } </script> <!-- Markup (JSON-LD) structured in schema.org END --> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "7s5ged9x5b"); </script><style type="text/css" id="syntaxhighlighteranchor"></style> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7783804311624828" crossorigin="anonymous"></script> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MNZHNQC'); </script> <!-- End Google Tag Manager --> </head> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript> <iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-MNZHNQC' style='display:none;visibility:hidden' width='0'></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="popup" id="js-popup"> <div class="popup-inner"> <div class="close-btn" id="js-close-btn"></div> <div class="popup-image"> <img src="https://tech-camp.in/note/wp-content/themes/technote/images/bnr_TCB_new_form_2302.png" alt="ポップアップ画像"> </div> <p style="font-size: 15px; font-weight: 600; text-align: center; line-height: 2; margin-bottom: 0.5em; border-top: 1px solid black ;border-bottom: 1px solid black;"> あなたも年収アップを実現しませんか? </p> <p class="popup__detail-sentence"> 経験や年齢、性別に関わらず、多くの方がエンジニア転職を実現しています。 <br> <br> 卒業生は、転職後1~3年で<small style="color: red; font-size: 12px; font-weight: 600;">平均年収144万円UP</small>!<br> さらに、<b>仕事の満足度や自由度も向上。</b> <br> <br> 市場価値を上げたい方、自由に働きたい方は、ぜひお気軽に無料カウンセリングにご参加ください。 </p> <p> <a class="popup-link" href="https://tech-camp.in/expert/v2/briefings/new/?utm_source=tcb&amp;utm_medium=popup&amp;utm_content=none" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> カウンセリングはこちら > </a> </p> </div> <div class="black-background" id="js-black-bg"></div> </div> <div class="DrawerLayer" id="DrawerLayer"></div> <div class="BottomFixedBannerContainer"> <div class="BottomFixedBanner lsf"> <a target="_blank" data-gtm-tcb="TCB_CLICK_kabu_it_career" href="https://tech-camp.in/expert/briefings/blog?utm_source=tcb&amp;utm_medium=kabu&amp;utm_campaign=it_career&amp;utm_content=none" class="BottomFixedBanner__link " data-wpel-link="external" rel="external noopener noreferrer"><span class="BottomFixedBanner__span">はじめてのIT転職🔰なら無料相談!</span></a> </div> <div class="BottomFixedBanner BottomFixedBanner2 lsf"> <a target="_blank" data-gtm-tcb="TCB_CLICK_kabu_white_engineer_career" href="https://tech-camp.in/lps/expert/blog_achievements?utm_source=tcb&amp;utm_medium=kabu&amp;utm_campaign=tensyoku_top&amp;utm_content=none" class="BottomFixedBanner__link " data-wpel-link="external" rel="external noopener noreferrer"><span class="BottomFixedBanner__span">転職実績No.1🔰エンジニアスクール</span></a> </div> </div> <style type="text/css"> .BottomFixedBannerContainer { display: flex; padding: 48px calc((100% - 1130px) / 2) 24px; /* justify-content: center; */ margin: 0 16px; } .BottomFixedBanner a{ position: relative; transition: .3s all; } .BottomFixedBanner { max-width: 685px; width: 100%; font-size: 18px; margin: 0; } .BottomFixedBanner2 { display: none; background: white; border: solid 1px #595959; margin-left: 20px; width: 395px; font-size: 17px; } .BottomFixedBanner2 a { color: black; } .BottomFixedBanner2 .BottomFixedBanner__span:after { background-image: url(https://tech-camp.in/note/wp-content/themes/technote/right-gray.svg); background-size: cover; width: 21px; height: 20px; } @media (max-width: 900px){ .BottomFixedBannerContainer { padding: 20px 2% 24px; flex-direction: column; gap: 16px; z-index: 1000; margin: 0; } .BottomFixedBanner { width: 95%; max-width: 440px; margin: 0 auto; } .BottomFixedBanner2 { width: 100%; line-height: 1.9; margin: 0 auto; border-radius: 0; box-shadow: none; border: none; border-top: 2px solid #d7d7d7; max-width: none; } .BottomFixedBanner2 .BottomFixedBanner__link{ padding: 12px 0 20px; font-size: 95%; color: #333; } .BottomFixedBanner__link { font-size: 16px; line-height: 1.8; height: inherit; } .BottomFixedBanner__link:after { right: 24px; width: 17px; height: 17px; background-size: cover; top: 0; bottom: 0; margin: auto 0; position: absolute; } .BottomFixedBanner2 .BottomFixedBanner__span:after { right: -22px; width: 17px; height: 16px; top: 0; bottom: 4px; margin: auto 0; background-size: 99%; } } .bottom-link-ab-test, .bottom-link-sp-ab-test { display: none; } </style> <header class="GlobalHeader flex center"> <div class="container flex verticalCenter spaceBetween"> <a href="https://tech-camp.in/note" data-wpel-link="internal"> <h1 class="Logo"> <img src="https://tech-camp.in/note/wp-content/uploads/2020/04/blog-logo.png" alt="テックキャンプブログ" class="Logo__image"> </h1> </a> <a class="techcamp_link" href="https://tech-camp.in/expert" data-gtm-tcb="TCB_CLICK_sp_hedder_default_all_top" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"> <img src="https://tech-camp.in/note/wp-content/themes/technote/techcamp_link.png" width="125px" height="25px" alt=""> <!-- <img src="https://tech-camp.in/note/wp-content/themes/technote/techcamp_link.png" width="150px" height="18px" alt=""> --> </a> <div class="SearchBox"> <form action="/note/" method="get"> <input type="text" class="SearchBox__input" name="s" placeholder="興味があるワードを検索する"> <span class="SearchBox__icon lsf">search</span> </form> </div> <button class="DrawerButton" id="DrawerButton"> <span class="DrawerButton__icon"></span> </button> <ul class="Drawer" id="Drawer"> <div class="SearchBox"> <form action="https://tech-camp.in/note/" method="get"> <input type="text" name="s" class="SearchBox__input" placeholder="興味があるワードを検索する"> <span class="SearchBox__icon lsf">search</span> </form> </div> <p class="DrawerHeading">IT情報 おすすめ人気記事</p> <ul class="HashTagList"> <!-- テキストリンクに修正しハッシュタグリストを使用していないためul、li、aクラス名は現状に即していません。 --> <li class="HashTag"> <a class="HashTag__link" href="https://tech-camp.in/note/note/pickup/64660/" data-wpel-link="internal">未経験・スキルなしからフリーランスになるには</a> </li> <li class="HashTag"> <a class="HashTag__link" href="https://tech-camp.in/note/note/careerchange/108809/" data-wpel-link="internal">おすすめキャリア相談サービス10選</a> </li> <li class="HashTag"> <a class="HashTag__link" href="https://tech-camp.in/note/note/careerchange/56641/" data-wpel-link="internal">個人(ひとり)でできる仕事22選</a> </li> <li class="HashTag"> <a class="HashTag__link" href="https://tech-camp.in/note/note/careerchange/103930/" data-wpel-link="internal">ITエンジニアは楽しい?きつい?</a> </li> <li class="HashTag"> <a class="HashTag__link" href="https://tech-camp.in/note/note/pickup/100463/" data-wpel-link="internal">リモートワークできる職種11選</a> </li> <li class="HashTag"> <a class="HashTag__link" href="https://tech-camp.in/note/note/technology/69/" data-wpel-link="internal">プログラミング独学の始め方</a> </li> <li class="HashTag"> <a class="HashTag__link" href="https://tech-camp.in/note/note/technology/75959/" data-wpel-link="internal">初心者向けプログラミング言語TOP10</a> </li> <li class="HashTag"> <a class="HashTag__link" href="https://tech-camp.in/note/note/careerchange/64472/" data-wpel-link="internal">人とあまり関わらない仕事21選</a> </li> </ul> <p class="DrawerHeading">カテゴリー</p> <div class="DrawerArticleItemList"> <a href="https://tech-camp.in/note/category/careerchange/" class="DrawerArticleItem" data-wpel-link="internal">転職</a> <a href="https://tech-camp.in/note/category/technology/" class="DrawerArticleItem" data-wpel-link="internal">テクノロジー</a> <a href="https://tech-camp.in/note/category/interviews/" class="DrawerArticleItem" data-wpel-link="internal">インタビュー</a> <a href="https://tech-camp.in/note/category/interviews_ex/" class="DrawerArticleItem" data-wpel-link="internal">未経験からのエンジニア転職者</a> <a href="https://tech-camp.in/note/label/recruitment/" class="DrawerArticleItem" data-wpel-link="internal">エンジニア採用(法人向け)</a> <a href="https://tech-camp.in/note/category/management/" class="DrawerArticleItem" data-wpel-link="internal">マネジメント</a> <a href="https://tech-camp.in/note/category/pickup/" class="DrawerArticleItem" data-wpel-link="internal">ピックアップ</a> </div> </ul> </div> <style> @media screen and (max-width: 768px){ .BottomFixedBanner { font-size: 14px; } } @media (max-width: 370px) { .techcamp_link { top: 16px!important; } .techcamp_link > img { width: 105px!important; } .BottomFixedBanner__link { font-size: 16px; line-height: 1.6; } .BottomFixedBanner__span { letter-spacing: -1px; font-size: 14px; } } @media (max-width: 320px) { .techcamp_link, .BottomFixedBannerContainer { display: none!important; } } </style> </header> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <main> <div class="flex center Content"> <div class="container"> <div class="BreadCrumb"><ul class="BreadCrumbItemList"><li class="BreadCrumbItem"><a class="BreadCrumbItem__link" href="https://tech-camp.in/note" data-wpel-link="internal"><span>ホーム</span></a></li><li class="BreadCrumbItem"><a class="BreadCrumbItem__link" href="https://tech-camp.in/note" data-wpel-link="internal"><span>テックキャンプブログ</span></a></li></ul></div> </div> </div> <div class="flex center wrap"> <div class="container flex spaceBetween"> <div class="MainColumn"> <div class="LargeArticleList normalShadow"> <h2 class="LargeArticleList__title">イチオシ記事</h2> <div class="ArticleItemList"> <ul> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-300x200.jpg" alt=""> --> <!-- https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-300x200.jpg --> <img width="300" height="200" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-300x200.jpg" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-240x160.jpg 240w, https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-304x203.jpg 304w, https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-282x188.jpg 282w, https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2.jpg 925w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="200" src="https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-300x200.jpg" class="ArticleItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-240x160.jpg 240w, https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-304x203.jpg 304w, https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2-282x188.jpg 282w, https://tech-camp.in/note/wp-content/uploads/startup-desktop_925x-2.jpg 925w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/careerchange/56641/" data-wpel-link="internal">個人(一人)でできる仕事22選!在宅OK・高収入・副業で始められるおすすめ職種</a> </h3> </article> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-300x200.png" alt=""> --> <!-- https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-300x200.png --> <img width="300" height="200" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-300x200.png" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-300x200.png 300w, https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-240x160.png 240w, https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-304x202.png 304w, https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-282x188.png 282w, https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59.png 727w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="200" src="https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-300x200.png" class="ArticleItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-300x200.png 300w, https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-240x160.png 240w, https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-304x202.png 304w, https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59-282x188.png 282w, https://tech-camp.in/note/wp-content/uploads/スクリーンショット-2018-10-16-15.29.59.png 727w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/pickup/52205/" data-wpel-link="internal">「何がしたいかわからない」人生でやりたいことを見つける17のヒント!</a> </h3> </article> </ul> </div> <div class="LargeArticleList__footer flex flexEnd"> <a href="https://tech-camp.in/note/label/イチオシ記事/" data-wpel-link="internal">イチオシ記事一覧をみる</a> </div> </div> <div class="LargeArticleList normalShadow"> <h2 class="LargeArticleList__title">新着記事</h2> <div class="ArticleItemList"> <ul> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/themes/technote/article_sample1.0fa8c55a.png" alt=""> --> <img width="300" height="169" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2024/11/7.webp" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" /><noscript><img width="300" height="169" src="https://tech-camp.in/note/wp-content/uploads/2024/11/7.webp" class="ArticleItem__image wp-post-image" alt="" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/careerchange/117635/" data-wpel-link="internal">プログラミングスクールは本当に無駄?独学との違いや効果的な活用方法を解説</a> </h3> </article> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/themes/technote/article_sample1.0fa8c55a.png" alt=""> --> <img width="300" height="169" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2024/12/30代女性エンジニア転職.webp" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" /><noscript><img width="300" height="169" src="https://tech-camp.in/note/wp-content/uploads/2024/12/30代女性エンジニア転職.webp" class="ArticleItem__image wp-post-image" alt="" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/interviews/117502/" data-wpel-link="internal">【体験談】プログラミング未経験からエンジニアに転職した30代女性をインタビュー</a> </h3> </article> </ul> </div> <div class="LargeArticleList__footer flex flexEnd"> <a href="https://tech-camp.in/note/latest/" data-wpel-link="internal">新着記事一覧</a> </div> </div> <div class="Step normalShadow"> <h2 class="Step__title">STEPで学ぶキャリアアップ</h2> <div class="StepItemList flex spaceBetween wrap"> <a href="https://tech-camp.in/note/step/truebeginnerengineers/" class="StepItem normalShadow" data-wpel-link="internal"> <!-- STEPバナーPC用 --> <img class="StepItem__image" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img01_pc.webp" alt=""> <!-- STEPバナースマートフォン用 --> <img class="StepItem__image StepItem__image--sp" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img01_sp.webp" alt=""> </a> <a href="https://tech-camp.in/note/step/athome/" class="StepItem normalShadow" data-wpel-link="internal"> <!-- STEPバナーPC用 --> <img class="StepItem__image" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img02_pc.webp" alt=""> <!-- STEPバナースマートフォン用 --> <img class="StepItem__image StepItem__image--sp" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img02_sp.webp" alt=""> </a> <a href="https://tech-camp.in/note/step/chooseschool/" class="StepItem normalShadow" data-wpel-link="internal"> <!-- STEPバナーPC用 --> <img class="StepItem__image" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img03_pc.webp" alt=""> <!-- STEPバナースマートフォン用 --> <img class="StepItem__image StepItem__image--sp" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img03_sp.webp" alt=""> </a> <a href="https://tech-camp.in/note/step/secondjob/" class="StepItem normalShadow" data-wpel-link="internal"> <!-- STEPバナーPC用 --> <img class="StepItem__image" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img04_pc.webp" alt=""> <!-- STEPバナースマートフォン用 --> <img class="StepItem__image StepItem__image--sp" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img04_sp.webp" alt=""> </a> <a href="https://tech-camp.in/note/step/studyformyself/" class="StepItem normalShadow" data-wpel-link="internal"> <!-- STEPバナーPC用 --> <img class="StepItem__image" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img05_pc.webp" alt=""> <!-- STEPバナースマートフォン用 --> <img class="StepItem__image StepItem__image--sp" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img05_sp.webp" alt=""> </a> <a href="https://tech-camp.in/note/step/workathome/" class="StepItem normalShadow" data-wpel-link="internal"> <!-- STEPバナーPC用 --> <img class="StepItem__image" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img06_pc.webp" alt=""> <!-- STEPバナースマートフォン用 --> <img class="StepItem__image StepItem__image--sp" src="https://tech-camp.in/note/wp-content/uploads/2024/07/step_img06_sp.webp" alt=""> </a> </div> <div class="Step__footer flex flexEnd"> <a href="https://tech-camp.in/note/step-list/" data-wpel-link="internal">STEPで学ぶキャリアアップ一覧をみる</a> </div> </div> <div class="Features flex spaceBetween wrap"> <h2 class="Features__title">特集</h2> <article class="Feature"> <div class="FeatureHeading" style="background-image: url('https://tech-camp.in/note/wp-content/uploads/2024/07/features_img01.webp');"> <a href="/note/feature/パソコン/" data-wpel-link="internal"> <h3 class="FeatureHeading__title">パソコン</h3> </a> </div> <div class="FeatureItemList normalShadow"> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e7%9f%a5%e3%81%a3%e3%81%a6%e3%81%8a%e3%81%8d%e3%81%9f%e3%81%84%e3%83%91%e3%82%bd%e3%82%b3%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%9f%a5%e8%ad%98" data-wpel-link="internal">知っておきたいパソコンの基礎知識</a> </li> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e3%83%91%e3%82%bd%e3%82%b3%e3%83%b3%e3%81%ae%e6%93%8d%e4%bd%9c%e3%83%bb%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95%e3%82%92%e7%9f%a5%e3%82%8a%e3%81%9f%e3%81%84" data-wpel-link="internal">パソコンの操作・設定方法を知りたい</a> </li> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e4%bd%9c%e6%a5%ad%e3%81%8c%e6%8d%97%e3%82%8b%e3%83%91%e3%82%bd%e3%82%b3%e3%83%b3%e3%81%ae%e5%91%a8%e8%be%ba%e6%a9%9f%e5%99%a8" data-wpel-link="internal">作業が捗るパソコンの周辺機器</a> </li> </div> </article> <article class="Feature"> <div class="FeatureHeading" style="background-image: url('https://tech-camp.in/note/wp-content/uploads/2024/07/features_img02.webp');"> <a href="/note/feature/ITリテラシー/" data-wpel-link="internal"> <h3 class="FeatureHeading__title">ITリテラシー</h3> </a> </div> <div class="FeatureItemList normalShadow"> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/it%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e7%94%a8%e8%aa%9e%e8%a7%a3%e8%aa%ac" data-wpel-link="internal">ITに関する用語解説</a> </li> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e7%9f%a5%e3%81%a3%e3%81%a6%e3%81%8a%e3%81%8d%e3%81%9f%e3%81%84web%e3%81%ae%e7%9f%a5%e8%ad%98" data-wpel-link="internal">知っておきたいWebの知識</a> </li> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e8%a9%b1%e9%a1%8c%e3%81%aeit%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9" data-wpel-link="internal">話題のITニュース</a> </li> </div> </article> <article class="Feature"> <div class="FeatureHeading" style="background-image: url('https://tech-camp.in/note/wp-content/uploads/2024/07/features_img03.webp');"> <a href="/note/feature/プログラミング/" data-wpel-link="internal"> <h3 class="FeatureHeading__title">プログラミング</h3> </a> </div> <div class="FeatureItemList normalShadow"> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e7%8b%ac%e5%ad%a6%e3%81%a7%e6%8c%ab%e6%8a%98%e3%81%97%e3%81%9f%e3%81%8f%e3%81%aa%e3%81%84" data-wpel-link="internal">プログラミング独学で挫折したくない</a> </li> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e3%81%8a%e3%81%99%e3%81%99%e3%82%81%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e8%a8%80%e8%aa%9e%e3%82%92%e7%b4%b9%e4%bb%8b" data-wpel-link="internal">おすすめのプログラミング言語を紹介</a> </li> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e5%ad%90%e3%81%a9%e3%82%82%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e6%95%99%e8%82%b2" data-wpel-link="internal">子どものプログラミング教育</a> </li> </div> </article> <article class="Feature"> <div class="FeatureHeading" style="background-image: url('https://tech-camp.in/note/wp-content/uploads/2024/07/features_img04.webp');"> <a href="/note/feature/在宅ワーク/" data-wpel-link="internal"> <h3 class="FeatureHeading__title">在宅ワーク</h3> </a> </div> <div class="FeatureItemList normalShadow"> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%ae%e5%9c%a8%e5%ae%85%e3%83%af%e3%83%bc%e3%82%af" data-wpel-link="internal">初めての在宅ワーク</a> </li> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e8%87%aa%e5%88%86%e3%81%ae%e5%8a%9b%e3%81%a7%e7%a8%bc%e3%81%8e%e3%81%9f%e3%81%84" data-wpel-link="internal">自分の力で稼ぎたい</a> </li> <li class="FeatureItem"> <a class="FeatureItem__link" href="https://tech-camp.in/note/feature/%e5%9c%a8%e5%ae%85%e3%83%af%e3%83%bc%e3%82%af%e3%82%92%e4%bb%8a%e3%81%99%e3%81%90%e5%a7%8b%e3%82%81%e3%81%9f%e3%81%84" data-wpel-link="internal">在宅ワークを今すぐ始めたい</a> </li> </div> </article> <div class="Step__footer flex flexEnd" style="width: 100%; margin: 1rem 0 2rem;"> <a href="https://tech-camp.in/note/feature/" data-wpel-link="internal">特集一覧をみる</a> </div> </div> <!-- <div class="MainBanner normalShadow"></div> --> <div class="LargeArticleList normalShadow"> <h2 class="LargeArticleList__title">キャリアチェンジ成功者インタビュー</h2> <div class="ArticleItemList"> <ul> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/themes/technote/article_sample1.0fa8c55a.png" alt=""> --> <img width="300" height="185" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2019/07/IMG_0710_Fotor_EC-300x185.jpg" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/2019/07/IMG_0710_Fotor_EC-300x185.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2019/07/IMG_0710_Fotor_EC-768x475.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2019/07/IMG_0710_Fotor_EC-1024x633.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="185" src="https://tech-camp.in/note/wp-content/uploads/2019/07/IMG_0710_Fotor_EC-300x185.jpg" class="ArticleItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/2019/07/IMG_0710_Fotor_EC-300x185.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2019/07/IMG_0710_Fotor_EC-768x475.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2019/07/IMG_0710_Fotor_EC-1024x633.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/interviews/69405/" data-wpel-link="internal">「未経験エンジニアの採用への不安」を安心へと変えたテックキャンプ卒業生の実力とは?</a> </h3> </article> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/themes/technote/article_sample1.0fa8c55a.png" alt=""> --> <img width="300" height="200" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920-300x200.jpg" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920-768x512.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920-1024x682.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="200" src="https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920-300x200.jpg" class="ArticleItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920-768x512.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920-1024x682.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/2023/04/coding-g1c39d754d_1920.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/interviews_ex/112370/" data-wpel-link="internal">「同じ目標で学ぶ仲間から刺激を受けた」30代の挑戦、教員からエンジニアへ</a> </h3> </article> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/themes/technote/article_sample1.0fa8c55a.png" alt=""> --> <img width="300" height="225" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967-300x225.jpg" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967-300x225.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967-768x576.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967-1024x768.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="225" src="https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967-300x225.jpg" class="ArticleItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967-300x225.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967-768x576.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967-1024x768.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/2022/07/20220711233944967.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/interviews/110838/" data-wpel-link="internal">「私の年齢でも転職サポートを受けられる」未経験からITエンジニア転職を成功させた30代女性の事例</a> </h3> </article> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/themes/technote/article_sample1.0fa8c55a.png" alt=""> --> <img width="300" height="300" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-300x300.png" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-300x300.png 300w, https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-150x150.png 150w, https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-768x767.png 768w, https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-1024x1022.png 1024w, https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21.png 1164w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="300" src="https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-300x300.png" class="ArticleItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-300x300.png 300w, https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-150x150.png 150w, https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-768x767.png 768w, https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21-1024x1022.png 1024w, https://tech-camp.in/note/wp-content/uploads/2022/03/スクリーンショット-2022-03-28-11.42.21.png 1164w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/interviews_ex/109477/" data-wpel-link="internal">ホテルスタッフからITエンジニアへ!数学嫌いの30代女性の挑戦はなぜ成功した?</a> </h3> </article> <article class="ArticleItem flex"> <!-- <img class="ArticleItem__image" src="https://tech-camp.in/note/wp-content/themes/technote/article_sample1.0fa8c55a.png" alt=""> --> <img width="300" height="200" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/IMG_9622-300x200.jpg" class="lazy lazy-hidden ArticleItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/IMG_9622-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/IMG_9622-240x160.jpg 240w, https://tech-camp.in/note/wp-content/uploads/IMG_9622-1024x683.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/IMG_9622-304x203.jpg 304w, https://tech-camp.in/note/wp-content/uploads/IMG_9622-282x188.jpg 282w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="200" src="https://tech-camp.in/note/wp-content/uploads/IMG_9622-300x200.jpg" class="ArticleItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/IMG_9622-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/IMG_9622-240x160.jpg 240w, https://tech-camp.in/note/wp-content/uploads/IMG_9622-1024x683.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/IMG_9622-304x203.jpg 304w, https://tech-camp.in/note/wp-content/uploads/IMG_9622-282x188.jpg 282w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="ArticleItem__title"> <a href="https://tech-camp.in/note/interviews_ex/27234/" data-wpel-link="internal">企画提案もできるエンジニアへ!31歳4社経験の私が掴んだ新たなキャリア</a> </h3> </article> </ul> </div> <div class="LargeArticleList__footer flex flexEnd"> <a href="https://tech-camp.in/note/label/キャリアチェンジ成功者インタビュー/" data-wpel-link="internal">キャリアチェンジ成功者インタビュー一覧をみる</a> </div> </div> <div class="LargeArticleList normalShadow"> <h2 class="LargeArticleList__title LargeArticleList__title--noBorder">注目の人インタビュー</h2> <div class="InterviewItemList flex spaceBetween"> <article class="InterviewItem"> <a href="https://tech-camp.in/note/interviews/70090/" class="wrappedLink" data-wpel-link="internal"> <img width="300" height="193" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2019/09/ogawasan3-min-300x193.jpg" class="lazy lazy-hidden InterviewItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/2019/09/ogawasan3-min-300x193.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2019/09/ogawasan3-min-768x494.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2019/09/ogawasan3-min.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="193" src="https://tech-camp.in/note/wp-content/uploads/2019/09/ogawasan3-min-300x193.jpg" class="InterviewItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/2019/09/ogawasan3-min-300x193.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2019/09/ogawasan3-min-768x494.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2019/09/ogawasan3-min.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="InterviewItem__title"> 「プログラミングを10知らなくてもいいが0ではいけない」ジャパン建材社長が決意した1週間の自己研鑽 </h3> </a> </article> <article class="InterviewItem"> <a href="https://tech-camp.in/note/interviews/35103/" class="wrappedLink" data-wpel-link="internal"> <img width="300" height="200" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2017/12/iwasasan-300x200.jpg" class="lazy lazy-hidden InterviewItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/2017/12/iwasasan-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2017/12/iwasasan-768x512.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2017/12/iwasasan-1024x683.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="200" src="https://tech-camp.in/note/wp-content/uploads/2017/12/iwasasan-300x200.jpg" class="InterviewItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/2017/12/iwasasan-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2017/12/iwasasan-768x512.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2017/12/iwasasan-1024x683.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="InterviewItem__title"> Cerevo岩佐琢磨CEOが語る、10万人のライバルと競うことなくNo.1の人材になる方法 </h3> </a> </article> </div> <div class="LargeArticleList__footer flex flexEnd"> <a href="https://tech-camp.in/note/label/注目の人インタビュー/" data-wpel-link="internal">注目の人インタビュー一覧をみる</a> </div> </div> <div class="LargeArticleList normalShadow"> <h2 class="LargeArticleList__title LargeArticleList__title--noBorder">リーダー対談</h2> <div class="InterviewItemList flex spaceBetween"> <article class="InterviewItem"> <a href="https://tech-camp.in/note/interviews/41688/" class="wrappedLink" data-wpel-link="internal"> <img width="300" height="157" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-300x157.jpg" class="lazy lazy-hidden InterviewItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-300x157.jpg 300w, https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-305x160.jpg 305w, https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-1024x537.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-304x160.jpg 304w, https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-282x148.jpg 282w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="157" src="https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-300x157.jpg" class="InterviewItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-300x157.jpg 300w, https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-305x160.jpg 305w, https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-1024x537.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-304x160.jpg 304w, https://tech-camp.in/note/wp-content/uploads/tech-leaders_kakehashixmako-282x148.jpg 282w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="InterviewItem__title"> 【CEO対談】創業2年で9億円調達したカケハシCEO中尾氏に学ぶ「急成長する事業の作り方」 </h3> </a> </article> <article class="InterviewItem"> <a href="https://tech-camp.in/note/interviews/44639/" class="wrappedLink" data-wpel-link="internal"> <img width="300" height="169" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01-300x169.jpg" class="lazy lazy-hidden InterviewItem__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01-300x169.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01-768x434.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01-1024x578.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01.jpg 1109w" sizes="(max-width: 300px) 100vw, 300px" /><noscript><img width="300" height="169" src="https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01-300x169.jpg" class="InterviewItem__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01-300x169.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01-768x434.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01-1024x578.jpg 1024w, https://tech-camp.in/note/wp-content/uploads/2018/06/tl_01.jpg 1109w" sizes="(max-width: 300px) 100vw, 300px" /></noscript> <h3 class="InterviewItem__title"> 東証一部上場企業社長が“イナズマ”でプログラミングを学んだ理由 </h3> </a> </article> </div> <div class="LargeArticleList__footer flex flexEnd"> <a href="https://tech-camp.in/note/label/リーダー対談/" data-wpel-link="internal">リーダー対談一覧をみる</a> </div> </div> </div> <div class="Sidebar"> <div class="Introduction"> <p class="Introduction__title">運営サービス</p> <div class="Introduction__item"> <!-- <a href="https://tech-camp.in/expert/?argument=PZfPEMQq&amp;dmai=a5c9c6cdaea38c" class="wrappedLink" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img class="Introduction__item__image" src="https://tech-camp.in/note/wp-content/uploads/2019/04/tn_top_right_banner_exp.jpg" alt=""> <p class="Introduction__item__title normalShadow">フリーランスで働きたい、エンジニアとして転職したい方はこちら</p> </a> <a href="https://tech-camp.in/technology?argument=PZfPEMQq&amp;dmai=a5c9c6d68388e8" class="wrappedLink" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img class="Introduction__item__image" src="https://tech-camp.in/note/wp-content/uploads/2019/04/tn_top_right_banner_tc.jpg" alt=""> <p class="Introduction__item__title normalShadow">オリジナルサービスを開発したい、年収アップに役立つスキルがほしい方はこちら</p> </a> <a href="https://tech-camp.in/training?argument=PZfPEMQq&amp;dmai=a5c9c6f218940d" class="wrappedLink" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img class="Introduction__item__image" src="https://tech-camp.in/note/wp-content/uploads/2019/04/tn_top_right_banner_kensyu.jpg" alt=""> <p class="Introduction__item__title normalShadow">会社で何かテクノロジースキルを学びたいけどどうすればいいか悩んでいる、という企業担当者の方はこちら</p> </a> --> <a href="https://tech-camp.in/expert?utm_source=tcb&amp;utm_medium=scrollbanner&amp;utm_campaign=income&amp;utm_content=none" data-gtm-tcb="TCB_CLICK_sidebanner_default_exp_top" class="wrappedLink" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img class="Introduction__item__image" height="100" width="373" src="https://tech-camp.in/note/wp-content/uploads/2024/07/bnr_tcbside_expert.webp" alt=""> <p class="Introduction__item__title normalShadow" style="color: #6F6D6F;">未経験からエンジニア転職を目指す|テックキャンプ</p> </a> <a href="https://tech-camp.in/lps/skill_college?utm_source=tcb&amp;utm_medium=scrollbanner&amp;utm_campaign=income&amp;utm_content=none" data-gtm-tcb="TCB_CLICK_sidebanner_default_skcl_top" class="wrappedLink" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img class="Introduction__item__image" height="100" width="373" src="https://tech-camp.in/note/wp-content/uploads/2024/07/bnr_tcbside_technology.webp" alt=""> <p class="Introduction__item__title normalShadow" style="color: #6F6D6F;">月1万円からIT副業や転職を目指す |スキルカレッジ</p> </a> <a href="https://tech-camp.in/training?utm_source=tcb&amp;utm_medium=scrollbanner&amp;utm_campaign=training&amp;utm_content=none" data-gtm-tcb="TCB_CLICK_sidebanner_default_training_top" class="wrappedLink" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img class="Introduction__item__image" height="100" width="373" src="https://tech-camp.in/note/wp-content/uploads/2024/07/bnr_1280x344_training_right.webp" alt=""> <p class="Introduction__item__title normalShadow" style="color: #6F6D6F;">企業のDX人材を育成 |法人研修サービス</p> </a> <a href="https://tech-camp.in/lps/highschool?utm_source=tcb&amp;utm_medium=referral&amp;utm_campaign=sidebanner" data-gtm-tcb="TCB_CLICK_sidebanner_default_hs_top" class="wrappedLink" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img class="Introduction__item__image" height="100" width="373" src="https://tech-camp.in/note/wp-content/uploads/2024/09/bunner_1280×344.png" alt=""> <p class="Introduction__item__title normalShadow" style="color: #6F6D6F;">高校生向けプログラミングスクール |テックキャンプ高等学院</p> </a> </div> </div> <div class="SideBanner"></div> <!-- <div class="SideBanner normalShadow"> <a href="https://www.wantedly.com/companies/div" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img src="https://tech-camp.in/note/wp-content/uploads/2019/04/tn_right_スタッフ募集.jpg" alt="スタッフ募集" width="100%"> </a> </div> --> <div class="SideArticleList normalShadow"> <p class="SideArticleList__title">スタッフインタビュー</p> <div class="SideInterviewList"> <article class="SideInterviewList__item"> <a href="https://tech-camp.in/note/interviews/91242/" class="wrappedLink" data-wpel-link="internal"> <img width="900" height="600" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2020/07/tc_ope_fujii05-e1623111874814.jpg" class="lazy lazy-hidden SideInterviewList__item__image wp-post-image" alt="" /><noscript><img width="900" height="600" src="https://tech-camp.in/note/wp-content/uploads/2020/07/tc_ope_fujii05-e1623111874814.jpg" class="SideInterviewList__item__image wp-post-image" alt="" /></noscript> <p class="SideInterviewList__item__title">教室受講と同じ満足度を実現 テックキャンプのスタッフが支える「やりきれる環境」はオンライン受講でも変わらない</p> </a> </article> <article class="SideInterviewList__item"> <a href="https://tech-camp.in/note/interviews/98684/" class="wrappedLink" data-wpel-link="internal"> <img width="1571" height="1047" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01.jpg" class="lazy lazy-hidden SideInterviewList__item__image wp-post-image" alt="" srcset="" data-srcset="https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01.jpg 1571w, https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01-768x512.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01-1024x682.jpg 1024w" sizes="(max-width: 1571px) 100vw, 1571px" /><noscript><img width="1571" height="1047" src="https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01.jpg" class="SideInterviewList__item__image wp-post-image" alt="" srcset="https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01.jpg 1571w, https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01-300x200.jpg 300w, https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01-768x512.jpg 768w, https://tech-camp.in/note/wp-content/uploads/2021/02/lifecoach_katafuchi01-1024x682.jpg 1024w" sizes="(max-width: 1571px) 100vw, 1571px" /></noscript> <p class="SideInterviewList__item__title">「没頭が圧倒的な成長を生む」ライフコーチが語る挫折しないプログラミング学習のコツとは</p> </a> </article> <article class="SideInterviewList__item"> <a href="https://tech-camp.in/note/interviews/93163/" class="wrappedLink" data-wpel-link="internal"> <img width="1001" height="667" src="//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://tech-camp.in/note/wp-content/uploads/2020/09/tc_exp_abe01-e1622608250368.jpg" class="lazy lazy-hidden SideInterviewList__item__image wp-post-image" alt="" /><noscript><img width="1001" height="667" src="https://tech-camp.in/note/wp-content/uploads/2020/09/tc_exp_abe01-e1622608250368.jpg" class="SideInterviewList__item__image wp-post-image" alt="" /></noscript> <p class="SideInterviewList__item__title">オンライン学習でもエンジニアに転職できる わかりやすさと圧倒的な知識の定着を実現したカリキュラムの裏側に迫る</p> </a> </article> <div class="LargeArticleList__footer flex flexEnd" style="padding: 15px"> <a href="https://tech-camp.in/note/label/%E3%82%B9%E3%82%BF%E3%83%83%E3%83%95%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%93%E3%83%A5%E3%83%BC/" data-wpel-link="internal">スタッフインタビューの一覧をみる</a> </div> </div> </div> <div class="normalShadow" style="position: sticky; top: 50px; margin-bottom: 40px"> <a href="https://www.youtube.com/@TechCampChannel?utm_source=tcb&amp;utm_medium=scrollbanner&amp;utm_campaign=youtube_top&amp;utm_content=none" data-gtm-tcb="TCB_CLICK_scrollbanner_default_techcamp_youtube" target="_blank" style="margin-bottom: 10px; display: inline-block" data-wpel-link="external" rel="external noopener noreferrer"> <img class="Introduction__item__image" src="https://tech-camp.in/note/wp-content/uploads/2024/07/bnr_blog_1140X755_231214.webp" width="373" height="312" alt=""> <!-- <p class="Introduction__item__title normalShadow" style="color: #6F6D6F;"></p> --> </a> </div> <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sticky/1.0.4/jquery.sticky.min.js"></script> <script> $(function(){ $(".sticker").sticky({ topSpacing: 100, center:true, className:"hey" }); // $('.toc_list').hide(); // $('.toc_title').html('この記事の目次 <span style="font-size: 12px; color: #595959">[開く]</span>'); $('.toc_title').html('この記事の目次 <span style="font-size: 12px; color: #595959">[閉じる]</span>'); $('.toc_title').on('click', function(){ if($('.toc_list').css('display') == 'none'){ $(this).html('この記事の目次 <span style="font-size: 12px; color: #595959">[閉じる]</span>'); $('.toc_list').slideDown(); } else { $(this).html('この記事の目次 <span style="font-size: 12px; color: #595959">[開く]</span>'); $('.toc_list').slideUp(); } }); }); </script> --> <!-- <div class="SideSocial normalShadow">social buttons</div> --> </div> </div> </div> </main> <div class="services-section sp-column consumer-services-section"> <div class="services-section-bar"> <div class="services-section-bar-logo"><img src="https://tech-camp.in/note/wp-content/themes/technote/techcamp_logo.png" alt="" width="250px"></div> <p class="bold"><span class="hide-sp">あなたの</span>理想のキャリアに合わせた<span class="hide-sp">、テックキャンプの</span>2つのサービス </p> </div> <ul class="services-list flex-box-row"> <li class="services-item services-item-engineer"> <a class="services-item-inner" href="https://tech-camp.in/expert" data-gtm-tcb="TCB_CLICK_pc_footer_default_exp_top" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"> <div class="services-item-image"></div> <div class="services-item-description"> <div class="services-item-description-content"> <div class="services-item-description-logo"> <img class="services-item-description-logo services-item-description-expert" src="https://tech-camp.in/assets/expert/new_top/main-logo-c45c41f37b6a4f4caae7bc1c2c10fb95.svg" alt="Engineer logo fill 02"> </div> <p class="services-item-description-title bold margin-0"> エンジニアになりたい方 </p> </div> <div class="services-item-description-btn bold btn">詳細はこちら</div> </div> </a> </li> <li class="services-item services-item-programming"> <a class="services-item-inner" href="https://tech-camp.in/lps/skill_college" data-gtm-tcb="TCB_CLICK_pc_footer_default_tc_top" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"> <div class="services-item-image"></div> <div class="services-item-description"> <div class="services-item-description-content"> <div class="services-item-description-logo"> <img class="services-item-description-logo" src="https://tech-camp.in/note/wp-content/uploads/2024/09/skillcollege-logo-fill.png" alt="Programming logo fill 02"> </div> <p class="services-item-description-title bold margin-0"> 月1万円からIT副業や転職を目指したい方 </p> </div> <div class="services-item-description-btn bold btn">詳細はこちら</div> </div> </a> </li> <!-- <li class="services-item services-item-designer"> <a class="services-item-inner" href="https://tech-camp.in/expert/designer/top" data-gtm-tcb="TCB_CLICK_pc_footer_default_desiner_top" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"> <div class="services-item-image"></div> <div class="services-item-description"> <div class="services-item-description-content"> <div class="services-item-description-logo"> <img class="services-item-description-logo" src="/assets/school/top-images/designer-logo-fill-02-f5d1848852c402614cdd84387b798c02.png" alt="Designer logo fill 02"> </div> <p class="services-item-description-title bold margin-0"> デザイナーになりたい方 </p> </div> <div class="services-item-description-btn bold btn">詳細はこちら</div> </div> </a> </li> --> </ul> </div> <style> .techcamp_link { display: none; position: absolute; right: 50px; top: 12px; } .services-section { width: 1130px; margin: 0 auto 2.5rem; } .services-section .services-section-bar { padding: 20px 15px; color: #fff; text-align: center } .services-section-bar-logo { padding:10px 0 30px; } .services-section .services-section-bar p { letter-spacing: .1rem; font-size: 1.2rem; margin: 0; font-weight: bold; } .services-section .services-list { border-bottom: 1px solid #ddd } .services-section .services-list .services-item { width: 100%; background-color: #fff; text-align: center; box-sizing: border-box } .services-section .services-list .services-item+.services-item .services-item-description { border-left: 1px solid #ddd } .services-section .services-list .services-item .services-item-inner { display: block } .services-section .services-list .services-item .services-item-inner:hover { opacity: .7 } .services-section .services-list .services-item .services-item-image { height: 350px; background-size: cover; position: relative } .services-section .services-list .services-item .services-item-image .campaign-batch { position: absolute; width: 100%; max-width: calc(460 / 1200 * 100%); min-width: calc(400 / 1000 * 100%); bottom: 10px; right: 0 } .services-section .services-list .services-item .services-item-image .campaign-batch img { width: 100% } .services-section .services-list .services-item .services-item-image.promotion-added { position: relative } .services-section .services-list .services-item .services-item-image.promotion-added::after { content: ''; display: inline-block; width: 200px; height: 130px; background-image: url(/assets/school/top-images/promotion-added-0ba30f1940ad4ae4c06d2f5cd9dc5394.png); background-size: cover; background-repeat: no-repeat; vertical-align: middle; position: absolute; top: 30px; right: 30px } .flex-box-row { display: flex; flex-direction: row; } @media screen and (min-width: 1000px) and (max-width: 1150px) { .services-section .services-list .services-item .services-item-image.promotion-added::after { content: ''; width: 180px; height: 110px; right: 25px } } .services-section .services-list .services-item .services-item-description { padding: 30px } .services-section .services-list .services-item .services-item-description-logo img { display: block; height: 44px; margin: -20px auto 0 } img.services-item-description-logo.services-item-description-expert { padding: 12px 0!important; } .services-section .services-list .services-item .services-item-description-title { font-size: 1.3rem; color: black; } .services-section .services-list .services-item .services-item-description-btn { position: relative; margin-top: 20px; padding: 0 80px; line-height: 44px; color: #fff; background-color: #fff; border-radius: 22px } .services-section .services-list .services-item .services-item-description-btn:after { content: ''; display: block; position: absolute; top: 0; right: 40px; bottom: 0; width: 15px; height: 15px; margin: auto; background-image: url(/assets/school/top-images/arrow-right-white-0f69e01e970d9beb98e56c6f86361cba.png); background-position: center; background-size: cover; background-repeat: no-repeat; transition: right .2s } .services-section .services-list .services-item .services-item-inner:hover .services-item-description-btn:after { right: 30px } .consumer-services-section .services-section-bar { background-color: #323232 } .business-services-section .services-section-bar { background-color: #007972 } .services-section .services-list .services-item-engineer .services-item-image { background-image: url(https://tech-camp.in/note/wp-content/uploads/2024/07/firstview-engineer-d95aeb290d5d04e34ce20d6fdf3ff8a5.webp); background-position: center } .services-section .services-list .services-item-programming .services-item-image { background-image: url(https://tech-camp.in/note/wp-content/uploads/2024/07/firstview-kyoyo.webp); background-position: center } .services-section .services-list .services-item-designer .services-item-image { background-image: url(/assets/school/top-images/firstview-design-751944026e720e4a8b1a777422a70de6.jpg); background-position: center } .services-section .services-list .services-item-recruitment .services-item-image { background-image: url(/assets/school/top-images/firstview-recruitment-3134d750642189a520dec9ef6ead32e4.jpg) } .services-section .services-list .services-item-training .services-item-image { background-image: url(/assets/school/top-images/firstview-training-e15bc18a4ccf2517cf5e10a9566e7676.jpg) } .services-section .services-list .services-item-engineer .services-item-description-btn { background-color: #11376b } .services-section .services-list .services-item-programming .services-item-description-btn { background-color: #a93032 } .services-section .services-list .services-item-designer .services-item-description-btn { background-color: #11376b } .business-services-section .services-list .services-item .services-item-description-btn { background-color: #007972 } @media screen and (max-width: 1179px) { .services-section { display: none; } .services-section .services-section-bar { padding: 20px 15px } .services-section .services-section-bar p { letter-spacing: .1rem; font-size: 1.2rem } .services-section .services-list .services-item .services-item-description { padding: 30px 20px } .services-section .services-list .services-item .services-item-description-title { font-size: 1.3rem } } @media screen and (max-width: 1000px) { .services-section .services-section-bar { padding: 15px 10px } .services-section .services-section-bar p { font-size: 1.1rem } .services-section .services-list .services-item .services-item-description { padding: 30px 15px } .services-section .services-list .services-item .services-item-image { height: 220px } .services-section .services-list .services-item .services-item-image.promotion-added { position: relative } .services-section .services-list .services-item .services-item-image.promotion-added::after { content: ''; display: inline-block; width: 90px; height: 70px; background-image: url(/assets/school/top-images/promotion-added-0ba30f1940ad4ae4c06d2f5cd9dc5394.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; position: absolute; top: 0px; right: 0px } .services-section .services-list .services-item .services-item-description-logo img { height: 32px } .services-section .services-list .services-item .services-item-description-title { font-size: 1rem; margin: 0 } .services-section .services-list .services-item .services-item-description-btn { max-width: 100%; margin-top: 15px; padding: 0 60px } .services-section .services-list .services-item .services-item-description-btn:after { right: 30px } .services-section .services-list .services-item .services-item-inner:hover .services-item-description-btn:after { right: 20px } } @media screen and (max-width: 767px) { .services-section .services-section-bar { padding: 10px } .services-section .services-section-bar p { letter-spacing: 0rem; font-size: .9rem } .services-section.sp-column .services-list { flex-direction: column } .services-section.sp-column .services-list .services-item { width: 100%; padding: 0 } .services-section.sp-column .services-list .services-item+.services-item { border-top: 1px solid #ddd } .services-section.sp-column .services-list .services-item .services-item-inner { display: flex } .services-section.sp-column .services-list .services-item .services-item-image { width: 80px; height: 80px; background-position: bottom } .services-section.sp-column .services-list .services-item .services-item-image .campaign-batch { max-width: 80%; bottom: 0; right: 0 } .services-section.sp-column .services-list .services-item .services-item-image.promotion-added { position: relative } .services-section.sp-column .services-list .services-item .services-item-image.promotion-added::after { content: ''; display: inline-block; width: 200px; height: 130px; background-image: url(/assets/school/top-images/promotion-added-0ba30f1940ad4ae4c06d2f5cd9dc5394.png); background-size: cover; background-repeat: no-repeat; vertical-align: middle; position: absolute; top: 30px; right: 30px } .services-section.sp-column .services-list .services-item .services-item-description { display: flex; width: calc(100% - 80px); padding: 5px 10px; border: none; justify-content: space-between; align-items: center; box-sizing: border-box } .services-section.sp-column .services-list .services-item .services-item-description-content { width: calc(100% - 130px); text-align: left } .services-section.sp-column .services-list .services-item .services-item-description-logo img { height: 26px; margin: 0 0 -3px -10px } .services-section.sp-column .services-list .services-item .services-item-description-title { line-height: 1.2; font-size: 1rem } .services-section.sp-column .services-list .services-item .services-item-description-title .show-sp { display: none } .services-section.sp-column .services-list .services-item .services-item-description-btn { width: 120px; margin: 0; padding: 0; line-height: 36px; font-size: 0.7rem; border-radius: 18px } .services-section.sp-column .services-list .services-item .services-item-description-btn:after { right: 10px; width: 10px; height: 10px } .services-section.sp-column .services-list .services-item .services-item-inner:hover .services-item-description-btn:after { right: 10px } .services-section.sp-row .services-list .services-item .services-item-image { height: 120px; background-position: bottom } .services-section.sp-row .services-list .services-item .services-item-description { padding: 10px } .services-section.sp-row .services-list .services-item .services-item-description-logo img { display: none; height: 44px; margin: -20px auto 0 } .services-section.sp-row .services-list .services-item .services-item-description-title { line-height: 1.2; font-size: .7rem } .services-section.sp-row .services-list .services-item .services-item-description-btn { width: 100%; margin-top: 10px; padding: 0; line-height: 32px; font-size: .7rem; border-radius: 16px } .services-section.sp-row .services-list .services-item .services-item-description-btn:after { right: 7px; width: 10px; height: 10px } .services-section.sp-row .services-list .services-item .services-item-inner:hover .services-item-description-btn:after { right: 7px } .services-section .services-list .services-item-designer .services-item-image { background-image: url(/assets/school/top-images/firstview-design-sp-8119546f768e8c16710ba3767d32f50e.jpg) } .services-section .services-list .services-item-recruitment .services-item-image { background-image: url(/assets/school/top-images/firstview-recruitment-sp-7d8fbcd89808cccd3fddba00585a27ac.jpg) } .services-section .services-list .services-item-training .services-item-image { background-image: url(/assets/school/top-images/firstview-training-sp-04af8cb45ab360cf7633266e2c070fd8.jpg) } } @media screen and (max-width: 320px) { .services-section.sp-column .services-list .services-item .services-item-image { width: 70px; height: 70px } .services-section.sp-column .services-list .services-item .services-item-description { width: calc(100% - 70px); padding: 5px 8px } .services-section.sp-column .services-list .services-item .services-item-description-content { width: calc(100% - 105px) } .services-section.sp-column .services-list .services-item .services-item-description-logo img { height: 25px; margin: 0 0 -4px -7px } .services-section.sp-column .services-list .services-item .services-item-description-btn { width: 100px; line-height: 32px; font-size: 0.6rem; border-radius: 16px } .services-section.sp-column .services-list .services-item .services-item-description-btn:after { right: 7px; width: 8px; height: 8px } .services-section.sp-column .services-list .services-item .services-item-inner:hover .services-item-description-btn:after { right: 7px } .services-section.sp-row .services-list .services-item .services-item-description { padding: 10px 5px } .services-section.sp-row .services-list .services-item .services-item-description-title { font-size: .7rem } .services-section.sp-row .services-list .services-item .services-item-description-btn { line-height: 30px; font-size: .6rem; border-radius: 15px } .services-section.sp-row .services-list .services-item .services-item-description-btn:after { width: 8px; height: 8px } } </style> <footer class="GlobalFooter flex center"> <div class="container flex wrap" style="padding: 4rem 0;"> <ul class="GlobalFooter__items flex spaceBetween"> <li class="FooterItemListWrapper"> <p class="FooterItemListWrapper__title">カテゴリー</p> <ul class="FooterItemList"> <li class="FooterItem"> <a href="https://tech-camp.in/note/category/careerchange/" class="FooterItem__link" data-wpel-link="internal">転職</a> </li> <li class="FooterItem"> <a href="https://tech-camp.in/note/category/technology/" class="FooterItem__link" data-wpel-link="internal">テクノロジー</a> </li> <li class="FooterItem"> <a href="https://tech-camp.in/note/category/interviews/" class="FooterItem__link" data-wpel-link="internal">インタビュー</a> </li> <li class="FooterItem"> <a href="https://tech-camp.in/note/category/interviews_ex/" class="FooterItem__link" data-wpel-link="internal">未経験からのエンジニア転職者</a> </li> <li class="FooterItem"> <a href="https://tech-camp.in/note/label/recruitment/" class="FooterItem__link" data-wpel-link="internal">エンジニア採用(法人向け)</a> </li> <li class="FooterItem"> <a href="https://tech-camp.in/note/category/management/" class="FooterItem__link" data-wpel-link="internal">マネジメント</a> </li> <li class="FooterItem"> <a href="https://tech-camp.in/note/category/pickup/" class="FooterItem__link" data-wpel-link="internal">ピックアップ</a> </li> </ul> </li> <li class="FooterItemListWrapper"> <p class="FooterItemListWrapper__title">運営サービス</p> <ul class="FooterItemList"> <li class="FooterItem"> <a href="https://tech-camp.in/expert/" target="_blank" class="FooterItem__link" data-gtm-tcb="TCB_CLICK_footer_default_exp_top" data-wpel-link="external" rel="external noopener noreferrer">テックキャンプ</a> </li> <li class="FooterItem"> <a href="https://tech-camp.in/lps/skill_college" target="_blank" class="FooterItem__link" data-gtm-tcb="TCB_CLICK_footer_default_tc_top" data-wpel-link="external" rel="external noopener noreferrer">テックキャンプ スキルカレッジ</a> </li> <!-- <li class="FooterItem"> <a href="https://tech-camp.in/expert/designer/top/" target="_blank" class="FooterItem__link" data-gtm-tcb="TCB_CLICK_footer_default_desiner_top" data-wpel-link="external" rel="external noopener noreferrer">テックキャンプ デザイナー転職</a> </li> --> <li class="FooterItem"> <a href="https://tech-camp.in/training/" target="_blank" class="FooterItem__link" data-gtm-tcb="TCB_CLICK_footer_default_houjin_top" data-wpel-link="external" rel="external noopener noreferrer">テックキャンプ 法人研修サービス</a> </li> <li class="FooterItem"> <a href="https://tech-camp.in/recruitment/" target="_blank" class="FooterItem__link" data-gtm-tcb="TCB_CLICK_footer_default_jinzai_top" data-wpel-link="external" rel="external noopener noreferrer">テックキャンプ 人材紹介サービス</a> </li> </ul> <p style="margin-top:20px;" class="FooterItemListWrapper__title">公式SNS</p> <ul class="FooterItemList"> <li class="FooterItem"> <a href="https://twitter.com/techcamp_study" target="_blank" class="FooterItem__link" data-gtm-tcb="TCB_CLICK_footer_default_exp_top" data-wpel-link="external" rel="external noopener noreferrer"> <img style="max-width:20px; margin-right:4px;" src="https://static.tech-camp.in/images/twitter.svg" alt=""> X(旧Twitter) </a> </li> <li class="FooterItem"> <a href="https://www.youtube.com/@TechCampChannel?utm_source=tcb&amp;utm_medium=footer&amp;utm_campaign=youtube_top&amp;utm_content=none" target="_blank" class="FooterItem__link" data-gtm-tcb="TCB_CLICK_footer_default_tc_top" data-wpel-link="external" rel="external noopener noreferrer"> <img style="max-width:20px; margin-right:4px;" src="https://static.tech-camp.in/images/youtube.svg" alt=""> YouTube </a> </li> </ul> </li> <li class="FooterItemListWrapper" style="text-align: center"> <img src="https://tech-camp.in/note/wp-content/uploads/2020/04/blog-logo.png" alt="テックキャンプ ブログ" class="Logo__image"><br> </li> </ul> <p class="Disclaimer" style="text-align: center">[ 免責事項 ] 記事で紹介している情報は更新時・公開時のものです。特にスクールやサービスの最新情報は、必ずその公式サイトをご確認ください。</p> <p class="Copyright" style="color:#403d41;">©<a href="https://di-v.co.jp/" target="_blank" data-wpel-link="external" rel="external noopener noreferrer">div, Inc.</a> All Rights Reserved.</p> </div> </footer> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","width":"Auto"}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-camp.in/note/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2106'></script> <script type='text/javascript'> /* <![CDATA[ */ var a3_lazyload_params = {"apply_images":"1","apply_videos":"1"}; /* ]]> */ </script> <script type='text/javascript' src='//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extra.min.js?ver=1.9.2'></script> <script type='text/javascript' src='//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.srcset.min.js?ver=1.9.2'></script> <script type='text/javascript'> /* <![CDATA[ */ var a3_lazyload_extend_params = {"edgeY":"400"}; /* ]]> */ </script> <script type='text/javascript' src='//tech-camp.in/note/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extend.js?ver=1.9.2'></script> <script type='text/javascript' src='https://tech-camp.in/note/wp-includes/js/wp-embed.min.js?ver=5.1.1'></script> <script src="https://stpatonastaticdev.blob.core.windows.net/public/LINE/tcb9er/ldaghs.js"></script> <script src="https://tech-camp.in/note/wp-content/themes/technote/javascripts.js"></script> <style type="text/css"> .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { width: 30px!important; } </style> <IMG SRC="https://ad.doubleclick.net/ddm/trackimp/N1331255.3908078/B24542752.283576682;dc_trk_aid=477421997;dc_trk_cid=138521547;ord=[timestamp];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755}?" BORDER="0" HEIGHT="1" WIDTH="1" ALT="Advertisement"> <a href="" id="topBtn" class="fixedBtn" data-wpel-link="internal"><img src="https://icongr.am/clarity/caret.svg?size=128&color=000000" width="30" alt=""></a> <div id="toc-modal" class="modal"> <div class="modal-content"> <span class="close">&times;</span> <div id="toc-list"> <p class="title">この記事の目次</p> <li><a href="#i" data-wpel-link="internal"><span class="toc_number toc_depth_1">1</span> プログラミングスクールが無駄と言われる理由</a><ul><li><a href="#i-2" data-wpel-link="internal"><span class="toc_number toc_depth_2">1.1</span> 受講料が高額で、回収できる保証がない</a></li><li><a href="#i-3" data-wpel-link="internal"><span class="toc_number toc_depth_2">1.2</span> プログラミングは独学でも習得可能</a></li><li><a href="#i-4" data-wpel-link="internal"><span class="toc_number toc_depth_2">1.3</span> 転職サポートが期待外れになることも</a></li><li><a href="#i-5" data-wpel-link="internal"><span class="toc_number toc_depth_2">1.4</span> 挫折してしまう</a></li></ul></li><li><a href="#_vs" data-wpel-link="internal"><span class="toc_number toc_depth_1">2</span> 独学 vs. スクール、どちらがベスト?</a><ul><li><a href="#i-6" data-wpel-link="internal"><span class="toc_number toc_depth_2">2.1</span> 独学が向いている人</a></li><li><a href="#i-7" data-wpel-link="internal"><span class="toc_number toc_depth_2">2.2</span> スクールが向いている人</a></li></ul></li><li><a href="#i-8" data-wpel-link="internal"><span class="toc_number toc_depth_1">3</span> 無駄にしないためのスクール活用法</a><ul><li><a href="#i-9" data-wpel-link="internal"><span class="toc_number toc_depth_2">3.1</span> 明確な目標を持つ</a></li><li><a href="#i-10" data-wpel-link="internal"><span class="toc_number toc_depth_2">3.2</span> スクールの選び方を慎重に</a></li><li><a href="#i-11" data-wpel-link="internal"><span class="toc_number toc_depth_2">3.3</span> 実践的なスキルを意識する</a></li><li><a href="#i-12" data-wpel-link="internal"><span class="toc_number toc_depth_2">3.4</span> 能動的に学ぶ姿勢を持つ</a></li><li><a href="#i-13" data-wpel-link="internal"><span class="toc_number toc_depth_2">3.5</span> 卒業後のキャリアパスを見据える</a></li></ul></li><li><a href="#5" data-wpel-link="internal"><span class="toc_number toc_depth_1">4</span> おすすめのプログラミングスクール5選</a><ul><li><a href="#1" data-wpel-link="internal"><span class="toc_number toc_depth_2">4.1</span> 1. テックキャンプ</a></li><li><a href="#2_RUNTEQ" data-wpel-link="internal"><span class="toc_number toc_depth_2">4.2</span> 2. RUNTEQ(ランテック)</a></li><li><a href="#3_DMM_WEBCAMP" data-wpel-link="internal"><span class="toc_number toc_depth_2">4.3</span> 3. DMM WEBCAMP</a></li><li><a href="#4" data-wpel-link="internal"><span class="toc_number toc_depth_2">4.4</span> 4. テックアカデミー</a></li><li><a href="#5_COACHTECH" data-wpel-link="internal"><span class="toc_number toc_depth_2">4.5</span> 5. COACHTECH(コーチテック)</a></li></ul></li><li><a href="#i-14" data-wpel-link="internal"><span class="toc_number toc_depth_1">5</span> スクール卒業後のキャリアパス</a></li><li><a href="#i-15" data-wpel-link="internal"><span class="toc_number toc_depth_1">6</span> まとめ:スクール選びが成否を決める</a><ul><li><a href="#i-16" data-wpel-link="internal"><span class="toc_number toc_depth_2">6.1</span> スクール選びのポイント</a></li></ul></li> </div> </div> </div> <style> .fixedBtn { position: fixed; right: 20px; cursor: pointer; color: #000; height: 50px; width: 50px; border-radius: 50px; display: inline-block; z-index: 999; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0 0 10px #ccc; padding: 10px; } #menuBtn { bottom: 170px; } #topBtn { bottom: 100px; } #toc-list { padding-top: 20px; } #toc-list ul { margin-top: 8px; } #toc-list .title { text-align: center; font-weight: bold; color: #403D41; margin-bottom: 24px; font-size: 1rem; } #toc-list li { margin: 16px 16px; } #toc-list li::marker { content: none; } #toc-list li > a { color: #6f6d6f; font-weight: 700; font-size: 14px; text-decoration: none; margin-bottom: 4px; } #toc-list li > a:hover { opacity: 0.6; } #toc-list li ul li > a { color: #6f6d6f; font-weight: 400; font-size: 14px; padding-left: 1.5rem; } #toc-list li ul li > a:hover { opacity: 0.6; } /* モーダルのスタイル */ .modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } .modal-content { background-color: #fefefe; margin: 10% auto 0; padding: 20px; border: 1px solid #888; max-width: 600px; /* モーダルの最大幅を設定 */ max-height: 70%; /* 最大高さを設定してスクロールを有効にする */ box-sizing: border-box; /* パディングとボーダーを含む */ overflow-y: auto; /* 縦方向にスクロールを有効にする */ position: relative; /* 閉じるボタンの位置を調整するため */ border-radius: 10px; } .close { color: #aaa; position: absolute; top: 10px; right: 20px; font-size: 28px; font-weight: bold; background: none; border: none; cursor: pointer; font-size: 50px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } #toc-modal #toc-np-container { background: none; border: none; } /* レスポンシブ対応 */ @media (max-width: 600px) { .modal-content { width: 95%; /* 小さい画面では幅を95%に */ margin: 20% auto 0; /* 上下のマージンを20%に */ max-height: 70%; /* 最大高さを設定してスクロールを有効にする */ } } </style> <script> $(document).ready(function () { $("#topBtn").hide(); $("#menuBtn").hide(); $(window).on("scroll", function () { if ($(this).scrollTop() > 100) { $("#topBtn").fadeIn("fast"); $("#menuBtn").fadeIn("fast"); } else { $("#topBtn").fadeOut("fast"); $("#menuBtn").fadeOut("fast"); } scrollHeight = $(document).height(); scrollPosition = $(window).height() + $(window).scrollTop(); footHeight = $("footer").innerHeight(); if (scrollHeight - scrollPosition <= footHeight) { $("#topBtn").css({ "position": "absolute", }); $("#menuBtn").css({ "position": "absolute", }); } else { $("#topBtn").css({ "position": "fixed", }); $("#menuBtn").css({ "position": "fixed", }); } }); // モーダルを開くボタン var tocButton = document.getElementById("menuBtn"); // モーダル var modal = document.getElementById("toc-modal"); // 閉じるボタン var span = document.getElementsByClassName("close")[0]; var tocLinks = document.querySelectorAll("#toc-list a"); // 目次内のリンクがクリックされたとき tocLinks.forEach(function(link) { link.onclick = function() { modal.style.display = "none"; } }); // ボタンがクリックされたとき tocButton.onclick = function() { modal.style.display = "block"; } // 閉じるボタンがクリックされたとき span.onclick = function() { modal.style.display = "none"; } // モーダルの外側がクリックされたとき window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } //スムーススクロール設定 $('#topBtn').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); //スムーススクロールの速度 return false; }); var index = Math.floor(Math.random()*2); $('.header-banner-link-ab-test').eq(index).show(); $('.header-banner-link-dummy').remove(); $('.bottom_banner_ab_test').eq(index).show(); $('.bottom-link-ab-test').eq(index).css('display', 'block'); $('.bottom-link-sp-ab-test').eq(index).css('display', 'block'); }); $(function(){ // $(".sticker").sticky({ topSpacing: 100, center:true, className:"hey" }); // $('.toc_list').hide(); // $('.toc_title').html('この記事の目次 <span style="font-size: 12px; color: #595959">[開く]</span>'); $('.toc_title').html('この記事の目次 <span style="font-size: 12px; color: #595959">[閉じる]</span>'); $('.toc_title').on('click', function(){ if($('.toc_list').css('display') == 'none'){ $(this).html('この記事の目次 <span style="font-size: 12px; color: #595959">[閉じる]</span>'); $('.toc_list').slideDown(); } else { $(this).html('この記事の目次 <span style="font-size: 12px; color: #595959">[開く]</span>'); $('.toc_list').slideUp(); } }); }); $(function(){ var is_closed = false; var CoHeight = $('body').height(); $(window).scroll(function(){ var Scrolly = $(window).scrollTop(); var percent = CoHeight / 100; var percentAll = Scrolly / percent; var percentFin = Math.round(percentAll); //小数点を四捨五入 if( percentFin > 100 ) percentFin = 100; if (percentFin >= 95 && !is_closed){ is_closed = true; var popup = document.getElementById('js-popup'); if(!popup) return; popup.classList.add('is-show'); var blackBg = document.getElementById('js-black-bg'); var closeBtn = document.getElementById('js-close-btn'); closePopUp(blackBg); closePopUp(closeBtn); function closePopUp(elem) { if(!elem) return; elem.addEventListener('click', function() { popup.classList.remove('is-show'); }) } } }) }) </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MNZXWTH');</script> <!-- End Google Tag Manager --></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10