rinatsuku.net : other

rinatsukuによる色々メモ。
読んだ書籍の個人的なレビュー、足を運んだイベントや展覧会などの感想、調べものそして試しごとのまとめが多いブログです。

posts of other

別ドメインの更新をすっかり忘れてしまってた。

Sun 18:10

仕事だったら本当に問題ですよね!
Wordpressのテストサイトを作ろうとして、だいぶ前に別サーバー+別ドメインを作っていたのですが、ドメインの更新を忘れていたのでなくなっちゃいました。
今となってはドメインにこだわりがなかったのでいいのですが、一度ドメインの更新を忘れると、ドメインが一定期間ロックされて使えなくなってしまうので気をつけないと。
そして、Wordpressのテストサイトは全然動かしてないので(動かせよ)、今回はサーバーも含めて解約することにしました。

サーバー移行を体験してみようかしら。
ただこの件で、自分のサイトなりテスト環境なりがひとつのサーバーにおさまってないと管理しづらいことに気づいたので、マルチドメインに対応してて開発環境も自由なサーバーを見つけたら、そっちに移ろうかと考え始めました。
今はロリポップ+ムームードメインで、安く、そこまで環境にも不満がない状態なのですが、今後いろいろテストをしたり実験したりしたいことを考えると、ぜーんぶひとまとめにできる容量と、開発環境の柔軟性のあるサーバーを探した方がいいんじゃないかなって。
サーバー移行の実験にもなって一石二鳥ですし。
ドメイン移行もね......正直、めんどくさそうなので迷いますが、手続きの流れをちゃんとおさえられるって意味では、一度は自力で経験しといたほうがよさそう。

今のサーバーが今年の7月に切れるので、まだ時間があるといえばあるんですけど、試用期間中に移行テストをしたいから6月には決めたい。
バタバタすると何もしないまま易きに流れそうなので、早速探し始めまーす!

Google Chromeで「あわせて読みたい(大)」が表示されない

Sun 00:18

ブログパーツ「あわせて読みたい」の大きい方が消えてました。
たまたま気づいたのでメモ。
サイドバー長いよな~どうしたものかな~と考えていて、Google Chromeでこのブログを見ていたところ「あわせて読みたい」のブログパーツが表示されていませんでした。
あれ? と思い再読み込みしてみても表示されず。別の手持ちのブラウザ(IE7、FF3他)では正しく表示されてます。
Google Chromeのまま「あわせて読みたい」のサイトへ飛び、もう一度スクリプトをコピペしようと思ったら、そちらでも大きい画像は表示されず、小さい画像だけ表示されていました。謎!
小さい画像でも機能に変わりはないので、ひとまず小さい画像に差し替えてみました。少しはコンパクトになったかな......(無理)

Google Chromeをインストール。

Sun 23:10

Googleの新ブラウザ、Google Chromeを自宅PCにインストールしました。
噂通り、普通にサイトを見る分にはとっても早いですね!
この記事もGoogle Chromeを使って書いているのですが、MTの再構築やら何やらのスピードがIE7とは段違いです。
普段使っているFirefoxにはいくつもアドオンを入れているので遅くなっているのかもしれませんが、それでも早いなー、と素直に思ってしまいます。

↑でなぜIE7をMT利用時に使っているかというと......。
IE7では記事をリッチテキストのWYSIWYGモードで編集するとき、Enterだけなら<p></p>、Shift+Enterで<br />の改行を自動的に入れられるのですが、Firefoxだと全部<br />になってしまって、後からソースを直すのがちょっぴり面倒くさいんです。
Google Chromeはどうかなー? とわくわくしてたんですが、こっちは残念ながら<div></div>で改行されてしまう模様です。
でもこれ、私だけですかね? もしそうだったら結構恥ずかしいなぁ。

Googleつながりで、今後もよく使いそうなサービスを列記。

アクセスの紹介や、イベント告知用のスケジュール共有などに活用出来ます。
カレンダーは実際、こんな感じ → Livehouse & Club PEACE【イベント日程】

