ほぐれスライム

Illustrator でパス使いだったらイラスト作んないとウソでしょ。ってことで Illustratorパスイラストの話。簡単なイラストだけど完成するまでの工程だよ。

下絵が肝心って話

その前に「何を描くか？」とか「どんなコンセプトで？」とか色々あるけど、スッとばす。
そのへんは悩むのも楽しいトコロだから、時間のゆるす限り考えたらいい。

で、まずは下絵がコレ。

ラフだけど、これを元にIllustratorでトレースするから丁寧に描いといた方がいい。
ポイントはオレンジ色の線。

この段階である程度完成イメージができているので、制作作業を短縮できるようにレイヤーのガイド線をひいた。今回はツヤっとした質感を出したいから「グラデーション」を使うつもりで線を引いてある。

まずはスライムの体を作り上げる

スライムといえば体の丸み。曲線。
立体感を出すためにグラデーションに気を使う。

立体感を出すのに使ったレイヤーは計4枚。
メッシュ使ったりすると妙にリアルになってしまうので、あえてグラデレイヤー重ね。
アニメっぽさが少し出るようなイメージ。

つぶらな瞳と、ぷくっとしたホッペがかわいい

題材がスライムだけに、今のままだと立体感が物足りない。
目やホッペで少しだけ凸凹感を追加してみるといい感じ。

目に使ったレイヤーは計7枚、ホッペは1枚

丸の集合体だから横着してアピアランス使ってもよかったけど、細かい作業で完成イメージに差がつく事が多いからちゃんとするべし。

体と目とホッペを合体させれば完成

全部重ねてから各レイヤーを微調整していく。

全部のレイヤーがグラデーションレイヤーなので、つなぎ目の色を調整していく。
といっても適当でOK。自分の目を信じて感覚で直すのが一番確実で早い。あ、でも時間があればカラー数値を見ておくといいかも。

ちなみに、パスのみ表示するとこんな感じ。

タイトルロゴもついでに作る

スライムだけだとさみしいので、タイトルロゴとセットにするために作成。
タイトルロゴもスライムと同じようなグラデーションを使用。

うーん、まあいっかコレで。ってとこで作業終わり。
性格的にいつもこんな感じで作業が終わる。じゃないとずっと満足いかず終わんないから。

満足いくまで作業できるっては贅沢なことだと思う。

スライムの影をぼかす

気分の問題だけど、ロゴの上にスライムを配置すると、境界にあたる影がクッキリして気に入らないｗ なんか目障りなのでぼかしておいた。

うん、まずまずでしょ。
アピアランスでぼかし入れてるから、いつでも元にもどせるしね。

ロゴとスライムを合わせて完成！

背景も同系色なのでロゴが少し埋もれてしまったので、ほんの少しだけロゴのうしろにホワイトのぼかしを入れてみた。超ほんのすこし。

ちなみに、今回のグラデーションはPhotoshopの青を参考したよ。
あの青、超好き。すこしくすんだ感じとか、浅めのグラデとか。

最後に、横長ロゴもつくってみた。
結構かわいくできたかな～。うむうむ。

これで少し “ 寝かす ” と違った目線でアイデアが出てくるので楽しい。

WordPressにつづいて、BaserCMSのローカル環境づくりメモ。

BaserCMS（ベーサーシーエムエス）って？

BaserCMS（ベーサーシーエムエス）とは、オープンソースフレームワーク「CakePHP」をベースとし、環境準備の素早さに重点を置いた基本制作支援プロジェクトから生まれた CMS（コンテンツマネージメントシステム）です。

BaserCMS:BaserCMSとは？より抜粋

CakePHPについては、今後勉強するってことで・・・
とりあえず、いじれる環境をつくるのが先だぁ～！

MySQLにBaserCMS用データベースを作る

WordPressんときと一緒だけど、手順は以下の通りにやった。

1. 新規データベース名を「basercms-バージョン名」とする
2. 「照合順序」プルダウンで「utf8_general_ci」を選択
3. 「作成」ボタンを押下

注：データベース名にバージョン名をつけたのは、BaserCMSのバージョンアップ検証を行うことを想定したもの。やんないかもしんないけど。

BaserCMSファイルを配置

BaserCMSファイルをダウンロードして、xampp\htdocs\ にコピー後、ブラウザでインストールという手順。今回はDドライブにインストール。

1. BaserCMSフォルダを配置→ D:\xampp\htdocs\basercms-バージョン名
2. http://localhost/basercms-バージョン名/ にブラウザからアクセス

BaserCMSのインストール開始！

http://localhost/basercms-バージョン名/ にブラウザからアクセスすると、最初のインストール画面が出てくる･･･はずなんだけど、めっちゃwarningでてるw
しかもCSSも効いてない・・・orz

ということで、この段階で原因が分からずひたすら調べることに。

timezoneをいじる必要があった！

