<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0"><id>tag:blogger.com,1999:blog-790068153409417478</id><updated>2024-08-30T01:01:00.337+09:00</updated><category term="Web関連"/><category term="Blogger"/><category term="ブログ"/><category term="Facebook"/><category term="Googleアナリティクス"/><category term="Googleマップ"/><category term="YouTube"/><category term="インターバル撮影"/><category term="フリー素材"/><category term="ロケ地"/><category term="上田城"/><category term="仕事"/><category term="信州上田"/><category term="北陸新幹線"/><category term="日本各地"/><category term="映画"/><category term="石川県"/><category term="遠出"/><title type="text">K's BLOG</title><subtitle type="html">Web制作に関連することを中心に、地元のこと、旅先の出来事などを紹介するブログです。</subtitle><link href="http://kakko-k.blogspot.com/feeds/posts/default" rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default?alt=atom&amp;redirect=false" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/" rel="alternate" type="text/html"/><link href="http://pubsubhubbub.appspot.com/" rel="hub"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><generator uri="http://www.blogger.com" version="7.00">Blogger</generator><openSearch:totalResults>11</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><xhtml:meta content="noindex" name="robots" xmlns:xhtml="http://www.w3.org/1999/xhtml"/><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-7503916959784041233</id><published>2015-08-21T17:32:00.001+09:00</published><updated>2018-09-29T16:24:46.826+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Web関連"/><category scheme="http://www.blogger.com/atom/ns#" term="ブログ"/><category scheme="http://www.blogger.com/atom/ns#" term="仕事"/><title type="text">ブログ新着情報の表示に「FeedWind」を使ったら、想像以上にカスタマイズが手軽で良い感じだった話</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rKYDA1Thibk87BZQkVjHx_oQD2rD-IjAhoqJH1rXFn3GnhMzuV7tZiKjuHl4vwIwRUIn_vP0HO5gw9OK41qmf0UTvaeF6ugUkcZtDImnYTrIYYcwlx1vCnMhnDDEYR4GfzzkEz9B16c/s1600/00midasi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rKYDA1Thibk87BZQkVjHx_oQD2rD-IjAhoqJH1rXFn3GnhMzuV7tZiKjuHl4vwIwRUIn_vP0HO5gw9OK41qmf0UTvaeF6ugUkcZtDImnYTrIYYcwlx1vCnMhnDDEYR4GfzzkEz9B16c/s400/00midasi.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
先日RSSフィードの設定をして、次は情報取得と新着記事の表示設定をしようと考えていました。&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="http://kakko-k.blogspot.jp/2015/07/rsssns.html" target="_blank"&gt;&amp;nbsp;【別記事】RSSフィードの設定、SNSアイコンの設置、そしてブログテンプレートもシンプルなものに変更しました。&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
ただ、いざ実行しようとすると敷居が高くて、延ばし延ばしにしているうちに上記の記事から早くも3週間が経過。&lt;br /&gt;
「やればできる」 は言い訳だし、実行しない以上は「できそう」という希望的観測に過ぎないのです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
そんなある日、別件で急遽ブログ記事をサイトに掲載する必要が出てしまいました。&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
&lt;h3&gt;
「FeedWind」の利用&lt;/h3&gt;
自分でソースコードを書いて設置したい（できる）と思っていると、既存サービスの利用はなんだか負けたとか甘えとかいう意識が付きまとってきます。&lt;br /&gt;
&lt;br /&gt;
でも今の時点で自力実装できていないのだから仕方ない。&lt;br /&gt;
&lt;br /&gt;
そこで今回、こちらのサービスを利用しました。&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="http://feed.mikle.com/ja/" target="_blank"&gt;FeedWind(日本語版)&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
検索で上位に出てくるだけあって、有名なサービスのようですね。&lt;br /&gt;
&lt;br /&gt;
早速画面を開きます。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKhwIMcHk_At69yjhyphenhyphenzuwG_VThW8vBS4nfk6CM3zmj2V40WXY9vjz7N9tqnaDr7gZuFAvf2aSWxForaT4WrnBEww-jdOUraTH-1tcToGr39gM88wK46Wr2Qru9A91yOB768tfdN4ZugxY/s1600/01%25E8%25A8%25AD%25E5%25AE%259A%25E7%2594%25BB%25E9%259D%25A2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKhwIMcHk_At69yjhyphenhyphenzuwG_VThW8vBS4nfk6CM3zmj2V40WXY9vjz7N9tqnaDr7gZuFAvf2aSWxForaT4WrnBEww-jdOUraTH-1tcToGr39gM88wK46Wr2Qru9A91yOB768tfdN4ZugxY/s400/01%25E8%25A8%25AD%25E5%25AE%259A%25E7%2594%25BB%25E9%259D%25A2.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
見たまんま、とてもお手軽です！&lt;br /&gt;
RSSのURLを入力するとありますが、 普通にブログのサイトURLでも行けました。&lt;br /&gt;
&lt;h4&gt;
手順&lt;/h4&gt;
&lt;ol&gt;
&lt;li&gt;RSSまたはサイトのURLを入力&lt;/li&gt;
&lt;li&gt;プレビューを見ながら各種設定&lt;/li&gt;
&lt;li&gt;自動生成されるソースコードを、表示させたい場所にコピペ&lt;/li&gt;
&lt;/ol&gt;
設定はリアルタイムでプレビューに反映されて、ソースコードも自動生成されるので、どこに貼ればいいのかだけ理解していればホントに簡単！&lt;br /&gt;
&lt;br /&gt;
色、サイズ、文字数、 枠や本文の表示など、必要な設定は一通りそろっています。&lt;br /&gt;
いちいち説明する必要もないほどシンプル！&lt;br /&gt;
&lt;br /&gt;
もっと細かく設定したければ、カスタムCSSにも対応していますし、すでに用意されているサンプルテンプレートの利用も可能。&lt;br /&gt;
初心者から上級者まで満足できるサービスですね。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
自サイトにはこんな感じで使ってみた&lt;/h3&gt;
見本を兼ねて、このブログの新着記事一覧をFeedWindで作成してみました。&lt;br /&gt;
&lt;br /&gt;
サムネイルの表示では、縦横比を「維持する」「維持しない」という二択があるのですが、その違いは以下のような感じ。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ5Yii0c4Nv49-qb81XpKca2Aem0Fj9DnKR1GYTdn_tWuBlrvF3lbQyIvP2DmxA0opvhoZBTyRqoN86gwwZ7wu7JNr8AUDBwEaWPJmfM5ISx4zhyphenhyphenAQ771ziLEKA6nn4svwsAJu7P8SIJs/s1600/02%25E3%2582%25B5%25E3%2583%25A0%25E3%2583%258D%25E3%2582%25A4%25E3%2583%25AB%25E7%25B8%25A6%25E6%25A8%25AA%25E6%25AF%2594.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ5Yii0c4Nv49-qb81XpKca2Aem0Fj9DnKR1GYTdn_tWuBlrvF3lbQyIvP2DmxA0opvhoZBTyRqoN86gwwZ7wu7JNr8AUDBwEaWPJmfM5ISx4zhyphenhyphenAQ771ziLEKA6nn4svwsAJu7P8SIJs/s320/02%25E3%2582%25B5%25E3%2583%25A0%25E3%2583%258D%25E3%2582%25A4%25E3%2583%25AB%25E7%25B8%25A6%25E6%25A8%25AA%25E6%25AF%2594.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
「維持する」と、画像の長い辺に合わせてサムネイルエリア内に収まるように縮小され、「維持しない」はサムネイルサイズの正方形に合わせて切り取られるようです。&lt;br /&gt;
&lt;br /&gt;
後者の方が見た目が揃って見えるのでこちらを選びました。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
そして、ブログの右カラム上部に、新着記事がサムネイル＋本文付きで表示されるようになりました。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5d1E7IKcgi0qJd-3gqS7Ho3LShEs_nZXVj3BQnbye-T4Yh6-a8L8ASITpzHB3pG1ZD-miL2UTtW7o2A0HMT2E24DgyF-xYLUDJgRITyeBluq7Tm23XAYdzp6DGEJ5y8c4tAy63jxYcxw/s1600/03%25E6%2596%25B0%25E7%259D%2580.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5d1E7IKcgi0qJd-3gqS7Ho3LShEs_nZXVj3BQnbye-T4Yh6-a8L8ASITpzHB3pG1ZD-miL2UTtW7o2A0HMT2E24DgyF-xYLUDJgRITyeBluq7Tm23XAYdzp6DGEJ5y8c4tAy63jxYcxw/s320/03%25E6%2596%25B0%25E7%259D%2580.jpg" width="282" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
今までここには、Bloggerのレイアウトに元々あった「人気の記事」というガジェットを配置していました。&lt;br /&gt;
場所的に目立つためか上位記事がなかなか変動せず、逆に最近の記事が読まれないためランキングに上がってこないという状態が起きていたのが気になっていました。&lt;br /&gt;
&lt;br /&gt;
今回、新着記事を表示させることになったので、今後はランキングが公平になるのではないかなと期待しています。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
「人気の記事」はフッタに配置。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLTLxwZj5p_M3FjForL8Ej14yfzxKk7uLtxGlwlRypmmsrwaV3U-gSiAlKBvAFtFjvyke7cmwcROX3nrYjLnvR3SWsn6ZGeVWCXRHTNXHxN1KmreJv3CDoLLXyLTxYQW-BbmEqfPE36CQ/s1600/04%25E4%25BA%25BA%25E6%25B0%2597%25E3%2581%25AE%25E8%25A8%2598%25E4%25BA%258B.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLTLxwZj5p_M3FjForL8Ej14yfzxKk7uLtxGlwlRypmmsrwaV3U-gSiAlKBvAFtFjvyke7cmwcROX3nrYjLnvR3SWsn6ZGeVWCXRHTNXHxN1KmreJv3CDoLLXyLTxYQW-BbmEqfPE36CQ/s320/04%25E4%25BA%25BA%25E6%25B0%2597%25E3%2581%25AE%25E8%25A8%2598%25E4%25BA%258B.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
ちょっと目立たなくなっちゃったかな。&lt;br /&gt;
試しに右カラムにも置いてみたんですが、やたら縦長になってあまり見栄えが良くないようでした。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
さらに、自サイト「K's WORKS」にも新着ブログを表示させています。&lt;br /&gt;
シンプルに、タイトルと日付のみ。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO64WpoTJ7ezHH0htv6XSKrvQ_0Kb5VVlganh7t_OokhyLhUGsMzllDN4smanYhIpLPaSuRaEEaRl-wvL9w57tq4BPmb4g1bYoeeLA6iQCPI262nPBGBHkMb254nDtLIuYKjhbNLwj0XU/s1600/05%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E8%25A1%25A8%25E7%25A4%25BA%25E3%2582%25B5%25E3%2583%25B3%25E3%2583%2597%25E3%2583%25AB.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO64WpoTJ7ezHH0htv6XSKrvQ_0Kb5VVlganh7t_OokhyLhUGsMzllDN4smanYhIpLPaSuRaEEaRl-wvL9w57tq4BPmb4g1bYoeeLA6iQCPI262nPBGBHkMb254nDtLIuYKjhbNLwj0XU/s400/05%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E8%25A1%25A8%25E7%25A4%25BA%25E3%2582%25B5%25E3%2583%25B3%25E3%2583%2597%25E3%2583%25AB.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
「FeedWind」は無料サービスの代わりにサイトへのリンクが自動でつきますが、薄くて小さい文字列なので目立たず気になりません。 &lt;br /&gt;
非表示にすることは規約違反になるようなので、ご注意ください。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
誰かの役に立てると嬉しい&lt;/h3&gt;
今回、知人からの相談を受けて急遽このサービスを探して実践してみたのですが、使い方などをお伝えしたら気に入っていただけたようでした。&lt;br /&gt;
&lt;br /&gt;
誰かの役に立つ、喜んでもらえるというのは、仕事や活動をする上で私にとっては大きな原動力となっていることを、改めて認識しました。&lt;br /&gt;
&lt;br /&gt;
いざという時に頼りになる人間になりたいから、そのために日々勉強と経験の積み重ねです。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/7503916959784041233" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/7503916959784041233" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/08/feedwind.html" rel="alternate" title="ブログ新着情報の表示に「FeedWind」を使ったら、想像以上にカスタマイズが手軽で良い感じだった話" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rKYDA1Thibk87BZQkVjHx_oQD2rD-IjAhoqJH1rXFn3GnhMzuV7tZiKjuHl4vwIwRUIn_vP0HO5gw9OK41qmf0UTvaeF6ugUkcZtDImnYTrIYYcwlx1vCnMhnDDEYR4GfzzkEz9B16c/s72-c/00midasi.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-8395879079106348103</id><published>2015-07-31T18:04:00.001+09:00</published><updated>2018-09-29T16:24:47.100+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Web関連"/><category scheme="http://www.blogger.com/atom/ns#" term="ブログ"/><title type="text">RSSフィードの設定、SNSアイコンの設置、そしてブログテンプレートもシンプルなものに変更しました。</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbAnOIJQ6IxPegapEnp8ZeJyi0ftMMqArv0RXzknYTsoKWp8h-aFimQTLruMmsLYvo1h8dH8y_KvOsMRFs7DZEN9XQH787mRSW8rZQYanD6YVpUZeCtzW-ZOdfCExz284WYSBOBIDUVg/s1600/idobata_inko.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbAnOIJQ6IxPegapEnp8ZeJyi0ftMMqArv0RXzknYTsoKWp8h-aFimQTLruMmsLYvo1h8dH8y_KvOsMRFs7DZEN9XQH787mRSW8rZQYanD6YVpUZeCtzW-ZOdfCExz284WYSBOBIDUVg/s400/idobata_inko.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
今日、当ブログのイメージが一新しました。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
RSSフィードの設定 &lt;/h3&gt;
実はあんまり活用したことがなくて少し苦手意識のあるRSSフィード。&lt;br /&gt;
今回、「FeedBurner」を利用しました。&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="http://ashiatonote.blogspot.jp/2012/04/bloggerrss.html" target="_blank"&gt;Bloggerをはじめるための設定に苦労した話３｜RSS登録用のアイコン設置の方法&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.blogger-customize.com/2013/12/feedburner.html" target="_blank"&gt;RSS配信の決定版！FeedBurnerの設置方法と使い方まとめ&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
新着情報の取得などで今後使っていきたいので、各情報の取得方法や設定なども順に調べながら実践していきます。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
SNSアイコンの設置&lt;/h3&gt;
そして、前からやろうと思っていたSNSアイコンを作成して、サイドメニュー上部に設置してみました。&lt;br /&gt;
アイコンは32pxサイズで作成したんですが、ちょっと大きいかなという気もするので、また変更するかもしれません。&lt;br /&gt;
あとマウスオーバー効果も追加予定。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGgHXWiyWcdvnZ1zABv1PstMZFNjQp25sJ-arbsqN_1O3y3UT0KaZ3_TUbmByrENa883Uy65V0y96nZ0qj2fIaLItdpxXas8CJk1h1E5Yfcy9iyVe1OT2QMlnUC2SeNHwmr67rGVPOKZg/s1600/img2706.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGgHXWiyWcdvnZ1zABv1PstMZFNjQp25sJ-arbsqN_1O3y3UT0KaZ3_TUbmByrENa883Uy65V0y96nZ0qj2fIaLItdpxXas8CJk1h1E5Yfcy9iyVe1OT2QMlnUC2SeNHwmr67rGVPOKZg/s1600/img2706.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
SNSアイコンは探せばたくさん出てきます。&lt;br /&gt;
今後いろんな場面に合わせてカスタマイズできるように、フリーのベクターデータを拾ってきて色とサイズを調整しました。&lt;br /&gt;
&lt;br /&gt;
ちなみにSNSの中で一番使っているのはTwitter（&lt;a href="https://twitter.com/kakko_k_t" target="_blank"&gt;@kakko_k_t&lt;/a&gt;）、次がGoogle+。&lt;br /&gt;
インスタグラムやFacebookは更新頻度も人とのつながりもまだまだで、使い方模索中です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
テンプレートの変更&lt;/h3&gt;
ガジェットが増えてくるにつれ、ブログ画面がガチャッとうるさい感じになってきたので、背景画像のないシンプルなテンプレートに変更しました。&lt;br /&gt;
CSSも少し変更をして、文字の色やサイズ、記事内の小見出しを見やすくしてみました。&lt;br /&gt;
&lt;br /&gt;
背景画像に使わせてもらっていたアジサイの画像は&lt;a href="http://girlydrop.com/" target="_blank"&gt;ガーリードロップ&lt;/a&gt;さんより。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDYHTnItvN4joRVbPuL2gGW87_H_Ui4So7mYZRPr-pE1-kRcACFSvF-bLDipyG-1ee_S0qu8wqnySsvGKJQ3LAaI-nPV8PCbUEcriUQCBwEx9WLemrIc6z0SmXq0CcQbG4vE0lzL6acM/s1600/bg_blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDYHTnItvN4joRVbPuL2gGW87_H_Ui4So7mYZRPr-pE1-kRcACFSvF-bLDipyG-1ee_S0qu8wqnySsvGKJQ3LAaI-nPV8PCbUEcriUQCBwEx9WLemrIc6z0SmXq0CcQbG4vE0lzL6acM/s400/bg_blog.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
アジサイの季節も終わりましたね。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
改善の余地だらけのブログなので、こんな感じで徐々に手をかけていきます。&lt;br /&gt;
拡張性の高いWordpressで作成したいのはやまやまですが、手軽にカスタマイズできるフリーブログの良さに甘えて、しばらくは「Blogger」で継続予定です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/8395879079106348103" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/8395879079106348103" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/07/rsssns.html" rel="alternate" title="RSSフィードの設定、SNSアイコンの設置、そしてブログテンプレートもシンプルなものに変更しました。" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbAnOIJQ6IxPegapEnp8ZeJyi0ftMMqArv0RXzknYTsoKWp8h-aFimQTLruMmsLYvo1h8dH8y_KvOsMRFs7DZEN9XQH787mRSW8rZQYanD6YVpUZeCtzW-ZOdfCExz284WYSBOBIDUVg/s72-c/idobata_inko.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-7631533242594640427</id><published>2015-07-29T16:41:00.001+09:00</published><updated>2018-09-29T16:24:47.009+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="Web関連"/><category scheme="http://www.blogger.com/atom/ns#" term="ブログ"/><title type="text">FacebookページのPagePluginを「Blogger」に設置するとき、つまづいてしまった話とその解決方法</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHuEuwcPP0KW4pfddepIcNam_86hvPIGPvmHt5gbQrNYFTxisbpg-iKzT3W6xRq7cQuhjNq0Nu2CN6e4gxfYny-l_VI06r2N5xm2rI5UCdTMndb_CwWf1NNVdvnZPlQTMcUElGSz1nB-U/s1600/https---www.pakutaso.com-assets_c-2015-05-E146_goodjobishi-thumb-1000xauto-15165.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHuEuwcPP0KW4pfddepIcNam_86hvPIGPvmHt5gbQrNYFTxisbpg-iKzT3W6xRq7cQuhjNq0Nu2CN6e4gxfYny-l_VI06r2N5xm2rI5UCdTMndb_CwWf1NNVdvnZPlQTMcUElGSz1nB-U/s400/https---www.pakutaso.com-assets_c-2015-05-E146_goodjobishi-thumb-1000xauto-15165.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
実は面倒な印象が先立って、今までFacebookはなるべく避けて通っていました。&lt;br /&gt;
&lt;br /&gt;
とはいえWebに携わっている以上いつまでも知らないわけにはいかないですし、実際にブログとFacebookを連携させたいという相談も時々受けます。&lt;br /&gt;
&lt;br /&gt;
この機会に自サイト「K's WORKS」のFacebookページを作成して活用方法を実践してみることにしました。 &lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://www.facebook.com/pages/Ks-WORKS/999555683411728" target="_blank"&gt;K's WORKS - Facebookページ&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
早速このブログにPagePluginを設置しようとしたら、思いがけずつまずいてしまったので、そのことについて書きます。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
Facebookプラグイン「Page Plugin」の設置&lt;/h3&gt;
サイトに設置するFacebookのプラグインといえば、少し前まで「Like Box」が主流でしたが、APIの変更に伴って今年6月に廃止となり、代わりに「Page Plugin」が推奨されています。&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://developers.facebook.com/docs/plugins/page-plugin" target="_blank"&gt;Page Plugin&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
設置方法は以下のサイトが操作画面の解説もあって参考になりました。&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://39life.net/fbpageplugin/" target="_blank"&gt;フェイスブックのLike Boxを設置している方はPage Pluginへ変更しよう！&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://webcommu.net/page-plugin/" target="_blank"&gt;FacebookプラグインのPage Pluginで「いいね！」顔写真付きボタンを設置！設定方法&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
要するに発行されるコードを指定の場所と表示させたい場所にコピペすればOK。&lt;br /&gt;
正直、楽勝だと思っていました。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
テンプレート記述でエラー発生！&lt;/h3&gt;
まずはPage Pluginで自分のFacebookページのURL入力と好みの設定チェックをして、2種類の発行されたコードを保存。&lt;br /&gt;
&lt;br /&gt;
「Blogger」のテンプレートメニューから「HTMLの編集」を選んで、＜body＞タグ内に一つ目のコードを貼り付け。&lt;br /&gt;
そしてテンプレートを保存！&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDJkXlTV4ad1N3NEo9MRdO2FPsWz_ARW1mKj5A6Ykqe4hKDj-jbcrt5FcOri8hqk-LXCJG6DbLbk51eBSLI50LapMZ30hqNUTJYU2oE4Tij9b2QH322ZpmkVdKKwbEZQ-P6-9odrs1XHw/s1600/img2700s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDJkXlTV4ad1N3NEo9MRdO2FPsWz_ARW1mKj5A6Ykqe4hKDj-jbcrt5FcOri8hqk-LXCJG6DbLbk51eBSLI50LapMZ30hqNUTJYU2oE4Tij9b2QH322ZpmkVdKKwbEZQ-P6-9odrs1XHw/s400/img2700s.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;ここでエラー！&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
色のついた行について、「エンティティ「バージョン」の参照は『；』デリミタによって終わるにちがいない。（翻訳）」という警告。&lt;br /&gt;
つまり&lt;b&gt;「最後はセミコロン『；』で終わらせましょう」&lt;/b&gt;っていうエラーです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
でも、見た目はセミコロンついてるんですよね。&lt;br /&gt;
全文コピペしているから入力ミスというのも考えにくいし、Page Pluginの設置方法を解説しているサイトをいくつか巡ってみても、こんなところで引っかかっている人がいない。&lt;br /&gt;
&lt;br /&gt;
「Blogger」「Page Plugin」「エラー」などで検索をかけても、Wordpressやその他の一般的なブログに関する情報ばかり（Bloggerあるある）。&lt;br /&gt;
エラーが出たまま強引に保存もできない仕組みで、手詰まりの状態になりました。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
カギはXMLでした&lt;/h3&gt;
エラー表示の冒頭「XMLの解析中にエラーが発生しました」という一文に注目。&lt;br /&gt;
そう、「Blogger」はXMLで記述されていて、保存する際にXMLの書式ルールに沿っているかどうかのチェックがされているのです。&lt;br /&gt;
&lt;br /&gt;
検索ワードを「XML」「エラー」にして検索してみたら、よくあるXMLエラーの対応が続々と出てきました。&lt;br /&gt;
&lt;br /&gt;
その中で、これだと思ったのが&lt;b&gt;「特殊文字をエスケープ処理」&lt;/b&gt;。&lt;span style="-webkit-text-stroke-width: 0px; background-color: #f6f5ef; color: #373737; display: inline !important; float: none; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, clean, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24.375px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT1umWH3P305CTYOTgfbxODOxZfk0Hyr_fKezFyyXoOtnUcfHUdp75w4sAOPJ9s8DBuOfYeiuSzZVIp_cvfE3fxbDH06SdSoZirQBWFyIablE-_3VrK4Dtuuv5g4bdaAUve3nYbU7IQjY/s1600/img2701s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT1umWH3P305CTYOTgfbxODOxZfk0Hyr_fKezFyyXoOtnUcfHUdp75w4sAOPJ9s8DBuOfYeiuSzZVIp_cvfE3fxbDH06SdSoZirQBWFyIablE-_3VrK4Dtuuv5g4bdaAUve3nYbU7IQjY/s400/img2701s.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
今回の例では「＆」を「＆ａｍｐ；」と書き換えたら、無事エラーが解消されて保存することができました。&lt;br /&gt;
&lt;br /&gt;
答えが分かれば単純なことですが、XMLに慣れていないうえコピペで済むと思い込んでいたため気付きにくい点でした。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
表示成功！&lt;/h3&gt;
あとは、Page Pluginを表示させたい場所に二つ目のコードを設置すれば完了。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3y90-_BchlH2CmW75WBkIJ99Z5PmjHkqnsTrhvE-4Bd3oadCM8Mtv8Os1NafMKH_uY2yYB_932NMNy-gtFZ-saUjBUKyWvVlO9ATLHTwCsWmTiFabkxk98Qet8JrnmzEXctRt7_MHaDc/s1600/img2702s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3y90-_BchlH2CmW75WBkIJ99Z5PmjHkqnsTrhvE-4Bd3oadCM8Mtv8Os1NafMKH_uY2yYB_932NMNy-gtFZ-saUjBUKyWvVlO9ATLHTwCsWmTiFabkxk98Qet8JrnmzEXctRt7_MHaDc/s320/img2702s.jpg" width="307" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
サイドメニューにガジェットを追加して、無事表示されました！&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_jGxxRVj3b4z0V0GbAeGxzr7H8IaAzns09hMqcxnrvILXo4IizMAiA0qEPTL2VUji7IfXDUIHZNPbUwgZydrLRD7ZnBKygCH_IX_dxZdEarKPizBz4dz778yBCXHplIeI3mTvpO5A_M/s1600/img2703s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_jGxxRVj3b4z0V0GbAeGxzr7H8IaAzns09hMqcxnrvILXo4IizMAiA0qEPTL2VUji7IfXDUIHZNPbUwgZydrLRD7ZnBKygCH_IX_dxZdEarKPizBz4dz778yBCXHplIeI3mTvpO5A_M/s1600/img2703s.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
縦幅・横幅は指定せず空欄のままにしたら、サイドメニュー内に収まるサイズになりました。&lt;br /&gt;
試しにガジェットをフッタに設置してみたところ広くなったので、自動的に最適化してくれるようです。&lt;br /&gt;
&lt;br /&gt;
この時点で「いいね！」はゼロなので、顔写真はオフにしています。&lt;br /&gt;
いつか、ずらりと並ぶ日がくるといいなぁ。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
他のブログで同じ症状があまり報告されていないということは、XML形式の「Blogger」はちょっと珍しいケースなのかもしれません。&lt;br /&gt;
同様のことでつまづいた人が、この記事を見つけて役立ててくれたら幸いです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/7631533242594640427" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/7631533242594640427" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/07/facebookpagepluginblogger.html" rel="alternate" title="FacebookページのPagePluginを「Blogger」に設置するとき、つまづいてしまった話とその解決方法" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHuEuwcPP0KW4pfddepIcNam_86hvPIGPvmHt5gbQrNYFTxisbpg-iKzT3W6xRq7cQuhjNq0Nu2CN6e4gxfYny-l_VI06r2N5xm2rI5UCdTMndb_CwWf1NNVdvnZPlQTMcUElGSz1nB-U/s72-c/https---www.pakutaso.com-assets_c-2015-05-E146_goodjobishi-thumb-1000xauto-15165.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-7619460575591035462</id><published>2015-07-09T22:10:00.000+09:00</published><updated>2018-09-29T16:24:46.918+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Googleアナリティクス"/><category scheme="http://www.blogger.com/atom/ns#" term="Web関連"/><category scheme="http://www.blogger.com/atom/ns#" term="ブログ"/><title type="text">Bloggerなら、アクセス解析の定番Google Analyticsの設定が簡単</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbo3KUYW9j9-APJl_7lGfrjYwqP1rPVBsxEC2RFHZI-LU73dSZ164tvyRirDjuadlhhScXIy3UT__5l5n0p2Vy3J52Hy7sEUUrIzkFKGjSVL0ZRa8q6Xnvh5oqFxc6T11EtB6uz4Mm-kY/s1600/https---www.pakutaso.com-assets_c-2015-06-OOK75_prezensurudansei20131223-thumb-1000xauto-16605.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbo3KUYW9j9-APJl_7lGfrjYwqP1rPVBsxEC2RFHZI-LU73dSZ164tvyRirDjuadlhhScXIy3UT__5l5n0p2Vy3J52Hy7sEUUrIzkFKGjSVL0ZRa8q6Xnvh5oqFxc6T11EtB6uz4Mm-kY/s320/https---www.pakutaso.com-assets_c-2015-06-OOK75_prezensurudansei20131223-thumb-1000xauto-16605.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
このブログは、Googleが提供するブログサービス&lt;b&gt;「Blogger」&lt;/b&gt;を使っています。&lt;br /&gt;
日本語化されていて使いやすいし、他のGoogleサービスとの連携が良いところがメリットです。&lt;br /&gt;
&lt;br /&gt;
中でも、アクセス解析として欠かすことのできない&lt;b&gt;「Googleアナリティクス」&lt;/b&gt;の設定について、今回紹介します。 &lt;br /&gt;
&lt;br /&gt;
なお、ブログを書く人を表す言葉の"ブロガー"と混同しないように、この記事の中ではカギカッコを付けて「Blogger」と表記します。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
まずはトラッキングIDの取得&lt;/h3&gt;
実は「Blogger」には最初から簡単なアクセス解析機能がついています。&lt;br /&gt;
でも情報が少ないのでやはり詳細な分析をしたいならGoogleアナリティクスが不可欠です。&lt;br /&gt;
無料ですしね！&lt;br /&gt;
&lt;br /&gt;
まずはGoogleアナリティクスにログインして、トラッキングIDを取得します。&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.google.com/intl/ja/analytics/index.html" target="_blank"&gt;Google Analytics（日本語サイト） &lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
アナリティクス設定を開き、すでにアカウントを作成している場合はその名前が表示されているボタンをクリックすると、登録しているアカウント一覧の一番下に「新しいアカウントを作成」と表示されます。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKMv9fGSPn6LSkw80pG0rfAu5PcggDEZ-lu8QHby97skP5pFw6YqQsXio1MvJ6L01MgTB59PnXFj-Q_pdAfPo66Nc0a6mgft9Xt3PLcObqqlIwD_aM-ibre86gaQ61Li6f0Tvd9n3bDDI/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKMv9fGSPn6LSkw80pG0rfAu5PcggDEZ-lu8QHby97skP5pFw6YqQsXio1MvJ6L01MgTB59PnXFj-Q_pdAfPo66Nc0a6mgft9Xt3PLcObqqlIwD_aM-ibre86gaQ61Li6f0Tvd9n3bDDI/s400/01.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
初めてGoogleアナリティクスを使う場合は画面が少し違うかもしれませんが、詳しいやり方は検索したら山ほど出てくるので割愛。&lt;br /&gt;
&lt;br /&gt;
あとは登録情報を入力していけばOK。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_m8mXM96KCArO_uxPMED3IYwG_bDzxbgTlsrjw4-XNue78BzpC7MDpBu0sMJ7W8RhPFdZaz71oOC6Jjfd999p1-jc2bbpLJkf5-Y2jraMfCJ-qcW3W-vpw2Sh5OEe0iivviDRAhUTlkM/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_m8mXM96KCArO_uxPMED3IYwG_bDzxbgTlsrjw4-XNue78BzpC7MDpBu0sMJ7W8RhPFdZaz71oOC6Jjfd999p1-jc2bbpLJkf5-Y2jraMfCJ-qcW3W-vpw2Sh5OEe0iivviDRAhUTlkM/s400/03.jpg" width="278" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
新しいアカウントが作成されると、「UA-000000000-0」（0は数字の羅列）というトラッキングIDが表示されます。&lt;br /&gt;
&lt;br /&gt;
通常は、トラッキングコードという数行のソースコードをコピーして、アクセス解析したいサイトのHTMLファイルや任意の場所に貼り付けるのですが、「Blogger」の場合はトラッキングIDだけが分かれば大丈夫です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
「Blogger」での設定&lt;/h3&gt;
管理画面メニューの「設定」をクリック、一番下にある「その他」をクリックすると開く設定ページの中に、Google Analyticsの項目があります。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTc4A0LN2unmyMa2-rLzRpoDCIAy8IwNJLiLTD8AXBIqOVcIJjnBn4A1pXzhLFi49zxfVuEeqE8MTSi0N38Pe_yu2jU5QfOuJjY5vqIzoaZnlQ2k0uZI_vdThhjynnSIsSPa14gvcXswY/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTc4A0LN2unmyMa2-rLzRpoDCIAy8IwNJLiLTD8AXBIqOVcIJjnBn4A1pXzhLFi49zxfVuEeqE8MTSi0N38Pe_yu2jU5QfOuJjY5vqIzoaZnlQ2k0uZI_vdThhjynnSIsSPa14gvcXswY/s400/04.jpg" width="373" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
アナリティクスウェブプロパティIDという欄に、トラッキングIDを入力します。&lt;br /&gt;
そしてページ右上の「設定を保存」ボタンをクリックすれば完了です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
簡単！&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
その後アクセスデータが取得されていくので、数日かけてGoogleアナリティクスでチェックしながら目的に応じて使いやすくカスタマイズしていきます。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
リファラースパムこのやろう！&lt;/h3&gt;
面倒な問題が、リファラースパム対策。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://bnbrd.net/google-analytics-referer-provision/" target="_blank"&gt;リファラスパムに困っている人必見！対策方法の設定を紹介します&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
数字を狂わせるやっかいなスパムです。&lt;br /&gt;
トラフィックやサイトコンテンツの中に紛れ込んでくるので、細かいチェックは欠かせません。&lt;br /&gt;
見覚えのない不審なドメインがあったら、クリックせずにコピペ検索してみると、ほぼリファラースパムの対策情報に引っかかってきます。&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://tadasan.net/referer-spam/" target="_blank"&gt;[7/5更新]リファラスパムの一覧と対策方法まとめ&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://matome.naver.jp/odai/2142138671904593001" target="_blank"&gt;[見つけ次第更新] リファラースパムリスト Google Analytics&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Googleアナリティクス設定してから１ヶ月に満たないこのブログも、ざっとこれだけ来てます。 &lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;free-social-buttons.com&lt;/li&gt;
&lt;li&gt;floating-share-buttons.com&lt;/li&gt;
&lt;li&gt;forum.topic00000000.darodar.com（0は数字の羅列）&lt;/li&gt;
&lt;li&gt;event-tracking.com&lt;/li&gt;
&lt;li&gt;Get-Free-Traffic-Now.com&lt;/li&gt;
&lt;li&gt;Co.lumb&lt;/li&gt;
&lt;/ul&gt;
「social」や「share」といった一見SNSに関連していそうな名前の組み合わせ、その頭に「site1」とか「www3」などこれもありがちな文字列でバリエーションを増やしてくるなど、判断しづらくて巧妙です。&lt;br /&gt;
&lt;br /&gt;
正確なデータ取得のためにもなるべく早くからチェックして、見つけ次第フィルター設定などで対処していく必要があります。&lt;br /&gt;
&lt;br /&gt;
何でこんなことに時間と手間を取らされなきゃいけなんだと、怒り心頭！&lt;br /&gt;
まったくもう！ヽ（`Д´）ﾉ&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
と、横道に逸れてしまいましたが、サイト運営、ブログ対策には欠かせないアクセス解析Googleアナリティクスを活用してアクセス向上を目指して行こうと思います。&lt;br /&gt;
&lt;br /&gt;
サイドカラムに表示させているページビューの合計を見てもらえば分かる通り、現時点でむっちゃアクセス少ないですから。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/7619460575591035462" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/7619460575591035462" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/07/bloggergoogle-analytics.html" rel="alternate" title="Bloggerなら、アクセス解析の定番Google Analyticsの設定が簡単" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbo3KUYW9j9-APJl_7lGfrjYwqP1rPVBsxEC2RFHZI-LU73dSZ164tvyRirDjuadlhhScXIy3UT__5l5n0p2Vy3J52Hy7sEUUrIzkFKGjSVL0ZRa8q6Xnvh5oqFxc6T11EtB6uz4Mm-kY/s72-c/https---www.pakutaso.com-assets_c-2015-06-OOK75_prezensurudansei20131223-thumb-1000xauto-16605.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-4140101427952767701</id><published>2015-07-06T10:56:00.000+09:00</published><updated>2018-09-29T16:24:46.552+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web関連"/><category scheme="http://www.blogger.com/atom/ns#" term="YouTube"/><category scheme="http://www.blogger.com/atom/ns#" term="インターバル撮影"/><title type="text">YouTubeで商用利用する権利の証明を求められてしまいました。</title><content type="html">&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6EnVm-cIoJXjt_92Avav3NTdWHm9KZZV5ivh0kpp24QG2cd1_mqXF7Id6E9-Oe89tG9oR8RCpnxiB3vncLpKSW-lJVrMj5zBHHBmdrXoRcuS0ivRLD0M6eiijPpLjDDPM_437AAnJ7I/s1600/00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6EnVm-cIoJXjt_92Avav3NTdWHm9KZZV5ivh0kpp24QG2cd1_mqXF7Id6E9-Oe89tG9oR8RCpnxiB3vncLpKSW-lJVrMj5zBHHBmdrXoRcuS0ivRLD0M6eiijPpLjDDPM_437AAnJ7I/s400/00.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Web制作に携わっている以上、YouTubeも当然避けては通れない重要なサービスです。&lt;br /&gt;
&lt;br /&gt;
自分はクリエイティブな能力に乏しいのですが、動画コンテンツは可能性も幅広くて面白そうなのでちょくちょく制作や編集をしているところです。&lt;br /&gt;
&lt;br /&gt;
収益化を始めたのも、これで一儲けしてやろうと意気込んでいるわけではなく、どんなものなのか試してみようという好奇心程度でした。&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&lt;h3&gt;
事の起こり &lt;/h3&gt;
収益化の設定をして数日が経過したある日、YouTubeから一通のメールが届きました。&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjasz0jLa0dCB9JwkK7CSSDF53NF-jCFQd-oFNNxtoocv_YzCfycshuHhY1Dsc_sm4Wq0mzRbCJy0q5nHBDIN4EzZXo_ruqJh-vPdjq3RGCmCgwGGff0BrTr4fInmXR1addaac8LXoNXVo/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjasz0jLa0dCB9JwkK7CSSDF53NF-jCFQd-oFNNxtoocv_YzCfycshuHhY1Dsc_sm4Wq0mzRbCJy0q5nHBDIN4EzZXo_ruqJh-vPdjq3RGCmCgwGGff0BrTr4fInmXR1addaac8LXoNXVo/s400/01.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
公開している動画のうち一つで、商用利用する権利を確認できないとのこと。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfqm0y4qYtXCKlN4qmiUT6gkEu6njCu9Qf-tbD44_TKOavb_JXeUoqGp3S2lyr9JxIlPxxQRjDmaNzgI87_O-V2oLKxHNugctQMsZSPu-FVaAsSqzMHQ6AgVb4p7lkdHc9qUi5fL73hO0/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfqm0y4qYtXCKlN4qmiUT6gkEu6njCu9Qf-tbD44_TKOavb_JXeUoqGp3S2lyr9JxIlPxxQRjDmaNzgI87_O-V2oLKxHNugctQMsZSPu-FVaAsSqzMHQ6AgVb4p7lkdHc9qUi5fL73hO0/s320/02.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
届いたメールの一部です。&lt;br /&gt;
&lt;br /&gt;
該当する動画は分かるのですが、その中の何が引っかかってどういう証明を提出すればいいのか、このメールだけでは分かりませんでした。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
YouTubeのガイドラインやヘルプに目を通すも、なかなか膨大な情報量です。&lt;br /&gt;
自分がどれに該当してどんな対処が適切なのか、明確な回答にはたどり着けませんでした。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
原因と対策を調べてみた &lt;/h3&gt;
検索すると、似たような事例が出てきます。&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://dekomoriutamaru.com/blog-entry-1017.html" target="_blank"&gt;なんだこれ！？「今回ご提出いただいた動画に含まれるすべての要素の商用利用する権利を確認できませんでした。」警告が来た！&lt;/a&gt; (2013/11/29)&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://yutubecom.org/?p=318" target="_blank"&gt;YouTubeで収益化拒否される２つの原因と対策とは？&lt;/a&gt; (2014/12/15)&lt;br /&gt;
&lt;br /&gt;
他の質問サイト等も目を通しました。&lt;br /&gt;
&lt;br /&gt;
音楽が権利チェックに引っかかりやすいこと、たとえオリジナルやフリー素材の音源であってもそれを証明するのは大変な手間らしいこと、結局はYouTube側で最終判断されることなど、皆さんそれぞれ苦労されているのがうかがえます。&lt;br /&gt;
&lt;br /&gt;
まとめると、かなりの労力がかかるうえにそれに見合う結果が得られるとは限らないというのが今回得た結論でした。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
このように対処した&lt;/h3&gt;
まず、収益化を解除しました。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTAbJelDlcdKPl1RdXsc0Y5PNH9OwME57U53ttfCVIRMOO9e3iqk9YqU6XFWrzSVD3rJ4QxE0mOyu5gyA_clS43mb7ZLYP0LT02DLtqwANBPYkBamB5Hc2y78VEXeq7U1VOfJxYOfiXMg/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTAbJelDlcdKPl1RdXsc0Y5PNH9OwME57U53ttfCVIRMOO9e3iqk9YqU6XFWrzSVD3rJ4QxE0mOyu5gyA_clS43mb7ZLYP0LT02DLtqwANBPYkBamB5Hc2y78VEXeq7U1VOfJxYOfiXMg/s1600/03.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
&amp;nbsp;動画の編集画面で収益受け取りのチェックを外すと&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
↓&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMIUl0ilW_tfetGfCkTnWQCq-b-KGAZKOcjTuz8CvZdAs2lsDg1_DBJCjA7ReIe0oCX8X-TOr-PlGxQLTU0HY7zzmQ64pw60F5jc9tXhH39fokP6NtK2JmNy4EG733lwbkgRWfctbGlA/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMIUl0ilW_tfetGfCkTnWQCq-b-KGAZKOcjTuz8CvZdAs2lsDg1_DBJCjA7ReIe0oCX8X-TOr-PlGxQLTU0HY7zzmQ64pw60F5jc9tXhH39fokP6NtK2JmNy4EG733lwbkgRWfctbGlA/s1600/04.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
証明うんぬんの文章が消えました。 &lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisJBHmh8Cnh5OIuKB0le7SFp08Ww2MK6QcxnqeXAaP7fxp_tHd3ZkbxfSbLuf8j1dS7Bq2SfQE3ETDxGdkyMxrd7qa9n_iPScnMrcsCnK-9OBtiNwH-PXFYqcQiSM-pxFge4j4gPVrxwQ/s1600/05s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisJBHmh8Cnh5OIuKB0le7SFp08Ww2MK6QcxnqeXAaP7fxp_tHd3ZkbxfSbLuf8j1dS7Bq2SfQE3ETDxGdkyMxrd7qa9n_iPScnMrcsCnK-9OBtiNwH-PXFYqcQiSM-pxFge4j4gPVrxwQ/s1600/05s.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
動画一覧ページの表示です。&lt;br /&gt;
収益無効化になるとドルマークの色が消え、さらに今回この動画は非公開にしたのでロックマークがついています。&lt;br /&gt;
&lt;br /&gt;
冒頭に書いたように、現在公開している動画はまだ「試しにやってみる」の域だったので、改めて編集して出直すことにしました。 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
ちょっとだけ動画紹介&lt;/h3&gt;
拙いながらも、インターバル撮影（タイムラプス）を行っています。&lt;br /&gt;
こんな感じの動画を公開していました。&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/c7jWGtQ4u0E" width="560"&gt;&lt;/iframe&gt;&lt;br /&gt;
※音なし、クレジットなし&lt;br /&gt;
&lt;br /&gt;
そもそも、YouTubeについてはもう少し投稿動画が増えてからインターバル撮影をテーマにして記事を書こうと思っていたので、思いがけない形で紹介することになってしまいました。&lt;br /&gt;
&lt;br /&gt;
今後また撮影数を増やしながら、動画としての完成度を上げていこうと思います。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/4140101427952767701" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/4140101427952767701" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/07/youtube.html" rel="alternate" title="YouTubeで商用利用する権利の証明を求められてしまいました。" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6EnVm-cIoJXjt_92Avav3NTdWHm9KZZV5ivh0kpp24QG2cd1_mqXF7Id6E9-Oe89tG9oR8RCpnxiB3vncLpKSW-lJVrMj5zBHHBmdrXoRcuS0ivRLD0M6eiijPpLjDDPM_437AAnJ7I/s72-c/00.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-588521695806830948</id><published>2015-07-03T16:40:00.001+09:00</published><updated>2018-09-29T16:24:46.734+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ロケ地"/><category scheme="http://www.blogger.com/atom/ns#" term="上田城"/><category scheme="http://www.blogger.com/atom/ns#" term="信州上田"/><category scheme="http://www.blogger.com/atom/ns#" term="映画"/><title type="text">映画『サマーウォーズ』に登場する、上田市に実在する風景</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4C_azsZorqNvWCz4YlQsSQU1qYuXKyZxnEVsc21OHTUSv-kRYeCqACoP2P6tpxvqQoNoKUYG5ReKJsxc8-4xGxKRb5UpbhAmYcIoagkMGDCLs0SU7n3K-QzZUPAIFTxFoCpxk83NA_w/s1600/asagao.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4C_azsZorqNvWCz4YlQsSQU1qYuXKyZxnEVsc21OHTUSv-kRYeCqACoP2P6tpxvqQoNoKUYG5ReKJsxc8-4xGxKRb5UpbhAmYcIoagkMGDCLs0SU7n3K-QzZUPAIFTxFoCpxk83NA_w/s320/asagao.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span id="goog_1483663995"&gt;&lt;/span&gt;&lt;span id="goog_1483663996"&gt;&lt;/span&gt;&lt;br /&gt;
今夜、映画『サマーウォーズ』が放映されます。&lt;br /&gt;
その舞台となった上田市の、映画に登場する場所を紹介します。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
映画『サマーウォーズ』とは &lt;/h3&gt;
ひょんなことから、憧れの先輩と一緒に親族が集まる田舎に行くことになった主人公が、インターネット上の仮想世界で起きるハッキングAIと戦う物語。&lt;br /&gt;
仮想世界の表現、田舎の空気感や個性的な親族たちが繰り広げる出来事の描写など、細田守監督の魅力が満載の作品です。&lt;br /&gt;
&lt;br /&gt;
社会のシステムがインターネット上の仮想世界で管理されるという近未来設定でありながら、映画が公開された2009年頃はまだガラケー主流で、長野新幹線(当時)の車内も映画の中に登場するので、どこか懐かしさも感じます。 &lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
映画に登場する上田市&lt;/h3&gt;
長野新幹線、上田駅構内、別所線の丸窓電車、海野町商店街など実在そのままのものから、上田城の櫓門が陣内家の門構えのデザインに使われてたり上田高校野球部の活躍など、上田市に関係する要素が様々な形で作品にちりばめられています。&lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://goo.gl/maps/32bMp" target="_blank"&gt;サマーウォーズゆかりの地マップ&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;iframe height="480" src="https://www.google.com/maps/d/embed?mid=zwSW1PGz58RE.kUrOM6RwSgq0&amp;amp;hl=ja" width="640"&gt;&lt;/iframe&gt;

&lt;br /&gt;
&lt;br /&gt;
実際の地名や位置関係が映画向けにアレンジされていて、それを発見する楽しさもあります。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPoyuHIVfE-AMUDfJ3EtJePAz5AmBKm1B9dRb6AfMcSywqPo49C7N76fvGUXUSz7Qx09e2Zg4iZzc0cg71zZgB_wZ6IsnR-E1xyE8PBocDy5wGJONxl_F7Qvb-Rxmki1lL7YHc8RU6Lm4/s1600/s_uedajo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPoyuHIVfE-AMUDfJ3EtJePAz5AmBKm1B9dRb6AfMcSywqPo49C7N76fvGUXUSz7Qx09e2Zg4iZzc0cg71zZgB_wZ6IsnR-E1xyE8PBocDy5wGJONxl_F7Qvb-Rxmki1lL7YHc8RU6Lm4/s400/s_uedajo.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
陣内家の門構えとして登場する、上田城櫓門。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEj4Xa68MjPvI_hKwJR6ocuk1s8TSosDG2KVAtidW7aAT-AW2Yx0WNcihMhyxdrYHhug7fgUkZISxMcRWPnqDjoIiwPqzfLIb1mO25jKtZaByrE54uf0Hqno8eJMYsNCagRxXKhBaKA6c/s1600/s_iseyama.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEj4Xa68MjPvI_hKwJR6ocuk1s8TSosDG2KVAtidW7aAT-AW2Yx0WNcihMhyxdrYHhug7fgUkZISxMcRWPnqDjoIiwPqzfLIb1mO25jKtZaByrE54uf0Hqno8eJMYsNCagRxXKhBaKA6c/s400/s_iseyama.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
陣内家へ向かう途中に利用する「伊勢山」バス停。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeQgTOxUotqQWnRTFwYr7orn51SOVNwd7G-OdPrA8WrdpIdh4qR4xnVyxl9eSOTUMUOuVbXfDXuYah4y2muzIJKrCXYifhH6dOKYoG_6nWwyDBpQVvkRaLctKUIWGgV-pkFRx-P9t2zI/s1600/s_unno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeQgTOxUotqQWnRTFwYr7orn51SOVNwd7G-OdPrA8WrdpIdh4qR4xnVyxl9eSOTUMUOuVbXfDXuYah4y2muzIJKrCXYifhH6dOKYoG_6nWwyDBpQVvkRaLctKUIWGgV-pkFRx-P9t2zI/s400/s_unno.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
市街地にある海野町（うんのまち）商店街。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
昨年には信州上田サマーウォーズ実行委員会によってラッピング自販機が設置されたので、街中で自販機探しをするのもファンにとっては楽しみです。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqD_DvW-tEFUZdJoPDb2C4Va2uw-lJo1JsHOSiFi5tFc9ZXqsHVRtdm4LUzYSTVcrRofdR29y8ruqvSrBECy3yzZe-xwyd5hjcCSm64VXn07CzBNTt0dPgYNwnKfAz4KduHrA4vskfK2I/s1600/s_kazuma.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqD_DvW-tEFUZdJoPDb2C4Va2uw-lJo1JsHOSiFi5tFc9ZXqsHVRtdm4LUzYSTVcrRofdR29y8ruqvSrBECy3yzZe-xwyd5hjcCSm64VXn07CzBNTt0dPgYNwnKfAz4KduHrA4vskfK2I/s400/s_kazuma.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
佳主馬（かずま）バージョン&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://news.mynavi.jp/news/2014/07/23/498/" target="_blank"&gt;『サマーウォーズ』ラッピングオリジナル自動販売機が信州上田に登場&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
上田市観光会館では、サマーウォーズに関連して制作された「こいこいマップ」をもらうこともできます。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54rho-v0eBQK-NL-VqRyLAHrQcgtVuK-4L2FxigOXY37j9c8_UeF3mQ6s1aCz1a3CMk1Y8tb9mlwvPZargfSBW2jr4kRy9fGaY1TUZVz8JdHUq9BDJT6xPGx-Ku0aaB7rYYWfQ_7eN78/s1600/s_koikoi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54rho-v0eBQK-NL-VqRyLAHrQcgtVuK-4L2FxigOXY37j9c8_UeF3mQ6s1aCz1a3CMk1Y8tb9mlwvPZargfSBW2jr4kRy9fGaY1TUZVz8JdHUq9BDJT6xPGx-Ku0aaB7rYYWfQ_7eN78/s320/s_koikoi.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;a href="http://www.city.ueda.nagano.jp/chousha/106.html" target="_blank"&gt;上田市観光会館&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
毎年7月最終土曜日に開催される市民の祭り「上田わっしょい」は今年は7月25日(土)に開催予定です。&lt;br /&gt;
&lt;a href="http://www.city.ueda.nagano.jp/kanko/event/027.html" target="_blank"&gt;上田わっしょい（上田市役所サイト）&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
以上、『サマーウォーズ』に絡めて紹介してみました。&lt;br /&gt;
映画のタイトルにちなんで、夏は上田市を楽しんでみてはいかがでしょうか！&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
関連リンク&lt;/h3&gt;
&lt;a href="http://s-wars.jp/index.html" target="_blank"&gt;サマーウォーズ公式サイト&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.ueda-cb.gr.jp/s-wars/" target="_blank"&gt;サマーウォーズの里『信州上田』&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.iwayakan.co.jp/" target="_blank"&gt;角間温泉岩屋館&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.bessho-spa.jp/" target="_blank"&gt;別所温泉観光協会&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.uedadentetsu.com/index.html" target="_blank"&gt;上田電鉄別所線&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
DVD持っているけど、放映も見ます！&lt;br /&gt;
&lt;br /&gt;
&lt;iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=kakkok-22&amp;amp;o=9&amp;amp;p=8&amp;amp;l=as1&amp;amp;asins=B00WVVNUR6&amp;amp;ref=qf_sp_asin_til&amp;amp;fc1=000000&amp;amp;IS2=1&amp;amp;lt1=_blank&amp;amp;m=amazon&amp;amp;lc1=0000FF&amp;amp;bc1=000000&amp;amp;bg1=FFFFFF&amp;amp;f=ifr" style="height: 240px; width: 120px;"&gt;&lt;/iframe&gt;
&lt;iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=kakkok-22&amp;amp;o=9&amp;amp;p=8&amp;amp;l=as1&amp;amp;asins=B0030680TY&amp;amp;ref=qf_sp_asin_til&amp;amp;fc1=000000&amp;amp;IS2=1&amp;amp;lt1=_blank&amp;amp;m=amazon&amp;amp;lc1=0000FF&amp;amp;bc1=000000&amp;amp;bg1=FFFFFF&amp;amp;f=ifr" style="height: 240px; width: 120px;"&gt;&lt;/iframe&gt;

&lt;br /&gt;
&lt;br /&gt;</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/588521695806830948" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/588521695806830948" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/07/blog-post.html" rel="alternate" title="映画『サマーウォーズ』に登場する、上田市に実在する風景" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4C_azsZorqNvWCz4YlQsSQU1qYuXKyZxnEVsc21OHTUSv-kRYeCqACoP2P6tpxvqQoNoKUYG5ReKJsxc8-4xGxKRb5UpbhAmYcIoagkMGDCLs0SU7n3K-QzZUPAIFTxFoCpxk83NA_w/s72-c/asagao.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-5736623861060198278</id><published>2015-06-24T17:10:00.001+09:00</published><updated>2018-09-29T16:24:46.643+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Web関連"/><category scheme="http://www.blogger.com/atom/ns#" term="ブログ"/><title type="text">Bloggerの背景画像をカスタマイズしました。</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCtLioXMPEp5_gaFrA1VOILWeTCDxmABBD1Bdg-xGrLFqe-vP1nW0dJyae8P6TcQYqieq48VKeBrjB8oXwCvzjeT_jqYJ5XX-MJnscU4wPm5Cuv0GwrL85nYNBCervcq21ZGCVzulOHKk/s1600/https___www.pakutaso.com_assets_c_2015_06_PAK23_husentomemo20140313-thumb-1000xauto-16881.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCtLioXMPEp5_gaFrA1VOILWeTCDxmABBD1Bdg-xGrLFqe-vP1nW0dJyae8P6TcQYqieq48VKeBrjB8oXwCvzjeT_jqYJ5XX-MJnscU4wPm5Cuv0GwrL85nYNBCervcq21ZGCVzulOHKk/s320/https___www.pakutaso.com_assets_c_2015_06_PAK23_husentomemo20140313-thumb-1000xauto-16881.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
このブログは、Googleのサービスの一つである「Blogger」という無料ブログサービスを使っています。&lt;br /&gt;
&lt;br /&gt;
Googleアカウントと連動させることで、各種ガジェットやGoogleAnalyticsの設定、Google+への投稿のお知らせや写真の管理などが便利になっています。&lt;br /&gt;
&lt;br /&gt;
設定画面も、他の無料ブログサービスと比較してもそこそこ使いやすくできています。&lt;br /&gt;
&lt;br /&gt;
ただ、「Blogger」という名称がサービス名というより一般名詞的で、何か分からないことがあったときに検索しても他の関係ない言葉まで拾ってしまうので解決策を探しにくいこともよくあります。&lt;br /&gt;
そこで、自分の忘備録もかねて、Bloggerの使い方について紹介していくことにしました。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
&lt;/h3&gt;
&lt;h3&gt;
背景画像の変更方法&lt;/h3&gt;
ブログサービスの一般的な機能の一つ、テンプレートを選ぶことができます。&lt;br /&gt;
自分のブログでは背景一面に大きな画像が配置されているテーマを選んでいました。&lt;br /&gt;
&lt;br /&gt;
この背景画像を、今回変更します。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Bloggerの管理画面から「テンプレート」を選び、現在ブログで使用中のテンプレートサムネイル画像の下にある「カスタマイズ」をクリック。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1f_p5_c4GiQjGmuE1bs2xopWfRyqnoR3kiSrly2kjlbY_8n7rRmXdBrbX4uSB6kPhxGWKRjCGKsd0Ac766p-hOm1OiwbWQPNc9-jaEOFWwhxk_MK3Ikpzmu6w0kJ9r1glAz7SAbfNcw0/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1f_p5_c4GiQjGmuE1bs2xopWfRyqnoR3kiSrly2kjlbY_8n7rRmXdBrbX4uSB6kPhxGWKRjCGKsd0Ac766p-hOm1OiwbWQPNc9-jaEOFWwhxk_MK3Ikpzmu6w0kJ9r1glAz7SAbfNcw0/s400/01.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
Bloggerテンプレートデザイナーという画面が開きます。&lt;br /&gt;
&lt;br /&gt;
「背景」を選ぶと、今設定されている背景画像が出てくるので、▼ボタンをクリックします。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYagyDOHBlO2aT3d4JHwZHNwjo017DBIV7N58O8qc97Jl-SMS0ogI52StF_dePhSUSrUB1ENfkJ-oGjt_9dGM1xjfkvLJNTSuGxwJvNPIccL3DAGs0FrLBETxVUOaAMoaMbLAaBj0r_wg/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYagyDOHBlO2aT3d4JHwZHNwjo017DBIV7N58O8qc97Jl-SMS0ogI52StF_dePhSUSrUB1ENfkJ-oGjt_9dGM1xjfkvLJNTSuGxwJvNPIccL3DAGs0FrLBETxVUOaAMoaMbLAaBj0r_wg/s400/02.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
すると、背景画像の選択一覧画面が開きます。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUVwguLpudSuNMEqgxgYUPxwTRI01SGdcoSDgTI8wcY-2EtPoOA4j_vvNN74-6tygeP0aZFJmR3B8QEn-OWb0lilPHfX8wLlTmhrMtEnIiSYpuhjmi-fxOSzmprBhOc8Sy7dsGxkmP7YY/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUVwguLpudSuNMEqgxgYUPxwTRI01SGdcoSDgTI8wcY-2EtPoOA4j_vvNN74-6tygeP0aZFJmR3B8QEn-OWb0lilPHfX8wLlTmhrMtEnIiSYpuhjmi-fxOSzmprBhOc8Sy7dsGxkmP7YY/s400/03.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
用意されている画像がまた豊富なので、その中から気に入ったものを選ぶのもいいですね。&lt;br /&gt;
&lt;br /&gt;
もちろん、自分の好きな画像をアップロードすることもできます。&lt;br /&gt;
&lt;br /&gt;
ここでは今回、フリー写真素材サイトからいただいた画像を使用します。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://girlydrop.com/" target="_blank"&gt;&lt;img alt="GIRLY DROP（ガーリードロップ）" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK6kWC1z6dGfs61ZDuqV6Zt-4PoJYQMm3XSYwGnVdfj82bPQUhKP5FoynbQcmOggz7boIu_g8UPix2iDPV9UC5QsxfcC3pM90guOlhVpH6jjx-F2bVNYTgUXN0xqZlD7jQZZn-Ukk0M3E/s1600/06.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&amp;nbsp;&lt;a href="http://girlydrop.com/" target="_blank"&gt;GIRLY DROP(ガーリードロップ)&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
女の子らしい雰囲気が素敵な写真素材集。&lt;br /&gt;
先日追加されたばかりのアジサイの写真が季節感あって気に入りました。&lt;br /&gt;
&lt;br /&gt;
写真データを既定の1800px×1600px以上・300KB以下に加工調整して、アップロード。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HPAiO4rhDn6GfhGrm_hJ_gVsnxz59G38lPk58oAlUj_P1FS96mqqow1RMgvtoenfZ5b2HsUNcK2fWb1fwJNZXI1aaVDMj6VOlQfjzfNQv8urGjo3cKLNpOth2z_tPFxyOKtmRw8WOkw/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HPAiO4rhDn6GfhGrm_hJ_gVsnxz59G38lPk58oAlUj_P1FS96mqqow1RMgvtoenfZ5b2HsUNcK2fWb1fwJNZXI1aaVDMj6VOlQfjzfNQv8urGjo3cKLNpOth2z_tPFxyOKtmRw8WOkw/s400/05.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
その後、下部のプレビュー画面を見ながら写真の配置やスクロール設定、配色設定ができたら「ブログに反映」ボタンをクリックして完了です。&lt;br /&gt;
&lt;br /&gt;
上級者向け設定を選ぶとさらに細かい調整ができますが、今回はざっくりカスタマイズで済ませました。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
まとめ&lt;/h3&gt;
最低限必要な機能は一通り揃っていて、設定画面はすべて日本語化もされていて、Bloggerは無料ブログサービスの中でも扱いやすい部類に入ると思います。&lt;br /&gt;
&lt;br /&gt;
ただ、もっとがっつりカスタマイズしたい時や、どんなテクニックが使えるのか疑問に思ったときに、検索をかけてもWordpressのカスタマイズ記事が出てきたりしてなかなか解答にたどり着けないことが少し残念なんですよね。&lt;span style="font-size: x-small;"&gt;もっとオンリーワンな名称に変わらないかなぁ。&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
せっかく使っている無料ブログなので、自分が勉強を兼ねていろいろ探ってみて、何か設定をしたときには紹介していきます。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/5736623861060198278" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/5736623861060198278" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/06/blogger.html" rel="alternate" title="Bloggerの背景画像をカスタマイズしました。" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCtLioXMPEp5_gaFrA1VOILWeTCDxmABBD1Bdg-xGrLFqe-vP1nW0dJyae8P6TcQYqieq48VKeBrjB8oXwCvzjeT_jqYJ5XX-MJnscU4wPm5Cuv0GwrL85nYNBCervcq21ZGCVzulOHKk/s72-c/https___www.pakutaso.com_assets_c_2015_06_PAK23_husentomemo20140313-thumb-1000xauto-16881.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-2836324083801654846</id><published>2015-06-17T16:45:00.004+09:00</published><updated>2018-09-29T16:24:46.415+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="北陸新幹線"/><category scheme="http://www.blogger.com/atom/ns#" term="日本各地"/><category scheme="http://www.blogger.com/atom/ns#" term="石川県"/><category scheme="http://www.blogger.com/atom/ns#" term="遠出"/><title type="text">北陸新幹線に乗って金沢まで行ってきました！</title><content type="html">これまで東京-長野間の運行だった新幹線が、今年3月14日に金沢駅まで開業して正式に「北陸新幹線」となりました。&lt;br /&gt;
&lt;br /&gt;
それまでの長野新幹線という名称が変わってしまって、「長野」の名前は（長野経由）というカッコ書きにとどまったことは個人的に残念でした。&lt;br /&gt;
&lt;br /&gt;
とはいえ、大好きな金沢と新幹線一本でつながったことはとても喜ばしいことです。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
北陸新幹線で金沢へ&lt;/h3&gt;
先日、新幹線を使って金沢に行ってきました。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyhvJB8Zsb6H6-Rch7fhu1MWXCEmt3oOYf6JR_HfcNKez3pmd-9SFe6GDBsJdqnHARDHUWvvQzonWaz2MQZJvanCo13F1sS9TlC99gQWklI2rk0FH8Rp74XpgOcjo7yXSvKl3VtFJtFEE/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyhvJB8Zsb6H6-Rch7fhu1MWXCEmt3oOYf6JR_HfcNKez3pmd-9SFe6GDBsJdqnHARDHUWvvQzonWaz2MQZJvanCo13F1sS9TlC99gQWklI2rk0FH8Rp74XpgOcjo7yXSvKl3VtFJtFEE/s320/01.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
これまで新幹線は東京方面に行くために利用していたので、2番ホームから乗り込むのは新鮮。&lt;br /&gt;
&lt;br /&gt;
「かがやき」は全席指定席なので、自由席を利用するなら「はくたか」に乗ります。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVvC55UEc6moE3R7DpFS1IpAEJIIF19vCsrXxVk8TABr217xyqiRBDyq8PWaRuWICx3QoFXiPRzNyaWjM0B5vQV2I9UF6RTG0Vn7-5AfKo7EMANAHeAwiyehelP7sHJjEwabCLvn5zWIY/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVvC55UEc6moE3R7DpFS1IpAEJIIF19vCsrXxVk8TABr217xyqiRBDyq8PWaRuWICx3QoFXiPRzNyaWjM0B5vQV2I9UF6RTG0Vn7-5AfKo7EMANAHeAwiyehelP7sHJjEwabCLvn5zWIY/s320/02.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
旧型の長野新幹線が青色シートだったのに対して、新型車両のE7系W7系は赤系のシートです。&lt;br /&gt;
各座席にコンセントがついているのはとっても便利。&lt;br /&gt;
あと、地味ですがヘッドレスト(枕)がファスナーで位置調整できる仕組みが気に入っています。&lt;br /&gt;
&lt;br /&gt;
※グリーン車など特別車両は利用したことないので分かりません(笑)&lt;br /&gt;
&lt;br /&gt;
開業直後に比べてだいぶ落ち着いたのか、思ったような混雑ではありませんでした。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
金沢駅に到着&lt;/h3&gt;
背後に写っているのが乗ってきた新幹線です。&lt;br /&gt;
せっかくなので先頭車両を撮れば良かった。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJS2poNNRxSNSQyGNdU-SwO6MBbWkM5B5LAXJKsqAWg3WK5KoEwg0r680dDnqyGXb2p0mTBR_lqrp6susjzPXJUJzb2_x5SyfV5gE9f10mwS3zuNfxk1FSgu1f0BRuAagFXYk_ahV_C3E/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJS2poNNRxSNSQyGNdU-SwO6MBbWkM5B5LAXJKsqAWg3WK5KoEwg0r680dDnqyGXb2p0mTBR_lqrp6susjzPXJUJzb2_x5SyfV5gE9f10mwS3zuNfxk1FSgu1f0BRuAagFXYk_ahV_C3E/s320/03.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
ホームで写真や動画を撮影している人の姿も時々見かけました。&lt;br /&gt;
&lt;br /&gt;
そして改札を出たら、広い広い通路空間です。&lt;br /&gt;
記憶の中にある金沢駅じゃない！&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFLKanh5pnhmuDVcX9d8iiJub-S3hi7MhdjHBhL-hVPwlts8n6aRgmIe4tCsdv3PWgtU852aaAEIlGcoNkcsTPdhWT2eZCHOlXN4I5U_aqjWKjIa_Hp_j0uz6umV411ARwIHzET84RfJA/s1600/04-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFLKanh5pnhmuDVcX9d8iiJub-S3hi7MhdjHBhL-hVPwlts8n6aRgmIe4tCsdv3PWgtU852aaAEIlGcoNkcsTPdhWT2eZCHOlXN4I5U_aqjWKjIa_Hp_j0uz6umV411ARwIHzET84RfJA/s320/04-1.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
余談ですが、石川県内で初の自動改札機設置も話題にもなりました。&lt;br /&gt;
&lt;br /&gt;
 &lt;blockquote class="twitter-tweet" lang="ja"&gt;&lt;p lang="ja" dir="ltr"&gt;金沢市に配布された資料 &lt;a href="http://t.co/RKT825j49i"&gt;pic.twitter.com/RKT825j49i&lt;/a&gt;&lt;/p&gt;&amp;mdash; つねだきょうすけ (@soycd_LSD) &lt;a href="https://twitter.com/soycd_LSD/status/576055734745497600"&gt;2015, 3月 12&lt;/a&gt;&lt;/blockquote&gt;

&lt;script async src="//platform.twitter.com/widgets.js" charset="utf-8"&gt;&lt;/script&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;br /&gt;
駅を出たら、ガラス張りの「もてなしドーム」、そして出口には朱色の「鼓門」です。&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfTpaRz05OG9jU0O9ylWVeN_KzK29oU5s_sK6vpPS_H0NcIDeSlTs1xv3IrNRNFvdSwOBv4wU0WxytmCLIGwYuTWU8j6Da8c-szvP1Q9SSv_YLZjyfYkhoI42ehmMw3UNV6Je8UpOr0Uo/s1600/05-0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfTpaRz05OG9jU0O9ylWVeN_KzK29oU5s_sK6vpPS_H0NcIDeSlTs1xv3IrNRNFvdSwOBv4wU0WxytmCLIGwYuTWU8j6Da8c-szvP1Q9SSv_YLZjyfYkhoI42ehmMw3UNV6Je8UpOr0Uo/s320/05-0.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfKTFv_c6muAgVviOOokHMjoYq_X2CM8dGEC18vIKw_QYl8YoPY1Fsl6acsitRZEl0kLbTOaWJbmxJmBTVj32AMCgHcRZX5sog_r4VI709jixOzPOOC_K8GSjBB2mXdBDxZZrydYFOkw/s1600/05-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfKTFv_c6muAgVviOOokHMjoYq_X2CM8dGEC18vIKw_QYl8YoPY1Fsl6acsitRZEl0kLbTOaWJbmxJmBTVj32AMCgHcRZX5sog_r4VI709jixOzPOOC_K8GSjBB2mXdBDxZZrydYFOkw/s320/05-1.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
「金沢に来るなら、春か夏か秋か冬がいいと思います。」 という全季節オススメする垂れ幕が目を引きます(笑)。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
噴水で文字が出る表示板も注目を集めていました。&lt;br /&gt;
「ようこそ金沢へ」のほか、時刻が表示されます。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFrm2_5XG_v2G29hk8m9pLZzk4_q_I4uqx9rxJhoAytlQ-B-XL5D4fAP6-iBbx9YKKOciDvgvwUctUeqIO38kNeQx9BFlMnHApFWWaLDMDS6telUQRIGgSwJy_Enc18nEHqiSWg1RWe6U/s1600/06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFrm2_5XG_v2G29hk8m9pLZzk4_q_I4uqx9rxJhoAytlQ-B-XL5D4fAP6-iBbx9YKKOciDvgvwUctUeqIO38kNeQx9BFlMnHApFWWaLDMDS6telUQRIGgSwJy_Enc18nEHqiSWg1RWe6U/s320/06.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
地図をもらいに駅の観光案内所に行ったら、置き傘MAPというものを発見。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimalySerMVaqthkL3ab_8hBmVrnMCyD14LhcDqX2c5HRj2eNhbWDl4ltC6OIStTjlLQFOCDriSuSuQyWGEmHge4GBLZB4ZdByxQso5jqno06wyRToNkWITl6TTik0NmGuZex5leoXcr58/s1600/07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimalySerMVaqthkL3ab_8hBmVrnMCyD14LhcDqX2c5HRj2eNhbWDl4ltC6OIStTjlLQFOCDriSuSuQyWGEmHge4GBLZB4ZdByxQso5jqno06wyRToNkWITl6TTik0NmGuZex5leoXcr58/s320/07.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
忘れ物などの傘を再利用したこのシステム、すごくいいですね！&lt;br /&gt;
雨の多い北陸金沢、歩いて回る観光客にとっては必要な時に借りて好きな場所に返せるので助かると思います。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
金沢市内の散策&lt;/h3&gt;
今回の目的は別にあったので、市内めぐりはほんの少し。&lt;br /&gt;
&lt;br /&gt;
活気あふれる近江町市場。 &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiQlOKntFtNMebCS359GeQynQZsk2zt0G28nQsNUBdtxUriQ9NOs1ffBjqjvTNuRk43akPtLy7vujAR_KNlpUkqq-6kPKLDWgHAyaW2h7AVTqhWfEgFufWsr8o_lmpDqrn3z3_7M85xm8/s1600/08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiQlOKntFtNMebCS359GeQynQZsk2zt0G28nQsNUBdtxUriQ9NOs1ffBjqjvTNuRk43akPtLy7vujAR_KNlpUkqq-6kPKLDWgHAyaW2h7AVTqhWfEgFufWsr8o_lmpDqrn3z3_7M85xm8/s320/08.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
混雑する中で店頭や商品を撮影をするのはあまり良くないと聞いたことがあるので、中心から少し外れた場所でこっそり撮影。&lt;br /&gt;
信州では見かけることのない珍しい魚介類や農作物など、眺めているだけでも楽しいエリアです。&lt;br /&gt;
賑やかな店先の席で海鮮をつまみに飲んでいる人たちの姿も羨ましかったです。&lt;br /&gt;
&lt;br /&gt;
そして金沢城公園。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEithqMQE_W1UUZNgsaX3z2NKmZ90UceFS3_5ts_g6ybGHxAH7fj3EtTf__DOgkW48ipWBzxG8Mz7xX8FD74PvMhXV9o5YGoTBJxZCjOPa1O6DkgBUtPxrHpydpv3i4CnzrGl0U2syrssVY/s1600/09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEithqMQE_W1UUZNgsaX3z2NKmZ90UceFS3_5ts_g6ybGHxAH7fj3EtTf__DOgkW48ipWBzxG8Mz7xX8FD74PvMhXV9o5YGoTBJxZCjOPa1O6DkgBUtPxrHpydpv3i4CnzrGl0U2syrssVY/s320/09.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
天守閣はなく、復元された門や城郭と整備された広い公園の美しい場所でした。&lt;br /&gt;
その先に隣接して兼六園があります。&lt;br /&gt;
&lt;br /&gt;
金沢駅から徒歩では少し距離があるので、周遊バスなど利用すると便利ですよ。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
おまけ：富山駅&lt;/h3&gt;
ちょっとした出来事があって、富山駅で少し時間を過ごすことになりました。&lt;br /&gt;
駅構内の待合室に行ってみたところ、思いがけず居心地が良かったので紹介。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92GboAGO8UZUzC0qGwD896sJGP-s5cnCPkUZXpmD02PvOMl2MD4OAGI7xZCAN_saEIaxoM1LkQ0aGMUf4kSUklUJJC_eXOXeVCIqiJHSEcD9h8qKxSx-HTXj3pGXN_PF92ibSEzsOkpE/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92GboAGO8UZUzC0qGwD896sJGP-s5cnCPkUZXpmD02PvOMl2MD4OAGI7xZCAN_saEIaxoM1LkQ0aGMUf4kSUklUJJC_eXOXeVCIqiJHSEcD9h8qKxSx-HTXj3pGXN_PF92ibSEzsOkpE/s320/10.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
手前のベンチが向く壁側には映像モニターと新幹線の時刻案内表示。&lt;br /&gt;
発着のアナウンスも流れるので乗り過ごしの心配はありません。&lt;br /&gt;
そして奥にはカウンター席。&lt;br /&gt;
コンセントも設置されているのでちょっとした作業もできてしまいます。&lt;br /&gt;
ノートPCと書類を開いているビジネスマンの姿もありました。&lt;br /&gt;
&lt;br /&gt;
そしてこの人の少なさも快適(笑)。&lt;br /&gt;
利用者が少ないのは駅にとっては微妙なことですが、通過駅にするにはもったいない良い駅でした。&lt;br /&gt;
&lt;br /&gt;
窓から見た富山駅前。&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7EOu7OTpclvl7vg5-AVWpWsOaI7ENnmd4kelkqM96Oso6mWlEErAxyk-nuVFv9kor2iOQAAgjOWxESvvIklQL5tNzPoaDh8SDA4i0rKDihwrWilzGfq2sQEO6NtDg23rpfkJp0Top4Q/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7EOu7OTpclvl7vg5-AVWpWsOaI7ENnmd4kelkqM96Oso6mWlEErAxyk-nuVFv9kor2iOQAAgjOWxESvvIklQL5tNzPoaDh8SDA4i0rKDihwrWilzGfq2sQEO6NtDg23rpfkJp0Top4Q/s320/11.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
まだ一部で整備工事が行われているようです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
富山市もいつか機会があれば、降り立ってみたい街です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
参考サイト&lt;/h3&gt;
&lt;a href="http://hokuriku-w7.com/" target="_blank"&gt;北陸新幹線 SPECIAL SITE&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/2836324083801654846" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/2836324083801654846" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/06/blog-post.html" rel="alternate" title="北陸新幹線に乗って金沢まで行ってきました！" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyhvJB8Zsb6H6-Rch7fhu1MWXCEmt3oOYf6JR_HfcNKez3pmd-9SFe6GDBsJdqnHARDHUWvvQzonWaz2MQZJvanCo13F1sS9TlC99gQWklI2rk0FH8Rp74XpgOcjo7yXSvKl3VtFJtFEE/s72-c/01.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-2705055554642645423</id><published>2015-03-03T16:49:00.002+09:00</published><updated>2015-03-19T16:39:24.708+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web関連"/><category scheme="http://www.blogger.com/atom/ns#" term="フリー素材"/><title type="text">今や必要不可欠！フリー素材サイトの紹介</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7ZSTmOufh9bMBeGLkxeRInwhv9XV2BK6x1YMysj0pj9ylsk_y6ccmmhzp75fS8cA3lSUAkdO6sZJ3AFhuB2DjcNxs3dhAaOYhkG5B5_fTVGhHz9NWquJFYRO7BBhIqMo5HxfbqsVToA/s1600/NKJ56_coffeecok500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7ZSTmOufh9bMBeGLkxeRInwhv9XV2BK6x1YMysj0pj9ylsk_y6ccmmhzp75fS8cA3lSUAkdO6sZJ3AFhuB2DjcNxs3dhAaOYhkG5B5_fTVGhHz9NWquJFYRO7BBhIqMo5HxfbqsVToA/s1600/NKJ56_coffeecok500.jpg" height="213" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
サイトデザインからイメージ画像、アイコン制作まで、日頃からお世話になっているフリー素材サイトを紹介します。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
デザイナーでも絵描きでもない自分にとっては、貴重なデータ宝庫であり、同時にアイデア宝庫でもあります。&lt;/div&gt;
&lt;div&gt;
クオリティの高い素材を惜しげもなく大量に公開している方々には本当に感謝してもしきれません。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3&gt;
フリー画像素材サイト&lt;/h3&gt;
&lt;div&gt;
&lt;a href="http://www.pakutaso.com/"&gt;ぱくたそ - フリー写真素材&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
超有名なフリー写真素材サイトです。&lt;/div&gt;
&lt;div&gt;
あちこちの広告でバンバン使用されているので、大川さんはじめ、ここで登場するモデルの方々の顔を皆さんどこかで目にしたことがあるんじゃないでしょうか。&lt;/div&gt;
&lt;div&gt;
最近は特にキャラの立った企画モノも増えています。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
個人的には、風景や動物、日用品といったジャンルの中に雰囲気の良いものが多くて気に入っています。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href="http://kage-design.com/"&gt;シルエットデザイン - 商用フリーで使えるベクター素材&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
大量のシルエット素材を無料公開しています。&lt;/div&gt;
&lt;div&gt;
特にありがたいのが、AIデータで提供してくれる点。&lt;/div&gt;
&lt;div&gt;
DLしたあと手元で加工して使えるので、とても重宝しています。&lt;/div&gt;
&lt;div&gt;
精度の高さに加えてこの自由度の高さ、そして「こんなものまで」と驚くようなジャンルの広さで、すっかり常連です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
他にドットデザインや飾り枠など、ここからリンクされている専門素材サイトもオススメです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3&gt;
紹介サイト&lt;/h3&gt;
&lt;div&gt;
&lt;a href="http://coliss.com/"&gt;コリス - Coliss&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
海外ニュースも含めてWeb技術関連の記事が豊富で更新頻度も高いことから、コリスさんのブログのチェックが日課といっても過言ではありません。&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
画像、アイコン、フォントなどクオリティの高いフリー素材まとめ記事が多いので、常に参考にしています。&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href="http://photoshopvip.net/"&gt;Photoshop VIP&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
タイトル通りPhotoshopに関する記事を中心に、Web関連のニュースやテクニック記事、トレンドデザインやフリー素材に至るまで幅広い内容のブログサイトです。&lt;/div&gt;
&lt;div&gt;
記事内にもハイセンスな画像を多用しているので、目を通すだけでも刺激を受けます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
フリーフォントについては先日のブログで少し書きましたが、今も次々と新しいサイトが見つかるので整理が追いつかない状態です。&lt;/div&gt;
&lt;div&gt;
まとめブログの執筆がどれほど大変か、このわずかな紹介だけでも身に染みました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/2705055554642645423" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/2705055554642645423" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/03/blog-post.html" rel="alternate" title="今や必要不可欠！フリー素材サイトの紹介" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7ZSTmOufh9bMBeGLkxeRInwhv9XV2BK6x1YMysj0pj9ylsk_y6ccmmhzp75fS8cA3lSUAkdO6sZJ3AFhuB2DjcNxs3dhAaOYhkG5B5_fTVGhHz9NWquJFYRO7BBhIqMo5HxfbqsVToA/s72-c/NKJ56_coffeecok500.jpg" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-8956429824803801121</id><published>2015-01-13T11:17:00.004+09:00</published><updated>2015-03-19T16:42:02.991+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Googleマップ"/><category scheme="http://www.blogger.com/atom/ns#" term="Web関連"/><title type="text">Googleマイマップの掲載</title><content type="html">複数個所の一覧マップ掲載の試みです。&lt;br /&gt;
サンプルとして、信州上田の真田氏ゆかりの地を一覧にしたマイマップを作成しました。&lt;br /&gt;
&lt;br /&gt;
&lt;iframe height="480" src="https://www.google.com/maps/d/embed?mid=zwSW1PGz58RE.kSR3BXlFZqUE" width="640"&gt;&lt;/iframe&gt;

複数ポイントが表示されていれば成功です。</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/8956429824803801121" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/8956429824803801121" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2015/01/google.html" rel="alternate" title="Googleマイマップの掲載" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author></entry><entry><id>tag:blogger.com,1999:blog-790068153409417478.post-7465005144703619035</id><published>2014-03-11T14:30:00.001+09:00</published><updated>2014-03-11T14:30:19.646+09:00</updated><title type="text">ブログを立ち上げます。</title><content type="html">Googleの提供するブログサービス「Blogger」を使ってブログの作成を行います。&lt;br /&gt;
他のGoogleサービスとの連携もとても良いので、有効活用の方法も含めて試していきます。</content><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/7465005144703619035" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/790068153409417478/posts/default/7465005144703619035" rel="self" type="application/atom+xml"/><link href="http://kakko-k.blogspot.com/2014/03/blog-post.html" rel="alternate" title="ブログを立ち上げます。" type="text/html"/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/08184390825109348627</uri><email>noreply@blogger.com</email><gd:image height="16" rel="http://schemas.google.com/g/2005#thumbnail" src="https://img1.blogblog.com/img/b16-rounded.gif" width="16"/></author></entry></feed>