月別アーカイブ: 2016年10月

文字の画像を減らす方法

SEOに有利か

サイトを運営していると、訪問者数はまったく気にならないということは、恐らく皆無でしょう。ただ、「一喜一憂しない」、「本質を見失わない」という方針を貫いている運営者が多いと思われます。

accesscounter

文字や数字ならば画像よりはテキストにした方がより検索に拾ってもらえるということが定説のようです。また、どちらでも表現可能ならば、テキストにした方が保守上も有利であることは明白です。

文字の画像を減らす方法を実践してみましたのでメモとして記録します。

SEO対策のひとつ

SEO:Search Engine Optimization
SEOとは、GoogleやYahooなどの検索エンジン(検索サイト)で、特定のキーワードで検索する場合、上位に表示されるための対策のことで、「検索エンジン最適化」という意味です。

SEO対策としての実例を示します。以前、和歌や小説の読後感などを図と一緒に画像にして発表しました。和歌にはルビを振ることが多く、縦書きでは見やすく使いやすいルビのサポートソフトは多くありません。勢い、画像による表現になります。

以下に画像による文字の表現例とテキストのままの表現例を挙げます。

html/JavaScriptコード

<div style="position: relative;">
<span style="font-size:20px; color:violet;">文字は画像で表示 </span>
<img src="http://aidesign.lolipop.jp/wp-content/uploads/2016/08/0806.png" width="600" height="400" alt="miko"/>
</div><BR>
<span style="font-size:20px; color:violet;">文字をテキストで表示 </span>

<div style="float:left; width:510px; height:550px; border:blue solid 0px;">
<img style="top:2px; left:2px; opacity:1.0;" src="http://aidesign.lolipop.jp/wp-content/uploads/2016/10/pretty-medium.jpg" width="284" height="549">

<div class="h2vr_0 t2" style="float:right; top:0px; left:0px; width:220px; height:549px; border:red solid 0px; font-weight:bold; font-size:10pt; color:darkgreen;font-family:HG教科書体">

<span style="font-size:32px; font-family:serif; color:blue;">
鮠は渓流に棲むコイ科の淡水魚</span><span style="font-size:16px">です。<BR></span>
<span style="font-size:22px; font-family:serif; font-weight: bold;"><BR>
藤沢周平の短編小説<span style="color:magenta;">三月の鮠</span>のヒロイン葉津は早春<BR>の<span style="color:salmon;">雪解け水に飛び跳ねる鮠のような乙女</span>です。海坂<BR>
藩の抗争に巻き込まれながらも、凛と生きています。<BR>
<BR>
左のような可憐で麗しい巫女です。
</div>
</div>

動作例

文字は画像で表示  miko

文字をテキストで表示 
鮠は渓流に棲むコイ科の淡水魚です。

藤沢周平の短編小説三月の鮠のヒロイン葉津は早春
の雪解け水に飛び跳ねる鮠のような乙女
です。海坂
藩の抗争に巻き込まれながらも、凛と生きています。

左のような可憐で麗しい巫女です。
 

おまけ

%e8%8a%b1%e3%81%ae%e3%81%82%e3%81%a8 『三月の鮠』を映像の世界で楽しみたいとの想いで三月の鮠(ハヤ)に取り上げました。残念ながら映画化はまだのようです。

短編であり単独の映画化は無理としても、他の映画作品のように複数の短中編小説を織り交ぜての映画化を願っています。

苦悩を胸に秘めて、楚々と生きる葉津と剣の達人ながら精神的な弱さから立ち直っていく窪井信次郎の行く末を藤沢周平ファンの一人として映像で堪能したいものです。

さいごに

縦書きはh2vRを使いました。以前のh2vよりは格段に使いやすくなっています。「巻三ー六」、「ヒロイン・葉津」など、ハイフン、なかぐろ(なかてん)の変換はイマイチのようですが、無料で使わせていただき開発の先駆者には感謝申し上げます。


ハート型写真を作る

自在な形に縁どる

star

ビスケットなど丸や星の形に縁どった菓子がありますが、ハート型に象った写真を飾りたいと思うときがあります。

いくつものフィルターが用意されたアプリケーションが公開されていますが、自在な形に縁どる写真を、手作りにて3行のhtmlコードで実現しています。

写真とフィルターを用意する

