投稿者アーカイブ

某合唱団の練習を見学(体験)してきました

連載はまだ終わっていないのですが、ちょっと一休みです。

先日、息子の所属合唱団の父母の会総会があり、今年度の新体制が発表になりました。

私は今年も渉外・宣伝係を仰せつかり、基本はweb関係を担当するのですが、昨年は同じ係の中でも先に役割分担があって、それ以外は預かり知らないような状態だったので、今年は最初に顔合わせをして、全員で情報を共有しましょう、ということになり、その顔合わせ兼打ち合わせがありました。

いやいや、私は二年目だと言うのに、この係の守備範囲の広さには驚くばかりでした。それこそ、自分が関わった仕事であってもピンポイントにしかわかっていなくて。

でも、今年は熱心なメンバーが集まったし、情報共有の手段も確保したので(具体的にはFBのグループとドロップボックスでのファイル共有)、今年はもう少し他の仕事にも関われるかなぁ、という感じです。

さて、本日の本題はここからです。相変わらず前置きが長いですね…。

午前中から集まって結局ランチタイムまでかかって打ち合わせ。その後流れで雑談になってしまい、気がつくともう昼下がり。

その日はこの合唱団の母たち(OBの母含む)の合唱団が練習するというので、見学させてもらうことにしました。

この母たちの合唱団には、もう何年も前から興味津々だったのですが、基本仕事のある日で、通うには少し遠いし、費用もそれなりにかかる、というのでずっと遠巻きに眺めていたのです。

こんなタイミングはなかなかないので、たぶん入れないけれど今回だけでも、と練習に参加させていただきました。

こちらのご指導は昔息子が低学年の頃にお世話になったソプラノ歌手のS先生。

本来は息子の団の団長先生がなさっていたはずですが、今はすっかりお忙しくなってしまわれたので、代わったのでしょうね。

そのせいか、扱っている曲も、普通の邦人作曲家による女声合唱曲でした。確か、子供たちが歌っている宗教曲を、母たちも歌って理解しよう、というのがコンセプトだったような気がするのですが…。まぁ、指導者が代われば方針も変わるのでしょう。

以前はもっと人数も多かったはずですが、今は10人程度だそうです。この日の練習は私を入れても8人。三部合唱には厳しい人数です。

内容は、呼吸⇒発声⇒コンコーネ50番(!)⇒曲という順番でした。

それでも、さすがS先生はプロですね。

発声にしても曲の指導にしても、的確ですし、わかりやすいです。

少人数なので、ヴォイトレのグループレッスンを受けているようでした。

そして合唱曲。

今回はソプラノに入れていただきましたが、現代曲だけあってなかなかの難曲。特に和音が複雑で、メゾやアルトは音を取るのも大変そうでした。

私自身は、お隣に合唱の大ベテラン、Tさんがいてくれて助かりました。

それでも、フレーズの流れは素直で歌いやすく、息が足りなくなることもなく、あぁ、オペラアリアに比べたらなんて易しいのだろうと感じてしまいました。

久々に合唱をしてみて、みんなで声を合わせて歌うのは楽しかったです。やっぱり、合唱、好きですねぇ。

メンバーの皆さんは良い方ばかりで、当然熱烈なお誘いも受けました。

入れるものなら入りたい気はするけれど、後で冷静に考えると、難しいんですよね。遠いし。

まぁ、ここは息子が卒団しても続けられるところなので、もう少し先に行ってから考えてもいいかな。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(6)~phpファイルの読み込み

前回『後述します』と書いた「init.php」の読み込みについて書いておきます。

これは、Net_User_Agent_Mobileが判別した携帯キャリアによって条件分岐し、一部のヘッダ記述を書き分ける、というものです。

このinit.phpはこちらの記事の通りに作成し、ウェブサイトのインデックステンプレートとして保存し、その後各携帯ページより読み込むわけですが。

init.phpの場所がウェブサイトのルートになるわけで、読み込む際のパスもそのファイルのある場所によって変わってきます。

