Author Archive for hiroto

知らないヒトは絶対損する！｜SOUR「映し鏡」インタラクティブミュージックビデオ

SOUR「映し鏡」インタラクティブミュージックビデオ

アクセスしたその人だけが体験できる、「Wao!」という驚き。

真夜中、1時半をまわって少し休憩がてらにWeb徘徊していました。
「SOUR「映し鏡」インタラクティブミュージックビデオ」というものを発見しまして、思わずご紹介しようと記事を書きました。
HTML4とFlashや、APIの取得などを行っている模様。（全ての技術は、私のちんけな脳みそでは把握出来ませんでした・・・。HTML5ではないそうです。→こちらから。）
少し重たいですが、他のウインドウを操作したり、閉じたりせずに根気よく待ってみてください。
（※ 動作環境：Safari5.0 、Chrome 5.0以上で動作します。）

「SOUR「映し鏡」インタラクティブミュージックビデオ」

ソーシャル・ネットワークを使った試み。

Facebook、Twitter、Webcamを接続すると、上のような動画が見れます。(どれかひとつ、もｓくはふたつとかでもOKです。)

このサービスは、OAuth認証（アプリケーションがあなたのfacebookやtwitterにアクセスして、最低限必要な権限のみを委譲することです。詳しくはこちら。）を行いますので、そういった事が嫌な方は上のYouTubeで御覧ください。

Facebook・Twitter・ウェブカメラを接続すると(OAuth認証: どれかひとつとかふたつとかでもOK)

（途中でtwitterに歌詞をつぶやかれてしまい、ビックリして私は止めたのですが、実際にはつぶやかれないのでご安心ください。【実体験済。笑】）

何がすごいか、と言うと「音楽を聞く」や「PVを見る」などの次元をとっぱらって、

「映像を体験できる」

という今まで味わったことのない、新しい形のものであるということです。

Web媒体に可能性を感じる作品

知らないヒトは絶対損する！

百聞は一見に如かず。
是非ごらんください！

website：http://sour-mirror.jp/index.html

Popularity: 17% [?]

2011/02/19 | 0 comments | 投稿を表示

地域活性化とフリーランスの意外な接点。

地域活性化（glass-revitalization）

今、引っ切り無しに叫ばれている「地域活性化」とは、一体何モノなのか。
今回は地域活性化のために、フリーランスがどのように貢献できるのかを考えてみたいと思います。

「地域活性化って何？」
そうした時に出てくるジャンルは以下のような事でしょう。

　■ 産業育成
　■ 住民参加
　■ 農山漁村活性化
　■ 雇用創出
　■ 観光振興
　■ 分野横断的支援
　■ その他

その他、色々な分野やテーマがあるかと思います。

ちょっと話が反れるのですが、

「価値ってなんだろう？」

人は生涯を掛けて、その問題に取り組みます。
僕は、人が求められるのは

「資本(あるいは、資本思想)制生産における労働力の価値以上のもの」

であると考えています。
「日本を変えなければならない！」と叫ばれている昨今、「じゃぁどうすればいいの？」という議題に真剣に取り組むパラノイドは意外にも少ないです。

僕は関西という地方で働くフリーランスを１年間やって色々な人に支えられて、思うことは、
「フリーランスこそが、地域活性化の要」である。
ということです。

そもそも、なぜ地域が幸せでないのか

そもそも、「なんで地域が幸せでないのか」という疑問には、お金がとっても関わってきます。
よくやるイベント、地域紙などの発行は、お金があってこそ成り立つものです。
それを集める前提で、お金のない企業さんは、完全に蚊帳の外です。

またほとんどの場合、一発成功！というのは夢物語であり、フリーランスの多くの人は、まず人と会い、想いやそれらに通ずる知識を共有。そしてその人を惹かれて仕事を任す、ということがスタンスになっています。
その際のお金の出所はどこでしょうか。

悔しくも、お金は絶対的に無視できない要素であり、産業育成にも、雇用にも、観光振興にもお金は必須条件です。
そんな時、フリーランスの方々は今までの倹約生活から、様々なアドバイスをすることができます。
これは、意外にも大きな事です。

経営や資金面の知識がここで役に立つ！

理由は、一人（または少数）でやると、ターゲットを絞らざるを得なくなり、またそうした小さな成功を積み上げることが成果となっているからです。
それに、普段会社で働くサラリーマンよりも、資金面に敏感であることも挙げられます。

