え～恥ずかしながら私管理人は、１０日間程海の日焼け→全身火傷により完全休養しておりました。
オゾン層の破壊・・地球温暖化などに伴い、あなたが大した事ないよ～なんて思っている地元の浜辺も実は恐ろしい紫外線が毎日降り注いでいたりします。

大ケガになる前に海などのレジャーに行く前には必ず準備をして、もしなってしまった場合などは必ず医師の診断を受けましょう、それではＷＥＢデザインとは全く関係ない記事ですが、興味のある方はぜひ下記記事からご確認くださいませ。

なってしまった経緯とか

某太平洋沿岸にある海水浴場へ6時頃到着！時間規制の為9：00まで車中で待機！その後日焼け止めを１度塗り9：00～16：00までボディーボード遊んでいたのが今回の発端です（＠＠）

ボディーボートをする為に海に5～６回は入ったり出たり、それ以外はパラソルの元（体はほとんど直射日光を浴びている）休憩をとっていたのですけど、帰宅後夕方～夜にかけて猛烈な体の痛みと関節の痛み、38。7℃を超える発熱でダウンし今尚、皮膚の腐敗＆発熱による全身の激痛と闘っている次第であります。

皮膚科に行ってステロイド剤＆塗り薬を処方して貰いましたが、全身火傷の為、時間だけが（皮膚の自己再生能力だけが）解決＆治療の最高の薬ですから、２～３週間は地獄のような日々が続くようです。
 

病院に行くのが最優先ですが、あいにく夜間＆定休日だったりする事などもあるので自宅で出来る治療法をまとめます。肌に合わない場合はオススメはしませんが、少しでも状態を良くする為にも参考にしてください

とりあえず冷水で冷やす

海の日焼けで全身火傷のような症状になってしまったら、まずは火傷部分を冷水＆流水で冷やします。日焼けした肌は発熱＆炎症を起こしているので、数回に分けて皮膚表面＆内部の熱を下げる事をお勧めします。

一部分だけを冷やす場合には、ZIPロックとか漏れにくい厚手のビニール袋とかに氷と水をいれて火傷感部を直接冷やします。全身火傷の場合には少し冷たいですが、水風呂に直接体を沈めたり、蛇口やホースから流水で冷やせるような環境を作ってあげて下さい。あまり冷やしすぎは体にも良くないし寒くて耐えられないと思いますので、こちらも数回に分けて行う事をお勧めします。

水分補給＆栄養補給を

海に行った当日も翌日もそうですが、体は脱水症状になったり、そうではなくても水分を必要としています。汗と一緒に流れるのは水分だけではなくて、ナトリウム(塩)、カルシウム、マグネシウム、などのミネラル成分も流れ出てしまうから、水ではなくてより体に近い成分の俗に言う「ミネラルウォーター＆スポーツドリンク」などをこまめに摂取するようにして下さい。

化粧水などで角質を保護

「ほてり」を超え全身火傷になった肌には何をしても効果はなく、ステロイド剤で炎症を抑えながら、新しい皮膚が再生されるのを待つしかありません。

しかし冷蔵庫で冷やした化粧水など（肌に合わない場合はすぐに使用をやめること）を体につける事で保湿効果を与えたり、かゆみが和らいだりするのでお風呂上がり起床後には効果的な場合が多いです。肌質によって、炎症後皮膚が剥けないで、パリパリした皮膚になって乾燥が激しい人はその後乳液などの油分が入った製品をつけるのも効果的だと思います。

炎症後、１週間～２週間ぐらいは皮膚が敏感になっていて、衣服が触れるだけでも、お風呂のシャワーの刺激だけでも痛くて耐えられないと思います。
シャワーの温度はぬるめのお湯か冷水で弱流で！衣服はポリエステルなどの成分が入っていないなるべく肌に刺激がない物を着用しましょう。管理人は痛すぎて裸で寝ていたら、かえって汗を吸収してくれないので、体に付いた汗が余計かゆくなりましたので、何かしら着用する事をお勧めします。

その他の症状とか

ステロイド剤を飲んだからかどうなのか分かりませんが、下半身（特に膝から下にかけて）が特にひどく黒こげ＆水ぶくれが激しいです。初日～２日間はトイレに立つ事も出来ず、家族の介護を余儀なくされました・・・

仕事でどうしても休めない人も多いでしょうから、なるべく足の負担も考え、定期的に座る事や、靴下も緩めの物をセレクトし寝る時はタオルなどを丸めて土台にし、足を少しだけ高めにしてあげて寝る事をお勧めします。

全身火傷の場合は、第２世代の新しい皮膚→第３世代の新しい皮膚と次から次へと新しい皮膚が形成され、この頃になると痛みは引いて猛烈なかゆみの症状が出てきます。
かいてはダメと思っていてもきっとかいてしまうでしょうから、家にいる時は常にエアコンなどで室内を涼しくしなるべくかゆみを抑えます。先に紹介したように、冷蔵庫などで冷やした化粧水などもかゆみを和らげてくれるアイテムの１つとなるでしょう。

初日～数日後で、アロエが手に入る時は、中の果肉＆果汁を体にすりつけたりするのも、昔の人の知恵は素晴らしいようで、管理人はかなり効果がありました。
一番の対策は、海水浴などに行く前に「焼かない対策」を取るのが一番ですが、もしなってしまった場合はいち早く病院の先生に適切な対処をしてもらい、完全休養をするしかないのが日焼けによる火傷の現状の様です。

夏のバカンスはとても大切ですが、楽しい思い出を苦い思い出にしないよう、この記事を読んだ人が少しでも良い対策＆事前対策をしてくれる事を祈ります・・・・ＷＥＢデザインにはメッサ関係ありませんが参考にして頂ければ幸いです。

追伸→症状が出てから約１０日後・・やっとこさタイピングが出来るようになりましたので記事にさせていただきました。
暦の上ではもう秋らしいですが、まだまだ猛暑は続きますので皆様もお気をつけ下さいまし.それではまた（＾＾）/

ＷＥＢデザインをするのなら、かならず持っておきたいのがPhotoshopをはじめとするグラフィックソフやDreamweaverなどのＨＰ作成ソフトです。

