MEMO

Nirvana
▲「鳥獣花木図屏風」をモチーフにしたチームラボの作品、「Nirvana」

少し前ですが、東京都美術館で開催されていた「若冲展」を見に行ってきました。伊藤若冲についてはにわか以下の知識しかなく、「なんかあのトラの絵の人?」くらいの印象しかなかったのですが、もう本当に最高すぎて、完全に虜になってしまいました。

今回の展覧会、昨今の若冲ブームの影響に加え、生誕300年という節目に開催されること、更に会期が1ヶ月という短期間なのもあって、連日大混雑でした。会期後半には会場入りまでに2時間待ち、3時間待ちが常態化、ひどい時には5時間以上も並ばないと入れないなんていう恐ろしい日まであったそうです。僕のときは60分待ちでしたが、それでもすごい混雑だったので、考えただけで気が遠くなりそうです。

目玉は若冲の代表作でもある「釈迦三尊像」全3幅と「動植綵絵」全30幅を一堂に会した展示。元々はすべて京都の相国寺というお寺が所蔵するものだったそうですが、現在「動植綵絵」の方は宮内庁の三の丸尚蔵館が所蔵しているので、一度にすべてが見られる機会というのは滅多にないそうです。
会場では1フロアを使い360度、円を描くように配置されていて、それはもう圧巻の一言。当初は後ろの方からぼんやり眺める予定だったのを変更して、どうにかこうにか最前列までたどり着き、かぶりつくように見入ってしまいました。

あの大きさの絵をあの緻密さで、あの数ですよ。まずはそのボリューム感でやられてしまうわけですが、じっくり見れば見るほど、その理解できなさに気づいて、もっと見続けたくなってしまうんですね。こりゃ、人の流れも止まるはずです。

例えば、その細密さは若冲の特徴としてよく挙げられていますが、普通に考えたら、細かく描けば描くほど、面白みのない絵になりそうな気がするんだけど、まったくそれがないんです。それが不思議でねぇ。大胆なデフォルメや色遣いだったり、構図構成などのデザイン的な部分がそうさせるのかもしれませんが、その根底にある絵に込められた感情がそれを実現させている気がしました。若冲がこの世界から感じた感動のすべてが絵の中に詰まっているように思えましたもん。

これまで、絵を見るためだけに行列なんて…と思って、大々的に宣伝されてるような展覧会は敬遠しがちでしたが、やっぱり人気があるものってそれだけの理由があるんですね。やっぱり行った方がいいんだと、考えを改めることにしましたです。

MEMO

2011年のくまモン
▲2011年のくまモン(ゆるキャラさみっとin羽生にて)

4月を振り返ってみるとやっぱり熊本の地震ですよね。震度7とか6とか、スパンが短いですよね……。日本って地震に関しては、安心していい場所なんてどこにもないんだなって改めて思った次第です。

そしてみんな気になっているのが、くまモンです。現在活動自粛中ということで、これは県として他に優先すべきことが山ほどある中でもっともな話なんだけど、やっぱりいつかはその元気な姿を見せてほしいです。くまモンにしかできないことも山ほどあるはずだしね。

漫画家の森川ジョージさんなどが発端となって始まったTwitterのハッシュタグ「#くまモン頑張れ絵」をはじめ、ネットを見ててもくまモンの愛されっぷりってすごいですよね。熊本にくまモンがいてくれて、本当によかったと思いました。

MEMO

今日はうるう年の2月29日という珍しい日ですが、珍しついでにブログのデザインを大幅に微調整してみましたよ。

ここのデザインをいじくったのは2007年末にWordPressを導入して以来初の出来事だから8年ぶり!? よくも飽きなかったものです……。

ところで大幅に"微"調整ってなんなのという話ですが、普通はブログのデザインをリニューアルするっていうとテーマ自体を変更するものですが、今回、今まで使っていたテーマはそのままに細かいところを修正しまくったのでした。

