便利アイテム のアーカイブ

WEB制作を受けた側はお客様や制作側での共通認識の元、サイト作りをしないと後期がのびたり思わぬトラブルを巻き起こします。

・最後の最後で、デザインがひっくり返る。
・クライアントの意見を鵜呑みにしてしまう。
・思考せずにそのままデザイナーさんへ発注する。

このような事がなぜ起こるのかはお客様との認識の齟齬が生まれるからです。

こういったことは実は大手の会社でも起こっています。

クリエイティブ・ブリーフを作りクライアントも含め共有しトラブルを回避しましょう。

クリエイティブ・ブリーフとは？

クリエイティブブリーフとはクリエイティブ開発の前に整理すべき事を書面化することと言われています。

これは企画の段階でお客様と共通の認識を持つため、一つのモノを制作する上でとても大切なモノです。

クリエイティブブリーフがいくつか提供されていたのでリスト化してみました

クリエイティブブリーフリスト

■サイト：DAICHIFIVE blog

→本サイトからダウンロード（pdf）
→ミラー（pdf）

主な項目

• プロジェクト名
• クライアント名
• 現在の状況（現在の立ち位置、抱えている問題とその背景）
• 商品サービス（提供している商品やサービス、選ばれる理由）
• ゴール（プロジェクトのゴール、達成すべき目標）
• 制約（あらかじめ決まられている、守らねばならないこと）
• 現状・社会（業界全体や社会の流れ、競合他社などの外的要因）
• ターゲット（獲得すべきターゲット）
• 結果（どのような結果を出せば、ゴールを達成できるか）

■サイト：Web力向上ポータル、納得発注道しるべ（サンプル）

→本サイトからダウンロード（pdf）
→ミラー（pdf）

主な項目

• サイト構築の動機・背景
• サイト構築の目的
• ターゲットユーザ
• ターゲットが感じている本音
• 公開後、ターゲットに期待する結果
• サイトが訴える最も大切な提案（コンセプト）
• トーン&マナー(サイトの雰囲気)
• 競合・競合に対する優位性

■サイト：株式会社ユアシスト

→本サイトからダウンロード（xls）

→ミラー（pdf）

主な項目

• 記入日
• 記入者
• 会社名
• 電話番号
• e-mail
• サイト名
• URL
• プロジェクト名
• 概要
• 貴社　決済責任者
• 貴社　制作進行管理
• 当社　プロデューサー
• 当社　ディレクター
• コンセプト
• 目的
• 対象者
• 対象者視点の価値想定
• 現状分析
• 競合、環境状況
• インターフェース検討
• 制約条件
• 制作区分
• デザインについて
• サイトカラー
• 制作区分
• メインフォント
• 参考サイト
• 競合サイト

クリエイティブブリーフの総合分析

ブランドロジスティクス社のサイトに各社のブリーフの構成を分析したシート有ります。

ひな形がありますのでここを見ながら作成をすると、自分に有ったクリエイティブブリーフの作成ができるかと思います。

クリエイティブブリーフのひな形

http://www.brand-ing.jp/books/cb.html

主な項目

• 基本情報
• 現在の立ち位置
• あるべき立ち位置
• 制約条件
• 社会の相
• ヒトの相
• 出会いの相
• モノの相

→本サイトからダウンロード
→ミラー（pdf）

是非活用してみてください。

仕事ではwin。お家ではmacのarisaです。

mac初心者にはFFFTPのようなFTPクライアントがなかなか無くてあたふたする方も多いのではないでしょうか？

前回、finderでサーバーにアクセスする方法を記事として載せたのですが、
あれではデータのアップロードができない事に気づき、
新たにわかりやすいFTPクライアントを探していたらここに行き着きました。

フリーのFTPソフトはたくさんあるけど・・・

macで有名な電視鳩やNFTPやぞんちアップなどいろいろ試してみましたが私にはしっくりきませんでした。

FFFTPのように左右にローカルとサーバーが表示されているものに使い慣れてしまっていたからです。

いろいろ探しまわっていた所、ベストな方法を編み出しました！

macでベストなFTP接続方法これだ！

それは、WEBブラウザのFireFox＋アドオン（FireFoxの拡張機能）のFireFTPのダブル使いすることです！

FireFoxダウンロードページ

FireFTP日本語版ダウンロードページ

FireFTPを使用したときのキャプチャー

いつも使用しているブラウザがfirefoxだったためアドオンでFTP接続できるツールを発見！早速使用してみましたがこれは使える！！！

しかもwin使いの人も入れる事ができるので便利ですね！

mac初心者さんにおすすめです！お試しあれ☆

phpの構築をmacでしたくてなんとかならないかと思っていたら、
MAMPなるものを教えてもらいました！
これはman☆Pではなくマンプと呼ぶらしいですw

普通phpをローカルで構築したいと思ったらApacheとMySQLとPHPを個別に設定してうんにゃらかんやら初心者にはむずかしくて心が折れるような作業ですがそれを簡単にしてくれるのがMAMPです。

つまりMAMP（マンプ）とはMacにApacheとMySQLとPHPを簡単に入れることができる便利なアプリケーションなのです！しかも無償！

