TOPページ

新着WEB関連エントリー

WEB制作システムについて

WEB制作システム(WEB PRODUCTION SYSTEM)とは、WEBサイト作成に関するさまざまなデザイン手法やマークアップ技術、プログラミングやデータベースに関する知識や、ActionScriptなどを利用したリッチコンテンツの作成、オープンソースを利用したコンテンツマネジメントシステム、コーポレートアイデンティティ(CI)制作から、検索エンジン最適化やリスティング広告などを利用したWEBマーケティングやブランディングに至るまで、WEB制作に関する総合的な情報ポータルサイトです。

各項目は、それぞれの制作業務内容に応じてカテゴリー分けが行われており、各カテゴリー内でも、技術情報や知識などをさらに細分化して、WEB制作に関わる作業や業務に関する記事を個別に閲覧、参照することができます。

そして、WEBサイト制作についての優良なサービスサイトや、有効な情報源となるブログサイトなど、専門的かつ体系別に制作依頼から見積もり、技術情報や知識を得るための推奨サイトへもリンクを設置、関係するニュースについては、さまざまな専門的な最新ニュースを網羅したWEB関連ニュースをジャンルごとに分類して一覧することが可能です。

WEB制作について

WEB制作とは、いわゆるホームページ制作とかWEBサイト制作とほぼ同意とされ、ホームページを作成する作業、もくしは業務を意味します。

しかし、WEB制作=ホームページを作成するといっても、その意味合いや作業範囲は画一的なものではなく、視覚的な作業であるデザインやビジュアル設計や、情報構築やユーザビリティ、検索エンジン対策でのマークアップ構造の設計、WEBマーケティングを…
>>詳細はこちら

システム開発について

システム開発とは系統だてて、かつ組織的な方法や方式をコンピュータを使用して処理する仕組み、その仕組み自体を制作、開発する作業や工程、業務のことです。

一般的な解釈をすると、パソコンを利用することで業務改善や効率化が行われ、従来の方法では実現が難しいことを、プログラム言語とデータベースやサーバーなどの…
>>詳細はこちら

Flash制作について

Adobe Flash(アドビ フラッシュ)は、Adobe Systems(アドビシステム Systems)社の開発による、音声や動画、ゲームやグラフィックアニメーションなどを組み合わせて再現することが可能な、オーサリングソフト、または作成されたコンテンツのこと。

Flashコンテンツは、WEB専用のコンテンツで、再生するにはブラウザ専用プラグイン『Flash Player』をインストールするこで…
>>詳細はこちら

CMSサイトについて

CMSサイトとは、WordPressなどのコンテンツマネジメントシステム(Content Management System,CMS)で構築されたWEBサイトで、統合的かつ体系的に管理することが可能なPHPなどで制作されたプログラムで統制されるWEBサイトです

コンテンツ管理システムという名称通り、ページ追加や記事の修正、WEBデザインの編集やサイト構成の管理も、プログラムとSQLなどのデータベース連携で記事の内容や…
>>詳細はこちら

ロゴ制作について

一般的にロゴっていうのは、ロゴタイプとロゴマークの2つの種類に分類されます。

ロゴタイプ(logotype)とは、商号、屋号、商品名称、会社名や団体名などを形状化や装飾化したもので、印刷物などをはじめ媒体広告のシンボルとして使用される。ロゴ(logo)はそもそもギリシア語のロゴテュポスにから派生した…
>>詳細はこちら

HTMLページをインデックス、発リンク、アーカイブさせない(noindex,nofollow,noarchive)

HTMLのヘッダ部分、メタタグでの記述。

robots=検索エンジン(Googleなど対応している検索エンジン全般)
に対して、

noindex=登録させない(インデクサに登録させない)

nofollow=発リンクを無効化(ページからのリンクジュースを付与しない)

noarchive=クローラがページを記憶しない(検索エンジンにキャッシュ情報を登録させない)

をまとめて記述することで、ページが検索結果やページキャッシュとしてインターネット上から検索できないようにしておくことができる。発リンクも無効にすることで被リンクなどからサイトをたどることを防ぐことができる。