何年か前からブログのデザインを変えようとは思っていて、その際は当然のように別のテーマに乗り換えるつもりでした(候補としてはSimplicityあたりを考えていました)。というのも、今のテーマ(Vicuna)はかつては定番として広く使われていたものの、とっくの昔に更新がストップしている上、2年前に配布元が消滅してしまっているんですよね。なので、今更このテーマを修正して使うことになろうとは自分でも驚きの結果です。

本当はちょっとだけ気になる箇所があって、そこだけ修正するつもりだったんですが、「ここも気になるなぁ」なんて言ってるうちにここも、ここもとなって止まらなくなってしまったわけです。

せっかくなので、どこがどんな風に変わったのか、説明していきたいと思います。参考までに変更前の画像を置いておきます。
旧ブログ

幅が広くなり、本文の文字が大きくなりました

ブログの横幅を800ピクセルから1024ピクセルまで広げました。さすがにちょっと狭かったもんね。これは最初に文字サイズを決めて、そこから1行あたりの読みやすい文字数を考えて設定したからなのでした。今回、幅を広げたおかげで文字も大きくなりました。

文字を大きくするのは読みやすくなる反面、サイトをぱっと見たときの印象が大幅に変わるので若干不安でしたが、けっこういい感じですね。むしろ今までが小さすぎました。

スマートフォンに完全対応しました

これまでもWPtouchというプラグインで対応はしていたんですが、全然違った見た目になっているのが大きな不満ポイントでした。今回、頑張ったおかげで見た目をそのままにレスポンシブ化することができました。

具体的には、ウインドウサイズ(ブラウザピクセル)を判定に使っていて、567ピクセル以下の場合、1カラムレイアウトになり、サイドメニューはそのまま記事の下に回り込むようになります。

567ピクセルというのは、iPhone5/5s/6の縦のブラウザピクセルが568ピクセルというところから来ていて、現在販売されている多くのスマートフォンでサイトを見ると、縦持ちだと1カラム、横持ちだとパソコンで見るのと同じ2カラム表示になるようにしています。パソコンでもウインドウを狭くすると1カラムになります。が、iPadなどの高解像度タブレット端末では縦でも横でも2カラム表示になります。

地味なところではYouTubeやGoogle Mapsの埋め込み表示をちゃんとウインドウサイズとともに可変するように対策しました。

YouTubeも。

当初はブログをスマートフォン対応にするにはレスポンシブなテーマに変更するしかないと思っていたのですが、たまたま以下のサイトを見て興味が出てきてやってみたというのが始まりだったりします。

デザインそのまま。5分でできたワードプレスのスマホ対応(Carry Onさん)

ただ、こちらの設定だとタッチパネルのピンチ操作による拡大・縮小ができなくなってしまうので、以下のサイトを参考にviewport設定を変更しました(パターン4のやつ)。

これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ(てっく煮ブログさん)

ソーシャルボタンを追加しました

ブログといえばソーシャルボタンを目にしない日はないというくらい、当たり前の存在ですが、今更ながら当サイトでも導入してみることにしました。

今まで導入しなかった理由としては、見た目ががちゃがちゃするっていうのもあるんですが、そもそも自分が人のブログ等でほとんど押したことがないんですよね。世の中の人はそんなに押しているものなんでしょうか? とかずっと思ってたんですが、スマートフォンからネットしてたら確かにあった方が便利かもと思うようになり考えを改めたのでした。

実は今回の作業の中で最も大変だったのがこのボタン設置作業でした。簡単に設置する手順はいくらでもあるんですが、見た目のことも考えて公式に配布されているものではなくボタンを自作しよう、しかも画像は使わずに、なんて思っちゃったものだから大変だったんですよ。

今回設置したボタンはあとで読むサービスのPocket、ソーシャルブックマークのはてなブックマーク、そしてTwitterLINEの4つです。その中の「LINEで送る」ボタンはパソコンから押しても動かないとのことなのでパソコンからアクセスした際は非表示としました。これはさっきのウインドウサイズの判定とは別で、このためだけにユーザーエージェントを調べてパソコンからのアクセスとスマートフォン・タブレットからのアクセスをチェックしています。実は検索してたらパソコンにも対応しているLINEボタンというのもあったんですが、自前ボタンに変更する方法が分からずに設置を断念。そして大変だったといえば動作の確認ですよ。このためだけにこれまで頑なに未加入だったLINEに登録しましたよ……。