こういったグラフィックソフトは出来れば無料ではなく、有料ソフトを使った方が色々なメリットが多いのでオススメなのですが、僕も初めはお金がなかったので無料のソフトから始めたし、中には今でも愛用しているソフトも多数あります。

そんな訳で今日はこれからＷＥＢデザインなどの作成をしたい人に是非是非ＤＬして欲しい、ＰＣにインストールして欲しいソフトを厳選して紹介します。訳の分からないフリーソフトをごっそりＨＤＤに入れ込んで意味不明になっている人はここらで一度整理しておいて下さいね。それでは下記項目からどうぞ↓↓

ブラウザ

インタネットを利用しているユーザー全員が同じブラウザを使っている訳ではない、特にＩＥなどのブラウザはＷＥＢ標準ではないので各バージョンに合わせたＣＳＳの記述が必要な場合がある。使用する目的ではなくて、出来あがったサイトをブラウザチェックする為に良く使われている主要ブラウザは必ずＤＬしておこう。

Sleipnir,Opera,などの他のブラウザは上記ブラウザと同等エンジン又は使用者が少ない為、記載していませんがすべてブラウザでチェックしたいという方は各自検索エンジンで「ブラウザ　種類」などと調べて下さい。すべてのブラウザで思い通りに表示にする事を目指すより先にコンテンツを増やす方が大切です。

管理人はデスクトップ機ＰＣではファイアフォックス推奨、スペックの低いノートＰＣではグーグルクローム推奨です。ＩＥ６,ＩＥ７,ＩＥ８などの過去ブラウザをお持ちでない方はファイアフォックスのアドオン「Ｆiremobilesimulator」をＤＬする事をお勧めします。携帯観覧ビューアーですが、ＩＥの過去ブラウザも観覧可能です。　
≫　Ｆiremobilesimulator

ＦＴＰ

ＨＰなどを作ったらサーバーのファイルを転送するファイル転送ソフト（FTP）が必要です。最近ガンブラーなどのウイルスが巷では流行っていますが、無料ソフトではセキュリティ上軟弱なモノが多いです。下記では無料の中でも質の高い物を紹介します。

各ブログ＆サイトででFTPソフトの軟弱性ばかり指摘されていますが、問題はそれ以前にＰＣにセキュリティソフトを導入したり、ＯＳの修正ファイルをきちんとアップデートしたり、ＦＴＰのアカウントを定期的に変更するなど、基本的な事をもっとしっかりとする事をこの記事を読んだ人には考えて頂きたい。

完璧なソフトなどこの世に存在しない訳ですから、それぞれメリット・デメリットを理解して上手く活用したいものですね。

グラフィック

グラフィッソフトで無料の物は多数あるけど、良く使う高機能なものだけをＤＬして欲しい。その他１つの作業しか出来ない物はＷＥＢジェネレーターなどのブラウザ上で操作できる物を使用して、１つのソフトを使いこなす事をお勧めします。

ＧＩＭＰはPhotoshopなどの同じ種類のビットマップ画像を扱うソフト。
ＩnkscapeはIllustratorなどと同じ種類のベクトル画像を扱うソフトです。グーグルが提供するPicasaも何かと便利なのでＤＬしておくと重宝しますww

テキストエディタ

HP作成ソフトの無料の物はＷＥＢ標準のソースを吐き出さないので使わない、今は綺麗な構成で作成された素晴らしい無料のＨＰテンプレートがあるので、それらを利用してカスタマイズするか、タグ打ちで自分でＷＥＢサイトを作成する。その為にはWindowsなどの入っているデフォルトのメモ帳ソフトでは、特定の拡張子で保存されたファイルに限り開くと壊れる場合があるので、高機能で便利なテキストエディタを推奨します。

メール

色々な人とインターネットでコンタクトを取るのにメールソフト＆メールアドレスが必須になってきます。外出先でも受信できるようにＵＳＢに入れられるタイプのメールソフトも現在はあったりします。メールアドレスは配信、受信サーバーの条件などで不達問題などもあるので,出来るだけ届く無料メールサービスをお勧めします。

アカウント管理

ＷＥＢ作成に携わっていると、ＷＥＢメールのログインやブログへのログイン、ネットバンキングのログインなどなど各種主要サイトへのＩＤとパスワードが軽く数百件を超えてしまう・・・エクセルシートにつけている人もいるけれど専用のログインソフトを使う事をお勧めします。ブラウザのクッキーに保存しているログインデータは定期的に削除する事をお勧めするので、各情報はこういったソフトで一括して管理しよう。

圧縮解凍

ＰＣに標準装備の圧縮解凍ソフトでも良いけれど、高機能な物が公開されている。下記ソフトのどれか１つはＤＬしておいて下さいまし
 

ウイルスソフト

ＰＣを購入した時に不属している期限付き無料体験版、もしくは製品版の期限が切れた状態でそのままにしている人が数多い・・・ウイルスソフトだけは有料版を使ってほしいけれど、過去に使っていて安定していたものを紹介します。無料ウイルスソフトは入れていないよりはマシ程度にお考え下さい。

導入するとＯＳ起動時にウイルスチェックをするのだけれど、海外製のウイルスソフトの中には、正常なプログラムなのにＯＳプログラムをウイルスと誤認識して悪影響を及ぼす厄介なものも数多い。削除してもレジストリ上には残ってしまうものがほとんどで、大事なＰＣが正常に働かなくなる可能性もあるので、導入前はバックＵＰなどはお忘れなく。

他のレビューサイトでも高機能な無料ウイルスソフが多くありますが、僕の環境では重たく感じたのと、御認識が多く上記２点を紹介しました。

ＰＣに不具合（ネットにつながらない、メールが受信出来ない）などのいつもは正常に動作しているのに、突然不具合が出てきた場合は大抵ウイルスソフトが御認識しブロッグしている場合が多いと思います。不具合が出た場合は一度セキュリティ設定ををＯＦＦにしてみて再度同じ作業を試してみて下さい。

スポイトツール

ＷＥＢデザインを考える時に、大きな要素となってくる配色。ＷＥＢセーフカラー以外にも自分で作成したりする場合も多いです。

