メガネの街、鯖江を勉強する

西山動物園からメガネミュージアムに向かう前に、デートスポット「結びのチャイム」に寄ってみます。おっさん1人で。

ベンチの上にあるのは、どうみてもスマフォ…

幸せを祈りに来たのに、不幸にもスマフォを忘れてしまった人がいるようです。

駅前交番まで歩き、拾ったスマフォを届けてきました。

なぜかケータイ拾うんだよな、俺…

コバおすすめのおしゃれカフェ、中野商店でランチ。

目の前で流れる「孤独のグルメ」をみながら、おっさん1人でランチを食うという、謎の時間でした。

ご飯は美味しかったです。

さて、本題のメガネミュージアムに向かおうとすると…豪雨。

ゴアテックスのレイン着てても釣りを中止するレベルの暴風&豪雨。

豪雨でも写真は撮ります。

メガネの形のベンチ。

足元にもメガネ。

やっとつきました、メガネミュージアム。

デカイです。

柏崎のブルボン本社を思い出しました。

トイレの看板もメガネです。

さて、本題のメガネの話。

江戸時代に中国から日本に伝わったメガネ。

1700年ごろには京都、大阪、江戸など国内でもメガネ生産が始まりました。

江戸時代のメガネは、超高級品ではなく、今の金額で言えば10万から20万ぐらいで手に入ったので、普及することになったようです。

現在の福井市の増永五左衛門さんがメガネ製造を始めたのは1905年。

明治以降、新聞など活字を読む文化の広がりにあわせてメガネがさらに普及することを見越して選んだ事業だったようです。

そして、雪深い福井でできる、屋内での製造業としても、適していたようです。

第二次世界大戦で鉄などの資材が無く、一時は止まっていたメガネ製造。

空襲を免れ、さらに陸軍用地が余っていた鯖江で、戦後改めてメガネ製造が活発化。1980年代になり、チタンフレームの商品化に成功し、「メガネの街、鯖江」のポジショニングは不動のものになったそうです。

面白かったのは、メガネの形。

昔のメガネが丸型なのは、水晶をレンズにするのに、使いやすかったからだそうです。

そして最近のメガネに丸形がないのは、デザインのためでは無く、レンズが回転しないことが目的とのこと。

乱視用にはレンズの角度が変わってしまうと意味がないからなんですね。

学芸員の方に、とても熱心にご説明頂きました。

勉強になりました。ありがとうございました。

帰り道、末永さんのストロングレコメンド、焼き鳥の「秋吉」がありました。

こちらが末永さんに作っていただいた、鯖江製のサングラス。

今日もこれをかけて行きました。

ということで、メガネとサングラスなら、目白の「メガネのスエナガ」!

…と、これが言いたいがための連続の記事投稿はこれで終わりです。


日本一レッサーパンダが多い鯖江の謎に迫る

レッサーパンダがたくさんいるという西山動物園に向かいます。

この山の上に動物園があるようですが、どうやら道を間違えたようです。人が歩いた跡がありません。

しょうがなく強行突破で雪道登山を決行。

汗だくでたどり着きました。

ちなみに、この後すれ違った会社の若者たちに「どうやって登って来た?」と聞いたら、「エレベーター」と言われました。

エレベーターだと…?

僕の疑問がいくつか解けました。

  • レッサーパンダはどこからきたの?→北京から来たようです
  • 増えたら返却とかしなくていいの?→国内の動物園に連れて行っているようです。

いました、レッサーパンダ!

思ったよりデカイです。

かわいいです。あざといです。モテる気満々です。

普段は笹やタケノコ、果物を食べているそうですが、小鳥の卵や小動物を食べることもあるそうです。

「かわいい顔をして人間を襲って食うことがあるのではないか」という僕の予想は外れたようです。

昭和60年の開園から、西山動物園では60頭のレッサーパンダが生まれたそうです。

保護環境では繁殖するのに、自然環境では絶滅危惧種なんですね。

レッサーパンダについつよくわかる説明。

アライグマにも、ジャイアントパンダにも近いんですね。

むっちゃ食ってます。ちょうど12時。

ランチは12時にとる派なんですね。規則正しい。

こちらの方も本気で食事中です。

先に果物を食べて、ニンジンは残していました。ニンジンは苦手派なようです。

僕も生のニンジンはそんなに食べたくないです。

レッサーパンダが大好きなことは誰にも言わないでねと言っていた西澤なんとか長に、レッサーパンダ柄の靴下でも買って帰ろうと思ったのですが、売店的なものはありませんでした。


鯖江の歴史を学ぶ

私が立ち寄ったのは、鯖江市の「まなべの館。