どうやら最初に確認しとけって内容だったらしい。編集手順は以下のとおりに実行した。

1. D:\xampp\php\php.ini をテキストエディタで開く
2. ;date.timezone = を、 date.timezone = Asia/Tokyo に修正

うむ。これで無事インストール画面のwarningが消えおった。
CSSも効いてるし、いい感じ。

BaserCMSイントール、ステップ2でアホほどつまる。

問題の箇所は以下の部分。

アップロード未確認
有効にするには下記の２箇所のフォルダ内の 「htaccess.txt」 ファイルの名称をそれぞれ 「.htaccess」 へ変更してあらかじめアップロードし、「アップロード確認実行」ボタンをクリックしてください。

• / フォルダ(BaserCMSの最上位となるフォルダ)
• /app/webroot フォルダ

いろいろアホな寄り道しすぎたのでその過程は省略。
終わりよければ全てよし。おこなった手順は以下のとおり。

1. 指定されている2箇所の htaccess.txt をテキストエディタで開く
2. RewriteBase のコメントアウト（＃）を削除
3. RewriteBase のパスを /basercms-バージョン名/ と記述する
4. .htaccess で別名保存
5. htaccess.txt はいらないので削除
6. 「アップロード確認実行」ボタンを押す

無事、緑色のTickがついたら次のステップへGO！

ステップ3は、データベースの設定

BaserCMSは、ファイルベースのデータベースも利用可能ということだが、最初にデータベースの設定をしているのでココはやってちゃんと設定しおく。登録する項目は以下のとおり。

• データベースタイプ：MySQL
• データベースホスト名：localhost
• ログイン情報：（ユーザー名）/（パスワード）
• データベース情報：（データベース名）/（ポート：3306）

入力が終わったら、「接続テスト」ボタンを押す。

「データベースへの接続に成功しました。」と出たら次のステップへ！

ステップ4 管理ユーザーの登録をする

ここまでくりゃ何も難しいことはないｗ
管理ユーザーとしてIDとPASSを設定するだけ。好きに決めりゃいい。

てことで、「完了」ボタンを押す。

おっし！インストール完了！おつかれっ

BaserCMS ローカル環境セットアップ まとめ

無知なせいでアホなところでいっぱいつまずいたけど、基本数分で完了します。いろいろ勉強になりました。

BaserCMSは、まだまだこれからのCMSなので、期待大。他の有名CMSと違ってテンプレートとか何もないけど、それがまた良い。jobsだってきっと言うはず、シンプルが一番って。

毎日あたりまえのように立ち上がっていた相棒が、ごくたまにヘソ曲げることがある。ＰＣに強いわけでもないから、あせるあせる。今後のために症状と対処をメモメモ。

マシンスペックは以下のとおり。

• OS：Windows XP Professional
• CPU：Pentium4 3.40GHz
• メモリ：2GB RAM
• HDD：500GB

症状1： 電源入れても「ようこそ」でフリーズ、Ctrl+Alt+Delete も効かない

いつもの通り電源を入れたら、「ようこそ」から進まない。さわやかな水色に浮かぶやさしげな「ようこそ」。これは、インターホンごしに「ようこそ」言われてんのに、鍵あけてもらえない状態だ。せつなすぎるｗ　しょうがなく Ctrl+Alt+Delete を押すも無反応！

仕方がないので、電源長押しでOFF。
今回はここから長かった。

症状2： その後は「Windows 拡張オプションメニュー」をループ

どのメニューを選択しても、この画面に戻ってくる・・・orz

うーん、セーフモードも開かないとは。
てことで、ようやく Google先生に質問することに。

症状3： セットアップCDから回復コンソールへ挑もうとするも途中で進まず

次の対策は、セットアップCDを入れて再起動。
ブルーバックの画面が自動的に表示されたので、「回復コンソールを使って修復するには、Rキーを押してください」の案内どおりに Rキーを押す。
しかし、黒バックの回復コンソール画面になったものの、そこからまたも進まず。

こいつは、いよいよマズイと思い。近所のPCデポへGO！

症状4： 「HDDをUSB」で別PCにつないでみたけど開かず

こうなったら、HDDの中身をなんとか救出しなければ！
ということで、Groovy の「HDDをUSB」を購入。
コイツでHDDを Dell のノートパソコンにつないで、直接開けてみることに。

“ディレクトリが損傷しているため開く事ができません”・・・っだとぉ！！！

なんてこった、中身の救出もままならんとは！
あきらめる前に、もう一度Google先生に再質問することに。

解決結果： CHCKDSKコマンドであっさり修復

「HDDをUSB」でつなげたノートパソコンで、コマンドプロンプトの CHKDSK を実行！

手順は以下のとおり

1. コマンドプロンプトを起動
2. 今回開かないHDDは、Dドライブなので、chkdk d: /f /r と入力