時には他の人サイトを見た時、手持ちのイラスト画像などを見た時、その配色の色番号は何なのか気になる事も多いでしょう。スポイトツールはデスクトップ上の指定した部分の色を抜き取って色番号を表示してくれるツールです。

クリップボード

毎回使うタグ、定型文（例：ありがとうございます、今後ともよろしくお願い申しあげます）などはメモ帳などに張り付けておくとすごく便利/。専用のソフトを使えば、作業の効率化にとても便利！ＨＰ作成している時は決まったタグ例えば「<div class="example">」とかは多様する事が多い。

クリップボード系のフリーソフトclipnote2ならShiftの連打でウインドウが表れて事前に保存されたタグを貼り付け出来るからメモ帳を多様してる人は乗り換える事をお勧めします↓

コミュニケーションツール

メールだけでは出来ないサポートもＷＥＢ系の仕事には良くある。
クライアントの現場まですぐに行ければいいのだけれど、なかなかそんな時間が割けない場合などには音声＆映像、つまりテレビ電話の様な機能がインターネットで無料で使用出来るSkype(スカイプ)が便利です。

クライアント側もSkypeを利用している事が必須ですが、こちらもＷＥＢデザイナーを目指すなら入れておきたいソフトの１つですね。

まとめ

他にも色々とあるとは思いますが、余計なソフトはパソコンのＨＤＤの邪魔者になるだけだし、上記にない作業が出来るソフトも今はＷＥＢに繋いでいる環境であれば、ジェネレーターとして作業＆加工などが出来るサイトが多数あるのでそれを利用して欲しい。

色々なソフトを利用＆模索して、本来勉強すべきデザインやＷＥＢ理論の勉強がおろそかになってしまわないように、必要と思われる無料のソフトを個人的な見解で厳選して紹介しましたので是非是非参考にしてください。

ブログの記事の書き方には定義はない、僕はそう思っている。
時には世の中で言われている、一般的な文法で記述したり、時には携帯のメールの様な記述にしてみたり、時にはＨＴＭL上減点対象になる様な記述でブログの記事を書いたりしてみます。

ＷＥＢ上で記事を書く時に、僕が一番意識しているのは、正しい文法とか、そんな薄っぺらい表面上の事ではなくて、ＳＥＯの記事でも何度も述べているけれど、自分のブログに来てくれた訪問者がいかに読みやすい構造にしているか？という事です・・・そんな訪問者の事を考えてブログの記事の書き方を考えて見ると、フォントやフォント色、ブログレイアウトや、選ぶテンプレート、改行の仕方やスペースまで、ある程度自分でも何が良くて悪いのか？区別がつきやすいですよね。

定義はないのだけれど、今日は僕が思うブロガーに気を付けてほしい記事の書き方をまとめて見ました。ライディングって意味不明だ～！って人は是非ご覧頂けると幸いです。それでは下記項目へどうぞ↓

フォントとか背景色とか、ブログレイアウトとか

フォントについて↓↓
ＷＥＢ上に表示されるフォントは、ＣＳＳで指定されていますが、各ＰＣによって標準で装備されているフォントが違う為、特殊なフォントを使用しても、観覧車側のＰＣにそのフォントがインストールされていないと、指定したフォントを見る事は出来ません。通常販売している、又は無料でもＷＥＢに長く携わっている人が作ったテンプレートならば、フォント指定は一般的なものになっていると思いますので変更する必要はありません。もし不安な場合はＣＳＳファイルを開き、font-family: を変更してください。

良くある一番ベーシックと思われる指定です。（たぶん）CSS内のbody 内に上記font-family:を記述します。「ヒラギノ角ゴ Pro W3」の様なフォント名にスペースが含まれる場合はダブルクォーテーション「"」かクォーテーション「'」で囲んでください。

フォント色とフォントサイズについて↓↓
フォント色は背景色とのＳＥＴになってきますが、集客に使いたいのなら背景色は白以外（＃ＦＦＦＦＦＦ）考えられません。デザインサイトなどで使う場合背景に画像を使ったり黒ベースの物が使われる事もありますが、そう言った場合は色相環なども考えて、サイト訪問者が長時間滞在しても疲れない、又は飽きられない色に指定する事が必要です。白ベースの場合は黒（＃000000）だと逆に硬すぎる印象になるので、灰色などをセレクトして訪問者の目が疲れないようにしてあげる配慮も必要ですね。≫ＷＥＢカラーリファレンス

フォントサイズは px（ピクセル） / pt（パーセント）/em（エム）で指定します。
タイトル、見出し、記事によってフォントサイズは変えて欲しいのですが、今回は記事（メインコンテンツ）について話します。僕の今の環境では12pxで指定していますが、13pxでも良いと思います。≫フォントサイズ早見表　
 

小さすぎるフォントは目に疲れを与え、大きすぎるフォントは、記事量が増えた時スクロールが面倒で逆に疲れます。使用者が任意でＰＣ側で調節すれば済む話なのですがデフォルトの状態で出来るだけ誰もが見やすいサイズに設定をしておきましょう。

ブロガー必須！改行の仕方を考よう！

実はコレが一番問題だったりする。まずはサンプルをご覧ください↓↓

一番ブログで好ましい物は？と言うと、コンテンツ内容やテンプレートのメインコンテンツ（記事コンテンツ）の幅によっても変わってくるので、それぞれ長短はあります。

ＷＥＢ界は横書きが基本ですので3番目の「サンプル3改行あり２」の様にあまり長すぎない場所で適度に改行するのが僕的には１番良いと思います。４番目の記述は、最近芸能人ブログやmixi,個人ブログで良く見られる改行の仕方ですが見にくい上、記事量が膨大になるとマウスのスクロールが長すぎて、個人的にはＮＧです。先の内容が予測できない事を狙って使う場合以外にはヘッダーに戻るのも面倒ですし、ユーザビリティ上好ましくはないでしょう。

僕のこのブログの場合、１つの記事量が膨大な為（なるべくこれでも減らしていますが・・・）1番目「サンプル1　改行なし」と２番目「サンプル2改行あり」をＭＩＸさせて使っています。先にも述べたようにサイトコンテンツ、訪問者の属性、メインコンテンツの幅などなど、環境によって使いやすさや見やすさは違いますので参考までにお考え下さい。