girl1今回はハート型に切り取る方法ですが、切り取る型をここではフィルターと呼びますが、この閉じられた図形を変更すれば、もっと複雑な形にも応用可能です。

用意する材料は、かたどる写真と型(フィルター)です。その他に、ちょっとしたHTMLの初歩的な知識が必要です。

①原写真、キュートな女性の写真をお借りしました。フィルター内にチャームポイントが収まるような絵柄が良いでしょう。

②フィルターとなる型の画像を作ります。閉じた図形(今回はハート型)をheart1含む画像を作るため、paint.netなどの画像作成アプリを用意します。写真に切り抜く部分を透明色に、背景色を白に指定します。

透明色にするには、paint.netを起動し、「魔法の杖」で透明にしたい部分をクリックして、[編集→切り取り]と選択します。

切り取りは「閉じられた形」でないとうまくいきません。8のような形ならば、上下にわたり2回操作します。

背景色は一般には白になっています。白でない場合は、[選択範囲の塗りつぶし]で変更します。

htmlで重ね書きする

原写真を先に表示し、2枚目のフィルター画像を重ね書きします。フィルター効果により透明色部分のみ浮彫になります。img要素のopacity属性により、透明度を設定し、背景をうっすら表示する表現も可能です。

おまけとして、キャプションを付けてみました。重ね書きにはposition: relativeとposition: absoluteを使っています。

<p><span style="font-size: 18pt;">表示例</span></p>
<span style="font-size: 20px; color: violet;">ハート型写真</span>
<div style="position: relative; width: 638; height: 520;"><img src="http://aidesign.lolipop.jp/wp-content/uploads/2016/10/girl.png" alt="lady" width="638" height="520" /><br />
<img style="position: absolute; top: 0px; left: 0px;" src="http://aidesign.lolipop.jp/wp-content/uploads/2016/10/alpha.png" alt="alpha" width="638" height="520" /> <span style="font-size: 24px; color: lightblue; position: absolute; top: 40px; left: 45px; width: 150px;">婉然、麗しい</span> <span style="font-size: 24px; color: pink; position: absolute; top: 40px; left: 400px; width: 150px;">可憐、雅びな</span></div>

表示例

ハート型写真
lady
alpha 婉然、麗しい 可憐、雅びな

新しい試みに挑戦

新機軸

%e7%9c%89%e6%af%9b%e3%83%bb%e7%9d%ab%e6%af%9b 人を引き付けるには、ありふれたことでは難しいです。芸能人は眉毛(まゆげ)や睫毛(まつげ)をひと際、濃くするなど知恵を絞ります。

ひところ「裸同然なのに穿いているので安心してください」などのギャグもありました。厳寒の北海道で営業していました。

writing1

奇をてらって話題になっても長続きせず顰蹙を買うことがあります。ここではオーソドックスに新機軸の縦書きに挑戦します。

和風な表現

autumn-flower

以前に縦書きについて触れたことがあります。縦書きはそのころから進化して、h2vR.jsを使うようです。すんなり、h2vRをプラグインしました。

プラグインには、次の記事を参照しました。

WordPressの記事を縦書き表示するプラグイン!小説同人サイトに便利なh2vRを設置する方法! 
【縦書き】h2vR.jsをWordPressに簡単に設置するためのプラグイン

4season NHK-BS《こころ旅》で、中央が空白になった大きな絵のなかに書かれた投稿者の手紙が読まれていました。それをモチーフにして作ってみました。

以前は画像とテキストを重ね書きにする方法もわからず、縦書きはすべて右画像のように作成していました。

SEO対策に文字の画像を減らそうとの記事を見ることがあります。画像よりもテキストが検索対象になり易いのならば、この試みは満更でもないでしょう。

縦書きと重ね書きの応用

木の間より
 もりくる月の 影見れば
心づくしの 秋はきにけり

 
      古今和歌集 巻四
       秋歌上  読み人知らず

Windows10の使用感

主たる使用感

sandiskWindows10への強硬誘導で世の中が騒然としてからだいぶ、経過しました。騒動の中、OSを切り替えた方が多いと思われます。

Windows3.1、95、Me、2000、NT、XP、7、8.1と使い続けてきました。ここにWindows10の使用感を記録しておきます。

①Windowsが立ち上がる時に鳴っていたピロピロ~ンという音が省略されました。静まった真夜中にパソコンを使うときに困っていました。