MAMPをダウンロード

MAMPダウンロードページ

インストール方法は至って簡単でアプリケーションフォルダに入れるだけです！

MAMP使い方

その後のMAMP使い方としては、

• mamp.appを起動します。
• そして、HTML や PHP 等のファイルは htdocs フォルダに入れます。
• データベースファイルは db/mysql フォルダまたは db/sqlite フォルダに保存されています。
• 基本アクセス先は、http://localhost:8888/にアクセスすればOKです。

ためしに自分でphpinfoを出してみたらちゃんと表示されました。

phpinfoの出し方

テキストエディターで

<?
phpinfo();
?>

と書いて保存。

拡張子が.ftfになっているのでこれを.phpに書き換えます。

これを「アプリケーション＞MAMP＞htdocs」の中にいれこんで
http://localhost:8888/にアクセスするだけです。

表示されたらもうphpは動いている証拠です！

よし！これから勉強に励みます！

windowsにMAMPみたいなものは無いの？

ちなみにwindowsにはXAMPP（Apach + PHP4&5 + MySQL + PHPMyAdmin ）というものがあるのでためしに使ってみてください！

CGTextures 【海外サイト】
http://www.cgtextures.com/

free photo bank 【海外サイト】
http://www.freephotosbank.com/

FreeDigitalPhotos.net 【海外サイト】
http://www.freedigitalphotos.net/

freephotos.se 【海外サイト】
http://www.freephotos.se/

freerange 【海外サイト】
http://www.freerangestock.com/

Image * After 【海外サイト】
http://www.imageafter.com/

morgueFile 【海外サイト】
http://www.morguefile.com/

openphoto 【海外サイト】
http://www.openphoto.net/

Public Domain Pictures 【海外サイト】
http://www.publicdomainpictures.net/

stockvault 【海外サイト】
http://www.stockvault.net/

2000ピクセル以上のフリー写真素材集 【日本サイト】
http://sozai-free.com/

ゆんフリー写真素材集 【日本サイト】
http://www.yunphoto.net/

あなたの情報検索をする時間は何％ですか？

オフィスワーカーの仕事時間の30％は情報検索に使われている・・・」

日本インターネット検索検定（http://www.nikk.or.jp/）のサイトに書かれていた内容です。

つまり検索エンジンでわからないことを検索するときに、
どれだけ適切なキーワードでどれだけ必要な情報を取得できるかで合格・不合格が決定します。

その中で検索エンジンの特殊検索について取り上げられていたのでその紹介です！

検索エンジンの特殊検索とは？

IT企業に就職しているなら知ってる方も多いと思いますが、
検索エンジンごとに検索コマンドというものがあります。

例えば

• link:
• site:
• movie:
• cache:
• intitle:
• intext:
• inurl:
• inanchor:
• cache:

・・・などたくさんあります！

検索コマンドを活用しよう！

検索エンジンには検索コマンドというものがあります。
検索窓にキーワードやアドレスなどと一緒に検索することで、欲しい情報が手に入ります。

主に使いそうなＧoogleの検索コマンド

ブログ検索
ブログだけを検索する時に
http://blogsearch.google.co.jp/blogsearch?hl=ja

動画検索
『movie:キーワード』　で検索する。
例）movie:ねこなべ

インデックスされているページを探す
『site:アドレス』　で検索する。
例）site:http://arisa.biz/

どんなサイトからリンクされているのか調べる
『link:アドレス』　で検索する。
例）link:http://arisa.biz/

タイトルに特定のキーワードが含まれるページを探す
『intitle:キーワード』　で検索する。
例）intitle:WEB総合情報

タイトルに複数のキーワードが含まれるページを探す
『allintitle:キーワードＡ　キーワードＢ』　で検索する。
例）allintitle:WEB　総合情報

主に使いそうなＹahooの検索コマンド

ブログ検索
ブログだけを検索する時に
http://blog-search.yahoo.co.jp/

インデックスされているページを探す
『site:アドレス』　で検索する。
例）site:http://arisa.biz/

どんなサイトからリンクされているのか調べる
『link:アドレス』　で検索する。
例）link:http://arisa.biz/

どんなサイトからリンクされているのか調べる
『linkdomain:アドレス』　で検索する。
例）linkdomain:http://arisa.biz/

タイトルに特定のキーワードが含まれるページを探す
『intitle:キーワード』　で検索する。
例）intitle:情報総合サイト

番外っぽくniftyで検索のコマンド

ファイル検索
『filetype:xls　ファイル名』 で検索する
例）filetype:xls　見積書

他にもいろいろあるので調べてみてください！

検索に強い人こそ効率化！？

調べる時間が短縮すれば他の考える時間や他の作業をする時間が増える
つまり、効率化につながります。

しかも会社の人に聞くよりもネット上に情報がゴロゴロ落ちてたりします。
予備知識も手に入ったりするときもありますしね！

「教えて教えて！」ちゃんになるより「それはね・・・！」と教える立場になれば
会社でも評価されちゃったりされなかったりするのではないでしょうか？（笑）

その一歩として自分の検索能力を上げていきましょう！