<?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>独立 | FP試験に次の試験で合格する方法</title>
	<atom:link href="https://siken.kusumoto-fp.com/tag/%E7%8B%AC%E7%AB%8B/feed/" rel="self" type="application/rss+xml" />
	<link>https://siken.kusumoto-fp.com</link>
	<description>FP1級学科試験を72点から146点に得点アップした学習方法を公開します。</description>
	<lastBuildDate>Mon, 17 Oct 2022 06:15:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://i0.wp.com/siken.kusumoto-fp.com/wp-content/uploads/2021/03/cropped-%E3%83%AD%E3%82%B3%E3%82%99%E3%83%9E%E3%83%BC%E3%82%AF-1-e1615900617735.png?fit=32%2C32&#038;ssl=1</url>
	<title>独立 | FP試験に次の試験で合格する方法</title>
	<link>https://siken.kusumoto-fp.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">191249151</site>	<item>
		<title>FP試験に合格後、活用できていますか？　ファイナンシャルプランナーのビジネスモデルを考えてみました</title>
		<link>https://siken.kusumoto-fp.com/fp-open/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=fp-open</link>
		
		<dc:creator><![CDATA[マナブ]]></dc:creator>
		<pubDate>Mon, 17 Oct 2022 06:15:47 +0000</pubDate>
				<category><![CDATA[傾向と対策]]></category>
		<category><![CDATA[独立]]></category>
		<category><![CDATA[開業]]></category>
		<guid isPermaLink="false">https://siken.kusumoto-fp.com/?p=5128</guid>

					<description><![CDATA[<p>金融機関に勤めている方の資格というイメージだったFP試験も、最近ではAKB48の武藤十夢さんが2級FP技能士資格を取得したと話題になり、ユーキャンの2022年上半期人気講座ランキングTOP30では、医療事務、調剤薬局事務...</p>
<p>The post <a href="https://siken.kusumoto-fp.com/fp-open/">FP試験に合格後、活用できていますか？　ファイナンシャルプランナーのビジネスモデルを考えてみました</a> first appeared on <a href="https://siken.kusumoto-fp.com">FP試験に次の試験で合格する方法</a>.</p>]]></description>
										<content:encoded><![CDATA[<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css">



<p>金融機関に勤めている方の資格というイメージだったFP試験も、最近ではAKB48の武藤十夢さんが2級FP技能士資格を取得したと話題になり、ユーキャンの2022年上半期人気講座ランキングTOP30では、医療事務、調剤薬局事務、食生活アドバイザー、子ども発達障がい支援アドバイザーについで、第5位にファイナンシャルプランナー(FP)がランクインしています。</p>



<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.u-can.co.jp/special/rank/?il=[rank" data-lkc-id="12" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=www.u-can.co.jp" alt="" width="16" height="16" /></div><div class="lkc-domain">www.u-can.co.jp</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.u-can.co.jp%2Fspecial%2Frank%2F%3Fil%3D%5Brank?w=200" width="100px" height="108px" alt="" /></figure><div class="lkc-title">【2023年更新】資格一覧・人気ランキング | 通信講座・資格取得はユーキャン</div><div class="lkc-url" title="https://www.u-can.co.jp/special/rank/?il=[rank">https://www.u-can.co.jp/special/rank/?il=[rank</div><div class="lkc-excerpt">生涯学習のユーキャンは、「学ぶよろこびをあなたに」をモットーに、役立つ資格から、趣味、実用講座などさまざまな通信教育をご紹介しています。</div></div><div class="clear"></div></div></a></div></div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>ファイナンシャルプランナー(FP)は、税金・保険・年金など幅広い知識と視野を持ち、ライフプランの設計を行うお金の専門家です。<br>有資格者は金融・保険・不動産など、様々な業界で求められるため、就・転職が有利に！　独立・開業も可能なほか、身につけた知識は日常生活でも役に立ちます。</p><cite>出典：ユーキャン「ファイナンシャルプランナー(FP)って」<a href="https://www.u-can.co.jp/course/data/in_html/50/?il=[rank]2107_50" target="_blank" rel="noreferrer noopener">https://www.u-can.co.jp/course/data/in_html/50/?il=[rank]2107_50</a></cite></blockquote>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p>資格試験としての注目度も高く、金融・保険・不動産業界への就職や転職も有利になり、将来的には独立や開業も可能なだけでなく、日常生活でも役に立つ<span style="font-size: revert; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;">ファイナンシャルプランナー(FP)</span>資格ですが、資格取得後は、どのように活用していますか？</p>



<p>今回は、FP資格取得後の活用と、FPのビジネスモデルについてまとめてみました。</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="alert alert-primary" role="alert"><i class="icon-notification"></i><strong> &#8211; 注意事項 &#8211; </strong>
<p>各種データは日本FP協会のファイナンシャル・プランナーに関する調査を参考に作成しています。出典：<a href="http://www.jafp.or.jp">日本FP協会</a></p>
<p>ファイナンシャル・プランナー実態調査の資料は2010年7月調査実施のデータが最新版です。</p>
</div>



<div style="height:101px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">①そもそも、なぜFP資格を取得しようと思ったか</h3>



<div class="chart-area pie smoothTrigger">
<canvas id="chart01" height="450" width="600"></canvas>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center">出典：ファイナンシャルプランナー実態調査　（2010年度）</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p>FP試験会場で、周りを見渡すと学生っぽい人やシニア世代の方など、老若男女いろんな方が会場にいらっしゃいます。</p>



<p>幅広い年代の方が受験されるFP試験ですが、そもそもFP資格を取得しようとした目的は何なんでしょうか？</p>



<p>私が初めてFP試験を受験したのは、2012年のFP2級試験でした。</p>



<p>なぜ受験したかというと、証券外務員試験を受験する際に通信講座を始めたのですが、証券外務員試験に合格後も勉強の習慣を続けたかったので、ほかにコストパフォーマンスのいい資格はないかと探したのがきっかけです。<meta charset="utf-8"></p>



<p>その当時は、勤務先からFPの取得状況を尋ねられたり、同僚や上司との会話の中でFP試験の話題が上がることもなく、独学で誰にも知られることなくFP2級に合格しました。</p>



<p>AFPの講座を受講していたので、せっかくだからとAFPに登録して名刺に印刷しているとたまに話題にされるぐらいの認知度でした。</p>



<p>私の場合も、FP資格取得目的は「自己啓発」ということになるので、2010年データでは多数派に入ります。</p>



<p>FP2級取得から、10年後にFP1級資格を取得するのですが、FP1級の取得目的はFP2級の時とは違い、もっと明確な目標・目的がありました。</p>



<p>「独立・開業のため」「資格を収益化するため」です。</p>



<p>ご覧いただいている方の中にも、いきなり独立・開業とまでは考えなくても、副業やキャリアアップで自身の収入を増やしたいと考えている方も多いと思います。</p>



<p>しかし、FP資格は名称独占資格の中でも取得するのが難しいわりには、FPだけで収益を上げるのは相当難しいと思います。</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">②FP業務に携わっている人と、FP業務による売上の有無</h3>



<div class="chart-area bar smoothTrigger">
<canvas id="chart02" height="450" width="600"></canvas>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center"><meta charset="utf-8">出典：ファイナンシャルプランナー実態調査　（2010年度）</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p>FP資格取得者が、FP業務に携わっている割合とFP業務による売上の有無をみてみます。</p>



<p>FP業務での売上とは、「相談料」「提案書作成料」「募集・仲介・販売の手数料(コミッション料)」「講演料・講師料」「執筆料・監修料」「個人顧客顧問料・法人顧客顧問料(会費を含む)」を指します。</p>



<p>少し驚いたのがFP資格取得後、FP業務に携わっていない人の割合が61％もあることです。</p>



<p>FP資格取得目的のなかで、自己啓発が一番多かったので本業は別の職種で、ダブルライセンスとしてFP資格を取得する人が多いのかもしれません。</p>



<p>金融機関等に所属していて売上がない方を含めると、資格取得者で売上がない方は90.7%にもなります。</p>



<p>FP業務での売上の中には、「募集・仲介・販売の手数料(コミッション料)」も含まれているので、いわゆる独立系のFPで収益を上げている方は相当少ないと予想できます。</p>



<p>1.1%とわずかですが、事務所経営や金融機関所属でもなく、FP売上を上げている方もいらっしゃいます。</p>



<p>個人的には今後伸びる可能性が高い、FP資格試験事業やYouTube、ブログ記事などでの情報発信は、FP資格を収益化しやすい分野の一つではないでしょうか。</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">③FP業務を提供する上での一番の問題点・課題</h3>



<div class="chart-area bar smoothTrigger">
<canvas id="chart03" height="450" width="600"></canvas>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center">出典：ファイナンシャルプランナー実態調査　（2010年度）</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p>FP業務を提供する上での一番の問題点や課題は、やはり「FPのことを知らない・知られていない」ということです。</p>



<p>例えば、生活者がお金に関する相談をする場合、どこで誰に相談するでしょうか？</p>



<p>おそらく多くの人は、銀行や保険会社、不動産会社など身近で知っている人ではないでしょうか？</p>



<p>もちろん、身近な金融機関などは相談しやすく、良心的な担当者は最適なアドバイスをしてくれます。</p>



<p>その一方で良心的な担当者は、自社商品を提案しなければというジレンマを抱えながら、相談に乗っているかもしれません。</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">④あなたのFPスキルを眠らせておくのは、もったいなくありませんか？</h3>



<p>金融商品の複雑化、超高齢化社会、金融リテラシー、資産所得倍増計画など、政府の方針と課題を考えただけでも、今後お金に関する相談、FPに対する需要はますます増加するでしょう。</p>



<p>多くの人が、FPであるあなたのアドバイスを求めて待っています。</p>



<p>少し前なら、開業はリスクもあり、とてもハードルが高いものでした。</p>



<p>今では、副業を認める企業も増え、インターネットの発達によりリスクを最小限に抑え、知識をお金に変えることができます。</p>



<p>そして、何よりあなたのアドバイスを待っている人がたくさんいます。</p>



<p>しかし、何から始めていいのかわからないというのも事実です。</p>



<p>そこで、</p>



<p>初期費用ゼロからできる！　FP事務所の始め方</p>



<p>10日間無料メールセミナー</p>



<p>を始めました。</p>



<iframe class="embed-card embed-webcard" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;" title="くすもとFP事務所 | 無料FP開業メールセミナー| " src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.kusumoto-fp.com/fp-open/%2F" frameborder="0" scrolling="no"></iframe>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"></div></div>



<p>興味のある方は、ぜひ登録してください。</p>



<hr class="wp-block-separator has-css-opacity"/>



<p>ご質問やご意見、間違っている箇所等ございましたら、コメント欄、お問い合わせページ、Twitterにてお知らせください。</p>



<p>最後まで読んでいただきありがとうございました。皆さんのFP1級技能士試験合格を願っています。</p>



<script src="https://rawgit.com/kimmobrunfeldt/progressbar.js/master/dist/progressbar.min.js"></script>
<!--IE11用-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>
<!--機能編 9-5-2 棒グラフ（縦）9-5-6 円グラフ-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<!--機能編 9-5-1 数字のカウントアップ・ダウン + 9-5-2 棒グラフ（縦）9-5-6 円グラフ-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>
<!--印象編　8-8 テキストがランダムに出現-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/textillate/0.4.0/jquery.textillate.min.js"></script>
<!--印象編　5-4 幾何学模様-->
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>



<script type="text/javascript">
jQuery(function($){
/*global jQuery */
/*!	
* Lettering.JS 0.6.1
*
* Copyright 2010, Dave Rupert http://daverupert.com
* Released under the WTFPL license 
* http://sam.zoy.org/wtfpl/
*
* Thanks to Paul Irish - http://paulirish.com - for the feedback.
*
* Date: Mon Sep 20 17:14:00 2010 -0600
*/
(function($){
	function injector(t, splitter, klass, after) {
		var a = t.text().split(splitter), inject = '';
		if (a.length) {
			$(a).each(function(i, item) {
				inject += '<span class="'+klass+(i+1)+'">'+item+'</span>'+after;
			});	
			t.empty().append(inject);
		}
	}
	
	var methods = {
		init : function() {

			return this.each(function() {
				injector($(this), '', 'char', '');
			});

		},

		words : function() {

			return this.each(function() {
				injector($(this), ' ', 'word', ' ');
			});

		},
		
		lines : function() {

			return this.each(function() {
				var r = "eefec303079ad17405c889e092e105b0";
				// Because it's hard to split a <br/> tag consistently across browsers,
				// (*ahem* IE *ahem*), we replaces all <br/> instances with an md5 hash 
				// (of the word "split").  If you're trying to use this plugin on that 
				// md5 hash string, it will fail because you're being ridiculous.
				injector($(this).children("br").replaceWith(r).end(), r, 'line', '');
			});

		}
	};

	$.fn.lettering = function( method ) {
		// Method calling logic
		if ( method && methods[method] ) {
			return methods[ method ].apply( this, [].slice.call( arguments, 1 ));
		} else if ( method === 'letters' || ! method ) {
			return methods.init.apply( this, [].slice.call( arguments, 0 ) ); // always pass an array
		}
		$.error( 'Method ' +  method + ' does not exist on jQuery.lettering' );
		return this;
	};

})(jQuery);
});
</script>



<p><script type="text/javascript">
   // ▼円グラフの中身
   var pieData = [
      {
         value: 50.29,            // 値
         color:"rgba(240,128,128,0.6)",       // 色
         highlight: "rgba(255,64,64,0.75)",  // マウスが載った際の色
         label: "計算問題"        // ラベル
      },
      {
         value: 49.71,
         color: "rgba(151,187,205,0.6)",
         highlight: "rgba(64,96,255,0.75)",
         label: "説明問題"
      }
   ];
   // ▼開催回別棒グラフの中身
  var barChartData2 = {
      labels : ["2021年9月","2021年5月","2021年1月","2020年9月","2020年1月","2019年9月","2019年5月"],
      datasets : [
         {
            fillColor : "rgba(240,128,128,0.6)",    // 塗りつぶし色
            strokeColor : "rgba(240,128,128,0.9)",  // 枠線の色
            highlightFill: "rgba(255,64,64,0.75)",  // マウスが載った際の塗りつぶし色
            highlightStroke: "rgba(255,64,64,1)",   // マウスが載った際の枠線の色
            data : [ 45, 41, 60, 52, 52, 44, 58 ]     // 各棒の値(カンマ区切りで指定)
         },
         {
            fillColor : "rgba(151,187,205,0.6)",
            strokeColor : "rgba(151,187,205,0.9)",
            highlightFill : "rgba(64,96,255,0.75)",
            highlightStroke : "rgba(64,96,255,1)",
            data : [ 55, 59, 40, 48, 48, 56, 42 ]
         }
      ]
   };
   // ▼分野別棒グラフの中身
  var barChartData3 = {
      labels : ["A分野〈問1〉","C分野〈問2〉","D分野〈問3〉","E分野〈問4〉","F分野〈問5〉"],
      datasets : [
         {
            fillColor : "rgba(240,128,128,0.6)",    // 塗りつぶし色
            strokeColor : "rgba(240,128,128,0.9)",  // 枠線の色
            highlightFill: "rgba(255,64,64,0.75)",  // マウスが載った際の塗りつぶし色
            highlightStroke: "rgba(255,64,64,1)",   // マウスが載った際の枠線の色
            data : [ 35.71, 52.86, 42.14, 62.86, 57.86 ]     // 各棒の値(カンマ区切りで指定)
         },
         {
            fillColor : "rgba(151,187,205,0.6)",
            strokeColor : "rgba(151,187,205,0.9)",
            highlightFill : "rgba(64,96,255,0.75)",
            highlightStroke : "rgba(64,96,255,1)",
            data : [ 64.29, 47.14, 57.86, 37.14, 42.14 ]
         }
      ]
   }
   // ▼上記のグラフを描画するための記述
  window.onload = function(){
      var ctx = document.getElementById("graph-area3").getContext("2d");
      window.myBar = new Chart(ctx).Bar(barChartData3, {
       responsive : true
   });
      var ctx = document.getElementById("graph-area2").getContext("2d");
      window.myBar = new Chart(ctx).Bar(barChartData2, {
       responsive : true
   });
   var ctx = document.getElementById("graph-area1").getContext("2d");
   window.myPie = new Chart(ctx).Pie(pieData, {
       responsive : true
   });
};
</script>



<script type="text/javascript">
/*===========================================================*/
/*機能編 8-1-1ページの先頭にスムーススクロールする*/
/*===========================================================*/
// #page-topをクリックした際の設定
jQuery(function($){
$('#page-top').click(function () {
    $('body,html').animate({
        scrollTop: 0//ページトップまでスクロール
    }, 500);//ページトップスクロールの速さ。数字が大きいほど遅くなる
    return false;//リンク自体の無効化
});

/*===========================================================*/
/*機能編 5-1-13 クリックしたらナビが左から右に出現*/
/*===========================================================*/

$(".openbtn").click(function () {//ボタンがクリックされたら
	$(this).toggleClass('active');//ボタン自身に activeクラスを付与し
    $("#g-nav").toggleClass('panelactive');//ナビゲーションにpanelactiveクラスを付与
    $("#g-nav li").toggleClass('smooth');//li に smoothクラスを付与
});

$("#g-nav a").click(function () {//ナビゲーションのリンクがクリックされたら
    $(".openbtn").removeClass('active');//ボタンの activeクラスを除去し
    $("#g-nav").removeClass('panelactive');//ナビゲーションのpanelactiveクラスも除去
    $("#g-nav li").removeClass('smooth');//li のsmoothクラスを除去
});

/*===========================================================*/
/*機能編  9-5-1 数字のカウントアップ・ダウン*/
/*===========================================================*/

$('#count-up-area').on('inview', function(event, isInView) {
	if (isInView) {
		//要素が見えたときに実行する処理
		$("#count-up-area .count-up").each(function(){
			$(this).prop('Counter',0).animate({//0からカウントアップ
                Counter: $(this).text()
            }, {
				// スピードやアニメーションの設定
                duration: 3000,//数字が大きいほど変化のスピードが遅くなる。2000=2秒
                easing: 'swing',//動きの種類。他にもlinearなど設定可能
                step: function (now) {
                    $(this).text(Math.ceil(now));
                }
            });
		});
	}
});


/*===========================================================*/
/*機能編  9-5-2 棒グラフ（縦）9-5-6 円グラフ*/
/*===========================================================*/

//値をグラフに表示させる
Chart.plugins.register({
    afterDatasetsDraw: function (chart, easing) {
        var ctx = chart.ctx;

        chart.data.datasets.forEach(function (dataset, i) {
            var meta = chart.getDatasetMeta(i);
            if (!meta.hidden) {
                meta.data.forEach(function (element, index) {
                    // 値の表示
                    ctx.fillStyle = 'rgb(0, 0, 0,0.8)';//文字の色
                    var fontSize = 12;//フォントサイズ
                    var fontStyle = 'normal';//フォントスタイル
                    var fontFamily = 'Arial';//フォントファミリー
                    ctx.font = Chart.helpers.fontString(fontSize, fontStyle, fontFamily);
                    var dataString = dataset.data[index].toString();
					
                    // 値の位置
                    ctx.textAlign = 'center';//テキストを中央寄せ
                    ctx.textBaseline = 'middle';//テキストベースラインの位置を中央揃え

                    var padding = 5;//余白
                    var position = element.tooltipPosition();
                    ctx.fillText(dataString, position.x, position.y - (fontSize / 2) - padding);
		
                });
            }
        });
    }
});

//円グラフ１
$('#chart01').on('inview', function(event, isInView) {//画面上に入ったらグラフを描画
if (isInView) {

var ctx=document.getElementById("chart01");//グラフを描画したい場所のid
var chart=new Chart(ctx,{
type:'pie',//グラフのタイプ
data:{//グラフのデータ
	labels:["自己啓発","仕事で必要(自主取得)","仕事で必要(会社指示)","自身のライフプランのため","FP業務を行うため","就職・転職に有利","自身の生きがい","肩書きがとして","その他",],//データの名前
	datasets:[{
			label:"FP資格を取得した目的",//グラフのタイトル
			backgroundColor:["rgba(240,128,128,0.6)","rgba(151,187,205,0.6)","rgba(121,117,215,0.6)","rgba(11,287,105,0.6)","rgba(151,127,115,0.6)","rgba(152,27,105,0.6)","rgba(141,147,245,0.6)","rgba(251,127,225,0.6)","rgba(141,147,245,0.6)"],//グラフの背景色
			data:["29.8","27.0","14.9","8.6","6.8","6.2","3.0","2.8","0.9"]//データ
		}]
},

options:{//グラフのオプション
	maintainAspectRatio: false,//CSSで大きさを調整するため、自動縮小をさせない
	legend:{
		display:true//グラフの説明を表示
	},
	tooltips:{//グラフへカーソルを合わせた際の詳細表示の設定
		callbacks:{
        label: function (tooltipItem, data) {
			return data.labels[tooltipItem.index]+ ": "+ data.datasets[0].data[tooltipItem.index] + "%";//%を最後につける
		}
    },		
	},
	title:{//上部タイトル表示の設定
		display: true,
		fontSize:14,
		text: 'FP資格を取得した目的 単位：%'
	},
}
});
        
}
});

//円グラフ２
$('#chart02').on('inview', function(event, isInView) {//画面上に入ったらグラフを描画
if (isInView) {

var ctx=document.getElementById("chart02");//グラフを描画したい場所のid
var chart=new Chart(ctx,{
type:'pie',//グラフのタイプ
data:{//グラフのデータ
	labels:["FP売上あり(会社経営)","FP売上あり(会社所属)","FP売上あり(金融機関等所属)","FP売上あり(その他)","FP売上なし(金融機関等所属)","FP業務に携わっていない",],//データの名前
	datasets:[{
			label:"FP業務による売上の有無",//グラフのタイトル
			backgroundColor:["rgba(240,128,128,0.6)","rgba(151,187,205,0.6)","rgba(121,117,215,0.6)","rgba(11,287,105,0.6)","rgba(151,127,115,0.6)","rgba(152,27,105,0.6)"],//グラフの背景色
			data:["3.4","1.5","3.4","1.1","29.4","61.3"]//データ
		}]
},

options:{//グラフのオプション
	maintainAspectRatio: false,//CSSで大きさを調整するため、自動縮小をさせない
	legend:{
		display:true//グラフの説明を表示
	},
	tooltips:{//グラフへカーソルを合わせた際の詳細表示の設定
		callbacks:{
        label: function (tooltipItem, data) {
			return data.labels[tooltipItem.index]+ ": "+ data.datasets[0].data[tooltipItem.index] + "%";//%を最後につける
		}
    },		
	},
	title:{//上部タイトル表示の設定
		display: true,
		fontSize:14,
		text: 'FP業務による売上の有無 単位：%'
	},
}
});
        
}
});

//円グラフ3
$('#chart03').on('inview', function(event, isInView) {//画面上に入ったらグラフを描画
if (isInView) {

var ctx=document.getElementById("chart03");//グラフを描画したい場所のid
var chart=new Chart(ctx,{
type:'pie',//グラフのタイプ
data:{//グラフのデータ
	labels:["FP自体を知らない","相談料等の費用を知らない","FP資格の違いを知らない","差し迫った問題がない","相談しずらいと思われている","コンプライアンスの問題","その他","特にない"],//データの名前
	datasets:[{
			label:"FP業務による売上の有無",//グラフのタイトル
			backgroundColor:["rgba(240,128,128,0.6)","rgba(151,187,205,0.6)","rgba(121,117,215,0.6)","rgba(11,287,105,0.6)","rgba(151,127,115,0.6)","rgba(152,27,105,0.6)","rgba(141,147,245,0.6)","rgba(251,127,225,0.6)"],//グラフの背景色
			data:["29.4","14.7","18.9","9.9","9.1","4.5","1.9","11.5"]//データ
		}]
},

options:{//グラフのオプション
	maintainAspectRatio: false,//CSSで大きさを調整するため、自動縮小をさせない
	legend:{
		display:true//グラフの説明を表示
	},
	tooltips:{//グラフへカーソルを合わせた際の詳細表示の設定
		callbacks:{
        label: function (tooltipItem, data) {
			return data.labels[tooltipItem.index]+ ": "+ data.datasets[0].data[tooltipItem.index] + "%";//%を最後につける
		}
    },		
	},
	title:{//上部タイトル表示の設定
		display: true,
		fontSize:14,
		text: 'FP業務を提供する上での一番の問題点・課題 単位：%'
	},
}
});
        
}
});


//棒グラフ04
$('#chart04').on('inview', function(event, isInView) {//画面上に入ったらグラフを描画
if (isInView) {

var ctx03=document.getElementById("chart04");//グラフを描画したい場所のid

var chart04=new Chart(ctx04,{
type:'bar',//グラフのタイプ
data:{//グラフのデータ
	labels:["A分野〈問1〉","C分野〈問2〉","D分野〈問3〉","E分野〈問4〉","F分野〈問5〉",],//データの名前
	datasets:[{
			label:"計算問題の出題割合",//グラフのタイトル
			backgroundColor : "rgba(240,128,128,0.6)",    // 塗りつぶし色
            strokeColor : "rgba(240,128,128,0.9)",  // 枠線の色
            highlightFill: "rgba(255,64,64,0.75)",  // マウスが載った際の塗りつぶし色
            highlightStroke: "rgba(255,64,64,1)",   // マウスが載った際の枠線の色
			data:[ 35.71, 52.86, 42.14, 62.86, 57.86 ]//各棒の値(カンマ区切りで指定)
         },
         {
label:"穴埋め問題の出題割合",//グラフのタイトル            
backgroundColor : "rgba(151,187,205,0.6)",
            strokeColor : "rgba(151,187,205,0.9)",
            highlightFill : "rgba(64,96,255,0.75)",
            highlightStroke : "rgba(64,96,255,1)",
            data : [ 64.29, 47.14, 57.86, 37.14, 42.14 ]
		}]
},
options:{//グラフのオプション
	maintainAspectRatio: false,   //元のキャンバスのアスペクト比維持を無効
	legend:{
		display: false//グラフの説明を非表示
	},
	tooltips:{//グラフへカーソルを合わせた際の詳細表示の設定
		callbacks:{
        label: function(tooltipItems, data) {
            if(tooltipItems.yLabel == "0"){
                return "";
            }
            return data.datasets[tooltipItems.datasetIndex].label + "：" + tooltipItems.yLabel + "%";//%を最後につける
        }
    }
	},
title:{//上部タイトル表示の設定
		display: true,
		fontSize:14,
		text: '分野別計算問題と穴埋め問題の出題割合　単位：%'
	},
scales:{
		yAxes:[//グラフ縦軸（Y軸）設定
			{
				ticks:{
					beginAtZero:true,//0からスタート
					suggestedMax: 100,//最大が100
					suggestedMin: 0,//最小が0
					stepSize: 10,//10づつ数値が刻まれる
					callback: function(value){
						return  value +  '%'//数字＋人で表示					
				}
			}
		}
	],
		xAxes:[//グラフ縦軸（X軸）設定
			{
				barPercentage:0.7,//バーの太さ
			}
		]
	}
}
});
    
}
});   

/*===========================================================*/
/* 印象編 8-8 テキストがランダムに出現*/
/*===========================================================*/
var Obj = {
	loop: false,
	minDisplayTime: 2000,// アニメーションの間隔時間
	initialDelay:100, // アニメーション開始までの遅延時間
	autoStart: true,
	in: {
		effect: 'fadeInUp',//animate.css の中にある採用したい動きのクラス名
		delayScale: 1,// 遅延時間の指数
		delay: 100,// 文字ごとの遅延時間
		sync: false,// アニメーションをすべての文字に同時適用するかどうか
		shuffle: true,// 文字表示がランダムな順に表示されるかどうか
	},
	out: {// 終了時のアニメーション設定をしたい場合はここに追記
	}
}
var element
//初期設定
function RandomInit() {
	element= $(".randomAnime");
	$(element[0]).textillate(Obj);
}

function RandomAnimeControl() {
		var elemPos = $(element[1]).offset().top - 50;
		var scroll = $(window).scrollTop();
		var windowHeight = $(window).height();

		if (scroll >= elemPos - windowHeight) {
			$(element[1]).textillate(Obj);
		}
}

/*===========================================================*/
/* 印象編 5-4 幾何学模様*/
/*===========================================================*/

particlesJS("particles-js",{
	"particles":{
		"number":{
			"value":38,/*この数値を変更すると幾何学模様の数が増減できる*/
			"density":{
				"enable":true,
				"value_area":800
			}
		},
		"color":{
			"value":"#11a0ad"/*色*/
		},
		"shape":{
			"type":"polygon",/*形状はpolygonを指定*/
			"stroke":{
				"width":0,
			},
	"polygon":{
		"nb_sides":3//多角形の角の数
	},
	"image":{
		"width":190,
		"height":100
	}
	},
		"opacity":{
		"value":0.664994832269074,
		"random":false,
		"anim":{
			"enable":true,
			"speed":2.2722661797524872,
			"opacity_min":0.08115236356258881,
			"sync":false
		}
		},
		"size":{
			"value":3,
			"random":true,
			"anim":{
				"enable":false,
				"speed":40,
				"size_min":0.1,
				"sync":false
			}
		},
		"line_linked":{
			"enable":true,
			"distance":150,
			"color":"#11a0ad",
			"opacity":0.6,
			"width":1
		},
		"move":{
			"enable":true,
			"speed":6,/*この数値を小さくするとゆっくりな動きになる*/
			"direction":"none",/*方向指定なし*/
			"random":false,/*動きはランダムにしない*/
			"straight":false,/*動きをとどめない*/
			"out_mode":"out",/*画面の外に出るように描写*/
			"bounce":false,/*跳ね返りなし*/
			"attract":{
				"enable":false,
				"rotateX":600,
				"rotateY":961.4383117143238
			}
		}
	},
	"interactivity":{
		"detect_on":"canvas",
		"events":{
			"onhover":{
				"enable":false,
				"mode":"repulse"
			},
	"onclick":{
		"enable":false
	},
	"resize":true
		}
	},
	"retina_detect":true
});

/*===========================================================*/
/* 印象編 4 最低限おぼえておきたい動き*/
/*===========================================================*/

// 動きのきっかけの起点となるアニメーションの名前を定義
function fadeAnime(){
    //4-1 ふわっ（上から）
    $('.fadeDownTrigger').each(function(){ //fadeDownTriggerというクラス名が
		var elemPos = $(this).offset().top-50;//要素より、50px上の
		var scroll = $(window).scrollTop();
		var windowHeight = $(window).height();
		if (scroll >= elemPos - windowHeight){
		$(this).addClass('fadeDown');// 画面内に入ったらfadeDownというクラス名を追記
		}else{
		$(this).removeClass('fadeDown');// 画面外に出たらfadeDownというクラス名を外す
		}
		});
    
    // 4-7 にゅーん（滑らかに変形して出現）	
	$('.smoothTrigger').each(function(){ //smoothTriggerというクラス名が
		var elemPos = $(this).offset().top-50;//要素より、50px上の
		var scroll = $(window).scrollTop();
		var windowHeight = $(window).height();
		if (scroll >= elemPos - windowHeight){
		$(this).addClass('smooth');// 画面内に入ったらsmoothというクラス名を追記
		}else{
		$(this).removeClass('smooth');// 画面外に出たらsmoothというクラス名を外す
		}
		});	
	
}

/*===========================================================*/
/*  印象編　5-11 波打つ（1つ重なりあり）*/
/*===========================================================*/

var unit = 100,
    canvasList, // キャンバスの配列
    info = {}, // 全キャンバス共通の描画情報
    colorList; // 各キャンバスの色情報

/**
 * Init function.
 * 
 * Initialize variables and begin the animation.
 */
function init() {
    info.seconds = 0;
    info.t = 0;
		canvasList = [];
    colorList = [];
    // canvas1個めの色指定
    canvasList.push(document.getElementById("waveCanvas"));
    colorList.push(['#11a0ad', '#11a0ad']);//重ねる波の色設定
	// 各キャンバスの初期化
for(var canvasIndex in canvasList) {
        var canvas = canvasList[canvasIndex];
        canvas.width = document.documentElement.clientWidth; //Canvasのwidthをウィンドウの幅に合わせる
        canvas.height = 200;//波の高さ
        canvas.contextCache = canvas.getContext("2d");
    }
    // 共通の更新処理呼び出し
		update();
}

function update() {
		for(var canvasIndex in canvasList) {
        var canvas = canvasList[canvasIndex];
        // 各キャンバスの描画
        draw(canvas, colorList[canvasIndex]);
    }
    // 共通の描画情報の更新
    info.seconds = info.seconds + .014;
    info.t = info.seconds*Math.PI;
    // 自身の再起呼び出し
    setTimeout(update, 35);
}

/**
 * Draw animation function.
 * 
 * This function draws one frame of the animation, waits 20ms, and then calls
 * itself again.
 */
function draw(canvas, color) {
		// 対象のcanvasのコンテキストを取得
    var context = canvas.contextCache;
    // キャンバスの描画をクリア
    context.clearRect(0, 0, canvas.width, canvas.height);

    //波の重なりを描画 drawWave(canvas, color[数字], 透過, 波の幅のzoom,波の開始位置の遅れ )
    drawWave(canvas, color[0], 0.5, 3, 0);//0.5⇒透過具合50%、3⇒数字が大きいほど波がなだらか
    drawWave(canvas, color[1], 0.4, 2, 250);
//    drawWave(canvas, color[2], 0.2, 1.6, 100);
}

/**
* 波を描画
* drawWave(色, 不透明度, 波の幅のzoom, 波の開始位置の遅れ)
*/
function drawWave(canvas, color, alpha, zoom, delay) {
		var context = canvas.contextCache;
    context.fillStyle = color;//塗りの色
    context.globalAlpha = alpha;
    context.beginPath(); //パスの開始
    drawSine(canvas, info.t / 0.5, zoom, delay);
    context.lineTo(canvas.width + 10, canvas.height); //パスをCanvasの右下へ
    context.lineTo(0, canvas.height); //パスをCanvasの左下へ
    context.closePath() //パスを閉じる
    context.fill(); //波を塗りつぶす
}

/**
 * Function to draw sine
 * 
 * The sine curve is drawn in 10px segments starting at the origin. 
 * drawSine(時間, 波の幅のzoom, 波の開始位置の遅れ)
 */
function drawSine(canvas, t, zoom, delay) {
    var xAxis = Math.floor(canvas.height/2);
    var yAxis = 0;
    var context = canvas.contextCache;
    // Set the initial x and y, starting at 0,0 and translating to the origin on
    // the canvas.
    var x = t; //時間を横の位置とする
    var y = Math.sin(x)/zoom;
    context.moveTo(yAxis, unit*y+xAxis); //スタート位置にパスを置く

    // Loop to draw segments (横幅の分、波を描画)
    for (i = yAxis; i <= canvas.width + 10; i += 10) {
        x = t+(-yAxis+i)/unit/zoom;
        y = Math.sin(x - delay)/3;
        context.lineTo(i, unit*y+xAxis);
    }
}

init();

/*===========================================================*/
/* 関数をまとめる*/
/*===========================================================*/

// 画面をスクロールをしたら動かしたい場合の記述
$(window).scroll(function (){
    fadeAnime();//印象編 4 最低限おぼえておきたい動きの関数を呼ぶ
	RandomAnimeControl();//印象編 8-8 テキストがランダムに出現、アニメーション用の関数を呼ぶ
});

// ページが読み込まれたらすぐに動かしたい場合の記述
$(window).on('load', function () {
    
/*===========================================================*/
/*機能編  4-1-2 プログレスバー＋数字カウントアップ*/
/*===========================================================*/

//テキストのカウントアップ+バーの設定
var bar = new ProgressBar.Line(splash_text, {//id名を指定
	easing: 'easeInOut',//アニメーション効果linear、easeIn、easeOut、easeInOutが指定可能
	duration: 1000,//時間指定(1000＝1秒)
	strokeWidth: 0.2,//進捗ゲージの太さ
	color: '#00b7b8',//進捗ゲージのカラー
	trailWidth: 0.2,//ゲージベースの線の太さ
	trailColor: '#ccc',//ゲージベースの線のカラー
	text: {//テキストの形状を直接指定				
		style: {//天地中央に配置
			position: 'absolute',
			left: '50%',
			top: '50%',
			padding: '0',
			margin: '-30px 0 0 0',//バーより上に配置
			transform:'translate(-50%,-50%)',
			'font-size':'1rem',
			color: '#00b7b8',
		},
		autoStyleContainer: false //自動付与のスタイルを切る
	},
	step: function(state, bar) {
		bar.setText(Math.round(bar.value() * 100) + ' %'); //テキストの数値
	}
});

//アニメーションスタート
bar.animate(1.0, function () {//バーを描画する割合を指定します 1.0 なら100%まで描画します
	
    //=====ここからローディングエリア（splashエリア）を0.8秒でフェードアウトした後に動かしたいJSをまとめる
    $("#splash").delay(500).fadeOut(800,function(){//#splashエリアをフェードアウトした後にアニメーションを実行
    
	$('body').addClass('appear');//フェードアウト後bodyにappearクラス付与
        
    fadeAnime();//印象編 4 最低限おぼえておきたい動きの関数を呼ぶ
	RandomInit(); //印象編 8-8 テキストがランダムに出現、初期設定を読み込み
	RandomAnimeControl();//印象編 8-8 テキストがランダムに出現、アニメーション用の関数を呼ぶ
    }); 
    //=====ここまでローディングエリア（splashエリア）を0.8秒でフェードアウトした後に動かしたいJSをまとめる
    
});   
    
});// ここまでページが読み込まれたらすぐに動かしたい場合の記述
});    
</script><p>The post <a href="https://siken.kusumoto-fp.com/fp-open/">FP試験に合格後、活用できていますか？　ファイナンシャルプランナーのビジネスモデルを考えてみました</a> first appeared on <a href="https://siken.kusumoto-fp.com">FP試験に次の試験で合格する方法</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5128</post-id>	</item>
	</channel>
</rss>
