鹿児島のWebデザイナー＆Webエンジニア｜小田聖夏のブログ

最近、テレビでふとチャップリンをお見かけし
チャップリンの自伝を読んでいます。

ちょこっと読むつもりで、パラリとめくり・・・
翻訳が素晴らしく読みやすいからなのか、ついに２冊目突入です。

チャップリンの生い立ちもさることながら
成功してからの、いろいろな試行錯誤に学ばせていただいています。

アイデアを思いついたときの流れや、
どうしても我慢できず、癇癪をおこしてしまい、
その後、クビ覚悟で冷静に話すときの言い回しの仕方とか、
仕事の駆け引きとか・・・

ビジネスについては、いろいろな本がでておりますが
チャップリンの私生活も交えた、白い気持ち・黒い気持ち、
ああ～人間ってそうだよね～とビジネスを含めたまるごと、考えさせられるものがあります。

何か秋に向けて本を読みたいなあと思っている方にお勧めします＾＾
（夏もまだきてないけれど）

追い風、向かい風があるときは何かしら変化ががあり、いいのですが
問題は、人生無風状態のとき。

フリーランスを１０年以上続けてきて、数年前に無風状態になったとき。
困りました；

いろいろしてみても、空回りしているような感じ。
毎月、神社にお参りして、おみくじをひいているのですが、
そのときの内容はこんな感じ。
——————————————–
花が咲くのを待て⇒実がなるのを待て⇒時がくるのを待て⇒時がくるのを待て
——————————————–
お見事！
というような内容です。

その次の年に、自分で風をおこしてみようと試みるのですが
結果、空回りしているような感じで、終わりました。。。。

そんな時、心強く感じた五木さんの本。
それまで、読んだことはなかったのですが、sinpleAさんが紹介されているのを読みまして

以下引用

五木は言う。
--------------------------------------------
ヨットは、まったくの無風状態であれば走ることができない。・・・ヨットの上で、どんなにがんばっても無駄[だよーん]　（39ページ）
--------------------------------------------
そして、意味分かんないかーもしんないけど、この「何やっても無駄な時期」に、何すっかってのが、超ジューヨーらしー。

風がないから、ジタバタして、手で漕ぎ出すやつがいるかもしんない。でも、そんなんは、とにかく体力の無駄。風が吹くまで、待ちましょ。

ところが、同じ待つでも、居眠りはいかん。

五木は言う。
--------------------------------------------
 風が吹いてきたときに、ヨットの帆をおろして居眠りしていたのでは、走る機会も逃してしまいます。　（39ページ）
--------------------------------------------

ヨットの帆をあげたまま居眠りするって手もあるけど、そんなことしたら、気づいたら、とんでもないとこに流されてたってことになるかもよ。

そーじゃなくて、
--------------------------------------------
無風状態がどれほど続いていても、じっと我慢し、・・・風を待つ努力は必要なわけ[さ]　（39ページ）
--------------------------------------------

ってなわけで、結局何が言いたいのかっちゅうと、
--------------------------------------------
「船は帆任せ　帆は風任せ」って言うんだけど、重要なのは、風が吹いて進んでるときじゃーなく、無風で止まっちゃったとき。無風のとき、じっと、じっと、待つ。ただ、ただ、風を待つ。
風吹いてるときだけ、「風任せ〜」、なんて言ってんじゃ、そりゃ、調子良すぎでしょ。
そして、風がやんだとき、「いつか風は吹く」というくじけぬ信念（40ページ）を持てるかどうか、それが試されるんだよ。そこまで、キミの信念が強いのかどーかってのをねー
--------------------------------------------
どう？キミの信念は、どんくらい強い？

こちらの本を、sinpleAさんは「他力/作者: 五木寛之」で紹介してますが
実際は「生かされる命をみつめて＜見えない風＞編/作者: 五木寛之」です。

タイトルと内容が一致しないため、探しちゃいましたよ；

それにしても、
ただただ、じっと待つ。
結構、忍耐いりますね。

意外だったのは、五木寛之さんが、とりようによってはスピリチュアル的なことを書かれているということ。
でも五木寛之さんが書きますと、それが現実的・物理的に感じられ、説得力があります。
人生の先輩の書かれるものは、若輩者にとっては、何か大いなる何かを考えさせられ、得るものが多いです。

それに続けて、スピリチュアル的なことを書くのは、あれなのですが；
最近ではこんな風に書かれている方も。
以下引用（世界プロモーションより）

世界観プロモーション飯沼暢子です。人生が動かなくてもがいてしまう、
動きたいけど心や身体が疲れて動けない。そんな「無風」の時期ってありますよね。

