このページでは、日々WEBの開発をしていくにあたって役立った情報および情報源を掲載しています。
うちのサイトの隠れコンテンツ的なところにさりげなく存在する個人的なメモという位置づけなのでおおまかなカテゴリ分けはしていますが、日付順になっていたりそうでなかったりします。あしからず。

_____________________________

ディレクション

何せ、WEBを頼む前に、コストに対する実際の効果、目的、ターゲットユーザーに対して何を訴えどういう利益を与えるのか、そして何より運用体制についてじっくり考えてもらいたいのがWEB制作者の願い。作っただけでは全く意味がありません。

WEBディレクションの極意（MdN）
_____________________________

Web全般

フォームメール２
普通にPHPによるメールフォーム。以下を.htaccessに記述

DirectoryIndex sformmail.php

phpをhtmlで読み込む。
ロリポップの場合。

ロリポップのPHP5対応サーバは.htaccessがちょっと不自由！？
ロリポップでphpをhtml内で使うのに、拡張子を .php　ではなく .html　のまま
読みこむために、.htaccess　に以下を記述。ただし、バージョンアップの際は変更が必要だそう。

AddHandler php5.2-script .htm .html

Parse error: syntax error, unexpected T_STRING in ○○○ on line 1 －１行目のエラーならばこれを疑ってみるべき。
PHPの導入の際、一行目にsyntax error。本来は.htaccessかphp.iniを設定すべきだが面倒なのでとりあえずXML宣言を省略して対処。

101025 width再考
web 屋が主張する「 リキッドレイアウト 」に騙されないために
「 サイトの横幅 」再論:950px時代のウェブデザイン
リキッドデザイン問題はmax-widthとIE6 用expressionで解決

WEB用の画像プロファイルについて
WEB画像保存形式について

101027
FirefoxのアドオンのFirebugFirefoxウインドウ内に同時にソースを表示してくれるウインドウが出るアドオン。編集とかもできるみたいやけど。

“Skip Navigation” Links

font-familyについて考えてみる

一部のリストスタイルが何故か消えない。

list-style-type: none;

で消えず、

list-style-image: none;

でも消えず、「なぜこの部分だけ,,」と1000行以上のソースを何往復もして見比べたり試しに記述してみたりして散々悩んでやっと解決。どうやったかというと

display: block;

を追記。その少し前もリンクが折り返すのの対策を悩んだ挙げ句、display: block;にて解決。
しばらくWEBの仕事から離れていると忘れがちなdisplay: block;。基本じゃないか。情けない…。

101102
アドレス欄やタブに独自アイコンを表示する
お気に入りアイコン（ファビコン）の作り方
FavIcon Generator

101103　google web master tool

101124 Webサイトの画像作りに猛烈に役立つ17のジェネレータ
101203　YouTube動画をGIFアニメに変換してくれるサイト「gifsoup」

111222　ドメイン名のしくみ（日本ネットワークインフォメーションセンター）DNSについての説明はこのサイトがかなり分かりやすい

HTML5関連

110620
HTML4から変化したHTML5のマークアップ ここが違う！サンプルで見るHTML5
W3Cは賞味期限切れ組織？
110712

• HTML5についてのおさらい（これを読めばほとんど網羅できます）
• HTML5ことはじめ（上記のリンク先の内容を噛み砕いた感じで紹介しています）
• 【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1（こちらのテンプレートを元に作成しました。HTML5で組まれたWordPressのテーマを使うより自由度が高いため。）
• KAYAC DESIGNER’S BLOG（ソースを参考に）
• tech.kayac.com（ソースを参考に）

iPhone / iPad

110719
WebサイトをiPhoneに対応させる -レスポンシブ・デザイン-
iPadに最適化したサイトがつくれるかもしれない5つの方法（基本編）

Validator

Another HTML-lint gateway
100603　ソースの掃除。
一応、W3C基準に則って書かれているか、簡易チェックぐらいはしておきたい。

101125　HTML/CSS/RSS/ATOMの統合バリデータ、W3Cの「Unicorn」サービス

101129　オープンソースCMSを賢く使う勘所と選び方

あなたの著作物をパクったサイトをGoogle八分に追いやる正しい手順

SEO

