福岡のホームページ制作[BULANCO(ブランコ)]のWeb制作のこぼれ話

先日、ちょっとしたトラブルでMTのバージョンを上げました。

MTのバージョンアップの手順をまとめておきます。

プラグインの対応状況を確認する

サイトで重要なシステム部分でプラグインに頼っている場合は、バージョンを上げる前に良く確認する必要があると思います。

これを行わずに、バージョンを上げてしまうと、最悪構築したシステムが使えない可能性が出てきます。

データをバックアップ

念の為、バックアップを取っておきます。
トラブルが無い限りは、このバックアップファイルを使うことはありません。「トラブルはありえない!」という妙な自信のある方は、ここは飛ばしても大丈夫です。(自己責任でおねがいします)

出来れば、DBを直接バックアップ取る方が、安定だと思います。DBが操作出来る方は、DBを、バックアップしてください。ここでは、MT内でバックアップする方法をご紹介。

1. [ツール]>[バックアップ]
2. 「圧縮フォーマット」 は「zip」を選択。
3. 「出力ファイルのサイズ」は「分割しない」と選択。
4. [バックアップを作成]をクリックして、任意の場所に保存。
   以上です。
   

ブログのテンプレートを少し触ろうと、MTにログインして作業をしようとすると、管理画面のページを移動する度に、ログイン画面に飛ばされる現象に急に襲われました。

原因究明

.htaccessをちょこちょこ触っていたので、それが不味かったか思い、.htaccessを元の設定に戻してみたりしましたが、改善されない。
↓
Firefoxがバグったかと思い、Safariでログインしてみても、ページ移動の度に、ログイン画面。
↓
Macの問題か?と思って再起動しても駄目。
↓
バージョンの問題か?っと思って、MTのバージョンを上げて(4.21→4.23)みるも変わらない。
↓
MTの問題ではない、てことはDBを疑ってcoreserverの管理画面から新たにDBを作り、mtにアクセス。インストールが始まるので、素直にしたがって新しいMTにアクセス。
↓
問題なくログイン出来る。
↓
ほぼDBが原因と特定。

先日の記事で、Firebugを間違って「ゴキブリ」と訳してしまって恥をかいたので、今日は、Macのソフトを意味なく漢字に変換してみようかと思います。

漢字って、外国人の間で流行っているみたいです。

元NBAプレーヤーのジェイソンウィリアムズは、彼のプレースタイルから、「Crazy」と呼ばれていて、その呼び名を、漢字に訳して「気違い」と右腕に掘っていました。たしかに、訳としては、なかなかズバリな訳なんじゃないかと思います。