そんなときは、世間からおいてけぼりになっているように感じてしまったりします。

でも、「無風」の状態って、特別なものなのです。

・・・中略・・・

「無風」になる理由はただ一つ。

あなたを次のステージに連れていくために、強制ストップをかけて、
次のステージに進むためのエネルギーチャージをさせているのです。

以下引用（答え の波動域より）

それよりも、今は問題は置いておいて、

少しでも気分が良くなること気晴らしに他のことをするほうがずっと良いです。
美味しいもの食べたりとか、心を許せる人に会ったりだとか。

それも、人に会う時は「問題」の話は口にしない。
なるべく別のことを考えるっていうのが大事です。

気分が別次元に上がれば、問題の次元も変わります。
「あ〜少し心が楽になった」
と思った帰り道に、ふと新しい発想が生まれたり解決法が見つかったりします。

気分が少しでも上がれば波動も上がり、
問題がある現状からも上がる(完了する/勝つの意味)ってことです。

問題の波動域と解決の波動域は違うということを覚えておいてね

↑こちらに関しましては、スティーブ・ジョブズ氏が唯一ipadにダウンロードして年に１回は読んでいたとされている「ヨギの自叙伝」にも
似たような内容が書かれてあります。
要は、波動を高く保て、ということですね。引き寄せの法則の考えに近いものがあります。

人生、無風な状態になってしまったとき。
考え方はあなた次第ですが、自分ではどうしようもない大きな流れがあるということを心にとめておくと
少しは気が楽になるのではないでしょうか？

自営業の仲間に
占いを取り入れたコンサルをしている人がいます。

占いをコンサルに取り入れているWさんは
自身が12年に一度の好機の時に、上京したそうです。
（確かに、ある日突然、のぼっていった。）
・・・で。
現在は、テレビ出演や雑誌の執筆など忙しくしております。

先日↓Wさんと。

そして私は、4年前、仕事の壁にぶち当たっていた頃、
調べたら、低迷期でした；

ところで、会社の社長さんで、占いを気にする方は結構いらっしゃいます。
私はフリーランスですが、バイオリズムはあると確信しておりますので、参考にしてます。

打ち合わせの際はゲン担ぎなこともしています。

やっぱり、目に視えない力って存在していると思うんですが、あなたは、どうですか？

↓ちなみに友人が今週末に主催するイベントです。（占いは要予約のようです）

モンスタークライアントではないけれど
譲歩すればするほど
深みにはまってしまう案件があります。

お会いしたときの感じも、
いい感じ。

メールも丁寧。

でも。

無理な案件はお断りしましょう。

例えば。

納品期日に無理がある案件
自分の技術では到底できそうにないと判断されるもの（外注予定があればOK）
予算のない案件

ご迷惑をおかけする前に、お断るするのは大切です。
また、自分が苦しむのが見えている案件をお断るするのも大切です。

特に、予算のない案件。
必ず、何かしらヒトモメあります；

参考になれば。

何年も過ぎて・・・例えば初回依頼から5年以上過ぎて
メンテナンスや、更新依頼など、ご連絡をいただくことがあります。

そんなとき。
もし、フリーランスを辞めていたら・・・・
お客様は路頭に迷ってしまいます；

もちろん、企業におきましても同じことが言えるのですが
企業は得てして、すぐに存在がなくなることはありません。
人が入れ替わり立ち代わり、存続していきます。

・・・がフリーランスは、始めるのも、辞めるのも、自由なイメージがあります。

ですが。
ご依頼くださったお客様を思えば、副業でもいいので
続けていく方が、賢明です。

フリーランスを18年続けている乙ですが
時には2足わらじ、3足わらじのときもありました。

初回ご依頼から、数年が過ぎて
再度、ご依頼いただくとき、（続けていてよかった）と思います。

自営業って山あり、谷あり、なので
「続ける」って結構、根気がいりますけどね^^;

お蔭さまでの毎日です。

PS・・・長年、通い続けているカフェにて↓
お蔭でメニューにない試食まで出来る今日。笑

最近いろいろな方々とマーケティングな話で盛り上がることが多く
「どうやって売るか？」
「あなたが効果があったものは？」
「これで失敗した；」
などなど、心にとどめておくには勿体ない話が多いため、書きためておくサイトを作りました。

まだ、１記事しか書いておりませぬが・・・；

どなたかさまの参考になれば♪

ここ数週間、数件重なった案件で
眠れぬ夜が続き、納品とともに、ほっとしたのか、胃の不調とふらふら感が続いております・・・

画面のスクロールだけで気分が悪くなるので
スマホやipadなど、極力見ないようにしてます。

