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

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

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

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

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

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

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

『Webデベロッパーの祭典+ちょっと新年会の気分で。@福岡』に行ってきました。 続きを読む

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

JSActionsとは

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

手順

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

JSActions - + HideAway Firefox +

Firefoxのアドオン『JSActions』を入れてあれこれ楽にする。 続きを読む

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

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

Movable Type プラグイン『UploadDir』を入れてみました。 続きを読む

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

Firefoxの環境設定

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

All-in-One Sidebar設定

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

続)Firefoxを綺麗さっぱり入れ替える(設定編) 続きを読む

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

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

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

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

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

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

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

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

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

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

素晴らしいプロダクトプロジェクト『60 VISION』 続きを読む

ここ最近、急に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は、驚きの早さです。いかにアドオンが足引っ張っているか分かります(笑

Firefoxを綺麗さっぱり入れ替える(アドオン編) 続きを読む

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

ソースコードをカラーリングしてくれるJS『syntaxhighlighter』を入れてみた。 続きを読む

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

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

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

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

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

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

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

Movable Type4で、MTページ分割プラグイン『PageBute』を入れた。 続きを読む

私の仕事はWeb制作です。改めて言うのもあれですが、作業は99%自宅内で行っています。
弱点は、ネット回線が無い場所です。
打ち合わせ等で、ネット回線が無い場所に出ると、一気に何も出来なくなります。

ただ、頻度が週に１回から2回程度なので、それも状況によっては、無線LAN環境があったりします。なので、イーモバイルみたく、月々それなりのお金が発生するのも勿体なかったりします。

まぁ、そこで色々物色しているとこに、気になる商品がWILLCOMから発売さるようです。

日系トレンディネットによると(ウィルコム、携帯型無線LANアクセスポイント「どこでもWi-Fi」を発売 - デジタル - 日経トレンディネット)

オンラインショップ「ウィルコムストア」で「W-VALUESELECT」（分割購入）を利用して契約すれば、頭金4800円、本体代金と専用定額データ通信プランで計月額1980円程度にする予定。

WILLCOMの『どこでもWi-Fi』 vｓ イーモバイル 続きを読む

先日のエントリー(メールサーバーをGoogle Appsに移してみました。)の続きです。

まずはIMAPについて

今回は、IMAPを使って諸設定をしますので、まずは、さらっとIMAP(アイマップ)についてのご説明。ご存知の方は流して下さい。

IMAPとは、メールサーバーの一つの仕様で、現在一番メジャーなPOP方式とは別ものです。

POPの場合は、サーバに届いたメールを、ローカルPCに受信した時点で、サーバーのメールを消し(消さない設定にも出来ます)基本的にローカルPC側でメールを管理するのが特徴です。

それに対してIMAPは、サーバー側でメールを管理します。ローカルPCでメールを受信しても、サーバーのデータは消さず保持します。基本的にサーバー側でメールを管理するのが特徴です。

IMAPのメリット

• サーバーで既読や送信メール、削除などの情報を管理するため、複数のPC、またはメーラーとWebメール(Gmailなど)など複数の場所からチェックしても、いずれかで開封したものは、別のPCなどでも、開封状態になります。
• 送信メールも複数のクライアントで同じように表示されるので便利です。
• メールデータの全てが、サーバー側とローカル側の両方(または複数に)に保存されるので、もしもの時に安心

Google AppsとMail.app(IMAP仕様) 続きを読む

ことの発端

Entourageを使ってた理由

Macのメーラー Entourageを使っていたのですが、ここのところ調子が悪く、一度受けたメールを何度も受けてしまったり、また単純に動作が重く(多重にメールを受けているから重くなっているのも原因かも)なってきたので、別のメールソフトに切り替えようと考えていました。

そこで候補に挙がったのは、ThunderbirdとMac純正のMail.appでした。 もともとMail.appを使っていたのですが、ある事情でEntourageに移ったという経緯があり、Thunderbirdという選択肢しか無いかなっと思っていました。

Mail.appがやっぱり良さげだけど...

ただ、そのある事情さえを解消してしまえば、Mail.appを使うのが、他のMacソフトとの親和性が非常に高く(iCalやアドレスブックとの連携などなど)一番便利だと思い、そのある事情を解消することにしました。

そのある事情とは「coreserverでMail.appを使うと、何故か長めのメールが送れないというエラーです」Entourageだと、なぜか送れるんです。

その他にも、これはMail.appが原因では無くcoreserverの問題なんですが、Gmailからのメール届かなかったりします。

そんなこんなで、coreserver+Mail.appって組み合わせはあまりよろしく無く、しかたなくEntourageを使っている感じでした。

メールサーバーをGoogle Appsに移してみました。 続きを読む

私が、Webサイトのデザインカンプを作る時に、まず始めにやることは、大きな配置を決めを行っています。電卓片手に、メインコンテンツの幅を決め、サイドバーの幅を決め、マージン(隙間)を割り出して行きます。これが面倒な作業で、なかなか折り合いが付かないことが多かったりします。

また、黄金比や白銀比(大和比)なんかを意識しだすと、もっと時間がかかってしまうことが多々あります。黄金比などは、定規を用意して(また今度このネタ書きます)それで合わせているので、最近割と楽になりましたが、大きな配置決めがなかなか上手くいきませんでした。

そこで、最近発見したこのサイトが非常に便利です。

GRIDMAKER

このサイトを使ってデザインカンプの配置の方法をご紹介したいと思います。

デザインカンプを作る時に便利なサイト『GRIDMAKER』 続きを読む

以前のエントリで、Google CalendarとiCalを簡単に同期する方法をご紹介しましたが、Google Calendar側で、同期していたカレンダーを消してしまうと、上記写真のようなエラー表示が出るので、同期を解除する方法でメモっておきます。

手順

1. [iCal]>[環境設定]
   
   ↓

2.該当のカレンダーを選択して、下の方にある「ー」を押して消す。

これで不要カレンダーを消すことが出来ます。

余談(訂正含む)

余談ですが、Calaboration自体同期ソフトという紹介を、以前のエントリーでしましたが、iCalにもともと同期機能は備わっていて、その同期設定を助けるウィザードだったようです。 失礼しました。

ブログの記事の分類には、カテゴリーとタグの2種類使っています。カテゴリーとタグの使い分けに関しては、自分の中で明確に確定出来てないので、それは、また今度ゆっくり考えるとして、タグ付けを手助けしてくれるMovable Typeプラグイン『TaggingHelper』を入れてみました。

以前、『MovableType』と付けていたタグを、次は『Movable Type』(スペースの有無など)付けてしまって、別のタグとして扱われてしまうという、タグ付けには良くやってしまいがちなミスを防いでくれるのも素晴らしいです。

TaggingHelper
MT4.2暫定版

手順

1. 上記配布ページ(MT4.2は下の暫定版)からダウンロードします。
   ↓
2. そのままMTディレクトリ(mt/plugin/)にアップロード。
   ↓
3. 管理画面>投稿画面>タグ部分を確認すると、「ACB順 本文に一致 閉じる」というリンクが出来ているのを確認。

「ACB順」を選ぶと、全タグから選択出来ます。また、「本文に一致」を選ぶと、本文から、相応のタグをピックアップしてくれます。

若干地味ですが、本当にすばらしいプラグインだと思います。

この関連記事を使うときなどは、タグを使って記事をピックアップするので、入れていると非常に便利だと思います。

mixi OpenID とは

mixiユーザーのみなさんは世界中の10,000以上のOpenID対応サービスを、mixiのIDだけで利用できます。さらに、外部のブログや動画共有サイトなどでも、mixiと同じように「友人まで公開」といった公開範囲を設定できるようになります。

っと、便利そうな、mixi OpenIDをMovable Typeで、簡単に使えるようになる、プラグインを導入してみました。

mixiComment | Movable Type プラグインディレクトリ

手順

1. 上記配布ページからダウンロードします。
   ↓
2. そのままMTディレクトリにアップロード。
   ↓
3. 管理画面の[設定]>[登録/認証]のmixiをチェック。

完了です。

使われるかは謎ですが、これでmixi OpenIDを使ってコメント出来るようになります。

MovableTypeプラグイン『mixiComment』を入れてみた。 続きを読む

先日Windows 7 のベータ版が発表されました。
早速、MacBookのVMwareにWindows 7をインストールしてみました。

ダウンロードはここから。 Windows 7: ベータ版ダウンロード

インストールの手順はActive Non-Action 2.0: Windows 7 インストール on Mac (VMware Fusion)に詳しく掲載されていました。この通りにインストールさせて貰いました。

メモリは、初期設定の1024G。
HDDの割当は、15G
3Gグラフィックは無しに設定しています。

インストール時間は約1時間程度でした。

単にWindows 7 をインストールすると、グラフィックが悪く、ぼやけた感じでしたが、VMware Tools をインストールすることで、グライッフィク性能が改善されます。

シャキットしました。 ちなみに、中央にいる魚は、ベタという熱帯魚です。

IE8の動作確認用かな? あれ?インストールはしたものの、使う当てが全くない(苦笑

候補に挙がったのは

• Transmit 3
  使用者多いし、日本語されていて使いやすそう。
  
• forklift
  FinderぽいUIでかなり使いやすそうでしたが、$44.95とTranmit(@$29.95)より微妙に高いです。

結局、金額が決め手になって、Transmit3を購入することにしました。 入れてみると、WindowsのFFFTPライクで、非常に使いやすく、購入のきっかけとなった、CSSEditでの編集後のアップロードも問題なく出来きました。

FFFTPでの便利機能、「フォルダ同時移動」も「リンクフォルダナビゲーション」として搭載されています。

また、Transmitを買うと、Codaが$14値引きされるので、この際購入してしまおうかと考えています。

1月11日、AIP Cafeでサト研Vol.4(FWWサイト運営・管理研究会（仮))が、開催されました。かなり遅くなりましたが、レポをまとめておきたいと思います。

流れはここらへんを参照下さい(手抜きw)

• 【レポート】FWW_サイト運営・管理研究会(仮)Vol.4 | MutsuLog
• [レポ] vol.4 in AIPcafe 2009/1/11 - FWW_サイト運営・管理研究会（仮） | Google グループ

ムツキさんSpecial Thx!!

今回の構成は、前半で、話が出来る人はそれぞれライトニングトークをして、後半で持ち寄ったお題を元に、ディスカッションを行うという、前回から行っている2部構成でした。

FWW_サイト運営・管理研究会（仮)っと銘打っていますが、勉強会(研究会)では、割と何でもありの、雑食的なライトニングトークが多くなってきたと思います。