テキスト色の使い方

次に意識するのがテキスト色の選び方です。
テキスト色もＷＥＢデザインを意識して作成した場合、場合によってはユーザーが目的の情報に辿りつけなかったり、目に負担を与えるなど悪影響も与えます。記事中でも少し話ましたが情報発信サイトで一番理想的だと思われる背景が白ベースだった場合に基本的なテキスト色を以下項目にまとめました。

色にはそれぞれイメージがあって、なんとなく使われているのではなく、きちんとした理論や検証があって使われている場合が多いです。

リンク色などが青系が推奨なのは、ヤフーやグーグルなどの大手サイトで採用されている為、すでに青＝リンクと認識している人がとても多い為で、リンクでもないのに青系のテキストを使用しているサイトやブログに訪問した際、クリック後「何も起こらない」苦い経験をした事がある人も多いでしょう。

こちらもサイト構成によってすべて上手くいかない部分もあるとは思いますが、サイト内の統一性だけは厳守して訪問者に好かれるライディング＆構成を心がけたいですね。それではまた/

ＳＥＯとＷＥＢデザインは共存できるのか？今日はそんなテーマでお送りします。
どんなに良いサイトであっても、特定の場合を除き検索エンジンで上位表示させないと、継続して人の来ないサイトになってしまう・・・。ほとんどのＨＰやブログは集客する事で何かメリットがあるから運営しているのであって、その為人が来ないサイトやブログは、どんなに美しいソースで記述されていようが、素晴らしいデザイン、グラフィックであろうが、その意味を持たない。

仕事がらＷＥＢサイトを巡回する事が多いのですが、素晴らしいフルFlashサイトや、素晴らしいブログ記事などを見たりもするのだけれど、ＳＥＯなんて意識していない為に宝の持ち腐れになってしまっているサイトを良く見かけます。今日はそんなＳＥＯとＷＥＢデザインについて、お話してゆきますので興味のある方は参考にして下さい。

ＳＥＯとは

すでに知っている人が大多数を占めると思いますが、ＳＥＯとは「検索エンジン最適化」つまり、ヤフー、グーグル、ビングなどであるキーワード、例えば「ＳＥＯ」「ＳＥＯ　ブログ」などと検索した時に出来るだけ上位の検索順位結果に出てくる様にする為のテクニックや作業の事を言います。

ＳＥＯは「内部的要因のＳＥＯ」と言われるタイトルタグの設定だったり、正しいソースの記述などと、外部的要因と言われる「他サイトからの被リンク」（紹介）の２つに分けられる。前者の内部的要因と外部的要新要因の力のバランスは7:3だったり6：4だったり、はたまた8：2だったりと言われるけれど、これらはあくまで推測にすぎず、本当の所はヤフーやグーグルの内部関係者でしか把握できていない。

まぁ実際は結果論なのだけれど、僕がいつもＳＥＯって何って聞かれた時に言っているのは、内部的要因も外部的要因もすべて自分のサイトに訪問して頂いた方が、目的の情報にすぐに行きつくように、使いやすい構造にする事だよ！って言っている。検索エンジンで一時的に自分のサイトを上位表示する事は可能だけれど、そんな方法はお勧めではないし、スパムまがいの行為の他何者でもない。

もしあなたがこれから先どんなＳＥＯのテクニックを吸収したとしても、ユーザビリティを意識する事、自分のサイトは、自分の行った構築はユーザーの立場に立った時、本当に使いやすいのか？常に意識してサイト構築そして欲しいと思います。

ＳＥＯとデザインはどっちが先に意識すべき？

これに関しても、良く聞かれるのだけれど、結論は両方意識しろ！です。例えばＳＥＯを意識して検索エンジンで上位表示出来たとしましょう。クリックしてサイトに訪れたのに、文字ばかりが連続した論文みたいなサイトだったりしたとします。良く考えれば分かる事なのだけれど、そんな分かりづらいサイト、誰も見たくはないし、訪問者の滞在時間＆再訪問率もきっと短いでしょう。

そして次にデザインをバリバリ意識してFlashサイトや画像を多数使ったサイトをと作ったとします。後でも話すけど、検索エンジンは特定の場合を除いて文字列を把握して評価しているから,圧倒的にテキストベースで作ったサイトの方が上位表示出来るわけです。特に僕もFlashサイトは好きな方ですが、重たいページは嫌われてしまいますし、どんなに良い作品でも冒頭でも話したように訪問者がいないとその優良な作品もその意味を持ちません。

お互いのメリットを上手く融合して、検索エンジンにも、訪問者にもやさしいサイト作りをしてゆきたいですね。

検索エンジンは文字列を読んでいる

先ほどもちらりと話しましたが、検索エンジンは文字列を読んでいます。だからこう言ったブログ記事は画像テキストは基本使わないのが基本です。そしてテキスト量＝コンテンツ量の様に、コンテンツがたっぷりあるサイトは検索エンジンは優良なサイトと見なされるので、出来るだけデザインサイトでもテキストを多く使う事を僕は推奨します。

キーワード出現率頻度と言って、あなたが狙っている上位表示キーワード、例えば「ＷＥＢデザイン」があるとすれば、ＷＥＢデザインという単語（テキスト）がサイト内に多く使われた方が検索エンジンの攻略上有利です。しかし意識しすぎたあまり、おかしな日本語になってしまい、キーワードを詰め込み過ぎたキーワードスパムになる事もあるので注意が必要です。

どこまでがスパムとなるのか？のライン引きは難しい部分もありますが、「以前紹介した記事ですが」とかではなく「以前紹介したＷＥＢデザインに関する記事ですが」などの使い方の様に「あれ」とか「それ」などの表現は現実世界の人どうしでは分かるかも知れないけれど、対検索エンジンでは分かるわけもありませんので、記事を書く際には正式な語句を当てはめる事を意識する事が大切ですね。

フラッシュサイトでＳＥＯ対策するには？