この手のボタンで定番どころのFacebookは個人的に好きじゃないので設置しませんでした。Google+はそもそも利用者がいるのか謎なのでスルー。ThmblrFeedlyはユーザーは多いだろうけどボタンは別にいらないかな。あと、WPtouchではいつの間にか対応していたPinterest、このサービスを利用している人ってどのくらいいるんでしょうね。物珍しいので設置しとこうかとも思ったけどやっぱりやめました。

細かいところではスマートフォンで押しやすいように1カラム時にはボタンの表示をちょっと大きくしています。

Webフォントを導入しました

通常、ブラウザはパソコン内に保存されているフォントを使ってサイトを表示します。しかし、それだとサイト側がいくらかっこいいフォントを指定したところで、その人のパソコンにインストールされていなければ適当なフォントで表示されてしまい、思ってたのと違う画面になっちゃうんですね。その点、Webフォントはサーバー上にフォントファイルごと上げて、それを使って表示してもらうようにするので、どのパソコンからでも指定したフォントで思ったとおりの表示ができるというメリットがあります。

今回、そんなWebフォントをヘッダーのタイトル表示に使ってみました。使用フォントはGoogle Fontsで公開されているFredoka Oneというフォントです。丸みがかわいい感じです。Google Fontsは自前でフォントファイルを用意しなくても使えて便利な上、人気のフォントは各地で使用されているため、既にブラウザにキャッシュされていればサイト表示時間の短縮にもなるそうなので一石二鳥です。

また、Webフォントをアイコンとしても使用しています。これのメリットはスマートフォンで見たときにあるんですよね。画像だと拡大するとギザギザしてしまいますが、これだとどんなに拡大してもきれいなんですね、フォントだから。他にも色を簡単に変更できるなどの利点もあります。

前述のソーシャルボタンもWebフォントです。アイコン型のWebフォントとしてはFont Awesomeが有名で種類も豊富なんですが、日本のWebサービスのアイコンはあまり登録されていないようなので今回は使用せず、日本製のLigature Symbolsと、IcoMoonというサイトを利用しました。

IcoMoonについて

こちらは元々登録されているWebフォントを選択して利用することもできますが、オリジナルの自作アイコンもWebフォント化することができるんですね。

ブログのデザインでも使用している「Webフォントアイコン」を本当にオススメしたい!(ドウラクさん)

こちらのサイトによると、IllustratorなどでSVGファイルを作成すればOKと、さも簡単そうに書いていたので僕も適当に検索して出てきたInkscapeというドローソフトをダウンロードしてアイコン作りにチャレンジしてみましたよ。以下作ったWebフォントです。

まずは動画サイトniconicoのアイコン、ニコニコテレビちゃんです。

これは楽天のアイコンです。う~ん、Rです。

こちらは「7」のアイコンですね。いつ使うんだって話ですが、アフィリエイトとかで使えるかなと。

そして最後はこれ、今回新しく作ったファビコンをWebフォントにしてみました。せっかく作ったのでサイドバーのリストの丸として使おうかと思ったけど、目が散るのでやめました。

引用にも

他にはこんなところにもWebフォントを使ってみました。

あの世へ行ってみませんか どうせこの世は生き地獄
苦しみだらけに 悩みだらけ 受験地獄に交通地獄

生き地獄 生き地獄

あの世へ行ってみましたが どうせあの世も生き地獄
退屈だらけに暇だらけ とてもやりきれない所です

死に地獄 死に地獄

(中野正次「生き地獄」より)

引用文の背後にダブルクォーテーションマークを配してみました。前までは縦線だけだったので、少しは引用だと分かりやすくなったかも。

その他の調整点