展示物で鯖江の歴史を学びます。

館内撮影禁止なので、写真はありません。

鯖江には、百以上の遺跡や古墳があることから、縄文時代から人が住み始め、弥生時代には古墳が作られるなど、集落ができ、支配体制が完成していたことがわかっています。

まなべの館には、縄文時代の土器や石器が展示されていました。

弥生時代から古墳時代の土器が、結構綺麗な形で残っているのは、不思議な感じがします。

古代の人たちも、自分の家で使ってた皿が、遠い未来に博物館で展示されるとは思わなかったでしょうね。

江戸時代、六代将軍徳川家宣の時代。

1720年に「鯖江藩」が作られたそうです。

その藩主が「真部氏」であったことから、この建物は「まなべの館」という名前になったようです。

城を作る計画が頓挫し、城がない城下町であった江戸時代、廃藩置県で「鯖江県」になったのち、数年で他の県に編入されるなど、なかなかメジャーになれなかった鯖江。

21世紀になり、「日本一幸せな街」として知られることになります。

曽根崎心中で有名な近松門左衛門は、15歳まで鯖江に住んでいたそうです。


福井鉄道にのってみる

メガネ作りで有名な福井県、鯖江市。

宿泊したホテルの眼の前に、福井鉄道という電車が走っていたので、乗ってみた。

こちらが西鯖江駅。

公民館が一体化している。

西鯖江駅から、隣の西山公園まで、裏が黒くない切符を買う。

日本一レッサーパンダがいる鯖江市。

駅のベンチにもレッサーパンダが描かれていた。

静かな待合室。

地元の人と駅員さんが世間話をしていたが、乗客は私1人だ。

可愛らしい二両編成の電車に乗り、無人駅の西山公園駅へ。

切符は運転手さんに渡します。

一駅だけじゃなく、もうちょっと遠くまで行けばよかった。


Magnific Popupで、YouTubeの関連動画を非表示にしたい

Magnific Popupを使うと、YouTubeにリンクした動画を、モーダルで表示できる。

しかし、rel=0オプションでキャンセルできるはずの動画再生後の関連動画表示が、オフに出来ない。
こんな感じで、オフにできるらしい。
Unable to remove related videos in youtube


YouTube再生で「スマフォでも音を出すな!」と言われたら

先日の記事、YouTube動画をWebページに埋め込み、字幕版・音声あり版を切り替えたいでは、

  • PCでは自動再生、音声オフ、字幕表示
  • 音声を出したい時は、リンク先で音声あり版を見る
  • スマフォは音声オフに出来ない

という方法を紹介しました。

ところが、
どーーーーーーしてもスマフォで音声オフにしたい!
いや、オフにしやがれ!

という要望をいただきました。

オフにするのは無理です。

なんで、そういう時は、音声あり版と、音声無し版、両方をYouTubeにアップしてくださいな。

つまり、

  • PCでは「音声無し版」を自動再生、字幕表示
  • スマフォは再生ボタンを押すと「音声無し版」を再生、字幕表示
  • PCでもスマフォでも、音声を出したい時は、リンク先で音声あり版を見る

みたいな感じです。

テストページはこちらをごらんください。

「音声無し版」を使えば、html/ jsで「音声のオフ」処理をする必要がないので、iframe_apiを使わず、iframeだけで処理できます。

ソースはこちら。


WordPressで新規ページを作る(動画)

WordPressとは

このサイトmiyasaka.infoや、SAKANA Magazineなど多くのサイトで僕が使っているのがオープンソースCMS、Wordpress。
CMSとは、Contents Management Systemのこと。
ページ作成やサイトの管理がとても簡単にできるシステムです。
世界中で使われているので、不具合があれば誰かが見つけ、すぐに対応されます。
「プラグイン」という機能追加が豊富に揃っているのもWordpressの特徴です。
では、実際に新規ページを作ってみましょう。

新規ページを作る

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-26-14-18-07

こちらがWordpressの管理画面。
「新規追加」でページの作成画面が開きます。
タイトルと本文を入力して、「プレビュー」をクリックすると。
ほら、こんな簡単にページができました。

リンクを設定する

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-26-14-18-27

他のサイトへリンクしたいテキストを選択して、「link」ボタンをクリック。
リンク先のURLを入れて「リンク追加」をクリック。
これでリンクが設定できました。

画像を入れる

画像を入れたい場所をクリックして、そこに画像をドラッグ&ドロップ。
これでページに画像が入りました。
ページの一番上に入る「アイキャッチ画像」も設定できます。

プラグインの「TablePress」でテーブルを作る