個人的にはそれで、良いのではないかと思っています。雑食的に色々発表することで、各種の知識が広く浅く身に付き、特に興味深いものは、ディスカッションで深めるという感じが、参加している皆さんの為にも良い感じになっていると思っています。

サト研Vol.4(FWW_サイト運営・管理研究会（仮）) 続きを読む

オープンソースCMSのMODxの日本語公式ページがオープンしています。

MODx 日本公式サイト｜トップページ

以前、とある案件で100ページほどのサイトをMODxで導入させていただきました。 その後に、Movable Type のオープンソースが発表され、Movable Typeを利用することが多くなり、MODxを導入する機会がありませんでした。

MODxは、良く出来たCMSだと思います。
カスタマイズの自由度が高く、テンプレートも割と作りやすく、記事の編集のしやすいです。

ただ、クライアントには一般に名が通っているMovable Typeの方が、プッシュしやすく、そちらを勧めることが多かったです。

MODx日本語サイトは、インストール方法や、テンプレートの作り方まで、詳しく掲載されているので、今後多く普及するかもしれません。おおいに期待です。

あの素晴らしいcssエディター『CSSEtid』を、開発したMacRabiitから、以前のエントリにも書いて期待していた、CSSEditの遺伝子を持つ、Webオーサリングソフト『Espresso』のパブリックベータが、とうとう発表されました。

11月の予定だったようですが、ブログ(MacRabbit Blog - Espresso is Vaporware No More)によると、12月30日にリリースされた様です。

HTML、XML、CSS、およびJavaScriptをサポート

CSSEditは、もちろんその名の通りCSSのみのサポートでした。 Espressoでは、デフォルトで、HTML、XML、JavaScript、CSSをサポートされています。 後述する、Sugar(機能拡張)を使用し他の言語(PHPなど)の拡張も出来るようで、ますます編集の幅が広がります。

Webオーサリングソフト『Espresso』のパブリックベータ 続きを読む