これは地域活性化にも通じます。
いわゆる、アドバイザー、コンサルタントとして置いてもらうのです。
培ってきたマーケティング、ブランディング、ディレクションなどの能力はもちろん、今まで細かく付けてきた帳簿などの知識はここで本当に役に立ちます。
それには、ヒアリングシートを細分化し、ジャンル別に経営面を見直していただくようにしています。

僕が実際に行っているシートの一部をご紹介します。

ヒアリングシート

面倒ですが、こんな形のものを「製品やサービス別」に経営者様に書いてもらっています。
時間はかかりますが、一から経営について考えなおしていただき、無駄な経費を節約し、それを今度は地域活性化に役立ててもらうわけです。

あまり長くなるとアレですから・・・

ここまで読んでいただき、ありがとうございます。
よろしければ、下のコメントをいただけると嬉しいです。
また、facebookのファンページも制作してみましたので、よろしければ「いいね！」していただけれると嬉しいです。

ヒトリフェスト.com ファンページ

それでは！

Popularity: 14% [?]

2011/02/09 | 0 comments | 投稿を表示

ECサイトを経営面からディレクションする際に必要な13項目

ECサイトを経営面からディレクションする際に必要な13項目

以前、「商業ウェブサイトを成功に導くための13のアドバイス」を書いたわけですが、その中でも今回は”数字”に着目しようと思います。

ECサイト、つまりネット通販では、コスト丸裸にすることが重要です。
ECサイトの仕様〜デザイン、開発も決まり、さてローンチ！の前に知っておくことが必要な言葉があります。

「あなた（個人、企業ともに）はローンチした時点で、そのサイトの経営者になる」

とっても重要な言葉だと、私は信じています。
その中で必要になってきそうな“数字”に関する項目を、13項目ピックアップしてみました。

1・売上

その中でも、特に、損益分岐点売上高｜BEP（Break Even Point）が必要です。

【計算方法】損益分岐点売上高＝固定費 ÷ 限界利益率

つまり・・・
（１）売上ー費用＝利益
（２）売上ー（固定費＋変動費）＝利益
（３）売上－変動費＝固定費＝限界利益
（４）限界利益率＝限界利益／売上高＝（売上高 − 変動費）／売上高＝ 1−（変動費／売上高）＝ 1 ー変動費率
（５）売上 × 限界利益率＝固定費
（６）売上＝固定費 ÷ 限界利益率 or 売上＝固定費 ÷（１－変動費率）

限界利益率を上げるためには、変動費率を下げることが有効なんです。

2・原価率

原価率とは、仕入原価が売上に占める比率。
【計算方法】売上原価率（％）＝売上原価 ÷ 売上高 × 100

3・粗利率

【計算方法】売上総利益率（粗利益率）＝売上総利益 ÷ 売上高＝（売上高－売上原価）÷ 売上高

4・モール出店料

【楽天の場合】
・1日の平均取扱高：21億1,100万円（2009/5）
・会員数：5000万人（2009/5）
・出店店舗数：2万3,500店舗（2009/5）
・メガショップの場合：出店料100,000円（月額100,000円×12ヶ月分）＋システム利用料2.0%～4.0% ＋出店講習費用32,000円

5・販売ロイヤリティ

画像などにおける、ライセンスによる対価、またはその逆。及び無断使用か否かをここでチェックすること。

6・運営スタッフに対する給与

・併せて、その契約内容も確認しておくと、トラブルを避けられます。

7・オフィス賃料

・併せて、その契約内容も確認します。（特に、移動しなきゃいけないなどの条件も確認しておくこと。）

8・インフラ費用

・電気、ガス、電話、ネット接続料金など。（地域によって料金が違うので要チェック。）

9・発送アルバイトに対する給与

・併せて、その契約内容も確認しておくと、トラブルを避けられます。

10・荷造運賃、資材費、副資材費

商品を発送するための運賃や梱包費用を計上する科目のことで、運送料、小包料金、ダンボール購入費用、ガムテープ購入費用、船舶の運賃、梱包材料購入費などがこれに当たります。

11.会議・研修費

