【問題】

特定の条件でファイルをアップロードすると、

というエラーが出る。

【原因】

この現象が発生する条件は以下のとおりだそうです。

• Perl 5.8.5 以前のバージョンをお使いの環境
• アップロードするファイルのパスに日本語が含まれている
• ブラウザに Internet Explorer を使用

ファイルアップロードでエラー「不正な要求です。文字コードUTF-8に含まれない文字データを送信しています。」 | Movable Type 4 FAQ

【解決策】

Perl 5.8.5 以前の場合、Perlのバージョンを上げるのは、レンタルサーバの仕様によるので、無理なところもあります。

また、「Firefox」や「Safari」などのブラウザでアップロードすれば問題はないのですが、「IE」を愛用されている方に、強制はできません。

よって、ここではファイルパスを日本語を含まずに、全て半角英数文字にする方法を紹介いたします。

以下の環境でテストしました。

• PC：Windows XP
• ブラウザ：Internet Explorer 6.0

「スタートメニュー」→「マイドキュメント」を選択します。

●STEP2

「マイドキュメント」に半角英数文字で「新規ディレクトリ」を作成します（「マイピクチャ」内でも大丈夫）。

（名前は半角なら何でもいいです。例：Blog_Photo）

●STEP3

「Blog_Photo」ディレクトリ内にアップロードする画像を入れて、「ファイル名」も半角英数字にします。

●STEP4

MTの「ファイルのアップロード」で、STEP2のアップロードする画像を選択すると、アップロードできるようになります。

Windows PCの「ユーザー名」が日本語になっている場合

「マイドキュメント」に半角英数文字のフォルダを作成しても、画像が投稿できない場合、Windowsにログインするときに、「ユーザー名」が日本語になっている可能性があります。

「ユーザー名」の確認方法。上記の赤線の囲み部分をご確認ください（個人によって異なります）。

もし、「ユーザー名」が日本語になっている場合、変更するのは少し面倒ですので、「Cドライブ」に半角英数文字のフォルダを作成し画像をアップする方法もございます。

以下、手順です。

●STEP1

「スタートメニュー」→「マイコンピュータ」を選択します。

●STEP2

「ローカルディスク（C:）」をダブルクリックして開きます。

●STEP3

「ローカルディスク（C:）」の中に半角英数文字で「新規フォルダ」を作成します。
（名前は半角なら何でもいいです。例：Blog_Photo ）
 

●STEP4

「Blog_Photo」フォルダ内にアップロードする画像を入れて、「ファイル名」も半角英数字にします。

●STEP5

MTの「ファイルのアップロード」で、STEP4のアップロードする画像を選択すると、アップロードできるようになります。

フォルダの実態名

画像のファイルパスを全て半角英数文字にするのに、「マイドキュメント」や「マイコンピュータ」は日本語なのでは？ と疑問を持たれるかと思います。

「マイコンピュータ」の「ローカルディスク（C:）」は表示が日本語ですが、フォルダの実態は
C:
となります。

また、「マイドキュメント」は
C:¥Documents and Settings¥<ユーザー名>¥My Documents
がファイルパスです（ユーザー名は個人によって異なります）。

例えば、
「ローカルディスク（C:）」の「Blog_Photo」にある「081009.jpg」は
C:¥Blog_Photo¥081009.jpg
がファイルパスとなります（画像選択時に自動でつきます）。

なお、「.jpg」などの拡張子の表示はコンピュータの設定によります（表示・非表示の切り替え可能）。

その他MTに関するFAQ

Movable Type FAQ | MovableType.jp

社内で新しい「キーボード」と「マウス」を導入し、かなり作業効率がよくなったので、お話したいと思います。

