株式会社KYコンサルティング経営者のブログ

さくらインターネットのvpsで運用していたこのブログを、この度 エックスサーバーに引っ越しました。

x10というプランにしました。　速度はサクサク快適ですね。

さてwordpressの引っ越し、これはちょっとだけ手間がかかりました。　間違った手順で行うとプラグインの一部が動作しなかったり問題が起きたためです。　最終的に行った手順を自分用にまとめておきます。

ちなみに今回の、wordpressの引っ越しはサーバーだけです。　同じドメインでの運用を前提にしていますのでご注意下さい。

別サーバー別ドメインにwordpressを引っ越す場合さらに手間がかかるようですが今回は説明致しませんのでご了承下さい

//===============================================================
//　引っ越し前サーバーのwordpressのデータをダウンロードしておきましょう
//===============================================================

①　phpMyAdmin等で　wordpressのテーブルをまとめてエクスポートしておきます。

※.sql　というように一つのsqlファイルとして書き出せるます。

②　利用していたテーマをダウンロードしておく

wp-content > themes　の中の利用していたテーマのディレクトリをダウンロードしておきます

③　画像ファイルをダウンロードしておく

記事にアップロードした画像ファイルは、デフォルトでは

wp-content > upload

に入っています。ディレクトリを丸ごとダウンロードしておきましょう。

④　プラグインをダウンロードしておく

利用していたプラグインは

wp-content > plugins

にありますので全部ダウンロードしておきます。

ちなみに　wp-super-cache　など　wp-configを書き換える系のプラグインは引っ越し先サーバで新たにインストールした方が良いです。

⑤　wp-config.php　をダウンロードしておく

以上でwordpressの必要なデータは手元に落としました。

//===============================================================
//　引っ越し先サーバーに 新品のwordpressファイル一式をアップロード。
//===============================================================

①　引っ越し先のサーバーに　新品のwordpressファイル一式をアップロードします。
アップロードするだけブラウザでアクセスして通常通りインストールしないで下さい。

ここで前のサーバーのファイル一式を移動させようとすると、上手く行ったかに見えるのですがフルパスの部分が違っていたりします。

私の場合、一度目にさくらvpsからxserverに丸ごと移動させてしまったのですが、その時はログインなどは上手くいきましたが、wp-super-cacheがインストール出来なくなっていました。
探して一つ一つ修正するのは大変で抜けが出る危険があります。

よって引っ越し前サーバーのファイルを丸まる引っ越し先ファイルに移動させるのはお奨め出来ません。
多少手間でも最初から作った方が安全です。

②　画像ファイル一式をアップロードする

wp-content  に　先ほどダウンロードしておいたuploadディレクトリをアップロードします。

③　プラグインをアップロードする。

wp-content に　plugins　ディレクトリをアップロードします。

④　テーマをアップロードする

wp-content の themes　に　利用していたテーマのディレクトリをアップロードします。

⑤  wp-config.php　をアップロードする。

//===============================================================
//　引っ越し先サーバーにデータベースを準備。
//===============================================================

引っ越し先サーバーに データベースを準備し、先にエクスポートしたsqlファイルをインポートしましょう

引っ越し先サーバーの

・データベース名
・データベースユーザ名
・データベースパスワード
・データベースホスト

をメモっておきましょう。

引っ越し前サーバーの wp-config.php　を書き換えていきます。

ここでwp-config.php　ファイルを引っ越し前サーバのものを使うのは
↓こういった記述部分を同じ設定で使いたいからに他なりません。

