<?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/"
	xmlns:lig="https://liginc.co.jpimg/"
	>

<channel>
	<title>株式会社LIG(リグ)｜DX支援・システム開発・Web制作おじいちゃん が書いた記事 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作</title>
	<atom:link href="https://liginc.co.jp/author/h-goto/feed" rel="self" type="application/rss+xml" />
	<link>https://liginc.co.jp</link>
	<description>DX with Global Team. LIG(リグ)は、コンサルティング・システム開発・Web制作を中心に、グローバルリソースを活用したDX支援を行うプロフェッショナル集団です。</description>
	<lastBuildDate>Fri, 03 Apr 2026 00:00:57 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>今年も絶対に行くぞ！2016年に注目のインタラクティブイベント8選</title>
		<link>https://liginc.co.jp/215140</link>
		<comments>https://liginc.co.jp/215140#respond</comments>
		<pubDate>Sun, 03 Jan 2016 23:00:00 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[アート]]></category>
		<category><![CDATA[エンタメ・おもしろ]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=215140</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回は2015年に行われ、2016年も注目のインタラクティブイベントをまとめました。 今年も絶対に行きましょう！ 2016年も注目のインタラクティブイベント8選 1. SXSW（サウス・バ [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2016/01/041-240x160.jpg</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/215140/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TweenMax1.18で追加されたcycleプロパティと相対カラーアニメーションについて</title>
		<link>https://liginc.co.jp/189493</link>
		<comments>https://liginc.co.jp/189493#respond</comments>
		<pubDate>Thu, 15 Oct 2015 23:00:40 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=189493</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回は先月バージョンアップしたTweenMax1.18で追加された、cycleプロパティとHSLでの相対カラーアニメーションをご紹介したいと思います。 TweenMaxの導入方法については [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/10/eyecatch6-240x160.jpg</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/189493/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>進捗率を計算してスクロールアニメーションを制御する方法</title>
		<link>https://liginc.co.jp/180091</link>
		<comments>https://liginc.co.jp/180091#respond</comments>
		<pubDate>Thu, 03 Sep 2015 23:00:21 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=180091</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回は進捗率を計算して、スクロールアニメーションを実装する方法について書きたいと思います。 進捗率とは 進捗率とは、作業がどのくらい進んでいるかをパーセンテージ（0％から100％）で表した [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/09/10281-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/180091/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS、canvas、SVGで円周上をアニメーションさせる方法</title>
		<link>https://liginc.co.jp/web/html-css/html/175526</link>
		<comments>https://liginc.co.jp/web/html-css/html/175526#respond</comments>
		<pubDate>Sun, 09 Aug 2015 23:01:22 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=175526</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回はCSS、canvas、SVGで円周上をアニメーションさせる方法をいくつかご紹介したいと思います。 CSSでアニメーション CSSで円に沿ったアニメーションを実装したい場合、trans [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/10/971-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/html-css/html/175526/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScriptライブラリTweenMaxでSVGアニメーションを扱う方法</title>
		<link>https://liginc.co.jp/web/js/other-js/168856</link>
		<comments>https://liginc.co.jp/web/js/other-js/168856#respond</comments>
		<pubDate>Tue, 07 Jul 2015 23:00:42 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=168856</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 週末になるとよく銭湯に行くのですが、いつも「なんでシニア券を買えないんだろう」とずっと考えながら湯に浸かっています。もしかしたら、おじいちゃんじゃないのかもしれません。 さて、JavaSc [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/06/892-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/js/other-js/168856/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>なぜCSSのborderで三角形ができるのか、実際にコードを書いて調べてみた</title>
		<link>https://liginc.co.jp/web/html-css/html/164641</link>
		<comments>https://liginc.co.jp/web/html-css/html/164641#respond</comments>
		<pubDate>Mon, 08 Jun 2015 23:00:15 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=164641</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 Webサイトを作っていると、デザインによってはCSSを使って三角形を作るときがあります。便利ですよね。画像だとhover時に色が変えられなかったり、作ったとしてもアニメーションがつけられな [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/06/840-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/html-css/html/164641/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>プリロードやローディング画面を簡単に実装できるjQuery.ImgLoaderの使い方</title>
		<link>https://liginc.co.jp/web/js/jquery/162419</link>
		<comments>https://liginc.co.jp/web/js/jquery/162419#respond</comments>
		<pubDate>Thu, 28 May 2015 23:00:07 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=162419</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回は簡単にプリロードやローディング画面を実装できるjQuery.ImgLoaderの使い方をご紹介したいと思います。 jQuery.ImgLoaderとは 多くの画像やWebフォントを使 [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/05/818-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/js/jquery/162419/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>物理演算エンジン「Matter.js」を使ってみた（スマホも対応）</title>
		<link>https://liginc.co.jp/web/js/other-js/155192</link>
		<comments>https://liginc.co.jp/web/js/other-js/155192#respond</comments>
		<pubDate>Wed, 15 Apr 2015 23:00:37 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=155192</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回は物理演算エンジンであるMatter.jsをご紹介したいと思います。 Matter.jsとは Matter.jsは、物理演算が必要なアニメーションやWebゲームなどを作りたいときに使え [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/10/741-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/js/other-js/155192/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SVGのpathを使ったモーションパスアニメーションの実装方法</title>
		<link>https://liginc.co.jp/web/html-css/html/154217</link>
		<comments>https://liginc.co.jp/web/html-css/html/154217#respond</comments>
		<pubDate>Wed, 01 Apr 2015 23:00:24 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=154217</guid>
		<description><![CDATA[こんにちは、おじいちゃんです 今回はSVGのpathを使ったモーションパスアニメーションの実装方法について書きたいと思います。 【こちらもおすすめ】 &#160; ☞ SVGとjQueryで絵を描いているようなアニメーシ [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/04/710-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/html-css/html/154217/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScriptでオブジェクトをクラスのように扱い、パフォーマンスの高いコードを書こう</title>
		<link>https://liginc.co.jp/web/js/138822</link>
		<comments>https://liginc.co.jp/web/js/138822#respond</comments>
		<pubDate>Wed, 21 Jan 2015 23:00:17 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=138822</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回はJavaScriptでクラスを作る方法について書きたいと思います。 「jQueryはそこそこ理解できてきたし、JavaScriptも理解したい」「機能ごとに関数作ってるけど、規模が大 [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2015/01/551-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/js/138822/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>福岡で開催されたクリエイティブイベント「dotFes2014」に参加してきました</title>
		<link>https://liginc.co.jp/web/useful/138122</link>
		<comments>https://liginc.co.jp/web/useful/138122#respond</comments>
		<pubDate>Thu, 15 Jan 2015 23:00:17 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[LIGを知る]]></category>
		<category><![CDATA[ニュースリリース]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=138122</guid>
		<description><![CDATA[こんにちは、明太子おじいちゃんです。 2014年12月21日に福岡の九州大学で開催された「dotFes2014」にPanon publicというチームで出展してきましたので、ドットフェスレポートを書きたいと思います。 昨 [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2014/12/541-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/useful/138122/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>rgbaster.jsを使って画像の色を抽出してみよう</title>
		<link>https://liginc.co.jp/web/js/other-js/130257</link>
		<comments>https://liginc.co.jp/web/js/other-js/130257#respond</comments>
		<pubDate>Thu, 25 Dec 2014 23:00:16 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=130257</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回は、画像からカラー情報を抽出する方法について書いてみたいと思います。 rgbaster.jsを用いた画像の色を抽出 まずは下記URLからrgbaster.jsをダウンロードします。 r [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2014/12/514-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/js/other-js/130257/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bower（フロントエンド用パッケージマネージャー）の導入方法と使い方</title>
		<link>https://liginc.co.jp/web/programming/other-programming/134044</link>
		<comments>https://liginc.co.jp/web/programming/other-programming/134044#respond</comments>
		<pubDate>Thu, 18 Dec 2014 23:00:59 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=134044</guid>
		<description><![CDATA[こんにちは、おじいちゃんです。 今回はTwitter社が作成しているフロントエンド用パッケージマネージャー、Bowerの導入方法と使い方について説明したいと思います。 Bowerとは Twitter社が作ったフロントエン [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2014/12/496-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/programming/other-programming/134044/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Mapsの地図に目的地までのルートをJavaScriptで描画する方法</title>
		<link>https://liginc.co.jp/web/js/other-js/132151</link>
		<comments>https://liginc.co.jp/web/js/other-js/132151#respond</comments>
		<pubDate>Mon, 01 Dec 2014 23:00:16 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=132151</guid>
		<description><![CDATA[こんにちは、フロントエンジニアのおじいちゃんです。 今回は、任意で入力した場所から指定された場所までのルートをGoogleマップに描画する方法を紹介したいと思います。 Googleマップ描画 サンプルとして、任意に入力し [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2014/12/473-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/js/other-js/132151/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>アニメーションを実装するなら知っておきたい「requestAnimationFrame」の使い方</title>
		<link>https://liginc.co.jp/web/js/130758</link>
		<comments>https://liginc.co.jp/web/js/130758#respond</comments>
		<pubDate>Tue, 18 Nov 2014 03:00:36 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=130758</guid>
		<description><![CDATA[こんにちは、フロントエンドエンジニアのおじいちゃんです。 今回はパフォーマンスを意識したアニメーションを実装できる「requestAnimationFrame」について書きたいと思います。 requestAnimatio [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2014/11/449-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/js/130758/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブラウザ対応が簡単に！「modernizr.js」の機能と利用方法</title>
		<link>https://liginc.co.jp/web/js/other-js/128673</link>
		<comments>https://liginc.co.jp/web/js/other-js/128673#respond</comments>
		<pubDate>Wed, 05 Nov 2014 23:00:03 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=128673</guid>
		<description><![CDATA[こんにちは、最近あだ名が増えるばかりのおじいちゃんと申します。 今回はブラウザ対応で便利な「modernizr.js」を紹介します。 modernizr.jsとは modernizr.jsはJavaScriptのライブラ [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2014/11/418-240x160.png</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/js/other-js/128673/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web制作の作業を効率化するための自動化ツールGruntの導入方法とおすすめプラグインまとめ</title>
		<link>https://liginc.co.jp/web/programming/node-js/102803</link>
		<comments>https://liginc.co.jp/web/programming/node-js/102803#respond</comments>
		<pubDate>Mon, 22 Sep 2014 01:00:31 +0000</pubDate>
		<dc:creator><![CDATA[おじいちゃん]]></dc:creator>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[フロントエンド]]></category>

		<guid isPermaLink="false">https://liginc.co.jp/?p=102803</guid>
		<description><![CDATA[はじめまして、フロントエンドエンジニアのおじいちゃんと言います。おじいちゃんはあだ名で、本名は後藤です。よろしくお願いします。 本日は、開発を効率化してくれる自動化ツールのGruntの導入から使用方法、おすすめプラグイン [&#8230;]]]></description>
								<lig:postimage>https://liginc.co.jp/wp-content/uploads/2014/09/3311-240x160.jpg</lig:postimage>
										<lig:creatorimage>//liginc.co.jp/wp-content/uploads/2015/10/18ffe47ae091488567f5b7bacfbe9db736.jpg</lig:creatorimage>
		
		<wfw:commentRss>https://liginc.co.jp/web/programming/node-js/102803/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