ここは、ECサイトに関しての直接的なものではないにしろ、各種研修会費、研修参加費、旅費、会議時のお茶代も、クライアントから聞き出しておくことによって、好感度が上がります。
また、直接的にはECサイトに対する外部セミナーや、もしコンサルティングなどを担当するのであれば計算しておいて損はありません。

12・広告宣伝費・サンプル金額

特に重要なのは下記です。
【費用対効果の高い広告宣伝費】原価率＝広告宣伝費 ÷ 売上高

また、こちらも計算しておくと、サンプルなどの数や種類なども決まる。
・購入者数＝セッション数 × 購入率
（CVR＝Conversion Rate コンバージョンレート｜購入率、成約率ともいう。顧客の購入回数のうち当該ブランドの購入回数が占める割合。）

13・在庫金額、棚卸高

棚卸資産の取得価額で評価する方法は、以下の8種類に分類されます。

（1）個別法：個別の商品に対して、原価を設定する方法です。商品ごと個別に在庫の管理を行う必要があります。単品管理と言います。受払いが明確なものに向いていますが、商品アイテム数が多い場合は、管理が大変です。

（2）先入先出法：商品を仕入れた順番に出荷すると考えて、期末の在庫単価、棚卸高を算出する方法です。そのため、在庫単価、棚卸高は期末の時価に近い金額となります。
（デフレ時には、期末になるほど取得価額（ある投資商品等の取得に要した価格（取得原価）に対して、手数料や税金（消費税等）を加えたもの）が下がるので、節税効果につながります。）

（3）後入先出法：後から仕入れたものを先に出荷すると考えて、期末の在庫単価、棚卸高を算出する方法です。そのため、もっとも古い在庫が期末の在庫単価、棚卸高の評価額になります。
（インフレ時には、期首に近いほど取得価額が低いので、節税効果につながります。）

（4）総平均法：一定期間内で、「仕入金額の総額 ÷ 総仕入数量」で求める方法です。事務処理は簡単ですし、他の方法に比べて手間もかかりませんが、期末になるまで単価が算出できないので、確認したい時に在庫の評価ができないのが難点です。

（5）移動平均法：商品を仕入れるごとに、その時点での平均単価を求める方法です。「（そのときまでの取得価額の総額＋新たに取得した商品や製品の取得価額）÷ 在庫の総数量」によって、1単位あたりの単価を導き出します。随時、在庫の評価を行いますが、とっても大変です。

（6）単純平均法：期中に取得した商品や製品を、単価ごとにグループ分けします。「そのグループごとの単価を足し合わせる ÷ グループ数」で、平均単価を算出する方法です。計算は簡単ですが、各単価グループの数量が加味されていないので、会計上、望ましくないと言われています。

（7）最終仕入原価法：最後に仕入れた単価を、期末の在庫単価、棚卸資産の単価として算出する方法です。時価の概念にもっとも近い方法で、商品や製品の受け払いをその都度記録する必要がないので、事務処理が簡単なため、多くの企業が採用しています。

（8）売価還元法：最終在庫数量に売上単価を乗算し、その金額に定価率を乗算することにより在庫単価を算出する方法です。通常、売価で商品などを管理している業種に向いています。期末の棚卸資産の通常販売予定価格の総額に、原価率（1 − 売価値入率）を掛け合わせて、在庫総額を算出する方法です。

参考→http://j-net21.smrj.go.jp/well/qa/entry/268.html

また、採用費（リクルート費用）や社会保険、保障費なども会社であれば含める方が良いかもしれません。

ECサイトの構築にかかるHTMLのコーディングやプログラムのコーディングなどの所謂、下流工程という「組み立て・製造」の部分でのビジネスを展開しよう、またはしている会社が業界全体をみてもまだまだ多いと感じます。
これだけのリソースが増えてきて、また価格も下落してくると、やはりこういった「IT経営に対するノウハウ」を持っていることが生き残っていく条件になってくるのではないでしょうか、とふと思いまとめてみました。

Popularity: 36% [?]

2011/02/01 | 0 comments | 投稿を表示

ソーシャルブックマークサイトを運営出来るCMS「scuttle」

ソーシャルブックマークCMS・Scuttle

去年の12月頃に話題になった「del.icio.us」の閉鎖騒動によって、「scuttle」はとっても話題になりました。
（かちびとさんの記事を参照→こちら）