すると、ものすごい勢いでチェック＆修復がはじまったー！
つか、めちゃくちゃ長い・・・
半日以上かかってようやく終了。

これでようやく中身のバックアップができ、いよいよPCに戻すことに。
するとあっさり、起動。
なにごとも無かったかのように「ようこそ」も通過ｗ

てことで、無事復帰したけど、ほぼ1日つぶれてしもうた・・・PCよ、いつまでも仲良くしてね。

ローカル環境づくりの続き。
WordPressをインストールをしてみる。

MySQLにWordPress用データベースを作る。

1. 新規データベース名を「wordpress-バージョン名」とする
2. 「照合順序」プルダウンで「utf8_general_ci」を選択
3. MySQL 接続の照合順序プルダウンは「utf8_general_ci」のまま
4. 作成ボタンを押下

注：データベース名にバージョン名をつけたのは、WordPressのバージョンアップ検証を行うことを想定したもの。

WordPressをインストール

XAMPPのApacheにWordPressファイルを入れる。
WordPressのバージョンが分かるようにフォルダにはバージョン名を付与。

1. c:\localhost\wordpress-バージョン名 とWordPressフォルダを配置
2. http://localhost/wordpress-バージョン名/ にブラウザからアクセス

ウィザードに沿ってWordPressの設定を進める。以下はver.2.9.2のウィザード選択肢の進み。

1. “wp-config.php ファイルを作成する”
2. データベースに関する注意書き “次に進みましょう！”
3. 先に作ったデータベース名、ユーザー名、パスワードを指定する。
   • データベース名：wordpress-バージョン名
   • ユーザー名：root
   • パスワード：*********
   • データベースのホスト名：localhost
   • テーブル接頭辞：wp_
4. “インストールを実行しましょう！”

WordPressの初期設定が終わったところで、続けてウィザードを進める。
ローカル環境用の設定のため、レンタルサーバー上の名前と区別してつける。

1. ようこそ画面
   • ブログタイトル（ローカル環境用の名前、今回は wp-local と付ける）
   • メールアドレス
   • “このブログをGoogleなどの検索エンジンに表示されるようにする”のTickを外す。
2. WordPressのユーザー名、パスワードが表示される。メモしてログイン

WrodPressにログイン後、管理しやすいパスワードに変更。

1. ユーザー ＞ あなたのプロフィール
2. プロフィール画面最下部にてパスワードを変更

これにて、ローカル環境へのインストールは終了。
今後は、テンプレをいじったり、勉強用としてベタベタさわっていくんだぞい。

参考サイト
hiromasa.docs

前々から気になってたことの一つ。それが、DOFアダプター。
買うか、自作するか・・・自作つってもド素人ｗ

まずは、下調べして知識をつけてから考えることにした！

これはデジタルビデオカメラの話

“DOF” は “Depth of field” の略。日本語で“被写界深度”のこと。
この深度が “浅い” か “深い” かで・・・説明メンドいｗｗ
詳しくはWikipediaから引用

被写界深度（ひしゃかいしんど）とは、写真のピントが合っているように見える領域の広さのこと。写真用レンズにおいては、ある一つの設定で厳密な意味でピントが合っている場所は、一つの平面上にしかないが、感覚的にはその前後にも十分にはっきりと像を結んでいるように見える範囲がある。その範囲のことを被写界深度と呼んでいる。被写界深度：Wikipedia

ド素人的な表現で言い換えると、被写界深度の浅い写真は「おしゃれでプロっぽい」。
旅先で撮るベタな記念撮影も、なんだかプロが撮ったポートレートみたくなるわけ。

それを動画でやれれば、ホームビデオが劇場映画のようなリッチな雰囲気になるんじゃねーの？ってことで調べ始めたのがはじまり。

そしてたどり着いたのが “DOFアダプター” ！
これを自前の家庭用デジカムと、デジイチのレンズの間にかませて取り付ければ映画っぽい映像がとれるらしい。

ちなみに自前のデジタルビデオカメラはSONYの「HDR-CX7」。ハンディカムってやつ。

SONY フルハイビジョンビデオカメラ Handycam CX7 HDR-CX7

こいつで普通に撮ってもホームビデオ感たっぷりで面白くない。
もちろん家庭用ハンディカムだから、それ以上は求めすぎなのかもしれないけど・・・。

DOFアダプターは自作か購入か？

さんざ調べてみた結果、現在国内で販売している業者はない様子。
みつけたのは海外サイトだけ

DOFアダプター販売サイト（海外）

JAG35.COM

RNG35

TwoneilHD

Redrock Micro

どれも、結構いい金額するんだよね。アダプターのくせに。
買うのがイヤなら、自分で作るしかないわけだけど、ありがたいことに作り方を公開してるサイトがあった。

DOFアダプターのDIY（自作）サイト

Daniel’s GG-Holders for 35mm DOF Adapters

D.O.F. FORUM DOFアダプターを自作してみよう！