と言うわけですがテキストがない、フルFlashサイトを作りたいと思っている人も多数いると思います。丁寧なサイトはアクセス後、Flashバージョンを見るか？テキストサイトを見るか選択してくれます、ですが一般の実用的なサイトでそんな労力を注ぐのは大変だと思うので、僕が作るなら、ＴＯＰディレクトリ　example.com/　があったとたら、そのサイトはテキストと画像ベースのいわゆる一般的なサイト、その下層ディレクトリ、つまり　example.com/example1 などの様な下層ディレクトリにFlashサイトを作ることをお勧めします。※ＴＯＰディレクトリから下層ディレクトリへのリンクは忘れずに！

良い作品のFlashサイトならば、example.com/example1　の下層ディレクトリのＵＲＬが外部サイトからのリンク（紹介）も増えるでしょうから、ＴＯＰディレクトリ　example.com/　の検索エンジンからの評価も上がってきます。

最近はTwitterやmixiなど個人でも上手く自分をブランディングすれば、無料で自分の作品を世に広める事が可能なサービスが多数ありますので、これらの多くの無料サービスを上手に使う事も成功の秘訣です。

被リンクの効果的な集め方

外部的要因である被リンクですが、コンテンツの少ないサイト開設時には自分のサイトにリンクを貼ってくれる人は少ないでしょう。そこでサイトやブログ開設初期は自分で出来るＳＥＯ対策として、簡単に自分で出来るＳＥＯ対策から始めてみます。

各サービスの自分のプロフィール欄もしくはブログのサイドバーにでも、メインサイトへのリンクをする事で被リンクになり、そして独自ドメインで運営されている方には開設時の頃のキャッシュの速さを高めるのにも効果があります。

※サテライトサイトの量産とは別の問題であり、当ブログではまずは１つのサイトを膨大なコンテンツに仕上げる事を推奨しています。

以下僕がお勧めしているサービス（ここのプロフに自サイトＵＲＬを入れる）

他にも沢山あるけど余計な作業より記事を充実させる方が良いのでお勧めはこんなところ、あとは下記ブログパーツなどを自サイトに設置する事で被リンクを増やす事が出来ます。

こちらも僕が把握している物は他にも数十個ありますが、主催者の方針で被リンクとしてカウントされなかったりするものもあるので、また別の記事で紹介します。

考えて欲しいのはブログパーツが増えれば増えるほど、ＳＥＯの効果はプラスされるかも知れないけれど、同時に自サイト＆自ブログの表示スピードに負荷を与える事、余計なバーナーやパーツのせいで本来行きつく場所（リンク）への障害となってしまう事が問題として挙げられます、冒頭で話したユーザビリュティの面から言うと、ブログパーツは訪問者にとって大抵は余計な物の場合が多く、結果訪問者が去っていってしまう事の原因になる事も少なくありません。

不必要になった場合はすぐに取り外せますので、今の自分の状況＆環境をみて、上手く使い分けてみてください。

結局はコンテンツ重視って訳で・・・・

さて第一回目ですので今日はこの辺で終わりにしたいのですが、結局一番重要なのはなんなのさ～って話になる訳ですが、もちろんそれはコンテンツの量です。量より質という事も僕は理解しているけれど、質は良いけど絶対的な量がないサイトが上位表示しているのは未だ見た事がありません。
 

思いつかないからと言ってつまらない記事を書く事はもちろんＮＧですので、価値のある記事、コンテンツを沢山同一ドメイン内に作る事が検索エンジン上位表示の最強の法則です。

まとめ

リスティング広告（お金を払った集客）ではなくて検索エンジンを攻略する（お金がかからない集客）にはとても時間がかかる事だし、今サイトを開設したり、記事を書いたからと言ってすぐに結果が表れるという物でもありません。けれどある程度コンテンツが増えてくれば、あなたが少しのメンテナンスをするだけで24時間文句も言わず働いてくれる、すごいパートナーが出来た！と言っても過言では無いのがインターネットの力ですよね。

アクセスを集めるのには１つの事に依存して欲しくはないけれど、ＷＥＢデザインをするのにも、何をするのにも、今はブログという媒体がものすごく便利な時代ですから、これらを使って上手くインターネットの力を自分のビジネスやブランディングなどに使って欲しいですね。少し長くなりましたが、パート２はまた次の機会に・・・参考にして頂けると幸いです！それではまた/

WEBデザインに携っている人は、仕事上カメラを所持している人も多いはず！僕もそんな１人で最近カメラの魅力に取りつかれた訳ですが、デジタル一眼は持っていなかったんですよね。父親の形見の（まだ元気ですけど）フィルム一眼ＥＯＳ55はあったのだけれど、カメラ素人の僕としてはミスショットが多数を占める為、枚数を気にせず1000ショットぐらい軽くいけるデジタルカメラの方が合っている訳です。

色々悩んだあげく、ＣＡＮＯＮ　ＥＯＳ-５ＤＭＫⅡを買う事に決めました！購入後しばらくたった訳ですがここらでレビューでもしてみましょう！ＣＡＮＯＮ　ＥＯＳ-５ＤＭＫⅡを買う気がなくてもデジタル一眼を欲しいな～と思っているカメラ初心者の人は是非目を通してみてください。それでは下記項目へどうぞ↓↓

画質について

カメラの画質ってどこで見分ければ良いの？多くの人がこだわるのは、見た目のデザインや価格に続いて、この「画質」も購入理由の項目に入ってきますよね？言いだすと切りがないのですが、デジタルカメラの画質は以下項目によってかなり変わってきます。

イメージセンサー・画像エンジンは各メーカーともにかなり研究をしているし、それぞれ味があるので、好みで選んで欲しい、レンズに関してはその内記事にするとして、画像を選ぶ時に見て欲しいのは画素数と画像素子です。

写真の色は、小さな粒粒のカタマリだから、この粒粒が沢山細かい方が（高画素数）な方が一般的に綺麗な画像撮る事が出来る。ちなみにＥＯＳ-５ＤＭＫⅡの画素数は2110万画素数になっていいます。

そして次に意識して欲しいのが画像素子、（銀塩カメラのフィルムにあたる部分）↓↓

光を受け取る画像素子の大きさはカメラの画質に大きく影響します。大きければ大きいほど画質は良くなりますが、その分価格も高くなります。ＥＯＳ-５ＤＭＫⅡはフルサイズセンサーと言われるCOMSセンサー36mm×24mmサイズです。画像素子比較の分かりやすいサイト≫ＵＲＬ