SEO TOOLS
お世話になっているウェブ上SEO診断ツール。
SEO対策の中で、最も有効で、最もスパムから縁遠い手法は、優良コンテンツの公開。
小手先のアクセスアップ処置をちまちま行うよりも、ユーザーの問題を解決するコンテンツを置く事が何より大事。アクセスがアップしたところで有用なコンテンツを用意できなければ右から左にユーザーを流すだけ。数字だけにとらわれて大切なことを見失わないように。

yahoo圏外から復帰する方法
あなたのサイトが突然Yahoo!圏外に落ちたら！？
yahooさんは検索ボリュームは大きい一方で、検索エンジンとしての頭脳は低く、気まぐれなのでいちいち対応していると余計な時間ばかりがかさむ。なので対策はほどほどにしておく。
こちらが欲しい情報をわかりやすく並べてくれない検索エンジンなぞ、むしろこちらから願い下げ。優秀なものをつくろうという思いよりも儲けることばかり考えていることが見え見え。それともgoogleが優秀すぎなのか。

サイトマップを作成-自動生成ツール「sitemap.xml Editor」

101208　WordPressのせいか、ずっとスパム扱いさせてたようで、yahoo検索圏外が続いたが、検索ボリュームが増えてきたせいか、やっと上位に。本当に、きまぐれな奴だ。

—————————-

Twitter

101111　Twitter “Follow” Badge for your site / blog
JavaScriptで安定したTwitterバッジ（BLOGパーツ）を作る
101113　ブログにTwitterの公式HTML版ウィジェットを設置する方法
フォロワー数が重要でない３つの理由

101124
特定のハッシュタグをホームページに表示するhttp://search.twitter.com/へ。日本のみで使うことを想定する場合は言語設定を追加したいので、Advanced Searchで検索ワードを入力し、Written in Japaneseにして、Seach。右上の「Feed for this query」でXMLを取得。(#ogoの場合はfeed://search.twitter.com/search.atom?lang=ja&q=+%23ogo)後はRSSの表示方法や、twitter用のJS等で表示。

Twitterの特定のハッシュタグがついたつぶやきのみをサイト上に表示
「juietter」でTwitterのタイムラインをページに組込み表示する。(MovableTypeでの使用例あり)
Twitterのつぶやき取得方法変更(RSS→JSON)
Twitterの色んな値をJSONで取得する方法

101016 Twitter API
____________________________

JavaScript関連

JavaScript Library Archive
Ajaxライブラリ一覧
はじめてのjQueryjQueryって何？おいしいの？という人向けの解説。
40分で覚える！jQuery速習講座ちなみに続きは書籍で…という宣伝風の流れになるがこの紹介されている本もjQueryの中では一番わかりやすいと評判。
Web制作の現場で使えるjQuery　UIデザイン入門
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ
JSONってなにもの？
JKL.ParseXML

110825
ページの読み込み時にフェードイン(jQuery)
可変グリッドレイアウトのjQueryプラグイン書いたよ
画面のスクロールに合わせて画像を読み込むjQuery『Lazy Load Plugin for jQuery』
スクロールするまで画像を読み込まない（はずの）Lazy Loadについて

120319　jQuery – ページ遷移でフェードイン(fadeIn)するエフェクトをつけたい　こちらのフェードイン系jQueryを導入

____________________________

Flash

101110　SWFをHTMLへ変換するサービス “FLAML”
iPad/iPhoneでFlashを実行可能にするJavaScriptが登場
____________________________

php関連

100902
ローカルでの開発環境を整える。
XAMPP
XAMPP for MacOS X参考サイト
MAMP
Eclipse PDT
日本語化プラグインPleiades
featuresとpluginsの中身をeclipseの同名フォルダへ移動し、eclipse.appのパッケージを開いてeclipse.iniの最終行に以下を追加

-javaagent:../../../plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=no.mnemonic

ターミナルよりeclipseを起動

/Applications/eclipse/eclipse -clean

phpmyAdminのパスワード設定

PHPマニュアル
プログラミング未経験から始めるPHP入門(1)入門(2)入門(3)入門(4)入門(5)入門(6)（DB基礎）入門(7)応用編(1)応用編(2)（商品一覧ページ）応用編(3)（ログイン機能）応用編(4)（PEARライブラリ）応用編(5)（セキュリティ対策）応用編(6)（商品詳細）応用編(7)（カート機能）応用編(8)（注文完了機能）応用編(9)（ブラッシュアップ）

