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

今更かもしれませんが、**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 +

MTのアップローダーは、毎回アップロード先のディレクトリを選ぶ必要があります。
毎回違うディレクトリを選ぶ必要がある場合はこれで問題ないのですが、私の場合は、イメージはimagesというディレクトリに入れています。

毎回、アップロードディレクトリを選ぶのは、結構面倒です。
そこで、『UploadDir』というプラグインを入れてみました。
MovableType用UploadDir Plugin Ver.0.62 (エムロジック放課後プロジェクト)

前回のエントリーに続き、Firefoxを入れ替えたときのメモです。今回は、設定関係のメモです。

Firefoxの環境設定

• 一般>ダウンロード>ファイルごとに保存先を指定する。にチェックを入れる。
  (ダウンロード先はつど選びたいので)
• タブ>リンクを新規タブで開いたとき、すぐにそのタブに切り替える をチェック

All-in-One Sidebar設定

• 全般>外観>右側の置く (サイドバーは右側が好みなので )
• ダウンロード>機能>サイドバーで開くのチェックを外す。

先日BiVi福岡2Fで発見したしたショップで、気になったので調べました。

60VISIONは日本の製造メーカーの原点商品を復刻し、丁寧に販売するショップを通して長く使い続けることのできるロングライフデザイン商品を生活者に提供するプロジェクトです。

60VISION
2006年頃から始まったプロダクト(工業製品)プロジェクトだそうです。

戦後日本のそうした製造への夢は、1960年代に多く見られる。この60年というキーワードで、ロングライフという曖昧にスマートなマーケットを創業者の夢とともに明確化する。それが、「60VISION（ロクマルヴィジョン）」だ。本当はのんびりと長く売れ続けているなんて、悠長に言っている場合ではない。「ロングライフ」の意味をもっと明確にして、いつの時代にあっても、創業者の夢という名のインスパイアブランドとしたい。

ロングライフ「60VISION」 | D&DEPARTMENTより引用。

このコンセプトに賛同した日本の生産者(メーカー)が集まっているプロジェクトです。

• カリモク(家具)
• ヤマギワ(家具・照明)
• ノリタケ(食器)
• イトーキ(オフィス家具)
• ムーンスター(靴)
  etc...

そうそうたるジャパンブランドが名を連ねています。 またデザイナーとして、柳宗理さんの名前も出てきます。

YANAGI SORI, A DESIGNER - Official Web Site http://www.japon.net/yanagi/

製造者が長く作れる出来る商品を、そして、ユーザーも長く使える商品を販売するという、モノ作り携わる人間としては、出来そうでなかなか出来ない素晴らしいコンセプトです。

ここ最近、急にFirefoxの調子が悪くなってしまい、プロファイルの中を色々といじってみても、うまくいきませんでした。

だましだまし使っていましたが、Firefoxの調子が悪いと、業務にかなりの支障が出るため、環境を元に戻す時間が掛かることを覚悟で、プロファイルを新しいものに入れ替えました。

入替え手順

1. ユーザープロファイルの選択

Firefoxを終了させて、Macの場合は、ターミナルから、/Applications/Firefox.app/Contents/MacOS/firefox -profilemanagerっと叩くと、『ユーザープロファイルの選択』を画面を立ち上げる。

Windowsなど他のOSはこちらを参考に。

/Applications/Firefox.app/Contents/MacOS/firefox -profilemanager

2. 新しいプロファイルを作成する。

『新しいプロファイルを作成』をクリックして、ウィザードを立ち上げる。適当に名前をつけて、新規プロファイルを作る。

3. 新しいプロファイルを選択してFirefoxを立ち上げる。

新しいプロファイルを選択して、Firefoxを立ち上げます。この時『今後このプロファイルを使用する』のチェックは外しておくと毎回『ユーザープロファイルの選択』が立ち上がるので選択することが出来るため、前の状態をチェックする時に便利です。

4. 完了

これで、アドオンなど入っていない、まっさらなFirefoxを立ち上げることが出来ます。
何も入っていないFirefoxは、驚きの早さです。いかにアドオンが足引っ張っているか分かります(笑

最近、ブログにソースコードを書くことが多くなってきたので、ソースコードをカラーリングする、JS『syntaxhighlighter』を入れてみました。MTプラグインでなく普通のJSです。

最近ちょこちょこっと、このブログのリニューアルを行っています。
今回のリニューアルのテーマは
「見た目はシンプルに、仕組みはリッチに」
てな感じです。 (このエントリを書いた09.01.25の段階でも制作中です。まだ制作途中の部分や部分的に不具合があるかと思いますが、ご了承下さい)

『仕組み』ということで、今回導入したシステムが、ページ分解(ページめくり)機能です。

なぜかページ分割(ページめくり)がないMT

Movable Typeは、デフォルトでは、ページ分割(ページめくり)は搭載されていません。 一般的なブログでに当たり前で搭載されている機能ですが、何故かMTは実装されません。

ダイナミックパブリッシングなら...

一応、試験的に導入(ダイナミックパブリッシングでのページ分割 | Movable Type 4 ドキュメント)されているのですが、ダイナミックパブリッシングのみでしか動かない為、PHP化などを行っていると、使えないことが多いです。

そこで、見つけたものが、MTプラグインのPageButeです。