D.O.F. FORUM DOF自作日記

imprinted-agers’ blog:DOFアダプター

結構自作してる人が多いと分かった。これならなんとか作れるかも・・・。

次の目標は、さらに下調べ＆部品調達ｗ

作るにしてもSONY「HDR-CX7」に対応させるにはどうしたらいいかとか、自作サイトに書かれている部品が今も手に入るのかとか、入手できなかった部品の代用案とか・・・
その前にド素人だしｗ
勉強がてら調べながら部品をそろえていく事にしよう！次回へ続く！

失敗を恐れずガシガシいじるには、テスト環境がないと。
てことでXAMPPでテスト環境づくりメモ。まずはインストール。

XAMPP（ザンプ）って？

Apache(Webサーバ)、MySQL(SQLデータベースサーバ)とWebプログラミング言語であるPHPや同目的で使われるPerlの4つの主要ソフトウェアとphpMyAdminなどの管理ツール･･･

Wikipedia:XAMPPより抜粋

XAMPPセットアップ手順

1. XAMPP日本語公式サイトからダウンロード
   • 4つのバージョンの中からXAMPP for Windowsを選択
   • XAMPP本体を”EXE（自己解凍型RARアーカイブ）”､”ZIP”のうち”ZIP”を選択
2. ZIPを展開したらローカルディスクに移動
3. setup_xampp.batをダブルクリック

XAMPPを起動

1. xampp-control.exeをダブルクリック（コントロールパネル起動）
2. WordPressの動作に必要な”Apache”、”MySQL”のStartボタンを押す
3. ステータスがRunningになればOK

XAMPPの動作チェック＆ユーザー認証

以下は、Apache、MySQLの順で設定したもの

1. ブラウザで http://localhost/xampp/index.php へアクセス
2. 左メニューの「セキュリティ」をクリック
3. 画面下のhttp://localhost/security/xamppsecurity.php のリンクをクリック

XAMPPページへのアクセス制御

1. 「ユーザ；」「パスワード；」に入力
2. 「安全なXAMPPディレクトリを作成してください」ボタンをクリック
3. 「セキュリティ」ページを再度開く
4. 「これらのXAMPPページは･･･」のステータスが「安全」に変わっているのを確認

MySQLのルートユーザーの設定

1. root（管理者アカウント）のパスワードフォームが表示
2. 「新しいパスワード（確認）」にパスワードを入力
3. 「パスワードを変更しました」ボタンを押す。
4. 「セキュリティ」ページを再度開く
5. 「MySQLユーザルートは・・・解消されました」が「安全」に変わっているのを確認

参考サイト
XAMPPの使い方:AdminWeb

Photoshopと言えば”レタッチ”でしょ？
中でも”美顔”は避けて通れねぇ。キレイな方が好きだもんね。

「美顔レタッチのやり方なんて簡単じゃん」
とか言ってんじゃねぇーばっきゃろ。
美は一日にしてならずじゃだし、地道な作業は場数をこなさねば効率はあがらねぇ！

ここに美顔テクを記す。メモメーモ

工程1．お肌をキレイに！

この工程で使うテクは以下のとおり

• お肌を選択して、フィルタ > ノイズ > ダスト＆スクラッチ
  • 選択範囲は多少ぼかしておくように
  • ダスト＆スクラッチは肌の質感が少し残る程度に
• 修復ブラシツールで美白＆シワ取り

工程2．小顔にする

年取ると皮膚も肉も重力に負けてくる。
あごのラインがたるんでると若く見えないからね、キュっとしめちゃう。

ここで使うテクは以下のとおり

• 理想の輪郭線ガイドを別レイヤーでつくる
  • ブラシでフリーハンドでおｋ
  • 「パスの境界線を描く」でやるのもあり
• 指先ツールで輪郭をシメる
  • 硬さ60％、強さ100％、直径は大きめで
  • 輪郭とその周辺を大胆に動かすイメージ
• スタンプツール＆修復ブラシツールで整える

工程3．鼻筋を通す

鼻って年月が染み出てるよね~
簡単な工程だから以下のとおり

• スタンプ＆修復ブラシツール
• 指先ツールでやさしくこする

工程4．ほうれい線を薄くする

ほうれい線って、鼻の両脇から出てるシワね。
大笑いしてる写真でなければ、基本いらねぇよこのシワｗ
でも、無いと不自然だから薄くする程度にとどめるのがコツ。

細めの覆い焼きツールでチョンチョーンってカンジ。

工程5．目、眉、口を整える

どれも若さには大事なパーツだねぇ
眉と目はほんのすこし吊り上げて、目は全体と黒目を大きくすれば大丈夫

口は好みでいいかな。今回は厚みを少しだしてみたけど。

• パーツごとにざっくり選択（選択範囲はぼかす）して加工
• 唇は指先ツールで厚みをだす

あっという間に完成！