誤解しないで欲しいのは単に画素数が多く画像素子のサイズが大きければ大きいほど綺麗に撮れるという訳ではありません。カメラはレンズによってかなり画質が左右されるし、撮る場所の条件だったり、そして最終的に一番の問題は撮影者のテクニックだったりします（当方の場合これが問題ですが・・・）使う用途、場所によってデジタルカメラの選ぶ基準は変わってきますので参考の１つとしてお考え頂ければ幸いです。

使い心地とか

記録媒体はＣＦカード（コンパクトフラッシュ）↓↓

小型のデジタルカメラではＳＤカードが主流ですが、ＣＡＮＯＮ　ＥＯＳ-５ＤＭＫⅡはＣＦカードを採用。好みですが転送速度なども考えると僕は値段も高価な大容量ＳＤカードよりＣＦカードの方が良いです。大きさはメーカーカタログでは・152.0（幅）×113.5（高さ）×75.0（奥行）mm・約810g（本体のみ）とありますが僕のシグマのドデカ単焦点レンズレンズ（50mm F1.4 EX DG HSM）＋ＥＯＳ-５ＤＭＫⅡの場合ストラップ、カバーなどを付けた状態ですが↓↓

約1467ｇでした・・・って重っ！！剛性を出すためマグネシウム合金を使っているので仕方ありません。（ちなみにＥＯＳ-kissシリーズはプラスチックボディで軽いので女性にもお勧めですね）レンズもかなり重たい方なのですがそれほどＣＡＮＯＮ純正レンズと変わらないので、長時間の手持ち撮影や散歩とかだとどちらにしても疲れそうですね。必要ないので気にしていませんが内蔵ストロボはありません。正面からのストロボ発光は被写体の雰囲気を壊してしまうので基本あっての使わない場合がほとんどですね。他明細はＣＡＮＯＮサイトなんかで確認してくださいまし。≫ＵＲＬ

動画も撮れたりする

ＥＯＳ-５ＤＭＫⅡはなんと、フルHD動画撮影機能が搭載されています。まあカメラの形状上ビデオ撮影をする人なんかいないよ～って人も多いですが、あるに越した事はありません。文章より映像を見てもらった方が早そうなので以下動画参照↓

テーマはAshes（灰）泣けます。ちょっと重いですけど≫ＵＲＬ

上記と同じ作者様ですテーマはFeelings（情緒）良いですね　≫ＵＲＬ

テーマはApril-in-Illinois(4月のイリノイ州)　自然って素晴らしい！≫ＵＲＬ

その他まとめとか

ＣＡＮＯＮと比較されるのがNikonのデジタル一眼レフ。Nikonも素晴らしい技術を持っていますが、ＣＡＮＯＮと同スペックの物を揃えようとすると、価格が1.5倍～２倍もしてしまう。ＣＡＮＯＮの売りは高性能な癖にコストパフォーマンスに優れていると言う、お金がない当方にとっては素晴らしいメーカー様なのです。

先にも述べたようにカメラはレンズによってもかなり画質は変わってくるので、ある程度の画質＆画像素子サイズのカメラならどこでも良いのですが、本体よりも是非レンズ選びにお金を回して、色々と楽しんで欲しいですね。

新しいアプリやツールを使った時、初めはどんな人でも初心者です。多くの場合、以前使っていた同系統のツールと比べて手探りで使い方を覚えたり、参考者なんかを購入して勉強する人も多いですよね？イラストレーター(Illustrator)利用者も学校で勉強した人を除けばほとんど自力で勉強したって人が多いような気がします。

専門のデザイン会社に勤めていれば先輩や上司に聞けばいいと思うけど、そんな環境じゃない人も数多くいるでしょう・・・という訳で今日は動画でIllustratorの使い方を見てみよう！という事でyoutubeで超ハイグレードなPhotoshopの使い方を紹介します。解説もなにもない映像ですが、プロの人たちがどんな行程で作業を行っているのかが一目瞭然のはず！？是非是非Illustrator＆Photoshop初心者の方にも見て欲しい動画です。良い刺激になりますよ！

youtubeの動画で見てみよう！トレース編

下絵から各ツールを使ってのトレースです。≫参照 
※各動画音が出るものあり。
 

こちらも同じく下地を元にトレースしています。≫参照

youtubeの動画で見てみよう！着色編

トレースしたイラストにIllustratorで着色してゆきます。≫参照

トレースからの動画ですが参考になると思います　≫参照

こちらも参考になりました。　≫参照

youtubeの動画で見てみよう！Photoshopで着色しよう！

Photoshopを持っている人は下記動画も参照して下さい。Photoshopはビットマップ画像、Illustratorはベクトル画像なので、細かな色の表現などはPhotoshopを使う人が多いですね。

Illustratorで作成→Photoshopで加工　≫明細

明細はありませんがこちらもIllustratorで作成後→Photoshopで加工している動画と思われます　≫明細

レイヤーの使い方が比較的分かりやすくおすすめな動画です　≫参照

フリーソフトでは出来ない多彩な機能を使えるのもIllustrator＆Photoshopの魅力ですね。いつかこんな風なイラストがサクっと出来たら良いですね！youtubeの関連動画を追っていくと他にも色々と見れると思うので見てみてください！それではまた/

業種にもよりますが社会人になると、必ず１度は持つ事になる自分の名刺！けれど多くの場合は社交辞令的な感じでの受け渡しが多く実際は読まれていなかったり、悲しい事に最悪捨てられてしまう事も少なくありません・・・・

僕個人的な意見としては、資源の無駄づかいなので。これから先、本当にお付き合いしたければメルアド交換（電子化）やフォローしましょう（笑）みたいな感じでいけば良いんじゃないかな～と思いますが、実際そうもいかない場面もありますよね。今日は僕がこんな名刺だったら嬉しいな～と思った「あっと言わせるデザイン性に溢れたオシャレな名刺たち」をご紹介します。Photoshop（フォトショップ）なんか持っている人は名刺作成のデザインの参考にして下さい,WEBデザインをしている人にも必須なカードかもしれませんよ！