音量はOSが立ち上がった後でないと調節できないので、悩みの種がひとつ解消しました。

②次にうれしいことは、USBメモリを差し込んで、すぐに使えるようになりました。以前のOSでは30~60秒ほどの待機時間を必要としていましたので素早い起動に感心しています。

③直前に使っていたメニュー方式を併用して使えるように残しているので違和感なく、新OSになじめます。

japan06B④OSメーカーの政策かどうかは不明ですが、自社製のアプリをしつこく薦めてきます。《今後、このメッセージを出力しない》にチェックマークを入れても、時が経てば出力されます。

⑤OSに備え付けのブラウザはどうみても時代遅れになっています。

⑥パソコン起動時に使うパスワードは従来のキャラクター方式のほか、絵文字の操作によるピクチャパスワードに加え、ピンコードでも可能になり、使いやすくなりました。自前のピクチャパスワードの作り方をピクチャパスワード利用感に載せています。

⑦従来OSにおいて周辺デバイスを制御していたドライバーソフトが利用できなくなり、デバイスの購入を余儀なくされました。

microsoft-onedrive

⑧SugarSyncやDropBoxが先行サポートしていたオンラインストレージをOneDriveという名でサービスし、ファイルのバックアップと複数パソコンによる作業効率を向上させています。

⑨Windows Movie Maker 2.6など慣れ親しんだアプリケーションソフトが未サポートになりました。WMM26の幹になる機能は動作します。Windows Movie Maker2.6 に報告書を載せました。

profile10感想

Windows10にグレードアップして気に入ってことは、USBメモリを差し込んで、すぐに使えるようになったことです。

この他、複数のパソコンでファイルの共有化に利便性を発揮するOneDriveです。

ちょんまげを結い、羽織、袴で生活していた日本人が短髪、洋服姿に変わりました。いつまでもかたくなに旧来方式に固執することは得策ではありません。

ここは長いものに巻かれることも必要ではないでしょうか。

Canvasに描画した動画をWebM動画に保存

新しい試みともっと望むこと

かつて、バラ曲線やトロコイド曲線をHtml5のCanvasを用いて描画しました。これをブログに公開すべく、ローカル環境で正しく動作したのに、サーバーにアップロードすると思ったように動作しませんでした。加えてソースコードが丸見えになることも問題でした。

pci-1

これらを一挙に解決するために、スクリーンキャプチャーのBandicamやScreenCastifyを使ってWebM動画を作成しました。これらは《様々な動的コンテンツ》に発表しました。

無料版は動画に広告が入ったり、録画時間が10分以内などの制限があります。無料では多くを望むことは許されません。

そこで、Canvasに描画した内容をそのまま、WebM動画に出力する《Canvasに描画するとWebM動画を作ってくれる「Whammy」を使ってみた》に出会い、現在、模索中ですが、明らかになった部分を記録にとどめます。

参照した記事とWhammyについて

導入編に参照した記事は《リアルタイムでレイトレして、WebMに記録するヤツ》です。公開ソースコードをローカル環境にダウンロードして実行にこぎつけるまでは、大きな苦労はありませんでした。

上記記事はGithubが運営するWhammy JavaScriptライブラリーを使用しています。Whammyには、魔力、不運、まじないなどのほか、驚くべき事、凄い事、強力な一撃の意味があり、驚異的な意味合いでライブラリー名が付けられたようです。

whammysite

WhammyライブラリーはJavaScriptでクライアント上でCanvasタグに描いた内容をWebMフォーマットに変換しWebM動画を生成します。

Whammyの主たる機能はCanvasタグやdataURIを引数として受け取り、コンパイルメソッドでWebM形式の動画に変換します。生成された動画はダウンロードすることも可能です。

解析途上でつまづいたこと

Canvasタグを使って描いたトロコイド曲線などをWebMの動画に保存したいと考えWhammyを解析し始めました。《Whammyクロック,clock》 などのソースコードを参照して、現在時刻をアナログ表示からデジタル表示に変更したところ、videoタグによる表示が動作しなくなりました。

whammy-clock少しずつ機能を削っていき、動作不良を見つけました。前表示をクリアするclearRectメソッドを呼ぶとなぜか誤動作することがわかりました。

また、期待したように動作したブラウザはChromeだけでした。