ビフォーアフター！はいきたドーン！

かわいいね。てか、元の写真がよかったってのもあるかｗ

先月 Google Webmaster Central Blog でウェブマスタークイズが開催されたんだよね。

今朝回答が発表されたから、早速答え合わせだっ

正解数は・・・

40問中30問正解！

まずまずだっ！こんなもんでしょうｗ

下のは問題と答え。

赤太字がROBOの回答

斜線が間違えたとこ（オレンジ文字が正解）

1. サイトを新しいドメインに引越しました。ユーザーと検索エンジンが引き続き適切にこのサイトにたどり着けるようにする必要があります。この場合、最適な方法は以下の選択肢のうちどれ？

1. 301 リダイレクトを使う
2. 302 リダイレクトを使う
3. 古いサイトへのリンクを新しいサイトに追加する
4. 古いサイトにて新しいドメイン名を記載したエラーページを表示させる

2. サーバーを移動することになり、24 時間、サイトへアクセスすることができなくなります。この場合の対処法は？

1. Google に電話をして、その間サイトをクロールしないよう伝える
2. robots.txt を使って、その間サイトのクロールが行われないようにする
3. すべてのリクエストに対し、状況を説明するメッセージと共に 503 ( サービス利用不可 ) を返す
4. Wi-Fi をインストールして、移動期間中であっても、サーバーがオフラインにならないようにする。ダウンタイムの発生を何としても避ける

3. あなたのサイトが一般公開されてから 5 日が経過しましたが、まだインデックスに登録されません。この場合は何をすべき？

1. Google ダンスを踊る
2. 引き続きサイトの更新を続ける
3. 別のドメインを購入し、サイトをそこに複製する
4. アクセスカウンターの水増しをする