と、ここまで書いたところでリッチテキストをHTMLモードにしたら。
HTMLがかなりしっちゃかめっちゃかになってました...... orz
うーん、やっぱりWYSIWYGモードの状態で一番意図したHTMLが書けるのはIE7だなぁ。重たいけど、そこはきれいに保ちたいので我慢しよう。

サイトマップを作成。

Sun 14:51

「サイトマップ」というxmlファイルをMTで生成。
ここでいう「サイトマップ」はサイトのユーザーが目で見るためのサイトマップではなく、GoogleやYahoo!などの検索エンジンに、「このURLのページはここにあって、最後に更新したのはいつで、更新頻度はこのくらいだよ~」と通知するものです。
このサイトマップをサイト内に設置することで、より確実にサイト内のページをインデックスさせることができます。
合わせて、MicrosoftのLive Search Webmaster Centerにも登録してみました。Yahoo! サイトエクスプローラーやGoogle ウェブマスターツールと似たようなやつです。

サイトマップはXMLで記述するので、HTMLやCSSのようにテキストで書いたものをFTPでアップロードしてもいいのですが、MTを使えばブログ内でどんどん増える個別記事すべてのURLについて、自動的に対応できます。
ということで、MTでサイトマップを作る手順をメモ。

  • サイトマップを作りたいブログに入る
  • デザイン → テンプレート → インデックステンプレートに入る
  • インデックステンプレートを作成!
  • タイトルを「サイトマップ」に設定
  • テンプレートの種類を「カスタムインデックステンプレート」に設定
  • 出力ファイル名を sitemap.xml に設定(任意のファイル名に出来ますが、ブログのルートディレクトリ直下を指定します)
  • 再構築オプションにチェック

↑までやって保存したら、あとはXML自体を記述するだけです。
記述の際は「Movable Type プロフェッショナル・スタイル MT4.1対応」を参考にさせていただきました。

faviconを付けてみました。

Sat 23:53

metaタグでfaviconの指定を追加。
すっかり作るのを忘れていたfaviconの存在。思い出せたのは、ブログパーツ「あわせて読みたい」に表示される他の方のブログ名と一緒に表示されるアイコンのおかげです。

faviconを作る際に利用したサイトがここ! → favikon
faviconにしたい画像(gif、jpg、png形式が使えます)をアップロードして、faviconとして使いたい範囲を選択するだけで、faviconで使用するico形式の画像を生成してくれます。
ご丁寧にmetaタグに突っ込むスクリプトまで表示してくれるので、faviconをダウンロードしてFTPで自分のサイトのディレクトリにアップロードしたら、スクリプトを追加すればOK! 早いし、カンタンです。
Web上でぽちぽちとビットマップ画像を作成し、それをfaviconとして生成できるサイトもありますが、元々ある画像を縮小して使いたい場合なんかはこのサイトを利用すれば十分かと。

で、一緒に書くのもどうかと思うけど、「崖の上のポニョ」を見てきました。
巷でめちゃくちゃ評価が割れている「崖の上のポニョ」ですが、色々な意味ですごいお話でした......。
思ったことをそのまま書くので、一応表示を分けときます。

これから身につけたいもののひとつ、CS力。

Tue 22:06

ともかく、CS(カスタマーサポート)力を身につけたい。
客先にお邪魔したり、問い合わせの入電を受けたりするたびに、CS力が足りないなぁ......と思います。
Webサイトを作るときは「実際のユーザー」「クライアント(=管理者、運用者)」「制作者」の3つの視点が必要になって、大体はクライアントから、もしくはクライアントに質問された営業担当者から問い合わせが入るのですが、なかなかスマートに答えられなくて凹みます。まぁ、そこはトライ&エラーで学ぶべきところで、凹むとこじゃないと分かってきたんだけど。

エラーが起きたときは、原因を切り分けていくんだって。
CSSでも、JavaScriptでも、ActionScriptでも経験しているけど、何かおかしなことがあれば、おかしい原因を突き止めていきますよね。サポート業務でも、やっぱり同じみたい。ていうか、同じことをやればいいだけなのに、場面が変わると出来なくなるなんて...... orz
で、メモの続きですが。
「こういうことがしたい」「こういう機能が欲しい」という要請に関しては、お金の問題や運用面のメリット・デメリットが関係するので一口には片づけられないけど、意外と多いのが「メールが送受信出来ない」という問い合わせです。

  • 受信出来ない場合
  • 送信出来ない場合