・・・で知覧のカフェでまったり、してきました。

次回、新規のお客様が知覧の方ということもあり行ってきたのですが
緑が綺麗で、鯉も泳いでいて、なんとも癒されます。

スクロールで気分が悪くなるなんて、
仕事にならないので早々に直さないといけないのですが、これがなかなか、ですね～

とりあえず、緑

緑見て、遠くみて、眼精疲労を回避します～
といいつつ、ブログを打っている時点で、＾＾；

いろいろな事業者さまの話をお聞ききまして、
様々なモンスタークライアントのその後が、明らかに・・・

っていいますか、別事業者さまへ丸投げされる方も、いらっしゃるのですね～

・・・で、大概にして意思疎通が上手くいかず、別業者様とも決別し、

結果
依頼できるところが無くなり、WixやJimdoなどの無料ホームページ制作サイトでご自分で作るか、
少々知識のある方は、サーバーをレンタルして有料テンプレートなどを購入して制作するか。

とどのつまり「自分で作っている」。
ということです。

でしたら、はじめからご自分で作ればいいのに・・・・と思うのですが
モンスタークライアントの方々は尋常でない依頼をされる割には
ご自身で無料サイトで作ったホームページはシンプル極まりないといいますか、、
なんだか、こんなんでいいのであれば、あんなに細かな注文なんて必要なかったのでは・・・・
と思ったりして、、、

本日も、某事業者さまとそのようなお話になりまして
みなさま、同士だなあ、、と思い、なんだか勇気づけられることでした。

フリーランスのそこのあなた！！！

めげずに頑張りましょうね！

案件をかかけて、頭の中がパンパンな時！！！！

家で一人で作業をしていると
思考回路が止まります。。。

こんなとき、チームで組んでする作業があったりしますと
メールの文面を考える余裕もなくなり
突拍子もないメールを送信したり・・・・

そんな時におすすめなBGM！（私にとっては・・・ですが）

【疲労回復の音楽～【免疫力アップ】痛みを和らげる効果［頭痛・腰痛・肩こり・生理痛などの痛みに］】

水の流れる音を聞きながら作業をしていると
気持ちが和らいで、（ま、いっか）と思えるのは
なんででしょう？

まいっかと思えると、
考える余裕がでてきます。

音楽はやっぱりいいですね～

はてさて、確定申告の時期ですね！

昨年のバタバタでギリギリの確定申告を踏まえ
今年は２月中に済ませました。

昨年は、源泉徴収関係や、ITコーディネーターとして給与扱いのお仕事もあったため
申告が複雑で、む、むずかしく、、、教えていただきながらの申告となり
かなり時間とりました。

今年から、提携先の会社さまが、また数社増えまして有難い限りです。

・・・といいますか、この怪しい目玉おやじのような私の写真に
お声をかけてくださり、本当にありがとうございます。

目玉の写真ですが、先月２代目を被って撮影させていただきました。

ところで、お手伝いで作成したポップがあちこちのイオンに掲示されていてびっくり！（上部の大きい方）

人生いろいろで、出る船あれば、入る船あり。
山あり谷あり。
出会いと別れ。

すべてはうまくいっていると言い聞かせ言い聞かせ
今日も、仕事に励みます！

気持ちが落ちると
自己啓発本をよく読んでました。

周りに聞けば、
ほとんどの、特に女性は、人生においていろいろあると
自己啓発本を読む傾向です。

若い頃よりも、
人間界にきて、数十年経った今の方が読んだかも、です。

過去形になっているのは・・・

読み漁って結局、それって”その人”の考えだよね？って。
やっと、気付いたから。

例えば
「嫌なことは嫌と言う」
なるほど！とその時はそう思うけれど、言えないやさしさもその人の個性だと思うし
なんでもかんでも引き受けるのもどうかと思うけれど、
それが
自分の考えであること
が重要だと、今は思える。

どれが正しいかなんてない。

人それぞれ、考え方、感じ方、傷つくところ、そうでないところ
まった～～～～～～～～～～～～～～～～～～～く違うから。

だから、自分がこれでよい！と思ったらそれでよいのだ！

まあ、これも私の考えになるわけなんだけど＾＾；

自己啓発本は、その人が人生を歩んだ上で見つけた、生きやすい方法だから
あなたは、あなたが生きやす方法を編み出せば、それがあなたにとっての自己啓発になる。

どうしても自己啓発を読みたい時は
仏教の本とか、聖書とか、そちらも結構面白いですよ。

面白いというか、万人に共通するものがあるので。
どちらかというと、仏教の本、結構腑に落ちます。