<meta name=”robots” content=”noindex,nofollow,noarchive” />

基本的には検索エンジンを通して公開したくないページなどのheadタグ内に記述する。
ただし、インターネット上に公開されていないというわけではないので注意が必要。

Old Firefox Dataのブックマーク-Firefoxの解決方法

応答なしが頻発するようになったので、Firefoxをリフレッシュする。あわせてブックマークなども消えてしまった場合の解決方法である。

デスクトップにOld Firefox Dataというフォルダが自動で作成されているので、Firefoxの[インポートとバックアップ]→[復元]→[ファイルを選択][Old Firefox Data→任意のフォルダ名→bookmarkbackups→bookmarks-20xx-xx-xx_xxxx_xxxxxxxxx==.jsonlz4]を選択して開くこととする。

解決方法の補足として、Old Firefox DataはFirefoxリフレッシュ時に自動的に作成されるバックアップフォルダで、それまでのFirefoxの各種設定情報が保存されているがあり、Old Firefox Dataについての特性です。

問題解決カテゴリーとしては、ブックマークについてのFirefoxに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
old firefox data 削除
old firefox data 復元方法
old firefox data フォルダ
old firefox data 戻す
old firefox data使い方
old firefox data アドオン
old firefox data復元
old firefox data 復旧
old firefox data デスクトップ
firefox old firefox data復元

電話番号の正規表現チェックのPHP関数-PHPの解決方法

今回のシステム開発で取り扱うテーマは『PHPで電話番号の正規表現での入力チェックをif文記述で判断』の解決方法である。

PHPで正規表現をチェックするにはpreg_match関数をつかいます。

電話番号が半角数字とハイフンで入力されていませんとする。

解決方法の補足として、ハイフンを含んだ場合の記述例でしたが、ハイフン無しも併せてチェックする場合は、preg_matchiの引数として以下の記述とします。
/^([0-9]{3}-[0-9]{4})?$|^[0-9]{7}+$/があり、電話番号の正規表現チェックについて今回のテーマの補足知識となります。

問題解決カテゴリーとしては、PHP関数についてのPHPに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
php 電話番号 判定
php 電話番号 正規表現 ハイフンなし
php 電話番号 ハイフン
php 電話番号 正規表現
php 電話番号チェック
php 電話番号 バリデーション
php 電話番号 ハイフン 追加
php 電話番号 フォーマット
php 電話番号 正規表現 ハイフン
php電話番号ハイフン削除

コメントを残すの文言変更-WordPressの解決方法

WordPressのコメント欄が有効の場合、デフォルトで「コメントを残す」と表示されるが、こちらの文言を変更するの解決方法である。

Poeditをダウンロードしてpoファイル編集、作業内容を保存すると自動でjp.moにも編集内容が反映され、この二つのファイルをアップすることでコメント欄の「コメントを残す」の文字を変更することが可能。ただ、WordPressアップデート時に自動で更新される場合があるので、都度修正が必要になる

とする。

解決方法の補足として、「コメントを残す」はWordPress共通の自動翻訳設定で行っている様子。languages/ja.poファイルを見るとLeave a Replyが英語版で、日本語表記について変換している。
こちらのファイルの該当部を希望の文言に修正してアップするが反映されないので調べてみると、ja.poとja.moがセットになっており、これらを再生成する必要がある。かなり以前に同じ作業をしたことを思い出し、Poeditをダウンロードしてja.poファイルの該当部分を編集、保存
があり、コメントを残すについての特性です。

問題解決カテゴリーとしては、文言変更についてのWordPressに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
コメントを残すwordpress非表示
wordpressコメントを残すカスタマイズ
ワードプレスコメントを残す非表示
wordpressコメント非表示
wordpressコメント欄カスタマイズ
wordpressコメント欄非表示
wordpressコメントフォームカスタマイズ
wordpress コメントフォーム デザイン
wordpressコメントフォーム非表示
wordpressブログコメント非表示

エックスサーバー間でのサーバー移転