新しいことを進めるには多くの壁が立ちはだかるのはやむを得ないでしょう。めげずに前進あるのみです。

Whammyの紹介記事や試用記事が出始めて3~4年経過したのに、これに続く記事が少ないのは、サポートブラウザがChromeだけというのが理由でしょうか。

出力例と今後の発展

CanvasやSvgによる動的コンテンツを動画に保存する技術が容易に実現できるのは驚異的です。

Canvasにて現在時刻を表示し、Whammy.jsライブラリーを用いて保存したWebM動画を左に載せます。

CanvasタグにてJavaScriptを使って動的な素材を描画し、その結果をそのままWebM動画にダウンロードして、後で再生して確認するという利用方法が考えられます。

出来合いの製品の物足りなさを嘆くだけでなく、自ら切り開く意欲を持ちましょう。

 

制度疲労から寄付行為まで

制度疲労

最近、我が国だけでなく、大企業や公的機関の不祥事に、世界的な広がりで蔓延しているように見えます。共産主義に勝利して、わが世の春を謳歌したはずなのに、世界的な経済停滞の中、富の偏在が一段と進み資本主義の転換期が話題になっています。

%e3%82%b3%e3%83%a1%e3%83%83%e3%83%88%e5%8f%b7%e3%81%ae%e4%ba%8b%e6%95%85頑丈なものの代表である金属においても、繰り返し利用していると疲労が原因で強度が著しく低下することが知られています。

航空機などでは、太く厚くした部品が望ましいが、低下する繰り返し回数以前に部品交換を義務付け、軽量化を図っているのが現状です。

この金属疲労をもじって勤続疲労の字を当て、恙(つつが)なく、何事も穏便に、長いものに巻かれてひたすら現状維持に走る様を囃したてることがあります。世の中が日進月歩しているのに、朝礼のスピーチで古い教科書に書いてあるようなことを声高に叫ぶ指導者もおるようです。

時代に合わない部分を見直すという基本行動を忘れて、イデオロギーに走るのはいかがなものでしょう。多くの人々は主義主張よりも安寧・安穏な生活を望んでいます。

厳格さの基準

%e6%9c%aa%e7%86%9f%e3%81%aa%e9%83%a8%e4%b8%8b法律は運用の匙(さじ)加減でぎこちなかったり、円滑だったりします。

行動基準が、その日の気分によってマチマチであると独裁体制になりますが、責任逃れや自己保身優先で、常に自分の立場が安全方向に傾く行動をお役所仕事と言っておりました。

法律を尊重しつつ、不退転の覚悟で事に当った大岡越前裁きには拍手喝采です。

銀行などの金融機関ではその日の収支決算に1円の違いがあっても許されません。やり直しが基本です。安易に不足の1円を自分のポケットから補てんすると大問題になります。

実際、ある役所にバスによる出張交通費を誤って10円少なく請求したところ、大目玉を食らった経験があります。将来、会計監査が入ったときに進退問題に発展しかねないと言われました。庶民感覚では大げさに感じます。

%e3%82%ac%e3%83%a9%e3%82%b9%e5%bc%b5%e3%82%8a

巨額の予算が動く東京都の施設建設や公開入札制度なども含めて考えると、金額が小さいほど法律の運用が厳格で大きくなれば、法令順守の基準があいまいになっているように感じます。

ある銀行で副支店長による11億円もの横領が長年、発覚しなかったのはそのような雰囲気が原因かも知れません。

寄付を募る運動

最近、インターネットの世界では寄付を募る記事が多くなりました。ウィキペデアのような寄付で運用されているサイトで目立っています。篤志家による大口寄付が激減しているのでしょうか。

%e3%82%a6%e3%82%a3%e3%82%ad%e3%83%9a%e3%83%87%e3%82%a3%e3%82%a2

街宣車で大音響を響かせながら市中を示唆運動したり、環境を保護したり海洋生物保護のための活動をする団体など様々な組織が存在します。

多くの場合、それらの団体は寄付金によって賄われています。収支決算報告書が公開されていると思われますが、第三者による評価を見たことがありません。

%e5%9b%bd%e5%a2%83%e3%81%aa%e3%81%8d%e5%8c%bb%e5%b8%ab%e5%9b%a3クラス会や町内会の祭事への寄付行為は、名士気取りなどと冷やかす輩もいて寄付をするにも勇気が必要です。