111222
phpinfo関数による設定内容の確認
SQLiteを使うべき10の理由と5つのデメリット
Wordpress を SQLite で動かすには
WordPress を SQLiteで動作させる 2011年4月版
WordPressをSQliteで使う
____________________________________________

WordPress

コアサーバーにWORDPRESSをインストールする際には
PHP がセーフモードで動作するサーバの場合、WordPress の一部の機能に制限が生じます(自動でプラグインインストールができなかったり)。
コアサーバーでPHP を CGIモードで動かすことにより対処したい場合、wp-admin/ディレクトリに以下の記述をした.htaccessファイルをおく。

<Files async-upload.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<Files plugin-install.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<Files update.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<Files update-core.php>
AddHandler application/x-httpd-phpcgi .php
</Files>

Archives for a category WordPress plugin
カテゴリーごとの月別アーカイブを取得できるという、便利なプラグイン。
管理画面 > 設定 > kwebble > Disable canonical URLs.にチェック。
下記によりカテゴリー1と3の月別アーカイブを表示させたい箇所に呼び出す。（参考サイト）

Archivist
アーカイブから特定の投稿記事をトップページに表示

Customizable Post Listings
特定カテゴリの最新記事を表示するのに役立つプラグイン

Remove the WordPress Dashboard
Clutter Free « Mark on WordPress
ダッシュボードの不要な機能をカット

Google XML Sitemaps
プラグインをインストール→「sitemap.xml」「sitemap.xml.gz」の２つの空ファイルを作成し、サーバーのルートディレクトリにアップロード。2つのパーミッションを666に。管理画面より「Sitemapの再構築」ボタンをクリック。
「MMRT daily life」のGoogle XML Sitemaps v3.1.3 日本語ファイルをlangフォルダにアップロードすれば日本語化できる。

FeedSmith

FeedLogger

All in One SEO
まず入れるべきプラグイン。

wp.Vicuna のサイドバーのカテゴリーとアーカイブに記事数を表示

Ultimate Plugins Smart Update Pinger
100708　pingを送信しすぎてスパムとみなされ、インデックスされないとき、記事修正時に Ping を送らないようにする。pluginフォルダにアップロードし、ultimate-plugins-smart-update-pinger.logのパーミッションを777に設定。以下はとりあえず設定すべきping送信先。

http://api.my.yahoo.co.jp/RPC2

http://blogsearch.google.co.jp/ping/RPC2

http://blog.goo.ne.jp/XMLRPC

http://rpc.reader.livedoor.com/ping

http://ping.fc2.com

http://ping.rss.drecom.jp/

http://ping.blogoon.net/

http://rpc.weblogs.com/RPC2

http://rpc.blogrolling.com/pinger/

http://ping.bloggers.jp/rpc/

http://www.blogoole.com/ping/

http://ping.namaan.net/rpc/

http://jugem.jp/?mode=NEWENTRY

http://ping.blog360.jp/rpc

http://www.blogoon.net/ping/

http://rpc.technorati.jp/rpc/ping

http://ping.ask.jp/xmlrpc.m

WordPressのパーマリンクはどう設定するのが一番良いのか

/%category%/%post_id%.html
/%category%/%post_id%/
/%category%/%postname%/
/%category%/%postname%/%post_id%/
など

CORESERVERでWordpressのDBバックアップを自動化する
どのくらいの頻度でバックアップするかはサイトの運営および管理状況によって考えた方がいいかも。

データベースのバックアップ
DBのバックアップは必須。

WordPress.com Stats
その他WordPress参考

WordPress備忘録（バージョン2.9.2）
WordPress参考

100915　WordPressをYahoo!ブログ検索させる方法 その10

CONTACT FORM 7
シンプルなフォームにはやっぱりこれ。CSSで自由にカスタマイズできる。AJAX を使った送信、CAPTCHA、Akismet によるスパムフィルタリング、ファイルのアップロード、などなど、豊富な機能をサポート。参考サイト

101026 それでもyahooにインデックスされないとき、ブラウザのアドレスバーに最新記事のURLを入力してping送信

http://api.my.yahoo.co.jp/rss/ping?u=http://www.cott.jp/blog/cott-report/2294/

参考

101124　TwitterのつぶやきボタンをWordPressに表示する