他にもこんな調整を行いました。

タグクラウドの文字を均一に

8年前、最初にこのテーマをカスタマイズしたときに目指したのは「バタくささの排除」でした。今でこそそういう雰囲気は薄まっていますが、当時のWordPressのテーマはどれもこれも欧文が乗ることを前提としたデザインのものばかりで、日本語とのちぐはぐ感が半端なかったのでした。そこで特有の欧米っぽさを排除すべく最初にやったのが、メニュー関連の日本語表記です。日付などが日本語表記になっているのはそのためです(ちなみに一部英語表記が残っているところは注目度の低い箇所で、敢えてそこへ目を向けさせないために残しました)。

あとはフォントサイズの統一です。見出しに特大フォントを使うのってアルファベットだとかっこいいんだけど、日本語だとなんか微妙に感じたんですよね。なので見出しも本文と同じサイズにして、その分幅を取って目立たせることにしたのでした。

タグクラウドはフォントサイズが機能的な意味を持つ箇所なので少し調整してそのままにしておいたんですが、今回、そこも均一サイズに統一してしまいました。一応色でも判別できるのでいいかなと。

ページのトップへ戻るボタンの設置

ブログでよく見る右下のやつですね。これまでのスマホ向けページは最新エントリーのタイトルだけが並ぶようになってましたが、今度からは全文表記になります。その下にサイドバーのメニューまで続くことになり、更に今回のような長すぎるエントリーまで書くので、すごく縦長になっちゃいました。一応その対策としての設置です。

でもさすがに長すぎなので見直した方がいいかもしれません。

ボタンには「TOP」ではなく「UP」と書いています(フォントはヘッダータイトルと同じFredoka One)。正方形がいいなと思ったので……。Webフォントのアイコンにしてもよかったんだけどね。

見出しのデザイン変更

↑こういうやつのデザインです。実は今までまったくと言っていいほど使っていませんでした。でも本当は文章の読みやすさを考える上で必須の機能です(人だけじゃなく検索ロボット相手でも)。

見出しをちゃんと使えるようにならないと、というのは長年の懸案事項でもありました。てなわけで使いやすいデザインに変えてみた……んだけど、この小見出しは単なる太字ですね。しょぼい……。

「最近のトピックス」の2行目の文字を字下げ

これは地味すぎる修正点なので最初の方に掲載した変更前の画像と見比べてもらえれば一目瞭然なんですが、記事タイトルの2行目がリストの●の方まで行ってるのを修正しました。これが変だと8年間全然気がついていませんでした……。他にもそういうのいっぱいありそう。

ヘッダーの画像を変更しました

これは調整作業中に仮に置いといたものだったんですが、その間何度も見ているうちに妙な愛着がわいてきたのでそのまま採用することにしました。でもなんか、自分っぽい画像なのでお気に入りです。

背景画像を変更しました

これまでブログの背景に斜線の画像を乗せていたんですが、今回は横線になりました。しかもこれは画像ではなくスタイルシートでやっています。ということで、記事内以外で画像を使用している箇所はヘッダーだけになりました。

以上です。

そんなわけで、むちゃくちゃ長く解説してしまいましたが、だいたいこんな感じの微調整でした。この調子で「メディア芸術祭」の感想もUPできればと思うのですが、どうもこのまましばらく燃え尽きてしまいそうな気配がします。

最後にこのエントリーを投稿後、いろんなデバイスでちゃんと表示されているか確認して今後のことでも考えていきたいと思います。それでは、また。

MEMO

■先週まで開催されていた「第19回文化庁メディア芸術祭」の受賞作品展を今年も見に行ってきました。せっかくなのでいつものように感想を書き綴ろうと思っているんですが、ふと、過去にどんな感想を書いたのか確認してみたくなりました。

以下、過去ページへのリンクです。
 