例えばルート直下の「m」フォルダにある記事から場合は

<?php
// lib/init.phpを読み込み
require_once dirname(__FILE__).’/../lib/init.php';
?>

で良いのですが、各ブログにあるファイルはさらに一段下がるので、この部分が

<?php
// lib/init.phpを読み込み
require_once dirname(__FILE__).’/../../lib/init.php‘;
?>

となります。

まぁ、これも各テンプレートはそれぞれ名前を定義してあるので、「携帯用ヘッダー」モジュールの中に条件分岐でまとめて書いてやれば良いわけです。

MTタグとphpコードが入り組んで見た目はなかなか複雑になっていますが、実際の作りそのものはずいぶん簡略化されていると思われます。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(5)~自動振り分け

前回というより3回くらい前の続きです。

PEARのライブラリ「Net_User_Agent_Mobile」をインストールしたところで、振り分けのためのphpファイルを作成します。

作業としては、ドコモ・au・Softbank、それぞれ文字コードを一番適正なものに設定してやること、そして、ドコモでCSSを使うためにHTTPヘッダーの「Context-Type」を置き換えてやることです。

ここに関してはこちらのページを参考にさせていただきました。

文字コードはドコモとauをShift-JIS、SoftbankをUTF-8に設定します。

リンク先のページにある通りにinit.phpを作成し、各携帯用テンプレートから呼び出せるようにしておきます。この部分はまた後述します。

また、携帯でPC用ページにたどり着いてしまった時に自動で携帯用ページに誘導する設定ファイルも作りました。

これは参考までにコードを書いておきます。

<?php
// Net_UserAgent_Mobile読み込み
require_once ‘Net/UserAgent/Mobile.php';
$userAgent = Net_UserAgent_Mobile::singleton();

// キャリアごとの設定
if ($userAgent->isDoCoMo()) {
header(‘location:m/index.php’);
} elseif ($userAgent->isEZweb()) {
header(‘location:m/index.php’);
} elseif ($userAgent->isSoftBank()) {
header(‘location:m/index.php’);
}
?>

このphpをカスタムインデックステンプレートとして保存して、PC用のすべてのページから呼び出すようにしました。

というのも、PC用のページは基本すべてウェブサイト、若しくはブログのルート直下にあるのため、携帯はすべて「m/index.php」に飛ばす設定にしておけば迷子にはならないことになります。

ただ、アーカイブのURLをもっと複雑にしてある場合は、いっそのこと、全部サイトトップに飛ばすでも良いかもしれません。それには、locationの後にサイトトップの絶対URLを入れてやればOKです。

なお、 「header(‘location:xxx.php’);」の記述は、その前にhtmlのタグ等があると動作しないので、このphpの読み込みは、テンプレートの一番上に持ってくる必要があります。

とにかく、PCページにたどり着いてパケットを大量に受信した上に表示できない、という現象はこれで避けられると思います。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(4)~アーカイブテンプレート

前回から続いています。

さて、アーカイブページの設定についてです。

ブログにしてあるものについては、『必要項目をカスタムフィールドで用意』⇒『それらを呼び出して組み合わせるテンプレートを作成』⇒『同じ形式の記事ページが複数出来る』という形のため、テンプレートをPC用と携帯用の二種類用意し、どちらも基本同じ内容だけれどレイアウトを変えて出力する、という形をとりました。

PCの方はCSSは基本すべて外部ファイルに記述しており、classやidを駆使してデザインを決めています。特に、CSS3では角丸やシャドウ、グラデーションなど表現の幅が広がっているので、CSSだけでかなりいろいろなことができます。

でも、携帯ではドコモのおかげで外部CSSが使えないため、CSSの記述もインラインで(各タグの中に「style=””」という形で)入れる必要があり、内容の並べ方も変わってきます。対応していないプロパティもありますので、なるべくシンプルに記述していく必要があります。