僕自身も「ネット上のサービスは重いし・・・使い勝手もなぁー」と今ひとつでDeliciousが結構ピッタリきていたのですが、ここで「サービス閉鎖の噂」となっちゃうとやはり、「自分で管理した方が良いかもしれない」という結論に至ったわけです。

さて、色々調べて結局del.icio.usからインポートも可能である、CMS「Scuttle｜スカットル」を使うことも決まって、まずはお決まりの「ググる」作業に入るわけですが・・・
ちゃんとしたマニュアル的なものがなかったので、僕のブログでインストール方法（レンタルサーバ、ロリポップ対象です。）をご説明しようと思います。

まずは、このオープンソースのソーシャルブックマーク提供用プログラム「Scuttle」のインストール方法です。

【動作環境】PHP+MySQL4以上（Ver.0.90）
【ライセンス】GPL

僕は、日本語化プロジェクトのものをダウンロードしたので、ここで解説するものと同じものは下から入手できます。

まずは、ダウンロードします。

install
次に、「scuttle090j-beta3.zip」をリネーム。
（私は「bookmark」としました。）

そして、サーバーにほりこんじゃいましょう！
次にインストール作業に入ります。（下記のURLにアクセス）

http://example.com/bookmark/

scuttleインストール画面・その１
そして、次へ。

さて、ここでロリポップにログインしてください。
必要な情報は、下記の２つにあります。

データベース情報：「WEBツール」→「データベース」
パスワード情報：「アカウント情報」→「独自ドメイン　メール情報」の「パスワード」の欄

（データベースの説明は省略します。また、僕もよくパスワードを忘れるのですが、実は上のような裏技がありました！どううやら、ここは変えることができないようですね。）

さて、その必要な情報を入力すれば、もう完成！
いかがでしょうか。

「ちょっと待った！これでは、オープン過ぎて荒らされるのでは？」
自分専用に作ったとなると、やはりそれでは困ります。
なので、必要なことは以下の２つ。

１.「installフォルダを消しましょう。」
2.「アクセスの権限を書き換えましょう！」

1は簡単です。
サーバーから、削除すればOK。

次に2ですね。
これは、「ht.access」となっているファイルを書き換えます。
の前に、僕のMacの環境では、隠しファイルは見えない状況にありますので、まずはその下準備。

起動ディスク（Macintosh HDなど）」→「アプリケーション」→「ユーティリティ」と移動し、「ターミナル」を起動します。
そして、「ターミナル」に以下のように入力します。

defaults write com.apple.finder AppleShowAllFiles -boolean true

Finderを再起動します。

killall Finder

これで、OKです。

これが出来たら、「ht.access」を「.htaccess」にリネームし、エディターを起動。
そして、最後に呪文を追加します。

RewriteCond %{REMOTE_ADDR} !^127.0.0.1$
RewriteRule ^register.php/ /bookmark/

これで、権限がないものは、register.phpにアクセスできなくなりました。
（ちなみに「127.0.0.1」とは、自分自身を指すIPアドレスです。）

以上です！
ちなみに、ヒトリフェスト.com｜ブックマークはこちらです。ご参考までに、どうぞ！

Popularity: 15% [?]

2011/01/31 | 0 comments | 投稿を表示

【遅】ヒトリフェストの2010年人気記事

　Facebookのファンページを作成しました！

最近、「ブログがキレイになったね！」とお褒めの言葉をいただき、嬉しや嬉やのヒトリフェストです。
そして、「わかりにくいからまとめてみて！」と怒られもしました。

なので！
遅くなりましたが、Google Analyticのデータから、2010年の人気記事を取り上げます！（第１位〜第１０位まで）

第１位【ワイヤーフレーム（ウェブサイトの設計図）】

第２位【 Web デザインの基準｜企業サイトの横幅は何ピクセル？】

第３位【ウェブデザインの新基準？｜Grid System Design – 950px -】

第４位【マネジャーとリーダーの違い】

第５位【SEO：バックリンク（被リンク）の確認方法】

第６位【Caution!!：itunesフィッシング詐欺サイト出現】

第７位【【まとめ】Web制作に役立つチートシート（cheat sheet）日本語版＋α】

第８位【短縮URLを独自ドメインにしてみた。】

第９位【WordPress | ダイナミックハイライトメニュー】

第１０位【商業ウェブサイトを成功に導くための13のアドバイス】

でした！
何かのお役に立てれば、嬉しいです。