余裕があれば、国境なき医師団などへの寄付もよいでしょう。中国の革命家・孫文への日本人の支援者について、本人の没後、再評価されています。

寄付を募る記事の増加に常々の想いを綴りました。

変わり移る環境に追従

マウスの進化

進化することはすべてに好ましいとは限りませんが、限られた資源で最大の結果を生み出すならば、それを甘受しなければならないというテーゼが存在します。

mause-1特急券を購入する場合、自動券売機の操作に慣れていないと不利を受けることになります。

少しの情報不足があっても緑の窓口にいるベテランの係員ならば、親切に補足してくれますが、券売機はわずかの入力ミスも見逃してくれません。

対して外部機器の進歩は著しいものがあります。

マウスがコンピュータの入力機器として登場したときは驚きました。CUI(Character User Interface)は一気にGUI(Graphic User Interface)へと進展しました。

当時のマウスにはスクロールホイールはありませんでした。そのため、OS(Operating System)やアプリケーション側でスクロールバーを設け、下矢印ボタンや上矢印ボタンを押scrollbar-01し続けてスクロールを実現していました。

進化に対応

昨今、マウスにはスクロールホイールが付いているのが一般化しています。また、無線マウスが普及しています。一度、使うと手放せなくなります。

上の図の右のチップをUSB端子に差し込んで使う無線マウスが市販されています。

画面をスクロールするためにスクロールホイールを使えば、カーソルをスクロールバーまで移動する必要がありません。

autoscrollスクロールホイールをクリックし、押し続けるとスクロールアイコンが表示され、その状態で三角マークの方向にマウスを動かして、画面を上下にスクロールさせることができるオートスクロール機能は便利です。

スクロールホイールによるスクロール操作が高評判です。

また、パソコンのフルキーボードにはPageUp(↑)、PageDown(↓)キーが備わっており、画面を上下に高速スクロールすることができます。

スクロールホイール付きマウスがあれば、スクロールバーを非表示にして、わずかでも画面を広くしたいものです。

主要ブラウザのスクロールバーを非表示にする

ブラウザを利用した場合の限定されたお話です。スクロールバーを非表示にする方法

番号 ブラウザ名 設定方法の概要
chrome No Scroll Bars Please! をプラグイン
firefox HideScrollbars をAdd-ons

「プラグイン」や「アドイン」「アドオン」とは、拡張パック(かくちょうパック)とも言われ、アプリケーションソフトウェアの機能を拡張するために追加するプログラムの一種です。

功罪は相半ばする

kozaiainakabaスクロールバーは一文字ほどの幅ながら右端にないと、道路上の電柱が地中に埋設されたようにすっきりします。

スマホやタブレット、タッチパネルサポートのパソコンではスクロールバーを削除すると良いことずくめかというとそうはいかないのです。

スクロールバーはスライダーの位置で全体のどの部分を処理しているか、また、現在、表示している情報が全体量の何パーセントかをスライダーの長さで知ることができます。その意味でスクロールバーを非表示にすることは、功罪相半ばすると言えましょう。

scrollbar3

望まれる仕様

スクロールバーを使ってのスクロール操作は少数派になりました。スクロールバーは処理の進み具合を知るには貴重な存在です。進み具合を表示するだけならば、今の幅の半分以下で済みそうです。目立つ色でなるべく細めのプログレスバーへの転進が望まれます。

高速移動物体を追跡する

動機付け

大阪・天王寺「あべのハルカス」近くの阪神高速14号松原線上を走る高速移動物体を追跡する動画を作成しました。動画に字幕(キャプション)を付けるには、SRT(字幕)ファイルを用います。

これをサポートする多くのアプリが存在しますが、色を変えたり小さな字から少しずつ大きな字が現れるような凝った表現は無理です。野球テレビ中継のホームランボールの軌跡をスマホやパソコンの画面上に表示するのも簡単ではありません。

tuten-out1

今回、HTMLのVideo要素で取り込んだ画像イメージをCanvas要素にコピーし、JavaScriptを駆使して動画イメージに画像や文字を重ね書きすることによって、キャプションや切り替え効果を実現させています。

テレビや映画の歴史は長いです。両者とも娯楽の王様として君臨してきました。ヒットすれば開発に投じた予算は何倍にもなって戻ってきます。対してパソコンやスマホでの応用はまだ、浅いと言えます。予算はありませんので、今までの知識を集めて開始します。