ほんとにはやいなー(2014.2.27)…シンポジウム「想像力の共有地」の感想だけ書いて、展示作品については触れずじまい。
第15回文化庁メディア芸術祭に行ってきた(2012.4.3)…この年は受賞作品についてちゃんと感想書いてます。
メディア芸術祭はじまるよ~(2012.2.22)…開催前の、気になる併催イベント紹介エントリー。
第13回文化庁メディア芸術祭 功労賞受賞者シンポジウムに行ってきた(2010.2.6)…任天堂の宮本さんが登壇したシンポジウムの内容を紹介。受賞作品には触れず。
第12回文化庁メディア芸術祭に行ってきた(その1)(2009.2.15)…受賞作品の感想。続いてシンポジウムの感想を書くと予告しておきながら書かず。
第11回文化庁メディア芸術祭に行ってきた(その2)(2008.2.21)…アニメーション部門とマンガ部門の感想。
第11回文化庁メディア芸術祭に行ってきた(その1)(2008.2.10)…アート部門とエンターテインメント部門の感想。この年から会場が国立新美術館になっています(それまでは東京都写真美術館)。

↓ここからはブログ化前に書いた文章です。
キャラクタートピックス 2007.3.6…神谷英樹さん、辻川幸一郎さん、石原恒和さんが登場したシンポジウムの内容と、受賞作品の感想。
キャラクタートピックス 2007.2.20…開催前の受賞作品紹介。
キャラクタートピックス 2006.2.28…ざっくりとした感想と、川本喜八郎さんと山村浩二さん出演のシンポジウムを見てきた報告。
キャラクタートピックス 2005.3.6…こちらもざっくり感想。
キャラクタートピックス 2004.3.6…この年初観覧。こまねこを見て泣きそうになった報告。
 

2015年と2011年は何も書いてなかったけど、ちゃんと行ってます(2015年は感想書かずにハンバーガー食べた報告だけ、2011年はなぜか前年書けなかったデイヴィット・オライリーさんについて書いてました)。他の年も部分的にしか触れていなかったりするのがありますね。気持ち悪いので、今更だけど遡って感想書いた方がいい気がしました。こんなに毎年ちゃんと見に行っているイベント他にはないですし。

とりあえず今年の分書かないとな~。

MEMO

■あけましておめでとうございます。今年は年明け早々芸能ニュースがすさまじいですね。今のところあの件もあの件も、決着の行方が不明な感じだし、しばらく見守っていきたいと思います。

えーと、年末年始はいつものように実家に帰っていたんですが、1年たつとちびっ子も大きくなっていたりして、月日の流れに驚かされます。

帰省中はだいたい家から出ないか、行ってもその辺のスーパーとか新居浜のイオンモールくらいにしか出かけないのですが、今年はどういうわけか高知の日曜市に行くみたいなことを言い出したので僕もついていったのでした。

日曜市の様子
▲日曜市に行くのは20年ぶりくらいでした。

いちご
▲いちごも安い。

ひろめ市場
▲人気の観光スポット「ひろめ市場」。活気がすごかったです。

高知城
▲そして高知城にも行きました。いい天気。

アイスクリン
▲高知と言えばアイスクリン。

カツオのたたき
▲そしてカツオのたたき。

そんな感じで久しぶりに家族で観光な感じが楽しかったです。
 

そして、家にいるときはだいたいテレビの正月番組を見てるんですが、ここ数年はわざわざ東京からWii Uを持ってきてみんなで遊んだりもしてるんですね。一昨年はなぜか「レゴシティ アンダーカバー」が大ブレイクして、みんなでずーっとやってました。今年はソフトも増えてどうなるかなと思ったら、意外なものがブレイクしたのでランキング形式で紹介します。

4位 「ラビッツランド」
Wiiで人気だったラビッツのパーティゲーム。正直言ってゲームのつくりとしてはかなり雑な作品だとは思うんですが、みんなで遊ぶとそこそこ盛り上がりました。ただ操作が独特で慣れないミニゲームが多かったかな。姪がラビッツを見て「ミニオン」みたいと言ってたけど、僕もそう思ってました。雰囲気が似てるよね。