Popularity: 6% [?]

2011/01/27 | 0 comments | 投稿を表示

【まとめ】「自分でウェブサービスを作りたい！」は実現できるのか。

Webサービスを作ってみよう！

「自分でウェブサービスを作りたい！」
そういう人は多いはず。
かくゆう私もその一人なのですが、作りはじめると「・・・あ、こうしよう。」「やっぱ、こっちかな？」となります。
そんな人も多いのではないでしょうか。

とりあえず、「自分でウェブサービスを作りたい！」と思った時に参考になる記事をまとめているサイトや、役に立つサイトをまとめてみました。（敬称略）

・ロプログ「今年はWebサービスを作りたいと思っている人にお勧めのエントリーまとめ」http://blog.ropross.net/archives/99

・かちびと.net「あのサイトを作りたい！オープンソースのクローンCMSまとめ」http://kachibito.net/software/clone-cms.html

・かちびと.net「シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ」http://kachibito.net/web-design/minimal-site-resource.html

・func09「自分でWebサービスを作ってたら起業することになりました」http://www.func09.com/wordpress/archives/1151

・Forty-N-FiveBlog「面白いウェブサービスをまとめてみました vol.2」http://forty-n-five.boy.jp/blog/2008/10/_vol2.php

・ソイクフ「手軽に「個人用名刺（ミニ名刺）」を作成出来るWebサービスをまとめてみました。」http://soykhufu.net/archives/8

・WWW WACTCH「個人的に使っている Web サービスまとめ」http://hyper-text.org/archives/2009/09/my_web_service_list.shtml

・誠.Biz「田口元の「ひとりで作るネットサービス」探訪」http://bizmakoto.jp/bizid/hitori_index.html

・ウノウラボ「個人でWebサービスを作る時に一番大変なこと」http://labs.unoh.net/2007/03/komagata_1.html

・ホットココア社長日記「自分でWEBサービスを作る人、ペパボ創業者・家入一真氏。」http://blog.livedoor.jp/ikiradio/archives/51561828.html

＜番外編〜それでもやる気がおきない人のため〜＞

・「自分でWEBサービスを作りたいと思っている人へ」http://anond.hatelabo.jp/20101203150748

＜おまけ＞
もう四年ほど前の記事になりますが、「左上の魔術師」も重要かなっと。

それでは〜。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■おまけ

2/6 17:00〜開場｜Sweet Valentine Square＠ジラフ大阪：http://atnd.org/events/11704
上のイベントのフライヤーとチケットの制作をしました。

ticket-flyer

学生がやるイベントですが、結構安いと思うので良かったら、当日おいでくださいね。
Sweet Valentine Square＠ジラフ大阪

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

Popularity: 9% [?]

2011/01/13 | 0 comments | 投稿を表示

商業ウェブサイトを成功に導くための13のアドバイス

昨今、インターネットビジネスは、最近では本当に敷居が低くなりました。
そのため、「何でも出来る！」そう考えている人は未だに少なくないようです。

商業ウェブサイトを成功に導くための13のアドバイス
そんなこんなで気軽に考えられてしまう傾向もあるのですが、事業として始めるのならしっかりと組織として取り組むべきです。
理由はシンプルで「組織の速度」の問題です。
・お客様への対応
・売り上げの向上
・リソースの扱い
・次の事業へのスムーズな移行
…などなど、挙げていけばキリがないです。

大手企業は「ウェブマーケティング部」などの部門を別に設立し、担当者をしっかりと配置したり、コールセンターなども完備しているところが多いように見えます。
しかしながら、人足やお金のない中小企業では、それは不可能です。
そのため、外部ブレインとして地域のWeb屋さんにお願いしているところが多いようです。

さて、前置きはこんな感じで「担当者」という言葉にフォーカスしてみたいと思います。
パソコン、インターネットを使った仕事でも、動かしているのは「人」です。
担当者が変われば、そのクオリティに差が出る可能性があります。

そこで出番となるのが、「マニュアル」という言葉です。
ここでは私が思う、商業ウェブサイトを成功に導くためのアドバイス…というと”アレ”なんで、１つの考え方として下に記載します。

【商業ウェブサイトを成功に導くためのアドバイス by Hiroto Nishimura】

1. 一貫したユーザインターフェイス