仕組みの概要

canvashtml5動画は、デジカメやスマホで手軽に作成することができます。録画した動画を再生することも容易に実現できます。

HTMLでグラフィック表示するとき、Canvas要素を使って楕円や多角形を描画することが多いですが、動画を表示することも可能です。

この技術を身に付けるにあたり、
(JavaScript)Video要素をJavaScriptで制御する
動画をcanvasで再生する[HTML5]
を参考にさせていただきました。

これらの内容をマスターすれば、あとは動画の制御はCanvasの扱いになり、通り一遍だった動画による表現に深みを持たせることが可能になります。

制御の肝

t4-tu-tenkaku動画を読み込むとき、様々なイベントが発生し、利用価値の高いアプリ開発を助けてくれます。

そのなかに、動画が再生できる状態になったときにonloadeddataイベントが発生するので、video読込みを初期化し、Canvasによる表示をするためのタイマーを発動してVideo再生を起動します。

そのとき、style.display属性に”none”を設定してVideo要素によるオブジェクトを非表示にしておきます。発動されたタイマー関数ではVideo要素によって読み込まれた画像データをdrawImageにて表示します。

また、動画イメージがすべて読み込まれたかの終了確認がなされます。

動作例

通天閣展望台からの眺望を動画に収録しました。阪神高速14号松原線の向こうに天王寺公園とあべのハルカスを望むことができます。今回めざしたトラックの移動を丸印で追跡してみました。

これらを応用することにより、フェードイン、フェードアウトのエフェクト処理を付加して表現豊かな動画を作り上げることができます。

 

真田丸は佳境に

真田丸はクライマックスを迎える

NHK放映の大河ドラマ『真田丸』がクライマックスを迎えています。孫子を彷彿とさせる真田昌行の第二子『真田信繁』こと《真田幸村》の活躍にわくわくしています。かなり前に信州の真田家ゆかりの地を訪ねました。

このたび、真田幸村が晩年、活躍した大阪のゆかりの地を巡ってきました。大阪城内は日本人よりもはるかに多い外国人観光客によって占拠されていました。以下に写真を動画風に整理しました。

比叡山延暦寺を訪ねる

①雨に煙る延暦寺
②大ホテル・延暦寺会館
③琵琶湖を望む眺望
④古の都か大津京

食い倒れの街・通天閣からラブロマンスの道頓堀へ

①串カツは大阪の文化、ソースの二度づけ禁止
②坂田三吉の息づかいが聞こえる通天閣
③通天閣から望む高層ビル街
④かに道楽-グリコ看板-戎橋-宗右衛門町

太閤秀吉の栄光と真田幸村の活躍をしのぶ

①軍略家・真田幸村の活躍の場・真田丸史跡
②兵どもの野望がぶつかった場所
③稀代の英雄・豊臣秀吉の華麗なる遺産
④豊臣初代の城と徳川家による再構築城


日本文化の源流を訪ねる

この記事の目的

本ページは日本文化の源流を訪ねる旅のしおりです。出掛ける前の予備知識の吸収や旅行直前の持ち物の準備、旅行中の乗り換えなどに役立つよう配慮されていますが、すべて最良情報を保証するものではありません。旅の資料としてご利用ください。

また、インターネット時代にふさわしく、オンラインでリアルタイムに世界の様々な情報に触れることができる新しいスタイルの栞を示しています。ホテル名や観光先は実在ですが、ひとつの例として使わせていただいています。他意はありません。

スマホを携帯してのオンライン利用の他、事前に印刷しスタティック(静的)なガイドブックとしても利用可能です。それでは楽しい旅になるように祈っています。

目次

下図が目次代りです。簡易操作:左下隅のメニュー一覧から選択します。3番の道順案内が目玉です。その他、3つの上をクリックすると関連情報が得られます。説明ページにジャンプした後、本文に戻るにはブラウザの戻るボタン(←)をクリックします。

スケジュール 2016-09-7,8,9(水、木、金)、二泊三日

移動手段    鉄道

訪問先    京都、堺、大阪 

おおまかに、初日が京都、二日目が堺、三日目が大阪を訪問します。

初日

京都の自然

初日の見どころ

