カテゴリー : PC・ネット

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ヘッダをドコモの場合のみ置き換える、などの作業を自動でやってもらうことにしました。

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

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

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は「ウェブページ」です。)

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

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

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

Facebookその後

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

MTで複数ブログをまとめて再構築

MTOSで作っているサイトは、PC版がほぼ完成に近づいてきました。

結果的に、ウェブサイトの下に4つのブログがぶら下がった形になっています。

本来ならそんなにブログは必要ないのかもしれませんが、できるだけ入力する際の混乱を避けるため、入力用テンプレートを分けることを考えたらこうなってしまいました。

もちろん、出来あがるページのテンプレートを、同じブログ内ではPC、携帯各1パターンに抑えたいということもあります。

この場合、入力は良いのですが再構築が大変です。

ウェブサイトのモジュールやウィジェットなど、すべてに共通する部分を変更したり、複数ブログにまたがって表示する項目を入れたりした時に、それぞれのブログを一つ一つ再構築していくのはかなり面倒です。

現在は全体を再構築するためには、ウェブサイトを含めて5回の再構築が必要です。
私自身が管理している間は面倒だけれどなんとかなるとして、手放した時に、果たしてそこまで誰もが忘れずにやってくれるか、というと疑問です。

これを何とかまとめて再構築する方法はないものかと思ったら…。

やっぱりありました。

「QuickRebuild」です。

これをインストールすることで、ボタンひとつですべて、または任意のブログを一度に再構築できます。

手間だけでなく、時間的にも大幅に短縮。いつものことながら、開発者の方には感謝、感謝です。

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

facebook、使い始めました

超! 今更ですが、facebookを少しずつ使い始めました。

以前からアカウントは取っていたのですが、ほぼ、まったく動かさずにおりました。友人ゼロで、プロフィールも登録せず、何も投稿せず。

ところが、仕事で某所のfacebookページを作らなくてはならなくなりました。

facebookページは個人アカウントから作らないといけないので、仕方なく自分のアカウントを使い、作ってみました。
(本当なら仕事用なのだし、新規にアカウント取れば良かったんですけどね)

ただ、作ったはいいけれど「いいね!」が増えないと話にならないので、関連の場所を回って「いいね!」したりしているうちに、うっかり個人アカウントの方を動かしてしまったりして一部の人から発見され、友達申請なども来るようになり、この際だから少し稼動させようかと。

とりあえずリアルな知人に絞って始めております。

というわけでリアル知人の方、良かったら友達申請してみてください。

まだまだ使い方が良くわからずトライ&エラーの連続です。ただ、使ってみれば、多くの人がハマる理由もわかるような気がします。

公開についてもかなり細かく設定出来るので、友達になったとしても見せたくないものは分けて見せたり、全然見せなかったりできるんですね。だったら「友達」のくくりそのものはそんなに堅く考えなくても良さそうです。

また、あちらはあくまでも顔と名前をさらして付き合える方と、そういうお付き合いをするためのものと割り切っておりますので、こちらとの連携は考えておりません。

でも、本名さらしているだけに、逆にリアルな情報をそのまま出せる良さはありますね。要は使い分けでしょうか。

とは言え、これはブログ、これはfacebook、これはmixiと使い分けるのもなかなか悩ましいことではありますが。

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

輸入譜は難しいらしい

発表会の曲も決まったので、少しずつ練習用midiを作っています。

もともとは夫が買ったはずの楽譜作成ソフトですが、なぜかここ数年ずっと、midi作りは私の仕事になっています。

全音や音友の楽譜は印刷がとても綺麗なので、私の古いスコアメーカーFXでも、スキャン⇒認識で9割くらいはそのまま認識してくれてラクなのですが…。

問題は輸入譜です。

「愛の妙薬」の二重唱は、日本製の楽譜がないようなので、リコルディのヴォーカルスコアを使います。とりあえず認識させてみましたが…。

いやぁ、ボロボロです(涙)。

なんとなく全体にかすれ気味なのと、何より四分休符が私たちの知っている形ではないので、スコアメーカーには理解できないようなのです。

楽譜

写真は冒頭近くのある小節ですが、赤丸で囲ってあるのが四分休符です。私も最初は「何だろう?」と思いましたが、前後を考えると四分休符しか考えられないのでそうなんだろうと理解しました。