ただ、2000年のJapanGameの際、日本で「気違い」は放送禁止用語だったので、テーピングして出場していました。このエピソードもなかなか「Crazy」ですよね(笑

そんなこんなで、気になったので、私のMacに入っているソフトを中心に、漢字にしてみます。

Q. 使っているサイト制作ソフトは何ですか？ A.Dw+CSSEdit+Transmitです。(前編)このエントリーの続きです。前のエントリーで、Dreamweaverを徹底的に持ち上げました。今回は、Dreamweaverでもある機能をあえて別ソフトでやっている理由でも。

CSSEditの素晴らしさ

軽快

もうお約束です。
Dreamweaverと別のソフトを比べるとき、Dwがいかに重いかという話から始めます。
といっても、個人的には起動時以外はそんなに重いと感じることは無いんですけどね。

とはいえ、Dwと比べると、CSSEditは軽いです。サクっと立ち上がります。

プレビューが優秀

DreamweaverもCS4になり、プレビューエンジンがWebKitに変更されて、かなり良くなったと言われています。実際軽くしか触っていないので、よく分からないのですが、ライブビューに関しての使い勝手は、CSSEditのほうが優れていると思います。

ブラウザで見ているそのままを見れるので、楽です。それにCSSSpriteでマウスオーバーの調整をする時など、Photoshopなどで上でずれの計算してなくても、CSSEdit上で、プレビューを見ながら、数字の調整出来ます。それも、マウススクロールで数字の調整出来るので、素早くBackgroundの調整が出来ます。

サト研のオープンチャットで、CMSのことが話題になったので、私が知る限りのCMSをひたすら羅列してみます。特徴などは書かず、ただただ羅列します。基本的にサーバーインストール型のもののみです。

果たしてそんなリストに価値があるのか?っとも思いもしましたが、「こんなにCMSがあるのか!」っとびっくりしたいという主旨でやってみます。
順不同です、他意はありません。
使い勝手など、コメント頂けると、のちのちご紹介するかもしれませんので、是非とも!

Twitterでこんなアンケートが行われていました。
乗り遅れてしまったので、ここで私の使っているWeb制作ソフトと、その理由を語りたいと思います。まずはDreamweaverから。

Ask Twitter: 使っているサイト制作ソフトは何ですか？ : could

Ask Twitter: 使っているサイト制作ソフトは何ですか？ 2 : could

このアンケートをみると、やはりDreamweaverとかCodaとかが目立っていますね。知らなかったのが、skEditというエディターです。

早速、skEditを気になって使ってみました。

skEditの素晴らしいところ

• とにかく軽快
  (さくさく動きます、起動も一瞬です)
• 補完がすばらしい
  (htmlとMTタグの補完をやってくれます)
• ローカルとリモートを簡単に同期してくれます。
• プレビューが好きなブラウザで出来ます。
  (内蔵のブラウザ(WebKit)も選べますし、Firefoxなど他のブラウザも自由に選べます)
• 安い!
  ($34.95 Codaは$99 Dwは¥49,875)

っと、素晴らしいとこを、色々と並べておきながら、やっぱりDwが良かったというお話です。

今更かもしれませんが、**Firebug Lite**って凄いですね。 [Firebug Lite](http://getfirebug.com/lite.html "Firebug Lite") **Firebug**は言わずと知れた、Firefox用のWeb開発者向けの非常に優れたアドオンですが、あくまでも、Firefox用です。 それを、IE、OperaやSaferiで簡単にFirebugが使えるBookmarkletです。

何が凄いって、これって全てJavascriptで作っているんですよね。最近、Bookmarkletを研究してて、Hatenaの新しいBookmarklet(はてなブックマーク - セットアップ)も素晴らしかったのですが、Firebug Liteは驚きの機能です。

といっても、Firebug Liteは、Javascriptなので、ライトはライトです。気軽に使うためなので、本気使いたいときは、それぞれの、疑似FIrebugアプリを入れることをお進めします。

• IE用
  Download details: Internet Explorer Developer Toolbar

• Opera用
  Opera Dragonfly | Take a peek into the future
  (ドラゴンフライ。。。トンボですかw ゴキブリより随分カッコいいですね。 (2月3日追記:ごめんなさい、蛍でした(汗)  でもイラストはゴキブリにしか見えませんよね。。。))

• Safari用
  Safariは、デフォルトで付いています。
  [環境設定]>[詳細]>[メニューバーに"開発"メニューを表示]にチェック
  [開発]>[Webインスペクタを表示]で、使えます。Firebugぽくブラウザの下部で、使いたいなら、左下にある、マークをクリックすると、ブラウザのメインウィンドウの下に移動します。

以上、上手く活用してWeb開発を楽にしたいですね。

サイト内検索のありかたって、難しいのですが、小規模際との場合、サイト内検索がよく使われているサイトは、訪問ユーザーが、設置しているナビゲーションでは目的地まで到達していないため、サイト検索を使ったという可能性が考えられます。

どのような検索キーワードが、検索されているかを分析すれば、ある程度自分のサイトに足りていないナビゲーションが分かってきます。

Google Analyticsを使うと、割と簡単にサイト内検索で何が検索されているのかを知ることが出来ます。

以下で設定方法の解説をします。

パソナテックさん主催のWebデベロッパーの祭典に行って参りました。

Webデペロッパーの祭典+ちょっと新年会の気分で。@福岡｜パソナテック（PASONA TECH）

ちょっと、遅刻して13時20分ぐらいから行きました。
いつもの箇条書きでメモっておきます。

A1 どうするデベロッパ！？ 2009年プログラミング大展望

13:00〜14:00
株式会社ネットワーク応用通信研究所
フェロー
楽天株式会社　楽天技術研究所
フェロー　客員研究員
まつもと　ゆきひろ氏

• まつもと ゆきひろ氏は、気さくな方でした。
• 「まんじゅうこわい」をさらっと流されていました。たぶんオチだったと思いますw
• まつもと氏はプログラミングが好きで、ほってけば46時中プログラミングをしてしまわれるそうです。私も寝ても覚めてもWebのことを考えてしまいます(言い過ぎ?w
• プログラマーさんは、みなさん数学が得意なのかと思っていましたが、まつもと氏が数学が苦手と聞いて驚きました。

以前のエントリで、JSActionsを使って、tumblrに手軽にポストする方法をご紹介しましたが、今回はもう少し踏み込んで、JSActionsの紹介です。

JSActionsとは

JSActionsとは、右クリックからJavascriptスクリプトを実行させるFirefoxのアドオンです。

手順

JSActionsは、以下のページからインストール出来ます。

JSActions - + HideAway Firefox +