言い方を変えると、仏教の教えを、人それぞれが解釈した考えをそれぞれにまとめたのが自己啓発本っていうふうに私は思いました。

人間界。
大変だけど。

悪魔的な人から、天使レベルの人まで、いろんな人がうごいめいているのが
この世だけれど。

死んだら、自分と同じレベルの人のいるところに行くっていうから、
良くも悪くも、いろんな人と出会えるのは、ここしかないってわけだから。
人間界。堪能できたらいいね。

モンスターにやられたばかりの乙ですが
本日、霧島神宮に行きまして、つきものがとれたように気分スッキリ
心、洗われました！

やっぱり神社っていいですね～！
特に小雨の霧の日は、パワーを吸収しやすいとかで、それもあってか
モンスターにやられた傷も癒されました。

神様ありがとう(*｡>人<)oﾟ+.ﾟ

ところで！

フリーランスになって１９年目ですが、
思い起こせば、ダメージを激しく受けた出来事には
必ず、といっていいほど、それがなければ
出会えなかった人、技術、物事が存在するなあ～と思うことでした。

ダメージを受けたけれど、それがきっかけではじめたPC、
ダメージを受けたけれど、それがきっかけで転職したIT企業、
ダメージを受けたけれど、それがきっかけでフリーランスに転向、
ダメージを受けたけれど、それがきっかけで頼まれるようになったWeb制作、
ダメージを受けたけれど、それがきっかけで出会ったお店（通いつづけて今年で９年目）、
ダメージを受けたけれど、それがきっかけで出会えたBさん、Kさん、Yさん・・・・・、

そう考えると、今度は何かな～ってワクワクしています。

これはダメージを受けた直後は気づきません。
のちのち、（あれがきっかけで・・・）と気づきます。

はてさて、何かな？？？
うふふ。

人間界にいるモンスターについて。

彼らは、見た目は普通の人間の姿をしております。
年齢はさまざまです。

他の人間にまじって
はたや、面白い人を演じていたり
はたや、いい人を演じていたり
はたや、愛嬌のある人を演じていたり
どれが彼らなのかはわかりません。

彼らは、「クライアント」という立場にたったときに
本性を表します。

彼らの正体に気づかず、仕事を受けてしまうと
心身ともに精気を奪われます。

私の場合、トップラフ画のデザインが出来上がる数回のメールのやりとりで彼らだと気づきます。
もっと早い場合は、依頼されたときの１通目で気づきます。

ですが、人間界のいろいろなしがらみで、
どうしても断れない状況のとき、、たまにあるのですが
彼らと同じ土俵に立たないように、注意するにもかかわらず
結果、心身共にやられます。

彼らには、どんなに親切、丁寧を心がけても、伝わりません。
親切丁寧に接すれば接するほど、彼らはそれらを栄養に、ますますモンスター化します。

今回、久しぶりに彼らと出会い、
気付いたものの、断れない状況だったということもあり、
人間界での修行だと言い聞かせ、寄り添う努力をしてみたものの
無駄に半年すぎて、、終わりましたi＿|￣|○il||li; ///orz///ｽﾞｩｩｩｩﾝ;

周囲には「半年は長すぎる。せめて３か月で手を引くべきだった」と笑われ；
（ああ～その通りだ）
と思うことでした。。。orz

不便だと感じた点のみメモ

ホームページビルダーサーバー

１サーバー(月1500円～)につき１ドメインのみ
データベースに直接ログインできての操作ができない
FTPサーバー上で直接フォルダを作ったり出来ない領域がある

NTTサーバー

データベースを自分でインストールできない（電話などで作成依頼しなければならない）

さくらサーバー

ドメインとフォルダの指定設定
メールアドレスの作成

お名前.com

ドメインとフォルダの設定（例えばHPリニューアルで別フォルダで準備して、完成時にドメイン指定を新フォルダに指定変更出来ない）

人間界で46年生きてますが
まだまだ人間界に慣れません；

生きている限り、1人は寂しい、
けれど、人間関係が苦痛ってことは日常茶飯事で
生きるって難しい、と常々思っています。

特に、デザイナーと作家は繊細な人が多いと思います。
だからこそ、いいデザイン、素敵な小説が書けるのだと思います。

デザインはデザインでも、
依頼者のイメージにちかいデザインを作るには
依頼者の気持ちに気持ちを重ねるような感じで、カタチにしていくので
やっぱり繊細さは大切と思います。

ですが人間界で生きるには、この繊細さが生きにくくします。

相手の気持ちが手に取るようにわかると
良くも悪くも疲れます；

なのでどちらかというと、ポジティブよりネガティブに陥りがち。