「受信出来ない」ときは、初めにローカルPC(メーラーね)の設定をチェック......ではありません。
メーラーはサーバー(Webメール)上のメールをダウンロードして、ローカルで表示出来るようにしているだけだから、まずは「届かないメールがWebメールまで来ているのかどうか」のチェックが必要になります。
Webメールで受信出来ていれば、おかしいのはサーバー→メーラーの経路だけになるから、そこで初めてメーラーの設定(POPサーバー、SMTPサーバー、ID、パスワードなど)をチェックすればいい。
対してWebメールにも受信出来ていないときは、そもそもサーバー上に「使おうと思っているメールアドレスが設定されているか」を調べます。存在しないメールアドレスにメールを送っても、受け取れるわけがないですよね。
そして、サーバー上で適切にメールアドレスが設定されている場合に、初めて送信元に疑いの眼差し(...)を向けることになります。
「送信出来ない」ときは、大体がポートの問題のよう。使おうとしているポートがサーバー側からブロックされている可能性が高いので、ポートを選択し直せば大抵解決出来ます。
以上、今日学んだメール設定のまとめ!(しかし、常識なんでしょうね、コレ......)

実際にメール問題に直面しないことには実感が沸きませんが、手順として頭に入れておけば、後々役に立ちそうなのでメモってみました。
論理的に考えれば、あーなるほどって感じなのですが、「論理的に考える」ことそのものが難しいんですよね~。訓練、訓練!

Google AdSenseを導入。

Sun 16:40

Amazon アソシエイトプログラムに引き続き、Google AdSense を組み込んでみました。
これははっきり、きっぱり、広告! です。
Google AdSense 自体の仕組みを勉強したかったので、営利関係なく入れてみました。各記事に掲載されるようにしようと思ったけど、さすがに一覧ページでそれをやるとうざいので、個別記事内に入ったときに表示されるようにしています。

Google AdSense 導入手順をメモ。

  • Google AdSense のアカウントを作成(住所とかの設定が必要)
  • 表示したい広告のタイプを選択
  • 発行されるスクリプトを、新規作成したウィジェットにコピペ
  • ↑で作ったウィジェットを、ウィジェットセットに組み込み
  • 「テンプレート」→「アーカイブテンプレート」→「ブログ記事」の中に、ウィジェットセットを組み込み
  • 保存&再構築!

記事の外、トラックバックの上に表示されるようにしていますが、記事ごとに広告が全然違うので面白いですねー。
コンテンツの内容とマッチする広告を表示させる(ない場合は公共広告という微妙なやつが入ってくる)ので、やっぱりMTのカスタマイズ方法をメモしている記事にはMT関連の広告が入ってくるし、「何でこの記事にこの広告......」と切なくなるものもあります。
英語圏の企業が扱うサービスなので当たり前なんですが、住所の登録は英語表記だったり、広告料の支払方法がややこしいことには少しビビりました。説明はちゃんと読もう!(自分に言い聞かせ)

Amazon アソシエイトプログラムに参加。

Sun 01:29

既に本の紹介記事で使っていますが。
Amazon アソシエイトプログラムに参加してみました。
バリバリに広告として使うというよりは、自分が読んだ本やその他諸々をもし気に入ってもらえたなら、そのままお買い物も出来るサイトへつなげた形で紹介できれば便利かなーと思った次第です。
単純に、結構色々なブログで見られるAmazon商品へのリンクが、どうやって貼られているのか確かめたかったこともあります。

申込みは超カンタン!
自分のブログなりサイトなりがあればそのURLと、他の事項を普通に入力するだけで、Amazonからアソシエイトプログラム用のIDが発行されます。
あとは表示したい形式(ここでもウィジェットという言葉が出てきます......)を選べば、自動的に自分のIDに紐づいたスクリプトが発行されるので、表示したい箇所にぺったんとコピペするだけ。お手軽!
私は記事ごとに違うものを紹介したいので、今のところ記事ごとにコツコツとスクリプトをコピペしてます。慣れてしまえば手順が複雑なこともないし、いい感じに使えそうです。