Category Archives : ホームページ作成

a herf=...を自動生成してくれるツール - 2008/09/21(Sun)
ホームページやブログを作成したとき、SEO的な観点を含めて、「リンクして欲しい!」と思うことでしょう。しかし、いざリンクを張るとなると、結構な手間がかかります。1. ブラウザのURL欄からURLをコピーする2. タイトルをブラウザのタイトルから読み取る、あるいはソースからコピーする3. URL、タイトルを整形して、「<a href=~」という、リンクを張るためのHTMLコードを書くそれを解消するツールとして、「PikaLink!(ピカ...
JavascriptはOFFにできるようにするべき - 2008/06/02(Mon)
Javascriptのフレームワークの充実により、Ajaxを始め、実に様々なJavascriptによりウェブサイトがリッチになりました。例えば、このブログでは再読み込みすることなく、メニューの表示・非表示を切り替えられます。その他、新しい画面が開くこと無く画像が拡大表示できたり、リンク先を先読みしてプレビューを表示するものなど、実に様々です。しかし、それらの機能は「全てのユーザー」にとって必要なものなのでしょうか。...
ケータイとPCの検索 - 2008/05/17(Sat)
■ケータイとPCの検索における5つの違いPCのSEOのノウハウを携帯電話にそのまま転用しても成功には結びつかない、と言う話。日本では携帯からインターネットを利用する人が多いので、携帯用SEOは非常に重要だと思います。こちらもご参考。→Yahoo!とGoogleだけでは不十分? モバイルSEOの対象検索エンジン...
サイト内リンクを自動生成するPHPプログラム - 2008/05/13(Tue)
ウェブサイトを作成していると、自分のサイトの中で関連するページにリンクを張ることが良くあります。しかし、AからBページへリンクを張ったのであれば、戻りリンクであるBからAページへのリンクも張りたいところですが、これがなかなか煩わしい。ということで、「リファラーを自動的に取得してサイト内リンクを自動生成するPHPプログラム」を作成してみました。上記リンクからサンプル兼ダウンロードページに飛びます。Pukiwiki...
特殊文字・記号や罫線文字の入力一覧表 - 2008/05/12(Mon)
ホームページを作っていたり、仕事のドキュメント作っている際、ファイルの構造をあらわすときに次のような記号を使いたいときがあります。こんなの…│ ┤ ├┌└ ┘ ┐┼─ ┬ただ、「こういうの!」という形は分かるものの、どうやってパソコン上に表示させるかが難しく、それらしいwebサイトを検索してコピペしたり、過去や他の人のドキュメントから探り出してコピペすることが多いかと思います。そんな現状を知ってか知らずか、Microsoft...
DOCTYPEとCSSの大文字・小文字 - 2008/03/12(Wed)
HTMLを書くときに、まずその先頭でDocument Typeを宣言します。 たとえば、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> などです。 ある程度違いは理解していたつもりでしたが、今回、ここではまりました。 DOCTYPE と CSSの関係です。...
2007年9月までで一番使われているブラウザ - 2007/09/10(Mon)
W3Counterによれば、次のような結果になっていました。やはり、IE6が使用率がいまだに多く47%ですが、次世代ブラウザのIE7も19%と全体の約1/5を占めています。また、Firefoxは1.0・1.5系、2.0系をあわせると25%になっており、もはや「IEだけで使えればいい」は過去のものとなっているようです。OSはWindowsXPが83%とダントツ。Vistaは3%です。VistaはこのままMEと同じ運命をたどる気がしてならないのですが、どうでしょうか。...
静的URLに偽装したwiki - 2007/09/05(Wed)
wikiは便利なツールですが、その多くはURLが「http://www.example.com/wiki.cgi?nantoka」などと、動的なページ・URLとなります。一般に、動的なURLはSEOに不利で、また、サーチエンジンにもインデックスされにくいという弱点があります。そのため、wikiの使用に踏み切れない方もいるのではないでしょうか。...
XAMPP の Apache と VirtualHost - 2007/09/02(Sun)
ウェブサイトのテスト用にローカル環境へXAMPP(読み方は、「ザンプ」らしいです)を入れてます。テスト環境というだけでなく、ローカルな個人用のwikiなどを導入する際も、XAMPPをインストールすれば一発なので使っている方が多いかと思います。しかし、テスト環境と個人用のwikiを http://localhost/~ でやってると、見た目もややこしいですし、保存しておくフォルダの階層も同じになります。そこで、ApacheのVirtualHost機能を...
Apache の mod_rewrite - 2007/08/05(Sun)
Windows な環境において、 XAMPP でローカルにテスト環境を作成していますが、どうも mod_rewrite が動いているかどうかあやしいのでいろいろテストしてみました。ちなみに、Apacheは2系(Apache2.X)です。...
レンタルサーバ - 2007/07/25(Wed)
本家にアクセスが1時間あたり2万リクエストと集中し、アカウントロックを食らって(現在は復旧)から、1時間に5万リクエストくらいまでOKで、かつ、一月2,000円までのレンタルサーバを探していたりするのですが、なかなかありません。...
オススメの掲示板無料CGI - 2007/07/05(Thu)
いきなり結論から。あらゆるレンタルor無料CGIの中で、一番オススメなCGIは「携帯対応YY-BOARD(改)とか再配布」で配布されている携帯対応YY-BOARD(改)おい森攻略@wikiで使っていた素晴らしいレンタルBBSサービス「WHOCARES」が運用中止と言うことで、急遽新しい掲示板を探し始めました。しかし、なかなか、というか、全くいいものが無い。前に使っていたWHOCARESさんの掲示板が素晴らしすぎるのですが、利用する人のことを考え...
XAMPP+Perlのインストールとパス - 2007/06/15(Fri)
ローカルな環境で色々テストするために、テスト用環境を構築することがあります。XAMPPをつかうと短時間かつ簡単に設定できるので、そのインストール・設定方法と、Perlモジュールを追加する方法のまとめ(メモ)です。(Windows環境が対象)...
パンくずリストで「ホームページ」を表す言葉 - 2007/03/28(Wed)
最近、ユーザビリティとSEOの両方の観点から、多くのウェブサイトでパンくずリスト(トピックパス、topic path)が導入されています。例えば、asahi.comの「事件・事故記事一覧」へのパンくずリストは【asahi.com > 社会 > 事件・事故記事一覧】です。...
こんなwiki エンジンが欲しい - 2007/03/03(Sat)
なかなか「これは!」というWikiエンジンが無い…。希望としては、・携帯用の表示ができる・日本語URLを短くしてくれる・高速・管理がしやすい・携帯から編集できる・スタイルを編集できる特に、上2つは非常に重要なのですが、無いです。...
パソコン用ページと、携帯用ページの違い - 2007/02/18(Sun)
パソコン用のページと、携帯用のページを分けることが良くあるかと思います。ページを分けることで、パソコン用・携帯用とそれぞれ最適化されたページを表示できるようになります。分ける方法としては、PHPやPerl、Rubyなどで、ユーザエージェントや使用OSなどを取得しするのが一般的です。ところで、なぜパソコン用ページと携帯用ページを分けるのでしょうか。携帯ではJavaScriptやCSSなどの一部機能が制限される、ということが1...
IE7 ツールバーをJavaScriptで消せるか - 2007/02/06(Tue)
JavaScriptを使いツールーバー(戻るボタンや、URLが表示されている部分)を非表示にすることが可能です。<a href="#" onClick="Javascript:window.open('index.html','title','toolbar=0,location=0,menubar=0,directories=0');return false;">ここをクリック</a>ここをクリックのようにアンカーに設定すると、このアンカーをクリックしたリンク先ウインドウのツールバーや、アドレスバー、メニューバーが表示されな...
800px×600pxを測れる画像 - 2007/01/02(Tue)
ホームページ、ウェブサイト、ブログテンプレートなどを作るときに一つの基準となる画面サイズ(解像度)、800px×600pxを測れる画像です。サイズを確認するためにいちいち画面解像度を変えるのが面倒なので、自分用につくったものを公開…というほど大げさなものではないですけど。...
「パソコン用と携帯用ウェブサイト」のメモ2 - 2006/11/12(Sun)
前回の『「パソコン用と携帯用ウェブサイト」のメモ1』に書いた通り、1つのHTMLファイル(1つのページ)の中で、パソコンからは「ABCLEFG」、携帯からは「いろはにほへと」と表示させる方法を解説します。利用するものはSSIとPHPです。自分のホームページをアップロードしているサーバが上記2つに対応していなければ使用することができません。...
「パソコン用と携帯用ウェブサイト」のメモ1 - 2006/11/12(Sun)
パソコンで見たときと携帯から見たときでホームページを分けず、どちらからでも見られるようにしている方がいるかと思います。例えば、別サイト「空見れどれどれ」も携帯からがメインですが、パソコンからでも問題なく観覧できるようにしています。...