<?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>プログラミング | CODE×CODE（コードコード）</title>
	<atom:link href="https://codexcode.jp/magazine/category/technology/programming/feed/" rel="self" type="application/rss+xml" />
	<link>https://codexcode.jp</link>
	<description>インフラエンジニア就職のためのオンラインスクール</description>
	<lastBuildDate>Mon, 28 Mar 2022 08:23:11 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://codexcode.jp/wp-content/uploads/logo_tate_c-150x150.jpg</url>
	<title>プログラミング | CODE×CODE（コードコード）</title>
	<link>https://codexcode.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Android入門講座～Android開発で使用するKotlinとは？～</title>
		<link>https://codexcode.jp/magazine/2278/</link>
		
		<dc:creator><![CDATA[別所聖]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:56:44 +0000</pubDate>
				<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2278</guid>

					<description><![CDATA[<p>この記事は、実際にAndroidのアプリを作ってみるために必要な知識や手順を解説していく記事です。 今回は、Androidアプリの製作の番外編として、Kotlinというプログラミング言語について、お話をしていきたいと思い &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2278/"> <span class="screen-reader-text">Android入門講座～Android開発で使用するKotlinとは？～</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2278/">Android入門講座～Android開発で使用するKotlinとは？～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">この記事は、実際にAndroidのアプリを作ってみるために必要な知識や手順を解説していく記事です。</p>



<p class="wp-block-paragraph">今回は、Androidアプリの製作の番外編として、Kotlinというプログラミング言語について、お話をしていきたいと思います。</p>



<h2 class="wp-block-heading" id="kotlinとは"><strong>Kotlin</strong><strong>とは？</strong></h2>



<p class="wp-block-paragraph">最近、Androidアプリの開発と調べているとKotlinというプログラミング言語が人気になりつつあるという話をよく聞きます。</p>



<p class="wp-block-paragraph">Kotlinというのは、2011年ごろにJetbrains社から発表されたばかりの比較的新しい言語で、あまり日の目を浴びることはありませんでした。</p>



<p class="wp-block-paragraph">ですが、2017年にGoogleがこのKotlinをAndroidの公式言語として採用したことによって、知名度が一気に上がり、書籍なども徐々に出版され始めました。</p>



<p class="wp-block-paragraph">この様に、最近は情報が以前に比べると格段に増えてはいるのですが、初学者向けの情報というのはまだまだ少ないというのが現状です。</p>



<p class="wp-block-paragraph">なので、結局、JavaとKotlinどっちを勉強すればいいの？と迷ってしまう方やよく分からないからやめた！となってしまう方も何人かいました。</p>



<p class="wp-block-paragraph">この記事では、そういった方向けにKotlinの特徴をJavaと比較しながら確認していきます。</p>



<p class="wp-block-paragraph">基本的には、難しい用語は一切使わずに解説をしていくので気楽に読んでください。</p>



<h2 class="wp-block-heading" id="kotlinの特徴"><strong>Kotlin</strong><strong>の特徴</strong></h2>



<p class="wp-block-paragraph">よく言われるKotlinの特徴として、Javaと似ていて、更にJavaよりも簡単にコーディングをすることが出来るといわれます。</p>



<p class="wp-block-paragraph">どのように似ているのかというのを見ていきましょう。</p>



<h3 class="wp-block-heading" id="1-オブジェクト指向である"><strong>1</strong><strong>．オブジェクト指向である。</strong></h3>



<p class="wp-block-paragraph">オブジェクト指向という言葉は、Javaを勉強した人なら必ず聞いたことのある言葉だと思います。</p>



<p class="wp-block-paragraph">あまり細かいことはここでは解説しませんが、簡単に言うと機能を細かくクラスで分けて、そのクラスを組み合わせることでプログラムを作成することをオブジェクト指向といいます。</p>



<p class="wp-block-paragraph">KotlinでもJavaと同じくオブジェクト指向でのプログラミングを行えます。</p>



<h3 class="wp-block-heading" id="2-javaに比べて簡潔な構文"><strong>2</strong><strong>．Javaに比べて簡潔な構文</strong></h3>



<p class="wp-block-paragraph">以下の2つのコードを見てみましょう。</p>



<p class="wp-block-paragraph"><strong>Java</strong></p>



<pre class="wp-block-code"><code>public class hello{
    public static void main(String&#91;] args){
        String hello = “Hello World!”;
        System.out.println(hello);
    }
}</code></pre>



<p class="wp-block-paragraph"><strong>Kotlin</strong></p>



<pre class="wp-block-code"><code>fun main(){
    val hello = “Hello World!”
    println(hello)
}</code></pre>



<p class="wp-block-paragraph">このコードは、ただ単純にHello Worldを表示させるだけのプログラムをJavaとKotlin両方で書いただけのコードです。</p>



<p class="wp-block-paragraph">このコードを見ただけでも、Kotlinのコードの簡潔さがなんとなくわかると思います。</p>



<p class="wp-block-paragraph">この様に、Javaっぽいけれど、Javaよりはるかに簡潔にコードを書くことが出来るというのがKotlinの特徴の一つです。</p>



<h3 class="wp-block-heading" id="3-javaとの互換性がある"><strong>3</strong><strong>．Javaとの互換性がある。</strong></h3>



<p class="wp-block-paragraph">なんと、JavaとKotlinの間には、相互互換性があります。</p>



<p class="wp-block-paragraph">つまり、Javaで作ったプログラムをそのままKotlinの形に変換することが出来るというわけですね。</p>



<p class="wp-block-paragraph">相互運用が容易に行うことが出来るのも特徴の一つです。</p>



<h3 class="wp-block-heading" id="4-null安全"><strong>4</strong><strong>．Null安全</strong></h3>



<p class="wp-block-paragraph">Javaをある程度勉強した方なら、「Null Pointer Exception」という例外が発生してしまって躓いた人は多いと思います。</p>



<p class="wp-block-paragraph">Kotlinでは、このNull Pointer Exceptionを事前に防ぐための機能としてNull安全という機能が備わっています。</p>



<p class="wp-block-paragraph">Null Pointer Exceptionが起きるのは、変数内のNullが参照されたときです。</p>



<p class="wp-block-paragraph">逆に言えば、Nullが入っていなければこのExceptionが起きる理由はないわけです。</p>



<p class="wp-block-paragraph">この仕組みを利用して、変数にNullを定義できないようにした仕組みのことをNull安全といいます。</p>



<p class="wp-block-paragraph">こんな仕組みもあるんだなあと頭の片隅にでも残しておいてください。</p>



<h2 class="wp-block-heading" id="結局どっちを使うべきなの"><strong>結局どっちを使うべきなの？</strong></h2>



<p class="wp-block-paragraph">いくつか、Kotlinの特徴をJavaと比較しながら説明させていただきました。</p>



<p class="wp-block-paragraph">これだけ見ると、Kotlinの方がメリットがたくさんあるからKotlinだけを勉強すればいいのか！となってしまうかもしれませんが、一概にそうとも言い切れません。</p>



<p class="wp-block-paragraph">というのも、いくらKotlinが便利といってもまだまだ歴史の浅い言語です。</p>



<p class="wp-block-paragraph">すでに開発されている既存のプログラムはJavaで書かれていることが多いので、需要が大きいのはやはりJavaになってしまうわけです。</p>



<p class="wp-block-paragraph">ですが、ことAndroid開発においてはGoogleが公式言語として採用したこともあり、間違いなくポピュラーになっていく言語です。</p>



<p class="wp-block-paragraph">要するに、Android開発を行うならKotlin。その他の開発を行うのならJavaを勉強しておけばとりあえず間違いはないということですね。</p>



<p class="wp-block-paragraph">勿論、他の言語としてPythonだとかC#だとかもありますが、そこまで説明していた始めるとこの記事が終わらなくなってしまうので割愛させていただきます・・・</p>



<p class="wp-block-paragraph">今回は、Kotlinという言語についての説明をさせていただきました。</p>



<p class="wp-block-paragraph">実際にAndroidアプリを開発する時にどうやってKotlinを選択すればいいのかなどの話については、本編の方でまた解説していきたいと思います。</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2278%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E9%96%8B%E7%99%BA%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8BKotlin%E3%81%A8%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2278%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E9%96%8B%E7%99%BA%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8BKotlin%E3%81%A8%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2278%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E9%96%8B%E7%99%BA%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8BKotlin%E3%81%A8%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2278%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E9%96%8B%E7%99%BA%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8BKotlin%E3%81%A8%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2278%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E9%96%8B%E7%99%BA%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8BKotlin%E3%81%A8%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2278/">Android入門講座～Android開発で使用するKotlinとは？～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Android入門講座～Androidの開発環境を構築しよう～</title>
		<link>https://codexcode.jp/magazine/2248/</link>
		
		<dc:creator><![CDATA[別所聖]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:54:31 +0000</pubDate>
				<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2248</guid>

					<description><![CDATA[<p>この記事は、実際にAndroidのアプリを作ってみるために必要な知識や手順を解説していく記事です。 前回は、Androidアプリの開発に必要な知識について解説させていただきました。 今回は、いよいよAndroidアプリ開 &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2248/"> <span class="screen-reader-text">Android入門講座～Androidの開発環境を構築しよう～</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2248/">Android入門講座～Androidの開発環境を構築しよう～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">この記事は、実際にAndroidのアプリを作ってみるために必要な知識や手順を解説していく記事です。</p>



<p class="wp-block-paragraph">前回は、Androidアプリの開発に必要な知識について解説させていただきました。</p>



<p class="wp-block-paragraph">今回は、いよいよAndroidアプリ開発のための環境を構築していきたいと思います！</p>



<h2 class="wp-block-heading" id="androidアプリの開発に必要なpcスペック"><strong>Android</strong><strong>アプリの開発に必要なPCスペック</strong></h2>



<p class="wp-block-paragraph">Androidアプリの開発環境を構築する前に、そもそもAndroidアプリを開発するために必要なスペックをPCが持っているかどうかを確認しておきましょう。</p>



<p class="wp-block-paragraph">スペックが低いPCでの開発は、動作が重たくなり非常にストレスです。</p>



<p class="wp-block-paragraph">こちらの表に推奨スペックを載せてますので、参考にしてください。</p>



<figure class="wp-block-table"><table><tbody><tr><td>OS</td><td>Windows 7/8/10 (32bit/64bit) ※64bitを推奨</td></tr><tr><td>CPU</td><td>第5世代以降 core i5 / i7 ※第7世代以降ならcore i3でも大丈夫？</td></tr><tr><td>メモリ</td><td>8GB以上 ※16GBあれば快適です。</td></tr><tr><td>HDD</td><td>最低5GB程度　※開発を進めていくと10GBを超えるかも？</td></tr></tbody></table></figure>



<h2 class="wp-block-heading" id="環境構築の完了までの手順"><strong>環境構築の完了までの手順</strong></h2>



<p class="wp-block-paragraph">Androidアプリの開発環境の構築は以下のような手順で進めていきます。</p>



<p class="wp-block-paragraph"><strong>1</strong><strong>．Android Studioのインストール</strong></p>



<p class="wp-block-paragraph"><strong>2</strong><strong>．Android StudioでSDK(Software Development Kit)のダウンロード</strong></p>



<p class="wp-block-paragraph"><strong>3</strong><strong>．Androidエミュレータの設定（必要な人だけ）</strong></p>



<h2 class="wp-block-heading" id="androidアプリの開発環境構築-windows編"><strong>Android</strong><strong>アプリの開発環境構築（Windows編）</strong></h2>



<p class="wp-block-paragraph">WindowsでのAndroidアプリの開発環境構築について解説していきます。</p>



<h3 class="wp-block-heading" id="android-studioのインストール"><strong>Android Studio</strong><strong>のインストール</strong></h3>



<p class="wp-block-paragraph">Androidの開発環境を行うためのソフトウェアとして最も有名なのがこのAndroid Studioというソフトウェアです。</p>



<p class="wp-block-paragraph">こちらは、Googleが提供している開発ソフトウェアで、Androidアプリ開発に必要な機能が詰め込まれています。</p>



<p class="wp-block-paragraph">それでは、Android Studioをインストールしましょう。</p>



<p class="wp-block-paragraph">まず、以下のリンクにアクセスしましょう。</p>



<p class="wp-block-paragraph"><a href="https://developer.android.com/studio/index.html?hl=ja">Android Studioのダウンロード</a></p>



<p class="wp-block-paragraph">アクセスすると以下のページが表示されるので DOWNLOAD ANDROID STUDIO をクリックします。</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="545" height="205" src="https://codexcode.jp/wp-content/uploads/image-416.png" alt="" class="wp-image-2249" srcset="https://codexcode.jp/wp-content/uploads/image-416.png 545w, https://codexcode.jp/wp-content/uploads/image-416-300x113.png 300w" sizes="(max-width: 545px) 100vw, 545px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="663" height="361" src="https://codexcode.jp/wp-content/uploads/image-417.png" alt="" class="wp-image-2250" srcset="https://codexcode.jp/wp-content/uploads/image-417.png 663w, https://codexcode.jp/wp-content/uploads/image-417-300x163.png 300w" sizes="(max-width: 663px) 100vw, 663px" /></figure>



<p class="wp-block-paragraph">すると、利用規約の同意画面が出てくるので、同意しますにチェックを入れてダウンロードを始めましょう！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="109" height="127" src="https://codexcode.jp/wp-content/uploads/image-418.png" alt="" class="wp-image-2251"/></figure>



<p class="wp-block-paragraph">ダウンロードが完了したら、exeファイルを実行しましょう。</p>



<p class="wp-block-paragraph">セットアップ画面が表示されたらインストールを進めます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="545" height="423" src="https://codexcode.jp/wp-content/uploads/image-419.png" alt="" class="wp-image-2252" srcset="https://codexcode.jp/wp-content/uploads/image-419.png 545w, https://codexcode.jp/wp-content/uploads/image-419-300x233.png 300w" sizes="auto, (max-width: 545px) 100vw, 545px" /></figure>



<p class="wp-block-paragraph">「Next」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="533" height="414" src="https://codexcode.jp/wp-content/uploads/image-420.png" alt="" class="wp-image-2253" srcset="https://codexcode.jp/wp-content/uploads/image-420.png 533w, https://codexcode.jp/wp-content/uploads/image-420-300x233.png 300w" sizes="auto, (max-width: 533px) 100vw, 533px" /></figure>



<p class="wp-block-paragraph">次の画面では、どのコンポーネントをインストールするのかを聞かれますが、基本的には触らなくても大丈夫です。</p>



<p class="wp-block-paragraph">「Next」をクリックしましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="525" height="408" src="https://codexcode.jp/wp-content/uploads/image-421.png" alt="" class="wp-image-2254" srcset="https://codexcode.jp/wp-content/uploads/image-421.png 525w, https://codexcode.jp/wp-content/uploads/image-421-300x233.png 300w" sizes="auto, (max-width: 525px) 100vw, 525px" /></figure>



<p class="wp-block-paragraph">次にAndroid Studioをインストールする場所を選択できます。</p>



<p class="wp-block-paragraph">基本的には、こちらもデフォルトで大丈夫です。</p>



<p class="wp-block-paragraph">次は、デスクトップにショートカットアイコンを配置するかどうかの選択です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="517" height="402" src="https://codexcode.jp/wp-content/uploads/image-422.png" alt="" class="wp-image-2255" srcset="https://codexcode.jp/wp-content/uploads/image-422.png 517w, https://codexcode.jp/wp-content/uploads/image-422-300x233.png 300w" sizes="auto, (max-width: 517px) 100vw, 517px" /></figure>



<p class="wp-block-paragraph">配置しなくてもいいという場合はチェックを入れましょう。</p>



<p class="wp-block-paragraph">ここまで終わったら「Install」をクリック。</p>



<p class="wp-block-paragraph">インストール作業が開始されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="506" height="394" src="https://codexcode.jp/wp-content/uploads/image-423.png" alt="" class="wp-image-2256" srcset="https://codexcode.jp/wp-content/uploads/image-423.png 506w, https://codexcode.jp/wp-content/uploads/image-423-300x234.png 300w" sizes="auto, (max-width: 506px) 100vw, 506px" /></figure>



<p class="wp-block-paragraph">完了したら「Next」をクリック。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="427" height="331" src="https://codexcode.jp/wp-content/uploads/image-424.png" alt="" class="wp-image-2257" srcset="https://codexcode.jp/wp-content/uploads/image-424.png 427w, https://codexcode.jp/wp-content/uploads/image-424-300x233.png 300w" sizes="auto, (max-width: 427px) 100vw, 427px" /></figure>



<p class="wp-block-paragraph">Finish画面が表示されるので、「Start Android Studio」にチェックを入れて「Finish」をクリック。</p>



<p class="wp-block-paragraph">これで、Android Studioのインストールは終了ですが、これから初期設定を行っていきます。</p>



<p class="wp-block-paragraph">Android Studioが起動すると以下のような画面が表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="405" height="167" src="https://codexcode.jp/wp-content/uploads/image-425.png" alt="" class="wp-image-2258" srcset="https://codexcode.jp/wp-content/uploads/image-425.png 405w, https://codexcode.jp/wp-content/uploads/image-425-300x124.png 300w" sizes="auto, (max-width: 405px) 100vw, 405px" /></figure>



<p class="wp-block-paragraph">まずは、以前Android Studioをインストールしていた場合、その設定を引き継ぐかどうかの選択が出てきます。</p>



<p class="wp-block-paragraph">基本的にはDo not Import Settingで大丈夫です。</p>



<p class="wp-block-paragraph">セットアップを進めます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="608" height="458" src="https://codexcode.jp/wp-content/uploads/image-426.png" alt="" class="wp-image-2259" srcset="https://codexcode.jp/wp-content/uploads/image-426.png 608w, https://codexcode.jp/wp-content/uploads/image-426-300x226.png 300w" sizes="auto, (max-width: 608px) 100vw, 608px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="606" height="456" src="https://codexcode.jp/wp-content/uploads/image-427.png" alt="" class="wp-image-2260" srcset="https://codexcode.jp/wp-content/uploads/image-427.png 606w, https://codexcode.jp/wp-content/uploads/image-427-300x226.png 300w" sizes="auto, (max-width: 606px) 100vw, 606px" /></figure>



<p class="wp-block-paragraph">セットアップのタイプを選択できます。<br>基本的にはStandardで大丈夫です。</p>



<p class="wp-block-paragraph">次にUIの選択を行います。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="611" height="461" src="https://codexcode.jp/wp-content/uploads/image-428.png" alt="" class="wp-image-2261" srcset="https://codexcode.jp/wp-content/uploads/image-428.png 611w, https://codexcode.jp/wp-content/uploads/image-428-300x226.png 300w" sizes="auto, (max-width: 611px) 100vw, 611px" /></figure>



<p class="wp-block-paragraph">暗いか明るいか、どちらか好きな方を選択してください。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="609" height="459" src="https://codexcode.jp/wp-content/uploads/image-429.png" alt="" class="wp-image-2262" srcset="https://codexcode.jp/wp-content/uploads/image-429.png 609w, https://codexcode.jp/wp-content/uploads/image-429-300x226.png 300w" sizes="auto, (max-width: 609px) 100vw, 609px" /></figure>



<p class="wp-block-paragraph">次に進むとFinish画面が表示されるのでFinishを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="608" height="458" src="https://codexcode.jp/wp-content/uploads/image-430.png" alt="" class="wp-image-2263" srcset="https://codexcode.jp/wp-content/uploads/image-430.png 608w, https://codexcode.jp/wp-content/uploads/image-430-300x226.png 300w" sizes="auto, (max-width: 608px) 100vw, 608px" /></figure>



<p class="wp-block-paragraph">そして、最後に必要ファイルのDownloadが始まり、これが終わればセットアップ作業は終了です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="619" height="455" src="https://codexcode.jp/wp-content/uploads/image-431.png" alt="" class="wp-image-2264" srcset="https://codexcode.jp/wp-content/uploads/image-431.png 619w, https://codexcode.jp/wp-content/uploads/image-431-300x221.png 300w" sizes="auto, (max-width: 619px) 100vw, 619px" /></figure>



<p class="wp-block-paragraph">最後にこの画面が表示されればAndroid Studioのインストールは完了です！！</p>



<h3 class="wp-block-heading" id="sdkのインストール"><strong>SDK</strong><strong>のインストール</strong></h3>



<p class="wp-block-paragraph">Android Studioのインストールはできましたが、このままでは最低限のツールしか入っておらず、開発に支障が出てしまいます。</p>



<p class="wp-block-paragraph">そのため、追加でSDK（Software Development Kit）をインストールします。</p>



<p class="wp-block-paragraph">SDKのインストールはAndroid StudioのSDK Managerで行うことができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="441" src="https://codexcode.jp/wp-content/uploads/image-432.png" alt="" class="wp-image-2265" srcset="https://codexcode.jp/wp-content/uploads/image-432.png 600w, https://codexcode.jp/wp-content/uploads/image-432-300x221.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">先ほどのAndroid Studioの画面を開き、右下の「Configure」から「SDK Manager」を選択しましょう。</p>



<p class="wp-block-paragraph">以下のような、インストールするSDKを選択する画面が開きます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="594" height="394" src="https://codexcode.jp/wp-content/uploads/image-433.png" alt="" class="wp-image-2266" srcset="https://codexcode.jp/wp-content/uploads/image-433.png 594w, https://codexcode.jp/wp-content/uploads/image-433-300x199.png 300w" sizes="auto, (max-width: 594px) 100vw, 594px" /></figure>



<p class="wp-block-paragraph">この画面では、AndroidOSのAPIをインストールすることができます。</p>



<p class="wp-block-paragraph">実機でのデバッグを行う場合は、自分のAndroid端末のOSバージョンを確認してそのバージョンにあったAPIをインストールしましょう。</p>



<p class="wp-block-paragraph">インストール方法は簡単で、自分の必要なAPIにチェックを入れて右下のApplyをクリックするだけです。</p>



<p class="wp-block-paragraph">すると以下のようなダウンロード画面に移ります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="583" height="442" src="https://codexcode.jp/wp-content/uploads/image-434.png" alt="" class="wp-image-2267" srcset="https://codexcode.jp/wp-content/uploads/image-434.png 583w, https://codexcode.jp/wp-content/uploads/image-434-300x227.png 300w" sizes="auto, (max-width: 583px) 100vw, 583px" /></figure>



<p class="wp-block-paragraph">終了したらFinishをクリックしましょう。</p>



<p class="wp-block-paragraph">別のSDKについても確認しておきましょう。<br>先ほどの画面に戻ったらSDK Toolsというタブを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="559" height="370" src="https://codexcode.jp/wp-content/uploads/image-435.png" alt="" class="wp-image-2268" srcset="https://codexcode.jp/wp-content/uploads/image-435.png 559w, https://codexcode.jp/wp-content/uploads/image-435-300x199.png 300w" sizes="auto, (max-width: 559px) 100vw, 559px" /></figure>



<p class="wp-block-paragraph">たくさん種類がありますが、今回最低限必要なのは、以下の2つです。</p>



<p class="wp-block-paragraph">・Google Play Services<br>・Google USB Driver</p>



<p class="wp-block-paragraph">デバッグのために必要になってくるSDKですのでこれだけはインストールしておきましょう。</p>



<p class="wp-block-paragraph">そのほかのSDKについては、必要になった時だけインストールするようにしましょう。<br>必要ないのにインストールをしていくと容量が圧迫されるうえ、動作も重たくなってしまう場合があります。</p>



<p class="wp-block-paragraph">ひとまず、これでSDKのインストールは終了です。<br>ここまでくれば、基本的なAndroidStudioの機能を使うことができるようになります。</p>



<h3 class="wp-block-heading" id="エミュレータの設定-必要な方のみ"><strong>エミュレータの設定（必要な方のみ）</strong></h3>



<p class="wp-block-paragraph">Android開発において、デバッグ作業は実機で行うのが本来望ましいのですが、どうしても実機がない場合はAndroid Studioの標準機能としてエミュレータが備わっています。</p>



<p class="wp-block-paragraph">※エミュレータというのは、コンピュータなどの機器を仮想的に動作させるためのソフトウェアのことを言います。簡潔に言えばPC内でAndroidを動かすことができるということです。</p>



<p class="wp-block-paragraph">今回はそのエミュレータの導入を行います。<br>実機を持っているから必要ないという場合は読み飛ばしていただいて問題ありません。</p>



<p class="wp-block-paragraph">まず、初めの画面の右下からAVD Managerを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="602" height="441" src="https://codexcode.jp/wp-content/uploads/image-436.png" alt="" class="wp-image-2269" srcset="https://codexcode.jp/wp-content/uploads/image-436.png 602w, https://codexcode.jp/wp-content/uploads/image-436-300x220.png 300w" sizes="auto, (max-width: 602px) 100vw, 602px" /></figure>



<p class="wp-block-paragraph">AVDとは、Android Virtual Deviceを指します。</p>



<p class="wp-block-paragraph">すると以下のような画面が出てきます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="606" height="445" src="https://codexcode.jp/wp-content/uploads/image-437.png" alt="" class="wp-image-2270" srcset="https://codexcode.jp/wp-content/uploads/image-437.png 606w, https://codexcode.jp/wp-content/uploads/image-437-300x220.png 300w" sizes="auto, (max-width: 606px) 100vw, 606px" /></figure>



<p class="wp-block-paragraph">Create Virtual Deviceをクリックしましょう。</p>



<p class="wp-block-paragraph">すると、デバイスを選択する画面が出てきます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="589" height="356" src="https://codexcode.jp/wp-content/uploads/image-438.png" alt="" class="wp-image-2271" srcset="https://codexcode.jp/wp-content/uploads/image-438.png 589w, https://codexcode.jp/wp-content/uploads/image-438-300x181.png 300w" sizes="auto, (max-width: 589px) 100vw, 589px" /></figure>



<p class="wp-block-paragraph">ここでは、仮想Androidの画面サイズなどを実機に置き換えて選択することができます。</p>



<p class="wp-block-paragraph">とりあえず今回はPixel 2を選択しましょう。</p>



<p class="wp-block-paragraph">選択したらNextを選択します。</p>



<p class="wp-block-paragraph">次にAndroidのバージョンを選択できます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="566" height="342" src="https://codexcode.jp/wp-content/uploads/image-439.png" alt="" class="wp-image-2272" srcset="https://codexcode.jp/wp-content/uploads/image-439.png 566w, https://codexcode.jp/wp-content/uploads/image-439-300x181.png 300w" sizes="auto, (max-width: 566px) 100vw, 566px" /></figure>



<p class="wp-block-paragraph">今回は、最新のQ を選択しますが、その前にOSのダウンロードを行う必要があります。Qの横のDownloadを選択しましょう。</p>



<p class="wp-block-paragraph">するとダウンロードが始まります。サイズが大きいので気長に待ちましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="544" height="411" src="https://codexcode.jp/wp-content/uploads/image-440.png" alt="" class="wp-image-2273" srcset="https://codexcode.jp/wp-content/uploads/image-440.png 544w, https://codexcode.jp/wp-content/uploads/image-440-300x227.png 300w" sizes="auto, (max-width: 544px) 100vw, 544px" /></figure>



<p class="wp-block-paragraph">ダウンロードが終わると、仮想デバイスの初期設定画面に移ります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="327" src="https://codexcode.jp/wp-content/uploads/image-441.png" alt="" class="wp-image-2274" srcset="https://codexcode.jp/wp-content/uploads/image-441.png 541w, https://codexcode.jp/wp-content/uploads/image-441-300x181.png 300w" sizes="auto, (max-width: 541px) 100vw, 541px" /></figure>



<p class="wp-block-paragraph">基本的には、名前以外は触らなくても大丈夫です。</p>



<p class="wp-block-paragraph">確認出来たらFinishをクリックしましょう。</p>



<p class="wp-block-paragraph">すると、新しく端末が追加されているはずです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="522" height="383" src="https://codexcode.jp/wp-content/uploads/image-442.png" alt="" class="wp-image-2275" srcset="https://codexcode.jp/wp-content/uploads/image-442.png 522w, https://codexcode.jp/wp-content/uploads/image-442-300x220.png 300w" sizes="auto, (max-width: 522px) 100vw, 522px" /></figure>



<p class="wp-block-paragraph">右側の<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" />マークをクリックすると仮想デバイスが起動します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="https://codexcode.jp/wp-content/uploads/image-443.png" alt="" class="wp-image-2276" width="447" height="769" srcset="https://codexcode.jp/wp-content/uploads/image-443.png 447w, https://codexcode.jp/wp-content/uploads/image-443-174x300.png 174w" sizes="auto, (max-width: 447px) 100vw, 447px" /><figcaption>Androidの実機そっくりな画面が表示されます！<br>もちろん操作を行うこともできます。</figcaption></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">これで、Androidエミュレータのインストールは終了です。</p>



<p class="wp-block-paragraph">今回は、Androidアプリを開発していくために必要な環境の構築を行いました。</p>



<p class="wp-block-paragraph">もう少し設定が必要な部分もありますがそちらは、開発を進めていく中で解説をしていきます。</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2248%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%AE%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%97%E3%82%88%E3%81%86%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2248%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%AE%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%97%E3%82%88%E3%81%86%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2248%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%AE%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%97%E3%82%88%E3%81%86%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2248%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%AE%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%97%E3%82%88%E3%81%86%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2248%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%AE%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%97%E3%82%88%E3%81%86%EF%BD%9E" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2248/">Android入門講座～Androidの開発環境を構築しよう～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Android入門講座～Androidアプリの開発に必要な知識は？～</title>
		<link>https://codexcode.jp/magazine/2243/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:50:38 +0000</pubDate>
				<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2243</guid>

					<description><![CDATA[<p>この記事は、実際にAndroidのアプリを作ってみるために必要な知識や手順を解説していく記事です。 前回の記事では、そもそもAndroidとは何なのかというお話をさせていただきました！ 今回は、Androidアプリを開発 &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2243/"> <span class="screen-reader-text">Android入門講座～Androidアプリの開発に必要な知識は？～</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2243/">Android入門講座～Androidアプリの開発に必要な知識は？～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">この記事は、実際にAndroidのアプリを作ってみるために必要な知識や手順を解説していく記事です。</p>



<p class="wp-block-paragraph">前回の記事では、そもそもAndroidとは何なのかというお話をさせていただきました！</p>



<p class="wp-block-paragraph">今回は、Androidアプリを開発するためにはどのような知識が必要なのかというお話をしていきます。</p>



<h2 class="wp-block-heading" id="必要な知識"><strong>必要な知識</strong></h2>



<p class="wp-block-paragraph">一般的に、Androidアプリは<strong>Java</strong>というプログラミング言語を用いて作成されています。</p>



<p class="wp-block-paragraph">そのため、Androidアプリの開発についての書籍は大抵の場合、Javaをある程度理解した上での解説がされていることが多いです。</p>



<p class="wp-block-paragraph">Androidの開発の勉強を始めたいという人は、まずはJavaの勉強をしていく必要があるということですね。</p>



<h2 class="wp-block-heading" id="javaの勉強はどうすればいいの"><strong>Javaの勉強はどうすればいいの？</strong></h2>



<p class="wp-block-paragraph">Javaを勉強するための教材は、かなりの数出ているので勉強のための資料に困ることは比較的少ないと思います。</p>



<p class="wp-block-paragraph">ただ、プログラミング初学者の方はやはりどの教材で勉強していけばいいのか迷ってしまうと思います。</p>



<p class="wp-block-paragraph">初学者がJavaを勉強していく場合には、以下の3パターンの勉強方法があります。</p>



<p class="wp-block-paragraph"><strong>1</strong><strong>．書籍で勉強する。</strong></p>



<p class="wp-block-paragraph"><strong>2</strong><strong>．プログラミング学習サービスを利用する。</strong></p>



<p class="wp-block-paragraph"><strong>3</strong><strong>．プログラミング学習の講座を受講する。</strong></p>



<h3 class="wp-block-heading" id="1-書籍で勉強する"><strong>1</strong><strong>．書籍で勉強する</strong></h3>



<p class="wp-block-paragraph">Javaは、とてもポピュラーな言語なので学習するための書籍がたくさん出版されています。<br>ただ、出版されている本があまりにも多いのでどれを選べばいいのか目移りしてしまうと思います。<br>なので、ここでは初学者におすすめな書籍を紹介しておこうと思います。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="177" height="250" src="https://codexcode.jp/wp-content/uploads/image-413.png" alt="" class="wp-image-2244"/><figcaption><a href="http://www.amazon.co.jp/exec/obidos/ASIN/484433638X" target="_blank" rel="noreferrer noopener">スッキリわかるJava入門 第2版 (スッキリシリーズ)</a></figcaption></figure>



<p class="wp-block-paragraph">こちらの書籍は、イラストが豊富でとても理解がしやすい構成になっている書籍です。<br>約600ページ程度のページ数ですが、初学者の方でもスラスラと読み進めることができます！</p>



<h3 class="wp-block-heading" id="2-プログラミング学習サービスを利用する"><strong>2</strong><strong>．プログラミング学習サービスを利用する。</strong></h3>



<p class="wp-block-paragraph">近年、プログラミングの学習を円滑に進めていくために、インターネット上で学習を行うことができる学習サービスが増えてきました。</p>



<p class="wp-block-paragraph">基本的には、解説の動画を見て実際にハンズオンで実践してみるという形式でサービスを提供しています。</p>



<p class="wp-block-paragraph">環境がなくても学習することができるサービスもあるためとてもお手軽に学習を進めていくことができるようになっています。</p>



<p class="wp-block-paragraph">ここでは、有名なサービスを2つ紹介します。</p>



<h4 class="wp-block-heading" id="paizaラーニング"><strong>paiza</strong><strong>ラーニング</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="437" src="https://codexcode.jp/wp-content/uploads/image-414.png" alt="" class="wp-image-2245" srcset="https://codexcode.jp/wp-content/uploads/image-414.png 886w, https://codexcode.jp/wp-content/uploads/image-414-300x148.png 300w, https://codexcode.jp/wp-content/uploads/image-414-768x379.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">paizaラーニングは、Java以外にもHTML/CSSやPHPなど、様々なプログラミング言語の学習が可能なサービスです。</p>



<p class="wp-block-paragraph">学習方法としては、解説動画があり、課題が出されるのでブラウザ上のエディタに記述して、合否を判定して次のレッスンに進むことができるといった構成になっています。</p>



<p class="wp-block-paragraph">環境がブラウザのみで完結しているので、お手軽に学習を行うことができるようになっています。</p>



<p class="wp-block-paragraph">一部有料なため、しっかりと学習をしていくのでしたら有料会員になる必要がありますが、料金自体はそこまで割高ではないので自己投資と考えれば高くはありません。</p>



<p class="wp-block-paragraph"><a href="https://paiza.jp/"><strong>paiza</strong><strong>ラーニング</strong></a></p>



<h4 class="wp-block-heading" id="progate"><strong>Progate</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="437" src="https://codexcode.jp/wp-content/uploads/image-415.png" alt="" class="wp-image-2246" srcset="https://codexcode.jp/wp-content/uploads/image-415.png 886w, https://codexcode.jp/wp-content/uploads/image-415-300x148.png 300w, https://codexcode.jp/wp-content/uploads/image-415-768x379.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">こちらも上のpaizaラーニングと同じで、様々なプログラミングの学習が可能なサイトです。</p>



<p class="wp-block-paragraph">環境がブラウザで完結している部分などもほとんど同じなので、どちらを利用するかは無料のレッスンを試してみて好みのサービスを選べば大丈夫です。</p>



<p class="wp-block-paragraph"><a href="https://prog-8.com/"><strong>progate</strong></a></p>



<h3 class="wp-block-heading" id="3-プログラミング学習の講座を受講する"><strong>3</strong><strong>．プログラミング学習の講座を受講する。</strong></h3>



<p class="wp-block-paragraph">上でいくつかの学習方法を紹介しましたが、結局、何から手を付ければいいのかがわからないという方はやはり多いと思います。</p>



<p class="wp-block-paragraph">その場合は、やはり詳しい方から直接教わるのが一番効率がいいと私は考えています。</p>



<p class="wp-block-paragraph">理由としては、初学者の方の独学では躓くポイントがやはり多く、そのたびにかなりの時間を調べものに費やしてしますからですね。</p>



<p class="wp-block-paragraph">対面なら、聞きたいことがその場で聞けますし調べる時間もはるかに短縮することができます。</p>



<p class="wp-block-paragraph">ということで、今回はAndroidの開発に必要な知識ということでJavaの学習方法について、説明させていただきました。</p>



<p class="wp-block-paragraph">上記の方法でJavaを学習して、次のAndroidのアプリ開発というステップに進むことができるように頑張っていきましょう！</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2243%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E7%9F%A5%E8%AD%98%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2243%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E7%9F%A5%E8%AD%98%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2243%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E7%9F%A5%E8%AD%98%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2243%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E7%9F%A5%E8%AD%98%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2243%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E7%9F%A5%E8%AD%98%E3%81%AF%EF%BC%9F%EF%BD%9E" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2243/">Android入門講座～Androidアプリの開発に必要な知識は？～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Android入門講座～Androidとは何なのか～</title>
		<link>https://codexcode.jp/magazine/2241/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:48:19 +0000</pubDate>
				<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2241</guid>

					<description><![CDATA[<p>この記事は、実際にAndroidのアプリを作ってみるために必要な知識や手順を解説していく記事です。「Androidアプリの開発ってなんだか難しそう」「どんな知識が必要なのか全くわからない」そんな悩みを持っている方はぜひ参 &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2241/"> <span class="screen-reader-text">Android入門講座～Androidとは何なのか～</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2241/">Android入門講座～Androidとは何なのか～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">この記事は、実際にAndroidのアプリを作ってみるために必要な知識や手順を解説していく記事です。<br>「Androidアプリの開発ってなんだか難しそう」「どんな知識が必要なのか全くわからない」そんな悩みを持っている方はぜひ参考にしてください！</p>



<p class="wp-block-paragraph">それでは、今回は1回目ということでそもそもAndroidって何なのか、iPhoneとは何が違うのかなどの根本的なお話をしていきたいと思います。</p>



<h2 class="wp-block-heading" id="androidとは"><strong>Android</strong><strong>とは？</strong></h2>



<p class="wp-block-paragraph">Androidとは、Google社が開発したOS（オペレーティングシステム）のことです。<br>OSとは、簡単に言うとその端末を動かすために必要なソフトウェアのことです。</p>



<p class="wp-block-paragraph">人間でいう「脳」のようなイメージですね。</p>



<p class="wp-block-paragraph">iPhone以外のスマートフォンには、大体このAndroidが搭載されています。<br>iPhoneには、Apple社が独自開発した「iOS」というOSが搭載されています。</p>



<h2 class="wp-block-heading" id="androidの特徴"><strong>Android</strong><strong>の特徴</strong></h2>



<h3 class="wp-block-heading" id="オープンソースで開発されている"><strong><em>オープンソースで開発されている</em></strong><strong></strong></h3>



<p class="wp-block-paragraph">Android OSは、オープンソースライセンスで各スマートフォンメーカーに提供されています。</p>



<p class="wp-block-paragraph">※オープンソースとは、ソースコードを無償で配布するのでみんなで改良していこうという形でのライセンス形式です。<br>そのため、自由なカスタマイズが可能で同じAndroidでも全く違った見た目や機能のOSが出来上がります。</p>



<h3 class="wp-block-heading" id="世界的なシェア"><strong><em>世界的なシェア</em></strong><strong></strong></h3>



<p class="wp-block-paragraph">日本では、iPhoneを使っている人が比較的多いと思うのですが、実は調査によると、AndroidOSは世界で７割強のシェアを誇っているそうです。<br>理由としては、上記の理由から自由度が高いことや安価なスマートフォンにはこのAndroidが搭載されていることが多いことなどがあげられます。<br>調べてみるとわかるのですが、２万円弱でそれなりに高性能なスマートフォンを手に入れることができます。<br>そもそも、iPhone以外のスマートフォンには、ほとんどAndroidが搭載されているのでシェアも偏ってしまいますね。<br>ちょうど、WindowsとMacOSのシェアと関係性は似ている気がします。</p>



<h3 class="wp-block-heading" id="開発環境が整えやすい"><strong><em>開発環境が整えやすい</em></strong><strong></strong></h3>



<p class="wp-block-paragraph">Androidのアプリは主にJavaを利用して開発されています。<br>Javaはどのプラットフォームでも開発可能な環境なため、とても開発環境が整えやすいです。<br>近年、GoogleがKotlinという言語をAndroid公式の推奨言語としましたが、こちらもJavaと同じくどのプラットフォームでも開発可能です。<br>それに対して、iOSアプリの開発にはSwiftという言語を使用する必要がありますが、こちらはMacOSのみに搭載されているXcodeという開発環境でしか開発することができません。<br>Mac端末でなければ開発することができないので、少し敷居が高いですね。</p>



<p class="wp-block-paragraph">以上のように、Androidは非常にアプリ開発の敷居が低いです！<br>PCとAndroid端末さえあれば開発を始めることが可能なので、気になる方はぜひ次の記事も読んでください！</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2241%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%AA%E3%81%AE%E3%81%8B%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2241%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%AA%E3%81%AE%E3%81%8B%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2241%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%AA%E3%81%AE%E3%81%8B%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2241%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%AA%E3%81%AE%E3%81%8B%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2241%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EAndroid%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%AA%E3%81%AE%E3%81%8B%EF%BD%9E" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2241/">Android入門講座～Androidとは何なのか～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>プログラミングのざっくり豆知識～IntelliJでよくあるトラブル～ &#8211; macOS編</title>
		<link>https://codexcode.jp/magazine/2144/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:20:29 +0000</pubDate>
				<category><![CDATA[コラム]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2144</guid>

					<description><![CDATA[<p>皆さんこんにちは！ 初めてIntelliJなどのIDEを使っての開発作業を行っているときにトラブルはつきものです。特に初学者の方は想定外のことが起きると何をしていいのかわからなくなってしまうこともありますよね。 今回の記 &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2144/"> <span class="screen-reader-text">プログラミングのざっくり豆知識～IntelliJでよくあるトラブル～ &#8211; macOS編</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2144/">プログラミングのざっくり豆知識～IntelliJでよくあるトラブル～ – macOS編</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">皆さんこんにちは！</p>



<p class="wp-block-paragraph">初めてIntelliJなどのIDEを使っての開発作業を行っているときにトラブルはつきものです。<br>特に初学者の方は想定外のことが起きると何をしていいのかわからなくなってしまうこともありますよね。</p>



<p class="wp-block-paragraph">今回の記事では、IntelliJをJava初心者の人が利用し始めたばかりの時に遭遇しがちなトラブルについて、解説をしていきたいと思います。</p>



<h2 class="wp-block-heading" id="トラブル1-表示される画面が違う"><strong>トラブル1：表示される画面が違う</strong></h2>



<p class="wp-block-paragraph">初心者の方は、初めてIntelliJを利用するときにはサイトや参考書の手順書に沿って導入をしていくと思いますが、その時に手順通りにしていたのに別の画面が表示されるとどこかで間違ってしまったのかとても不安になりますよね。</p>



<p class="wp-block-paragraph">実は原因自体は「なんだそんなことか」となることがほとんどです。<br>考えられるシーンと原因をそれぞれ見ていきましょう。</p>



<h3 class="wp-block-heading" id="初期設定画面が表示されない"><strong>初期設定画面が表示されない</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="758" src="https://codexcode.jp/wp-content/uploads/image-338.png" alt="" class="wp-image-2146" srcset="https://codexcode.jp/wp-content/uploads/image-338.png 886w, https://codexcode.jp/wp-content/uploads/image-338-300x257.png 300w, https://codexcode.jp/wp-content/uploads/image-338-768x657.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">初めて起動したはずなのに、この初期設定画面が表示されない。<br>いきなりメインメニューやエディタが表示されることがあるかもしれません。</p>



<p class="wp-block-paragraph">この場合は、他の人がすでに初期設定を済ませているということが考えられます。</p>



<p class="wp-block-paragraph">特に問題はないので、メインメニューが表示されているならメインメニューの手順から手順を進めてしまって問題ありません。</p>



<h3 class="wp-block-heading" id="intellijの設定について"><strong>IntelliJ</strong><strong>の設定について</strong></h3>



<p class="wp-block-paragraph">初期設定がすでに終わってしまっていた場合や、何かしらの設定(テーマの色やフォントのサイズなど)を変更したいと思うことはあると思います。</p>



<p class="wp-block-paragraph">設定の方法を説明します。<br>メインメニューの場合とエディタの場合があるのでそれぞれ解説しますね。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="547" src="https://codexcode.jp/wp-content/uploads/image-339.png" alt="" class="wp-image-2147" srcset="https://codexcode.jp/wp-content/uploads/image-339.png 886w, https://codexcode.jp/wp-content/uploads/image-339-300x185.png 300w, https://codexcode.jp/wp-content/uploads/image-339-768x474.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">まず、メインメニューの場合は、右下の「Configure」を開いて、「Settings」を選択しましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="768" src="https://codexcode.jp/wp-content/uploads/image-340.png" alt="" class="wp-image-2148" srcset="https://codexcode.jp/wp-content/uploads/image-340.png 886w, https://codexcode.jp/wp-content/uploads/image-340-300x260.png 300w, https://codexcode.jp/wp-content/uploads/image-340-768x666.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">エディタの場合は、「IntelliJ IDEA」から「Preferences」を選択しましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="633" src="https://codexcode.jp/wp-content/uploads/image-331.png" alt="" class="wp-image-2136" srcset="https://codexcode.jp/wp-content/uploads/image-331.png 886w, https://codexcode.jp/wp-content/uploads/image-331-300x214.png 300w, https://codexcode.jp/wp-content/uploads/image-331-768x549.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">これが、IntelliJの設定画面です。</p>



<p class="wp-block-paragraph">まず、一番手っ取り早いところで最初から表示されている画面にThemeという欄があります。<br>このThemeを変更することで、IntelliJの色合いを変更することができます。</p>



<p class="wp-block-paragraph">ない場合は、左メニューから「Appearance」を選択してください。</p>



<p class="wp-block-paragraph">しかし、左メニューを見ると大量の設定項目があってどこを選べば目的の設定項目があるのかがわかりづらいですよね。</p>



<p class="wp-block-paragraph">IntelliJでは、そんなときのために検索窓を用意してくれています。<br>今回は、試しに「font」と検索しています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="656" src="https://codexcode.jp/wp-content/uploads/image-341.png" alt="" class="wp-image-2149" srcset="https://codexcode.jp/wp-content/uploads/image-341.png 886w, https://codexcode.jp/wp-content/uploads/image-341-300x222.png 300w, https://codexcode.jp/wp-content/uploads/image-341-768x569.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">すると、メニュー内がFontに関連する項目だけになります。<br>Editor内のFontを選択してみましょう。</p>



<p class="wp-block-paragraph">すると、エディタのフォントの種類や大きさを設定できる画面へ飛びます。<br>エディタのフォントの文字を大きくしたい場合はここから設定を行います。</p>



<p class="wp-block-paragraph">どのように表示されるかのプレビューも下にあるので、好きに設定しましょう。</p>



<p class="wp-block-paragraph">※プログラミングをする際に、フォントの設定というのは地味ながらもとても重要な項目です。<br>特にフォントには、プログラミング用のフォントというのも多数存在します。<br>例えば、以下は筆者のお気に入りの「Cica」というフォントです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="628" src="https://codexcode.jp/wp-content/uploads/image-342.png" alt="" class="wp-image-2150" srcset="https://codexcode.jp/wp-content/uploads/image-342.png 886w, https://codexcode.jp/wp-content/uploads/image-342-300x213.png 300w, https://codexcode.jp/wp-content/uploads/image-342-768x544.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">自分の使いやすいフォントを見つけると作業効率も格段に上がるので、慣れてきたら探してみてください！</p>



<h3 class="wp-block-heading" id="メインメニューが表示されない"><strong>メインメニューが表示されない</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="504" src="https://codexcode.jp/wp-content/uploads/image-343.png" alt="" class="wp-image-2151" srcset="https://codexcode.jp/wp-content/uploads/image-343.png 886w, https://codexcode.jp/wp-content/uploads/image-343-300x171.png 300w, https://codexcode.jp/wp-content/uploads/image-343-768x437.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">さてプログラミングを始めようと思ったタイミングで、いつものメインメニューではなく、いきなりエディタ画面が表示されて困惑することがありませんか？</p>



<p class="wp-block-paragraph">これは、IntelliJの機能の一つで最後にIntelliJを終了したときの情報を自動的に保存して、再び起動したときに復元してくれるという機能を持っています。</p>



<p class="wp-block-paragraph">ただ単純に、前のプロジェクトが読み込まれているだけなので焦る必要はありません。<br>そのまま以前のプログラムを触るなり、新しいプロジェクトを作成するなりして対応しましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="554" src="https://codexcode.jp/wp-content/uploads/image-344.png" alt="" class="wp-image-2152" srcset="https://codexcode.jp/wp-content/uploads/image-344.png 886w, https://codexcode.jp/wp-content/uploads/image-344-300x188.png 300w, https://codexcode.jp/wp-content/uploads/image-344-768x480.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">ちなみに、メインメニューへ戻りたい場合は「File」→「Close Project」でプロジェクトを閉じてメインメニューに戻ることができます。</p>



<h2 class="wp-block-heading" id="トラブル2-プログラムの実行ができない"><strong>トラブル2：プログラムの実行ができない</strong></h2>



<p class="wp-block-paragraph">これが一番多いトラブルかなと思います。<br>この記事ではJavaの文法でのエラーではなく、IntelliJの操作を間違えているがために実行できない場合の原因と対処を解説していきます。</p>



<h3 class="wp-block-heading" id="右クリック時にrunが表示されない"><strong>右クリック時にRunが表示されない</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="554" src="https://codexcode.jp/wp-content/uploads/image-345.png" alt="" class="wp-image-2153" srcset="https://codexcode.jp/wp-content/uploads/image-345.png 886w, https://codexcode.jp/wp-content/uploads/image-345-300x188.png 300w, https://codexcode.jp/wp-content/uploads/image-345-768x480.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">プログラムを書き込んだら、クラスを右クリックして「<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" />Run クラス名」をクリックすることで プログラムをコンパイルして実行するのですが、このRunが表示されないことがあります。</p>



<p class="wp-block-paragraph">原因としては、2パターンあります。</p>



<p class="wp-block-paragraph">1．クラス以外の部分を右クリックしている</p>



<p class="wp-block-paragraph">クラスを実行するのですから、当然右クリックする対象はクラスです。<br>しかし、間違ってsrcフォルダやプロジェクトフォルダを右クリックしてしまっている場合があります。</p>



<p class="wp-block-paragraph">フォルダを実行することはできませんから、当然Runは出てきません。</p>



<p class="wp-block-paragraph">2．プログラムに記述ミスがある。</p>



<p class="wp-block-paragraph">プログラムに文法ミスがあるとコンパイルエラーが発生するのですが、IntelliJでは、そもそも実行ができないようになっています。</p>



<p class="wp-block-paragraph">どこかミスがないかをチェックしましょう。</p>



<h3 class="wp-block-heading" id="複数のプログラムを複数のクラスを使って表現している"><strong>複数のプログラムを複数のクラスを使って表現している。</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="762" src="https://codexcode.jp/wp-content/uploads/image-346.png" alt="" class="wp-image-2154" srcset="https://codexcode.jp/wp-content/uploads/image-346.png 886w, https://codexcode.jp/wp-content/uploads/image-346-300x258.png 300w, https://codexcode.jp/wp-content/uploads/image-346-768x661.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">こちらは、どちらかというとJavaについての知識になってしまうのですが、プロジェクトとクラスの仕様を勘違いしている場合です。</p>



<p class="wp-block-paragraph">例えばこの例では、1つのプロジェクトPro03に対して3つのクラス「Ex01」「Ex02」「Ex03」を作っています。</p>



<p class="wp-block-paragraph">この状態でRunをすると、エラーは起きないのですが実行されるのは初めのEx01クラスのみで他のクラスについては結果が表示されません。</p>



<p class="wp-block-paragraph">細かいクラスの話をすると終わらなくなってしまうので、簡単なたとえ話で考えていきましょう。</p>



<p class="wp-block-paragraph">ゲームで例えるなら、プロジェクトは「ゲームそのもの」、クラスは「ストーリー」や「音楽」「戦闘システム」などの一つ一つの要素です。</p>



<p class="wp-block-paragraph">ゲームの中にゲームを作るなんて言い出すとよくわからないことになってしまいますよね？</p>



<p class="wp-block-paragraph">クラスが集まって一つのプロジェクトは完成しているので、つまり1プログラムにつきちゃんとプロジェクトを1つずつ作りましょうということです。</p>



<p class="wp-block-paragraph">上記の例でいうなら、「Ex01」と「Ex02」と「Ex03」という３つのプロジェクトを作成しましょうということですね。</p>



<p class="wp-block-paragraph">この辺りは、初心者の方が理解しきるのは難しい部分なので、とりあえず新しいプログラムを書くときは新しいプロジェクトを作る必要があるんだよと考えてもらえれば大丈夫です。</p>



<h2 class="wp-block-heading" id="トラブル3-英語がわからない"><strong>トラブル3：英語がわからない</strong></h2>



<p class="wp-block-paragraph">これはトラブルというより・・・という話ではあるんですが、見ての通りIntelliJは英語のみの対応です。<br>日本語での操作を行うことはできません。</p>



<p class="wp-block-paragraph">しかし、これからIT業界で進んでいく気があるのでしたら、せめて最低限の英語は勉強しておくことをお勧めします。</p>



<p class="wp-block-paragraph">というのも、IT業界において、日本語の情報というのは極めて少ないです。<br>パッと見て結構多くの情報があるので、日本語だけで十分じゃないかと思うこともあるかもしれません。</p>



<p class="wp-block-paragraph">確かに、メジャーな情報に関しては日本語での資料は割とあります。<br>しかし、新しい情報や少しマイナーな情報については英語であることがほとんど・・・というより9割9分が英語ですね。</p>



<p class="wp-block-paragraph">また、製品の公式ドキュメントが英語のみの対応であることも多いです。<br>例：Cisco製品のマニュアルなど</p>



<p class="wp-block-paragraph">日本語のみしか理解できない場合、それらの情報が翻訳されるまで待たなければなりません。<br>常に新しい情報を追い続ける必要のあるIT業界において、このタイムラグはかなりの痛手です。</p>



<p class="wp-block-paragraph">最近は、翻訳機能も豊富にあり英語を全て読める必要もなくなってきました。<br>といっても、設定項目を一つ一つ翻訳するというのも面倒でしょうから最低限、単語の理解くらいはできるようになりましょうというわけですね。</p>



<p class="wp-block-paragraph">当然英語は全部読めるに越したことはないですが、今回はIntelliJのトラブル対応の記事なのでこのあたりで・・・</p>



<p class="wp-block-paragraph">いかがでしたでしょうか。</p>



<p class="wp-block-paragraph">今回の記事では、プログラミングを始めたばかりの初学者の方が陥りがちなIntelliJのトラブルについて解説をしました。</p>



<p class="wp-block-paragraph">プログラミング初学者の方は、色々なトラブルに引っかかると思いますが、プログラミング以外の部分で引っかかってしまうのは不本意ですし、モチベーションが落ちてしまう可能性もあります。</p>



<p class="wp-block-paragraph">この記事を参考にして、簡単なトラブルは解決してもらえればと思います。</p>



<p class="wp-block-paragraph">また、新しいトラブルが見つかればその都度更新をしていくのでぜひ参考にしていただければと思います。</p>



<p class="wp-block-paragraph">こんなトラブルもありましたという方は、ぜひコメントしてください。</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2144%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20macOS%E7%B7%A8" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2144%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20macOS%E7%B7%A8" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2144%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20macOS%E7%B7%A8" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2144%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20macOS%E7%B7%A8" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2144%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20macOS%E7%B7%A8" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2144/">プログラミングのざっくり豆知識～IntelliJでよくあるトラブル～ – macOS編</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>プログラミングのざっくり豆知識～IntelliJでよくあるトラブル～ &#8211; Windows編</title>
		<link>https://codexcode.jp/magazine/2132/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:17:09 +0000</pubDate>
				<category><![CDATA[コラム]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2132</guid>

					<description><![CDATA[<p>皆さんこんにちは！ 初めてIntelliJなどのIDEを使っての開発作業を行っているときにトラブルはつきものです。特に初学者の方は想定外のことが起きると何をしていいのかわからなくなってしまうこともありますよね。 今回の記 &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2132/"> <span class="screen-reader-text">プログラミングのざっくり豆知識～IntelliJでよくあるトラブル～ &#8211; Windows編</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2132/">プログラミングのざっくり豆知識～IntelliJでよくあるトラブル～ – Windows編</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">皆さんこんにちは！</p>



<p class="wp-block-paragraph">初めてIntelliJなどのIDEを使っての開発作業を行っているときにトラブルはつきものです。<br>特に初学者の方は想定外のことが起きると何をしていいのかわからなくなってしまうこともありますよね。</p>



<p class="wp-block-paragraph">今回の記事では、IntelliJをJava初心者の人が利用し始めたばかりの時に遭遇しがちなトラブルについて、解説をしていきたいと思います。</p>



<h2 class="wp-block-heading" id="トラブル1-表示される画面が違う"><strong>トラブル1：表示される画面が違う</strong></h2>



<p class="wp-block-paragraph">初心者の方は、初めてIntelliJを利用するときにはサイトや参考書の手順書に沿って導入をしていくと思いますが、その時に手順通りにしていたのに別の画面が表示されるとどこかで間違ってしまったのかとても不安になりますよね。</p>



<p class="wp-block-paragraph">実は原因自体は「なんだそんなことか」となることがほとんどです。<br>考えられるシーンと原因をそれぞれ見ていきましょう。</p>



<h3 class="wp-block-heading" id="初期設定画面が表示されない"><strong>初期設定画面が表示されない</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="740" src="https://codexcode.jp/wp-content/uploads/image-328.png" alt="" class="wp-image-2133" srcset="https://codexcode.jp/wp-content/uploads/image-328.png 886w, https://codexcode.jp/wp-content/uploads/image-328-300x251.png 300w, https://codexcode.jp/wp-content/uploads/image-328-768x641.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">初めて起動したはずなのに、この初期設定画面が表示されない。<br>いきなりメインメニューやエディタが表示されることがあるかもしれません。</p>



<p class="wp-block-paragraph">この場合は、他の人がすでに初期設定を済ませているということが考えられます。</p>



<p class="wp-block-paragraph">特に問題はないので、メインメニューが表示されているならメインメニューの手順から手順を進めてしまって問題ありません。</p>



<h3 class="wp-block-heading" id="intellijの設定について"><strong>IntelliJ</strong><strong>の設定について</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="561" src="https://codexcode.jp/wp-content/uploads/image-329.png" alt="" class="wp-image-2134" srcset="https://codexcode.jp/wp-content/uploads/image-329.png 886w, https://codexcode.jp/wp-content/uploads/image-329-300x190.png 300w, https://codexcode.jp/wp-content/uploads/image-329-768x486.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">初期設定がすでに終わってしまっていた場合や、何かしらの設定(テーマの色やフォントのサイズなど)を変更したいと思うことはあると思います。</p>



<p class="wp-block-paragraph">設定の方法を説明します。<br>メインメニューの場合とエディタの場合があるのでそれぞれ解説しますね。</p>



<p class="wp-block-paragraph">まず、メインメニューの場合は、右下の「Configure」を開いて、「Settings」を選択しましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="519" src="https://codexcode.jp/wp-content/uploads/image-330.png" alt="" class="wp-image-2135" srcset="https://codexcode.jp/wp-content/uploads/image-330.png 886w, https://codexcode.jp/wp-content/uploads/image-330-300x176.png 300w, https://codexcode.jp/wp-content/uploads/image-330-768x450.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">エディタの場合は、「File」から「Settings」を選択しましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="633" src="https://codexcode.jp/wp-content/uploads/image-331.png" alt="" class="wp-image-2136" srcset="https://codexcode.jp/wp-content/uploads/image-331.png 886w, https://codexcode.jp/wp-content/uploads/image-331-300x214.png 300w, https://codexcode.jp/wp-content/uploads/image-331-768x549.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">これが、IntelliJの設定画面です。</p>



<p class="wp-block-paragraph">まず、一番手っ取り早いところで最初から表示されている画面にThemeという欄があります。<br>このThemeを変更することで、IntelliJの色合いを変更することができます。</p>



<p class="wp-block-paragraph">ない場合は、左メニューから「Appearance」を選択してください。</p>



<p class="wp-block-paragraph">しかし、左メニューを見ると大量の設定項目があってどこを選べば目的の設定項目があるのかがわかりづらいですよね。</p>



<p class="wp-block-paragraph">IntelliJでは、そんなときのために検索窓を用意してくれています。<br>今回は、試しに「font」と検索しています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="628" src="https://codexcode.jp/wp-content/uploads/image-332.png" alt="" class="wp-image-2137" srcset="https://codexcode.jp/wp-content/uploads/image-332.png 886w, https://codexcode.jp/wp-content/uploads/image-332-300x213.png 300w, https://codexcode.jp/wp-content/uploads/image-332-768x544.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">すると、メニュー内がFontに関連する項目だけになります。<br>Editor内のFontを選択してみましょう。</p>



<p class="wp-block-paragraph">すると、エディタのフォントの種類や大きさを設定できる画面へ飛びます。<br>エディタのフォントの文字を大きくしたい場合はここから設定を行います。</p>



<p class="wp-block-paragraph">どのように表示されるかのプレビューも下にあるので、好きに設定しましょう。</p>



<p class="wp-block-paragraph">※プログラミングをする際に、フォントの設定というのは地味ながらもとても重要な項目です。<br>特にフォントには、プログラミング用のフォントというのも多数存在します。<br>例えば、以下は筆者のお気に入りの「Cica」というフォントです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="628" src="https://codexcode.jp/wp-content/uploads/image-333.png" alt="" class="wp-image-2138" srcset="https://codexcode.jp/wp-content/uploads/image-333.png 886w, https://codexcode.jp/wp-content/uploads/image-333-300x213.png 300w, https://codexcode.jp/wp-content/uploads/image-333-768x544.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">自分の使いやすいフォントを見つけると作業効率も格段に上がるので、慣れてきたら探してみてください！</p>



<h3 class="wp-block-heading" id="メインメニューが表示されない"><strong>メインメニューが表示されない</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="497" src="https://codexcode.jp/wp-content/uploads/image-334.png" alt="" class="wp-image-2139" srcset="https://codexcode.jp/wp-content/uploads/image-334.png 886w, https://codexcode.jp/wp-content/uploads/image-334-300x168.png 300w, https://codexcode.jp/wp-content/uploads/image-334-768x431.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">さてプログラミングを始めようと思ったタイミングで、いつものメインメニューではなく、いきなりエディタ画面が表示されて困惑することがありませんか？</p>



<p class="wp-block-paragraph">これは、IntelliJの機能の一つで最後にIntelliJを終了したときの情報を自動的に保存して、再び起動したときに復元してくれるという機能を持っています。</p>



<p class="wp-block-paragraph">ただ単純に、前のプロジェクトが読み込まれているだけなので焦る必要はありません。<br>そのまま以前のプログラムを触るなり、新しいプロジェクトを作成するなりして対応しましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="519" src="https://codexcode.jp/wp-content/uploads/image-335.png" alt="" class="wp-image-2140" srcset="https://codexcode.jp/wp-content/uploads/image-335.png 886w, https://codexcode.jp/wp-content/uploads/image-335-300x176.png 300w, https://codexcode.jp/wp-content/uploads/image-335-768x450.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">ちなみに、メインメニューへ戻りたい場合は「File」→「Close Project」でプロジェクトを閉じてメインメニューに戻ることができます。</p>



<h2 class="wp-block-heading" id="トラブル2-プログラムの実行ができない"><strong>トラブル2：プログラムの実行ができない</strong></h2>



<p class="wp-block-paragraph">これが一番多いトラブルかなと思います。<br>この記事ではJavaの文法でのエラーではなく、IntelliJの操作を間違えているがために実行できない場合の原因と対処を解説していきます。</p>



<h3 class="wp-block-heading" id="右クリック時にrunが表示されない"><strong>右クリック時にRunが表示されない</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="497" src="https://codexcode.jp/wp-content/uploads/image-336.png" alt="" class="wp-image-2141" srcset="https://codexcode.jp/wp-content/uploads/image-336.png 886w, https://codexcode.jp/wp-content/uploads/image-336-300x168.png 300w, https://codexcode.jp/wp-content/uploads/image-336-768x431.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">プログラムを書き込んだら、クラスを右クリックして「<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" />Run クラス名」をクリックすることで プログラムをコンパイルして実行するのですが、このRunが表示されないことがあります。</p>



<p class="wp-block-paragraph">原因としては、2パターンあります。</p>



<p class="wp-block-paragraph">1．クラス以外の部分を右クリックしている</p>



<p class="wp-block-paragraph">クラスを実行するのですから、当然右クリックする対象はクラスです。<br>しかし、間違ってsrcフォルダやプロジェクトフォルダを右クリックしてしまっている場合があります。</p>



<p class="wp-block-paragraph">フォルダを実行することはできませんから、当然Runは出てきません。</p>



<p class="wp-block-paragraph">2．プログラムに記述ミスがある。</p>



<p class="wp-block-paragraph">プログラムに文法ミスがあるとコンパイルエラーが発生するのですが、IntelliJでは、そもそも実行ができないようになっています。</p>



<p class="wp-block-paragraph">どこかミスがないかをチェックしましょう。</p>



<h3 class="wp-block-heading" id="複数のプログラムを複数のクラスを使って表現している"><strong>複数のプログラムを複数のクラスを使って表現している。</strong></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="519" src="https://codexcode.jp/wp-content/uploads/image-337.png" alt="" class="wp-image-2142" srcset="https://codexcode.jp/wp-content/uploads/image-337.png 886w, https://codexcode.jp/wp-content/uploads/image-337-300x176.png 300w, https://codexcode.jp/wp-content/uploads/image-337-768x450.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">こちらは、どちらかというとJavaについての知識になってしまうのですが、プロジェクトとクラスの仕様を勘違いしている場合です。</p>



<p class="wp-block-paragraph">例えばこの例では、1つのプロジェクトPro03に対して3つのクラス「Ex01」「Ex02」「Ex03」を作っています。</p>



<p class="wp-block-paragraph">この状態でRunをすると、エラーは起きないのですが実行されるのは初めのEx01クラスのみで他のクラスについては結果が表示されません。</p>



<p class="wp-block-paragraph">細かいクラスの話をすると終わらなくなってしまうので、簡単なたとえ話で考えていきましょう。</p>



<p class="wp-block-paragraph">ゲームで例えるなら、プロジェクトは「ゲームそのもの」、クラスは「ストーリー」や「音楽」「戦闘システム」などの一つ一つの要素です。</p>



<p class="wp-block-paragraph">ゲームの中にゲームを作るなんて言い出すとよくわからないことになってしまいますよね？</p>



<p class="wp-block-paragraph">クラスが集まって一つのプロジェクトは完成しているので、つまり1プログラムにつきちゃんとプロジェクトを1つずつ作りましょうということです。</p>



<p class="wp-block-paragraph">上記の例でいうなら、「Ex01」と「Ex02」と「Ex03」という３つのプロジェクトを作成しましょうということですね。</p>



<p class="wp-block-paragraph">この辺りは、初心者の方が理解しきるのは難しい部分なので、とりあえず新しいプログラムを書くときは新しいプロジェクトを作る必要があるんだよと考えてもらえれば大丈夫です。</p>



<h2 class="wp-block-heading" id="トラブル3-英語がわからない"><strong>トラブル3：英語がわからない</strong></h2>



<p class="wp-block-paragraph">これはトラブルというより・・・という話ではあるんですが、見ての通りIntelliJは英語のみの対応です。<br>日本語での操作を行うことはできません。</p>



<p class="wp-block-paragraph">しかし、これからIT業界で進んでいく気があるのでしたら、せめて最低限の英語は勉強しておくことをお勧めします。</p>



<p class="wp-block-paragraph">というのも、IT業界において、日本語の情報というのは極めて少ないです。<br>パッと見て結構多くの情報があるので、日本語だけで十分じゃないかと思うこともあるかもしれません。</p>



<p class="wp-block-paragraph">確かに、メジャーな情報に関しては日本語での資料は割とあります。<br>しかし、新しい情報や少しマイナーな情報については英語であることがほとんど・・・というより9割9分が英語ですね。</p>



<p class="wp-block-paragraph">また、製品の公式ドキュメントが英語のみの対応であることも多いです。<br>例：Cisco製品のマニュアルなど</p>



<p class="wp-block-paragraph">日本語のみしか理解できない場合、それらの情報が翻訳されるまで待たなければなりません。<br>常に新しい情報を追い続ける必要のあるIT業界において、このタイムラグはかなりの痛手です。</p>



<p class="wp-block-paragraph">最近は、翻訳機能も豊富にあり英語を全て読める必要もなくなってきました。<br>といっても、設定項目を一つ一つ翻訳するというのも面倒でしょうから最低限、単語の理解くらいはできるようになりましょうというわけですね。</p>



<p class="wp-block-paragraph">当然英語は全部読めるに越したことはないですが、今回はIntelliJのトラブル対応の記事なのでこのあたりで・・・</p>



<p class="wp-block-paragraph">いかがでしたでしょうか。</p>



<p class="wp-block-paragraph">今回の記事では、プログラミングを始めたばかりの初学者の方が陥りがちなIntelliJのトラブルについて解説をしました。</p>



<p class="wp-block-paragraph">プログラミング初学者の方は、色々なトラブルに引っかかると思いますが、プログラミング以外の部分で引っかかってしまうのは不本意ですし、モチベーションが落ちてしまう可能性もあります。</p>



<p class="wp-block-paragraph">この記事を参考にして、簡単なトラブルは解決してもらえればと思います。</p>



<p class="wp-block-paragraph">また、新しいトラブルが見つかればその都度更新をしていくのでぜひ参考にしていただければと思います。</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2132%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20Windows%E7%B7%A8" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2132%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20Windows%E7%B7%A8" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2132%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20Windows%E7%B7%A8" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2132%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20Windows%E7%B7%A8" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2132%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EIntelliJ%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%EF%BD%9E%20%E2%80%93%20Windows%E7%B7%A8" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2132/">プログラミングのざっくり豆知識～IntelliJでよくあるトラブル～ – Windows編</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Android入門講座～Dialogflowでチャットボットを作ろう②～</title>
		<link>https://codexcode.jp/magazine/2112/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:11:20 +0000</pubDate>
				<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2112</guid>

					<description><![CDATA[<p>つながる会話を作成する 前回は、Intentを使って挨拶のやりとりを作成しました。実際、私たちの会話はこのような会話のキャッチボールが何度も繰り返されることで成り立っています。 今回は、会話を継続するための機能を使って、 &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2112/"> <span class="screen-reader-text">Android入門講座～Dialogflowでチャットボットを作ろう②～</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2112/">Android入門講座～Dialogflowでチャットボットを作ろう②～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading" id="つながる会話を作成する"><strong>つながる会話を作成する</strong></h2>



<p class="wp-block-paragraph">前回は、Intentを使って挨拶のやりとりを作成しました。実際、私たちの会話はこのような会話のキャッチボールが何度も繰り返されることで成り立っています。</p>



<p class="wp-block-paragraph">今回は、会話を継続するための機能を使って、天気に関する会話のやりとりを作成してみようと思います。下記の図のようなイメージです。</p>



<p class="wp-block-paragraph">「今日の天気わかる？」という会話の後に、晴れ、曇り、雨のいずれかを入力し、入力した天気に応じて、チャットボットの応答文が変わる仕組みです。</p>



<p class="wp-block-paragraph">ポイントは、「傘いるかな？」の問いかけに対して、前回答えた天気に応じた応答文が返ってくるところです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="648" height="895" src="https://codexcode.jp/wp-content/uploads/image-310.png" alt="" class="wp-image-2113" srcset="https://codexcode.jp/wp-content/uploads/image-310.png 648w, https://codexcode.jp/wp-content/uploads/image-310-217x300.png 217w" sizes="auto, (max-width: 648px) 100vw, 648px" /></figure>



<p class="wp-block-paragraph">以下の画像を参考に、天気の会話をIntentに登録します。Intentの追加は左メニューの「Intents」から「CREATE INTENT」をクリックします。</p>



<p class="wp-block-paragraph">手順については「<a href="https://codexcode.jp/?p=2093">Dialogflowを使ってみよう その①</a>」の記事を参考にしてみてください。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="275" src="https://codexcode.jp/wp-content/uploads/image-311.png" alt="" class="wp-image-2114" srcset="https://codexcode.jp/wp-content/uploads/image-311.png 886w, https://codexcode.jp/wp-content/uploads/image-311-300x93.png 300w, https://codexcode.jp/wp-content/uploads/image-311-768x238.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">まずはそれぞれの会話のセットを作成します。</p>



<p class="wp-block-paragraph">最初の挨拶と天気を訪ねる応答文</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="716" src="https://codexcode.jp/wp-content/uploads/image-312.png" alt="" class="wp-image-2115" srcset="https://codexcode.jp/wp-content/uploads/image-312.png 886w, https://codexcode.jp/wp-content/uploads/image-312-300x242.png 300w, https://codexcode.jp/wp-content/uploads/image-312-768x621.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「晴れ」と回答した時の応答文</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="710" src="https://codexcode.jp/wp-content/uploads/image-313.png" alt="" class="wp-image-2116" srcset="https://codexcode.jp/wp-content/uploads/image-313.png 886w, https://codexcode.jp/wp-content/uploads/image-313-300x240.png 300w, https://codexcode.jp/wp-content/uploads/image-313-768x615.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「曇り」と回答した時の応答文</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="725" src="https://codexcode.jp/wp-content/uploads/image-314.png" alt="" class="wp-image-2117" srcset="https://codexcode.jp/wp-content/uploads/image-314.png 886w, https://codexcode.jp/wp-content/uploads/image-314-300x245.png 300w, https://codexcode.jp/wp-content/uploads/image-314-768x628.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「雨」と回答した時の応答文</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="729" src="https://codexcode.jp/wp-content/uploads/image-315.png" alt="" class="wp-image-2118" srcset="https://codexcode.jp/wp-content/uploads/image-315.png 886w, https://codexcode.jp/wp-content/uploads/image-315-300x247.png 300w, https://codexcode.jp/wp-content/uploads/image-315-768x632.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「晴れ」と回答した後に「傘が必要か？」という問いかけに対する応答文</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="723" src="https://codexcode.jp/wp-content/uploads/image-316.png" alt="" class="wp-image-2119" srcset="https://codexcode.jp/wp-content/uploads/image-316.png 886w, https://codexcode.jp/wp-content/uploads/image-316-300x245.png 300w, https://codexcode.jp/wp-content/uploads/image-316-768x627.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「曇り」と回答した後に「傘が必要か？」という問いかけに対する応答文</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="718" src="https://codexcode.jp/wp-content/uploads/image-317.png" alt="" class="wp-image-2120" srcset="https://codexcode.jp/wp-content/uploads/image-317.png 886w, https://codexcode.jp/wp-content/uploads/image-317-300x243.png 300w, https://codexcode.jp/wp-content/uploads/image-317-768x622.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「雨」と回答した後に「傘が必要か？」という問いかけに対する応答文</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="722" src="https://codexcode.jp/wp-content/uploads/image-318.png" alt="" class="wp-image-2121" srcset="https://codexcode.jp/wp-content/uploads/image-318.png 886w, https://codexcode.jp/wp-content/uploads/image-318-300x244.png 300w, https://codexcode.jp/wp-content/uploads/image-318-768x626.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">会話のセットはできましたが、それぞれのIntentは独立しているので、これでは「傘が必要か？」という問いかけに対して、実行するインテントが確定できません。</p>



<p class="wp-block-paragraph">そこで、このIntentをつなげて会話を継続させるためにContextsを使います。</p>



<h2 class="wp-block-heading" id="contextsを作成する"><strong>Contexts</strong><strong>を作成する</strong></h2>



<p class="wp-block-paragraph">Contextsとは、会話を継続させるために次の会話に必要な情報を設定するものです。</p>



<p class="wp-block-paragraph">それぞれのIntent内の「Contexts」に記述します。</p>



<p class="wp-block-paragraph">「Add input context」 ⇒　Intentを実行する条件</p>



<p class="wp-block-paragraph">「Add output context」 ⇒　Intentを実行した結果</p>



<p class="wp-block-paragraph">「晴れ」「曇り」「雨」と発言した時のIntentを 「Add output context」 に登録しておきます。これで、どの天気のIntentが実行されたのかを記憶させることができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="644" src="https://codexcode.jp/wp-content/uploads/image-319.png" alt="" class="wp-image-2122" srcset="https://codexcode.jp/wp-content/uploads/image-319.png 886w, https://codexcode.jp/wp-content/uploads/image-319-300x218.png 300w, https://codexcode.jp/wp-content/uploads/image-319-768x558.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">曇り、雨のパターンも同様に、Intent名をContextsに登録します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="646" src="https://codexcode.jp/wp-content/uploads/image-320.png" alt="" class="wp-image-2123" srcset="https://codexcode.jp/wp-content/uploads/image-320.png 886w, https://codexcode.jp/wp-content/uploads/image-320-300x219.png 300w, https://codexcode.jp/wp-content/uploads/image-320-768x560.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="650" src="https://codexcode.jp/wp-content/uploads/image-321.png" alt="" class="wp-image-2124" srcset="https://codexcode.jp/wp-content/uploads/image-321.png 886w, https://codexcode.jp/wp-content/uploads/image-321-300x220.png 300w, https://codexcode.jp/wp-content/uploads/image-321-768x563.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">次に「傘が必要か？」という問いかけに対して、晴れの場合、曇りの場合、雨の場合で応答文が異なる３つのIntentのどれを実行するかを登録していきます。</p>



<p class="wp-block-paragraph">今度は、Intentが呼ばれる条件を指定するため、「Add input context」のほうに、条件として使われたIntent名を入力して保存します。</p>



<p class="wp-block-paragraph">例えば、晴れの場合の応答文は「晴れ」と回答した時のIntent名「tenkisun」を登録します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="693" src="https://codexcode.jp/wp-content/uploads/image-322.png" alt="" class="wp-image-2125" srcset="https://codexcode.jp/wp-content/uploads/image-322.png 886w, https://codexcode.jp/wp-content/uploads/image-322-300x235.png 300w, https://codexcode.jp/wp-content/uploads/image-322-768x601.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">曇り、雨の場合も同様に、回答した天気に対応するIntent名を登録します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="688" src="https://codexcode.jp/wp-content/uploads/image-323.png" alt="" class="wp-image-2126" srcset="https://codexcode.jp/wp-content/uploads/image-323.png 886w, https://codexcode.jp/wp-content/uploads/image-323-300x233.png 300w, https://codexcode.jp/wp-content/uploads/image-323-768x596.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="676" src="https://codexcode.jp/wp-content/uploads/image-324.png" alt="" class="wp-image-2127" srcset="https://codexcode.jp/wp-content/uploads/image-324.png 886w, https://codexcode.jp/wp-content/uploads/image-324-300x229.png 300w, https://codexcode.jp/wp-content/uploads/image-324-768x586.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<h2 class="wp-block-heading" id="実行してみよう"><strong>実行してみよう</strong></h2>



<p class="wp-block-paragraph">このような感じで、回答した天気に応じて、傘が必要かどうかを答えてくれるチャットボットができました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="700" height="970" src="https://codexcode.jp/wp-content/uploads/image-325.png" alt="" class="wp-image-2128" srcset="https://codexcode.jp/wp-content/uploads/image-325.png 700w, https://codexcode.jp/wp-content/uploads/image-325-216x300.png 216w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="594" height="1024" src="https://codexcode.jp/wp-content/uploads/image-326-594x1024.png" alt="" class="wp-image-2129" srcset="https://codexcode.jp/wp-content/uploads/image-326-594x1024.png 594w, https://codexcode.jp/wp-content/uploads/image-326-174x300.png 174w, https://codexcode.jp/wp-content/uploads/image-326.png 675w" sizes="auto, (max-width: 594px) 100vw, 594px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="591" height="1024" src="https://codexcode.jp/wp-content/uploads/image-327-591x1024.png" alt="" class="wp-image-2130" srcset="https://codexcode.jp/wp-content/uploads/image-327-591x1024.png 591w, https://codexcode.jp/wp-content/uploads/image-327-173x300.png 173w, https://codexcode.jp/wp-content/uploads/image-327.png 675w" sizes="auto, (max-width: 591px) 100vw, 591px" /></figure>



<p class="wp-block-paragraph">Contextを使うことで会話のパターンが広がり、よりチャットボットらしくなりました。</p>



<p class="wp-block-paragraph">簡単に作れるので、是非、皆さんも作ってみてください。</p>



<p class="wp-block-paragraph">Dialogflowにはもっと色々な使い方があります。それについてはまた今度、記事にしたいと思います。</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2112%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A1%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2112%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A1%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2112%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A1%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2112%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A1%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2112%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A1%EF%BD%9E" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2112/">Android入門講座～Dialogflowでチャットボットを作ろう②～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Android入門講座～Dialogflowでチャットボットを作ろう①～</title>
		<link>https://codexcode.jp/magazine/2093/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:08:53 +0000</pubDate>
				<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2093</guid>

					<description><![CDATA[<p>Dialogflowとは？ Googleが無償で提供しているツールで、音声やテキストでの会話型インターフェイスを構築することができます。 Dialogflowにログインする まずは以下URLにアクセスします。 https &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2093/"> <span class="screen-reader-text">Android入門講座～Dialogflowでチャットボットを作ろう①～</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2093/">Android入門講座～Dialogflowでチャットボットを作ろう①～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading" id="dialogflowとは"><strong>Dialogflow</strong><strong>とは？</strong></h2>



<p class="wp-block-paragraph">Googleが無償で提供しているツールで、音声やテキストでの会話型インターフェイスを構築することができます。</p>



<h2 class="wp-block-heading" id="dialogflowにログインする"><strong>Dialogflow</strong><strong>にログインする</strong></h2>



<p class="wp-block-paragraph">まずは以下URLにアクセスします。</p>



<p class="wp-block-paragraph"><a href="https://dialogflow.com/">https://dialogflow.com/</a></p>



<p class="wp-block-paragraph">「Sign up for free」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="485" src="https://codexcode.jp/wp-content/uploads/image-293.png" alt="" class="wp-image-2094" srcset="https://codexcode.jp/wp-content/uploads/image-293.png 886w, https://codexcode.jp/wp-content/uploads/image-293-300x164.png 300w, https://codexcode.jp/wp-content/uploads/image-293-768x420.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「google」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="491" src="https://codexcode.jp/wp-content/uploads/image-294.png" alt="" class="wp-image-2095" srcset="https://codexcode.jp/wp-content/uploads/image-294.png 886w, https://codexcode.jp/wp-content/uploads/image-294-300x166.png 300w, https://codexcode.jp/wp-content/uploads/image-294-768x426.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">同意のチェックを入れて「ACCEPT」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="806" src="https://codexcode.jp/wp-content/uploads/image-295.png" alt="" class="wp-image-2096" srcset="https://codexcode.jp/wp-content/uploads/image-295.png 886w, https://codexcode.jp/wp-content/uploads/image-295-300x273.png 300w, https://codexcode.jp/wp-content/uploads/image-295-768x699.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">ログインに使うGoogleアカウントを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="419" height="468" src="https://codexcode.jp/wp-content/uploads/image-296.png" alt="" class="wp-image-2097" srcset="https://codexcode.jp/wp-content/uploads/image-296.png 419w, https://codexcode.jp/wp-content/uploads/image-296-269x300.png 269w" sizes="auto, (max-width: 419px) 100vw, 419px" /></figure>



<p class="wp-block-paragraph">「許可」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="310" height="433" src="https://codexcode.jp/wp-content/uploads/image-297.png" alt="" class="wp-image-2098" srcset="https://codexcode.jp/wp-content/uploads/image-297.png 310w, https://codexcode.jp/wp-content/uploads/image-297-215x300.png 215w" sizes="auto, (max-width: 310px) 100vw, 310px" /></figure>



<h2 class="wp-block-heading" id="agentを作成する"><strong>Agent</strong><strong>を作成する</strong></h2>



<p class="wp-block-paragraph">Agentとは、会話の問いかけと応答の情報をひとまとめにして管理するものです。</p>



<p class="wp-block-paragraph">「CREATE AGENT」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="511" src="https://codexcode.jp/wp-content/uploads/image-298.png" alt="" class="wp-image-2099" srcset="https://codexcode.jp/wp-content/uploads/image-298.png 886w, https://codexcode.jp/wp-content/uploads/image-298-300x173.png 300w, https://codexcode.jp/wp-content/uploads/image-298-768x443.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">下記の図の赤枠のところが入力箇所です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="385" src="https://codexcode.jp/wp-content/uploads/image-299.png" alt="" class="wp-image-2100" srcset="https://codexcode.jp/wp-content/uploads/image-299.png 886w, https://codexcode.jp/wp-content/uploads/image-299-300x130.png 300w, https://codexcode.jp/wp-content/uploads/image-299-768x334.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">Agent名の入力と、言語を選択して「CREATE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="418" src="https://codexcode.jp/wp-content/uploads/image-300.png" alt="" class="wp-image-2101" srcset="https://codexcode.jp/wp-content/uploads/image-300.png 886w, https://codexcode.jp/wp-content/uploads/image-300-300x142.png 300w, https://codexcode.jp/wp-content/uploads/image-300-768x362.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<h2 class="wp-block-heading" id="intentを登録する"><strong>Intent</strong><strong>を登録する</strong></h2>



<p class="wp-block-paragraph">Intentとは、問いかけと応答の組み合わせ（会話のセット）を管理するものです。今回は挨拶をする会話のセットを作成してみたいと思います。</p>



<p class="wp-block-paragraph">メニューの「Intents」をクリックして表示される画面の「CREATE INTENT」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="445" src="https://codexcode.jp/wp-content/uploads/image-301.png" alt="" class="wp-image-2102" srcset="https://codexcode.jp/wp-content/uploads/image-301.png 886w, https://codexcode.jp/wp-content/uploads/image-301-300x151.png 300w, https://codexcode.jp/wp-content/uploads/image-301-768x386.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「ADD TRAINING PHRASES」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="827" height="606" src="https://codexcode.jp/wp-content/uploads/image-302.png" alt="" class="wp-image-2103" srcset="https://codexcode.jp/wp-content/uploads/image-302.png 827w, https://codexcode.jp/wp-content/uploads/image-302-300x220.png 300w, https://codexcode.jp/wp-content/uploads/image-302-768x563.png 768w" sizes="auto, (max-width: 827px) 100vw, 827px" /></figure>



<p class="wp-block-paragraph">下記の図の赤枠のところが入力箇所です。 Training phrasesの欄に入力した文言が会話の問いかけ部分になります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="429" src="https://codexcode.jp/wp-content/uploads/image-303.png" alt="" class="wp-image-2104" srcset="https://codexcode.jp/wp-content/uploads/image-303.png 886w, https://codexcode.jp/wp-content/uploads/image-303-300x145.png 300w, https://codexcode.jp/wp-content/uploads/image-303-768x372.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">Intent名と会話の問いかけ文を入力したら「SAVE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="501" src="https://codexcode.jp/wp-content/uploads/image-304.png" alt="" class="wp-image-2105" srcset="https://codexcode.jp/wp-content/uploads/image-304.png 886w, https://codexcode.jp/wp-content/uploads/image-304-300x170.png 300w, https://codexcode.jp/wp-content/uploads/image-304-768x434.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「ADD RESPONSE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="787" src="https://codexcode.jp/wp-content/uploads/image-305.png" alt="" class="wp-image-2106" srcset="https://codexcode.jp/wp-content/uploads/image-305.png 886w, https://codexcode.jp/wp-content/uploads/image-305-300x266.png 300w, https://codexcode.jp/wp-content/uploads/image-305-768x682.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">下記の図の赤枠のところが入力箇所です。 ここに入力した文言が、会話の応答部分になります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="783" height="419" src="https://codexcode.jp/wp-content/uploads/image-306.png" alt="" class="wp-image-2107" srcset="https://codexcode.jp/wp-content/uploads/image-306.png 783w, https://codexcode.jp/wp-content/uploads/image-306-300x161.png 300w, https://codexcode.jp/wp-content/uploads/image-306-768x411.png 768w" sizes="auto, (max-width: 783px) 100vw, 783px" /></figure>



<p class="wp-block-paragraph">会話の応答文を入力したら「SAVE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="873" height="544" src="https://codexcode.jp/wp-content/uploads/image-307.png" alt="" class="wp-image-2108" srcset="https://codexcode.jp/wp-content/uploads/image-307.png 873w, https://codexcode.jp/wp-content/uploads/image-307-300x187.png 300w, https://codexcode.jp/wp-content/uploads/image-307-768x479.png 768w" sizes="auto, (max-width: 873px) 100vw, 873px" /></figure>



<h2 class="wp-block-heading" id="実行してみよう"><strong>実行してみよう</strong></h2>



<p class="wp-block-paragraph">画面右上の赤枠のところに、Intentで登録した問いかけ文を入力してみましょう。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="238" src="https://codexcode.jp/wp-content/uploads/image-308.png" alt="" class="wp-image-2109" srcset="https://codexcode.jp/wp-content/uploads/image-308.png 886w, https://codexcode.jp/wp-content/uploads/image-308-300x81.png 300w, https://codexcode.jp/wp-content/uploads/image-308-768x206.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">実行例として、Training phrasesに登録した「ちわっす」を入力した結果、Responsesに登録した「おっすー」が返ってきています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="508" height="570" src="https://codexcode.jp/wp-content/uploads/image-309.png" alt="" class="wp-image-2110" srcset="https://codexcode.jp/wp-content/uploads/image-309.png 508w, https://codexcode.jp/wp-content/uploads/image-309-267x300.png 267w" sizes="auto, (max-width: 508px) 100vw, 508px" /></figure>



<p class="wp-block-paragraph">今回はシンプルに1つの会話セットを作成、実行しただけですが、Dialogflowには、会話の履歴を管理する仕組みがあり、それを使うことで継続した会話をしているような演出ができるようになります。</p>



<p class="wp-block-paragraph">次回はDialogflowで会話をつなげる方法について書いてみたいと思います。</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2093%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A0%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2093%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A0%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2093%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A0%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2093%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A0%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2093%2F&amp;linkname=Android%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7%EF%BD%9EDialogflow%E3%81%A7%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%E2%91%A0%EF%BD%9E" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2093/">Android入門講座～Dialogflowでチャットボットを作ろう①～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>プログラミングのざっくり豆知識～PythonでLine botを作ろう！②～</title>
		<link>https://codexcode.jp/magazine/2071/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:01:34 +0000</pubDate>
				<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2071</guid>

					<description><![CDATA[<p>今回はLineサーバーに自分でこれから建てるサーバーに関する情報を教えるところを解説します。 環境 Windows 10 Homepython 3.6.2heroku Line developers 登録＆設定 Webh &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2071/"> <span class="screen-reader-text">プログラミングのざっくり豆知識～PythonでLine botを作ろう！②～</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2071/">プログラミングのざっくり豆知識～PythonでLine botを作ろう！②～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">今回はLineサーバーに自分でこれから建てるサーバーに関する情報を教えるところを解説します。</p>



<h2 class="wp-block-heading" id="環境"><strong>環境</strong></h2>



<p class="wp-block-paragraph">Windows 10 Home<br>python 3.6.2<br>heroku</p>



<h2 class="wp-block-heading" id="line-developers-登録-設定"><strong>Line developers </strong><strong>登録＆設定</strong></h2>



<p class="wp-block-paragraph">Webhookの設定をするためにLine developersへログインする必要があります。<br>Lineのアカウントを持っている方は以下のURLから「Lineアカウントでログイン」を押下し、ログインしましょう。</p>



<p class="wp-block-paragraph"><a href="https://account.line.biz/login">https://account.line.biz/login</a></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="949" src="https://codexcode.jp/wp-content/uploads/image-275.png" alt="" class="wp-image-2072" srcset="https://codexcode.jp/wp-content/uploads/image-275.png 886w, https://codexcode.jp/wp-content/uploads/image-275-280x300.png 280w, https://codexcode.jp/wp-content/uploads/image-275-768x823.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">ログイン後、サイドバーから「プロバイダー」を選択し、<br>新規プロバイダー作成を行います。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="498" src="https://codexcode.jp/wp-content/uploads/image-276.png" alt="" class="wp-image-2073" srcset="https://codexcode.jp/wp-content/uploads/image-276.png 886w, https://codexcode.jp/wp-content/uploads/image-276-300x169.png 300w, https://codexcode.jp/wp-content/uploads/image-276-768x432.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">次にプロバイダー名の入力を行います。<br>好きなプロバイダー名を入力してください。<br>入力後、確認するボタンを押し、プロバイダーを作成します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="498" src="https://codexcode.jp/wp-content/uploads/image-277.png" alt="" class="wp-image-2074" srcset="https://codexcode.jp/wp-content/uploads/image-277.png 886w, https://codexcode.jp/wp-content/uploads/image-277-300x169.png 300w, https://codexcode.jp/wp-content/uploads/image-277-768x432.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">プロバイダーが作成できたら、「Messaging API」のチャネルを作成します。<br>「チャネルを作成する」を押下します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="498" src="https://codexcode.jp/wp-content/uploads/image-278.png" alt="" class="wp-image-2075" srcset="https://codexcode.jp/wp-content/uploads/image-278.png 886w, https://codexcode.jp/wp-content/uploads/image-278-300x169.png 300w, https://codexcode.jp/wp-content/uploads/image-278-768x432.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">次にチャネルに関する情報を登録していきます。<br>「新規チャネル作成」で下記の必要情報を入力します。</p>



<p class="wp-block-paragraph">・アプリ名<br>・アプリ説明<br>・大業種<br>・小業種<br>・メールアドレス</p>



<p class="wp-block-paragraph">プライバシーポリシーURLとサービス利用規約URLは今回登録しません。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="497" src="https://codexcode.jp/wp-content/uploads/image-279.png" alt="" class="wp-image-2076" srcset="https://codexcode.jp/wp-content/uploads/image-279.png 886w, https://codexcode.jp/wp-content/uploads/image-279-300x168.png 300w, https://codexcode.jp/wp-content/uploads/image-279-768x431.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">チャネルの登録後、登録したチャネルを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="498" src="https://codexcode.jp/wp-content/uploads/image-280.png" alt="" class="wp-image-2077" srcset="https://codexcode.jp/wp-content/uploads/image-280.png 886w, https://codexcode.jp/wp-content/uploads/image-280-300x169.png 300w, https://codexcode.jp/wp-content/uploads/image-280-768x432.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">「チャネル基本設定」の下側にある「Channel Secret」、「アクセストークン」に書かれている値を取得します。<br>「アクセストークン」は再発行ボタンを押すことにより取得することが<br>できます。取得した値は後で使用します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="499" src="https://codexcode.jp/wp-content/uploads/image-281.png" alt="" class="wp-image-2078" srcset="https://codexcode.jp/wp-content/uploads/image-281.png 886w, https://codexcode.jp/wp-content/uploads/image-281-300x169.png 300w, https://codexcode.jp/wp-content/uploads/image-281-768x433.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="497" src="https://codexcode.jp/wp-content/uploads/image-282.png" alt="" class="wp-image-2079" srcset="https://codexcode.jp/wp-content/uploads/image-282.png 886w, https://codexcode.jp/wp-content/uploads/image-282-300x168.png 300w, https://codexcode.jp/wp-content/uploads/image-282-768x431.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">Webhook送信ができるように有効化します。<br>「Webhook送信」の編集を押下し、「利用する」にチェックを入れた後<br>「更新」を押下します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="498" src="https://codexcode.jp/wp-content/uploads/image-283.png" alt="" class="wp-image-2080" srcset="https://codexcode.jp/wp-content/uploads/image-283.png 886w, https://codexcode.jp/wp-content/uploads/image-283-300x169.png 300w, https://codexcode.jp/wp-content/uploads/image-283-768x432.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="498" src="https://codexcode.jp/wp-content/uploads/image-284.png" alt="" class="wp-image-2081" srcset="https://codexcode.jp/wp-content/uploads/image-284.png 886w, https://codexcode.jp/wp-content/uploads/image-284-300x169.png 300w, https://codexcode.jp/wp-content/uploads/image-284-768x432.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">以上で一旦の設定は終了です。サーバーを建てた後にWebhookURLの設定を行います。<br>次回は ②botのアプリケーションを作成するためのサーバーを建てる をやっていきます。</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2071%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A1%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2071%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A1%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2071%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A1%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2071%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A1%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2071%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A1%EF%BD%9E" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2071/">プログラミングのざっくり豆知識～PythonでLine botを作ろう！②～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>プログラミングのざっくり豆知識～PythonでLine botを作ろう！①～</title>
		<link>https://codexcode.jp/magazine/2068/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 08:00:11 +0000</pubDate>
				<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://codexcode.jp/?p=2068</guid>

					<description><![CDATA[<p>始めに ふとbotを作ってみようと思い立ち、Line botを作成してみました。 環境 Windows 10 Homepython 3.6.2heroku Line botの仕組み 今回はLine botの仕組みを図で簡 &#8230;</p>
<p class="read-more"> <a class="" href="https://codexcode.jp/magazine/2068/"> <span class="screen-reader-text">プログラミングのざっくり豆知識～PythonでLine botを作ろう！①～</span> もっと読む &#187;</a></p>
<p>The post <a href="https://codexcode.jp/magazine/2068/">プログラミングのざっくり豆知識～PythonでLine botを作ろう！①～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"><strong>始めに</strong></p>



<p class="wp-block-paragraph">ふとbotを作ってみようと思い立ち、Line botを作成してみました。</p>



<h2 class="wp-block-heading" id="環境"><strong>環境</strong></h2>



<p class="wp-block-paragraph">Windows 10 Home<br>python 3.6.2<br>heroku</p>



<h2 class="wp-block-heading" id="line-botの仕組み"><strong>Line bot</strong><strong>の仕組み</strong></h2>



<p class="wp-block-paragraph">今回はLine botの仕組みを図で簡単に説明してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="498" src="https://codexcode.jp/wp-content/uploads/image-274.png" alt="" class="wp-image-2069" srcset="https://codexcode.jp/wp-content/uploads/image-274.png 886w, https://codexcode.jp/wp-content/uploads/image-274-300x169.png 300w, https://codexcode.jp/wp-content/uploads/image-274-768x432.png 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">①ユーザーが作成したbotに対してメッセージを送る。送り先はLineが提供しているサーバー。<br>②送られたメッセージはWebhookされ、botが入っているサーバーへメッセージを送る。<br>③送られたメッセージに対して処理をし、作成されたメッセージをサーバーへ送り返す。<br>④Lineが提供しているサーバーからユーザーへメッセージを送り返す。</p>



<p class="wp-block-paragraph">ここで「Webhook」という単語が出てきましたが、「Webhook」とは何らかのイベントが発生したときに、<br>指定したURLへpostリクエストをする仕組みのことを言います。</p>



<p class="wp-block-paragraph">上記の仕組みを実現するためには以下の手順を踏んでいく必要があります。</p>



<p class="wp-block-paragraph">①Lineが提供しているサーバーから自分で建てたサーバーへWebhookされるように設定する<br>②botのアプリケーションを作成するためのサーバーを建てる<br>③botアプリケーションを作成し、サーバーにデプロイする</p>



<p class="wp-block-paragraph">次回は①の設定をしていきます。</p>
<p><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2068%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A0%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2068%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A0%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2068%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A0%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2068%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A0%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fcodexcode.jp%2Fmagazine%2F2068%2F&amp;linkname=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E8%B1%86%E7%9F%A5%E8%AD%98%EF%BD%9EPython%E3%81%A7Line%20bot%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86%EF%BC%81%E2%91%A0%EF%BD%9E" title="Pocket" rel="nofollow noopener" target="_blank"></a></p><p>The post <a href="https://codexcode.jp/magazine/2068/">プログラミングのざっくり豆知識～PythonでLine botを作ろう！①～</a> first appeared on <a href="https://codexcode.jp">CODE×CODE（コードコード）</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
