自分のアップデート

趣味としてのWeb制作と、仕事としてのWeb制作はわけて考えねばならない、と割と最近きづいたふもぱん先生（他称）です。

仕事はたのしいかね？

「仕事」というと、どうしても責任感が求められるためか、気づくと義務感もセットになることが多いですね。「やらなければ」、「やらないと」、そんな気持ちで仕事にのぞむわけです。

その気持ちは仕事をするうえで欠かせないものですが、もっと「やりたい！」、「これやろう！」という気持ちも増やしたいですよね。

このことを改めて考えさせられたのが、デジタルハリウッド（以下デジハリ）での仕事でした（昨日1ヶ月ぶりくらいに出動しました）。

やりたい！から発動する驚きの行動力

隔週くらいの頻度ですが、私はデジハリで受講生の方にWeb制作のトレーニングをする仕事をしています。受講生の大半の方はゼロベースでWeb制作の技術を学びにいらっしゃるので、「HTML（プログラミング言語みたいなもの）とは何ですか？」など、かなり根源的なご質問を頂戴します。

無駄に何十年もWeb制作に関わっていると、基本的なことはもはや当たり前になってしまい、「HTMLってそもそも何だっけ？」などと考える機会は稀です。そうか、そもそも何なんだっけ…？ と、原点に引き戻されることが度々あります。「忘れていた何か」を度々思い出させてくれるのですね。

昨日印象的だったのは、近所のお店に「お店のWebサイトをつくりませんか？」と投げかけて、サイト制作を請けおっている（これから提案しに行く）という受講生の方が4人もいらっしゃったこと。

なにそれ、すごい。

これまで家族や友人、知人が営むお店や会社のサイト制作を提案する、という方は結構いらっしゃいました。ただ、何のつながりもない、近所にあるというだけで提案に乗り込むというアグレッシブさは、今まであまりお目にかかったことがありませんでした。

そんな受講生の方々に共通するのは、

「やりたい！」

なのです。

デジハリの典型的なコースは、半年で50万円近い受講料が必要です。それだけの時間とお金を投資をするのですから、卒業後に何としても仕事につなげるのだ、という義務感ももちろんあると思います。そんな事実はあるにせよ、各受講生の方が言葉にされているかどうかは別として、どこかに「やりたい」という気持ちがあふれていたり、にじみでていたりするのを感じるのです。

やりたい気持ちを忘れていないか？

そんな受講生の方々と対峙していると、

自分はどうなの？
仕事はたのしいかね？

と自問せざるを得ません。

私も、もともとは「やりたい」という気持ちで勝手に覚えていった技術です。昔は電話回線でピーヒョロロなんて音を出しながらネットにつないでいたので（※）、膨大な電話料金を発生させて親を怒らせたり、回線速度が遅いがために不具合の理由を探るのに深夜まで作業しながら2〜3日かかったり、そんな熱意をもとにしていました（余談）。

そんなことを、デジハリに行く度によく思い出します。

デジハリにはかれこれ2年以上携わっているので、もう相当数の卒業生を見送ってきました。Webの道に進むことを断念された方もいますし、無事にWebの仕事に携わっている方もいらっしゃいます。過去の受講生の方は今頃何をしているかな？ もともとの「やりたい」気持ちはまだ持てているかな？ そんなことを思うこともあります。もし何かを見失いつつあるのなら、母校に顔出ししていただけたら、私のように原点を思い出すものがあるのかもしれません。

自分の「やりたい」気持ちの原点に立ち返って、今の自分を見つめなおす、そんな機会を定期的に持ちたいものです。

原点回帰は計画的に。

追伸：
ちなみにお店のサイト制作を自主提案した（する）4名の方のうち、3名の方は2015年7月5日（日）に制作発表を行います。全員男性ですが、奇遇なことにスイーツなお店のサイトを制作されるという謎の共通点をお持ちです。その女子力なに？ という突っ込みどころ満載です。アグレッシブだけど、女子力すごいっていう。今から制作発表がたのしみです。