上の京都全体図の上右にある『日本文化の源流』と下図の『3塔16谷(東塔、西塔、横川)』の地図をご覧ください。

比叡山延暦寺全体図
比叡山延暦寺全体図

京都比叡山延暦寺、東塔(とうどう)、西塔(さいとう)、横川(よかわ)のうち、東塔のみ参詣します。延暦寺の心臓部:東塔の延暦寺会館に宿泊します。

延暦寺の三塔全部を巡るには体力的に無理です。東塔だけなら歩行時間は短いです。当日の天候や体調を考え、歩いて30分ほどの西塔の見学に含みを持たせます。

詳細

修学旅行やアンノン族の旅行客が行かない日本仏教の母山を訪ねます。天台宗の総本山たる延暦寺は最澄によって開山されましたが、日本の教育機関として浄土宗、浄土真宗、臨済宗、曹洞宗、日蓮宗の開祖たる法然、親鸞、栄西、道元、日蓮を輩出しました。日本の精神的支柱の最大の要です。

天台宗で学んだ多くの高祖が異なる宗派の開祖になったことが象徴的です。

根本中堂で行われる早朝の勤行(ごんぎょう)に参加します。ロテル・ド・比叡と延暦寺会館の宿泊者だけに参加資格があります。6:25分までに根本中堂に集合しましょう。

比叡山延暦寺のサイトマップ全体案内

比叡山延暦寺へのアクセス

京都駅から延暦寺バスセンターへのバスによるアクセスを以下に示します。尚、JR湖西線大津京駅から事前予約すれば、延暦寺会館による無料送迎マイクロバスを利用することができます。

hieizanenryakuji

比叡山アクセス詳細案内

京都駅前全体地図でグーグルマップを呼び出し、京都駅北部方面全体を把握します。そして、その地図の右下に人物が立っているのでこの人と仲良くなり、グーグルストリートビューの扱いをマスターします。

この地図からもたどり着けますが、京都駅前バス乗り場360度パノラマ写真をクリックして、京都駅前烏丸中央口周辺の概況を理解します。 パノラマ写真は、+-ボタンで拡大・縮小表示させます。また、「画像を隠す」をクリックして見やすくします。

カーソル左ボタンを押しながら、パノラマ写真を水平方向にスクロールさせ、白い塔が右上に収まるようにすると、右側に赤い布に白い字で「京都・舞鶴・小浜」と書かれたのぼりが立っている建物が見えます。それがバスチケットセンターです。

パノラマ写真で明らかなようにバス乗り場は地表1階にあり、比叡山山頂への乗り場は帽子を被った老紳士の先に見える一番奥のC6です。たどり着くのに時間がかかったらここをクリックしてください。 kyoto-station-bus パノラマ写真と京都駅前バス乗り場案内を参考にしながらC6乗り場に向います。

京都駅-延暦寺バスセンターの路線図

hieizan-0

kyotobus

ストリートビューでご案内

ストリートビューで京都駅から比叡山延暦寺までご案内します。ハイパーラプスのコマ落とし技術にて沿道風景を見ながら60秒でお連れします。ここをクリックし見終わったら戻るボタン(←)をクリックして戻ってきてください。

京都御所近辺
京都御所近辺

初日の宿泊地、住所と電話番号

予約番号:XXXXXXXX
宿名:眺望清逸の宿 延暦寺会館
電話番号:077-578-0047
所在地:〒520-0116 滋賀県大津市坂本本町4220
チェックイン日時:2016年09月7日16:00
宿泊日数:1泊
部屋タイプ:(禁煙室)琵琶湖側トイレ付
部屋数:1室                 2日目の宿泊地

二日目

京都から堺東へ

以下の案内は実時間で動いているページを静止画像にしました。15:15直前に起動したときの情報です。都市部の鉄道サービスは時間が違っても大きく変化することはありませんので、ご利用の目安とお考えください 京都から堺東へのオンライン乗り換え案内です。

Kyoto-Sakaihigashi

自宅の最寄駅から大阪市内までの長距離切符で京都に途中下車した場合、大阪駅でホームの外に出ないでJR大阪環状線に乗り換え、新今宮駅で南海高野線に乗車すれば180円の節約になります。

帰りの乗り換え案内

二日目の見どころ

堺市仁徳天皇御陵、徳川家康伝説で知られる南宗寺など、御陵は内部非公開のため、展望の良い高台から眺めます。

