2009年4月の記事一覧｜WEB制作・WEB開発のTips＆News Kamimoto.biz Labs

2009年4月26日

Web制作（ウェブデザイン）におけるデファクトスタンダードアプリケーションは、2つ存在します。

今は、両ソフトともAdobe社から発売されていますが、
PhotoshopとFireworksです。

Adobe Photoshop Extended CS4 （V11．0） 日本語版 Macintosh版

Adobe Fireworks CS4 （V10．0） 日本語版 Macintosh版

おそらくPhotoshop派のデザイナーの方が圧倒的に多いでしょう。
半々という感じではないかと思います。

そんなこんなな両ソフトについて語られたおもしろいエントリーがあったのでご紹介。

Photoshop?Fireworks?

読んでいただくと、おもしろいこと、ためになること満載です。

ただ、個人的には、下記が気になりました。

そんなに言うんだったらFwで作ればよくね？という話ですが、そうもいかない理由もいくつか。
・重い
・不安定（会社の先輩は一日に15回くらい落ちてました）
・グループ/グループ解除でテキストがずれまくる

正直、Fireworksで、「重い」「不安定」と感じたことは"1度"もありません。
むしろ、圧倒的に、Photoshopで、「重い」「不安定」と感じます。

なので、Fireworksについてのメリットを認識しているのに、この「重い」「不安定」という理由で、Fireworksを使用しないのであれば、正直、非常にもったいないなと。

ビバ！Fireworks！！！（笑）

• Adobe
• Fireworks
• Photoshop

以前、自分のブログにメモったつもりだったけど、なぜかない...

で、結局もう一回ググったので、とりあえず今回はちゃんとメモります。

InstaMT でかんたんデモ環境構築