参考：

参考：
かつてインターネットに接続するために必要だった儀式の音「ピーヒョロロ」

みなさんのお陰でかれこれフリーランス歴3年目のふもぱん先生（他称）です。

フリーランスという働き方は、「仕事が続くのか？」という不安がつきまとう形態の働き方かもしれません。私は営業活動を特にしていないため、今は大丈夫だけどこの先いきなり仕事がなくなったりしないだろうか…徐々に仕事が減って干からびてしまわないだろうか…と、ふと遠い目をすることがあります。

前回は「フリーランスで仕事を得る3つのポイント」について書きましたが、今回は何とか仕事を始めて食いつなぎ、そこから仕事を増やしていくためのヒントを書いてみます。

仕事の流入経路から、仕事の源泉の特徴を探る

これはトレーナーとしてお手伝いしているデジタルハリウッドの仕事仲間から聞いた話が元ネタなのですが、

「仕事の流入経路を分析する」

というものです。

これをやってみると、意外な共通点が見つかることがあります。

例えば私の場合、「学びの場」で知り合った人からお仕事を紹介されることが多い、という特徴が明らかになりました。具体的には、勉強会で知り合った人、（僭越ながら）自分が教える立場で知り合った人、大学時代の友人や先輩後輩です。

この事実を応用すれば、私の場合「学びの場」へ積極的に参加する、またはその関連の人との接点を掘り起こすことで、仕事を拡大していけるのではないか？　という仮説が立てられます。

即効性が期待できる仮説ではないかもしれませんが、自身の実績に基づくものですので、指針としては期待できそうです。

仕事の源泉の探し方

分析手順としては簡単で、

1. これまでの仕事を洗い出す
2. その仕事の依頼者や紹介者の名前を書く
3. その依頼者、紹介者とはどこで出会ったかを書く

以上です。

そこで何か共通点がないか探してみましょう。いつ、どこで、どうやって知り合ったのか？　紹介してくれた人は誰か？　…など。何らかの傾向や、キーマンが明らかになるかもしれません。

ちなみに、この分析についてお話をしてくれた仕事仲間は、「アルコールのある場から仕事がやってくる」でした。笑

普段からよく呑んでいるようで、バーで見ず知らずの人と知り合いになり、外人さんから仕事をもらったこともあるそう（しかもなかなかよいお仕事だったそう）。仕事が減ってきたな〜と思ったら、酒を呑みに行けばいいわけですね（？）。

今回はフリーランスという前提で書きましたが、会社の取引相手に置き換えてもできるのではないかと考えています。

未来の仕事へのアプローチにもなる？

今回のお話は受注実績から原因を探るというアプローチですが、もしかすると未来から逆算するアプローチもありかもしれません。

「こんな仕事をしたい」
「◯◯さんと仕事をしたい」
「◯◯会社と仕事をしたい」

そんな希望的仕事を妄想し、洗い出すことで、それらの仕事をするには、どこへ行けばいいのか？　どんな人に会えばいいのか？　共通する何かが自ずと見えてくるかもしれませんね。

仕事の流れの分析と設計は計画的に。

気づけばフリーランス3年目のふもぱん先生（他称）です。

不思議なご縁もあり、私はデジタルハリウッド（通称デジハリ）で「トレーナー」という肩書のお仕事をさせていただいています。Web制作の技術を学び、最終的にはフリーランスとしてはたらくということを目指している方が多くいらっしゃるのですが、度々質問されるのが…

「どうやって仕事を受注しているのですか？」

かつてはセミナーのレポートを書くのも仕事だったふもぱん先生（他称）です。

書籍『現場のプロが教えるHTML＋CSSコーディングの最新常識』発売記念イベントがある、というお誘いをいただいて渋谷はヒカリエ、株式会社ディー・エヌ・エー様のおしゃれな社食 Sakura Cafe に行って参りました。