表組に使うhtmlの「table」タグ。
tr,td,テキスト、/td,/tr
・・・って、tableをhtmlで書くのってとても面倒ですよね。
Wordpressに色々な機能を追加できる「プラグイン」ですが、tableを簡単に作れる「TablePress」というものがあります。
これを使えば、Excelのような画面でtableタグを作成できます。

サイト名URL
miyasaka.infohttp://www.miyasaka.info/
SAKANA Magazinehttp://sakana.fish/magazine/

公開する

ページが出来上がったら、「公開」ボタンを押すだけ。
公開日時をタイマーで設定することもできます。
Webを見る人が多い朝や昼休みを狙って新規ページを公開する、ということもできます。

ソーシャルメディアに自動投稿

プラグインを使えば、ページの公開と同時にTwitterやFacebookにシェアすることもできます。

とっても便利、Wordpress

コンテンツサイトの運用において、大事なのは良いコンテンツを、たくさん作ること。
新規ページ作成やサイトの管理が面倒だと、コンテンツへ集中する時間を取られてしまいます。
Wordpressなら、コンテンツ作成に集中することができます。


Macで画面操作を動画にする方法

  • QuickTime Playerを起動する
  • ファイルから新規画面収録をクリック
  • %e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-26-12-59-08

  • 「画面収録」ウィンドウが表示される
  • %e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-26-12-59-50

  • 真ん中の録画ボタンをクリック
  • フルスクリーンを録画するならクリック、画面の一部を録画するならドラッグで録画が始まる
  • %e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-26-13-01-00

  • 本当は「画面収録」ウィンドウで録画終了ボタンをクリックするはずなんだけど、なぜかウィンドウが行方不明になってしまう
  • しょうがないので、QuickTime Playerを終了すると、動画保存のダイアログが出てくるので、保存。
  • %e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-26-13-05-34

  • QuickTime形式(mov)の動画ファイルが保存される

YouTube動画をWebページに埋め込み、字幕版・音声あり版を切り替えたい

YouTubeの動画をPC用Webに埋め込み、

  • 標準では音声なし、字幕ありの動画を自動再生
  • 音声あり、字幕なしへのリンクを表示

とかやる方法です。

こうしておけば、プロモーション的動画を無理矢理来訪者に見せることができます。
マーケティングファーストで、UXファーストじゃないのでアレですけどね。

スマフォは自動再生ができないので、普通のiframe埋め込みを表示します。

デモページ

デモページ

動画表示の幅とか細かいとこは適当でごめんね。

まずは動画の準備

YouTubeに動画を登録します。
僕はiMovieから「共有」で動画登録をしています。

字幕を入れる

  • YouTube画面右上の「アカウント」「クリエイターツール」をクリック
  • 「動画の管理」をクリックし、字幕を入れたい動画の「編集」の右にあるプルダウンから「字幕」をクリック
  • 「新しい字幕を追加」「日本語」とクリック
  • 字幕を上げる方法は幾つかあります。今回は「新しい字幕を作成する」をクリック
  • 字幕のテキストを入力。「+」ボタンをクリックします。
  • 字幕が出る、消えるタイミングの調整もできます。
  • 右上の「公開」をクリック

Webページに埋め込む

YouTubeの「共有」「埋め込みコード」で取得したiframeソースにパラメーターをつけるだけで、自動再生、字幕の有無は設定できるのですが、「音声なし」はコントロールできません。
なので、YouTubeのiframe_apiでWebページに表示させます。

ソース

こんな感じでいかがでしょうか。


WordPressでPDFのサムネイルをつくってくれるプラグイン、PDF Image Generator

PDF Image Generatorは、WordpressでPDFのサムネイル画像をつくってくれるプラグイン。

通常、Wordpressのメディア機能でアップロードしたPDFを投稿に追加すると、こんな感じになります。
5b172a20858c8e40cb5d001fb5de44da

PDF Image Generatorを使うと、こんな感じになります。

2016 Doodle フルーツゲームのサムネイル

自動的にサムネイル画像が作られて、リンク先はPDFになっています。

ただ単にPDFへのリンクを張っているだけのページってよくありますが、こんな感じにサムネイル画像があるだけで、一気にコンテンツサイト感が出てきて、いいじゃないですか。
まあ、飛び先はPDFですが・・・

スマフォでPDFを読んで、満足している人っているのかなあ?

詳細は作者のサイトへ。
PDF Image Generator : PDFのサムネイル画像を自動生成するプラグイン。

注意点

ご注意:このプラグインを有効化するにはサーバーにImageMagickとGhostScriptがインストールされている必要があります。またphpのexecコマンドが許可されているか、imagick APIがインストールされている必要があります。