鈍感が丁度いいのですが、こればかりは思ってなれるものではなく
結果、1人でいることが楽であったりします。
・・・で一人でいること多しです。

「人間界は疲れたな～」
と言うと、
「おまえは怪物くんか！？」
とパートナーにつっこまれます。

ああ、いっそのこと怪物くんだったらよかったかな～？
・・・なんて、独り言でした。

最近は、飲み会の場や、ちょっとした出会いの場で
名刺交換を、自分から進んでは行いません。
なぜって、、虚しくなるから。

若いころは、名刺を配りまくる勢いで
名刺交換をしたこともありましたが
お互い接点がないと配って終わりで
虚しいんですよね。

とはいえ、相手からいただけば礼儀としてお渡しすることはありますが

・・・今日

福岡から来たKさんという方でしたが、たまたま私の行きつけのお店にいらしてて
名刺を渡されましたので、こちらもお渡ししましたら
見もせずに、すぐに名刺入れにしまい、私が一体何をしている人かもわからずに、
「あ、講師依頼しかしないんで」
と、あたかも他には興味ありません、って感じ。

すっごく、感じ悪かったです。

名刺の受け渡しだけで、その人の人間性が垣間見れることがあります。

自営業ということでしたが、それでしたらなおさら、特にご自身から渡すのでしたら
自分が自分が、ではなく相手の名刺も大切にしていただきたいものです。

「名刺」は「紙」ではなく、その人そのものなのですから。

ホームページを作るには、家を建てる土地（サーバー）と住所（ドメイン）が必要です。
そこで！
どこのサーバーをレンタルしようか・・・・となったときに、私は「ロリポップ」「ヘテムル」をお勧めします。

お客様が昔からレンタルしているということで
NTTサーバーや、さくらサーバー、エックスサーバー、お名前.comサーバー、ホームページビルダーサーバー、などなど
いろいろ操作させていただきましたが、ロリポップ、および同じ系列のヘテムルが一番便利でした。

サーバーによっていろいろ仕様が違うのですが
以外のサーバーで私が不便に感じたのは
・ドメインを取得しないと、URLがないサーバー（通常はドメインを取得しなくても、レンタルサーバー用意のサブドメインなどがあります）
・FTPサーバー上で自由にフォルダの作れないサーバー（コントロール画面からドメイン指定で作ったフォルダしか扱えない）
・フォルダを作ってドメイン指定＆変更ができない（HPをリニューアルするときに、ドメインが１つのフォルダに特定されていると、リニューアルするときにそのフォルダしか使えないため不便）
・ドメインを取得すれば、通常はメールアドレスも好きなように作れるのだが、それができないサーバー
・データーベースを使用するには、メールもしくは電話して作ってもらって、そのパスワードを教えてもらわなければならないサーバー（自由にデータベースを使えない；）
などです。

どことは名前は書きませんが・・・・；

自由に作成できて、ストレスが全くかからないのが「ロリポップ」「ヘテムル」でした。

ちなみに「ロリポップ」「ヘテムル」の違いは、
ロリポップはホームページ１つか２つの方向け。
何個も作ったり、会社経営でホームページを作成するサービスをされているところなどは大容量のヘテムル、
といった感じでしょうか。

ロリポップ

■お客さまで　ご利用になる方が多いのはロリポップです。ロリポップもヘテムルも同じ会社系列ですが、
ロリポップは年間3000円(税抜)～ほどなので　人気があります。

ブログタイプのWordPressＨＰを動かすにはデータベースが必要なためライトプラン・スタンダード・エンタープライズのいづれかであれば大丈夫です。（以前はライトプランを勧めていたのですが、処理能力でいくとスタンダードがお勧めという方もいらっしゃいます。）

ヘテムルサーバー

■ちなみに、私が借りているサーバーはヘテムルサーバーです。
年間18000円ですが、容量は256Gで　ドメイン無制限　ＦＴＰ50個設定などお得満載なので使用しています。

無料

①グーグルのウェブマスターツールに登録

WordPressで作成したホームページの場合、
・「Google XML Sitemaps」プラグインを有効化して　グーグルのウェブマスターツールにて　サイトマップを登録
・「PS Auto Sitemap」 WordPressで綺麗なサイトマップを自動生成してくれるプラグイン

②マイビジネスに登録

https://support.google.com/business/answer/3038063?hl=ja

③クロール申請

https://www.google.com/webmasters/tools/submit-url

最後になったけれど

ホームページのHTMLに記載の「metaタグ」や「h1」のタグなど、構成におけるマークアップなどは基礎的基礎ってことで、省略。