前職で経営層向けにセミナー参加の報告を度々しており、そのノリでまとめだすと眠れなくなってしまいます。ひとまず、ピンポイントにメモ的記録です。

お品書きとしては、

1. HTML+CSSコーディングを取り巻く環境の変化（大竹孔明さん）
2. Webデザイナーに求められるHTML＋CSSスキルセット（中江 亮さん）
3. 実践！　構造化マークアップ（小川裕之さん）

の3本立て。

それぞれ25分という短い時間でしたので、ダイジェスト的な内容ではありました。率直に言って、つまり本を買えばよいのです。買いなさい。そして読みなさい。

強いて言うなら、「あ、そう言えば気になっていた。」というのが3番目の「実践！　構造化マークアップ」にある、「構造化マークアップ」というもの。

こちらは3年ほど前に、サイバーエージェントさんで行われた連続セミナーに参加した際に知り、気になっていたのでした。今さらながら、そのことを思い出したのです。

ざっくりまとめると、検索エンジンがWebページ内の情報を正確に理解できるように工夫する、というものです。一般的に言うSEO対策の中でも、少し踏み込んだ内容と言えるかもしれません。

何がよいのか？ ざっくりまとめると、検索エンジンがWebページの内容を正確に理解できるようになり、場合によっては検索エンジンが特別扱いしてくれるようになる（かもしれない）工夫です。

今回のセミナーの資料ではありませんが、検索してみると以下スライドがありました。このスライドによると、ネットショップのクリック率が約5%改善したとのこと。

大手企業のサイトならともかく、個人サイトでやっているところは少ないんでは？ と思い、少し調べてみましたが、かのイケダハヤトさんのサイトはなんと導入していました。さすがです。世界的にかなり売れている WordPress のテーマを調べてみると、普通に記述がありました。さすがです。

仕事上提案するとなると、また考えるべき点がいろいろ出てきてしまいますが、個人サイトでいずれテストしてみたい内容です。

学習と実験は計画的に。

個人的な背景

これまで fumopan.com をロリポップで運用し、daily.fumopan.com などのサブドメインをさくらサーバーで運用する、ということをしておりました（仕事上の必要にせまられて実験していました）。
ただ、もう分けておく必要性がなくなったため、さくらサーバーに統一しようと思い、この度、fumopan.com をロリポップからさくらサーバーへ移管することにしました。

概要

• ロリポップで運用中の WordPress サイトを、さくらインターネットのさくらサーバーに移管（移行／移転／引っ越し）する方法についてまとめました。
• 移管前、移管後でドメイン（サイトのURL）は変わらない前提です。
• 独自ドメインで運用している場合の例として紹介します。
• 2015/05/05 時点で私が実体験として確認できた手順と方法です。

作業の概要

WordPress サイトは、「WordPress サイトのデータ」と「データベースのデータ」の2つで構成されています。WordPress サイトを移管するには、この2つをセットで引っ越しする必要があり、片方だけでは移管ができません。

ちなみに「WordPress サイトのデータ」には、WordPress のシステムや記事の画像といったファイルが含まれており、「データベースのデータ」には、記事のテキストやウィジェットの設定といったファイルが含まれています。

大まかな作業としては、現行（ロリポップ）の「WordPress サイトのデータ」と「データベースのデータ」をダウンロードしてきて、少し設定を変更し、移管先（さくらサーバー）にアップロードするだけです。

具体的な手順

1. ロリポップの WordPress サイトのデータを丸ごとダウンロードする。
2. ロリポップのデータベースのデータを丸ごとダウンロードする。
3. さくらサーバーでデータベースを新規作成する。
4. さくらサーバーのデータベースに、2.でダウンロードしたデータベースをインポートする。
5. 1.でダウンロードしたファイルのうち「wp-config.php」を、さくらサーバー用に一部修正する。
6. さくらサーバーに WordPress サイトのデータを丸ごとアップロードする。
7. （独自ドメインで運用されている方のみ）ドメインのネームサーバーの設定を、ロリポップからさくらサーバーに変更する。