なので、新しいアーカイブテンプレートを作り、マッピングのパスを「m/%-f」としました。当然、優先はPC用です。(私が指定したPC用のアーカイブマッピングパスは「%-f」です。ちなみに、%-fの意味は、「出力ファイル名.拡張子」です。詳しくはこちら参照)

なお、リンクを張る時、<$mt:EntryPermalink$>は優先されるテンプレートに割り当てられますので、携帯のページURLは「<$mt:BlogArchiveURL$><$mt:FileTemplate format=”m/%-f”$>」となります。

それとは別に、ウェブページを数ページ用意していました。

これは、単独で完結する内容で、あまり動きのないもの、という認識なのですが、mtevalモディファイアのおかげで、ページ本文にMTタグが普通に使えるようになったこともあり、昔だったらインデックステンプレートにしてしまうような内容を個別ページに出来るようになりました。

なので、このウェブページはウェブサイト直下に置いたのですが、「規約」のような独立のページ以外は、結構各ブログからパーツを引っ張ってきて作っており、本文と言いながら一部の内容は『記事テンプレート』状態になっていました。

これでは、CSSの縛りもあり、同じ内容からテンプレートだけを変えて2種類出力する、というのも無理がありました。

なので、携帯用ページは別に作ることにしました。

その際、フォルダを「携帯用」として作成し(フォルダ名は「m」)、それぞれ内容を携帯用に特化させて保存しました。

もちろん、テンプレートそのものも分けないといけません。パーツもすべて変わってしまうので。ただ、ウェブページテンプレートを複数作るのは違います。何しろ、一記事に対して一ページできれば良いのですから。

そこで、ウェブページテンプレートの内容はすべてモジュールにしてしまい(PC用ウェブページ・携帯用ウェブページ)、携帯用フォルダに入っているかどうかで条件分岐して呼び出す形にしました。

ちなみにウェブページテンプレートの内容です。
たったこれだけです。

<mt:IfFolder name=”携帯用”>
<$MTInclude module=”携帯用ウェブページ”$>
<mt:Else>
<$MTInclude module=”PC用ウェブページ”$>
</mt:IfFolder>

まぁ、これは構造が単純でページ数が少ないからできたことではあります。

とりあえず、これで携帯用ページを生成する準備ができました。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

時代は進んでますね

MTOSの作業について長々書いていますが、閑話休題。

ようやくMTOSでひとつサイトを完成させたものの、いろいろ調べてみると、時代は進んでますね。

WordPressが全盛なのはわかっていましたが、今新しいCMSもどんどん出てるんですねぇ。
MTとかもう化石っぽい(汗)。

まぁその昔、まだWindowsがない頃、MacよりMS-DOSの方が取っつき易かった私には、きっとMTが合ってるんだろうな、と思わないでもないですが。
(基本的に、中が何も見えないブラックボックス的なものって苦手なんです)

それでも、小さいグループや若い人個人のサイトなどにJimdoが増えてるな、というのは感じてました。考えてみたらあれもCMS。広告は気になるけど、良くできてます。

で、調べてみたらまだまだいくらでもある。

自分がいつまで関われるかわからないボランティアのサイトは、もっと直感的に操作できるCMSを開拓するのが良いような気がしてきました。

MTだと達成感はあるんだけど、それなりの規模のサイトを作ろうとすると、正味で数カ月はかかってしまいますからねぇ。

年齢的に厳しいものはありますが、少しは時代に追いついていかないと、仕事にあぶれてしまいそうです(笑)。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(3)~テンプレート作成

前回の続きと行きたいのですが、phpファイルを作る前に、用意する携帯用テンプレートについて触れておこうと思います。

基本的に、各メインページはすべて、インデックステンプレートとして「携帯用メイン」というテンプレートを作り、出力ファイルを「m/index.php」としました。

その中で、すべてに共通するモジュールとして「携帯用ヘッダー」「携帯用フッター」、「携帯用バナーヘッダー」「携帯用ナビゲーション」の4つを用意しました。

「携帯用ヘッダー」にはDOCTYPE宣言およびhtmlのheader部分を入れました。

