<?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>福田技工</title>
	<atom:link href="https://www.fukuda-gikou.co.jp/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.fukuda-gikou.co.jp</link>
	<description>Fukuda Gikou</description>
	<lastBuildDate>Mon, 23 May 2022 11:09:42 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.2</generator>
	<item>
		<title>Laravelでログインサイトを作る #2</title>
		<link>https://www.fukuda-gikou.co.jp/devlog/1832/</link>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Mon, 23 May 2022 03:08:25 +0000</pubDate>
				<category><![CDATA[開発ブログ]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=1832</guid>

					<description><![CDATA[サイト全体を認証（ログイン必須）サイトにする Laravelのサイト（コンテンツ）がログインをしないと閲覧できないように設定していきます。 リダイレクト先の変更 Login、Register（ユーザ作成）後のリダイレクト [&#8230;]]]></description>
										<content:encoded><![CDATA[<h1>サイト全体を認証（ログイン必須）サイトにする</h1>
<p>Laravelのサイト（コンテンツ）がログインをしないと閲覧できないように設定していきます。</p>
<h2>リダイレクト先の変更</h2>
<p>Login、Register（ユーザ作成）後のリダイレクト先は<a href="http://localhost:3000/home" target="_blank" rel="noopener">http://localhost:3000/home</a>となっています。URLの末尾の<code>/home</code>を外してTOP
	へリダイレクトするには<code>app/Providers/RouteServiceProvider.php</code>と<code>routes/web.php</code>を編集します。</p>
<p>app/Providers/RouteServiceProvider.php <br><small>&#8216;/home&#8217; から &#8216;/&#8217; に変更するだけです。</small></p>
<script src="https://gist.github.com/fkdgk/56eb7ef6a57dff231ed121bae6c704d6.js"></script>
<h2>ルーティングの変更</h2>
<p>routes/web.php <br>読みやすいように<code>use App\Http\Controllers\HomeController;</code>を追加しているところに注意。</p>
<script src="https://gist.github.com/fkdgk/421f630305c3ccc58b87559d1ba39040.js"></script>
<p>ログインしていない状態で<a href="http://localhost:3000/">http://localhost:3000/</a>にアクセスすると<a href="http://localhost:3000/login">http://localhost:3000/login</a>にリダイレクトされている事が確認できます。</p>
<figure id="attachment_1847" aria-describedby="caption-attachment-1847" style="width: 1013px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-12.png"><img decoding="async" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-12.png" alt="Capture 12" width="1013" height="424" class="size-full wp-image-1847" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-12.png 1013w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-12-300x126.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-12-768x321.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-12-696x291.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-12-1003x420.png 1003w" sizes="(max-width: 1013px) 100vw, 1013px" /></a><figcaption id="caption-attachment-1847" class="wp-caption-text">ログイン画面へリダイレクト</figcaption></figure>
<h2>カードレイアウトをコンポーネント化する</h2>
<p>よく使うテンプレートをコンポーネント化します。コンポーネント化することで効率よく無駄なくテンプレートを構築することができます。</p>
<pre>php artisan make:component Card/Card</pre>
<p><code>make:component</code>コマンドを入力すると2つのファイルが生成されます。それぞれ以下のように編集を加えます。</p>
<p>resources/views/components/card/card.blade.php</p>
<p><code>slot</code>の中にコンテンツが入ります。</p>
<script src="https://gist.github.com/fkdgk/09876b4f0e8654b59bc1da16e62b5fdc.js"></script>
<p>app/View/Components/Card/Card.php</p>
<script src="https://gist.github.com/fkdgk/18bce40a92730f000784afc5b56494ff.js"></script>
<p>コンポーネントファイルをhome.blade.phpテンプレートへ読み込ませます。</p>
<p>resources/views/home.blade.php</p>
<script src="https://gist.github.com/fkdgk/3fb3615a08561bb742a6b45fe4533ec8.js"></script>
<p><a href="http://localhost:3000/" target="_blank" rel="noopener">http://localhost:3000/</a>の画面はこのような状態になっています。</p>
<figure id="attachment_1857" aria-describedby="caption-attachment-1857" style="width: 1022px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-13.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-13.png" alt="Capture 13" width="1022" height="255" class="size-full wp-image-1857" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-13.png 1022w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-13-300x75.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-13-768x192.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-13-696x174.png 696w" sizes="(max-width: 1022px) 100vw, 1022px" /></a><figcaption id="caption-attachment-1857" class="wp-caption-text">home.blade.phpの表示状態</figcaption></figure>
<h2>ルート全体を要認証にする</h2>
<code>Route::middleware(['auth'])->group(function ()</code>で囲むことでルート全体を認証化させることができます。
<script src="https://gist.github.com/fkdgk/1097b9499f54edbb8aebf0676da6c39f.js"></script>
<p><code>HomeController.php</code>の<code>middleware('auth')</code>は不要になりますので以下のコードは削除します。</p>
<pre>
    public function __construct()
    {
        $this->middleware('auth');
    }
</pre>
<p>app/Http/Controllers/HomeController.php</p>
<script src="https://gist.github.com/fkdgk/ee206e5ace0687a2547aa1e1c1a2a42a.js"></script>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【Laravel Ver9対応】ログイン機能付き記事投稿アプリを作りながらプログラミングを覚える #1</title>
		<link>https://www.fukuda-gikou.co.jp/devlog/1775/</link>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Mon, 23 May 2022 01:06:05 +0000</pubDate>
				<category><![CDATA[開発ブログ]]></category>
		<category><![CDATA[Docker]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=1775</guid>

					<description><![CDATA[Laravelの開発環境を準備する Docker（Laravel Sail）をインストール アプリ名：Post-Appデータベース:mariadb（mysql） curl -s "https://laravel.buil [&#8230;]]]></description>
										<content:encoded><![CDATA[<h1>Laravelの開発環境を準備する</h1>
<h2>Docker（Laravel Sail）をインストール</h2>
<p>アプリ名：Post-App<br>データベース:mariadb（mysql）</p>
<pre>curl -s "https://laravel.build/Post-APP?with=mariadb" | bash</pre>
<p><code>Docker is not running.</code> と表示された原因はDokerが起動されていないからです。Docker Desktopを起動して再度上記コマンドを入力。</p>
<p><code>Please provide your password so we can make some final adjustments to your application's permissions.</code> というメッセージが表示されたらマシンのパスワードを入力。</p>
<p><code>Post-APP</code>というディレクトリが作成されます。<code>cd</code>コマンドでPost-APPディレクトリへ移動します。</p>
<pre>cd Post-APP</pre>
<h2>VS codeでプロジェクトを開く</h2>
<pre>code .</pre>
<h2>ポート番号を指定し、Dockerを起動</h2>
<p>ポート番号を3000番で起動する場合のコマンドはこちらになります。</p>
<pre>APP_PORT=3000 ./vendor/bin/sail up</pre>
<p>Dockerが起動したら<a href="http://localhost:3000/" target="_blank" rel="noopener">http://localhost:3000/</a>にアクセスしてみます。</p>
<figure id="attachment_1782" aria-describedby="caption-attachment-1782" style="width: 696px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2-1024x523.png" alt="Capture 2" width="696" height="355" class="size-large wp-image-1782" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2-1024x523.png 1024w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2-300x153.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2-768x393.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2-696x356.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2-1068x546.png 1068w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2-822x420.png 822w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-2.png 1166w" sizes="(max-width: 696px) 100vw, 696px" /></a><figcaption id="caption-attachment-1782" class="wp-caption-text">Laravelの初期画面</figcaption></figure>
<h2>Dockerにログインする</h2>
<figure id="attachment_1786" aria-describedby="caption-attachment-1786" style="width: 696px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture_3.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture_3-1024x341.png" alt="Capture 3" width="696" height="232" class="size-large wp-image-1786" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture_3-1024x341.png 1024w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture_3-300x100.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture_3-768x256.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture_3-696x232.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture_3-1068x355.png 1068w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture_3.png 1160w" sizes="(max-width: 696px) 100vw, 696px" /></a><figcaption id="caption-attachment-1786" class="wp-caption-text">ターミナルウィンドウを追加表示</figcaption></figure>
<p>VS CODE右上のプラスボタンをクリックしターミナルウィンドウを追加表示させます。</p>
<pre>./vendor/bin/sail shell</pre>
<p><code>sail@b874aedee907:/var/www/html$</code>と表示されます。<code>b874aedee907</code>の部分は環境によって変わります。</p>
<h1>認証機能の実装</h1>
<h2>ログイン・認証の雛形をインストール</h2>
<p>Laravelでログイン、ユーザ作成、認証を使える雛形をインストールします。</p>
<pre>composer require laravel/ui
php artisan ui bootstrap --auth</pre>
<p>※フロントのフレームワークはbootstrap, vue, reactの3つから選択できます。今回はbootstrapで作成していきます。</p>
<p><code>--auth</code>のオプションを付けることで認証機能を実装することができます。画面右上に<code>Login</code>, <code>Register</code>のリンクが生成されたのが確認できます。</p>
<figure id="attachment_1797" aria-describedby="caption-attachment-1797" style="width: 696px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel-1024x583.png" alt="Laravel" width="696" height="396" class="size-large wp-image-1797" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel-1024x583.png 1024w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel-300x171.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel-768x437.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel-696x396.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel-1068x608.png 1068w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel-738x420.png 738w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/Laravel.png 1176w" sizes="(max-width: 696px) 100vw, 696px" /></a><figcaption id="caption-attachment-1797" class="wp-caption-text">右上にリンクが生成される</figcaption></figure>
<p><a href="http://localhost:3000/login" target="_blank" rel="noopener">Login</a>をクリックします。</p>
<h2>Bootstrapのスタイル適用</h2>
<div><figure id="attachment_1803" aria-describedby="caption-attachment-1803" style="width: 279px" class="wp-caption alignleft"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-5-1.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-5-1.png" alt="Capture 5" width="279" height="301" class="size-full wp-image-1803" /></a><figcaption id="caption-attachment-1803" class="wp-caption-text">ログイン画面</figcaption></figure> <p>スタイルが適応されていない状態。</p>
<pre>npm install
npm run dev</pre><p>上記コマンドでbootstrapのスタイルが適用されます。</p><p><code>...  Finished. Please run Mix again.</code>という表示が出たら再度<code>npm run dev</code>コマンドを入力。</p>
</div>
<figure id="attachment_1807" aria-describedby="caption-attachment-1807" style="width: 975px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-6.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-6.png" alt="Capture 6" width="975" height="404" class="size-full wp-image-1807" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-6.png 975w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-6-300x124.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-6-768x318.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-6-696x288.png 696w" sizes="(max-width: 975px) 100vw, 975px" /></a><figcaption id="caption-attachment-1807" class="wp-caption-text">bootstrap適用後のログイン画面</figcaption></figure>
<p>bootstrapのスタイルが適用され見栄えが変わりました。<br>同様にRegister画面（<a href="http://localhost:3000/register" target="_blank" rel="noopener">http://localhost:3000/register</a>）もスタイルが適用されています。</p>
<figure id="attachment_1810" aria-describedby="caption-attachment-1810" style="width: 979px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-7.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-7.png" alt="Capture 7" width="979" height="437" class="size-full wp-image-1810" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-7.png 979w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-7-300x134.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-7-768x343.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-7-696x311.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-7-941x420.png 941w" sizes="(max-width: 979px) 100vw, 979px" /></a><figcaption id="caption-attachment-1810" class="wp-caption-text">Register画面</figcaption></figure>
<p><a href="http://localhost:3000/register">http://localhost:3000/register</a>のリンクを開きユーザを作成してみます。</p>
<figure id="attachment_1813" aria-describedby="caption-attachment-1813" style="width: 876px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-8.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-8.png" alt="Capture 8" width="876" height="345" class="size-full wp-image-1813" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-8.png 876w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-8-300x118.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-8-768x302.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-8-696x274.png 696w" sizes="(max-width: 876px) 100vw, 876px" /></a><figcaption id="caption-attachment-1813" class="wp-caption-text">Register画面からユーザ作成</figcaption></figure>
<figure id="attachment_1814" aria-describedby="caption-attachment-1814" style="width: 696px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-9.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-9-1024x187.png" alt="Capture 9" width="696" height="127" class="size-large wp-image-1814" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-9-1024x187.png 1024w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-9-300x55.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-9-768x140.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-9-696x127.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-9-1068x195.png 1068w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-9.png 1376w" sizes="(max-width: 696px) 100vw, 696px" /></a><figcaption id="caption-attachment-1814" class="wp-caption-text">SQLSTATE[42S02]: Base table or view not found: 1146 Table &#8216;post_app.users&#8217; doesn&#8217;t exist</figcaption></figure>
<p><code>SQLSTATE[42S02]: Base table or view not found: 1146 Table 'post_app.users' doesn't exist</code>というエラー画面が表示され正常にユーザ作成ができません。<code>A table was not found</code>と表示されている通り、ユーザテーブルが無いのが原因です。</p>
<h2>ユーザテーブル作成</h2>
<p>こちらのコマンドを入力して、usersテーブルを作成します。これはmigrate（マイグレート）という操作になります。</p>
<pre>php artisan migrate</pre>
<figure id="attachment_1817" aria-describedby="caption-attachment-1817" style="width: 603px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-10.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-10.png" alt="Capture 10" width="603" height="204" class="size-full wp-image-1817" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-10.png 603w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-10-300x101.png 300w" sizes="(max-width: 603px) 100vw, 603px" /></a><figcaption id="caption-attachment-1817" class="wp-caption-text">マイグレーション操作</figcaption></figure>
<p>マイグレーションを行うとターミナルに<code>Migration table created successfully.</code>と表示されusersテーブルが作成されます。</p>
<figure id="attachment_1821" aria-describedby="caption-attachment-1821" style="width: 971px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-11.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-11.png" alt="Capture 11" width="971" height="242" class="size-full wp-image-1821" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-11.png 971w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-11-300x75.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-11-768x191.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/05/capture-11-696x173.png 696w" sizes="(max-width: 971px) 100vw, 971px" /></a><figcaption id="caption-attachment-1821" class="wp-caption-text">ユーザ作成完了画面</figcaption></figure>
<p>先程のエラー画面を更新します。するとエラーが解消され<code>You are logged in!</code>と表示されます。これは作成したーユーザでログインしている状態になります。</p>
<p>ここまでのコーディングでユーザ作成、ログイン、ログアウト処理が行えます。ご自身で画面上から操作を行い動作確認を試してみてください。</p>
<p><a href="https://github.com/fkdgk/larave-post-app-sample/commit/57e2c54c85debe663ce5df658308b452776942fd" target="_blank" rel="noopener">https://github.com/fkdgk/larave-post-app-sample/commit/57e2c54c85debe663ce5df658308b452776942fd</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>PHPで多言語対応するシンプルな方法（日本語、英語の切り替え）</title>
		<link>https://www.fukuda-gikou.co.jp/devlog/1743/</link>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Sat, 02 Apr 2022 03:20:55 +0000</pubDate>
				<category><![CDATA[開発ブログ]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[多言語化]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=1743</guid>

					<description><![CDATA[URLにパラメータを追加するだけで簡単に言語切替できる方法をご紹介します。言語はPHPです。 使用例 日本語URL https://example.com英語URL https://example.com?lang=en [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>URLにパラメータを追加するだけで簡単に言語切替できる方法をご紹介します。言語はPHPです。</p>
<h2>使用例</h2>
<p>日本語URL https://example.com<br>英語URL https://example.com?lang=en</p>
<p>パラメータなしの状態は日本語表示、enのパラメータをつけると英語が表示されます。</p>
<p><code>lang=en</code>のパラメータをつけるだで簡単に実装できます。 コードは以下をご参照ください。</p>
<script src="https://gist.github.com/fkdgk/86dcb2eb2d45116b5d27bca96e662309.js"></script>
<p>このコードの特徴はサーバサイドでレンダリングされることです。なのでHTMLソースは切り替え後の言語が表示されます。JavaScriptで動的に（視覚的に）変更していません。変換後の結果を表示しているのでSEO的にも効果が期待できます。</p>
<p>また、HTMLのコードをそのまま記載することができます。無理に日本語と英語のコードを1行に収める必要もありません。タグや改行を入れても問題ありません。コードの見通しがよくメンテナンスが容易です。</p>
<p>ページ数が少ないランディングページや企業サイト、サービスページで活用いただけます。</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>日報の投稿手順</title>
		<link>https://www.fukuda-gikou.co.jp/performance/business/1724/</link>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Sat, 19 Mar 2022 13:48:39 +0000</pubDate>
				<category><![CDATA[WEB業務システム開発]]></category>
		<category><![CDATA[開発実績一覧]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[日報]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=1724</guid>

					<description><![CDATA[新規作成ボタンをクリック 以下のデータを登録できます。 出社日 出勤時刻 退勤時刻 作業内容 プロジェクト名 作業時間 進捗率 納期 ※ プロジェクトは1記事につき複数登録できます。]]></description>
										<content:encoded><![CDATA[<p>新規作成ボタンをクリック</p>
<figure id="attachment_1725" aria-describedby="caption-attachment-1725" style="width: 696px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/ce924cef76ea9f5755a3dd73bb42889d.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/ce924cef76ea9f5755a3dd73bb42889d-1024x792.png" alt="日報システム｜top" width="696" height="538" class="size-large wp-image-1725" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/ce924cef76ea9f5755a3dd73bb42889d-1024x792.png 1024w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/ce924cef76ea9f5755a3dd73bb42889d-300x232.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/ce924cef76ea9f5755a3dd73bb42889d-768x594.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/ce924cef76ea9f5755a3dd73bb42889d-696x538.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/ce924cef76ea9f5755a3dd73bb42889d-543x420.png 543w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/ce924cef76ea9f5755a3dd73bb42889d.png 1059w" sizes="(max-width: 696px) 100vw, 696px" /></a><figcaption id="caption-attachment-1725" class="wp-caption-text">日報システム｜top</figcaption></figure>
<figure id="attachment_1726" aria-describedby="caption-attachment-1726" style="width: 696px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5-1024x660.png" alt="Capture 5" width="696" height="449" class="size-large wp-image-1726" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5-1024x660.png 1024w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5-300x193.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5-768x495.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5-696x449.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5-1068x689.png 1068w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5-651x420.png 651w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-5.png 1135w" sizes="(max-width: 696px) 100vw, 696px" /></a><figcaption id="caption-attachment-1726" class="wp-caption-text">日報新規登録</figcaption></figure>
<p>以下のデータを登録できます。</p>
<ul>
	<li>出社日</li>
	<li>出勤時刻</li>
	<li>退勤時刻</li>
	<li>作業内容</li>
	<ul>
		<li>プロジェクト名</li>
		<li>作業時間</li>
		<li>進捗率</li>
		<li>納期</li>
	</ul>
</ul>
<p>※ プロジェクトは1記事につき複数登録できます。</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>無料の社内日報システム（自社サーバ型）</title>
		<link>https://www.fukuda-gikou.co.jp/performance/business/1655/</link>
					<comments>https://www.fukuda-gikou.co.jp/performance/business/1655/#respond</comments>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Fri, 18 Mar 2022 09:13:32 +0000</pubDate>
				<category><![CDATA[WEB業務システム開発]]></category>
		<category><![CDATA[開発実績一覧]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[日報]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=1655</guid>

					<description><![CDATA[自社サーバで動作する社内日報システム DEMO環境 URL https://www.fukuda-gikou.co.jp/nb/demo/daily-report/public/login ID demo@example [&#8230;]]]></description>
										<content:encoded><![CDATA[<h2>自社サーバで動作する社内日報システム</h2>

<h3>DEMO環境</h3>
<table>
    <tr>
        <th>URL</th>
        <td><a href="https://www.fukuda-gikou.co.jp/nb/demo/daily-report/public/login" rel="noopener" target="_blank">https://www.fukuda-gikou.co.jp/nb/demo/daily-report/public/login</a></td>
    </tr>
    <tr>
        <th>ID</th>
        <td>demo@example.com</td>
    </tr>
    <tr>
        <th>PW</th>
        <td>pw1234</td>
    </tr>
</table>

<h3>機能一覧</h3>
<ul>
    <li>ログイン</li>
    <li>ユーザ管理</li>
    <li>プロフィール表示</li>
    <li>プロフィール画像設定</li>
    <li>所属部署</li>
    <li>権限（一般、管理者）</li>
    <li>ステータス（有効、無効）</li>
    <li>日報</li>
    <li>コメント</li>
    <li>出社日、出勤時刻、退勤時刻</li>
    <li>プロジェクト毎の作業時間、進捗率、納期の入力</li>
    <li>作業内容の入力</li>
    <li>プロジェクト</li>
    <li>ソート機能</li>
    <li>部署</li>
</ul>

<h3>インストール前の準備</h3>
<p>以下のコマンドを使えるようにしておきます。</p>
<ul>
	<li>composer</li>
</ul>

<p>databaseを作成しておきます</p>
<pre>
create database daily_report
</pre>

<h3>プログラムのインストール</h3>
<p>Githubからファイルをダウンロードします。</p>

<pre>
git clone https://github.com/fkdgk/daily-report.git
cd daily-report
cp .env.example .env
</pre>

<p>envファイルを編集します。</p>
<pre>vim .env</pre>

<p>お使いのPCの環境に応じて値を変更します。</p>
<pre>
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=daily_report
DB_USERNAME=root
DB_PASSWORD=
</pre>

<p>composerを使い必要なファイルをダウンロードします。</p>
<pre>composer install</pre>

<h3>artisanによるマイグレーション</h3>
<p>artisanコマンドを実行しマイグレーションを行います。</p>
<pre>
php artisan key:generate
php artisan migrate
php artisan db:seed
php artisan serve
</pre>

<p>
	<a href="http://127.0.0.1:8000/login">http://127.0.0.1:8000/login</a>にアクセスします。
</p>

<figure id="attachment_1697" aria-describedby="caption-attachment-1697" style="width: 592px" class="wp-caption alignnone"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-1-1.png" alt="ログイン画面" width="592" height="433" class="size-full wp-image-1697" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-1-1.png 592w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-1-1-300x219.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-1-1-574x420.png 574w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-1-1-80x60.png 80w" sizes="(max-width: 592px) 100vw, 592px" /><figcaption id="caption-attachment-1697" class="wp-caption-text">ログイン画面</figcaption></figure>

<p>以下の情報でログインします。</p>
<table>
	<tr>
		<th>メールアドレス</th>
		<td>demo@example.com</td>
	</tr>
	<tr>
		<th>パスワード</th>
		<td> pw1234</td>
	</tr>
</table>

<figure id="attachment_1702" aria-describedby="caption-attachment-1702" style="width: 696px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2-1024x517.png" alt="管理画面 TOP" width="696" height="351" class="size-large wp-image-1702" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2-1024x517.png 1024w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2-300x151.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2-768x388.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2-1536x775.png 1536w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2-696x351.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2-1068x539.png 1068w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2-832x420.png 832w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-2.png 1825w" sizes="(max-width: 696px) 100vw, 696px" /></a><figcaption id="caption-attachment-1702" class="wp-caption-text">管理画面 TOP</figcaption></figure>]]></content:encoded>
					
					<wfw:commentRss>https://www.fukuda-gikou.co.jp/performance/business/1655/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressの記事を外部からJavascript（Ajax）で読み込む方法</title>
		<link>https://www.fukuda-gikou.co.jp/performance/app/100/</link>
					<comments>https://www.fukuda-gikou.co.jp/performance/app/100/#respond</comments>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Fri, 18 Mar 2022 07:39:18 +0000</pubDate>
				<category><![CDATA[WEBアプリ開発]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://tdi_249_255</guid>

					<description><![CDATA[JavascriptとHTMLのかんたんなコードを設置するだけで外部サイトから簡単に記事データを読み込む方法を紹介]]></description>
										<content:encoded><![CDATA[<p>JavascriptとHTMLのかんたんなコードを設置するだけで外部サイトから簡単に記事データを読み込む方法を紹介します。</p>
<p>Githubから<code>wp-posts.js</code>をダウンロード</p>

<p>表示したい箇所に以下のコードを埋め込みます。</p>
<pre>
&lt;table class=&quot;wp_posts&quot; data-url=&quot;https://example.com&quot; data-category=&quot;10,15&quot; data-limit=&quot;5&quot; data-width=&quot;500&quot; data-fontsize=&quot;14&quot;&gt;&lt;/table&gt;
&lt;script src=&quot;wp-posts.js&quot;&gt;&lt;/script&gt;
</pre>
<p>表示したい内容に合わせパラメータを調整します。</p>
<ul>
	<li>data-url：読み込みたいサイトのURL</li>
	<li>data-category：取得したい対象のカテゴリID（複数ある場合はカンマ区切り）</li>
	<li>data-limit：表示したい記事の件数の上限</li>
	<li>data-width：テーブルの横幅</li>
	<li>data-fontsize：文字の大きさ</li>
</ul>
<h3>DEMO</h3>
<figure id="attachment_1722" aria-describedby="caption-attachment-1722" style="width: 529px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-3-1.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-3-1.png" alt="Capture 3" width="529" height="319" class="size-full wp-image-1722" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-3-1.png 529w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-3-1-300x181.png 300w" sizes="(max-width: 529px) 100vw, 529px" /></a><figcaption id="caption-attachment-1722" class="wp-caption-text">WordPress Ajax Load Posts Sample</figcaption></figure>
<a href="https://www.fukuda-gikou.co.jp/nb/demo/wp-load-posts-ajax/" target="_blank" rel="noopener">DEMO</a>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fukuda-gikou.co.jp/performance/app/100/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>無料で使えるマーケティングオートメーション（MA）ツールのMauticと他5社を比較してみた</title>
		<link>https://www.fukuda-gikou.co.jp/devlog/439/</link>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Thu, 10 Mar 2022 05:06:17 +0000</pubDate>
				<category><![CDATA[開発ブログ]]></category>
		<category><![CDATA[Mautic]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=439</guid>

					<description><![CDATA[マーケティングオートメーションツールを比較 今回は、以下の代表的なBtoB向けマーケティングオートメーションツール6製品を対象に、機能と価格について比較してみました。 Mautic Kairos3 Marketo Eng [&#8230;]]]></description>
										<content:encoded><![CDATA[<h1>マーケティングオートメーションツールを比較</h1>
<p>今回は、以下の代表的なBtoB向けマーケティングオートメーションツール6製品を対象に、機能と価格について比較してみました。</p>
<ol>
    <li>Mautic</li>
    <li>Kairos3</li>
    <li>Marketo Engage</li>
    <li>HubSpot</li>
    <li>SATORI</li>
    <li>Pardot</li>
</ol>

<h2>マーケティングオートメーションツール（MAツール）とは</h2>

<p>MAツールとはマーケティングオートメーションツール（Marketing Automation）の略で、企業のマーケティング活動を自動化するツールのことです。</p>
<p>MAツールを導入することで、新規顧客の開拓や見込み客の育成、既存顧客へのアプローチ、顧客情報の収集・蓄積、マーケティング施策の分析などに役立てることができます。</p>

<h3>具体的な活用例</h3>
<p>例えば、「事前に自社サイトに訪問して、商品情報のページを見ている顧客」がいるとすれば、その顧客は、その商品あるいはそれに近い機能を持った商品の購入を考えていると推測できるでしょう。</p>
<p>その顧客に対して、『今、こちらの製品に興味がありますか？』というアプローチをかけることで、アポイントに繋がる可能性はぐっと高くなります。</p>
<p>上記の例の場合、MAツールによって、「顧客がいつサイトを訪問したか、どのページに興味があるか」がわかり、さらに顧客の見込み度合いをスコアリングして、営業を掛ける顧客の優先度をつけることができます。</p>

<p>このように確度の高い顧客を狙ってアプローチすることができるので、スピーディーで効率の良い営業活動を行うことができます。また、メルマガの開封率や自社サイトへの訪問など、見込み顧客(リード)一人ひとりの行動をトラッキングして一元的に管理することができるため、より戦略的なマーケティングを行うことが可能となります。
</p>
<p>なおMAツールの中には、BtoCに特化したものとBtoBに特化したものがあります。BtoCの場合、購買者と決済者が同一人物になります。そのため、購入基準は個人の趣味や関心に大きく左右され、購入までの期間もBtoBと比べ非常に短いです。
</p>

<p>本記事では、BtoB向けのMAツールをご紹介します。</p>

<h2>マーケティングオートメーションツール 機能比較</h2>
<table>
    <thead>
        <tr>
            <th></th>
            <th>Mautic</th>
            <th>Kairos3</th>
            <th>Marketo</th>
            <th>HubSpot</th>
            <th>SATORI</th>
            <th>Pardot</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>日本語対応</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>×</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>リードスコアリング</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>シナリオ作成</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>LP作成</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>フォーム作成</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>A/Bテスト</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>ソーシャルリスニング</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>ソーシャル投稿</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>自動送信</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>API提供</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>LINE連携</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>広告連携</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th>プッシュ通知</th>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
    </tbody>
</table>
<small>※2020年12月27日作成</small>
<h2>マーケティングオートメーションツール費用比較</h2>
<table>
    <thead>
        <tr>
            <th></th>
            <th class="td-ps-bg">Mautic</th>
            <th>Kairos3</th>
            <th>Marketo</th>
            <th>HubSpot</th>
            <th>SATORI</th>
            <th>Pardot</th>
        </tr>
    </thead>
    <tbody style="font-size: x-small;">
        <tr>
            <th style="white-space: nowrap;font-size:small;">無料<br>トライアル</th>
            <td>&#8211;</td>
            <td>×</td>
            <td>×</td>
            <td>○</td>
            <td>○</td>
            <td>○</td>
        </tr>
        <tr>
            <th style="white-space: nowrap;font-size:small;">初期費用</th>
            <td style="font-size: small;">0円</td>
            <td>10,000円</td>
            <td>問い合わせ(3,000,000円程度※SATORI調べ)</td>
            <td style="font-size: small;">0円</td>
            <td>300,000円~</td>
            <td>問い合わせ(3,000,000円程度※SATORI調べ)</td>
        </tr>
        <tr>
            <th style="white-space: nowrap;font-size:small;">月次費用</th>
            <td style="font-size: small;">0円</td>
            <td>6,000円~</td>
            <td>問い合わせ(300,000円~※SATORI調べ)</td>
            <td>Starter:54,000円<br>Professional:96,000円<br>Enterprise:384,000円（※一括払い料金）</td>
            <td>148,000円~</td>
            <td>Growth:150,000円<br>Plus:300,000円<br>Advanced:480,000円<br>Premium:1,800,000円</td>
        </tr>
    </tbody>
</table>
<small>※2020年12月27日作成</small>

<h2>MAツールの主な機能5つ</h2>
<p>製品によって機能は様々ですが、ここでは多くのMAツールに搭載されている主な機能を5つご紹介します。</p>

<h3>メールマーケティング</h3>
<p>マーケティングの有効な手段の一つに、メールの配信があります。MAツールでは、イベントの告知や商品の紹介といったメルマガをリードに一斉送信することができます。</p>
<p>リード全てに配信するだけでなく、同じ業種・職種のリードや趣味嗜好が似ているリードなど、セグメントごとにまとめることができます。</p>
<p>それぞれのセグメントの属性に適したメールを配信することで、効果的なメールマーケティングを行うことができます。また、メールの到達率や開封率、CTR(クリック率)、CVR(コンバージョン率)、配信停止率といったメルマガ施策の重要指標を管理できたり、A/Bテストによる効果の比較検証を行うことができたりするので、PDCAサイクルを回す上でも有効的です。
</p>

<h3>スコアリング機能</h3>
<p>スコアリング機能は、見込み顧客が起こすアクションによってスコアを加減し、その見込み顧客の興味の度合いを数値で管理できる機能です。</p>
<p>例えば、見込み顧客がサイトを閲覧したら+1点、資料請求で+10点、未開封で-3点&#8230;合計8点といったように、見込み顧客のアクションによってスコアリングを行うことができます。</p>
<p>なお、どんなアクションを起こしたら何点加減するかといったスコアの付け方は、カスタマイズ可能です。</p>
<p>スコアの高い見込み顧客は興味が高く成約の可能性が高いため、積極的に営業アプローチを行い、一方でスコアの低い見込み顧客に対しては興味を引くようなフォローを行う、といったような、見込み顧客の興味度合いに応じた戦略を立てることができます。
</p>

<h3>リード管理機能</h3>
<p>MAツールでは、見込み顧客の情報を一元的に管理することができます。</p>
<p>顧客情報には、企業名や氏名、役職、メールアドレスといった基本的な情報を始め、サイトの訪問日や閲覧時間などの訪問記録や、資料の請求、メールの開封日といった行動履歴も管理することができます。</p>
<p> また、一度自社サイトに訪問した見込み顧客は、Cookieを取得することで行動をトラッキングすることができます。フォーム送信や名刺交換などによって実名が判明した見込み顧客に対して、過去の行動履歴を紐付けることができます。</p>

<h3>シナリオ機能</h3>
<p>シナリオ機能とは、指定した条件に当てはまった見込み顧客に対して、指定したアクションを自動的に実行するよう設定できる機能です。</p>
<p>例えば、自社サイトの商品ページを閲覧している見込み顧客に対し、「資料のダウンロードはこちら」というポップアップを表示する、というように、</p>
<p>見込み顧客の属性やシチュエーションなどに合わせて細かなアクションを指定し、自動的に実行することができます。</p>

<h3>ランディングページ・フォームの作成機能</h3>
<p>こちらは補助的な機能ですが、自社サイトのランディングページやフォームを作成できる機能を搭載したMAツールがあります。</p>
<p>簡単なランディングページやフォームの作成・修正であれば、エンジニアやwebサイト制作会社に依頼するよりも低コストで迅速に対応することができます。</p>
<p>紹介した5つの機能以外にも、例えばCRM・SFAの統合や、API連携、蓄積データのレポーティング・分析などの機能を持つ製品もあります。</p>
<p>製品によって搭載機能は様々なので、MAツールを選ぶ際は、自社にとって必要な機能が搭載されているかどうかをしっかり確認しましょう。</p>

<h2>マーケティングオートメーションの導入を検討しているならMautic</h2>
<p>MAツールの導入を考えている中小企業に一番オススメなのはMauticです。中小企業にとって、ツールの導入コストや運用コストは大きな課題です。Mauticはオープンソースで作られているため、初期費用と月次費用がかかりません。
</p>
<p> 「MAは導入したいけど、高い金額は払えない…」という企業でも、手軽に導入することができます。またUIも、直感的に操作ができるシンプルでわかりやすい画面ですので、初心者の方にもおすすめです。</p>
<p> Mauticは無料で使えるツールですが、MAに必要な機能はしっかり用意されています。それどころか、MarketoやPardot、SATORIといった高額なツールに引けを取らない豊富な機能が用意されています。</p>

<p>また、他のツールでは、プランごとで機能の制限があったり、アクセス数やリード数によって追加費用が発生したりしますが、Mauticの場合、最初からすべての機能が使用できるため機能の制限はなく、追加費用の発生もありません。</p>

<h3>ここがポイント！</h3>
<ul>
    <li>Mauticなら初期費用と月次費用がかからず、無料で導入できる</li>
    <li>使いやすくてシンプルなUI</li>
    <li>他の有料ツールと比較しても劣らない豊富な機能</li>
    <li>機能制限や機能追加による費用の発生なし</li>
</ul>

<h2>Mauticの導入をサポートします</h2>
<p>福田技工はMauticを導入を考えている企業・御担当者様へサーバーの構築からセッティングまで行うサポートを承っております。お気軽にご相談ください。</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>LaravelとRuby on Railsを3つの視点で徹底比較【2つの注意点あり】</title>
		<link>https://www.fukuda-gikou.co.jp/devlog/1221/</link>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Thu, 10 Mar 2022 03:37:13 +0000</pubDate>
				<category><![CDATA[開発ブログ]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Ruby]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=1221</guid>

					<description><![CDATA[フレームワークを利用してWEBアプリケーションを開発したいと考えている人が多いでしょう。 種類が無限にあるフレームワークですが、この記事では利用者が多い人気の「Ruby on Rails」と「Laravel」の2つを徹底 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>フレームワークを利用してWEBアプリケーションを開発したいと考えている人が多いでしょう。</p>
<p>種類が無限にあるフレームワークですが、この記事では利用者が多い人気の「Ruby on Rails」と「Laravel」の2つを徹底比較して解説していきます。</p>
<p>これからフレームワークを使ってアプリケーションを開発したいと考えているエンジニアの人やプログラミング学習者は、是非最後までご覧下さい。</p>

<h2>フレームワークとは？</h2>
<p>まずはフレームワークについて、簡単に解説しておきます。フレームワークとは、アプリケーションを開発する為に必要な性能が用意されているテンプレートのようなものです。</p>
<p>全ての機能をコードで開発していると、制作期間が長くなるだけでなく、コストも大きくなります。既に必要な機能が用意されているフレームワークを利用することで、制作コストや制作期間を抑えることが可能です。</p>
<p>実際にフレームワークは多くの企業でも採用されているので、アプリケーションを開発する際は絶対に利用するべきでしょう。</p>

<h2>Ruby on Railsとは？</h2>
<p>それでは比較をする前に、「Ruby on Rails」と「Laravel」について簡単に解説していきます。まずはRuby on Railsについて詳しく解説するので、確認しておきましょう。</p>
<p>Ruby on Railsとは日本人が開発したフレームワークで、Rubyを使ったフレームワークとして有名です。</p>
<p>日本人が開発したこともあって、日本のエンジニアは愛用しているフレームワークになります。それだけでなく、外国人が開発したフレームワークに比べて書籍やネット情報も日本語が多いので、学習の難易度が低いです。</p>
<p>日本人であれば、「Ruby on Rails」は非常におすすめするフレームワークになります。Rubyを扱っているエンジニアであれば、参入障壁も低いです。</p>

<h2>Laravelとは？</h2>
<p>「Laravel」とは海外で開発されたフレームワークで、PHPを使ったフレームワークとして有名です。海外で開発されたフレームワークですが、たくさんの日本人も利用している為、情報などはネットで調べれば多く出てきます。</p>
<p>WEBアプリケーションを開発できるフレームワークの中でも自由度が高いので、理想に近づけるカスタマイズを行うことが可能です。PHPを扱っているエンジニアであれば、参入障壁も低いですね。</p>

<h2>LaravelとRuby on Railsを3つの視点で徹底比較</h2>
<p>それではLaravelとRuby on Railsを徹底比較していきます。</p>

<h3>土台となっている言語</h3>
<p>LaravelはPHPで開発されたフレームワークですが、Ruby on RailsはRubyで開発されたフレームワークです。</p>
<p>既にPHPを学んでいるのであればLaravelを学習して、Rubyを扱っているのであればRuby on Railsを学習することをおすすめします。</p>
<p>まだプログラミングを学んでいない人は、PHPとRubyを学んで好きな言語を習得して下さい。</p>

<h3>学習難易度</h3>
<p>学習難易度はRuby on Railsの方が圧倒的に低いです。日本人が開発した言語なので、非常に扱いやすくなっています。ネットや書籍に掲載されている情報量も多いので、分からない点も簡単に解決することができます。</p>
<p>ちなみに、Laravelも扱いやすいフレームワークとして有名です。しかしながら外国語で情報が記載されている場合も多く、日本人が扱うにはRuby on Railsの方が簡単になります。</p>
<p>これからフレームワークを利用するのであれば、Ruby on Railsがおすすめです。</p>

<h3>扱いやすさ</h3>
<p>LaravelとRuby on Railsの扱いやすさは、Ruby on Railsです。そこまで扱いやすさは変わりませんが、直感的に操作ができると言われているのはRuby on Railsになります。</p>
<p>Laravelは自由度が高いフレームワークなので、技術力があるエンジニアでないと利便性の高いWEBアプリケーションを開発することができません。それに比べてRuby on Rails自由度が低いですが、ある程度の規則が決まっているので、それに従って開発すれば一定レベルのWEBアプリケーションを開発できます。</p>
<p>これからプログラミングを深く学んで自分でコードを書けるようになる予定であれば、Laravelを利用するべきでしょう。とりあえずプログラミングを学んで早くWEBアプリケーションを開発したい人は、Ruby on Railsをおすすめします。</p>

<h2>Ruby on RailsとLaravelで迷った時の3つの選び方</h2>
<p>今までの記事を読んで、Ruby on RailsとLaravelのどちらでWEBアプリケーションを開発しようか悩んでいる人も多いでしょう。</p>
<p>正直どちらでも良いですが、迷っている人に向けて選ぶポイントを2つに絞って解説していきます。</p>

<h3>言語の扱いやすさ・学びやすさで選ぶ</h3>
<p>まだプログラミングを学んでいないのであれば、言語の扱いやすさ・学びやすさで選びましょう。</p>
<p>ちなみにPHPとRubyであれば、扱いやすいのはPHPです。直感的に操作ができる為、プログラミング初心者でも分かりやすい設計になっています。</p>
<p>学びやすさで選ぶのであれば、言語はRubyとフレームワークはRuby on Railsがおすすめです。日本人が開発した言語になっているので、他のプログラミング言語に比べて日本語での情報量が多くなっています。</p>
<p>日本人が学びやすさでプログラミング言語を選ぶのであれば、RubyとRuby on Railsが非常におすすめです。</p>

<h3>就職するかどうかで選ぶ</h3>
<p>就職する為にプログラミング言語やフレームワークを学ぶのであれば、PHPで開発されたLaravelをおすすめします。</p>
<p>IT企業の求人で必要とされている言語は、PHPの方が多いです。実際に大手求人情報レバテックの求人状況を確認すると、PHPエンジニアを求めている企業は2,280社に対して、Rubyエンジニアは1,372社と求人数は倍近く異なります。</p>
<p>もちろん需要が変わる可能性もありますが、現時点ではPHPの方が圧倒的に需要があると言って良いでしょう。</p>
<p>これから就職を考えているのであれば、PHPとLaravelを学習することをお勧めします。</p>

<h3>年収で決める</h3>
<p>PHPとは初心者でも扱いやすい言語として有名で参入障壁も低い為、平均年収は384.4万円と少し低めです。</p>
<p>Rubyも学習難易度が低く扱いやすい言語ですが、PHPに比べて扱えるエンジニアが少ない為、平均年収は410.7万円と少し高く設定されています。</p>
<p>年収で選ぶのであれば、言語はRubyでフレームワークはRuby on Railsがおすすめです。</p>

<h2>Ruby on RailsとLaravelを利用する2つの注意点</h2>
<p>最後にRuby on RailsとLaravelを利用する際の注意点を紹介しておきます。フレームワークを利用するのであれば、これから紹介する注意点を把握しておきましょう。</p>

<h3>需要が変わる可能性がある</h3>
<p>IT業界は進化が著しく、需要が一気に変わる可能性があります。実際にJavaScriptという言語は、近年で一気に需要が伸びて大人気になりました。AIの需要と同時に、Pythonなどの言語も需要が上がりましたね。</p>
<p>言い換えると、Ruby on RailsとLaravelの需要が上がる可能性も十分にあり得ます。常にIT業界の最新情報を習得して、需要に合わせた技術を習得しましょう。</p>

<h3>フレームワークの理解が必要</h3>
<p>Ruby on RailsはRuby、LaravelはPHPで開発されたフレームワークですが、プログラミン言語の知識があっても扱うことができません。</p>
<p>フレームワークには独自のルールが定められている為、それを理解しないと開発をすることができないです。</p>
<p>プログラミング言語より簡単なので気にする必要はありませんが、フレームワークを理解する必要があると頭に入れておきましょう。</p>

<h2>Ruby on RailsとLaravelの比較まとめ</h2>
<p>この記事では、Ruby on RailsとLaravelを徹底比較しました。</p>
<ul>
<li>言語の扱いやすさ→PHP/Laravel</li>
<li>学びやすさ→Ruby/Ruby on Rails</li>
<li>就職を目指す場合→PHP/Laravel</li>
<li>高収入を目指す→Ruby/Ruby on Rails</li>
</ul>
<p>どちらも需要がある言語なので習得して損はありません。結局は自分が好きな言語とフレームワークを学べば良いので、この記事の比較を参考にして選んでください。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GitKrakenによるGit Flow</title>
		<link>https://www.fukuda-gikou.co.jp/devlog/1143/</link>
					<comments>https://www.fukuda-gikou.co.jp/devlog/1143/#respond</comments>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Fri, 04 Mar 2022 10:27:54 +0000</pubDate>
				<category><![CDATA[開発ブログ]]></category>
		<category><![CDATA[Git]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[GitKraken]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=1143</guid>

					<description><![CDATA[エンジニアの方であれば当たり前のようにGitを使っているかと思いますが、ブランチの命名規則とかマージのルールとか明確に決まってない事や曖昧な場合もあるのではないでしょうか。コミット、リベース、マージなどエンジニアによって運用方法がバラバラだと、ブランチがどんな常態かわかりにくくなってしまいます。それを解消するのがGitFlowというブランチ運用方法です。]]></description>
										<content:encoded><![CDATA[<h1>Git Flowって何？</h1>
<p>エンジニアの方であれば当たり前のように使っているGit。ところでブランチの命名規則とかマージのルールとか明確になっているでしょうか。</p>
<p>ブランチの運用方法がエンジニアによってバラバラだと、ブランチの状態が分かりにくくなってしまいます。それを解消するのがGitFlowというブランチ運用方法です。</p>
<figure id="attachment_1154" aria-describedby="caption-attachment-1154" style="width: 1200px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow.png" alt="Git Flow 図解" width="1200" height="1600" class="size-full wp-image-1154" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow.png 1200w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-225x300.png 225w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-768x1024.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-1152x1536.png 1152w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-696x928.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-1068x1424.png 1068w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-315x420.png 315w" sizes="(max-width: 1200px) 100vw, 1200px" /></a><figcaption id="caption-attachment-1154" class="wp-caption-text"><a href="https://jeffkreeftmeijer.com/git-flow/" target="_blank" rel="noopener">Using git-flow to automate your git branching workflow</a></figcaption></figure>
<h1>GitKrakenによるGit Flow</h1>
<p>Git Flowのブランチ運用ルールに沿って開発を行うのは操作が面倒なので大変です。しかし GitKrakenの機能を使えばGit Flowを半自動化してくれます。</p>

<figure id="attachment_1166" aria-describedby="caption-attachment-1166" style="width: 1119px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2.png" alt="Gitkraken" width="1119" height="634" class="size-full wp-image-1166" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2.png 1119w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2-300x170.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2-1024x580.png 1024w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2-768x435.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2-696x394.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2-1068x605.png 1068w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-2-741x420.png 741w" sizes="(max-width: 1119px) 100vw, 1119px" /></a><figcaption id="caption-attachment-1166" class="wp-caption-text">環境設定からInitializeを行いCreate Repository をクリック</figcaption></figure>

<figure id="attachment_1165" aria-describedby="caption-attachment-1165" style="width: 1009px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow.png" alt="Gitflow" width="1009" height="647" class="size-full wp-image-1165" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow.png 1009w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-300x192.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-768x492.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-696x446.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-655x420.png 655w" sizes="(max-width: 1009px) 100vw, 1009px" /></a><figcaption id="caption-attachment-1165" class="wp-caption-text">左のメニューから Gitflowをクリックし Initialize GitFlow をクリック</figcaption></figure>

<figure id="attachment_1171" aria-describedby="caption-attachment-1171" style="width: 767px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-1.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-1.png" alt="Git Flow" width="767" height="423" class="size-full wp-image-1171" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-1.png 767w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-1-300x165.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-1-696x385.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-1-762x420.png 762w" sizes="(max-width: 767px) 100vw, 767px" /></a><figcaption id="caption-attachment-1171" class="wp-caption-text">メニューに GITFLOWが追加される</figcaption></figure>

<h2>Git Flowの作業手順</h2>
<h3>developブランチに切り替える</h3>
<figure id="attachment_1175" aria-describedby="caption-attachment-1175" style="width: 628px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/develop-branch.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/develop-branch.png" alt="Develop Branch" width="628" height="346" class="size-full wp-image-1175" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/develop-branch.png 628w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/develop-branch-300x165.png 300w" sizes="(max-width: 628px) 100vw, 628px" /></a><figcaption id="caption-attachment-1175" class="wp-caption-text">develop Branchに切り替える</figcaption></figure>
<h4>機能（イイね機能）を追加する</h4>

<figure id="attachment_1178" aria-describedby="caption-attachment-1178" style="width: 869px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-2.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-2.png" alt="Git Flow" width="869" height="481" class="size-full wp-image-1178" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-2.png 869w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-2-300x166.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-2-768x425.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-2-696x385.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-2-759x420.png 759w" sizes="(max-width: 869px) 100vw, 869px" /></a><figcaption id="caption-attachment-1178" class="wp-caption-text">左メニューからGITFLOWをクリックし Feautureをクリック</figcaption></figure>

<figure id="attachment_1179" aria-describedby="caption-attachment-1179" style="width: 742px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-1.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-1.png" alt="Gitflow" width="742" height="445" class="size-full wp-image-1179" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-1.png 742w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-1-300x180.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-1-696x417.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-1-700x420.png 700w" sizes="(max-width: 742px) 100vw, 742px" /></a><figcaption id="caption-attachment-1179" class="wp-caption-text">feauture/like として設定→Start Feature をクリック</figcaption></figure>
<h4>機能の追加が終わったら</h4>
<figure id="attachment_1184" aria-describedby="caption-attachment-1184" style="width: 774px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-2.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-2.png" alt="Gitflow" width="774" height="472" class="size-full wp-image-1184" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-2.png 774w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-2-300x183.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-2-768x468.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-2-696x424.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-2-689x420.png 689w" sizes="(max-width: 774px) 100vw, 774px" /></a><figcaption id="caption-attachment-1184" class="wp-caption-text">GITFLOWメニューから Feautureを選択</figcaption></figure>

<figure id="attachment_1189" aria-describedby="caption-attachment-1189" style="width: 797px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-4.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-4.png" alt="Gitkraken" width="797" height="427" class="size-full wp-image-1189" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-4.png 797w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-4-300x161.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-4-768x411.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-4-696x373.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-4-784x420.png 784w" sizes="(max-width: 797px) 100vw, 797px" /></a><figcaption id="caption-attachment-1189" class="wp-caption-text">チェックを付けなければへマージされる</figcaption></figure>
<p>マージするまでもない場合は「Rebase on develop」にチェックを入れて繋げてしまっても良い。 不要な場合は「Delete branch」にチェックを入れ削除。</p>

<h4>リリースのタイミングで</h4>
<figure id="attachment_1195" aria-describedby="caption-attachment-1195" style="width: 731px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-Release.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-Release.png" alt="Gitflow Release" width="731" height="384" class="size-full wp-image-1195" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-Release.png 731w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-Release-300x158.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitFlow-Release-696x366.png 696w" sizes="(max-width: 731px) 100vw, 731px" /></a><figcaption id="caption-attachment-1195" class="wp-caption-text">Releaseをクリック</figcaption></figure>

<p>GitFlowのルールではdevelopからreleaseを作るので【Latest develop】にチェックを入れてStart Releaseする。Featureブランチがある場合、developブランチにマージしてからreleaseする。</p>
<figure id="attachment_1197" aria-describedby="caption-attachment-1197" style="width: 724px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Version_Number.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Version_Number.png" alt="Version Number" width="724" height="354" class="size-full wp-image-1197" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Version_Number.png 724w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Version_Number-300x147.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Version_Number-696x340.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Version_Number-533x261.png 533w" sizes="(max-width: 724px) 100vw, 724px" /></a><figcaption id="caption-attachment-1197" class="wp-caption-text">バージョン番号を入力し Start Releaseをクリック</figcaption></figure>

<h4>mainへマージ</h4>
<figure id="attachment_1200" aria-describedby="caption-attachment-1200" style="width: 867px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/release-finish.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/release-finish.png" alt="Release Finish" width="867" height="517" class="size-full wp-image-1200" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/release-finish.png 867w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/release-finish-300x179.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/release-finish-768x458.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/release-finish-696x415.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/release-finish-704x420.png 704w" sizes="(max-width: 867px) 100vw, 867px" /></a><figcaption id="caption-attachment-1200" class="wp-caption-text">Finish release をクリック</figcaption></figure>

<figure id="attachment_1202" aria-describedby="caption-attachment-1202" style="width: 838px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-release-action.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-release-action.png" alt="Git Flow Release Action" width="838" height="493" class="size-full wp-image-1202" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-release-action.png 838w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-release-action-300x176.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-release-action-768x452.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-release-action-696x409.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/git-flow-release-action-714x420.png 714w" sizes="(max-width: 838px) 100vw, 838px" /></a><figcaption id="caption-attachment-1202" class="wp-caption-text">バージョン番号をタグとして登録 → ブランチを消したくなければチェックを外す → Finish Release をクリック</figcaption></figure>

<figure id="attachment_1204" aria-describedby="caption-attachment-1204" style="width: 860px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-mearge-finish.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-mearge-finish.png" alt="Gitkraken Mearge Finish" width="860" height="329" class="size-full wp-image-1204" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-mearge-finish.png 860w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-mearge-finish-300x115.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-mearge-finish-768x294.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/GitKraken-mearge-finish-696x266.png 696w" sizes="(max-width: 860px) 100vw, 860px" /></a><figcaption id="caption-attachment-1204" class="wp-caption-text">mainへのマージが完了する。mainをマウスオーバーさせるとタグの中身が確認できる。</figcaption></figure>

<h3>mainでバグ発生！ 緊急対応をする場合</h3>
<h4>Hotfixブランチで対応する</h4>
<figure id="attachment_1209" aria-describedby="caption-attachment-1209" style="width: 859px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-hotfix.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-hotfix.png" alt="Git Flow Hotfix" width="859" height="395" class="size-full wp-image-1209" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-hotfix.png 859w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-hotfix-300x138.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-hotfix-768x353.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/Git-Flow-hotfix-696x320.png 696w" sizes="(max-width: 859px) 100vw, 859px" /></a><figcaption id="caption-attachment-1209" class="wp-caption-text">Hotfixを選択</figcaption></figure>

<figure id="attachment_1211" aria-describedby="caption-attachment-1211" style="width: 652px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/hotfix-git.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/hotfix-git.png" alt="Hotfix Git" width="652" height="361" class="size-full wp-image-1211" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/hotfix-git.png 652w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/hotfix-git-300x166.png 300w" sizes="(max-width: 652px) 100vw, 652px" /></a><figcaption id="caption-attachment-1211" class="wp-caption-text">Hotfixのブランチを作成</figcaption></figure>

<figure id="attachment_1213" aria-describedby="caption-attachment-1213" style="width: 764px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/finish_hotfix.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/finish_hotfix.png" alt="Finish Hotfix" width="764" height="422" class="size-full wp-image-1213" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/finish_hotfix.png 764w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/finish_hotfix-300x166.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/finish_hotfix-696x385.png 696w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/finish_hotfix-760x420.png 760w" sizes="(max-width: 764px) 100vw, 764px" /></a><figcaption id="caption-attachment-1213" class="wp-caption-text">作業が完了したらGITFLOWメニューから finish hotfix をクリック</figcaption></figure>

<figure id="attachment_1216" aria-describedby="caption-attachment-1216" style="width: 657px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/bug-fix.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/bug-fix.png" alt="Bug Fix" width="657" height="402" class="size-full wp-image-1216" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/bug-fix.png 657w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/bug-fix-300x184.png 300w" sizes="(max-width: 657px) 100vw, 657px" /></a><figcaption id="caption-attachment-1216" class="wp-caption-text">hotfixに名前をつけ（無記入でも可）ブランチを消すか選択 → Finish Hotfixをクリック</figcaption></figure>

<figure id="attachment_1218" aria-describedby="caption-attachment-1218" style="width: 888px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/merge-to-main-branch.png"><img decoding="async" loading="lazy" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/merge-to-main-branch.png" alt="Merge To Main Branch" width="888" height="318" class="size-full wp-image-1218" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/merge-to-main-branch.png 888w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/merge-to-main-branch-300x107.png 300w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/merge-to-main-branch-768x275.png 768w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2021/01/merge-to-main-branch-696x249.png 696w" sizes="(max-width: 888px) 100vw, 888px" /></a><figcaption id="caption-attachment-1218" class="wp-caption-text">バグの修正（Hotfix）がmainにマージされる</figcaption></figure>]]></content:encoded>
					
					<wfw:commentRss>https://www.fukuda-gikou.co.jp/devlog/1143/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>社内業務システムの開発ツール「Kintone」導入前に知っておくべきデメリット</title>
		<link>https://www.fukuda-gikou.co.jp/devlog/1561/</link>
					<comments>https://www.fukuda-gikou.co.jp/devlog/1561/#respond</comments>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Tue, 19 Jan 2021 23:02:41 +0000</pubDate>
				<category><![CDATA[開発ブログ]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">https://www.fukuda-gikou.co.jp/?p=1561</guid>

					<description><![CDATA[社内の業務効率を改善するために、アプリを開発したいと考えている人は多いでしょう。しかし、アプリ開発を外注すると費用が大きくなるため、悩む人も多いはず。 この記事では、プログラミングの知識が無い人でもWEBアプリを開発でき [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>社内の業務効率を改善するために、アプリを開発したいと考えている人は多いでしょう。しかし、アプリ開発を外注すると費用が大きくなるため、悩む人も多いはず。</p>
<p>この記事では、プログラミングの知識が無い人でもWEBアプリを開発できるサービス<strong>「Kintone」</strong>について詳しく解説します。これから社内に業務システムを導入したいと考えている人の参考になれば幸いです。</p>

<h2>Kintoneとは？</h2>
<p>まずは、Kintoneについて簡単に解説していきます。Kintoneはプログラミングの知識が無い人でもWEBアプリを開発できるノーコードツールです。</p>
<p>社内にプログラミングの知識を持っている人材が在籍している企業は多くはありません。そのようなプログラムの知見が少ない企業でも、Kintoneを導入すれば自社に最適化されたアプリを開発することが可能です。</p>
<p>それでは、kintoneができることやメリット・デメリットを詳しく確認していきましょう。</p>

<h2>Kintoneができること3選</h2>
<p>まずはKintoneができることを3つ紹介していきます。これから紹介する3つの業務を社内で取り扱っているのでれば、kintoneを導入する価値があると言えるでしょう。</p>

<h3>データ管理</h3>
<p>社内のデータを管理する際に、複数のサービスを利用している企業は多いでしょう。</p>
<ul>
    <li>ワード</li>
    <li>エクセル</li>
    <li>パワーポイント</li>
    <li>グーグルドキュメント</li>
    <li>スプレッドシート</li>
    <li>紙媒体の資料</li>
</ul>
<p>複数のサービスでデータを管理するのは面倒で、業務効率も悪いですよね。Kintoneを利用することで、全てのデータを一つのアプリで管理することができます。</p>
<p>データ管理に関しての業務効率に不満がある企業や個人は、導入する価値があると言えるでしょう。</p>

<h3>プロセス管理</h3>
<p>クライアントワークをしている企業だと、誰がどの案件を担当しているのか可視化できた方が良いでしょう。しかしながら、従業員が担当している案件を全て覚えるのは不可能です。</p>
<p>Kintoneを利用することで、案件内容と担当者を簡単に管理することができます。従業員が少人数で案件数も少ないのであれば問題ありませんが、社内のプロセスを管理できていないなら導入する価値があると言えるでしょう。</p>

<h3>コミュニケーション管理</h3>
<p>社内に従業員が居ないタイミングで打ち合わせをしたいと考えている人も多いでしょう。LINEやZOOMなどを利用すればテレビ電話は可能ですが、画面共有や資料共有をする際に少し手間が必要です。</p>
<p>Kintoneであれば、アプリ内で管理しているデータや資料、グラフなども簡単に共有できます。これから在宅ワークも増えていくと予測されているので、簡単に会議を開けるアプリは非常に便利と言えるでしょう。</p>
<p>データ管理と社内コミュニケーションの業務効率を改善させるのであれば、Kintoneがおすすめです。</p>

<h2>Kintoneを利用する5つのメリット</h2>
<p>先ほどはKintoneができることを紹介したので、具体的に利用するメリットを6つにまとめて解説していきます。これから紹介するメリットが良いと思えるのであれば、Kintoneを利用する価値があると言えるでしょう。</p>

<h3>プログラミングを使わないでアプリを作成できる</h3>
<p>Kintoneはノーコードツールなので、コードを書かなくてもアプリを開発することが可能です。利用できるアプリ数は100を超えているので、上手く組み合わせてオリジナルアプリを開発することで、業務効率を大きく改善することができます。
</p>
<p>社内にコードを書ける人材が在籍していなくてアプリを開発したいと考えている人は、利用するべきだと言えるでしょう。</p>

<h3>プラグインの種類が豊富</h3>
<p>マウス操作だけで高性能のアプリを開発できるKintoneですが、プラグインを導入することで、さらに機能を拡張させることが可能です。プラグインの種類も豊富に用意されています。外部サービスとの連携や、プログラムのコードを書いたファイルを入れ込むなど、様々なプラグインがあるようです。
</p>
<p>プラグインまで用意されているノーコードツールは少ないので、社内でアプリを開発するなら良い選択肢の一つと言えるでしょう。</p>

<h3>エクセルやワードが必要ない</h3>
<p>複数の有料データ管理サービスを利用している企業が多いですが、費用面で考慮するとコスパは良くありません。Kintoneを一つ導入するだけで、全てのデータを管理できます。</p>
<p>ここで気になるのがKintoneの費用だと思いますが、ライトプランであれば月額780円で利用できます。ほとんどの人が利用できるアプリやプラグインが増えるスタンダードコースを選んでいますが、それでも月額1,500円です。</p>
<p>非常に安い金額で利用できるので、複数の有料データ管理サービスを利用しているのであれば、Kintoneを使うべきでしょう。</p>

<h3>モバイル対応で利用する場所を選ばない</h3>
<p>Kintoneはパソコンとモバイルに対応しているので、ネット環境が整ってない場所でも作業することができます。ワードやエクセルなどのツールはモバイルの操作性が非常に悪く、作業を上手く進めることができません。</p>
<p>外出中に少しでも作業をして時間を有効に活用したいのであれば、導入する価値はあると言えるでしょう。</p>

<h3>導入が簡単</h3>
<p>Kintoneはメールアドレスなどの基本的な情報を登録するだけで、簡単に導入することができます。スマホのゲームアプリと同じくらい導入から利用までの流れが簡単なので、誰でも直ぐに利用することが可能です。</p>
<p>パソコンやモバイルに詳しく無い人も、安心してご利用できるのは大きなメリットと言えるでしょう。</p>

<h2>Kintoneを利用する4つのデメリット</h2>
<p>先ほどはメリットを紹介しましたが、デメリットもあるので解説していきます。これから紹介する4つのデメリットを把握して、利用するか検討しましょう。</p>

<h3>使えない関数がある</h3>
<p>Kintoneで利用できる関数や公式は、エクセルに比べると数が少ないです。もちろん、ある程度の関数や公式は利用できるので、そこまで利便性が下がるわけではありません。普通の計算であれば、問題なく対応できます。</p>
<p>しかしながら、エクセルで難しい関数や計算式を利用している企業は、利便性が下がると言えるでしょう。</p>

<h3>カスタマイズに限界がある</h3>
<p>プラグインの拡張やアプリの組み合わせによってアプリのカスタマイズができるKintoneですが、やはりカスタマイズには限界があります。企業が業務効率を改善する為に希望する性能や機能を全て完全に再現するのが難しく、最終的には妥協する部分が出てくる可能性が高いです。
</p>
<p>少しだけ業務効率を改善したいと考えている程度であれば、Kintoneの導入は良いでしょう。しかしながら、がっつりと業務効率を改善したいと考えている場合は、本格的にアプリを制作した方が、長い期間で活躍できるので最終的にはコスパが良いですね。
</p>

<h3>機能が多すぎて使いにくくなる</h3>
<p>アプリやプラグインの種類が多く、これからも増え続けることが予測されています。もちろんアプリやプラグインの種類が多いのはメリットであるが、機能が多すぎると管理画面の操作が難しくなって、扱うのが困難になる可能性が高いです。</p>
<p>必要のない機能が増え続けると、何を選べば自分の希望している作業を行えるか分かりにくいですよね。</p>
<p>例えば、デザイナーが利用するPhotoshopやIllustratorは機能が多く、管理画面を操作するのが難しいです。一般的に、初心者が自分の好きなようにデザインができるようになるまで6ヶ月が必要だと言われています。</p>
<p>機能が多すぎると操作するのが難しくなるので、注意しておきましょう。</p>

<h2>まとめ</h2>
<p>この記事ではKintoneについて徹底解説していきました。これからアプリを使って自社内の作業効率を改善したいと考えている企業は多いでしょう。</p>
<p>Kintoneであれば、プログラミングの技術を持っていない企業や個人でも、ある程度のアプリを開発することができます。</p>
<p>しかしながら、自社に必要がない機能が増え続けることが予測されていて、操作性が低くなる可能性が高いです。それだけでなく、提供されているプラグインやアプリの種類でしか機能を拡張させられないので、自社内の理想を全て実現するのは難しいと言えるでしょう。
</p>
<p>自社内の作業効率を上げる為に本気でアプリを開発したいのであれば、ノーコードツールではなくスクラッチ開発をおすすめします。スクラッチ開発であれば、御社の要望に合わせたアプリを開発することができます。仮にアプリを制作後に改善点があれば、開発会社に依頼することで簡単に機能を拡張することが可能です。
</p>
<p>とりあえず簡単にアプリを開発して業務効率を改善する場合はKintoneを利用しましょう。本気で業務効率の改善にアプリの開発を検討しているなら、スクラッチ開発がおすすめです。弊社の福田技工であれば、社内の業務効率を改善するアプリを多く製作した実績があります。
</p>
<p>他の多くの人員が作業に関わって莫大な開発費が必要になりますが、弊社はエンジニアの経験が豊富で全ての作業を1人で行える人材が担当するので、相場より安くアプリを提供することができます。</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.fukuda-gikou.co.jp/devlog/1561/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