作業時間（ご参考）

• この手の作業を本業にしている私で大体1時間以内。
• あまり慣れない方は、2〜3時間見込んでおいた方がよいかもしれません。
• 上記の目安時間は、サイトデータのダウンロードやアップロードにかかる時間は省略した目安です。
• サイトのページ数や画像数が多い場合、ダウンロードやアップロードに時間がかかる場合があります。

具体的手順

1. ロリポップの WordPress サイトのデータを丸ごとダウンロードする。

まずは FTP などを使って、現状のロリポップのサーバーに接続し、現状の「 WordPress サイトのデータ」を丸ごと PC のローカルフォルダにダウンロードします。ページ数や画像数が多いと相応の時間がかかります。しばし待ちましょう。

上図は Mac の CyberDuck という FTP ソフトを使った画面例です。FTP って何すか…という場合は、ロリポップの「各種FTPソフトの設定方法」を参照してください。

2. ロリポップのデータベースのデータを丸ごとダウンロードする。

次に、「データベースのデータ」のダウンロードを行いましょう。

まずはロリポップの「ユーザー専用ページ」にログインします。専用ページの URL は変更がなければ、https://user.lolipop.jp/ にあると思います。

▲ドメイン名とパスワードを入力し、「ログイン」ボタンをクリックします。

▲左メニューの「WEBツール」から「データベース」を選択します。

▲「 phpMyAdminを開く」をクリックします。

▲「ユーザ名」、「パスワード」を入力し、「サーバの選択」から該当のサーバを選択します。最後に「実行する」をクリックします。ちなみに各項目に入れる内容は、1つ前の画面に表示されている情報と対応しています。下図の対応関係を確認して入力しましょう。

▲補足：「パスワード」は「パスワード確認」ボタンをクリックすると表示されます。

▲「データベース」をクリックします。

▲WordPress で利用しているデータベース名をクリックします。ここで選択するデータベース名も、先ほどの画面（下図）の「データベース名」の欄に対応しています。

さて、データベース名を選択できたら、エクスポートします。

▲「エクスポート」をクリックします。

いろいろな選択項目が出る画面になりますが、主に下図の赤枠部分を選択します。

▲赤文字でいろいろと書いている「テーブル：」の部分は、WordPress サイトを過去に1つしかつくっていない場合は、「全選択」ですべてを選択してOKです。ただし、WordPress サイトを過去に複数つくっていた場合は、今回移管する WordPress サイトに対応するもののみを選択する必要があります。

どれを選択したらよいか？ は、1. でダウンロードした「 WordPress サイトのデータ」にある、「 wp-config.php 」の中身でわかります。

テキストエディタなどで「 wp-config.php 」を開いてください。

「 $table_prefix = ‘xxxxxx’ 」といった行があるはずです。この「 xxxxxx 」の部分が該当する「接頭辞」と呼ばれるものです。上図の例だと「 wp2_ 」で始まっている文字列ですね。ゆえに、以下の「 wp2_ 」で始まっているもののみをすべて選択します。

ここまで問題なく選択できましたら、画面最下部にある「実行する」ボタンをクリックします。zipファイルをダウンロードする画面になりますので、適当な場所にダウンロードしてください。

さて、これで現行のロリポップにある「WordPress サイトのデータ」と「データベースのデータ」のダウンロードが完了しました。次は移行先のさくらサーバーに両者のデータをアップロードする作業に入ります。

3. さくらサーバーでデータベースを新規作成する。

まださくらのレンタルサーバーを契約していない場合は、さくらのレンタルサーバのページへアクセスし、契約します。

ロリポップからダウンロードした「WordPress サイトのデータ」と「データベースのデータ」のうち、「データベースのデータ」をさくらサーバーにアップロードする準備をします。まずはさくらサーバーに新規でデータベースを作成し（新しい箱をつくるイメージ）、その中に「データベースのデータ」をインポートします（箱に中身を入れるイメージ）。