3位 「ニンテンドーランド」
Wii Uと同時発売された任天堂作品をモチーフにしたミニゲームがいろいろ遊べるパーティーゲーム。「マリオチェイス」と「どうぶつの森 キャンディーまつり」が人気だったかな。モンバンさんを操作するときのあたふた感が楽しかったです。

2位 「スプラトゥーン」
最初は甥と対戦で遊んでみたんだけど、PROコントローラで遊ぶのが初めてだった僕は大苦戦! その後、ナワバリバトルを遊んでもらったところすっかりはまってしまったようで、ランク10になりガチバトルで遊ぶようになると更に夢中になり「これ(ガチバトル)はオレのゲームだ!」なんて言う始末。「このゲーム作った人すごいね!」と賞賛の言葉を並べていました。
甥は基本的に僕よりもだいぶゲームが上手なんですが、「オレのゲーム」なんて言うだけあって、スプラトゥーンの上手さには目を見張るものがありました。最初から僕より上手かったもん(笑)。

1位 「GAME & WARIO」
「メイドインワリオ」のチームがWii U向けに作ったミニゲーム集ですが、その中の「スケッチ」がやたら盛り上がりました。1人がゲームパッドに絵を描いて他の人が何を描いているか当てるというだけのシンプルな遊びなんだけど、ばかばかしくて何回やってもみんなで大爆笑。ルールも簡単なので3世代で遊べました。

あとは「ドラクエ10」の様子を見せたかったんだけど、始めてすぐに夕食の時間になってしまって全然見せることができなかったことだけが悔やまれます。また来年かなぁ。

 

みきゃん売り場

話は変わって、愛媛県のキャラクターと言えば「みきゃん」ですが、もうすっかり町の雰囲気に溶け込んでいるというか、定着した感がありました。

手帳のみきゃん
▲えひめ県民手帳の表紙にも登場してました。すだちくんバージョンがある徳島県には負けるけど。

手帳に掲載されていたみきゃんプロフィールによると誕生日は2011年11月11日でワンワンワンワンの日とのこと。

妹「なんでワン?」

僕「そりゃあ、みきゃんって犬だし……」

妹「え? 犬なの!?」

僕「そうだよ。今まで何だと思ってたの」

妹「みかん」

僕「……」

ということで、まだそこまで定着していないようです(正確に言うと、みきゃんはみかんと犬をモチーフにしたキャラなので間違っているわけではないですが……)。

実家のある四国中央市のキャラクター、「しこちゅ~」も何気に知名度を上げている様子。写真に撮れなかったんだけど、道沿いにしこちゅ~のイルミネーションなんかもあったりしました。いつか生で見てみたいけど、お正月は稼働がないみたいなのが残念です。

しんじょう君グッズたち

あと、僕が好きだと言っていた「しんじょう君」のグッズをいっぱいもらいました。昨年はゆるキャラグランプリ4位だったしんじょう君ですが、今年は上位3位のキャラたちが軒並み立候補しないらしいので、次こそグランプリが狙えるのでは!? と密かに期待しています。がんばれ、しんじょう君!

MEMO

■こんばんは。いつの間にか今年ももう終わりですね。あーあ。1年前に今年はいろいろやるみたいなことを書いた気もするけど、自分でもびっくりするほど何もできなかった自覚だけはあるので、なんて書いていたか確かめるのはやめておきます。

でも地味に最低月1回更新しておいたおかげで、右列のアーカイブの欄を見るとあたかもちゃんと更新しているかのように装うことができました(我ながらしょぼい作戦だ)。

来年は月1を月2にできればいいですね。そしてもうちょっとキャラクターのことを書ければいいですね。あとね、何年か前にここで謎の4コマ漫画を連載していた時期があったんですよ。あれ途中で止まっているのでいい加減完結させたいと思いました。あ、また絶対来年の今頃後悔しそうなこと書いてしまった。まあいっか。

それにしても年末のテレビはいつも以上にスマホゲーのCMが怒濤のように打たれてますね。コンシューマゲームももっとがんばれ~。