65歳以上は拝観料無料の博物館など多数みどころあります。それ以上に大阪はたくさんの見どころがあるので、堺からは早めにもどり、次の行動に有利なように大阪市のホテルに宿泊します。

詳細

堺観光コンベンション協会おすすめの旧市街地周辺(南部)・百舌鳥古墳群周辺を参考にして探勝します。蛇足ながら百舌鳥は「もず」と読みます。

観光地は私鉄とJRに挟まれたところにあり、下車駅と乗車駅を異なる案を考えましたが、2泊3日の旅行で大きな荷物となるので、荷物をコインロッカーに入れて観光巡りをするために、元に戻るコースとします。

堺東駅構内図(コインロッカー場所)
堺東駅構内図(コインロッカー場所)

二日目の行程

堺東駅 -250m- 堺市役所 -1000m- 与謝野晶子生家跡 -250m- さかい利晶の杜 --50m-- 千利休屋敷跡 -800m- 南宗寺 -1500m- 自転車博物館 -300m- 大仙公園日本庭園 -300m- 百舌鳥駅(タクシー乗り場)

下図に観光コースを示します。最長区間は南宗寺から自転車博物館までの約1500mで18分(on foot)ほどですので全コースを原則、徒歩で巡りますが、最終地点から堺東駅まではタクシーで戻ります。

堺旧市街地南部・百舌鳥古墳群観光コース

世界文化遺産を目指している百舌鳥・古市(もず・ふるいち)古墳の見える高台(市役所の21階)が観光の始まりで、ぶらり歩いて名所旧跡を訪ねながら堺市博物館が到着点です。

オンライン堺市マップ 自在に縮小・拡大できます。

2日目の宿泊地、住所と電話番号

グリンヒルホテル 
所在地 〒543-0063 大阪府大阪市天王寺区茶臼山町1―21
連絡先 06-6773-0077 (9:00-24:00)
予約番号: YYYYYYYY
部屋タイプ名称 
シングルベットルーム 朝食付き
宿泊日程 2016年09月8日 から 1泊
チェックイン予約時間 20:00

1部屋目 : 7,400円 (大人)×1名
2部屋目 : 7,400円 (大人)×1名
3部屋目 : 7,400円 (大人)×1名
小計 : 22,200円 
合計料金 22,200円(税込・サービス料込)
支払方法 現地でのお支払い 支払金額 22,200円(税込サ込)7,400*3

グリンヒルホテル

2日目夜の食事処

通天閣界隈

通天閣-天王寺近辺のオンラインマップ

堺東から大阪・天王寺へ  堺東から大阪・天王寺への乗り換え案内

Sakaihigashi-tennoji

新大阪への足

三日目

三日目の見どころ

大阪は見どころが多く半日や一日ではとても回り切れません。このたびは、目玉の真田丸跡を中心に添えて、天王寺、通天閣、道頓堀界隈をかすめる程度になります。

OsakaCastle

三日目の行程

グリンヒルホテル -800m- 四天王寺 -1000m- 通天閣 -620m- 新今宮駅 ==13分== ⓪玉造駅 -300m- ①三光神社 -300m- ②心眼寺 -720m- ⑤玉造稲荷神社 -300m- ⑯細川ガラシャと高山右近の像 -600m- ⑦大阪城 ==20分== 新大阪

真田家の館

真田丸跡3

新大阪への足   大阪城公園から新大阪へのオンライン乗り換え案内

OsakajoSinosaka

真田丸とは

オンライン大阪観光マップ

大阪城公園周辺観光地
大阪城公園周辺観光地

持ち物の準備等

初日の宿は精進料理という決まりがありますが、その他は一般のホテルと大差ありませんので通常の準備で済むと思われます。

持ち物の準備はここを参照

IC乗車カードの用意

関西のIC乗車カードにおいて、JRと大阪市営地下鉄はICOCA、私鉄はPiTaPaを使いますが、SUICAとの相互利用が進んでいます。以下の相関図によれば、JR、私鉄、大阪市営地下鉄を利用するだけならば、SUICAがあれば十分と考えられます。

日本国内IC乗車カード相互利用相関図

おわりに          

案内はこれで終了です。十分な体調管理のもと、楽しい旅になりますようにお祈り申し上げます。

改訂日記録          2016-09-05