101125　wordpressで未来の日付の投稿を表示させる←phpをいじらずともプラグインで可能。未来の日付の投稿を表示するためのプラグイン

110606　WP Social Bookmarking Light – ブックマークボタンの設置
111205　より詳しい使い方

110825
Wpshower 素敵テーマたち
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトのテーマ集
jQuery Image Lazy Load WP

111107
cottへのアクセス数が急に落ちていた。そのためサイトを開いてみたが、Wordpressのトップディレクトリすら開かない。つまり、ブログに一切アクセスできなかった。サイトは通常なので原因はサーバーの障害でなくMySQLのDBにあるだろうと適当に検索してみたところ以下サイトの記述を発見。
WordPress 修復完了
コアサーバーの管理画面からphpMyAdminに飛んでログインし、接頭語としてwp_がついたテーブルを最適化すると、あっという間に治った。

120320
WordPressのマルチサイト機能で複数のブログを管理する

111204　
______________________________________________________

Drupal

100610　Drupal必須モジュール
100809　CoreserverでDrupalを動かす

100927　コンテンツに画像を加える 【Img package 編 － パート1 】
100927　Drupalプラグイン
Content Construction Kit (CCK)
imagefield
imagecache
views
views日本語翻訳
Views Bonus Pack
Custom Pagers
Thickbox
imageapi
filefield
DDblock
Video Tutorial
Drupal School: Maintainable Image Gallery
Theme
AdaptiveTheme
101025
Sitemap
100929
DrupalのBookモジュールによるメニューのカスタマイズ
他参考
101005
Drupalのヘッダー部分をすっきりと
トップページにプレスリリースを表示させる
101006
Getid3※ダウンロードファイルのINSTALL.txtをよく読むこと。
101007
【Drupal】オフラインモードでログアウトしてしまった【ログイン】
101025
役に立ちそうなDrupalモジュール
Drupalコーディング規約
オーバーライド可能なコアモジュールのテーマ関数
DrupalのアウトラインからテーマZENによる簡単なカスタマイズまでを1ページで(Drupal 5.x)
ランダムに画像を表示する(Drupal 5.x)
Drupalスターターテーマについて
Administration Menu
101026
.infoファイルについてver6以降より必須となった。テーマを作成するとき以外でも、領域を追加する際などにも使う重要なファイル。

ログアウトしても管理ページと同じように表示されるようにするために、アノニマスユーザーに権限を与えるのをお忘れなく

101027
Viewsなどを使って作るフォトギャラリーページ

ブロックを特定のカテゴリに分類されたページのみに表示する更新性を考えると、直接パスを指定したページのとき表示というようにしているのをカテゴリ等で表示非表示を操作できるようにしておきたい。仮開発のときはとりあえず直接指定で結構だが。

101028
Viewsを使ってニュースを新着順に表示させるようにする。Sort criteriaでノード: Post dateを選択。Sort order：Descendingにチェック。
ついでに「More link: はい」にチェックするが、うまく吐き出してくれないのは何故だろう？

Viewsでタクソノミーベースの関連コンテンツを表示

Webformモジュールの使い方(Drupal6)

投稿者・日付を非表示にするには【管理メニュー>サイトの構築>テーマ】の設定より。チェックを外すだけ。
投稿者名のみ消したいときは、node.tpl.phpの中の

print t(‘Submitted by !username on !datetime’,
array(‘!username’ => $name, ‘!datetime’ => $date));

から一部消去して

print t(‘!datetime’,
array(‘!datetime’ => $date));

にすればいいだけの話。（テーマZENの場合）

101030
「続きを読む(Read More)」リンクを分離する

viewsで作成したページをブックのアウトラインに追加するには
Viewsで作成したページのパンくずリストを設定する方法

Viewfield 日本語翻訳

101102
SPAM退治はMollom

Insertモジュール

fckeditor(drupal module)
fckeditor(本体)
クライアント向けに…fckeditorの基本的な使い方
IMCEモジュールの使い方（Drupal 6）

Pathautoモジュールの使い方(Drupal6)
token

Drupal モジュールの翻訳