でも、日本製楽譜作成ソフトであるスコアメーカーさん、それも古い古いバージョンのFX(2006年発売だそうです)には、まったく理解できないみたいで、ことごとく落としてくれています。

おまけに、画像の音符にある旗も、何本なのかわからないみたいで、八分音符は四分音符に、十六分音符は八分音符と認識されていたため、もうほぼ全面的に修正が必要です。

もちろん、最新版ならもっと精度が上がっている可能性はありますが、手元にあるのはコレだけなので仕方ありません。

もうひとつ、これは二重唱ですが、ヴォーカル部分は一段で書いてあるので、手動でのパート分けが必要で、これまた別の手間がかかります。

そんなこんなで、たった2ページ半を認識・修正するにも結構な時間がかかってしまいました。

でもまだ10ページ以上残ってます…。

考えてみたら、前回もこんな感じですっごく苦労したんですよねぇ。

ヴォーカル部分は全面的に手打ちしたほうが早そうですが、伴奏部分はそうとばかりも言えず…。全部打ち込んでいるとイライラが募るので、とりあえず認識させてみようと思います。

発表会まで先は長いので、苦労しても早く作って練習に使えるようにしないと。

ちなみに打ち込みはPCのキーボードを使います。入力用のキーボード(ピアノ型鍵盤のほう)を持っていないので…。オクターブ替えとかめんどくさくてマジにイライラしますが、それでもマウスで一個ずつ動かすよりははるかにマシ、ということで。

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

iPhoneで携帯サイトを見たい

人事異動の季節ですね。

うちの夫も4月から異動らしく、仕事が増えるらしいです。お疲れさまです。

さて、公立学校の教員の異動が今日発表になったようで、明日の朝刊に載るらしいです。

いつもはそれより早く県の公式サイトに載っていたような気がしますが、今年はまだです。

息子はこれが気になって仕方ありません。

まぁ、学校の先生の異動が気になるのは毎年のことですが、今年は中学最後の年で、成績がダイレクトに入試に関係するので、自分と関わりのある先生の去就がすごく気になるようです。

すると、地元新聞社のサイトに、今日の夕方からモバイルサイトで速報します、とあったので、これが見たいと大騒ぎ。

でも我が家のケータイは全員がiPhoneなので、QRコードでアクセスしても見えません。

仕方がないので携帯サイトブラウザのアプリを入れてみました。

「ガラパブラウザ」です。

確かに、ガラケーで見たような画面がちゃんと見えますね。
QRコードの読み取りもこのブラウザからできます。

これで一安心したのですが、いざ、発表されているのを覗きに行ったら、なんと内容は有料会員しか見られないのでした。残念。

結局、異動に関しては明日の朝刊を買うか、ネットに上がるのを確認することにしました。

それにしても、できれば異動して欲しいと思っている先生がいるらしいのですが、結果的にもしも残ることになったら、かえってがっかりが倍増するんじゃないかと思うんですけどねぇ。あと1年しかないんだし。

と、無駄に大騒ぎしてしまいましたが、ガラパブラウザそのものは、今後携帯サイトを構築するに当たって、画面確認用に使えそうで良かったです。やっぱり実機で確認しないといろいろ心配ですので。

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

MTOSに傾き中…

仕事で作っている某サイト、MTOSでの作業が佳境に入ってきました。

壱さんのプラグイン「AnotherCustomFields」でのカスタムフィールド追加作業に慣れてきて、どんどん思うようにページの編集ができるようになり、一気に作業が進みました。本当に素晴らしいプラグインに感謝感謝です。

現在PC版は9割方完成したので、次は携帯/スマホ対応をしないといけないのですが、それがちょっと憂鬱です。

でも、せっかくCMSを使うのですから、できることならひとつの項目は一箇所に入力すれば全部勝手に出力されるところまでもって行きたいです。

今まではレガシーなサイトで、全てのページをひとつひとつhtml手打ちで更新しており、その作業そのものはそんなに大変ではないのですが、同じことを何度も打ち込むことになり、結果一部更新がもれてしまったり、上書き更新で前のデータが残ってしまったりしていました。

テンプレートやCSSの作りこみは正直すごく大変ですが、できたテンプレートにちょこちょこっと入力して再構築すると、思ったとおりの完成したhtmlが吐き出されてくる、というのはなかなかの快感です。あともう少し、頑張ります。

