Mac系サイト探索隊

≪ PREV | PAGE-SELECT | NEXT ≫

2006年07月24日

また無計画に手を広げてしまいました。
みんなで作る検索エンジン、マイサーチのサイト「Mac系サイト探索隊」を作りました。

FC2ってなんとなくうさんくさい会社なのに、興味深いサービスをどんどん始めるから面白いなぁ。

マイサーチはWiki的なリンク集とでも言えばいいのかな？
みなさんがお勧めのサイトをどんどん追加していってもらえれば幸いです。僕も地道に追加していこうと思います。

あとキーワードというものがありまして、キーワードのテーマに沿ったサイトのリンクを作るといったスタイルなのですが、それを追加するには編集者権限が必要です。「編集者新規登録」で申請していただければ、キーワード編集も可能です。
編集者になるの面倒くさいという人は、コメントor メールで「こんなキーワードがあったらいいんじゃないか?」というご意見お待ちしています。

あとマイサーチ名「Mac系サイト探索隊」もださいので、なにかかっこいい名前がありましたら変更します。

「Mac系サイト探索隊」

また、サイトに検索フォームを貼付けることができます。もしよろしければ貼付けてやってください。

下のタグのいずれかをHTMLの適当な場所に貼り付けてください。

文字化けを起こす場合は別のタグを試してください。

SJIS 版
<script type="text/javascript" src="http://mac-search.mysearch.fc2.com/cloud.js?charset=sjis"></script>

EUC 版（FC2ブログ）
<script type="text/javascript" src="http://mac-search.mysearch.fc2.com/cloud.js?charset=euc"></script>

UTF8 版
<script type="text/javascript" src="http://mac-search.mysearch.fc2.com/cloud.js?charset=utf8"></script>

上級者用 HTML サンプル

HTML上級者の方は
こちらの HTML をベースにスタイルシートなどでアレンジできます

charset の部分には
sjis, euc, utf8 のいずれかの文字コードを指定してください


<!--mysearch.fc2.com-->

<form action="http://mac-search.mysearch.fc2.com" method="POST">

<input type="hidden" name="charset" value="charset" />

<input type="text" name="q" />

<input type="submit" />

<script type="text/javascript"

src="http://mac-search.mysearch.fc2.com/cloud.js?charset=charset&simple=1"></script> 

</form>

<!--/mysearch.fc2.com-->

スタイルシート(CSS)って何がなんだか分からないという人のために補足を。
まず、スタイルシート用にformタグにsearch idを付与します。（別にsearchにこだわる必要はなく好きな文字でいいです）

<form action="http://mac-search.mysearch.fc2.com" method="POST" id="search">

次に<head></head>タグの間に<style type="text/css"></style>を挿入してこの中にスタイルシートを記述します。
スタイルシートは各自のセンスに任せます。
例えばこんな感じ。(文字コードがSJIS)

<html>
<head>
<style type="text/css">
<!--
#search{
width:400px;
border:solid 1px #898989;
background-color:#F3F3F3;
}
-->
</style>
</head>
<body>
<form action="http://mac-search.mysearch.fc2.com" method="POST" id="search">

<input type="hidden" name="charset" value="sjis" />

<input type="text" name="q" />

<input type="submit" value="検索" />

<script type="text/javascript"

src="http://mac-search.mysearch.fc2.com/cloud.js?charset=sjis&simple=1"></script> 
</body>
</html>

ブログなどに貼付ける場合、改行をすべてなくして貼付けてください。改行を残しておくと不具合がおきる可能性があります。

widthが幅、borderが枠線の太さと色、background-colorが色です。
理論上高さも指定できますが、検索キーワードはどんどん増えていきますので、表示が崩れる原因になるので幅だけの指定でお願いします。

外部スタイルシートを指定すると、ソースも綺麗になり見やすくなります。

貼付けたいけれどCSSについて分からないという人は、お問い合わせください。

追記:
コメントでうむらうすのハルさんにご指摘いただきましたが、formタグに直接スタイル指定した方が掲載したい場所だけのhtmlを変更すればいいので便利かも知れません。

実際上記のフォームもformタグに直接スタイル指定をしてしまっています。
ちなみにソースはこんな感じ。

<form action="http://mac-search.mysearch.fc2.com" method="POST" style="width:400px; border:solid 1px #898989; background-color:#F3F3F3;">

formタグの最後に「style=」という記述をして表示させたいスタイルを書き込みます。

Tag : 検索 Mac

| 日記 | 00時49分 | comments:4 | trackbacks:1 | TOP↑

このエントリーに関連する記事

COMMENT

「探検隊」で良いと思います。

マイサーチって面白いですね。
「Mac系サイト探検隊」という名称は悪くないと思いますよ。
むしろ「MACお宝鑑定団」的でいいんじゃないでしょうか。
早速、検索フォームを貼り付けさせてもらいました。

| maloninc | 2006/07/25 12:36 | URL |

むちゃくちゃうれしいです。
貼付けていただいてありがとうございます。
あと、マイサーチにmalonincさんのサイト登録してくださってありがとうございます。

| ヴェアダル | 2006/07/26 00:44 | URL | ≫ EDIT

stylesheet

出遅れましたが、ウチでも導入してみました。

技術的な話なのですが、個人的にこの手のツールは書き換えるのが一ヶ所で完結していた方が、使い勝手がいいと思っています。
具体的には「上級者向け」の、stylesheetでのカスタマイズの方法なのですが、headタグの中に記述するよりも、formタグの中でstyle属性として
style="width:400px;..."
のように書いてしまえば、コードが一ヶ所にまとまっていいのかなと。

こういうやつです。
http://www.kanzaki.com/docs/html/htminfo17.html#inline-style

そんな感想をもちました。
ご参考までに。

| ハル | 2006/08/06 15:30 | URL | ≫ EDIT

確かにhead内にcssを書くのは、中途半端かも知れません。
本当は外部CSSを推奨したかったのですが、初心者には記事中のやり方の方がやりやすいかなと思って、こんな感じになっちゃいました。
ブログ記事中のソースを見るとわかりますが、実はハルさんのやり方で、僕もformに直接書いています。
なんかW3C信者としてhtmlソースが綺麗な方が好きなので、記事中ではheadに書くやり方を説明していますが、コピペしてすぐ使えるという点ではformタグでスタイル指定した方がいいですね。

近いうちに追記しておきます。

| ヴェアダル | 2006/08/07 03:11 | URL | ≫ EDIT