<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>JetBrains | きいちログ</title>
	<atom:link href="https://wptech.kiichiro.work/tag/jetbrains/feed/" rel="self" type="application/rss+xml" />
	<link>https://wptech.kiichiro.work</link>
	<description>WordPressとかAWSとかPHPとか</description>
	<lastBuildDate>Fri, 09 Jun 2023 08:29:27 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>JetBrains GatewayでAmazon CodeCatalystに接続してリモート開発する方法</title>
		<link>https://wptech.kiichiro.work/32v7pgvsjx/</link>
		
		<dc:creator><![CDATA[むらおか]]></dc:creator>
		<pubDate>Fri, 09 Jun 2023 08:09:45 +0000</pubDate>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[AWS]]></category>
		<category><![CDATA[JetBrains]]></category>
		<guid isPermaLink="false">https://wptech.kiichiro.work/?p=1646</guid>

					<description><![CDATA[目次 概要手順JetBrains GatewayのインストールAWS Builder IDでログインする開発環境を作成する開発環境を削除する 概要 Amazon CodeCatalyst(以下、CodeCatalyst) [&#8230;]]]></description>
										<content:encoded><![CDATA[

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">概要</a></li><li><a href="#toc2" tabindex="0">手順</a><ol><li><a href="#toc3" tabindex="0">JetBrains Gatewayのインストール</a></li><li><a href="#toc4" tabindex="0">AWS Builder IDでログインする</a></li><li><a href="#toc5" tabindex="0">開発環境を作成する</a></li><li><a href="#toc6" tabindex="0">開発環境を削除する</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">概要</span></h2>



<p>Amazon CodeCatalyst(以下、CodeCatalyst)は、AWS re:invent 2022にて発表された開発にまつわる様々な管理ツールを統合したサービスです。現在はパブリックプレビュー版とのことで、us-west-2のみで使用できます。</p>



<p>JetBrains Gatewayはクラウド上に構成された開発環境に接続して、プロジェクト管理、開発、実行などをサポートするツールです。標準のプロバイダーとしてCodeCatalystが選択できるようになっています。また、ローカルでPhpStormなどのJetBrains製IDEを使用するのに比べて、JetBrains Gatewayでリモート環境で開発すると、かなりPCのメモリ使用量の削減が期待できます。</p>



<p>本稿では、JetBrains Gatewayを使ってCodeCatalystと連携した開発環境を構築する方法を記載していきます。</p>



<h2 class="wp-block-heading"><span id="toc2">手順</span></h2>



<p>JetBrains GatewayでCodeCatalystと連携するには、あらかじめCodeCatalystでリポジトリまで用意しておく必要があります (詳細な説明はここでは省略します)。</p>



<p>また、AWS Builder IDも必要となりますので、こちらもあらかじめ作成しておきましょう。</p>




<a rel="noopener" href="https://docs.aws.amazon.com/ja_jp/signin/latest/userguide/sign-in-aws_builder_id.html" title="&#12391;&#12469;&#12452;&#12531;&#12452;&#12531;&#12377;&#12427; AWS &#12499;&#12523;&#12480;&#12540; ID - AWS &#12469;&#12452;&#12531;&#12452;&#12531;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdocs.aws.amazon.com%2Fja_jp%2Fsignin%2Flatest%2Fuserguide%2Fsign-in-aws_builder_id.html?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#12391;&#12469;&#12452;&#12531;&#12452;&#12531;&#12377;&#12427; AWS &#12499;&#12523;&#12480;&#12540; ID - AWS &#12469;&#12452;&#12531;&#12452;&#12531;</div><div class="blogcard-snippet external-blogcard-snippet">の概要 AWS ビルダー ID と使用方法を説明します。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://docs.aws.amazon.com/ja_jp/signin/latest/userguide/sign-in-aws_builder_id.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">docs.aws.amazon.com</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc3">JetBrains Gatewayのインストール</span></h3>



<p>以下より、インストーラをダウンロードしてインストールします。</p>




<a rel="noopener" href="https://www.jetbrains.com/remote-development/gateway/#version20223" title="JetBrains Gateway - Remote Development for JetBrains IDEs" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://resources.jetbrains.com/storage/products/remote-development/img/meta/preview_gateway.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">JetBrains Gateway - Remote Development for JetBrains IDEs</div><div class="blogcard-snippet external-blogcard-snippet">Get started with remote development workflows from your favorite IDE in no time.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.jetbrains.com/remote-development/gateway/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.jetbrains.com</div></div></div></div></a>



<p>現在はベータ版のようでBETAの表記があります。</p>



<p>インストールが完了したらJetBrains Gatewayを起動しましょう。</p>



<h3 class="wp-block-heading"><span id="toc4">AWS Builder IDでログインする</span></h3>



<p>JetBrains Gatewayを起動すると、ConnectionsにAmazon CodeCatalystが表示されているのを確認できます。</p>



<p>「Login to AWS Builder ID」ボタンが表示されていますが、CodeCatalystへは、AWS Toolkit for JetBrainsを使用して接続するようですので、AWS Builder IDで認証する必要があります。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="856" src="https://wptech.kiichiro.work/wp-content/uploads/2023/06/4cf3ac70d31296bfc55d6a5bc683be06-1024x856.png" alt="" class="wp-image-1706" srcset="https://wptech.kiichiro.work/wp-content/uploads/2023/06/4cf3ac70d31296bfc55d6a5bc683be06-1024x856.png 1024w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/4cf3ac70d31296bfc55d6a5bc683be06-300x251.png 300w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/4cf3ac70d31296bfc55d6a5bc683be06-768x642.png 768w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/4cf3ac70d31296bfc55d6a5bc683be06-1536x1283.png 1536w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/4cf3ac70d31296bfc55d6a5bc683be06.png 1824w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ボタンを押下してBuilder IDでログインしましょう。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="856" src="https://wptech.kiichiro.work/wp-content/uploads/2023/06/234eb29f6be12611f6a3b46e36243b37-1024x856.png" alt="" class="wp-image-1705" srcset="https://wptech.kiichiro.work/wp-content/uploads/2023/06/234eb29f6be12611f6a3b46e36243b37-1024x856.png 1024w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/234eb29f6be12611f6a3b46e36243b37-300x251.png 300w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/234eb29f6be12611f6a3b46e36243b37-768x642.png 768w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/234eb29f6be12611f6a3b46e36243b37-1536x1283.png 1536w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/234eb29f6be12611f6a3b46e36243b37.png 1824w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ログインに成功すると、あらかじめCodeCatalystで作成しておいたProjectsが表示されます。</p>



<h3 class="wp-block-heading"><span id="toc5">開発環境を作成する</span></h3>



<p>次に、開発環境となるコンピューティングリソースを用意します。<br>「Create Dev Environment」を押下すると、開発環境のスペックなどの設定を行うことができます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="796" src="https://wptech.kiichiro.work/wp-content/uploads/2023/06/69f62b1e9a88b6f4e63b8158f3636ef0-1024x796.png" alt="開発環境として構築するコンピューティングリソースのスペックを選択できる" class="wp-image-1679" srcset="https://wptech.kiichiro.work/wp-content/uploads/2023/06/69f62b1e9a88b6f4e63b8158f3636ef0-1024x796.png 1024w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/69f62b1e9a88b6f4e63b8158f3636ef0-300x233.png 300w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/69f62b1e9a88b6f4e63b8158f3636ef0-768x597.png 768w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/69f62b1e9a88b6f4e63b8158f3636ef0-1536x1194.png 1536w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/69f62b1e9a88b6f4e63b8158f3636ef0.png 1598w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>JetBrains製IDEは現時点ではIntelliJ IDEA, GoLand, PyCharmのみのようです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="892" height="346" src="https://wptech.kiichiro.work/wp-content/uploads/2023/06/2ef8294ad8187fba7eb991eb82cb5087.png" alt="CodeCatalystで使用できるJetBrains製品はIntelliJ IDEA, GoLand, PyCharmの3つ" class="wp-image-1677" srcset="https://wptech.kiichiro.work/wp-content/uploads/2023/06/2ef8294ad8187fba7eb991eb82cb5087.png 892w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/2ef8294ad8187fba7eb991eb82cb5087-300x116.png 300w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/2ef8294ad8187fba7eb991eb82cb5087-768x298.png 768w" sizes="(max-width: 892px) 100vw, 892px" /></figure>



<p>今回はすべて初期値のまま、「Create Dev Environment」を押下します。<br>しばらく時間を置くとIntelliJ IDEAがダウンロードされ、JetBrains Clientが起動します。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="514" src="https://wptech.kiichiro.work/wp-content/uploads/2023/06/8a358764d217f2ed78531728cd7dc235-1024x514.png" alt="JetBrains Clientが起動する" class="wp-image-1689" srcset="https://wptech.kiichiro.work/wp-content/uploads/2023/06/8a358764d217f2ed78531728cd7dc235-1024x514.png 1024w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/8a358764d217f2ed78531728cd7dc235-300x150.png 300w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/8a358764d217f2ed78531728cd7dc235-768x385.png 768w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/8a358764d217f2ed78531728cd7dc235-1536x770.png 1536w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/8a358764d217f2ed78531728cd7dc235.png 2034w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>あらかじめ用意しておいたリポジトリからクローンできていることが確認できました。</p>



<h3 class="wp-block-heading"><span id="toc6">開発環境を削除する</span></h3>



<p>作成したリソースを削除します。<br>JetBrains Gatewayを開くと、先程作成したリソースが表示されています。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="856" src="https://wptech.kiichiro.work/wp-content/uploads/2023/06/771aa1e54059338423446397436ad66d-1024x856.png" alt="" class="wp-image-1700" srcset="https://wptech.kiichiro.work/wp-content/uploads/2023/06/771aa1e54059338423446397436ad66d-1024x856.png 1024w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/771aa1e54059338423446397436ad66d-300x251.png 300w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/771aa1e54059338423446397436ad66d-768x642.png 768w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/771aa1e54059338423446397436ad66d-1536x1283.png 1536w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/771aa1e54059338423446397436ad66d.png 1824w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>削除したいリソースの横にある「×」をクリックします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="856" src="https://wptech.kiichiro.work/wp-content/uploads/2023/06/b784a2e4e434f1659e4d401153bff37b-1024x856.png" alt="" class="wp-image-1703" srcset="https://wptech.kiichiro.work/wp-content/uploads/2023/06/b784a2e4e434f1659e4d401153bff37b-1024x856.png 1024w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/b784a2e4e434f1659e4d401153bff37b-300x251.png 300w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/b784a2e4e434f1659e4d401153bff37b-768x642.png 768w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/b784a2e4e434f1659e4d401153bff37b-1536x1283.png 1536w, https://wptech.kiichiro.work/wp-content/uploads/2023/06/b784a2e4e434f1659e4d401153bff37b.png 1824w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>一覧から開発環境が無くなったことが確認できました。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