どんな種類のサイトでも、ユーザーの居場所を明らかにするために、サイトの構造はシンプルで一貫したユーザインターフェイスを備えるべき。これは、ヘッドライン、下位ヘッダー（必要に応じて）、階層リスト（ホーム>カテゴリ>サブカテゴリ>製品｜パン屑リスト）で実装すべきであり、不必要にユーザーを悩ませる情報は掲載しないようにすること。また、カテゴリとナビゲーションは慎重に設計すること。

2. 写真のクオリティは高く、そのまま使えるものがベスト。

ここは特に手を抜いてはいけない。どこに使う写真画像でも、クオリティの高いものの方が良いに決まっている。どんなにサイトのデザインがよくても写真が魅力的でないと、ユーザーは買う気を損なうだろう。もし、これから撮るのであれば、腕の良いカメラマンに頼むことがベスト。

3.画像は複数を用意。またいくらあっても多過ぎるということはない。

そして、ユーザーは、実際に商品を手にとって見られるわけじゃないので、写真やレビュー、映像、あるいはJavascriptなどを使用した回転画像などを使い、「手に取って試してみた」と感じさせることは、非常に有益である。

4.情報は出来るだけ詳しく。

ここは、実際にあなたのサイト、商品などが信用できるかのところである。下記にいくつかサンプルをリストアップしておく。
・コンセプト：端的な言葉でサービス、商品の概要を言い表す。
・サービス名（商品名）：決まってない場合は適当な名前にしておく。
・概要：コンセプトの詳細だが、シンプルに。
・ターゲット：ターゲットユーザ層、性別、年齢など。
・特徴：特徴を書き出します。
・機能：どんな機能があるのか、具体的に。
・キーワード：サービス、商品のキーになる単語を書き出す。これが後々SEMなどに役に立つ。
・利用メリット：どんなメリットがあるか。例えば、どれくらいお得なのか明示する。
・金銭面の詳細：予算、収益予測、価格等。
・開発体制・運用体制：今までの経緯などの説明、商材であればその歴史。
・集客：今までの集客、またこれから考える集客のイメージを。
・オフラインの捉え方：実は最も重要。アプローチについてのイメージを書き出す。

5.「用途範囲」を明確に示す。

これは、商品やサービスの詳細的な役割を持つ。それによって、そのもののターゲットを明確にすることもでき、検索エンジンからもユーザーが訪れやすいものとなる。FAQなどでユーザーに分かりやすい形で提供すると良い。

6.わかりやすい場所に検索バーを表示し、使えるものにする。

ユーザーはサイト内の検索を使用することもあり、リピーターとなれば検索することから始めることも多くなる。検索を実行した際、検索語句と検索結果だけを表示するだけでなく、例えば、検索結果に写真を含めるなどすると、いっそう分かりやすくくて良い。そして、ユーザーが検索クエリを修正できるよう、入力語句の表示も消さないでおくこと。もし、ユーザーが価格やオプション、色、サイズ、モデルなどを選択できるのならば、ぜひその機能を提供しておくこと。検索は実用的なものにしておく必要がある。

7.掛かる料金、決まり事などの必要事項は全部表示すること。

ユーザーが商品を注文して、いざ購入する際に「商品を扱っていない」「在庫がない」などが表示されるとユーザーはガッカリしてしまう。また、商品ページに記載された価格より、送料等で高価になってしまうことも注意が必要。もしかしたら、ユーザーは「騙された、こんなサイトもう一生来ない！」と思うかもしれない。税金や送料、決まり事など、必要なものは全て明記すること。

8.支払い方法の選択肢は柔軟に。

クレジットカードやオンライン決済など可能な限り選択肢を増やすことによって、ユーザーの快適さは段違いに変わる。

9.電話番号や住所を明記すること。

全てのページで、実際に連絡がとれる電話番号や住所を明らかにすること。理由は、ユーザーに「すぐに対応してくれる」という安心感を与えるからです。ここでは、メールフォームなどのネット経由以外の連絡先にするべきで、電話番号が好ましい。

10.ニュースレター、メールマガジンを配信する。

定期的に配信するニュースレターはユーザーとの強力なコミュニケーションツールとなり、売り上げに直結するためどんなWeb屋さんでもこれは重要視している。（提案しないところは、ただの制作会社だと思ってください。）ただし、スパムは絶対配信だめよ♥