Xserver同士で異なるアカウント間のサーバーの引っ越しの方法を調べました。

Webサイト管理を一つのアカウントに統一するためです。ちょっと特殊なケースなので備忘録として。
ドメインの移管などは発生しないので、作業自体は2日程度で完了するでしょう。

WordPressで管理するサイトだったので、データベースの移転も併せて行ってみます。
作業をおおまかに分けると以下のようになります。

1.移転元サイトディレクトリデータのバックアップ

2.移転元MySQLデータベースのバックアップ

3.移転元各予備データバックアップ

4.ドメインの削除と追加

5.移転先MySQLデータベース作成

6.移転先サイトディレクトリデータアップロード

7.動作確認

Xserverの管理画面や機能は初心者にもやさしい配慮がされているので、順番さえ間違わなければ、わりと簡単に移転ができます。

Xserver内でサーバー移転を行う場合の一番の注意点は、ドメインの移管を行わないので、ドメイン設定が移転元から移転先で完了する間、おおよそ24時間ほどはサイトが表示されなくなるので注意が必要です。

また、別会社のレンタルサーバーへの移転やについてもデータやDBバックアップ、予備データの定期的なバックアップについては基本的には同じ作業になるので、同じ手順でバックアップを保存しておくのもよいでしょう。

1.移転元サイトディレクトリデータのバックアップ

まずは移転元のサイトディレクトリのデータをバックアップしますが、この作業は15秒程度で完了します。

Xserverサーバーパネルのアカウント項目、バックアップから該当する対象ディレクトリをダウンロードします。

これで移転元サイトディレクトリデータ保存は完了です。

アカウントrootを一括でもダウンロードできますし、設定したドメインのディレクトリのみを選択してもダウンロードできるので、非常に便利です。

2.移転元MySQLデータベースのバックアップ

XserverサーバーパネルのphpMyAdminにログインします。
ログイン情報はwp_config.phpに記載されていますので、忘れた場合はこちらのDBユーザー名とパスワードでログイン可能です。

phpMyAdminの管理画面にログインすると左上にinformation_schema(MySQLの基本設定情報)とWordPress用に設定したMySQLのデータベース名の二つのDB名が表示されているので、WordPress用に設定したMySQLの方をクリックします。

WordPress用に設定したDBの構造が表示されたら、上部のタブの”エクスポート”をクリックしてDB のダンプ(スキーマ)表示画面に。

通常はこのまま”ファイルに保存する”にチェックを入れ、”zip形式”を選択して、画面左下の”実行”ボタンをクリックすると、圧縮されたDBファイルが自身のパソコンにダウンロードされます。

これで移転元のDBバックアップは完了です。

3.移転元各予備データバックアップ

Xserverにはサーバメールやメールマガジンなどの機能も付属しており、念のためWordPressの投稿データなどを含めて個別にバックアップをとっておきます。

WordPressはダッシュボードからのエクスポート機能ですべてのコンテンツのxmlデータをダウンロードしておきます。

メール設定についてはサイトディレクトリのデータの中にWebメールのデータがドメインフォルダのmailフォルダに保存されているようですが、基本バックアップできないと思った方がよさそうです。移転先で複数のメールアドレスを一括して追加できるので、サーバーパネルのメールアカウント設定からアドレス一覧をコピペしてメモ帳で保存しておきました。

メルマガやメーリングリストも利用していた場合は、ひな形やタイトルを同じくメモ帳で保存しておきました。xmailinglistというフォルダに保存されているようですが、ちょっとあやしいので送信先のアドレスなどはexcelなどで管理しておいたほうが無難です。

CGIツールのメールフォームはディレクトリアップで大丈夫でしたが、アクセス解析は上手くいきませんでした。

これで移転元の各予備データバックアップは完了です。

4.ドメインの削除と追加

移転元のドメイン設定からサーバー移転する対象のドメインを削除します。ドメインを削除すると、ドメイン下のフォルダや各設定はすべて消失するので注意が必要です。MySQLのデータベースは、個別に削除する必要がありますが、こちらは可能な限り保存しておいたほうが無難でしょう。