有料

急ぎの場合

グーグルアドワーズ　成果に基づくお支払い

https://www.google.co.jp/adwords/

オプションなどの環境設定＞表示などで
書くし属性のファイル・フォルダを表示させる
の項目をチェックする

作り方ヒント

1文字だけフォントを変える。
もしくはすべての文字のフォントを1文字ずつかえる。
文字の切り離し。
文字に色をつける。周囲に色をつける。
欧米フォントなどを1度分解し、組み直して、日本語のタイトルロゴに。
イメージ（イラスト）の追加。
文字の一部をイラストで置き換える。
カラーのアクセント（一部に色をつける）
漢字をロゴマーク化してアクセントロゴにする。
マーク（イラスト）の中に文字。
文字のヌキ部にイラストなどを入れて彩る。
大文字・小文字関係なく統一して使う。
電話番号から。

イメージ

店名の頭文字を使用
羽ばたくイメージ
Ｗで咲く花をイメージ
やわらかい印象・元気さ・さわやかさ・謙虚さ
太陽の色・赤
青で水を象徴
造形文字で人がよりそう感じ　iii
親しみさを強調するために、小文字で、とか。
手書き書体で親しみやすさを
ブラウザ上で見やすいカラーを使う（プライマリーカラー）
文字を右斜めにして、スピード感
1か所の色をかえて、チャレンジ間
たえず変化することをイメージして、グラデーション

よく使われるフォント

フォントは見た目で選んでＯＫ
Futura（ルイ・ヴィトン）
Trajan（ゴディバ）
Sackers Goshic（ピエール・マルコリーに）
Nicolas Cochin（ディオール）
Dodoni（ファッション雑誌「VOGUE」）
Helvetica （世界でよく使われる）
Plantin(ロンドン)
Haratio（ダイソンに近いロゴフォント）
Bernhard Fashion（パリのカフェとか・・・手描きみたい）
Peignot
Optima nova Titling（ルーブル美術館）
Courier（タイプライターっぽさの演出効果）

無料でのお願いを断るとき

私も食べていかないといけないので、その都度いただきますよ^^;
外注というカタチでご依頼くださいましたら、対応いたします。

無料で「教えて」というお願いを断るとき

教える内容にもよりますが、教えるということの「忍耐・体力」ともに侮ってはいけません。
結構な労力を伴います。

友だちや知人などから軽い気持ちで「word教えて」と言われた場合
これを読んでいるあなたが元気であればＯＫすると、とても喜んでもらえるのではないでしょうか？

そうでない場合・・・
私も食べていかないといけないので、そこに（教えることに）時間をとられるわけにもいかないんですよ～^^;

この「食べていかないといけないので・・・」というフレーズは、とある知人のフリーのアナウンサーが使ってたのを聞いて（そのとおりなんだよね；）と思うと同時に
相手も納得してくれるので、困ったときは使わせていただいてます。

そもそも

そもそも友だち・知人からの依頼は受けない方が賢明です。
友だち関係に仕事が入ってくると、大概において気まずくなります。

理由は、友だちや知人は「安くしてほしい」という思いがあり
仮に安くしても、（相場や事情を知らないため）費用以上の内容を要求してくることが多く、
すると、だんだん請け負った側のモやっと感が強くなり、
お互いの認識ズレから、次第にギクシャクしてきます。

ですので、友だちや知人からは受注しないのが一番ですが、どうしてもお願いされた場合は
相見積もりをとっていただき、相場を知ったうえでお願いしてもらうようにお願いするといいかもしれません。

お支払がなかったとき

メール文章例

相手が理不尽なことを言ってきたとき

お客様はプロではなく、事情がよくわかってない上に
いろんな考え方、物事の捉え方の人がいます。そこを理解した上で同じ土俵に立たないこと。

コミュニケーションが大事です。
相手を立てて、制作側の事情を説明してわかっていただくという態度が大事です。

相手の言い分をたっぷりと聞き、相手が効く体制を作ってから
制作サイドの事情説明に入ること。

売り言葉に買い言葉になってしまっては、お互いに後味が悪いです。

こちらができることは、相手の気持ちを理解し、
感情を害さないように丁寧に言葉を選びながら伝えることです。

これはお客様に限らず、コミュニケーションにおいて、相手を立てる態度を忘れない事は大事です。
そして自分の言い分を伝えることも同等に大事です。

JavaScript

外部ファイルを読み込んで動作させる。
jQuery
ParticleJS
Pixi.js
three.js
CreateJS
AOSJS　➡デモ

【パララックス効果】
・Skrollr
・FadeThis
・ScrollMe
・ScrollReveal.js
・wow.js