その中の「title」タグは、各テンプレートの頭に入れたテンプレートの名前によって変化するよう、条件分岐をしてあります。

ちなみにこんな感じ。

<title>
<mt:if name=”m-webmain”><mt:ignore> ウェブサイトメイン</mt:ignore>
<$mt:WebsiteName encode_html=”1″$>
<mt:elseif name=”m-blogmain”><mt:ignore> 各ブログメイン</mt:ignore>
<$mt:BlogName encode_html=”1″$> – <mt:BlogParentWebsite><$mt:WebsiteName encode_html=”1″$></mt:BlogParentWebsite>
<mt:elseif name=”entry-archive”><mt:ignore> 各ブログエントリー</mt:ignore>

<$mt:EntryTitle$> – <$mt:BlogName encode_html=”1″$> – <mt:BlogParentWebsite><$mt:WebsiteName encode_html=”1″$></mt:BlogParentWebsite>
<mt:elseif name=”page-archive”><mt:ignore> 各ウェブページ</mt:ignore>
<$mt:PageTitle$> – <$mt:WebsiteName encode_html=”1″$>
<mt:else>
</mt:if>
</title>

そしてバナーヘッダーには<body>タグの開始からタイトル画像の指定、サイトメインのみ、サイトの説明文を入れる、という内容を。

ナビゲーションはPCとは違い、頭の方に入れるとそれだけで画面が塞がってしまうので、内容の後に表示されるようにしました。トップから各ブログのメインページおよびウェブページへのリンクを入れてあります。

ここで携帯ならではの絵文字を使ったアクセスキーを入れたのですが、この部分はまた改めて書きます。結構ややこしいので。

フッターには<hr />およびコピーライト表示を。

そして、バナーヘッダーとナビゲーションの間に、各ページのコンテンツを入れていきます。

アーカイブページの扱いについては長くなったので次回に回します。ただ、内容構成の仕方はメインと同じです。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(2)~PEARインストール

前回の続きです。

だいたいの構成は決まりましたが、ガラケーの場合、キャリアによってHTMLやCSSの対応がまちまちで、完全に対応させようと思ったらそれぞれに対応ページを作らないといけません。

さすがにそれでは労力がかかりすぎます。

なので、ガラケー用ページは一本にまとめ、個別に対応が必要な部分はphpでその都度書き換えてもらうことにしました。

この際、PCページからの振り分けもすべてphpで対応してしまいたい、ということで、PEARのNet_User_Agent_Mobileというパッケージを使うことにしました。

と言ってもphpは素人同然の身なので、PEARが何なのかもわかっていないのですが…。

まぁ、言ってみれば便利なツールをいろいろ開発して提供してくださっているプロジェクトとでも申しましょうか。私のような末端ユーザーは恩恵にあずかるばかりで、本当に感謝するしかない状態です。

とにかく、このNet_User_Agent_Mobileを使うと、アクセスしてきた端末が携帯なのかそうでないのか、どこのキャリアなのかを判別してくれるので、それぞれに変数などを格納して対応できるようになるという訳です。MT(MTOS)で条件分岐に関してはいろいろ勉強していたのが少しは役に立ちます。

pearのインストールは、技量の関係で難しいことはできないので、こちらのサイトを参考に、go-pearというツールを使って自動で行いました。

これで本体をインストール後、Net_User_Agent_Mobileを指定してインストール、無事準備完了です。

本来このPEARフォルダは、wwwより深い場所にインストールして、外から見えなくしないといけないのですが、ブラウザを使う都合で、wwwより下の、誰でもアクセスできる場所にインストールしてしまいましたので、インストール後はコントロールパネルで外からのアクセスをできなくなるよう設定しました。

参考までに、私の場合を書いておきます。

使用サーバーはさくらインターネットのスタンダードコース。

「ファイルマネージャー」の「ウェブアクセスの設定」「接続元によるアクセス制限」で「非公開にして一部のアクセスを許可」を指定。許可リストに自分のIPアドレスだけを入れました。これで、社内以外からは存在が見えなくなるはずです。(実際URLを公開していないので社内の人も見ることはないでしょう。)