移転先のサーバーパネルから、先ほど移転元で削除したドメインを追加します。ドメインが削除されていない場合はエラーが出て追加できないのと、ドメインのトップレベル部分comやjpはプルダウンからの選択になっているので、間違いないように注意しましょう。

上記作業が完了して、ドメインにアクセスして以下のように表示されていれば、あとはサーバー移転の設定が完了するのを待つことになります。

「無効なURLです。ドメイン設定の反映待ちか、存在しないアドレスです。
再度ご確認のうえアクセスをお試し下さい」

以上の作業で、現在のサイトは完全に閲覧できなくなり、メールの送受信もできなくなります。今回の場合は平均して20時間ぐらいはドメイン管理の変更でサイトが表示されなくなりました。

これでドメインの削除と追加は完了です。

5.移転先MySQLデータベース作成

移転先のXserverアカウントで、新しいMySQLのデータベースを作成します。移転元ではMySQL5と5.5が混在しているタイプでしたが、新しい移転先のアカウントでは5.5で統一されていました。

データベースはXserverのサーバーパネルから、MySQL設定で新しいユーザーとデータベースを作成します。

データベースには空のデータベースを作成して、移転元でバックアップしたMysSQLのデータベースをインポートします。

phpMyAdminの管理画面にログインすると左上にinformation_schema(MySQLの基本設定情報)と新しくWordPress用に設定したMySQLのデータベース名の二つのDB名が表示されているので、WordPress用に設定したMySQLの方をクリックします。

WordPress用に設定したDBの構造が表示されたら、上部のタブインポート”をクリックしてインポート表示画面に。

“インポートするファイル”するの参照から、保存しておいた移転元のファイルを選択して、画面左下の”実行する”をクリックして完了です。

6.移転先サイトディレクトリデータアップロード

移転元からダウンロードしたファイル内のpublic_htmlフォルダ内のwp_config.phpの以下の項目を、移転先で設定したMySQLのデータベース内容に変更してから、public_htmlフォルダのすべてを同じディレクトリにアップします。

/** WordPress のためのデータベース名 */
define(‘DB_NAME’, ‘データベース名’);

/** MySQL データベースのユーザー名 */
define(‘DB_USER’, ‘ユーザー名’);

/** MySQL データベースのパスワード */
define(‘DB_PASSWORD’, ‘パスワード’);

/** MySQL のホスト名 */
define(‘DB_HOST’, ‘mysql移転先.xserver.jp’);

このままでは確認できないので、Xserverサーバーパネルの動作確認URL設定でURLを追加してみましょう。

元のWordPressサイト構成が表示されていればまずは一安心です。デザインなどは内部的テーマのパス指定の違いなどの影響で、正常には表示されていませんでした。

これで移転先サイトディレクトリデータアップロード作業は完了です。

7.動作確認

おおよそ24時間以内には新しいWebサーバーの内容が関連付けられますので、何らかの画面が表示されれば、正常にドメイン管理の変更は完了しています。

ただし24時間以上経っても、以下のメッセージが表示され続ける場合はブラウザのキャッシュクリアをすると更新される場合があります。

「無効なURLです。ドメイン設定の反映待ちか、存在しないアドレスです。
再度ご確認のうえアクセスをお試し下さい」

まずは、メールアドレスの追加を一括で行い送受信を試してみます。送受信に問題がなければ、サイトの動作確認に移ります。

移転元と移転先のPHPのバージョンが異なる場合注意が必要で、TOPページ以外表示されず404サーバーエラーが発生したり、PHPのエラーやWarnningなどが表示されたりします。

今回はhtaccessファイルの作り直しが必要であったため、サーバーパネルの自動インストールからWordPressを一度インストールして、自動生成されたhtaccessファイルを取得してURLを変更してアップしたら、下層ページが表示されるようになったりと、個別に動作確認と対応をする必要があるので、ひととおりサイトの動作確認を行った方がよいでしょう。

※データが喪失する恐れがあるので、どのようなデータも2種類以上でバックアップしておくのがよいでしょう。