ここまで来ると、もうひとつボランティアで作りかけて放置している某サイトも、やっぱりMTOSにしようかと心が揺れています。

単純なブログであれば、明らかにWPのほうが良いと思うのですが、CMSとしての作りこみの過程から学ばなければならないと思うと手が止まってしまうんですよねぇ。

作っていくのはすっごく大変なんですが、タグや挙動を理解しているという意味ではやっぱりMT系の方が進めやすいかなぁ、なんて。

ただ、後のバージョンアップとかを考えると、MTは簡単じゃないんですよねぇ。もうちょっとWPを予習してから手をつけようかな…。

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

続・Excelとタブリーダー

昨日の話の続きです。

Excelでタブリーダーが使えないので、代わりに図形の「点線」を使ってみました、と書きましたが。

結論から言うと、うまく行きませんでした。

この方法は、完全にWYSIWIG(What you see is what you get/見える通りに印刷できる)を実現しているIllustratorなら使えるのですが、Excelの図形は実際そうではなくて、印刷してみるとあちこち欠けたりズレたりしてしまうんです。

画面では見えているから大丈夫だろうと思って印刷プレビューで確認せずに印刷し、痛い目を見たことが何度もあるのですが、今回も同じでした。それこそ、文字と文字の間に引いたはずの線は、見事にズレて、文字と重なってしまいました。

もうこの際、リーダーらしきものは入れずに空白にしてしまおうかとも思ったのですが、これが一段ならともかく二段組みだとわかりづらいんですよね。

同僚からは「等幅フォント使って並べればいいんじゃない?」と言われたのですが、そのやり方は自分が許せません。HTMLと一緒で、ソース(?)が汚いのは我慢ならないのです。

結局、一番シンプルな方法で解決しました。

タブとタブの間を「・・・(中黒/ナカグロ)」で埋めてみました。

左側の項目を左揃えタブで揃え、それに対応する項目を右揃えタブで揃え、その間は右側の項目の位置に影響する直前までナカグロを打つ。これでカンペキです。

それにしても、考えてみたらどうしてみんなこの文書をExcelで作っているのかしら。

Excelのセルなんて一つも使ってなくて、全部テキストボックスやらワードアートやらでレイアウトしているだけなのに。表組みすら無いんだし。だったらWordでいいじゃん? 強いて言えば、更新履歴をシートコピーで残しているから、そこにこだわりがあるのかな。

とは言え、Wordの「タブ」も、その挙動は完全に把握できていません。今日も今日とて、別のWord文書でタブがズレまくって困ってしまいました。

Wordはキライという人が多い中、使いこなそうと20年近く頑張っているんですけどねぇ。タブのことも含め、まだまだ飼い慣らしているとは言い難い状況です。

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

Excelとタブリーダー

職場で何か図面等を作るときは、基本AdobeCS3を使っているのですが、これは何故か私専用なので、これで作ったものは私しか触れないという、自分で自分の首を絞める状態になっております。

なので、私が休みの時でも緊急に変更しなければならない可能性のあるものは、Office2007で作っています。

まぁ、Adobeに比べるとOffice製品はやはりいろいろ制約が多くて、イライラすることも多いのですが、それでも昔に比べるとかなり使い勝手は良くなっております。

と思っていたのですが、Excel2007については毎回つまづいては検索し、毎回残念な結果に終わっていることがあります。

それは、「タブリーダーが自動で書けない」ことです。

タブリーダーというのは、Wordにはあるのですが、例えばメニューなどで「○○・・・・××円」のように並べた時に、前と後ろを揃えて間をつなぐ「・・・・」部分のことです。

Wordであれば、タブを設定するときに項目があって、設定しておけばタブを打ったときに自動的にリーダーが間を埋めてくれます。

が、Excel2007には「タブとリーダー」の項目はあっても肝心の「リーダー」の設定がありません。

MS-Officeには、一般にはあまり知られていない隠れた便利機能が結構あるものですが、どうやらこれだけ探し回っても見当たらないということは、きっと無いのでしょう。残念です。

そんなわけで、Excelではタブリーダーの代わりに、「図形」の点線を使うことにしました。

見栄え的にはとりあえず要求は満たされましたが、手間はかかりますね。

いつか対応してくれることはあるんでしょうか。
まぁ例え対応してくれたとしても、会社が新バージョンを買ってくれる時が来るかどうかは分かりませんが。

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