11.ソート機能、リコメンド機能、できるだけ類似した検索結果を示すこと。

ユーザーが商品を分類できる機能や、自動で類似したものを表示する機能を実装すること。例えば、良いレビューがついた商品の一覧を表示することや、その商品から下記のようなおすすめ一覧を出すことも効果的。

12.Google Sitemapに一工夫

こちらは、最近知った事。Google Sitemapによく検索されるURLを含めることで、SEOに効果があり、人気の高い検索キーワードからの流入が期待できる。
例：http://www.apple.com/search/?q=mac+book+pro

13.注文確認や出荷情報など、連絡はまめに。

（実は、ここのサイト（http://www.superprint.jp/）で名刺の発注したのですが、メールでこまめに状況を教えていただけたので納期などクライアントにも細かに連絡でき、非常に助かった思い出があります。）

ザッとこういった感じでしょうか。
後は、必要に応じて取捨選択、増減する必要があるでしょう。

==========================================================
12/15・追加項目
銀行決済も重要

VALID SEOさんからのご指導をいただきました！
銀行決済も重要で、複数の都銀を用意していると割りと喜ばれます。

Popularity: 11% [?]

2010/12/15 | 0 comments | 投稿を表示

これは便利！FeedのデータをPDFに変換できる無料サービス「feed2PDF」

日本語でも文字化けしない、便利なサービスを発見したので、ご紹介！
ボクも最近よく使っています。

「feed2PDF」

使い方はとっても簡単！
feed2PDFの利用は無料で、登録などもいりません。
「Feed URL」にPDFにしたいRSS FeedのURLを入力して、「Retrieve」ボタンをクリックするだけ！

うーん。
簡単だ。

取得する記事の数は、デフォルトで「5」件となっており、自由に変更できるようです。

↓試しに「【まとめ】Web制作に役立つチートシート（cheat sheet）日本語版＋α」の記事を5件表示してみました。

できたPDFのページの隅に縦でちょこっと広告が入るようですが、全然気になりませんでしたよ。

以上です。
はてブなどをしておいたブログのFeed URLをこれで出力して、本みたいにファイリングしています。
見たい時に、オフラインで見れる究極のツールだと思います。
しかも、しっかりと日付（その記事が書かれた日）が右上に入るのでこれまた便利！
是非使ってみてくださいね。

Popularity: 6% [?]

2010/12/15 | 0 comments | 投稿を表示

WordPress | ダイナミックハイライトメニュー

WordPressで困ったことが１つ。