CSSアニメーション（以下を組み合わせて使用など）

animation・・・ループ有
【いつ何をどう変化させるか、という情報の設定】
・アニメーションの一回分の長さ/待ち時間/繰り返す回数/アニメーションする方向(再生・逆再生)/再生させたり一時停止
・@keyframesで詳細を設定する（開始0％　終了100％）
・CSSに記載する内容において、開始と終了で変化させることができる
transform(変形)・・・ループ無し
【回転/移動/拡大/縮小/傾斜】
・@keyframesで詳細を設定する（開始0％　終了100％）
transition・・・ループ無し
【例：バナーをクリックの際に色の変化　etc】
・主にロールオーバー効果（クリックすると何かが起きる）なので:hoverや:activeなど、要素が変化するためのトリガーが必要

Web Animation API

・javascriptとcss、transformの組み合わせで動く
・外部ファイルの読み込みや@keyframes設定は必要なく、CSSアニメーションと比べると、スクロールや、クリック、ブラウザ読み込みの際といったトリガーを加えることができる

animate.css

animate.cssという外部ファイルを読み込んで動作させる。
指定場所にきたときに動作させたいなどの場合は、追加でwow.jsなどを読み込んで設定する
animate.css

HTML5

Canvas

SVG

WebGL

3D表現
例：java＋canvas＋WebGL

参考サイト

commteブログ
動くCSSのためのメモ

検索結果は人によって違う。人それぞれ。

仮に、希望するキーワードで検索結果が1位でも、アクセス数が伸びるわけではない。
そのためキーワードは幅広く狙うのが基本になってきている。

パーソナライズ検索
ユーザーの興味や関心があることに合わせて検索結果をGoogleがカスタマイズしている。

シークレットモードで検索してみよう

パーソナライズされてない状態で検索してみる。

多くの人がそれぞれパーソナライズされた検索結果を見ていると考えられます。
そうなりますと、どれくらいの人が本当の順位を見ているのでしょうか？

実際のところ、狙うキーワードで順位を意識していればいいという時代はかなり前に終わっているといわれています。

なので、キーワードは幅広く狙って、キーワードを盛り込んだ積み重ねの記事、とどのつまりコンテンツ作成が大切です。

Linux

コンピューターのOSはMacかWindows
サーバーコンピューターOS（基本ソフト）はオープンソースで開発された無料のLinux

サーバーを構築するにはLinuxOS上に必要なソフトをウエアをインストールする。
・ページを表示するための「Webサーバー」代表的なものは「Apache」
・データを管理するための「データベース」
・それらをコントロールするための「言語」
・メールサーバー

一般的にはこのような「Linux」にいろいろなものがインストールされた状態を一言で「サーバー」と呼んでいます。
「Apache」はクライアント（URL）からリクエストが来た時に、それにしたがってwebページを返す（表示する）のが仕事です。
このURLに書かれた文字列こそがApacheに対する命令になっているのだと覚えておく。

ブラウザとレンダリングエンジン

レンダリングエンジンによって、HTMLやCSSの解釈が異なる部分があるため、表示の結果が少しずつ異なる。
・Microsoft Internet Explorer→Trident
・Fire Fox　→Gecko→　Servo?
・Google Chrome　→Blink(基本的にwebkitに似た動き)→Webkit
・Safari →Webkit
・Opera →Blink→Webkit
IE10より
・Edge

http://www

【html】はプロコトル（規格）
　　これはwebブラウザがHTTPというプロコトルに従って通信していることを示しています。
【www】はworld wide web
【FTP】はFile Transfer Protocol
【SMTP】はSimple Mail Transfer Protocol

HTML

webブラウザに対する指示
HTML・・・大文字・小文字問わない。 「P H1」
XHTML・・・小文字で記述することが定義されている。「ｐ h1」

緩いルールのまま改定を重ねたHTML。もう一度ルールをしっかり定め直そうという動きによって策定されたのがXHTML
突然厳しいルールで作り変えるのは難しいと、利用されないのを予想して、段階をふむために3つの種類が準備された
・strict/ルールに忠実に
・Transition/HTMLの緩いルールが残った状態でもOK
・Frameset/XHTMLでは廃止された「フレーム」という要素を利用する

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML５

HTML５はHTML４の後継バージョンであるため、タグの記述ルールなどは厳格ではない。
たとえば、閉じタグを省略したり、単独タグにスラッシュが不要だったりなど、XHTMLで定義されていたルールは撤廃されている。

しかし、HTML５であってもXHTMLで定められたルールに沿って記述することが好ましい。