4. W3C のバリデータ ( http://validator.w3.org/ ) を使用してサイト全体を検証したところ、287 個のページにエラーが見つかりました。Google があなたのサイトからインデックスに登録する可能性のある URL は最大いくつ？

1. 0
2. サイトにある URL の総数 – 287
3. 287
4. サイトにある URL の総数

5. あなたは複数のドメインを購入しました。すべてのドメイン名にて同じサイトを表示させるにはどうすればいい？

1. フレームを使う
2. 301 リダイレクトを使う
3. コンテンツを複製する
4. DNS エイリアス ( CNAME レコード ) を使う

6. 非公開フォルダである /private-files/ フォルダから 192 の 非公開 PDF ファイルがインデックスに登録されてしまいました。Google の検索結果からこれらの PDF ファイルを削除したい場合、最も早い方法はどれ？

1. それら非公開 PDF ファイルをフォルダから削除して、そのまま待つ
2. robots.txt を使って、すべての PDF ファイルへのアクセスを制限する
3. 公開されている URL ( ウェブページ ) 削除リクエストツールを使う
4. robots.txt にてこのフォルダへのアクセスを制限し、ウェブマスター ツールを通じてフォルダ全体の削除をリクエストする

7. /private-files/ フォルダ内のファイルは今後も、Google のインデックスに登録されないようにする必要があります。最適な対処法はどれ？

1. これらファイルがどこからもリンクされないよう気をつける
2. このフォルダへのアクセスには、サーバー側での認証 ( ユーザ名 / パスワード ) を求めるようにする
3. ウェブマスター ツールを使って、クロール速度を 0 にする
4. Disallow: /private-files/ を robots.txt に追加する

8. サイトのすべての URL を .php から .asp に変更しました。この場合、何をする必要がある？

1. URL ( ウェブページ ) 削除ツールを使用する
2. robots.txt を使って、”/*.php”へのアクセスを制限する
3. 古い URL から新しい URL へ 301 リダイレクトが行われるように設定する
4. robots.txt を使って、”/*.php”へのアクセスを制限し、古い URL から新しい URL へ 301 リダイレクトが行われるように設定する

9. example.es という国別コードトップレベルドメイン ( ccTLD ) を含むドメイン名にてサイトを運営しています。このサイトをスペインに関連付けるために必要な対処は？

1. HTML に次のタグを含める: <META NAME=”country” content=”Spain”>
2. 地域ターゲット ツールを使用して、地域ターゲットをスペインに設定する
3. 特に何もする必要はない。”.es” で終わっているドメインはすでに Google 側でスペインに関連付けられている
4. 言語のメタ タグを含める: <META HTTP-EQUIV=”Content-Language” CONTENT=”Spanish”>

10. あなたのサイトの中に、スペイン語のみで書かれたページと、英語のみで書かれたページが混在しています。この場合、何をする必要がある？

1. HTML 開始タグにて言語を指定する: <HTML lang=”es”>
2. 言語のメタ タグを含める。例: <META HTTP-EQUIV=”Content-Language” CONTENT=”Spanish”>
3. 何もする必要はない。Google で自動的に判別される
4. コンテンツを言語別のフォルダに分けて置く必要がある ( 例: http://example.com/es/ および http://example.com/en/ )

11. 以下の選択肢の中でウェブマスター向けガイドラインに違反していないものはどれ？

1. サイトのテストのため、ユーザーによって異なるバージョンのページを見せる
2. 検索エンジンに見せているページとユーザーに見せているページが異なる
3. 検索エンジンおよびユーザーに同じページを見せているが、JavaScript もしくは CSS を使って主要なテキスト コンテンツの一部をユーザーから隠蔽する
4. Javascript リダイレクトを使って、サイト内のより適したコンテンツがあるページにユーザーを移動させている

12. 以下の選択肢の中で、検索結果におけるサイトのランキングに悪影響を与えることがないリンク方法はどれ？

1. あなたのサイトを訪れたユーザーにとって面白い、または役に立つと思える外部のサイトにリンクする
2. スパムサイトや質の低いサイトにリンクする
3. 過剰な相互リンクやリンク交換を行う
4. PageRank を転送するリンクの売買を行う

13. robots.txt ファイルに、”User-agent: *” と “Disallow:” の記述がある場合、これは何を意味する？

1. すべての検索エンジンに対し、サイトのクロールを許可する
2. すべての検索エンジンに対し、サイトのクロールを許可しない
3. すべての検索エンジンに対し、サイトのルートにあるコンテンツを除く全てのコンテンツのクロールを許可しない
4. URL の末尾のスラッシュが検索結果に表示されないようにする

14. robots.txt　ファイルに、”User-agent: *” と “Disallow: /” の記述がある場合、これは何を意味する？

1. すべての検索エンジンに対し、サイトのクロールを許可する
2. すべての検索エンジンに対し、サイトのクロールを許可しない
3. すべての検索エンジンに対し、サイトのトップページのクロールを許可しない
4. robots.txt ファイルでは、この記述は無効である

15. ウェブマスター ツールのメッセージ センターにメッセージが表示される可能性があるのは次の選択肢のうちどれ？

1. ウェブマスター向けガイドラインに違反した場合
2. クロール速度の設定を変更した場合
3. サイトに「無限のスペース」が検出された場合
4. 有料リンクを報告した場合
5. 上記のすべて

16. First Click Free ( http://www.google.com/support/webmasters/bin/answer.py?hl=ja&answer=74536 ) を使用している場合、Google の検索結果からアクセスしたユーザーに対し表示されるページは Googlebot に表示されるコンテンツと同じでなければならない

1. 正しい
2. 間違っている

17. 一般的に言って、重要なコンテンツはどの形式で提供するのがベスト？

1. alt テキストを指定した画像
2. テキスト
3. Flash

18. あなたのサイトにある重複コンテンツが問題となる可能性が低いのは次の選択肢のうちどれ？

1. 元のコンテンツ提供者が気付いていない
2. rel=”canonical” のリンク要素を使う、もしくはウェブマスター ツールの新機能「パラメータ処理」を使って、指定した URL パラメータを無視するように設定している
3. それぞれのページでテキストやアンカーテキストをちょっとずつ変更している
4. コンテンツの作者があなた自身である

19. あるキーワードに関連するコンテンツがあなたのページの画像上にあります。そのキーワードの検索結果にあなたの サイトを表示したい場合はどうする？

1. 画像内にキーワードを含ませる
2. keywords メタ タグを使う
3. description メタ タグを使う
4. alt 属性を使う、またはページ内にテキストとしてキーワードを含める
5. フッターに小さなフォントでキーワード テキストを書く

20. ウェブマスター ツール アカウントに「robots.txt ファイルにアクセスできません」というエラーがたくさん表示されます。この場合の対処法は？

1. robots.txt ファイルを作成する
2. robots.txt ファイルを削除する
3. ホスティング事業者もしくはサーバー管理者に連絡する
4. トップページからあなたの robots.txt ファイルへリンクする

21. あなたのサイトがネコに関するものであるにも関わらず、あなたのウェブマスター ツールのアカウントに「バイアグラ」や「着メロ」などのキーワードがリストされています。これは何を意味する？

1. あなたのネコが内緒で Google Checkout を利用していろいろ買い込んでいる
2. あなたのサイトが乗っ取られた可能性がある（サイト内のフォーラムやブログ投稿へのコメント スパム、などを含む）
3. 競合相手がこれらのキーワードであなたのサイトへのリンクを張ることで、あなたのサイトに損害を与えようとしている
4. おそらく同じサーバーを使用している別のサイトが原因なので無視して構わない

22. 検索エンジン最適化 ( SEO ) 業者があなたのサイトのランキングに関するレポートを作成しましたが、その結果は自分で確認した情報と一致しませんでした。この原因は？

1. ランキングはユーザーの所在地によって異なる可能性があるから
2. ランキングはユーザーによって異なる可能性があるから
3. ランキングは日によって異なる可能性があるから
4. 上記のすべて

23. あなたのサイトが乗っ取られました。どのように対処しますか？

1. 乗っ取られた部分を削除する
2. ソフトウェアをアップデートする
3. ログ ファイルをチェックする
4. ホスティング事業者 / サーバー管理者に連絡する
5. 上記のすべて

24. XML サイトマップを Google に送信する適切な方法は？

1. ファイルに “/sitemap.xml” と名前をつけるだけで、自動的に認識される
2. あなたのトップページから XML サイトマップ ファイルにリンクする
3. Google ウェブマスター ツールを使う
4. ICMP ”ping” を “www.google.com” に送信する

25. あなたのサイトの 1 ページが検索結果にてタイトルのみ表示されています ( スニペットは表示されていません) 。どんな原因が考えられる？

1. robots.txt にて、そのページの URL へのアクセスがブロックされている
2. そのページの URL に対してまだクロールが行われていない
3. そのページには nosnippet メタ タグがある
4. 該当するページにテキスト コンテンツが一切含まれていないかもしれない
5. 上記のすべて
6. どれもあてはまらない

26. あなたのウェブショップには 100 個の製品があります。site: 演算子を使って検索すると、50,000 URL がインデックスに登録されています。どのようなことが考えられる？

1. Canonical 指定関連の問題が発生している
2. 「ページが見つかりません」のエラーページが 404 エラーを返していない
3. あなたのサイトが乗っ取られた
4. クローラにセッション ID を見せている
5. 上記のすべて

27. Google がインデックスへの追加を保証するサイトの種類は？

1. AdWords に広告を出しているサイト
2. AdSense に参加しているサイト
3. ウェブマスター ツールの認証を受けたサイト
4. LOLcat ( http://ja.wikipedia.org/wiki/Lolcat ) の画像を含んでいるサイト
5. どれもあてはまらない

28. 帯域幅が限られているため、Google によるサイトのクロール頻度を少なくしたい場合は、どうすればいい？

1. 接続ピーク時に、robots.txt にてあなたのサイト（もしくはサイトの一部）のクロールを制限する
2. 接続ピーク時に、XML サイトマップにて、サイトの全 URL の優先順位を “0.0″ にする
3. ウェブマスター ツールでクロール速度を設定する

29. Google には夜間だけクロールしてほしい。どうするべき？

1. info@google.com 宛にメールを送る
2. robots.txt ファイルに “Allow: 11pm-7am” を追加する
3. サーバーに許容範囲を超えるリクエストが来ている間、すべてのユーザに 503 ステータスコードを返す
4. robots.txt を動的に変更して、昼間の間、サイトのクロールをブロックするようにする

30. AdWords に費やした金額は、Google の検索結果におけるランキングに影響を与える？

1. 影響を与える
2. 影響を与える場合がある
3. 影響を与えない

31. 無料のセキュリティアップデート ( WyszKablamCMS v.2.7.8 ) がリリースされたという情報を読みました。どう対処する？

1. 無視する
2. サーバーのパスワードを変更する
3. アップデートの内容を読み、インストールし、潜在的な脆弱性または互換性の問題に対処する

32. 「______に焦点を絞れば、他のものはみな後からついてくる。」はGoogle の理念のひとつです。______には何が入る？

1. 検索結果
2. コンバージョン
3. リンク
4. ユーザー

33. あなたのサイトに対し、マルウェアに感染した疑いがあるとの警告が出ましたが、マルウェアを見つけることができません。どのように対処する？

1. サイトの再審査リクエストを送信する
2. ウェブマスター ヘルプ フォーラムに投稿し、助言を求める
3. ツイッターで @google に苦情を投稿する
4. ドメイン名を破棄して、最初からやりなおす

34. robots.txt はどこに置く？

1. この件について Google で検索する
2. ウェブマスター ツール内
3. ドメインもしくはサブドメインのルート ディレクトリ
4. アクセスをブロックしたいフォルダ内

35. ウェブマスター ツールのクロールエラー、”robots.txtファイルにアクセスできません” の意味は？

1. robots.txt ファイルが存在しない
2. Google があなたのサーバーの robots.txt ファイルにアクセスできなかった
3. robots.txt ファイルの記述が、robots.txt ファイルへのアクセスをブロックしている
4. robots.txt ファイルがパスワードを要求している

36. site: 演算子検索にて表示される、インデックスに登録されているページ数が変化します。考えられる原因は？

1. 複数あるデータセンター ( Google のコンピュータ ) が、それぞれ異なる情報を表示する場合がある
2. ログイン / ログアウトの状態 –Googleの「パーソナライズド検索」のフィルタが影響を与えている可能性がある
3. 重複コンテンツのフィルタが影響を与えている
4. 上記のすべて

37. あなたのサイトは 200 ページありますが、Google は 5 ページしか見つけることができません。考えられる原因は？

1. Google があなたのサイトを嫌っている
2. Google があなたの分野 / 業界のビジネスに対する陰謀に加担している
3. サイトがクロール可能となり、インデックスへの登録の準備が整っている場合でも、Google がサイトを完全に把握するのには時間がかかる場合がある

38. あなたは広告収入を得るため、あなたのサイトからリンクを張りたいと考えています。以下のリンク方法のうち、適切なものはどれ？

1. ただリンクを追加するだけでいい
2. リンクを追加した後、フォントサイズの小さいテキストを使い、テキストの色を背景色と同じにして、リンクをページから隠すようにする
3. リンクの <a> タグにて、rel=”nofollow” の HTML microformat を使う

39. robots.txt にてクロールのブロックを設定すると、Googlebot が301 リダイレクト、nofollow メタ タグ、noindex メタ タグに気付くことができなくなる

1. 正しい
2. 間違っている

40. If-Modified-Since を使って、ロボットによるサイトのクロールをより効率的にする方法は？

1. ウェブサーバーの設定を変更して、同じソース IP からの繰り返しのリクエストを無視する
2. 必要に応じて 304 (変更なし) ステータスコードを返す
3. If-Modified-Since メタ タグを HTML ページに追加する

• ウェブマスタークイズに挑戦してみよう！
• ウェブマスタークイズの回答と結果発表！

ドットグラフィック（ドット絵）って地味で手間。

二十歳のドッター時代、誰に教わるでもなく手探りでやってた覚えがある。

ひたすらPhotoshopでクリックしまくってたなぁ・・・

「ドット絵職人/Suguru.T著」は名著すぎｗｗｗ

この本に二十歳の頃出会いたかった！

以下にまず目次

「応用5：アミをかける」をメモしとこう

下の画像は、「応用5」のページに掲載されているアミかけ見本を拡大したもの。

それぞれ「黒から白」「黒から赤」「赤から緑」のドットグラデーション3本。

注目なのは、13色からなるグラデーションを矢印で示した4色のみでなめらかに表現しているところ。

1つずつドットを埋めてくなんて作業してると、中間色やボケ足で壁にぶちあたる。

Suguru.T氏 のように「アミをかける」という発想はコレを解決してくれそう。

ちなみに、この応用5ではもう一つ重要なことが書いてあったのでコレも要チェック！

「アミかけは打つより消すように」

名言だ。心得ました～！

いっぱい物足りない状態が続いてる「ほぐれスライム」。

頭の中には「そのうちやるリスト」があるんだけど、そこから漏れてるヤツがいた。

そう「favicon（ファビコン）」！

アイツって、どうでもいいけどほっとけないｗ

「そのうちやるリスト」に入れたら一生忘れそうだから、先片付けちまうか。

Favorite icon（フェイバリット・アイコン）略してFavicon

今まで「ファビコン」って発音してたけど、英語圏では「ファブアイコン（Fav-icon）」て読むってさっきウィキペディアで読んだｗ

でも慣れ親しんだ「ファビコン」がいい。

今後忘れないように、メモメモと。

Photoshopで作るには

Photoshopだと、.ico ファイルが作れないってことで一筋縄じゃない。

どうやらWindows icon形式で保存できるようにするプラグインを拾ってくるといいらしい。

ICO(WINDOWS ICON)FORMAT現在つながらず

マルチアイコン化

ひとつの .ico　ファイルで「16×16pixel」「32×32pixel」「64×64pixel」に対応した「マルチアイコン」ってのをつくる。

マルチアイコンは @icon変換 を使えば一発で作成可能。

ん？ @icon変換 の仕様・・・

読み込みは ICO/BMP/PNG/PSD/ICL/EXE/DLL、書き出しは ICO/BMP/PNG/ICL に対応しています。

おおっ！プラグインいらずじゃん！

これ、どうやら背景レイヤー1枚だけだと読み込まないみたい。

そこだけ気をつければ問題なし。しかも、レイヤー別に読み込んでくれるから.psdも1ファイルで済む。

サイトに反映させるには

ここのくだりはWikipediaを参考にさせてもらおう。

HTMLやXHTMLで指定する方法

HTML/XHTML内でFaviconを指定するにはhead要素の中でlink要素を次のように用いる。単独でも効果はあるが、両方指定するのが望ましいとされる。

• <link rel=”shortcut icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon” />
• <link rel=”icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon” />

ふむふむ

一行追加しとくか・・・

ファイル名の決まりは特にない。また、ファイル形式の決まりもなく、ウェブブラウザが認識する形式であればどのようなフォーマットを用いても良い。

なにっ！？

.ico じゃなくても良かったの？？？？

.gif とか .png でもいいんかっ

ただし、Internet ExplorerはICO形式しか認識しない。

あ、そういうことかｗｗｗｗｗ

じゃ、IEのために手間かかる方でやっとくか。