「currentが使えない！」ということ。(currentとは→http://www.clean-west.jp/こういうグローバルナビゲーションメニューのことです。)
動的があるが故の、この問題。
うーん。と思いながら、Codexを調べてみました！

で、案の定問題が発生しました。
「listタグに適用すると、css spriteと併用できない！」

つまり、僕がやりたいのは…spriteを利用して、a、hover、currentで全部表示を変えたい！なーんて、無理矢理なことなんですが、せっかくなんで、こちらで応用も加えた説明をしますね。
（css sprite｜CSS スプライトについては、流派別もあるので、CSS Spriteの流派をまとめるが参考になります。）

// 概要
=================================================
＃ここで説明するのは、css spriteも使ったものとなります。
・メニューの数は４つ。
・全体のwidthは960px計算。
・listの各widthは240px、heightは40pxとする。
・codexではliタグに適用しているが、ここではaタグに適用。

１.まずは、こんなHTMLをつくります。（ここでid等の値をふっても良い。）

<ul>
　<li><a href="#">Page One</a></li>
　<li><a href="#">Page Two</a></li>
　<li><a href="#">Page Three</a></li>
　<li><a href="#">Page Four</a></li>
</ul>

１.php等で肉付け。

<ul>            
　<li><a <?php if (is_home()) { echo " id=\"current1\"" ;}?> href="<?php bloginfo('url') ?>" class="1">Page One</a></li>
　<li><a <?php if (is_page('ここにはpageのIDが入ります！')) { echo " id=\"current2\"" ;}?> href="#" class="2">Page Two</a></li>
　<li><a <?php if (is_page('ここにはpageのIDが入ります！')) { echo " id=\"current3\"" ;}?> href="#" class="3">Page Three</a></li>
　<li><a <?php if (is_page('ここにはpageのIDが入ります！')) { echo " id=\"current4\"" ;}?> href="#" class="4">Page Four</a></li>
 </ul>

要参考：（http://wpdocs.sourceforge.jp/Conditional_Tags）

３.で、CSSをつくります。（id指定なし）

ul li{ margin:0; padding:0;}
ul li{ float:left; list-style-type:none;}
ul li a{  width:240px; height:40px; display:block; text-indent:-9999px; background:url("任意") no-repeat;}
ul li a{  width:240px; height:40px; display:block;}
ul li a.1{ background-position:0px 0px;}
ul li a.2{ background-position:-240px 0px;}
ul li a.3{ background-position:-480px 0px;}
ul li a.4{ background-position:-720px 0px;}

ul li a:hover.1{ background-position:0px -40px;}
ul li a:hover.2{ background-position:-240px -40px;}
ul li a:hover.3{ background-position:-480px -40px;}
ul li a:hover.4{ background-position:-720px -40px;}

ul li a#current1{ background-position: 0 -80px;}
ul li a#current2{ background-position: -240px -80px;}
ul li a#current3{ background-position: -480px -80px;}
ul li a#current4{ background-position: -720px -80px;}

４、おまじないを内に追加（phpはis_pageにしている。また、要値の変更）

<?php
if ( is_home('Page One') ) { $current = 'one'; }
elseif ( is_page('Page Two') ) { $current = 'two'; }
elseif ( is_page('Page Three') ) { $current = 'three'; }
elseif ( is_page('Page Four') ) { $current = 'four'; }
?>

これで動くはずです！
えーっと、本来であれば、こんなにややこしい事をする必要がないかもしれませんね。
もっと簡単に出来る！等のやり方を知っている方。是非教えていただけたら、嬉しいです。

Popularity: 17% [?]

2010/12/05 | 1 comment | 投稿を表示

SiteMixの問題

当ブログに「sitemix　問題」という検索で来ていただいている方に申し訳ないので、このエントリー。

おそらく「WordPress（ワードプレス）を利用しようと考えて、アクセスしてくださっているのだと思います。
特に問題なのは広告です。
しかしながら、11/2の大規模なアップデートで広告表示も（position:fixedですが）これまでとは格段によくなりました。
参考サイト：http://daizo.hp2.jp/
（携帯電話で表示される広告は文字コードがUTF-8になっており、HTMLの文字コードとあわないために広告部が文字化けすることがある。）

おそらくですが、今までは30日の期限での広告表示だったのが、今回は利用者全員に更新期間に関係なくの表示であると思います。

１アカウントにつき、複数のWordPressも使用可能で、制限は1.5GBの容量。
（データベースに関しては、私の環境ではいじることは出来ませんでした。）
また、プラグインも自由に導入することもでき、FTPからもアクセス出来ます。
（FTP情報はコントロールパネルの「Webサイトの設定」に記載。）

・設定方法は（一番有名かと思われるFFFTPの場合）・・・

以上で、なんとかなるかと思います。
もし何かあれば、コメント欄で出来る限りの質問にはお答えします。（別にまわし者ではないのですがw）

それでは！

Popularity: 8% [?]

2010/11/06 | 0 comments | 投稿を表示

地域のためのフリーランスウェブデザイナー｜ヒトリフェストデザイン事務所

Author Archive for hiroto

知らないヒトは絶対損する！｜SOUR「映し鏡」インタラクティブミュージックビデオ

アクセスしたその人だけが体験できる、「Wao!」という驚き。

ソーシャル・ネットワークを使った試み。

「映像を体験できる」

知らないヒトは絶対損する！

地域活性化とフリーランスの意外な接点。

そもそも、なぜ地域が幸せでないのか

経営や資金面の知識がここで役に立つ！

あまり長くなるとアレですから・・・

ECサイトを経営面からディレクションする際に必要な13項目

ソーシャルブックマークサイトを運営出来るCMS「scuttle」

【遅】ヒトリフェストの2010年人気記事

【まとめ】「自分でウェブサービスを作りたい！」は実現できるのか。

商業ウェブサイトを成功に導くための13のアドバイス

これは便利！FeedのデータをPDFに変換できる無料サービス「feed2PDF」

WordPress | ダイナミックハイライトメニュー

SiteMixの問題

カテゴリー

アーカイブ

最近のコメント

【まとめ】2010年人気記事