このNet_User_Agent_Mobileを使って、PCサイトと携帯サイトの振り分け、および、携帯サイトの中で文字コードの指定、およびhttpヘッダをドコモの場合のみ置き換える、などの作業を自動でやってもらうことにしました。

この辺りの詳細はまた次回に回します。この連載、何回続くか恐ろしくなってきました…。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

MTOSサイトで携帯対応まとめ(1)~構成を決める

MTOSでサイトを作り始めて約5カ月。

あれこれ試行錯誤しながら3カ月ほどでPC版をほぼ完成し、その後携帯版に取りかかるまでしばらくかかり、ここ1ヶ月くらいでぼちぼちエンジンがかかってきて、ようやく公開にこぎつけるところまでやってきました。

携帯版に関しては、ドコモとアメブロに少々振り回されました。

この間、いろいろつまづいたり発見したりがあったので、覚え書きとして書いておこうと思います。(あくまでも私の場合です。もっと良い方法があったらぜひ教えてください。)

PC版をすべて一旦完成させたところで、まず携帯版をどういう形で作るかを考えました。

現在はもう携帯と言えばスマホが主流ですが、まだまだガラケーも切り捨てるには早い状態です。特に、該当サイトにやってくる人はガラケーが多そうです。

スマホならPC版を見ることができるので、いずれ専用ページを作るとしても、まだ後回しでも大丈夫。やはり問題はガラケーです。

画面も狭いしCSSの対応もまちまち。PC版のHTMLはそのままではとても使えません。

という訳で、ガラケー対応のテンプレートを一通り作り、できれば自動的に誘導できる形にしようと思いました。