これを「XHTMLに準拠したHTML５」or「XHTML５」とよばれることもある。

head内

※タイトルの前に文字コード設定
・CSSの↓にjavascript
　CSSもjavascriptも、後に書いた方が上書きするカタチになる。

①meta要素（文字コードの設定のみ）
②title
③meta要素
④link要素
⑤rel属性
・stylesheet
・shortcut icon
・canonical
・alternate
などなど
⑥script要素
⑦style要素
⑧object
➈その他

<!DOCTYPE html>
<html lang="ja">
<head>
<meta chareset="UTF=8">
<title>～</title>
<linl rel="stylesheet・・・>
</head>
<body>
</body>
</html>

パソコンとサーバー間で起こっている現象

コード

ASCIIコード→JISコードに問題があると考えられた技術者などの手によって、改良が加えられた文字コード
shiftJisのWebページをEUCコード環境で閲覧しようとすると文字化けする。

データベースとは

情報の蓄積・利用を簡単にする技術
webスクリプトと合わせて、使われることが多いのが「データベース」と呼ばれるシステムです。
DBは大量のデータを効率よく管理するための専用システムです。

DBの種類

オープンソースとは

スクリプトの内容（ソース）を公開しているアプリケーションのこと。
WordpressやEC-cubeなど。
通常は隠された状態で販売されており、解読および改造することは禁止されています。

WordPressとは

CMS（コンテンツ管理システム）とよばれるシステムの一種で、webサイトやプログラムなどを運営することができます。

サーバーサイドスクリプトで動作するCMSでは、Webサイトのコンテンツを保持・管理するために「データベース」が利用されるという仕組みになっている。

CSS記載方法

CSSの優先順位

HTML記載の上から順に読み込むため、下に行けば行くほど優先順位度は高くなる
・外部ファイルCSS→head内CSS→インラインCSS
書き方にも左右される
（弱）h2＜body h2（強）

メモ

idで命名したタグは1ページにつき、1回の使用可
classで命名したタグは何回でもOK
命名の仕方は「＃mainText」よりは「＃main-Text」が現在は一般的

サーバーとの情報のやりとりはできないため、情報をサーバー上に保管したりは出来ない。

メモ

スクリプト/小規模（プログラム）・・・さまざまなソフトウェアに対して動作する小さなプログラム

【C】もっとも古い言語。多くの言語がC言語をベースに作られている。
【Ctt】C言語をさらに拡張した言語。
【Java】C/Cttをベースにして、SunMicrosystemsによって開発された。Androidなどに用いられる。
【C#】Microsoft社がJavaなどをベースに独自に開発した言語。
【Objective】Apple社がC言語を独自に拡張した言語。iPhoneやiPadアプリ開発に用いられる。

BMP・・・無圧縮
TIFF・・・無圧縮
png gif・・・可逆圧縮（イラスト向き）
jpeg・・・不可逆圧縮/元に戻らない（写真向き）

jpeg

ロゴやアイコン・イラストには向かない。
保存しなおすたびに、画質も劣化。
輪郭がかすれたり、色むらもおきやすい

クライアントさまのサイトが急激に検索結果が下落し、以下調べたときのものを記載。
ちなみに、クライアントさまの場合は①のグーグルからペナルティをもらっていたのが原因でした。
クライアントさまのサーバーが、ハッキングされていて勝手に怪しいフォルダが作成されていたんですね～汗汗
それらを削除して、グーグルに申請し直しましたら、元に戻りました！

ちなみにちなみに、グーグルからペナルティをもらってるかどうかについては
「Google Search Console」に登録しておけば、わかります！・・・がわからない場合は以下を参考に。

考えられる原因①

ペナルティー
【ペナルティチェック】http://minnano-seo.com/essence/post90/
【ペナルティ診断と対処】http://minnano-seo.com/essence/post130/
【セーフブラウジングの確認】https://www.google.com/transparencyreport/safebrowsing/diagnostic/index.html#url=[調べたいサイトURL]

考えられる原因②

Googleのアルゴリズム（検索順位を決めるルール、のようなもの）のアップデート

考えられる原因③

【参考サイト】http://at-mag.co.jp/blog/?p=206

考えられる原因④

【参考サイト】http://www.sem-r.com/sem/google/20030908000859.html

あらゆるSEOを行っていても、検索順位を１００％コントロールすることは不可能なのが悲しいところ。
それでも今まで上位表示していたものが、急に下落してしまった場合などは、何か原因があるはず？なので、対策を施したいところです。

最後に

グーグルに再審査リクエスト（参考サイト）

その他

・スパムリンクでライバルサイトの順位を落とすことは可能か