ローカルの環境をWEB上にアップする際の要点。
ローカルでphpmyadminを走らせてDBをエクスポート。今度はリモート側でエクスポートして生成された圧縮データを指定し、DBをインポート。データを移してsettings.phpを空にしてDrupalインストーラーを走らせる。ファイルの抜けがあったりパーミッションの設定を忘れていたりするとうまくインストール画面が進まなくなったりする。進まないときは面倒でいつものようにひとつずつ確認しながら手続きを進める。

101103　Google Analyticsモジュール
101114　Drushモジュール
101128　日付時刻の表示形式はphp側の設定でも構わないが、【管理メニュー>サイトの環境設定>日付と時刻】で表示形式を選択すれば変更可。
101129　Incorrect APP1 Exif Identifier Code in module.graphic.jpg.php, line 59getID3モジュールのjpeg変換プログラム59行目にエラーがあると言われるが、実際にサイトを見てみると、正常に更新されている。なぜかFireFoxでエラーでSafariではエラーは出ない。とりあえず使用上に弊害はなさそうなので、放置してみる。

120319　drupal6 + php5で日本語名のファイルがコンテンツに添付できない問題
___________________________________

Movable Type

オープンソースのMTOSと商用版MT

100930
静的ページ用ページ分割プラグイン:PageBute
参考
参考2

101208　Movable Typeテンプレート講座
第1回 トップページのカスタマイズ！
第2回 レイアウトのカスタマイズ
第3回 アーカイブのカスタマイズ
第4回 デザインのカスタマイズ
第5回 プラグインでカスタマイズ

110415　サーバー移管
運用中のブログを別のサーバーに移行する(MT公式サイト)
Movable Type 3 および Movable Type 4からMovable Type 5 へのアップグレード（MT5公式サイト）
Movable Type 4.25からMovable Type 5.02へとアップグレード（個人サイト）
ブログの完全バックアップと、データベースのバックアップ（MT4公式サイト）
MovableTypeのデータベースごとバックアップする
MySQL4.xから5.xへのデータベース移行作業メモ
MT4 SQLiteからMySQLへ移行（ロリポップ）苦労された様子がよくわかり、個人サイトの割に妙に信頼性のあるサイト。
ハッスルサーバーにMySQLでインストール丁寧。MTってなに？とりあえずハッスルにしてみたけど…ってぐらいの超初心者でもできる！
MovableTypeでBerkeleyDB、SQLiteからMySQLに移行する
MTの過去バージョンのダウンロードページ
【Movable Type 4.23】バックアップと復元を使ってサーバー移転PhpMyAdminを使う必要もなく、DBの知識が浅い人など向け。
ブログ（MovableType）を別サーバーに移行するまでの作業ログ(IDEA*IDEA)

MTのサーバー移管について
バックアップ＆復元機能を利用すると楽だった。

SQLiteでハッスルサーバーにそのままインストールしようとしたが、何かSQLiteの設定が違うのか、サーバーの仕様なのか「Got an error: Can’t locate object method “configure” via package “MT:: ObjectDriverFactory”」と返されるので結局MySQL5のDBで対応。

1. 新旧サーバーでMTのバージョンを統一するために、旧MTにアップグレードが必要ならばしておく。
2. 旧サーバーのシステムメニューからバックアップ（個別ブログメニューのエクスポートではなく）。
この際に、バックアップは圧縮や分割等はしなくても問題なかったが、mt-config.cgiの最後に「TempDir ./backup」などと記載しておき、「backup」フォルダを同じディレクトリに置いておく。
3. 新サーバーにMTがインストール。
mt-xxxxx.cgiのパーミッションをサーバーによって755もしくは700などに設定することを忘れずに。
4. できたらツールメニューの復元。
ftpでimportフォルダ（なければ作成）にバックアップ時に生成されたデータを丸ごとつっこんでそのまま（ファイルを選択せずに）復元ボタンをクリック。うまくいくと気持ちいい。

110919　ブログやウェブページの本文が入力・参照できない
mt-config.cgiの設定を確認したところ、パスはOK。だが、DB設定が移管前に使用していたSQLiteのままだった。以下リンクを参照しつつ、慎重にMySQLの設定。データベースの設定（MySQL）

管理画面の軽量化　管理画面が重いのでどうにかならんものかと思ったので調べてみると皆様もお悩みのよう。ひとまず、FireFoxはFireBugsをつけて動かすと管理画面が正常に動かず。FireBugsは外す。

_________________________

Access

Microsoft Office 2003 Access Manual クエリとは？