では最初に、さくらサーバーの「サーバコントロールパネル」にログインします。専用ページの URL は、https://secure.sakura.ad.jp/rscontrol/ にあると思います。

▲「ドメイン名」と「パスワード」を入力して、「送信する」ボタンをクリックします。

▲左メニューの「データベースの設定」をクリックします。

▲「データベースの新規作成」をクリックします。

▲「データベース名」には、好きな名前を入れ（画面例では「 fumopan 」としました）、「データベース文字コード」は「 UTF-8 」にします。最後に「データベースを作成する」ボタンをクリックします。

以上で、さくらサーバー上に「 fumon_fumopan 」という名前の新しいデータベース（箱のようなもの）が作成できました。

4. さくらサーバーのデータベースに、2.でダウンロードしたデータベースをインポートする。

先ほど作成した「 fumon_fumopan 」という名前のデータベース（箱のようなもの）に、2. でロリポップからダウンロードしておいたデータベースの中身をインポートします（箱に中身を入れます）。

▲左メニューの「データベースの設定」をクリックします。

▲「管理ツール ログイン」をクリックします。

▲「ユーザ名」、「パスワード」を入力し、「サーバの選択」から該当のサーバを選択します。最後に「実行する」をクリックします。ちなみに各項目に入れる内容は、1つ前の画面に表示されている情報と対応しています。下図の対応関係を確認して入力しましょう。

▲補足：「パスワード」を忘れてしまった場合は、上図青枠の「接続パスワード変更」の行にある「変更」ボタンをクリックすると変更ができます。新しいパスワードに変更し、そのパスワードをログインの際に使いましょう。

▲左メニューから先ほど新しくつくったデータベース名「 fumon_fumopan 」をクリックします。

▲「インポート」をクリックします。

▲「ファイルを選択」をクリックし、2. でダウンロードしたロリポップの「データベースのデータ」（〜.zip というファイル名のはずです）を選択し、「実行する」ボタンをクリックします。

以上で、ロリポップのデータベースのデータをさくらサーバーの新しいデータベースにインポートすることができました（箱に中身を入れることができました）。

5. 1.でダウンロードしたファイルのうち「wp-config.php」を、さくらサーバー用に一部修正する。

さて、残すは「 WordPress サイトのデータ」をさくらサーバーにアップロードです。が、サーバーを移管するにともない、一部のファイルで修正すべき箇所があります。

▲1. でダウンロードした「 WordPress サイトのデータ」にある、「 wp-config.php 」をテキストエディタなどで開いてください。1つ注意点としては、Windows の方は「メモ帳」で開かないようにしてください。「サクラエディタ」や「 TeraPad 」などが無難です。Mac の方は標準でインストールされている「テキストエディット」で OK です。

変更すべき点は上図の赤枠部分です。

define(‘DB_NAME’, ‘xxxxx‘);
define(‘DB_USER’, ‘xxxxx‘);
define(‘DB_PASSWORD’, ‘xxxxx‘);
define(‘DB_HOST’, ‘xxxxx‘);

1行目の「 define(‘DB_NAME’, ‘xxxxx‘); 」における「 xxxxx 」は、先ほど新たに作成したデータベースの名前（私の場合「 fumon_fumopan 」）を入れます。

その他の「 xxxxx 」に入れるべき項目は、データベースを作成するときにみた画面と下図のような対応関係になっています。みなさんの画面の情報に合わせて入力してください。

6. さくらサーバーに WordPress サイトのデータを丸ごとアップロードする。

1. の修正が完了したら、FTP などを使って、さくらサーバーに接続し、先ほど修正をした「 WordPress サイトのデータ」を丸ごとアップロードします。ページ数や画像数が多いと相応の時間がかかります。しばし待ちましょう。