筆者は、今まで「仕事の道具」にこだわるということをしてきませんでした。「キーボード」と「マウス」はPCを購入したときについているモノを使用してましたし、「マウスパッド」は雑誌やプリント用紙を代用して使用していました(問題外ですね・・・）。まぁ『使えたらええやん』みたいな感じでした。

ある日、スタッフU氏の

『僕たちの仕事は、一日中キーボードとマウスを触るんだから、もっと道具にこだわって、効率的に仕事をしよう』

との提案により、社内で新しい「キーボード」と「マウス」を購入することになりました。

その「キーボード」と「マウス」についてご紹介します。

「キーボード」にこだわろう

今回購入した「キーボード」は2台。

一つ目は、
「DIATEC　Majestouch Mini」

製品サイト

ミニというだけあって通常のキーボードより、幅が約6センチ短い。短いといってもキー同士のピッチは同じで、比較的使用頻度の少ない3つの特殊キー（右Alt/右Ctrl/Winアプリケーション）を省き、5つのキー(Home/End/PageUp/pageDown/Insert)はShiftキーとテンキー部との組み合わせで代用します。

打感も悪くなくやわらかいのにしっかり打てるといった感じ。また、「キーボード」の横に「マウス」を配置しても体をひねることなく操作が出来て、作業スペースの確保となりました。

二つ目の「キーボード」は、
「東プレ　Realforce 91UBK」

製品サイト

これも上のミニと同じで、幅が短のにキーピッチはフルキーボードと変わりない。違いは、テンキーを省いていること。

テンキー操作になれている方には、使いづらいかもしれませんが、なんといっても打感が軽くて素晴らしい・・・。

「enterキー」だけ微妙に音が違っており(心憎い）、「スコスコスコ…キン」という感覚で軽快に打鍵できます。大げさでなく「疲れがとれるキーボード」といったところでしょうか。

値段だけのことはあります。金額に余裕があればかなりお勧めします。

「マウス」にこだわろう

続いて「マウス」も2種類購入しました。

一つ目は
「Logicool　MX Revolution」

製品サイト

詳しい機能は製品サイトを見ていただくとして、ホイールを回したときのクリック感を自由にON/OFFできる「MicroGearプレシジョンスクロールホイール」により、一行単位でも数千行単位でも指先一つでホイールを操作できるのがかなり快適です。 任意のテキストをドラッグしてワンクリックでブラウザで検索できるのもかなり便利。

また、人間工学にもとづいているだけあって親指がしっかりマウスに乗って手によく馴染みます。充電式のコードレスなので電池を入れ替える面倒くささもないです。

まだ数日しか使ってませんが、作業効率が上がり、肩こりとストレスが軽減しました。

二つ目の「マウス」は
「Logicool　G9 Laser Mouse」

製品サイト

ゲーマーに圧倒的な指示を受けている「マウス」です。

さすがに「世界最強のカスタマイズマウス」というだけあって、上の製品の機能にプラスして解像度の変更、重さの調整、カバーの付け替え、などユーザーに合った細部までのカスタマイズが可能です。

また、マウスの解像度やプロファイルを示すLEDを搭載しているので操作感もよく、見た目もかっこいい。これでコードレスなら完璧なんではないでしょうか。

「マウスパッド」にこだわろう

ついでに「マウスパッド」も購入しました。

「シグマAPOシステム販売　 エアパッドプロIII」4枚（Win用とMac用）

製品サイト

「史上最強のマウスパッド」というだけあって、ポインタの動きが、非常にスムーズ。

セットの「エアーパッドソール」をマウスの裏に貼ると、まさに「エアーホッケー」なみに滑りまくります。

（写真は、ちとエアーパッドソール貼り過ぎ？）

手の移動距離も少なくてすみ、手首にやさしいのでストレスを軽減します。

今回はSketchUp（スケッチアップ）について説明します。

簡単な建築物を作ることに威力を発揮する3Dソフトです。

無償版と有償版の2種類があります。

ただ、無償版と有償版の差はデータの書き出しの制限などほんの僅かです。

無償版は英語版のみですが、SketchUpの公式サイトの有償版用のビデオチュートリアル（日本語ボイス解説付き）があるのでここを活用しましょう。

［Rectangle（長方形）］ツールや［Push/Pull（押す/引く）］ツールを 使うだけで、スケッチ感覚で簡単に立方体や三角形の屋根がつくれます。

この感覚は、今までの3Dソフトでは得られないものです。

慣れてくれば、いろんな窓の形やベランダなども短時間で作れるようになります。

［shadows（影）］を使ってモデルに太陽光の影を投影することもできます。

いろいろな瓦や壁のテクスチャも内蔵されており、無償にしてはかなり本格的なソフトではないでしょうか。

自分のモデリングだけで満足できなければGoogleより登録されたハイポテンシャルな 既存のモデリングデータをダウンロードして使用することも可能です。

ここではヘリとポルシェを使用しました。

また、このソフトはGoogle Earthとの連携も考えられており、Google Earth上に自分の作成した建物をSketchUpのplace modelより出力して配置することも可能です。

興味を持たれたなら早速ダウンロードしてみてください。

圧倒的なサービスを提供し続けるGoogleの「Google Earth」を使って簡単な動画を作成してみました。

以下、簡単な作成の流れをご説明します。

「Google Earth」のインストール

これがないと始まりません。まだインストールしていない方は、「Google Earth」をインストールしましょう。

「Google Earth」

動画を作らなくても1日遊べます。

「Google SketchUp」で建物の3Dを作成

「Google SketchUp」をインストールします。

「Google SketchUp」

同じくGoogleが提供する無料3D作成ツール「Google SketchUp」で建物を作成します。「Google SketchUp」は、「Google Earth」との連係機能を備えており、3Dモデルを自由に「Google Earth」上に配置できる無料3D作成ツールです。

今回、弊社のビルを作成してみました（実際はこんなにでかくないです・・・）。

まず、「Google Earth」で任意の場所を検索で指定し、「Google SketchUp」にエリアの画像を配置し、その上に建物を作成します。四角や円の図形を押し出すだけで直感的に作れます。

次に作成した建物を「Google Earth」に送ってあげます。

「Windows Media Encoder」で動画を録画

「Google Earth」の画面を「「Windows Media Encoder」で録画します。

「Windows Media Encoder」のインストールと動画の取り込み方法は、以下のサイトを参考にさせていただきました。ありがとうございます。

「GE Maniacs」

お気に入りのカメラワークが設定できたら、エンコードして録画しましょう。

動画の編集

「Windows Media Encoder」で保存された「WMV形式」の動画を編集します。

編集といっても部分的にカットしたり、サイズの調整です。動画編集ソフトは、「Adobe Premiere」を使用しました。

「そんな高価なソフトないや」って方でもWindowsなら「動画編集・変換フリーソフト」などで検索すると多数のフリーソフトがありますので気に入ったものをお探しください。

編集が終わると「FLV形式」の動画に変換して保存します。

「Flash」でアレンジ

「FLV形式」で書き出された動画を「Flash」に埋め込みテキストのムービーと合成してみました。

なお、「Flash」での動画の埋め込みは、かなりデータを重くするので、取り込む前の動画のサイズや画質の圧縮に注意が必要です。

以上、動画の素材として「Google Earth」を使う簡単なTIPSでした。

それぞれのソフトが奥が深いので操作説明はしていませんが、作業の流れを自分用のメモ書きとして掲載しました。 興味がわいたら試してみてください。

「はてな」や「del.icio.us」といった日本で主要なソーシャルブックマークにクロスポストすることが出来るシステムです。ボタンを生成してテキストをブログに貼付するだけで、簡単にブックマークアイコンが追加できます。

→AddClips

また、どのエントリーがブックマークされたかを解析、統計することが出来るブックマーク統計機能もあり、かなり便利そうです。

自分のブログやホームページに、ブックマークアイコンを付けると、閲覧者は、クリックするだけで任意のソーシャルブックマークサイトにブックマークできるサービスです。

弊社も早速追加してみました（記事の右下にあるアイコンです）。

ブックマークアイコンのメリット

• お手軽にブックマークしてもらえる。
• ブログを公開する場所が広がり、閲覧者が増える。
• よってアクセス数UPにつながる。

などなど・・・

皆さんのブログにもどうですか？

グラフィックデザインに関わっている方は周知のことかと思いますが、一般の方はともかく意外とWEBデザイナーの方でも「解像度」について理解されていない方も多いのではないでしょうか。

よく画像原稿を入稿したが、「画像の解像度が低い」「画像が小さい」「印刷すると粗くなった」などと印刷業者の方からいわれたご経験はありませんか。

ここでいう「解像度」とは、「画像のきめ細かさや滑らかさの度合い」です。厳密にいうと１inch（インチ＝2.54cm）当たりのdot（点）の数のことです。単位は「dpi（dot per inchの略）」で表現し、この値が高いほど、より自然に近い美しい画質が得られます。

たとえば、「72dpi」という解像度は、１inchの幅に72個のドット(点)が収まっているということになります（下表のdpiの表示の違いを参照）。

■画素数とは

デジタルカメラでよく耳にする「画素数」ですが、画像のデジタルデータは、画像を細かく分割したものを1つの色で表現します。この分割した面積を「画素」といいます。上記のドットの大きさと同じようなものだと思ってください。よって、画像の分割が多いほど（画素数が多いほど）、自然に近い美しい画質が得られます。

モニターの解像度はこの「画素数」にあたり、画面全体をいくつの「画素」で表現するかを意味しています。

■印刷に必要な画像解像度

一般的に画像の解像度は「300～350dpi」あれば、高品質な印刷ができます。高価な美術書や写真集となると「400dpi」は必要です。

パンフレットやチラシなどに使用する画像にホームページからダウンロードした画像が使えるかとご質問を受けますが、ホームページで表示している画像は72dpi（低解像度）で、印刷すると粗くなりますので使用できません。

■Webに必要な解像度

基本的に「96dpiまたは72dpi」です。

モニタのデバイス解像度は、機種によって異なりますが、一般に「Windows」は96dpiです。「Mac」のモニタのデバイス解像度は一般に72dpiです。

現在ブラウザでご覧になっている画像の大きさが「96dpiまたは72dpi」で実寸に近いとお考えください。よって、Webでは印刷とは逆に表示を遅くするだけなので、高すぎる解像度は必要ないということになります。

ブログなどで、画像をアップするときは、大抵画像の大きさを設定できるようになっていますので、参考にしてみてください。

なお、「Flash」などに画像を取り込んで加工するのであれば、200dpiぐらいは必要かもしれません。

■画像の大きさの比較

画像の大きさの比較を下表に表してみました。各「Sampl」をクリックしてみてください。

当然ブラウザでの表示になりますので、「解像度」は「72dpi」となっています。Webと印刷物に使用する画像の大きさを比較してみてください。

印刷時は、印刷する紙などにあわせて「解像度」を「300～350dpi」ぐらいに設定しなおします。ブラウザでは「72dpi」で表示していますが、実際の印刷時の大きさは各サイズの大きさ（単位cmやmm）となります。

■画像の大きさを調べる

「Photoshop」などのグラフィックツールが、あれば「解像度」を調べることができます。

「そんなソフト高くてよう買わん」という方は、フリーの画像編集ソフト（GIMPなど）もありますので、興味があれば調べてみてください。

また、簡単に画像の大きさを調べるのであれば、「jpg」の画像データを「IE」や「fierfox」などのブラウザにドラッグ＆ドロップしてみてください。あくまで目安ですが、印刷時に必要な大きさは、ブラウザに表示した画像の大きさの「約4～5倍」だと考えてください。

なお、今回は「解像度」についてご説明しましたが、デジタルカメラなどで撮った画像の色は「RGB」で表現されており、印刷時には「CMYK」に変換する必要があります。「RGB」と「CMYK」の違いは、機会があればこちらで、掲載いたします。

以上、簡単ではございますが、ご家庭で年賀状を作成したり、ブログに画像を掲載する際にもご参考にして頂けたら幸いです。