個人的に好きなデザインの名刺

熊っぽいかわいらしい名刺　≫URL

POPな感じで良いですね　≫URL

普通にカッコよすぎるクリア素材を使った名刺　≫URL

こちらもクリア素材の名刺　≫URL

シンプルなのは大事！淵や台紙の形を変えるだけでぐっとくる名刺になりますね♪　≫URL

特殊なインクを使って発行させている。ブラックライト系でしょうか？クラブなどで使えそうですね。　≫URL

メタル素材の名刺です　≫URL

幻想的な光をイメージした名刺、フォトショップのレイヤーを上手く使うと出来ます。≫URL

これもシンプルだけどおすすめ！台紙に凹凸を付けてデザインの１部にしている名刺。　≫URL

他の用途にも使えそうな名刺

アイスのスプーンを忘れた時にどうぞww 　≫URL

育て上げるまで捨てられない名刺　≫URL

耳かきにも使えそうなピックアップツール的な名刺　≫URL

髪の毛をとかしたり、ヘア飾りなどに　≫URL

ウエットテュッシュになっている。いざという時に・・・　≫URL

日本のヘアアーティストでしょうか？プレゼントはやっぱり嬉しいものです　≫URL

ユニークなアイデアの名刺

すでに名刺ではないけど、配線を加工した名刺　≫URL

邪魔だけどかなりハイセンス!! 木材を加工した名刺　≫URL

こちらも木材ですが、薄いので実用的ですね。　≫URL

デスクに置いて下さいとお願いしてみよう！　≫URL

めくるとテキストが表記してあります。WEBサイトも面白い！　≫　URL

折りたたむとキャラクターとかになったりする　≫URL

カセットテープをイメージした名刺です。　≫URL

以下オススメの名刺デザイン掲載しているサイトやサイトカテゴリ

海外サイトにも、おしゃれな名刺をまとめたエントリーが沢山あります↓↓

色々なデザインを見る、吸収する事で自分のデザインの幅や発想の芽も膨らみますね。あなただけの１枚を見つけて大切な人にとっておきの１品を送ってみてはいかがでしょうか？参考にして下さいではまた/

≫無料のフォント各種　を以前に紹介したけれど、ある程度こだわったモノを作りたいのなら有料のフォントも多数ある。他のブログで紹介もされているとは思いますが、一覧になっているフォントは少なかったので以下エントリーする事に決めました。

有名メーカーさんのフォントから、ちょっとマイナーなフォントまで、管理人が気になったモノをまとめましたのでご確認頂ければ幸いです。

モリサワフォント

参考サイト≫　モリサワフォント

フォントと言ったらまず出てくるのがモリサワフォント。プロイラストレーターの人も数多く利用していて信頼がありますね。普通に生活しているとモリサワフォントを見ない日はないほどだそうです。ちょっと高いのでプロを目指す方にお勧め。

フォントワークス

参考サイト≫　フォントワークス

フォントメーカーはフォント数が沢山あって分かりずらいのですが、フォントワークスは違いがはっきりしていて分かりやすいです。年間ライセンス形式、ＤＬ版などがあります。

白舟書体

参考サイト≫　白舟書体

こちらも老舗です。フォントデザインは大まかに、デザイン筆文字シリーズ.スタンダードシリーズ.懐(レトロ)シリーズの３種類。個人的には筆文字シリーズとレトロシリーズが気になりました。価格帯は１書体￥20,000前後。

ダイナフォント

参考サイト≫　ダイナフォント

ベーシックなフォントから個性的なフォントまで取り揃えられていますね。ＰＤＦで見本が観覧可能。１書体￥16,000からの物が多いようです。

タイプバンク

参考サイト≫　タイプバンク

こちらもフォントでは老舗です。年間ライセンス形式。モリサワフォントとあわせてプロの方様ですね。

カタオカデザインワークスフォント

参考サイト≫　カタオカデザインワークス

こちらも価格帯が１書体￥30,000前後のプロ用。丸明朝体、角ゴシック、丸ゴシックの計３シリーズがメインです。明朝体だけど丸みのある丸明朝シリーズはちょっと欲しくなりました。

ミウラフォント

参考サイト≫　モップスタジオ

手書き風の可愛いフォントで良いですね。価格帯も￥2000前後なので比較的手を出しやそう。

その他日本語フォント

※以下大手フォントメーカー各種

・　モトヤフォント

・　リョービ

・　ニィス

・　タカ書体　（個性的な感じ）

・　伊藤書体

・　手書きや本舗　（個人的に欲しい発見！）

※その他フォント配布サイト

・　あくび印　（カンパウェア）　←おすすめ

・　STUDIO twoG　（カンパウェア）　←おすすめS2Gシリーズなどが有名

・　ほにゅ字　（カンパウェア）

その他にも多数ありますが、似たようなフォントが多い為有名どころをピックＵＰしました。モリサワフォントがシェア的には高いようですが、個人で使う場合はカンパウェアのモノが１口500円～1000円ぐらいでおすすめかと思います。随時ピックアップしますので参考にして下さい。

ブログやサイトを運営していると、ＨＴＭＬやＣＳＳを駆使して凝ったデザインサイトを作っている人も多いと思います。そんな中で誰もが通る道がフォントのセレクトです。

通常ＭＡＣ-ＯＳやＷＩＮ-ＯＳにデフォルトで付属するもの以外は、フォントパッケージとして有料で販売されているか、年間のライセンスプログラムとして販売されているものがほどんどです。けれどフリーソフトなどと同じ用に、条件付きで各種フォントを無料で配布している作者様もありがたい事にいたりします。今日はＷＥＢデザインをする時には必須なブログやサイトなどに使えるフォントの中から、良く使う日本語をピックアップしてご紹介します。

みかちゃん

配布先≫　オリジナルフォントみかちゃん

商用利用可能。その他数種類のフォントあり。作者様の女性らしいタッチが良いですね。ひらがな、カタカナ、英語、漢字利用可能。オンラインソフト紹介サイト窓の杜2002で作品賞にも選ばれています。

まきばフォント

配布先≫　ふい字置場