以上でほぼ完了です。さくらサーバーの新しいサイトアドレス（URL）をブラウザで開いてみてください。正しく表示されていれば無事に完了です。独自ドメインでサイトを運用している方は、あと一歩…。独自ドメインの設定を変更する必要があります。

7. （独自ドメインで運用されている方のみ）ドメインのネームサーバーの設定を、ロリポップからさくらサーバーに変更する（「お名前.com」の場合）。

独自ドメインでサイトを運用されている方は、最後にドメインの設定を変更します。私の場合、「 http://fumopan.com 」と入力するとロリポップのサーバーにつながるようになっていましたが、これを新しく移管したさくらサーバーにつながるようにします。

以下は、私がドメイン取得で利用している「お名前.com」の例としてまとめます。他社のサービスを利用されている場合は、各社のサービスで「ネームサーバーの変更」といったキーワードで調べてみてください。

▲さくらサーバーの「サーバコントロールパネル」にログインし、左メニューから「ドメイン設定」をクリックします。

▲「新しいドメインの追加」をクリックします。

▲「5. 他社で取得したドメインを移管せずに使う・属性型JPドメインを使う（さくら管理も含む）」にある「>>ドメインの追加へ進む」をクリックします。

▲「ドメイン名」を入力し、「送信する」ボタンをクリックします。

▲「指定フォルダ」は、FTP でさくらサーバーにアップしたフォルダ名を入力します。フォルダをつくらず、サーバーの直下にアップした場合は「 / 」のままで OK です。最後に「送信」ボタンをクリックします。

以上で、さくらサーバー側の設定は完了です。

最後にドメインの設定を変更します。私は「お名前.com」にてドメインを取得していますので、以下、同サービスの画面例でまとめます。

まずは「ドメインNavi」にログインします。専用ページの URL は変更がなければ、https://www.onamae.com/navi/domain.html にあると思います。

▲「お名前ID（会員ID）」と「パスワード」を入力し、「ログイン」ボタンをクリックします。

▲該当するドメイン（私の場合は「 fumopan.com 」）の行にある「ネームサーバー」の「変更する」ボタンをクリックします。

▲「他のネームサーバーを利用」タブをクリックし、「ネームサーバー情報」を入力し、「確認画面へ進む」ボタンをクリックします。

ネームサーバー情報は、
「1プライマリネームサーバー」が「ns1.dns.ne.jp」、
「2セカンダリネームサーバー」が「ns2.dns.ne.jp」
となります。

あとは画面の指示にしたがって完了させましょう。

ネームサーバーの変更には1〜3日かかる場合もありますので、しばらく待つ必要があります。私の場合は半日くらいかかりました。

ちなみにネームサーバーが切り替わっても、見た目が変わらないので、無事に切り替わったのか確認がしにくいと思います。そんなときは、さくらサーバーの方にだけ、何か適当なファイルを1つアップし（sample.txt のようなテキストファイル）、そのファイルにブラウザからアクセスできるかどうかで判断できます（http://fumopan.com/sample.txt にアクセスして、開ければネームサーバーは切り替わっています）。

補足

私は上記の流れで移管できたものの、WordPress の管理画面にアクセスが出来ませんでした。おそらくサーバー側のセキュリティ設定なのですが、「 .htaccess 」というファイルの設定が原因であるケースがあります。

「 .htaccess 」は不可視ファイルと呼ばれ、通常は見られない設定になっていることが多いものです。Mac の Cyberduck の場合は、「表示」メニューから「不可視ファイルを表示」で見ることができます（下図）。

以下のように「 .htaccess 」という不可視ファイルが見えるようになりました。

この「 .htaccess 」の中身に「allow from all」と追記して上げることで、WordPress の管理画面にアクセスできるようになります。

参考サイト

• プラグインを頼らずWordPressのサーバー移行。新ドメインでも大丈夫！
• WordPressで公開しているサイトのサーバーを変更する
• さくらのレンタルサーバのページ