InstaMT は、Movable Type が動作するのに必要な環境である Apache, MySQL, ActivePerl, そして MTOS 4.1 が各々ひとつのディレクトリにプリインストールされているかんたんデモ環境構築パックです。InstaMT.exe を実行すれば、Apache や MySQL のステータスを表示するウインドウが立ち上がり、ローカルホスト (http://127.0.0.1/) へアクセスするだけで Movable Type のダッシュボードに移動します。

XAMPPにMTをインストールするのはややこしいので、別アプリでも気にしないのであれば、とりあえずこちらが無難でしょう。

• Movable Type
• アプリ
• デモ

今回は、完全にMovable Typeネタです。

自分用のメモで。

■関連記事
Movable Type 4.2で同じカテゴリの関連記事を表示する

「同じカテゴリの記事を最新n件、抽出」というのをMT4.1からある変数により、プラグインなしで行っています。

これまで、Movable Typeで関連記事を表示するには専用のプラグインをインストールする必要がありましたが、Movable Type 4.1から追加されたMTSetVarBlockタグを使えば、プラグインを使わなくても実現できます。

■Ajaxによるアクセスランキング
アクセスランキング・プラグイン（jquery.pagerank.js）

jQueryを用いたアクセスランキング。
従来MTだと、プラグインを使用しても、スタティックパブリッシングの場合、「再構築」しないといけませんでした。

そこで、jQueryを利用したAjaxにより、きれいにアクセスランキングを表示していますね。

すごいです。

元記事を参考した記事。
Ajaxでアクセスランキングを表示

■投票
Movable TypeでAJAXな投票を可能にするプラグイン「AjaxRating」

これまたすごい。
これは、早速、試したいところ。

ダウンロード元。
Ajax Rating v1.1 - Full Support for MT4

• Ajax
• Movable Type
• アクセスランキング
• プラグイン
• 投票
• 関連記事

2009年4月24日

私は、このWeb制作ブログ以外にも、SEOブログ、プロデューサーブログ、そして、おまけのフットサルブログなども書いています。

そして、当然、会社に属してのいわゆるビジネスブログも書いてます。

そのビジネスブログについて、面白い記事があったのでご紹介。

ビジネスブログで失敗する７つの理由

全般的に「なるほど」と思わせていただける記事ですが、下記が一番印象に残ります。

mixiで書くような日記との違いが明確に出てる部分ですね。

引用します。

• お気に入りに追加しようと思いましたか？
• 字は小さくないですか？
• 字の色などごちゃごちゃして読みにくかったですか？
• なにか役に立った気分になりましたか？
• 嫌な気分にならなかったですか？
• 他にも読んでみたい記事がありましたか？
• トップページの時点で読む気をうせませんでしたか？
• どこをクリックすればよいのかわかりにくかったですか？

ビジネスブログも含めて、ブログは「相手に"負担"をかけず、新しい"情報"を提供する」ことにありますからね。

その点、ユーザビリティは最低限おさえると。
したがって、無料ブログを使っているのであれば、デザインの華美でなくて、"見やすさ"を考慮して、テンプレートを選びましょう。

そして、自分がそれまで知らなかった情報は、まだ見ぬ相手が知らない情報かもしれません。
そうしたことでもいいので、積極的に発信しましょう。

• ブログ
• ユーザビリティ

いよいよGoogle Analytics API公開。

Google Analytics API公開、携帯からのアクセスも可能に

今回公開されたGoogle Analytics Data Export APIを利用すると、Webアクセス解析ツール「Google Analytics」のデータをGoogle Data APIフィードのかたちでダウンロードすることができる。このAPIによって、解析データを利用したダッシュボードやガジェットを開発したり、異なるシステムでトラッキングしているデータと統合することも可能になる。

Google Code上で公開されているCustomer Examples。

こうした類のツールにおいて、メイン部分はGoogle Analyticsに任せておいて、独自のアイデアで出せるツール部分のみの開発に専念できれば、よりWebで幸せになれますね。

• API
• Google
• GoogleAnalytics

2009年4月22日

Movable Typeでは、ブログ記事のリストを表示する際、<MTEntries>というMTタグを使用します。

基本的な使い方は、lastnというモディファイア（htmlタグの属性みたいなものです）を使用するのですが、

ここで、全エントリーを表示する際は、lastnモディファイアを 0 や、 99999 などのあり得ない大きい数字にする手法がとられることが多いです。

本当は、MT4から使える変数（mt:SetVarBlock）を使うのが正しいのですが、MT4以前だとダメなので...

• Movable Type
• ムーバブルタイプ

2009年4月19日

サイドカラムに、「あわせて読みたい」をはってみました。

あわせて読みたい

Web系のブログなどでは、けっこう貼られている有名なブログパーツですよね。

どんなブログが表示されるか楽しみです。

• あわせて読みたい
• ブログパーツ

2009年4月16日

Web制作・開発のための今日のブックマークです。

・投資家に優しいIRサイトは? カプコンとNTTドコモが1位 - 2009年ゴメス調べ
サイトのユーザビリティなどを比較しているゴメスが、2009年版の「投資家に優しいIRサイト」を発表しました。
プロデューサー・デザイナー以外の方も読んでおくといいと思います。

• IR
• ゴメス

2009年4月14日

Web制作･開発のための今日のブックマークです。

・4杯目：桜の下でCSS談義

CSSについてのリンク集的な感じでも今後使えそうです。
また、文章もおもしろいです。

・世界が注目する「アンドロイド」人気の理由とは？
Googleが提供するアンドロイドについて、平易に紹介されています。
「アンドロイドって何？」っていう方は、読んでおくとよいかと。

• css
• google
• アンドロイド

2009年4月 9日

Web制作･開発のための今日のブックマークです。

・Webサイトを特徴づける10のデザインテクニック
テクニックというよりも、「心構え」と呼んだ方が適切かもしれません。
なお、テキストのカーニングとは「カーニング とは、特定の文字の組み合わせの文字間隔を調整する処理」のことです。

・シンボルを使用して作業効率を高めよう｜Fireworksデベロッパーセンター
シンボルというのは、Flashを使用されている方ならおなじみかと思いますが、Fireworksでも同様のものが存在します。

・「今日のナカツリ」、3キャリア対応携帯Flashサイト提供開始
内容としては、PC版のモバイルへの焼きまわしなわけですが、Flash LiteのUIがすごいいいです。

・IE6 ⇒ IE8 ⇒ IE6 で JavaScriptが動かなくなった
そういうことらしいです。

• Fireworks
• Flash Lite
• シンボル

2009年4月 8日

第22回　MovieClipシンボルにクラスを定義する

クラスをMovieClipシンボルに対して定義する方法を概説しています。

意義から。

MovieClipシンボルにクラスを定義すると，シンボルのタイムラインや配置されたエレメントなどのアセットが，そのクラスに関連づけられる。すると，MovieClipシンボルを[ライブラリ]からステージにドラッグ&ドロップするだけで，クラスに定義した動作が実現されることになる。コンポーネントのようなパーツをつくることも可能だ

うーん、Flashは、最低限しか知らないので、そこは補強したいところ。

• ActionScript

これは、GoogleAjaxAPIの中の1つ「Google Feed API」を使ったことのない方にはお勧めの記事です。

Google Feed APIで3分マッシュアップ

本来、JavaScriptにはクロスドメイン問題があるのですが、このGoogle Feed APIがあれば非常に簡単に外部フィードを取り込めます。

私が実際に使っている例としては、モバイルデザインアーカイブ　公式ブログがあります。

このブログは、モバイルデザイナーのためのモバイルサイト集「モバイルデザインアーカイブ」の情報ブログとして運営していて、ke-tai.orgさん他、携帯についてのポータルメディアからの新着ニュースをフィードとして読み込んでいます。

フィードをプルダウンで選択させるサンプルも公開されています。

• GoogleAjaxAPI

2009年4月 7日

CV（コンバージョン）とデザインの相関はない

というようなことはよくいわれることです。

ここでいう「デザイン」とは、どちらかというと、「アーティスティック」と呼んだ方がいいのかもしれません。

で、いい記事があったのでメモ。

売れるデザインとは？あなたのサイトのコンバージョン率を高めるための8つのコツ

列挙してみます。

1. メッセージをうまく伝えてくれる画像を使おう
2. 選択肢を与えすぎないこと
3. 製品やサービスをちゃんと見せよう
4. 試用できるようにしよう
5. AIDAを意識しよう
6. 注意をひこう！
7. 「アクションリンク」をつくろう
8. 「右下」を意識しよう

ここまで、1つもPhotoshop、FireworksのKWは出てきません。

これらは、どちらかというとインフォメーション・アーキテクトの反中ですよね。

個人的には、特に下記の2点でしょうか。

1.メッセージをうまく伝えてくれる画像を使おう
単純に画像を配置するのではなくて、メッセージ性ですね。
逆に言うと、メッセージ性を表現するためには、華美な装飾・加工は不要に思います。

2.選択肢を与えすぎないこと
これも大事ですよね。
ランディングページなどを設置することがなぜ大切なのか？にも通じます。
LPO的な観点を少しでもサイト全体にも入れることが大事な気がします。

• デザイン
• ユーザビリティ

2009年4月 6日

PhotoshopからもHTML書き出しというのは存在するのですが、いかんせん古い＝テーブルコーディングのものになります。

また、同じAdobe（旧macromedia）のソフトウェアであるFireworksには、CSS吐き出しが存在していますので、そちらを使うべきかと思いますが、デザイン段階では、Photoshopを選択する方の方が多いかと思います。
#ちなみに、私は、Fireworks派です。

そんな中、PhotoshopからもCSS書き出しをサポートしているサイトがありましたのでご紹介。

psd2css

まぁ、Fireworksの方がいいです（たぶん）

• Photoshop

2009年4月 1日

あれ、Googleって川柳やってたっけ？？

4月1日来たので、さっそくGoogleなんかやってるのかなと思い、

「名言」でググってみました。

というのも、名言のサイトをSEOの遊びの一環として運営してるからなんですが、

魂をアツくさせる名言・格言集
名言ベスト.com

結果が、、、

先生の　次の名言　予想する
「名言」を題材に川柳を詠んでみたんだけど、どうかな？
Google 川柳 powered by CADIE」

と出ます。

で、クリックすると、

本日より、検索結果に川柳が表示されるようになりました。

って、4月1日からなんだろうか？
それとも、昔からあったのかな？？

それとも、4月1日のみ？

ということで、1句。

「テポドンよ　どうせ打つなら　4.1（よんてんいち、4月1日）」

• Google
• エイプリルフール

こちらで紹介してるWEB制作・WEB開発は、各種サービスサイトでご相談ください。各種ライブラリ（Prototype.js、script.aculo.us、jQuery）によるAjax開発、Movable Typeサイト制作のサイトへぜひ一度アクセスしてみてください。

• サイトマップ
• お問い合わせ
• ホームページ制作
• Web制作アイデア
• HTMLコーディング
• SEO
• SEO対策情報ブログ
• ウェブデザイン
• twitterデザイン
• twitterサービス
• twitter情報
• 動画まとめ
• 音楽動画