基本的に、現在のURLの下に「m」フォルダを作り、そこに生成する。(http://website/m)

でも、今回のサイトは複数ブログを使っており、サイトの下にあるブログの場合、「http://website/blog」となっているので、このwebsiteとblogの間に「m」を挟むのは難しくなります。

なので、ここは割り切って、ブログの方は、ブログの中でさらに「m」のフォルダを作り、「http://website/blog/m」の形で携帯サイトを生成し、それぞれをリンクでつなぐことにしました。

とりあえず、構成は決まりました。

簡単ですが、図を作ってみました。(あまりにもやっつけなので、後で差し替えるかもしれません…)

m-sitemap

この薄いピンクの部分が携帯用部分で、濃いピンクの四角で囲った「m」がそれぞれのトップページ、「m-TOP」が携帯サイト全体のトップページになります。(wpは「ウェブページ」です。)

各ブログへのトップページには、全体のトップページからメニューを作ってリンクします。

次は、各キャリア対応ですが、長くなりましたのでそれは次回。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

Facebookその後

Facebook(以下FB)を使い始めて約1ヶ月ほど経ちました。

この間、いろいろ試行錯誤したので、少しとりまとめてみます。

一番頭を悩ませたのは「公開範囲」の問題。

いや、新規に投稿する際は、それぞれ自分で細かく設定できるのでいいんです。

ちなみに、「公開」「友達」「知り合い以外の友達」「友達の友達」「カスタム」等。
以下に私の理解を載せるので、間違っていたらご指摘ください。

『公開』はいわゆる全体公開。全世界から普通に見える状態。また、『友達』の中でも『制限』設定をした人はここしか見られないそうです。

『友達』は友達登録した人全員(「制限」を除く)。

『知り合い以外の友達』は、友達の中でもそれほど親しくない人を『知り合い』として設定できるので、その人たちを除く友達。

『友達の友達』は文字通り、自分の『友達』の『友達』まで。交友関係の広いお友達がいると、ハンパなく拡散しますね。

あとカスタムはかなり細かく設定できます。一部の人だけ避けたり、一部の人にだけ見せたり。それには、「カスタムリスト」を作っておくと後でいろいろとラクです。

とまぁ、こうやって書いてみると、実名主義という以外、mixiとあまり変わらないかもしれません。(友達の中に、友達として残したまま「制限」というリストを作れるのはちょっと違うかな。)

でも、ここで全然違うのが「いいね」ってやつです。

「いいねボタン」はネットのあらゆるところに転がっていて、共感したら押したくなるわけです。

ところがこの「いいね」は、元の投稿が公開情報だったりすると、友達のニュースフィードに無条件に「かれんさんがいいねしました」と載ってしまう訳です。

ここはmixiの「イイネ」とは全然違いますね。あちらは何をイイネしたのか、自分でも覚えてませんから(汗)。

もちろん、相手が私の「いいね」やコメントを非表示にする設定をしてあれば問題ありませんが。

自分のタイムラインに関しては、見られたくない「いいね」やコメント等を自分以外に見えないようにすることが可能です。が、友人のニュースフィードに載ってしまうかどうかは、ひとえに相手が私のアクティビティを表示させているかどうかにかかっている、という意味で他力本願な訳です。

なかなかスリリングですね。あまりややこしい事柄には首を突っ込まないに限ります。

あと、危険なのは『写真のタグづけ』と『シェア』ですが、これに関してはまだ良く分かっていない部分があります。とりあえず自分の理解の範囲で。

写真に関してはあまり写ることがないので気にしてません。

『シェア』に関しては、『見ることのできる投稿はシェアできる』みたいですね。シェアを禁止することはできないのかな。何しろ、友人ではない人の投稿で、コメントやいいねはできなくても、シェアのリンクだけは残されていますので。

ただ、昔はともかく、今は自分の許可していない範囲には拡散出来ないようになっているようです。

という訳で、自分として気をつけるべきは、不用意に「いいね」を連発しないことかなぁ。

まだまだわからないことはありますが、それなりにFB生活は楽しんでおります。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt

発表会まで3カ月

声楽のレッスンは、今回も現地集合ということで、私の方が先に着いて先に始めました。

今回たぶん夫は遅れてこないだろうということで、発声は軽く流し、すぐに曲のレッスンに入りました。

私としては前回さらえなかった「ぶってよ、マゼット」を先に、と思っていたのですが、先生と会話の行き違いがあってまたもや先に「恋人よ、さあこの薬へ」を。

いつも言われることは意識しているのですが、やはり同じことを注意されてしまうのは、それがとことん身に着いてしまっているからなんでしょうね。

響きが落ちてしまう(下側についてしまう)、出だし(休符明け、ブレス明け)でオーバーブロウしてしまう。

もう、これに尽きるのです。

だからと言って、出だしで慎重になりすぎて息が混じりすぎると息が足りなくなり。

この辺の加減が難しいです。自分の感覚が当てにならないので、練習してきたところで結局元の木阿弥だし。

とは言え、一応もう最後まで通して歌えるようにはなっていて、歌詞も楽譜を追いかけずともほぼ入っています。なので、息の使い方、響きの付け方に気持ちを集中して行けば、少しずつは改善される、かな。

もう一曲の「ぶってよ、マゼット」。

前回よりは歌詞もだいぶ入ったし、早口言葉も練習したので舌も回るようになっていました。

また、高いところから始まる下降音形なので、「Vedrai~」よりも響きが落ちにくく、「あなたの声に合ってますね」と言われました。

ふむ、長いし難しそうなのでちょっと敬遠気味だったけど、思っていたよりラクかも。(←我ながら単純です。)

とりあえず最後までなんとか歌い切り、最後の歌詞が楽譜と慣例とちょっと違ったので、良く歌われているパターンに変えることを決めて、今回は終わり。

まだもう一つ、難関の二重唱が控えているので、早いところ暗譜してしまわないといけません。

何しろ、月2回のレッスンで、残りは3カ月余り。まだ手つかずの曲がある時点でヤバいです。

次回までには二重唱も一通り楽譜を見て行かないと…。なかなか慌ただしくなってきました。

ブログランキング・にほんブログ村へ
にほんブログ村

Twitt