define(‘AUTH_KEY’, ‘xxxxxxxxxxxxxxxxxx;
define(‘SECURE_AUTH_KEY’, ‘xxxxxxxxxxxxxxxxxx’);
define(‘LOGGED_IN_KEY’, ‘xxxxxxxxxxxxxxxxxx’);
define(‘NONCE_KEY’, ‘xxxxxxxxxxxxxxxxxx’);
define(‘AUTH_SALT’, ‘xxxxxxxxxxxxxxxxxx’);
define(‘SECURE_AUTH_SALT’, ‘xxxxxxxxxxxxxxxxxx’);
define(‘LOGGED_IN_SALT’, ‘xxxxxxxxxxxxxxxxxx’);
define(‘NONCE_SALT’, ‘xxxxxxxxxxxxxxxxxx’);

//===============================================================
//　DNSレコードのipを引っ越し先サーバのものに変える。
//===============================================================

これでしばらく待つと　ドメインが引っ越し先サーバに向くのでしばらくすると
ドメインにアクセスして、同じブログが表示出来ているはず。

管理画面は使えるか、プラグインは追加出来るか、画像はアップロード出来るか、
などを確認して終わり。

やきとり八幡様のホームページに写真付き記事投稿システムを設置させて頂きました。
スマホからも更新出来、画像をクリックすると拡大されます♪
PHP,MySQLをベースに、PearのPager,CacheLiteを利用致しました。
投稿画面はお見せする事は出来ませんがWISWIGエディターを実装しています。

弊社では売り上げを上げる事が出来るホームページ制作を追求しております。

ホームページ制作社に求められる技術は大きく分けると、①デザイン、②システム、③マーケティングの３要素だと考えています。

その上で。弊社で行うホームページ制作の仕事は２つに分かれます。

第一に、お客様のビジネス構想や企画、アイデアをウェブサイトの形に落とし込むこと。
そのために　①デザインと②システムの知識が必要になります。

デザインについては色彩理論や視覚デザインはもちろんユーザーインターフェース（UI）の使いやすさ（ユーザビリティー）について。また広告についての全般的な知識なども全て含まれます。

システムについては、ブログの構築などが分かりやすいところですが、
その他アイデアを形にする、企画を実現するためにサーバーやデータベース、プログラミングを行います。

サーバーについての知識は益々重要になってきました。
「C10K問題」というものがあります。　CはクライアントのC　Kは千を表します。１０Kなので１万ですね。

今後スマホやタブレットの普及で一度の多くの訪問者がアクセスする事が予想されます。

クライアント１万人がホームページに同じタイミングでアクセスするとサーバは負荷に耐えきれずパンクしてしまう。　それがC10K問題,つまりクライアント１万台問題です。　ホームページは多くの訪問者をどう捌くか、問題になってきているのです。　高速のwebサーバーNginxなどの導入や、CDN（コンテンツデリバリーネットワーク）の利用など対処法は日々進化しています。

続いて第二に、ホームページのマーケティングについて。お客様のホームページをどう広めるか様々な方法がございます。

SEM（サーチエンジンマーケティングの略）という言葉はご存知の方が多いと思います。

リスティングなどCPC広告など検索エンジン対策を行います。
口コミやSNSによって広めるならばコンテンツで勝負出来るホームページの企画を考える事も重要です。

KYコンサルティグでは日々勉強と実践を重ねていきます。

今後とも宜しくお願い致します。

現在あるクリニックのホームページを作らせて頂くことになりました。
院長さんはウェブに詳しくブログとFacebook,Twitterを絡ませたサイトを作って欲しいと希望されています。

正直なところ市役所やNHKなど真面目な機関がTwitterやFacebookを積極的に活用するとは思っていませんでしたが
武雄市役所は行政機関で初のホームページを作らずFacebookページのみで運用して話題になりましたし、
現在では行政や大使館などもツイッターを利用しています。

一部のギークしか使わないであろうと思っていたウェブサービスが市民権を得たことには、
色々な原因があると思いますが、一つにタブレット端末の普及が大きいのではないでしょうか。

タッチパネルという直感的な操作可能な技術とアップルによる分かりやすいユーザーインターフェースにより
パソコンがあまり得意でない人でも、直感的に操作出来、簡単にネットサーフィンしたりYouTubeで動画を見て楽しむ事ができます。

先日テレビで見た私立の小学校では授業でiPadを１人1個導入していました。
タブレット端末を利用した課題が出されるなど可能性を探っている段階のようです。

（余談ですがもし自分ならiPadを自宅に持ち帰ったら宿題はやらず動画見たり遊びに使って遊んでしまいそうだと思ってしまいましたが・・）

ホームページ制作のお仕事をしているとお客様からほぼ必ず「こちらでも更新したい」という要望をいただきます。

日々更新していく小さなもの、例えばお知らせの部分だけでも！　こっちでも更新できると有り難い！　といった要望はとても多いものです。

通常、ホームページの更新には”HTML”など特殊な専門知識が必要になりますが
あらかじめ専用のシステムを作ってしまえば HTMLの知識がなくてもページ更新が出来ます。

例えばブログは中学生でも書く事ができますね。　ブログは日記を書く専用のシステムです。

記事を書いたり、文字色を変えたり、カテゴリー毎に表示したり、新着順に記事のタイトルを並べたり、ラジバンダリ、、といった事を小難しい専門知識不要でやってしまえるわけです。
よくよく考えてみると凄い事ですよね。。

こういったものをCMS（コンテンツ・マネジメント・システム）といいます。

（CMSはコンテンツを管理・運営するためのシステムと覚えておけば問題ないでしょう。。）

既存のCMSをお客様のホームページに導入するのもひとつの手ですが、専用のものでない限りあまり小回りのきかないのが問題点です。

そこで私たちはそれぞれのお客様にあった手作りのCMSの制作に力を入れています。

お知らせを自身で更新したいお客様にはお知らせ更新システムを作ります。

最近ですと、スケジュールを自身で更新したいお客様のために既存のエディタと組み合わせ教室スケジュールを管理する簡易システムを作りました。

私たちはデザイン制作からデータベースやプログラミングまでを少人数で行っているため（全て１人で行う場合も多い）、コストの面でも比較的安価にオリジナルCMSを制作することが可能です。

お客様の要望に出来る限り歩み寄る制作をさせて頂くため日々勉強と実践の繰り返しです。

こんな事がやりたいと要望がございましたら是非一度、お気軽に相談下さい。

お客様だけのオリジナルのホームページを制作致します。

弊社でホームページ制作、管理運営をさせて頂いているクライアント様のホームページをスマートフォン対応をさせて頂きました。

株式会社ダイレクトコミュニケーション
http://www.direct-comm.com

こちらのクライアントの場合、アクセスの半数近くがスマートフォンからの訪問であるため、
早急にスマートフォンへの対応が必要でした。

PCサイトとは別にスマホ専用サイトを作りユーザーエージェンを判別してPCサイトかスマホサイトに振り分けています。

今回は既にPC版サイトがあったためレスポンシブwebデザインにはしていません。

またこちらのサイトはコンテンツを更新する頻度が高く、レイアウトの変更なども多く発生するため
レスポンシブwebデザインには適していないでしょう。レスポンシブwebデザインは万能ではありません。

PC版サイトとスマホサイトを個別に管理出来る仕組みの方が適している場合もあり、
状況に応じ使い分ける必要があるのです

それにしても弊社HPも早いとこスマホ対応しなければ・・
今流行りの技術を沢山取り入れた実験サイトにしたい！
企画を考え中です。　ホームページ制作は楽しいですね〜

話は変わりますが、ダイレクトコミュニケーション様との付き合いは古く講師の川島さんとは５年近くホームページを通じて関わっています。

この方は「コミュニケーション能力」や「ソーシャルスキルトレーニング（SST）」といったものを研究されている研究者＆講師のとてもユニークな方です。『人が怖い』というタイトルがアレな著書もあります。

ある時、講師の川島さんにこう訪ねた事があります。
トップページに”コミュニケーション能力が上がる！”とか大きく書かないんですか？と。。

するとコミュニケーション能力に高いとか低いというのは無いのではないか、と答えが返ってきました。

・ソーシャルスキルなどの基礎的なトレーニングをする中で自分のコミュニケーションのスタイルを確立していく事が大切

・苦手意識のある自分自身を受け入れる、つまり心の部分の改善が必要。

そういった様々な要因が改善されたとき、コミュニケーション能力がアップしたと自他ともに思えるのかもしれません。

一言では伝えづらいそれらの事を訪問者にどう伝えるか。少なくとも興味を持ってもらいたい。

ダイレクトコミュニケーション様のホームページのテーマですね。

—–追記—–

スマホ対応したところ、スマートフォンからの問い合わせが早速あったとクライアント様から連絡をくれました！
やはりこれからの時代スマホ対応は必須であるなと実感しました。

株式会社ダイレクトコミュニケーション様のホームページをリニューアルしました。
こちらは気軽に参加出来るプレゼンやディベート、話し方のセミナーを開いていらっしゃる会社さんです。

この会社の開く講座は、他の多くのセミナーと違いマッチョで自己啓発的な雰囲気が全くありません。

気楽に参加出来て、暖かい人間関係を作る事が出来る。そんなコンセプトで運営されているからです。
講師の方々は心理学、ビジネス系の専門教育を受けており、プレゼンやディベート、ビジネス系の内容もしっかりとしています。

デザインは従来の自己啓発を思わせるシャープなデザインから、ポップで親しみやすいものへ大幅に変更しました。
アースカラーをメインに暖かみを感じるイラストを多く使い、悩みを抱えた方が参加しやすいようパーツ一つ一つにも配慮しました。　例えば直線を使わない、丸は声円をつかわずいびつな処理を施しています。

講師の方と何度もやり取りを行いました。
性別や年齢などターゲットの洗い出し、目的やキャッチコピーまであらゆる観点から検討を行い、
よりふさわしいデザインへ近づけました。

結果、リニューアル前のリニューアル後のグラフを見てみるとページビューが増えています！
その他の指標を見ても訪問者は以前より熱心にページを見てくれているようになりました。

デザインの重要性が良く分かりました。

現在、ホームページ上のテキストとして目にするフォントは数が限られており、メイリオやMSPゴシックなど数種類程度しかありません。

そのため雑誌などの紙媒体と違い、ホームページのテキストは見た目がなんとなく素っ気ない印象を与えます。
 
タイトルなど部分的にならばフォントを画像として使ってやることは可能ですが、さすがに本文までとはいきません。 これは検索エンジンなどのクローラーが読み取る必要があるため仕方のないことなのです。

スタイルシートでフォントを指定してやることはできるのですが、すべてのクライアントPCに同一のフォントがインストールされていなければ見るブラウザによってフォントが変わってしまいます。ですので自由なフォントは使えないというのが実情です。

そこでGoogle font API を利用するという方法があります。　フォントが読み手に与える影響は大変大きいので是非効果的に使ってみたいところです。

今まで検索エンジン対策のためにやむなく通常のテキストで記述していた箇所も、GoogleフォントAPIを使えば利用出来るフォントのバリエーションを増やすことが出来ます。

例えば温かみのある印象を与えたい場合、手書き風の文字が使えたらとても効果的ですよね。

GoogleフォントAPIの使い方はとても簡単です。

使いたいフォント名を指定したCSSファイルを読み込むだけです。

ためしに、”Shadows Into Light Two”というフォントを使って文字を記述してみます。
（使えるフォントリストはここを参照　http://www.google.com/webfonts　）

①　まず以下のようにフォント名を指定したcssファイルをリンク

②次にフォントを使いたい文字にCSSを適用する

I NEED TO BE IN LOVE

すると指定したフォントでテキストが表示されます↓

I NEED TO BE IN LOVE

ついでに歌詞も、、

The hardest thing I’ve ever done
Is keep believing
There’s someone in this crazy world
For me
The way that people come and go
Through temporary lives
My chance could come and
I might never know

現段階では残念ながらGoogleFontAPIで利用可能なのは英語だけですが、将来は日本語にも対応することを期待しています。

ホームページ制作の自由度が増えていくのはホームページデザイナーとしてもうれしいことです。

このホームページの一部はWordpress　というオープンソースのブログシステムを導入しています。
具体的には/blog　以降のディレクトリがwordpressで動いているのブログとなります。

ブログ以外のページ（例えばトップページなど）にブログの最新記事を表示させるには
お使いのプログラミング言語でrssを取得しパースしてやれば良いわけです。

ところが、rssには様々なバージョンがあるという問題を抱えています。
rss1.0 rss2.0、atom　などいくつかあり、パースするにもバージョン判定が必要であったりと一筋縄ではいかなかったりします。

私が主に利用しているPHPには simplexml_load_file()　という関数が用意されていますが
はてなダイアリーのRSSをは以下のようなコードでパースする事が出来ます。
しかしrssの形式によってはこの方法ではエラーになることもしばしば。

そこでRSSのバージョン、形式の違いを吸収してくれる便利なライブラリがありました。
simplepie というが便利そうなので使ってみました。

そして無事、当ブログの最新記事タイトルを、トップページ（http://kyconsul.org）　のサイドバーに載せることができました。

phpで実装しています。

既にご存知の方も多いと思うのですが後日時間のあるときにやり方を書きます。

よろしくお願い致します。

はじめまして。増田です。
KYコンサルティングというホームページ制作会社を運営しています。
デザインやコーディングの他、プログラミングもやらせて頂きます。

今日ふと空を見上げてみると虹色の雲が出ていました。

写真は撮り損ねたのですが調べてみると地震の予兆で虹雲という名前だそうです。

念のためしばらく気をつけようと思います。

ところで、この１０年間ウェブのことをひたすら勉強して参りました。　スタイルシートなどが登場する前、テーブルレイアウトなるものが存在しました。

spacer.gifというものがありました。とても懐かしいです。　　spacer.gif とは突っ張り棒の役割をする透明の1pxのgif画像です。

テーブルは幅など思うようにコントロールしづらくすぐ潰れてしまったりするので、いたるところにspacer.gifを入れ込んで制作していた頃もありました。

しかし世の中の全てのものは温故知新。　故きを温ねて、新しきを知ればということで、完全に学んだ事が無意味だったとは思いませんが、IT業界は本当に進歩が速いですね。

html5には革新的な機能も多いのですが、残念ながら現在出回っている全てのブラウザに対応しているわけではないので専らxhtmlでコーディングしております。