女の子らしい丸みのあるフォント。他にもまきばフォントＰ、まきばフォント太、まきばフォント太Ｐなどあります。ひらがな、カタカナ、英語、漢字利用可能。こちらも商用利用可能です。作者サイトに他にもふい字フォント、おひさまフォントなど多数あり、お勧めです。

あんずもじ

配布先≫　あんずいろ

商用利用可能で印刷物にも利用出来る。ひらがな、カタカナ、英語、漢字利用可能。「あんずもじ」「あんずもじ等幅」「あんずもじ奏」「あんずもじ湛」などの４つの異なるフォントが利用可能。

しねきゃぷしょん

配布先≫　Chiphead

シネマ（映画）の字幕に出てくるような文字なので「しねきゃぷしょん」というネーミング。僕もお気に入り、商用利用可能。ひらがな、カタカナ、英語、漢字利用可能。

ＦＡmania

配布先≫　Chiphead

上記しねきゃぷしょんと同じ作者様です。ファミコンゲームに出てくるようなフォントです。ひらがな、カタカナ、数字、記号が利用可能、同じく商用利用可能です。

もふ字

配布先≫　fub工房

もふもふした感じだからもふ字らしい（笑）fab工房さんのフォントです。ひらがな、カタカナ、英語、漢字利用可能。商用利用可能です。

切文字

配布先≫　fub工房

上記もふ字と同じfub工房さんのフォント。ペーパーなどで切り取って作ったような文字です。ひらがな、カタカナ、英語、漢字利用可能。商用利用可能。fub工房さんは他にも水面字、３次元切文字、イバラ字なども公開中ですので一度サイトへ行ってみる事をお勧めします。

たれフォント

配布先≫　たれフォント計画

今にもたれそうなフォントがテーマ？のたれフォント、商用可能というか何に使っても許可無しでＯＫと言う太っ腹の作者様です。ひらがな、カタカナ、英語、漢字利用可能。商用利用可能です。

S2G殴り書き

配布先≫　STUDIO twoG

STUDIO twoGさんのフォントは各種色々なものが取り揃えられています。Ｓ２Ｇ殴り書きもその１つ。ひらがな、カタカナ、英語、漢字利用可能。商用利用可能。個人での利用はオンライン・印刷物ともに可能ですが、商用利用に関しては全フォントとも１口￥1000のカンパウェア（寄付制）になっています。

衡山毛筆フォント

配布先≫　武蔵システム

有料ソフトの販売だけど、無料版も用意されています。衡山毛筆フォントもその１つ。書家の青柳衡山氏が作成。他にも数種類あり。著作権放棄の完全フリーなのでもちろん商用可能です。

GD-高速道路ゴシック

配布先≫　高速道路の文字を再現しよう計画

その名の通り高速道路の標識（緑背景）にぴったりなフォントです。商用可能ですが印刷物や商品化するものなどは作者に確認のメールをして下さい。

その他にも多数無料フォントはありんますが、某大な量があるのとサイトのリンク切れ（ドメイン買収）、商用サイト完全不可などがあるためおすすめ出来そうなものをＵＰしました。そのほか有料フォントにつきましてはまた記事にしますので今しばらくおまち頂けると幸いです。ではまた/

ブログやHPなどで良く見かけるプロフィール画像。ブログ管理人のイメージをアバターなどの形にしてあげ、インパクトを訪問者に与える事で他のブログとの差別化や再訪問にもつながります。

本来は大量に出回っている無料素材やジェネレーターは使わずにオリジナルの物を使って欲しいのですが、画像加工やデザインって難しいし、最近は色々な素材が昔と違って沢山あるので使い方によってはオリジナルの様な作品も作れたりします。そんな訳で今日はブログのプロフィール画像などに使える無料の素材やジェネレーターの中から個人的にいいな～と思った物を厳選して紹介します。是非ご覧あれ/

マグパペット

フラッシュだけどなかなか拡張性が高いしお勧め/タッチも良いですね。≫マグパペットで生成されたタグをブログに貼り付けます。

化け猫アイコンメーカー

なんとも可愛いらしい化け猫のアイコンを作れるジェネレーター背景色や各パーツの配色もカスタマイズ可能です。≫化け猫アイコンメーカーで作成。PNG＆JPGで保存可能。　

みな…なんとかジェネレーター

スタンプのようなアイコンが作成出来る、シンプルでいいかも/保存は出来ないのでPCの機能にある「プリントスクリーン」などでキャプチャしてペイントなどの画像ソフトで編集します。≫みな・・・なんとかジェネレーター

アバタージェネレーター

現在は約種類のジェネレーターを展開（上記左画像は右から２つ目のジェネレーターで作成）≫アバターメーカーのサイドバーにある、各アバターをクリックするとジェネレーターが起動しますので各パーツを選択後ファイル形式を選択。すべての作業が完了したら合成をクリック。現れた画像を右クリック（WINの場合）で保存して完了です。
 

FF１１あばたーめーかー２

FF１１風なあばたーを作れるらしい（やった事ないので不明ww）こちらも生成機能はないのでプリントスクリーンなどでキャプチャし編集が必要。
明細は≫FF１１あばたーめーかー２

MY　AvatarEditor

海外サイトのものですが、いじくっていれば簡単に使いこなせると思います。明細は≫MY　AvatarEditor

各項目を選択後作成セーブボタンを押してPCに保存、エクスポート機能では作成したアバターのズームや背景の変更が行えます。ライセンスに関しては不明です。
 

FACEYOURMANGA

こちらも海外のものですが、かなりクオリティが高くてお勧めです。設定を完了後、メールアドレスを登録するとすぐに、登録先のアドレスまで画像が送られてきます。現在は無料だけどその内有料になるかも？明細は≫FaceYourManga。　

日本語はまだ未対応のようなのでログイン語どこかしらの語源を選択。開いたページにある上部ナビゲーションFACE YOUR MANGAをクリックして生成開始です。こちらの記事に関しては随時更新中なのでたまに覗いてみるといい事があるかも（笑）ライセンスに関しては商用以外では基本フリーの物を紹介していまが、規約が変わっている場合もあるので各自で確認してください。ではでは今後ともよろしくお願い致します。