<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>3ET</title>
	<atom:link href="http://3et.org/feed" rel="self" type="application/rss+xml" />
	<link>http://3et.org</link>
	<description>プログラミング日記やテンプレートやソフトウェア等の制作からIT情報、管理人の趣味など多種多様なものを紹介</description>
	<lastBuildDate>Sun, 18 Oct 2009 00:36:17 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/feed" />
		<item>
		<title>海外無料レンタルサーバーを借りる前に知っておきたいこと</title>
		<link>http://3et.org/server/freerentalserver.html</link>
		<comments>http://3et.org/server/freerentalserver.html#comments</comments>
		<pubDate>Fri, 16 Oct 2009 11:37:00 +0000</pubDate>
		<dc:creator>サンエタ</dc:creator>
				<category><![CDATA[サーバー関連]]></category>
		<category><![CDATA[サーバー]]></category>
		<category><![CDATA[ホスティング]]></category>
		<category><![CDATA[レンタル]]></category>
		<category><![CDATA[海外]]></category>
		<category><![CDATA[無料]]></category>

		<guid isPermaLink="false">http://3et.org/server/freerentalserver.html</guid>
		<description><![CDATA[これから、海外の無料サーバーを当サイトで紹介していく前に、「海外無料ホスティング（レンタル）サーバーを借りる前に、これだけは知っておきたい！」ということをまとめた、ページを今回は作成いたしました。 知っての通り、海外無料 [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://3et.org/wordpress/wp-content/uploads/2009/10/e013.JPG" alt="海外無料レンタルサーバー" /><br />これから、海外の無料サーバーを当サイトで紹介していく前に、「<b>海外無料ホスティング（レンタル）サーバーを借りる前に、これだけは知っておきたい！</b>」ということをまとめた、ページを今回は作成いたしました。</p>
<p>知っての通り、海外無料サーバーを使いこなせば、様々な面でとても、便利に重宝することが出来ます。<br />そんな便利な海外サーバーですが、利用する際の登録や、サーバー使用時に少々癖のある場合などが、多々あります。</p>
<p>というわけで、海外の無料サーバーをレンタルする際の注意点や、「<b>これだけは知っておきたい</b>」という部分を、ピンポイントで、今回は取り上げてみました。海外無料レンタルサーバーをレンタルする前の参考にしていただければと思います<br />。それでは、詳細は続きから。<span id="more-684"></span></p>
<p>管理人が、登録している海外無料サーバーの数は沢山ありますが、今まで見てきた中で、なんとなく癖があるな～と思った点や、利用していて思ったことなどを記載しておきます。海外無料サーバーをレンタルする際の参考になればと思います。</p>
<p><big><b>海外無料サーバーのメリットとは？</b></big></p>
<p>海外無料サーバーをレンタルする上での、メリットと言えば、「無料」と言うこともありますが、高機能で、ディスクスペース無制限や、月転送量が極端に多かったり、といったサーバーを無料でレンタルできると言うことがあるでしょう。</p>
<p>実際WEBサーバーを、所持していれば、様々な環境を構築することが出来ますし、WEB上の殆どのことは、大概出来てしまいます。自サーバーで、サイトを運用したいにも、コスト面やセキュリティ面などで様々な問題を抱えている、ユーザーにとっても、海外無料サーバーはとても重宝できます。</p>
<p><b><br /><big>・サーバーを使う前の注意点として・・・</big></b></p>
<p>まず、海外サーバーを使う前の、予備知識として、「<b>簡単な自宅サーバーを自分で構築</b>」（公開はしなくていいです。）できるぐらいの、知識は持っていることが望ましいです。なぜなら、海外無料サーバーには「<b>何でもあり</b>」というところがあり、突然のサービス終了や、仕様変更などはよくあることです。</p>
<p>そんなときに、自身でサーバーを構築したことが無く、いきなりサーバーの仕様が変更されてしまいますと、自身に最低限の知識が無いと、殆ど対処できずに、立ち往生してしまう、ということにも成りかねません。</p>
<p>ましては、海外となれば書かれている言語の殆どは「日本語以外」の言語ですし、自身のサーバーに対するイメージを掴むためにも、ちょっとでもいいので、サーバーソフトウェアには、ふれておいた方がいいです。</p>
<p>有名な無償で、提供されているサーバーオープンソースソフトウェアといえば、「Apache」だと思います。また、殆どのレンタルサーバーでもApacheが使用されています。</p>
<p>※ここでは、環境の構築方法などは、本来の海外レンタルサーバーの説明から遠ざかってしまいますので、詳しくは解説いたしません。Apacheは、動作報告日本の公式ドキュメントなどが豊富ですので、割と簡単に構築できると思います。</p>
<p>・・・ですが、構築したからといって、<b>セキュリティ関連をしっかりと学んでいない内は</b>、<br />「<b>絶対にApache WEBサーバーを外部に公開しないでください。</b>」</p>
<p>理由は、様々なサイトで解説されていますので、そちらをご覧ください。</p>
<p>他にも、海外サーバーならではの、偽装などの危険性があり、SSL通信やSFTP通信での「不正な証明書」（実際はちゃんと暗号化されるorされていない）場合や、その場その場で、様々なセキュリティに関する知識が要求されます。１日は安全だったサーバーも、明日には、どうなっているかわからないです。なので、実際に海外無料サーバーを借りて、何が起ころうとも、すべて自己責任です。</p>
<p>実際のパケットをキャプチャーしたいときなどは、<a href="http://homepage2.nifty.com/protocol/wireshark/">Wire Shark</a>などのパケットキャプチャーソフト（フリー）をご利用ください。</p>
<p>少し怖いことを書いているように聞こえるかも知れませんが、あまり怖がらせてしまっても、心配になってしまう方がいると思いますので、前置きの注意点に関しましては、ここら辺にしておきます。</p>
<p>※サーバーの善し悪しは、実際にそのサーバーを使った方達の意見を聞いてみるのが一番ですね。<br />要約すると、海外なら海外の住人が使ったレビューを読みます。</p>
<p><big><b>・レスポイント＆転送速度について</b></big></p>
<p>海外ということもあり、海外に設置されているサーバーにアクセスするので、レスポイントも回線上どうしても、遅くなることがあります。重いデータを扱うときや、FTPクライアントで沢山のファイルを転送しているときに、遅さを実感することが多いです。</p>
<p>「海外で距離が遠い」ということも、遅い原因の一つですが、一番の理由はサーバーのアクセスの混雑やサーバーPCのスペック、データベースサーバーのアクセス集中などのケースがよく考えられます。具体例を言えば、FC2ブログなどのWEBサーバーは、サーバーがアメリカにあり、沢山のブログデータを一括して管理しているのにも関わらず、割と高速で安定した帯域での通信が可能です。</p>
<p>ですが、同じアメリカといっても、東部近辺のにあるサーバーは通信が、どうしても遅くなります。実際の通信には、「コマンドプロンプト」などで、海外サーバーのIPやアドレスを入力して、RTT（<span id="intelliTXT">往復遅延時間）</span>を調べます。</p>
<p><img src="http://3et.org/wordpress/wp-content/uploads/2009/10/e009.JPG" alt="コマプロだよ" /><br />ping -l 1400 annkokunokizinn.blog116.fc2.com<br /><b>意味</b>:annkokunokizinn.blog116.fc2.comに、1400バイトデータを送信する。</p>
<p><img src="http://3et.org/wordpress/wp-content/uploads/2009/10/e010.JPG" alt="結果" /></p>
<p>annkokunokizinn.blog116.fc2.comのラウンドトリップの平均応答時間は、149ms(ミリ秒）でした。</p>
<p>・・・という感じに、調べていきます。もっとも、Pingの応答速度だけじゃ、わかりにくいというのもありますし、あまり実感できないということも普通にあります。実際にそのサーバーを借りてみて、何かしら運用してみないと、実際のパフォーマンスの殆どはわからないです。あくまで判断基準の一つとして活用すると良いと思います。</p>
<p>転送といえば、ファイル転送に日本で利用者の多い<b>FTPクライアント</b>といえば、某無料ホスティングサービスのサイトがいくつも推薦していることもあり、「FFFTP」を使用している方が多いと思いますが、海外の無料サーバーでFTPクライアントを使い転送を行う場合は、より高機能な「<a href="http://www.ex.media.osaka-cu.ac.jp/windows/filezilla.html">FileZilla</a>」を強く推薦させていただきます。</p>
<p>FileZillaの場合はファイルのアップロード中に、接続が切れることはなく、ほぼ確実に転送を行うことが出来ます。通信能力がどうしても落ちてしまう海外サーバーには必須とも言える、FTPクライアントです。</p>
<p>注意事項として、FileZillaは現在でもオープンソースとして、開発されており、脆弱性が見付かる度に修正し、公式から脆弱性を修正した後、アップデートされています。アップデートを通知されたら、「必ずFileZillaのアップデートを行ってください。」オープンソースのソフトウェアは”<b>アップデートがあってこそ</b>”、”<b>万全のセキュリティを保持</b>”できます。脆弱性のあるFTPクライアントをそのまま使用していると、クラッキングなどの被害に合う可能性が当然高くなります。</p>
<p>なので、しつこく何度も言いますが、<font color="#000099"><big><b>アップデートは必ず行ってください！</b></big></font></p>
<p><big><b>・容量無制限・月転送量無制限の甘い罠</b></big></p>
<p>ディスクスペースや月転送量が無制限！と聞くと、とても聞こえがいいように思えますが、実際は帯域の制限がない場合は、共有サーバーのユーザーが、増えれば増えるだけ、サーバー全体のパフォーマンスも低下します。</p>
<p>まさか、海外の無料レンタルサーバーで（国内有料レンタルサーバーでも、まずありえませんが・・・）、「専用サーバー（ワンユーザー専用・高価）」を使っているところは、無いと思いますし、大抵は「共有サーバー（一つのサーバーマシンに複数のユーザーが使っている）」状態だと思います。</p>
<p>当然のごとく、共有サーバーのユーザーの数が多くなればなるほど、必然的にサーバー上のトラブルは多くなります。（アクセス出来なかったり、処理落ちしていたり）</p>
<p>ただ、無制限といっても、「極端にアクセスの多いサイトはご遠慮ください」などの記述や、「全体の帯域に制限をかけています。」という表記があれば、転送量無制限といっても、安心？出来るというように考えることが出来ます。・・・そうでない場合は、要注意です。開設された当初は快適でも、後後とても、処理が重たくなって、使い物にならない状態になることもよくあります。</p>
<p>ちなみに、転送量とディスク使用量は、全くの別物です。この二つを同じものとして考えている人もいるようですが、実際には全く違います。</p>
<p>ディスク使用量のHDD自体は、現在とても安価なものになってきていますので、ディスク使用量が多いサーバーがあっても、違和感はないのですが、転送量はデータの通信をサーバーと行うため、サーバーに直接負荷がかかるため、判断基準重要項目の一つです。</p>
<p>具体的な転送量の算出方法はとても簡単で、主に「自分のサイトの容量×1日のアクセス数」で計算することが出来ます。</p>
<p>例えば、当サイトを例に出すと、現在の当サイト3ETの場合ですと、1日のユニークアクセスが300Hitで、サイト１ページの容量が平均50KBぐらいだとします。これを計算すると（キャッシュなどはとりあえず除外視）、「300Hit×50KB」で一日の転送量は約「15MB」になります。</p>
<p>これを月に換算すると「30日×15MB」となり、月転送量は「450MB」になります。実際はこれに様々な要素（他ページやFTPやMail）が加わるので、実質の転送量はもっと多くなります。これは海外だけではなく、日本のレンタルサーバーでも考えられることですね。日本の有料オプションで月転送量をオーバーしてしまいますと、大抵はオーバーした分の課金制になります。(?GBにつき1000円）という感じに・・・</p>
<p>他にも、ディスク使用量が多くて、ディレクトリやそのファイルへのアクセスが多い場合は、ディスクI/Oにも負荷がかかるという場合も考えられます。ディスクI/Oについては、ここでアーキテクチャを解説してしますと、話がサーバーから脱線してしまいますので、ここでは詳しく解説致しませんが、ご了承ください。</p>
<p>要約すると、「転送量が多く（制限されていない）・ユーザー数が多い場合は、それだけサーバーマシンに負荷がかかっている」ということさえ覚えておけば、とりあえずOKです。</p>
<p><big><b>・登録・コントロールパネルについて</b></big></p>
<p>コントロールパネルとは、海外で登録時に設定してある、ユーザーからの情報を入力して、サーバーの方で自動的に自動送信メールなどを送り、ユーザー登録(iPanel)から、サーバー管理までの一連の手続を行ってくれる、管理システムのことです。有名どころでは000webhostなどはcPanelに相当します。</p>
<p>海外で最も多く利用されている、コントロールパネルはCpanelやVistaパネルが使用されています。（VistaといってもWindows Vistaのことではありませんよ）</p>
<p>これは、管理人の主観なのですが、今まで登録してきたところを見ると、サーバー管理者の技術・知識に関しては、cPanelやVistaパネルより、独自のコントロールパネルを使っている場合の方が、技術力は独自コントロールパネルのサイトの方が高いような気がしました。（勿論これがすべてというわけではないですが・・・あくまで管理人の主観としてそう感じました・・・誤解しないでいただきたいのは決して、cPanelやVistaパネルが悪いと言っているわけではないです。）</p>
<p>ちなみに、<a href="http://cpanel.designbomb.biz/">cPanelは1年ライセンスで約6万円のお値段</a>です。<br />cPanel自体は、「<b>WEB上（ブラウザ）ですべてのサーバー上の設定を管理出来る</b>」という理念を元に作成されています。自分はcPanelのソフトウェアを持っていないので、管理者としてのcPanelのシステムは、わかりませんが、ユーザーサイド（使ってみた感想）としては使いやすいシステムの一つだと思います。（日本語パネルも用意されていますしね）</p>
<p>さて、上記で説明した「cPanelやVistaパネルより、独自のコントロールパネルを使っている場合の方が、技術力は独自コントロールパネルのサイトの方が高いような気がしました」という理由を説明すると、cPanelやVistaやユーザー登録のiPanelなどは最初からできあがっている物ですが、独自パネルはそこの管理者が「独自で作った物なので、その分その管理者の知識が高い」と考えることが出来ます。海外では様々なサーバー管理者がいますので、その管理者の知識もピンからキリまで存在します。そんな場合の見分け方の一つと考えてみてもいいかもしれません。</p>
<p>ですが、海外無料サーバーの独自パネルといっても、たま～にフォームからの入力を受け付けなかったり（具体的には入力がループする）する場合や、PHP構文エラーを吐き出す独自パネルも本当にあります＾＾；</p>
<p>様々な場合が想定されますので、あくまで、サーバー管理者の技術力を計る判断基準の一つとして、参考にしてみてください。</p>
<p><big><b>・時差について</b></big></p>
<p>これは、海外の無料サーバーだけに限らず、国外サーバーのすべてに通じることなのですが、サーバーのUNIXタイムスタンプ（タイムスタンプ：時間）はサーバーマシンが設置されている、国に依存します。</p>
<p>要約すると、日本では夜の9時をしめしているからといって、海外のサーバーでは時差によって、夜の9時とは限らないと言うことです。この時差が影響する部分は、ログやFTPクライアントなどのログイン画面や、CMS(WordPressやMedia Wiki)などの時差、Pingやコメントやトラックバックの時間も、時差が影響します。</p>
<p>なので、使用するプログラミング言語やデータベース等の設定で、時差の修正を行う必要があります。</p>
<p>実際、管理人はCMSのWordPressやMedia Wikiなどの設定時に、直に時差の影響を受けていました＾＾；<br />そんなわけで、海外サーバーをレンタルする際には、時差に関して、くれぐれもご注意ください。</p>
<p><big><b>・データベース等のレスポイントについて</b></big></p>
<p>これは、現在において、結構どこでも共通することなのですが、最近ではMySQL等のデータベースの使用量が、レンタルサーバーユーザーの間で、増えているため、データベースサーバーへの集中アクセスが多く、サーバーがダウンすることが多いです。</p>
<p>ある意味、WordPressやMedia Wikiなどのデータベースを使用する、CMSオープンソースソフトウェアの中で考えると、このデータベース間のトラブルがとても多いような気がします。</p>
<p>そして、このデータベースに関しては、厄介なことに、外部からは殆ど、データベースのパフォーマンスについて、判断することが出来ません。まさに「ブラックボックス」状態です。借りてみるまでは、明確な判断をする基準がありませんので、海外のレビューサイトなどで、情報を得る必要があります。</p>
<p><big><b>・文字コードについて</b></big></p>
<p>海外のWebサーバーの文字コードは、大抵は「UTF-8」です。HTMLの文字コードはもちろんのこと、データベース等の文字コードなどもUTF-8に変更する必要があります。</p>
<p>テキストファイルの文字コードの編集には、エディタ（秀丸エディタやサクラエディタ）などを、使用して文字コードを変更します。</p>
<p><big><b>・PHP拡張モジュールmbstringについて</b></big></p>
<p>PHP拡張モジュールmbstringについてですが、海外のWEBサーバー等では、mbstring拡張モジュールが有効になっていない、場合などがあります。この拡張モジュールが有効になっていないと、CMS系などを設定するときに、文字化けの原因になったりすることがあります。（具体的にはWordPress携帯対応プラグインKtai Styleなど）</p>
<p>変更方法はphp.iniの記述を変更するのですが、殆どのレンタルサーバーで、この「php.ini」の設定を変更できるところはありません。他にも「.htaccess」等で、変更することも出来ますが、殆どがセキュリティの関係から「.htaccess」で、mbstringを制御することは、出来ないように設定されています。</p>
<p>もし、php.iniを編集できる場合の、mbstringの有功にする方法ですが、php.iniを開いて、mbstringの文字列のある部分の先頭の「;」（コメント）←を削除すればいいだけです。</p>
<p>もし、どうしてもそのWEBサーバーでmbstringを使用したい場合は、サーバー管理者さんに問い合わせる必要が出てきます。（殆どの場合が、個人で変更できる設定じゃないので・・・）</p>
<p><big><b>・問い合わせについて</b></big></p>
<p>海外のレンタルサーバーと言うこともあり、環境回りの殆どが英語or中国語で、記述されています。そのためそこの国の言語で対応する必要が出てきますが・・・海外の有料サーバーでしたら、サポートも望めるのですが、「無料」ということもあり、ここら辺をもとめるのは少し厳しいです。</p>
<p>大抵はそのサイトに設置されている「フォーラム」にて、質問が掲載されていますので、そこに書いてある質問の内容から、問題を解決する必要があります。</p>
<p><big><b>登録の流れ</b></big><br />海外サーバーを登録するにあたっての流れは、主にこのようになります。<br />「登録フォームで情報を入力する」→「自分の指定したメールアドレスにてアカウントの確認」→「1日～2日の審査を待つ」→「審査通過の有無を記述されたメールが来るので、その内容に従う」</p>
<p>「Account cancelled」という内容のタイトルが来た場合は、アカウントの申請は拒否されたことを示します。</p>
<p><big><b>・海外の登録フォーム：早見表</b></big></p>
<p>ここでは、海外の登録フォームで、よく出てくる単語・内用についてまとめてみました。(主にcPanel関係です）現在は英語のみですが、中国語の良いサンプルがあれば、随時作成させていただく予定です。</p>
<p><b>登録回り</b><br />・Sign UP<br />新規登録という意味</p>
<p>・Register<br />登録</p>
<p>・order　now<br />大体、登録と同じような意味合い、クリックすれば、そのプランの登録フォームに移行します。</p>
<p>・Login now or Login<br />ログイン画面です。主にcPanelの設定画面に飛ばされます。</p>
<p>・Forum<br />Q&amp;Aや、ユーザー同士の助け合い質問掲示板です。海外では登録する前に、フォーラムのアカウントも作成するところが、殆どです。</p>
<p>・Support Community<br />同じくQ&amp;Aや、Forumのことです。</p>
<p>・About<br />サイトの概要・運営主旨が書いてあります。</p>
<p>・Donate<br />寄付の申し込みです。</p>
<p><b><br />登録フォーム関連</b><br /><strong></strong><br />・Use an existing domain name<br />既存ドメインがある場合は、こちらから登録します。</p>
<p>・Use a sub-domain<br />そのサイトで用意されているサブドメインを使用します。</p>
<p>・Sub-domain name<br />サブドメインの名前を選択します。例えば当サイト3ETのサブドメインの場合ですと、<br />「サブドメイン名.3et.org」という感じになります。 例:「about.3et.org」など</p>
<p>・Add this order to my existing account<br />そのサイトの既存アカウントがある場合は、こちらから前回登録した内容を入力します。</p>
<p>・I am a new customer <br />初めてそのサイトに登録する場合は、コチラを選択します。</p>
<p>・First name<br />ファーストネームです。名前は何でもいいです。</p>
<p>・Last name:<br />同じく名前は何でもいいです。</p>
<p>・Company:<br />会社名です。「*」の表示が無い場合は何も入力しなくていいです。</p>
<p>・Address:<br />住所です。入力は審査に引っ掛からない（あり得ない住所）の限りで、適当に入力してください。</p>
<p>・City:<br />都市名です。</p>
<p>・Country:<br />国です。</p>
<p>・State/Province:<br />日本語で訳すなら、州・都道府県です。</p>
<p>・Zip/Postal code:<br />郵便番号です。</p>
<p>・Phone number:<br />電話番号です。</p>
<p>・Fax number:<br />ファックス番号です。</p>
<p>・Email address:<br />メールアドレスです、後ほどアカウントの確認メールが来ることが殆どですので、必ず受信可能なメールアドレスを入力しましょう。</p>
<p>・Secondary Email address:<br />二つ目のメールアドレスです。主に一番目のメールアドレスが連絡不可になった場合の、サブメールアドレスを設定します。</p>
<p>・How did you hear about us?<br />ここのサイトをどのようにお知りになりましたか？ということです。面倒な場合は「Google」と答えておきましょう。</p>
<p>・Purpose of Site (Be descriptive and include the subject of your site)<br />サイトの使用目的を記入してください。ブログなら「Blog」というように記入します。利用規約をしっかりと守り、回答してください。</p>
<p>・Package Information<br />これは、一時的に申請を許可されたかどうかor一括にアカウントを管理することの出来る、「パッケージアカウント」の設定です。cPanelでは、サーバー管理者の審査後、アカウントが作成されます。</p>
<p>・Package username:<br />パッケージのユーザーネームです。新しく作成しますので、そのまま入力してOKです。</p>
<p>・Package password:<br />パッケージユーザーネームのパスワードです。これもここで新しく設定します。</p>
<p>・Verify package password:<br />確認のために、パスワードをもう一度入力してください。</p>
<p>・If you have any comments or special instructions for this order, specify them below:<br />Comments:<br />何かコメントや要求があれば、ここにその内容を記入します。無い場合はそのままでOKです。</p>
<p><b>・Post for Hosting</b><br />フォーラムのユーザー名を入力する項目です。そのサイト内のフォーラムで「Register」をクリックして、前もって、フォーラムのアカウントを作成している必要があります。このフォーラムアカウントを作成しないと登録できないサイトが殆どです。（同じく登録無料）</p>
<p>太文字の「0 new posts per month」の項目などは、0 postと書かれている項目を選びましょう。他のオプションを選択すると、フォーラムポスト関連のノルマが義務付けられます。25postなどを選択すると、サーバーオプション自体のランクは無料で上がりますが、ポストの義務がいろいろと面倒です。出来る限り、制限のない0 postを選択しましょう。</p>
<p>・Forum username:<br />フォーラムで新規登録した。フォーラムユーザー名を入力します。</p>
<p>・Forum password:<br />フォーラムで新規登録した。フォーラムパスワードを入力します。</p>
<p>・You must review and agree to our Terms of Service before proceeding.<br />Agree: <br />規約に同意しますか？ということです。規約を読んだ後「Agree」同意するを選択しましょう。</p>
<p><b>cPanel登録フォーム参考画像</b><br /><img src="http://3et.org/wordpress/wp-content/uploads/2009/10/e011.JPG" alt="cPanel登録画面" /><br /><img src="http://3et.org/wordpress/wp-content/uploads/2009/10/e012.JPG" alt="登録画面2" /></p>
<p><big><b><br />後書き<br /></b></big><br />それでは、今回はこの辺で失礼させていただきます。海外サーバーは活用できれば、いろいろと便利に重宝できますので、試してみて損はないと思います。</p>
<p>その他必要事項などがありましたら、追って記入させていただく予定です。長々と読んで頂き、ありがとうございました。</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://3et.org/server/freerentalserver.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/server/freerentalserver.html" />
	</item>
		<item>
		<title>サイトにプログラムコードを貼り付けるpreタグのCSS</title>
		<link>http://3et.org/htmlandcss/preandcss.html</link>
		<comments>http://3et.org/htmlandcss/preandcss.html#comments</comments>
		<pubDate>Tue, 13 Oct 2009 10:00:21 +0000</pubDate>
		<dc:creator>サンエタ</dc:creator>
				<category><![CDATA[HTMLとCSS]]></category>

		<guid isPermaLink="false">http://3et.org/?p=675</guid>
		<description><![CDATA[突然ですが、サイトにJavaScriptやC言語などのプログラミングコードを貼り付ける時は、普通にコードを入力していくと、実体参照（&#60;&#62;)などが、&#38;lt;&#38;gt;などに変換されてしまい、普通に [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img src="http://3et.org/wordpress/wp-content/uploads/2009/10/e004.JPG" alt="実体参照されていないため、表示されない。" /><br />
突然ですが、サイトにJavaScriptやC言語などのプログラミングコードを貼り付ける時は、普通にコードを入力していくと、実体参照（&lt;&gt;)などが、&amp;lt;&amp;gt;などに変換されてしまい、普通にコードを記述することは出来ませんよね。</p>
<p>そんなときに、使用するのが&lt;pre&gt;という整形のHTMLタグなのですが、この&lt;pre&gt;をデフォルトのままそのまま記入すると、&lt;pre&gt;で囲んだコードの中身が、一行の記述が長かったりすると、途中で表示が、途切れてしまいます。</p>
<p>例：<br />
&lt;pre&gt;<br />
var browser=(document.compatMode==&#8221;CSS1Compat&#8221;)? document.documentElement : document.body //IE6かの判定<br />
&lt;/pre&gt;</p>
<p><img style="max-width: 800px;" src="http://3et.org/wordpress/wp-content/uploads/2009/10/e005.JPG" alt="途切れてしまう" /></p>
<p>これを、回避する方法として、&lt;pre&gt;をCSSで制御するのですが、自分でも驚くことに、管理人はこの&lt;pre&gt;を今まで殆ど使っていなかったりします。なので、「無いなら、これから作るしかない」というわけで、CSSで&lt;pre&gt;を制御する、CSSを書いてみましたので、そのCSSを公開いたします。</p>
<p><span style="color: #000099;"><strong>&lt;pre&gt;タグのスタイルシート</strong></span></p>
<pre class="code">pre.code {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#eeeeee none repeat scroll 0 0;
border:1px solid #999999;
color:#444444;
display:block;
font-size:1em;
margin:1em;
overflow:scroll;
padding:0.5em;
width:560px;
}</pre>
<p>上記、CSSは各自、ご自由にサイトに記入して、お使いいただければと思います。（改変可）</p>
<p>行ったことは、overflow:scroll;とdisplay:block;の指定にて、一行のコードが長くなると、自動的に560pxのところで、折り返すようになります。使い方は、&lt;pre class=&#8221;code&#8221;&gt;～コードの内容～&lt;/pre&gt;<br />
という風にpreのclassにてcodeを入力すれば良いだけです。</p>
<p><b>実際に使ってみました&amp;このように使います。</b></p>
<pre class="code">
&lt;script language="javascript"&gt;
document.write("&lt;form&gt;&lt;textarea name=(browsermime' rows='10' cols='60'&gt;MIMEタイプ表示スクリプト\n");
for(i=0;i&lt;navigator.mimeTypes.length;i++){
document.write(navigator.mimeTypes[i].type,":",navigator.mimeTypes[i].description,":",navigator.mimeTypes[i].suffixes,"\n");
document.write("&lt;/textarea&gt;&lt;/form&gt;\n");
}
</pre>
<p>※上記スクリプトは、現在お使いのブラウザのMIMEタイプをすべて表示するスクリプトです。</p>
<p>このように、CSSを使いプログラムコードを、楽に書いていくことが可能となりました。実際に&lt;pre&gt;内にコードを記入する場合は、<a href="http://yasu.asuka.net/orkut/conv.html">実体参照に変換</a>を行ってから、コードを書くようにしましょう。</p>
<p>ちなみに、上記サイトを使えば、楽に実体参照を変換することが出来ますが、元々の実体参照の文字列には以下のサイトを参考にすると良いと思います。殆どの実体参照がまとめられています。<br />
<a href="http://www.ne.jp/asahi/minazuki/bakera/html/reference/charref">HTML4で支える文字実体参照</a></p>
<p>これで、気兼ねなく、コードを書いていけるようになりました＾＾</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://3et.org/htmlandcss/preandcss.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/htmlandcss/preandcss.html" />
	</item>
		<item>
		<title>キラキラ画像がマウスに付いてくるブログパーツ「Pika_Mouse」</title>
		<link>http://3et.org/production/pikapika-mouse.html</link>
		<comments>http://3et.org/production/pikapika-mouse.html#comments</comments>
		<pubDate>Mon, 12 Oct 2009 15:51:00 +0000</pubDate>
		<dc:creator>サンエタ</dc:creator>
				<category><![CDATA[管理人の制作物]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[ブログパーツ]]></category>
		<category><![CDATA[マウス]]></category>
		<category><![CDATA[マウスストーカー]]></category>

		<guid isPermaLink="false">http://3et.org/production/pikapika-mouse.html</guid>
		<description><![CDATA[この度は、FC2に共有申請させていただいた。ブログパーツ「Pika_Mouse」についての解説です。 この、Pika_Mouseをお使いのサイトに設置すれば、キラキラ画像がマウスについてくるようになります。 それでは、詳 [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://3et.org/wordpress/wp-content/uploads/2009/10/stafla.gif" alt="" /><br />
この度は、FC2に共有申請させていただいた。ブログパーツ「Pika_Mouse」についての解説です。<br />
この、Pika_Mouseをお使いのサイトに設置すれば、キラキラ画像がマウスについてくるようになります。</p>
<p>それでは、詳細は続きから。</p>
<p><span id="more-650"></span></p>
<p><span style="font-size: small;"><span style="color: #0000ff;">【はじめに】</span></span></p>
<p>まず初めに、当プラグイン「Pika_Mouse」をダウンロードしてくださり<br />
誠にありがとうございました。</p>
<p>この「Pika_Mouse」をお使いのサイトに設置すれば、キラキラ画像がマウスについてくるようになります。</p>
<p><span style="font-size: small;"><span style="color: #0000ff;">【動作環境】</span></span></p>
<p>IE4・IE5・IE5.5・IE6・IE7・IE8<br />
Firefox2 Firefox3<br />
Opera<br />
Safari</p>
<p>大体主要ブラウザの殆どに対応していることを確認致しました。</p>
<p><span style="color: #0000ff;"> <span style="font-size: small;">【プレビュー】</span></span></p>
<p>「<a href="http://annkokunokizinn.blog116.fc2.com/?plugin=27997&amp;index" target="_blank">Pika_Mouse</a>」をお試し表示する</p>
<p>http://annkokunokizinn.blog116.fc2.com/?plugin=27997&#038;index</p>
<p><span style="font-size: small;"><span style="color: #0000ff;">【ダウンロードURL】</span><span style="color: #ffff00;"> </span></span></p>
<p>共有プラグインの欄のURLで<br />
?plugin=27997&amp;index</p>
<p>共有プラグインナンバー<br />
27997</p>
<p><span style="color: #0000ff;"> <span style="font-size: small;">【～コード～上記利用規約を守り、コピーしてお使いください】</span></span></p>
<p><span style="color: #9933ff;">//～～▼JavaScriptコードここから▼～～</span></p>
<pre class="code">&lt;script language="JavaScript1.2"&gt;
&lt;!--
/**********************************
初めに当プラグイン「PikaPika_Mouse」をダウンロードしていただき
ありがとうございます。利用規約は以下のようになっています。
・二次配布：不可
・アダルトサイト：使用不可

PikaPika_Mouse（プラグイン）の詳細

http://3et.org/production/pikapika-mouse.html

******************************************/

//表示する画像の数を指定（デフォルトでは7）
var imgset = 7;

// 画像のURLを変更することで表示する画像を変更できます。
var url = "http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/pikas_js.gif";

var browser=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //IE6かの判定
var i,a = 0;

function initimg() { // スクリプトの準備
 images = new Array() // 画像配列のSET
 for (i = 0; i &lt; parseInt(imgset); i++) {
 images[i] = new Image();
 images[i].src = url;
 }
 imgmove = new Array() // 座標格納配列のSET
 for (i = 0; i &lt; images.length*14;i++) {
 imgmove[i] = 0;
 }
 for (i = 0; i &lt; images.length; i++) {
 document.write('&lt;div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"&gt;&lt;img src="' + images[i].src + '"&gt;&lt;/div&gt;');
 }
 loope();
}

function loope() {// 画像の引き続き関数
 for (i = 0; i &lt; images.length; i++) {
 document.getElementById("obj" + i).style.top = imgmove[a]+'px';
 document.getElementById("obj" + i).style.left = + imgmove[a+1]+'px';
 a+=16;
 }

 for (i = imgmove.length; i &gt;= 2; i--) { // 座標保持
 imgmove[i] = imgmove[i-2];
 }
 a = 0; // reset for future use
 var timer = setTimeout("loope()",10); // 再呼び出しタイム
}

function Pevent(s) { // イベントと処理(画像の位置座標）
 if (window.event) { //IE用
 imgmove[0] = window.event.y+browser.scrollTop+10;
 imgmove[1] = window.event.x+browser.scrollLeft+10;
 } else {
 imgmove[0] = s.pageY+12;
 imgmove[1] = s.pageX+12;
 }
}
 initimg();
 document.onmousemove = Pevent; // イベントの処理
//--&gt;
&lt;/script&gt;
&lt;noscript&gt;
お使いの環境ではこのJavaScriptは動作しないようです
動作環境に関するご報告は&lt;a href="http://3et.org/"&gt;3et.org&lt;/a&gt;までお願い致します。
&lt;/noscript&gt;
&lt;!--プラグイン作者記述領域--&gt;
&lt;div style="padding-left:2px;"&gt;
powered by&lt;br&gt;
&lt;a href="http://3et.org/"&gt;&lt;img src="http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/3etorglogox100x100.jpg" alt="3ET"&gt;&lt;/a&gt;
&lt;/div&gt;</pre>
<p><span style="color: #993399;">～JavaScriptコードここまで～<br />
</span></p>
<p><span style="font-size: small;"><span style="color: #0000ff;">【様々なカスタマイズ】</span></span></p>
<p>今回のプラグインは上記のぴかぴか画像だけではなく他にも様々な<br />
画像を降らせることも出来ます。</p>
<p>例えば表示する画像を替えたいときは以下の部分の数値を変更すると、表示する画像の数を変えることが出来ますし、</p>
<p>//表示する画像の数を指定（デフォルトでは7）<br />
var imgset = 7;</p>
<p>以下の部分を変更することで、表示する画像を変更することも出来ます。</p>
<p>// 画像のURLを変更することで表示する画像を変更できます。<br />
var url = &#8220;http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/pikas_js.gif&#8221;;</p>
<p><span style="font-size: small;"><span style="color: #0000ff;">【後書き】<br />
</span></span>少し前に見た、Flashで搭載されていた、マウスにキラキラ画像がついてくる機能をJavaScriptにて、実装してみました。</p>
<p>制作にあたって、大変だったところは、IEと他ブラウザなどにおいて、Firefoxでは正常に動作するにも拘わらず、IEでは、動作しなくなったりと、Scriptのブラウザ別の動作を調整するのが大変でした。普通にマウスについてくるだけの、スクリプトなら割と簡単なんですけどね。</p>
<p>prototype.jsなどの、ライブラリは使用していませんので、純粋にJSのみでコードが書かれています。</p>
<p>本当はブラウザごとの解釈の違いをまとめてくれる＆処理の最適化などをしてくれる、JavaScriptライブラリを使用するのが、一番望ましいのですが、管理人自身、標準JS以外のライブラリは未勉強なので、今回は実装していません＾＾；</p>
<p>これから、機会があれば、高度なライブラリを使用したスクリプトも書いてみたい＆学んでみたいな～と思っています。</p>
<p>それでは、このたびは「Pika_Mouse」をダウンロードしてくださり、誠にありがとうございました。<br />
今後とも3ETを宜しくお願い致します。</p>
<p><span style="font-weight: bold;">関連記事：</span></p>
<ul>
<li><a href="http://3et.org/production/2009/07/he-truth-sky-blue.html" target="_blank">FC2共有テンプレート第一作「The-truth-Sky-Blue」</a></li>
<li><a href="http://3et.org/production/2009/07/truth-anotherver.html" target="_blank">FC2共有テンプレート第二作「Truth-AnotherVer」</a></li>
<li><a href="http://3et.org/production/2009/07/nature-mystery-2culm.html" target="_blank">FC2共有テンプレート第三作「Nature_Mystery_2culm」</a></li>
<li><a href="http://3et.org/production/2009/07/truthflare-fire.html" target="_blank">FC2共有テンプレート第四作「Truth_Flare_Fire」</a></li>
<li><a href="http://3et.org/production/2009/07/white-blue-nature.html" target="_blank">FC2共有テンプレート第五作「White_Blue_Nature」</a></li>
<li><a href="http://3et.org/production/2009/07/black-clear-clean.html" target="_blank">FC2共有テンプレート第六作「Black_Clear_Clean」</a></li>
<li><a href="http://3et.org/production/2009/07/clear-glass-seconds.html" target="_blank">FC2共有テンプレート第七作「Clear_Glass_Seconds」</a></li>
<li><a href="http://3et.org/production/2009/07/nature-mystery-3c.html" target="_blank">FC2共有テンプレート第八作「Nature_Mystery_3C」</a></li>
<li><a href="http://3et.org/production/2009/08/read-more.html" target="_blank">FC2共有テンプレート第九作「Read_more」</a></li>
<li><a href="http://3et.org/production/2009/08/skyblue-cloud.html" target="_blank">FC2共有テンプレート第十作「SkyBlue_Cloud」</a></li>
<li><a href="http://3et.org/production/2009/08/mobile-truth-blue.html" target="_blank">FC2携帯用共有テンプレート第一作「Mobile_Truth_Blue」審査合格</a></li>
<li><a href="http://annkokunokizinn.blog116.fc2.com/blog-entry-177.html" target="_blank">FC2共有テンプレート制作者の心得</a></li>
<li><a href="http://annkokunokizinn.blog116.fc2.com/blog-entry-201.html">週間DLランキングトップ！ありがとうございます</a></li>
<li><a href="http://3et.org/production/2009/07/world-word-trance.html" target="_blank">英語や韓国など計8カ国の言語に対応させる翻訳プラグイン「World-Word-翻訳」</a></li>
<li><a href="http://3et.org/production/2009/07/pikapika-atlantis.html" target="_blank">キラキラ画像が降ってくるJavaScript製ブログパーツ「PikaPika_Atlantis」</a></li>
<li><a href="http://3et.org/production/2009/07/potiseebookmark.html" target="_blank">サイトのブックマーク数を全て表示！？「ポチッとSeeブックマーク」</a></li>
<li><a href="http://3et.org/production/2009/07/pagerankcheck.html" target="_blank">Googleページランクをワンクリックで一括チェック「ページランクChecker」</a></li>
<li><a href="http://3et.org/production/2009/08/starwatch.html" target="_blank">星のFlash時計「StarFirstWatch」</a></li>
</ul>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://3et.org/production/pikapika-mouse.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/production/pikapika-mouse.html" />
	</item>
		<item>
		<title>米Yahoo&amp;Gmailメールアカウントパスワード流出</title>
		<link>http://3et.org/news/gmailandyahoo.html</link>
		<comments>http://3et.org/news/gmailandyahoo.html#comments</comments>
		<pubDate>Thu, 08 Oct 2009 09:27:00 +0000</pubDate>
		<dc:creator>サンエタ</dc:creator>
				<category><![CDATA[気になったニュース]]></category>
		<category><![CDATA[Gmail]]></category>
		<category><![CDATA[Yahooメール]]></category>
		<category><![CDATA[パスワード]]></category>
		<category><![CDATA[流出]]></category>

		<guid isPermaLink="false">http://3et.org/news/gmailandyahoo.html</guid>
		<description><![CDATA[米マイクロソフト、Window Live Hotmailアカウントが流失した問題で、流失したアカウントはHotmailだけにとどまらず、GoogleのGmailや米Yahoo!メールアカウントの情報も被害にあっていること [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>米マイクロソフト、Window Live Hotmailアカウントが流失した問題で、流失したアカウントはHotmailだけにとどまらず、GoogleのGmailや米Yahoo!メールアカウントの情報も被害にあっていることが判明したと、SANS Internet Storm Centerが2009年10月6日に伝えました。以下詳細は続きから。</p>
<p><span id="more-645"></span></p>
<p>このニュースは<a href="http://itpro.nikkeibp.co.jp/article/NEWS/20091008/338561/">ITpro</a>より引用です。</p>
<blockquote><p>
セキュリティ企業の米トレンドマイクロなどは2009年10月6日、米マイクロソフトのWebメールサービス「Hotmail」に加え、「Gmail」や「Yahoo!メール」などのパスワードも、あるWebサイトで公開されていたことを明らかにした。現在では削除済み。</p>
<p>　マイクロソフトは2009年10月5日、Hotmailのアカウント（ユーザーIDとパスワード）がフィッシング詐欺によって盗まれ、第三者のWebサイトに公開されていたことを明らかにした。このWebサイトは、プログラム開発者が情報交換するためのサイトであり、怪しいサイトではない。このサイトで公開されていた理由については不明。</p>
<p>　そして今回、トレンドマイクロなどによると、このサイトには別のパスワードリストも公開されていたことが明らかになった。公開されていたのは、前回のHotmailに加え、GmailやYahoo!メールのアカウントや、米コムキャストや米アースリンクが提供するインターネット接続サービスのアカウントだという。</p>
<p>　このためセキュリティ組織の米サンズ・インスティチュートなどは、Webメールなどのユーザーに対して、パスワードを変更するよう勧めている。
</p></blockquote>
<p>それにしても、フィッシング詐欺説・・・ですか、フィッシングだけで「ここまで被害が広がるかな？」と、少し疑問に思いましたので、もう少し詳しく調べてみました。</p>
<p>すると、気になる記事を見つけましたので、一緒に紹介しておきます。</p>
<p><a href="http://headlines.yahoo.co.jp/hl?a=20091008-00000000-cwj-secu">http://headlines.yahoo.co.jp/hl?a=20091008-00000000-cwj-secu</a></p>
<blockquote><p>
<b>Hotmail/Gmailアカウント流出、専門家がフィッシング攻撃説に疑問符――ボットネットの可能性を示唆</b><br />
　Windows Live HotmailやGmailなどのアカウント情報が流出したのはフィッシング攻撃によるものとの説明に対し、1人のセキュリティ研究者が疑問の声を上げている。</p>
<p>　フィッシング攻撃説に疑問を呈しているのは、米国ScanSafeの上級セキュリティ研究員、マリー・ランデスマン（Mary Landesman）氏。同氏は、流出したアカウント情報（Hotmail、Gmail、Yahoo MailなどのWebメール・サービスから集められたおよそ3万件の情報が含まれている）について、キー・ロギングやデータ・ストリーミング機能を搭載するトロイの木馬に感染したPCのボットネットで収集された可能性が高いと指摘する。</p>
<p>　ランデスマン氏はその根拠として、今年8月に偶然見つけた、Windows Live IDのユーザー名とパスワードのキャッシュ・リストを挙げている。Windows Live IDは、Windows Live Hotmailや同Messengerなどのオンライン・サービスにアクセスするユーザー向けの総合ログオン・サービスだ。</p>
<p>　ランデスマン氏は、Windows Live IDのユーザー名とパスワードがおよそ5,000件入ったこのキャッシュを、新種のマルウェアの調査過程で見つけたという。「完全なものではなく、犯罪者が自分の能力を示すためのものとの印象を受けた」と同氏。このキャッシュはパスワードで保護されておらず、作成したのは経験が乏しいかあまり有能ではない人間である可能性が高い、というのが同氏の見方だ。</p>
<p>　「キャッシュの構成や、データが未加工であるように見えるという点から、これらの情報は、フィッシングではなく、キー・ロギングまたはデータの窃盗行為によって集められた可能性が高いと私は考えている」（ランデスマン氏）</p>
<p>　MicrosoftやGoogleは何者かが大規模なフィッシング攻撃によってアカウント情報を集めたとの見方を示しているが、ランデスマン氏は懐疑的だ。</p>
<p>　「流出したアカウントの件数がきわめて多いという点は、（流出の原因が）フィッシング攻撃によるものではないことを示唆している。もともとフィッシング攻撃は成果が乏しく、これほどの大成功は期待できない。われわれが考えている以上に、エンドユーザーはフィッシング攻撃に精通している」（ランデスマン氏）</p>
<p>　ランデスマン氏は、ボットネットの運営者がセキュリティ・エクスプロイトを用いてPCをハイジャックし、データを盗み出すためのマルウェアをインストールしたと考えるほうが合理的としたうえで、「最終的な意図ははっきりしないが、電子メールのアカウント情報を集めることもボットネットの重要な機能の1つだ」と語る。</p>
<p>　また、自説が学術的な根拠に基づくものではないとしつつも、「パスワードを変更したあとも、自分の電子メール・アカウントがスパミングに使われたり、自分のアカウントにアクセスできなかったりするなどの問題が起きる場合には、PCがマルウェアに感染している可能性を疑ったほうがよい」とアドバイスする。</p>
<p>　MicrosoftやGoogleが主張するフィッシング攻撃説については、オンラインの個人情報漏洩問題に取り組んでいる業界団体Anti- Phishing Working Group（APWG）も同じ見解を示している。APWGの会長、デーブ・ジェバンズ（Dave Jevans）氏は、「フィッシング攻撃で大量のパスワードを盗み出すことは可能」と述べている。
</p></blockquote>
<p>とりあえず、流失のしている可能性も完全に無いとはいえないので、該当サービスのパスワードを変更しました。ちょうどそろそろパスワードを変更する予定だったので、ちょうど良かったですね。</p>
<p>今回で、行える対策と言えば、セキュリティソフトやOSのアップデートを常に行うことや、WEBサービスのパスワード等を定期的に変更して、セキュアな環境の意識を高めるという、基本的な対策のみですね。</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://3et.org/news/gmailandyahoo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/news/gmailandyahoo.html" />
	</item>
		<item>
		<title>再セットアップ完了</title>
		<link>http://3et.org/free/setupsai.html</link>
		<comments>http://3et.org/free/setupsai.html#comments</comments>
		<pubDate>Mon, 05 Oct 2009 06:35:00 +0000</pubDate>
		<dc:creator>サンエタ</dc:creator>
				<category><![CDATA[自由形・エンターテイメント]]></category>
		<category><![CDATA[OS]]></category>
		<category><![CDATA[再セットアップ]]></category>

		<guid isPermaLink="false">http://3et.org/free/setupsai.html</guid>
		<description><![CDATA[このたびOSの不調が続いたため、OSの再セットアップを行いました。上記の画像が現在のデスクトップです。復旧も順調ですし、デスクトップの表示も、これを機会に整理をしてすっきりとしました。 いろいろあり、紛失したデータなども [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img src="http://3et.org/wordpress/wp-content/uploads/2009/10/e000.jpg" alt="デスクトップ" /></p>
<p>このたびOSの不調が続いたため、OSの再セットアップを行いました。上記の画像が現在のデスクトップです。復旧も順調ですし、デスクトップの表示も、これを機会に整理をしてすっきりとしました。</p>
<p>いろいろあり、紛失したデータなどもありますが、OSも元通りサクサク動作するようになりました。<br />やはり、長い間使っているとOSのデータ上に何らかのダメージが蓄積されていくんでしょうね。データは半永久的なものではないな～と、改めてひしひしと感じることができました。</p>
<p>今日あたりから、ようやくしっかりと作品の制作に取り組むことができそうです。<br />それでは、今後とも3ETと管理人のサンエタをよろしくお願いいたします。</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://3et.org/free/setupsai.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/free/setupsai.html" />
	</item>
		<item>
		<title>Firefox3.7&amp;4.0デザイン案の変更</title>
		<link>http://3et.org/news/firefox4-0-3-7.html</link>
		<comments>http://3et.org/news/firefox4-0-3-7.html#comments</comments>
		<pubDate>Mon, 28 Sep 2009 12:53:00 +0000</pubDate>
		<dc:creator>サンエタ</dc:creator>
				<category><![CDATA[気になったニュース]]></category>
		<category><![CDATA[Firefox3.7]]></category>
		<category><![CDATA[Firefox4.0]]></category>
		<category><![CDATA[スキン]]></category>
		<category><![CDATA[デザイン]]></category>

		<guid isPermaLink="false">http://3et.org/news/firefox4-0-3-7.html</guid>
		<description><![CDATA[（OS：Windows Vistaテーマ aero Windows 7 テーマ aero)Firefox3.7&#38;4.0のデザイン案がFirefox/Sprints/Windows Theme Revamp/Dir [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00484.JPG" alt="firefox3.7のテーマ" width="600" /><br />（OS：Windows Vistaテーマ aero Windows 7 テーマ aero)<br />Firefox3.7&amp;4.0のデザイン案が<a href="https://wiki.mozilla.org/Firefox/Sprints/Windows_Theme_Revamp/Direction_and_Feedback" target="_blank">Firefox/Sprints/Windows Theme Revamp/Direction and Feedback</a>にて、公開されました。</p>
<p>上記に表示されている画像が次バージョンのFirefox3.7の現在考案されているデザインです。メニューバーがデフォルトで非表示となることが検討されています。メニューの表示にはAltキーを押します。更新ボタンと停止ボタンは一つのボタンにまとめられ、コンテンツにタイする操作やツールは右上にボタンとしてまとめられ、ホームボタンはなくなり、代わりにタブ部分にホームのボタンが追加されるようになるとのことです。</p>
<p><big><span style="font-weight: bold;">Firefox 4.0のデザイン考案（新）</span></big><br /><img style="max-width: 800px;" src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00485.JPG" w="" alt="firefox4.0のテーマ" width="600" /><br />(OS:Windows Vistaテーマ aero Windows 7テーマ aero　バージョンB)</p>
<p>デフォルトの表示にて、ナビゲーション部分とタブの部分が逆となり、タブが上に来るようになります。ページとツールノボタンはより小さくまとめてあります。上記の新らしく考案されたバージョンとは別に従来の「進む」や「戻る」のナビゲーション部分が上に来るように出来るバージョンの二種類が現在考案されています。</p>
<p>コチラの方も現在提案されているFirefox3.7のインターフェースと同様に、「メニューボタン」のデフォルト非表示が検討されています。</p>
<p><img src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00487.JPG" 　alt="メニューボタン" /><br />なぜ、上記画像のような「メニューボタン」がデフォルトで非表示になるようにインターフェースを検討されているかというと、このような見解のようです。</p>
<p><span style="font-weight: bold;">「編集を目的としたオフィススィート向けに設計されたインターフェースは、コンテンツの閲覧とナビゲーションを目的としたWebブラウザには適していない、古いメニューベースのインターフェースも、もともとはオフィススィート向けに採用されたUIのひとつであり、現在のWebブラウザには適していない」</span></p>
<p>・・・とのことです・・・</p>
<p>管理人が思うに、上記のメニューボタンがデフォルトで無くなるのは、慣れ親しんだユーザーや初めて使うユーザーによってはインターフェース上好ましくないんじゃないかな～と思います。</p>
<p>自分が初めてブラウザを使ったあたりなどは、このようなオフィスメニューのようなメニューはとてもわかりやすかったです。殆どのブラウザの操作はメニューから直感的にできたりしたので、とても重宝しました。また、文章などで説明するときなども「ツール」「インターネットオプション」というように説明しやすかったり、わかりやすかったりもしました。</p>
<p>そう考えると、デフォルトで非表示は新規ユーザーにとってもわかりにくいんじゃないかな～と思います。どこのソフトでもそうですが、インターフェースは他のソフトと統一するとわかりやすいというのもありますしね。（「編集」や「ファイル」や「表示」など）</p>
<p>Altキーでメニュー表示復帰が可能ということですが、新規ユーザーのことを考えるのでしたら出来る限りインターフェースをデフォルトに近づける方が良いと思います。殆どのPCでデフォルトでインストールされているのはIE（インターネットエクスプローラー）ですしね。</p>
<p>IEから乗り換えを考える人にとっては、インターフェースはIEに似ていた方が、安心感や乗り換えやすさもあると思います。</p>
<p>いずれにしても、これからも開発は続きますので、より良いユーザーにとってのインターフェースが開発されることを願いたいですね。今後も期待です。</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://3et.org/news/firefox4-0-3-7.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/news/firefox4-0-3-7.html" />
	</item>
		<item>
		<title>JavaScriptデバッグ中のエラーの種類について</title>
		<link>http://3et.org/memo/jserrorsyntax.html</link>
		<comments>http://3et.org/memo/jserrorsyntax.html#comments</comments>
		<pubDate>Fri, 25 Sep 2009 01:34:00 +0000</pubDate>
		<dc:creator>サンエタ</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[思いつきメモ帳]]></category>
		<category><![CDATA[エラー]]></category>
		<category><![CDATA[デバッグ]]></category>
		<category><![CDATA[構文]]></category>

		<guid isPermaLink="false">http://3et.org/memo/jserrorsyntax.html</guid>
		<description><![CDATA[今回はFirebugなどで、JavaScriptのスクリプトをデバッグしたときに現れる、エラーについてまとめてまとめてみました。 「FirebugなどのデバッガでJavaScriptの構文エラーが表示されているけど意味が [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img src="http://3et.org/wordpress/wp-content/uploads/2009/08/funct-256.png" alt="function" width="180" /><br />今回はFirebugなどで、JavaScriptのスクリプトをデバッグしたときに現れる、エラーについてまとめてまとめてみました。</p>
<p><img style="max-width: 800px;" src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00482.JPG" alt="デバッグモード" /><br />「FirebugなどのデバッガでJavaScriptの構文エラーが表示されているけど意味がわからないよ・・・」</p>
<p>というときなどに、デバッガが表示してくれるエラーの意味が、どのような意味なのか？、ということがわかれば、問題の原因が特定しやすくなり、よりいっそうスクリプトを書きやすくなると思います。それでは、詳細は続きから</p>
<p><span id="more-607"></span></p>
<p>ここでは、よく使われるorよく表示されるJavaScript構文のエラーについてまとめてみました。以下、早見表です。<br /><span style="font-weight: bold;">・JavaScriptError:URL　（番号）</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・「構文のスペルミス(alertをaletと書くなど) is not defined.」エラー</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・unterminated string literal./missing ) after argument list.エラー</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・write cannot be converted to a function.エラー</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・return used outside a function.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・missing } after function body.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・missing { before function body.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・エラーは出ないが定義してある関数が呼び出されない</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・サブウィンドウが表示されない</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・missing ) after argument list.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・missing ( before formal parameters.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・missing operator in expression.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・missing operator in expression. (2)</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・syntax error. ( &lt;!C-命令～)</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・true has no properties.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・命令 is not a function.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・変数名 is not defined.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・test for equality (==) mistyped as assignment (=)? Assuming equality test.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・オブジェクト名 is not a number.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・変数名 is not a numeric literal.</span><br style="font-weight: bold;" /><span style="font-weight: bold;">・syntax error. (if (5 =&lt; 2)～)</span><br /><span style="font-weight: bold;"><br /></span><span style="font-weight: bold;"><br /></span><br /><big><span style="font-weight: bold;" id="scsy">JavaScriptのデバッグエラー構文エラーの例と構文の解説まとめ</span></big></p>
<p><span style="font-weight: bold;">JavaScriptError:URL　（番号）</span><br />		エラーのあるJavaScriptの含まれているHTMLの場所を表示するだけでなくクリックすると、そのURLへジャンプする。<br />		line n:とも表記される。<br />		　n行目にエラーを引き起こしたScript文がある、ただし他の部分が原因で、エラーになった可能性がある。</p>
<p>n行目にエラーがあると表示されたからといって、必ずしもn行目でエラーが発生したとは限りません。n行目にエラーの原因が見あたらない場合は、n行目周辺の行をチェックすることをオススメします。エラー文の一つの目安として重宝できます。</p>
<p><span style="font-weight: bold;">「構文のスペルミス(alertをaletと書くなど) is not defined.」エラー</span><br />意味：この構文は定義されていない。</p>
<p>解説：<br />		スペルミス（つづりが間違っている）ということなので。aletなどをalertに修正すれば動作する。<br />		<br style="font-weight: bold;" /><span style="font-weight: bold;">エラー文章</span><br />&lt;script language=&#8221;JavaScript&#8221;&gt;<br />!&#8211;&gt;<br />		alrt(&#8220;TEST STRING&#8221;);<br />&#8211;&gt;<br />&lt;/script&gt;</p>
<p><span style="font-weight: bold;">unterminated string literal./missing ) after argument list.エラー</span><br />		意味：終端の文字リテラルが正常に囲まれていません。</p>
<p>解説：<br />また、このエラーは文字列が正常に囲まれていない時に発生する。例えばdocument.write(&#8220;ダブルクォーテーションから&#8217;);のように「&#8221;」（ダブルクォーテーション）で囲み始めたのにも関わらず、終わりが「&#8217;」（シングルクォーテーション）になっている場合など。囲みの最後の文字を&#8221;にすれば動作する。これと同様に&#8217;で囲み始めたら&#8217;で終わらなければならない。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />&lt;script language=&#8221;JavaScript&#8221;&gt;<br />&lt;!&#8211;<br />		document.write(&#8216;test&#8221;);<br />		&#8211;&gt;<br />&lt;/script&gt;</p>
<p><br style="font-weight: bold;" /><span style="font-weight: bold;">write cannot be converted to a function.エラー</span><br />意味：関数名に定義済みオブジェクト名を使用することは出来ません。</p>
<p>解説：<br />		関数名にオブジェクトの名前を使用すると発生する。関数名を定義されている命令以外のものに修正すれば動作する。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		function document(){<br />		document.write(&#8220;OpenSpace&#8221;);<br />		}<br />		document();<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">関数名 is not defined.</span><br />意味:関数名が定義されていません。</p>
<p>解説：<br />関数の呼び出し時に発生する。関数が定義されていないか、呼び出し側の関数名が間違っている。JavaScriptの変数名や関数名は大文字と小文字を区別して解釈するため、大文字小文字の違いがある場合はエラーになる（aaaとAAAはそれぞれ別の関数or変数として解釈される）。関数名を正しく修正すれば直る。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		function print(){<br />		document.write(&#8220;Test JavaScript&#8221;);<br />		}<br />		Print();<span style="color: rgb(0, 153, 0);">//大文字と小文字が区別されるため、エラーとなる</span><br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">return used outside a function.</span><br />		意味：関数外で使用された。</p>
<p>解説：<br />return文で戻るところが見つからないor関数外で使用すると発生する。関数外では使用しない事。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		return;<span style="color: rgb(0, 153, 0);">//関数外での使用のため（リターンで戻る場所がない）、エラーとなる。</span><br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">missing } after function body.</span><br />意味：{}の形式で関数or中身がとじられていません。</p>
<p>解説：<br />		関数が「｝」カッコで閉じられていない。}をつければ直る。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		function err(){<span style="color: rgb(0, 153, 0);">//{で始めたのに・・・</span><br />		O = window.open(&#8220;&#8221;,&#8221;Page&#8221;);</p>
<p>		<span style="color: rgb(0, 153, 0);">//}で閉じられていない！</span><br />		// &#8211;&gt;<br />		&lt;/SCRIPT&gt;</p>
<p><span style="font-weight: bold;">missing { before function body.</span><br />		意味：関数の｛が始まっていない。</p>
<p>解説：　<br />関数の定義で{がない。{をつければ直る。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		function err()<span style="color: rgb(0, 153, 0);">//{のはじまりがない</span><br />		w2 = window.open(&#8220;&#8221;,&#8221;New Page&#8221;);<br />		}<span style="color: rgb(0, 153, 0);">//}で終わっているのに・・・</span><br />		// &#8211;&gt;<br />&lt;/script&gt;</p>
<p><span style="font-weight: bold;">エラーは出ないが定義してある関数が呼び出されない</span><br />		解説：同じ名前の関数を定義している。JavaScriptでは関数の二重定義をしてもエラーにならない。この場合、呼び出される関数は最後に定義したものになる。関数名を重複しないように変更すれば直る。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		function err(){document.write(&#8220;err1&#8243;);}<br />		function err(){document.write(&#8220;err2&#8243;);}<span style="color: rgb(0, 153, 0);">//同じ名前の関数が定義された場合は、最後に書かれた方の関数が呼び出される</span><br />		err();<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">サブウィンドウが表示されない</span><br />		意味：window.open()で２番目の引数（ウィンドウタイトル）に半角の空白(スペース）が入ると表示されない。空白を削除すれば動作する。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		w2 = window.open(&#8220;&#8221;,&#8221;New Page&#8221;);<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">missing ) after argument list.</span><br />意味：引数が)で閉じられていません。</p>
<p>解説：<br />		　)で閉じられていない。関数、命令の引数でカッコで閉じられていない場合に発生する。)を付ければ直る。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		function err(){ document.write(&#8220;error&#8221; }// <span style="color: rgb(0, 153, 0);">)で閉じられていない！</span><br />		err();<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">missing operator in expression.</span><br />		意味：呼び出しにて(が記述されていません。</p>
<p>解説：<br />命令の呼び出しで(が抜けている。(を付ければ直る。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		function err(){ document.write&#8221;error&#8221;) }<br />		err();<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">missing ( before formal parameters.</span><br />		意味：関数の呼び出しで(が記述されていません。</p>
<p>解説：<br />関数の呼び出しで(が抜けている。(を付加すれば直る。</p>
<p>		<span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		function err){ document.write(&#8220;error&#8221;) }//関数errの(が記述されていない<br />		err();<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">missing operator in expression. (2)</span><br />		解説：命令を続けて記述すると発生する。JavaScriptでは複数の命令を1行に記述する場合、;（カンマ）で命令の間を区切る必要がある。命令の間に「;」をつければ直る。</p>
<p><span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		document.write(&#8220;error1&#8243;)document.write(&#8220;error2&#8243;)<span style="color: rgb(0, 153, 0);">//1行にわたる複数の命令にも関わらず「；」が書かれていない</span><br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">syntax error. ( &lt;!C-命令～)</span><br />意味：構文エラー<br />		　<br />下記の例では、document.write文中に&lt;script&gt;&lt;/script&gt;が組みになっている。scriptタグのネスティング（入れ子）と解釈されてしまうためエラーになる。次のように修正すれば直る。<br />		document.write(&#8220;&lt;&#8221;+&#8221;script&gt;&#8221;);</p>
<p><span style="font-weight: bold;">エラー構文の例：</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		document.write(&#8220;&lt;script&gt;&lt;!&#8211;&#8221;);<span style="color: rgb(0, 153, 0);">//scriptタグの入れ子と解釈されてしまう</span><br />		document.write(&#8220;documnet.write(99);&lt;/SCRIPT&gt;&#8221;);<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">true has no properties.</span><br />		解説：命令を続けて記述している。別々に記述すれば直る。</p>
<p>		<span style="font-weight: bold;">エラー構文の例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		document.write(&#8220;OpenSpace1&#8243;).write(&#8220;OpenSpace2&#8243;);<span style="color: rgb(0, 153, 0);">//続けて命令を記述している</span><br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">命令 is not a function.</span><br />		解説：関数ではないのに関数呼び出しをしている。または関数のメソッドになっている。関数を作成する。メソッドの前にオブジェクトを指定すれば直る。</p>
<p>		<span style="font-weight: bold;">エラー構文の例：</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		document.write(&#8220;OpenSpace1&#8243;.write(&#8220;OpenSpace2&#8243;));<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">変数名 is not defined.</span><br />		変数に値が入っていない（宣言していない）のにも関わらずif(a == 1)などのように参照しようとした。参照前にa = 0;などのように値を設定しておけば直る。</p>
<p>		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		if(a == 1) document.write(&#8220;12345&#8243;);<span style="color: rgb(0, 153, 0);">//aの値は何も入っていない状態のためエラーとなる。</span><br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">test for equality (==) mistyped as assignment (=)? Assuming equality test.</span><br />		解説：下記の例では、if文の条件式が間違っている。a == 0のように記述しなければ、ならない所をa = 0のように代入文になっている。=を==にすれば直る。</p>
<p><span style="font-weight: bold;">エラー構文の例：</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		if(a = 1) document.write(&#8220;12345&#8243;);<span style="color: rgb(0, 153, 0);">//if文の（）にて==（比較演算子）とするところを=(代入演算子）を使っている。</span><br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">オブジェクト名 is not a number.</span><br />		解説：オブジェクトを演算しようとした。変数名に変更すれば直る。</p>
<p>エラー構文の例：<br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		document.write(Math/9);<span style="color: rgb(0, 153, 0);">//Mathオブジェクトを演算に使っているのでエラー</span><br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">変数名 is not a numeric literal.</span><br />		解説：変数に入っているデータが数値ではない。文字列などが入っている。eval()関数等で数値に変換してから演算すれば直る。<br /><br style="font-weight: bold;" /><span style="font-weight: bold;">エラー構文の例</span><br />&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		a = &#8220;TGSHAKL&#8221;;<br />		document.write(a/9);//aは文字列（string型）のため演算は出来ない。<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>
<p><span style="font-weight: bold;">syntax error. (if (5 =&lt; 2)～)</span><br />		解説：不等号の記述が間違っている。=&lt;は間違いなので、&lt;=にすれば直る。</p>
<p><span style="font-weight: bold;">構文エラーの例</span><br />		&lt;script Language=&#8221;JavaScript&#8221;&gt;<br />		&lt;!&#8211;<br />		if (5 =&lt; 2) document.write(&#8220;OK!&#8221;);<br />		// &#8211;&gt;<br />		&lt;/script&gt;</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://3et.org/memo/jserrorsyntax.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/memo/jserrorsyntax.html" />
	</item>
		<item>
		<title>Twitterユーザーのスパム判定サイト「TwitChuck」</title>
		<link>http://3et.org/onvenientsite/twitchuck.html</link>
		<comments>http://3et.org/onvenientsite/twitchuck.html#comments</comments>
		<pubDate>Mon, 21 Sep 2009 23:18:00 +0000</pubDate>
		<dc:creator>サンエタ</dc:creator>
				<category><![CDATA[便利なサイト集]]></category>
		<category><![CDATA[TwitChuck]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[スパム]]></category>
		<category><![CDATA[判定]]></category>

		<guid isPermaLink="false">http://3et.org/onvenientsite/twitchuck.html</guid>
		<description><![CDATA[今回はTwitterユーザーがスパマーかどうかを判定してくれるWebサービス「TwitChuck」の解説をさせていただきます。 Twitterでつぶやいていると、沢山の人をフォローしていて、その割に極端にフォローしてくれ [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img src="http://3et.org/wordpress/wp-content/uploads/2009/09/3814149_400x300.jpg" alt="TwitChuck" /><br />今回はTwitterユーザーがスパマーかどうかを判定してくれるWebサービス「TwitChuck」の解説をさせていただきます。</p>
<p>Twitterでつぶやいていると、沢山の人をフォローしていて、その割に極端にフォローしてくれている人がいない、妙なアカウントや、＠リプライを送ってきて、つぶやきが一件のみで、怪しげなリンクが書き込まれている、スパマーではないかと思われるような、ユーザーをよく見ます。</p>
<p>ですが、フォローの比率が極端に偏っているからといって、そのユーザーを「スパマーである」と決めつけてしまうのは、少々気が早いような気がしてなりません。</p>
<p>そんな判断に迷うときに便利なのが、この「TwitChuck」というTwitterユーザーのスパム判定チェックサイトです。このサービスを使えば、調べたいTwitterのIDを入力すれば、「TwitChuck」が独自のアルゴリズム（式）で、そのユーザーがスパマーであるかどうかを判定してくれます。</p>
<p>正直、Twitterのユーザーがスパムかどうかを判定してくれるサービスは今まで無かったので、今後とても重宝できると思います。他にもブックマークに入れてお手軽に使える機能なども満載です。<br />それでは、詳細は続きから</p>
<p><span id="more-602"></span></p>
<p><big><span style="font-weight: bold;">はじめに～TwitChuckについて～</span></big><br />URL:<a href="http://www.twitchuck.com/" target="_blank">http://www.twitchuck.com/</a></p>
<p>TwitChuckとは、Twitterユーザーがスパムであるかどうかを判定してくれるWebサービスです。TwitterのユーザーIDを入力するだけでスパムの判定が可能になります。</p>
<p>判定方法としては「アカウント有効の経過時間」や「フォローされている数」と「フォローしている数」の比率の判定や「つぶやきの数や頻度、つぶやきの内容や語句、さらにはリンク先やリプライ（@)やプロフィール画像のチェックなど、様々なデータを下にスコアを算出しています。</p>
<p>今まで、自分が簡単にできるTwitetrのスパムＩＤ判定といえば、「フォローされている数」や「フォローしている数」の比率や不自然なつぶやき（ひとつの発言にひとつのリンク）などでしたが、このサービスを使えば、簡単に、そして総合的にTwitterのスパムＩＤを判定できます。</p>
<p><span style="font-weight: bold;">※決められたアルゴリズム（式）にそったスコア算出形式なので、誤判定もあるようです。</span></p>
<p><big><span style="font-weight: bold;">判定方法</span></big></p>
<p><span style="font-weight: bold;">1.判定方法はとても簡単で、<a href="http://www.twitchuck.com" target="_blank">TwitChuckのトップページ</a>から、以下のようにTwitterのユーザーIDを入力すればいいだけです。</span><br /><img src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00476.JPG" alt="TwitChuck" /></p>
<p><span style="font-weight: bold;">2.すると、下記画像の用に判定結果を記してくれます。</span><br /><img src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00477.JPG" /></p>
<p>どうやら、管理人のIDはスパムと判定されていないようです＾＾；</p>
<p><span style="font-weight: bold;">最後の気になった一文・・・</span><br />This user rarely communicates with others and may either be new or using Twitter as a one way information stream</p>
<p>いつも気になっていたのですが、Twitter関連のサービスのチェックサイトを利用すると、いつも「初級者」や「他ユーザーとのコミュニケーションを持たない」と判定されますね・・・う～ん・・・よくわかりません・・・<br />自分は（数が多い＝コミュニケーションを楽しめる）というわけでは無いと思うのですが・・・。人それぞれなのでしょうかね・・・</p>
<p><big><span style="font-weight: bold;">「TwitChuck」をさらに便利に使いこなすための三つスクリプト</span></big><br />ここでは、「TwitChuck」をさらに便利に使いこなすためのブックマークレットを紹介致します。公式が作成したブックマークレットと個人の方が作成したブックマークレットを紹介致します。</p>
<p><span style="font-weight: bold;">ブックマークレット右サイドバー型</span><br />右サイドバーに表示される「TwitChuck」ブックマークレット<br /><a href="http://twitchuck.com/blog/twitblock-sidebar-instant-profile-check/" target="_blank">http://twitchuck.com/blog/twitblock-sidebar-instant-profile-check/</a></p>
<p>ブックマークにURLを入れてクリックすれば、下記画像の用にサイドバーが表示されます。そこでTwitter「ID」を入力すればその場でチェックすることが出来ます。<br /><img src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00478.JPG" alt="ブックマークレット型" /></p>
<p><span style="font-weight: bold;">ユーザーページブックマークレット型</span><br /><a href="http://twitchuck.com/blog/bookmarklet-report-a-spammer/" target="_blank">http://twitchuck.com/blog/bookmarklet-report-a-spammer/</a></p>
<p>こちらのブックマークレットはTwitterのユーザープロフィールページ「http://twitter.com/ユーザー名」のページで動作するブックマークレットです。管理人がユーザーページにて使ってみましたが、なぜか下記画像のようなメッセージが表示されてしまい使うことが出来ませんでした。<br /><img src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00479.JPG" alt="何故か使えない・・・" /><br />訳:<span style="font-weight: bold;">TwitChuckブックマークレットはTwitterのプロフィールページ上で使用することができます。</span></p>
<p>というわけで、同じユーザーページブックマークレットの個人の方が作られたブックマークレットの方を紹介させていただきます。</p>
<p><span style="font-weight: bold;"><br /><a href="http://d.hatena.ne.jp/tomute/20090819/1250729392" target="_blank">TwitChuckのスコアを表示するブックマークレット &#8211; Tomute’s Notes</a></span><br />調べ方は、Twitterの各IDのユーザーページにアクセスして、このブックマークレットを実行すれば良いだけです。ソースコードもウィンドウをオープンするというコンパクトな内容ですので、オススメです。自分も使わせていただいています。<br /><small><small>TwitChuckのブックマークレットを作ってみたかったことは内緒です・・・^^;</small></small></p>
<p><br style="font-weight: bold;" /><a style="font-weight: bold;" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/748">TwitChuckGreasemonkeyスクリプト</a></p>
<p><span style="font-weight: bold;">TwitChuckのGreasemonkeyスクリプトの紹介です。※要Firefox</span><br />このGreasemonkeyスクリプトを使えば、Twitterユーザーのプロフィールページにアクセスしたときに、「Report Spammer」というスパム判定ボタンが追加されます。それでは、インストール方法です。</p>
<p><span style="font-weight: bold;">インストール方法</span></p>
<p><span style="font-weight: bold;">1.上記の公式ページ（作成元はTwitChuck公式)にアクセスして、下記画像の用にFirefoxにインストールします。※インストール後Firefoxを再起動する必要があります。</span><br /><img style="max-width: 800px;" src="http://3et.org/wordpress/wp-content/uploads/2009/09/sunete00480.JPG" alt="Greasemonkey" /></p>
<p>Greasemonkeyが有効になっていると、Twitterのユーザーページにアクセスしたときに、情報に下記画像のように「Report Spammer」という表示が追加されます。この「Report Spammer」を一回クリックするだけで、TwitChuckが利用可能になるGreasemonkeyスクリプトです。</p>
<p><img style="max-width: 800px;" src="http://3et.org/wordpress/wp-content/uploads/2009/09/Prof.png" alt="スパムチェックスクリプト" /></p>
<p>今までTwitter上のユーザーのスパムチェックが可能なWebサイトなどはなく、Twitterには多くのスパマーがいるという不本意な形になっていましたが、ようやく、スパマーへの対抗策の第一歩ともいえる、サイトだと思います。今後に大いに期待していきたいですね。</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://3et.org/onvenientsite/twitchuck.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://3et.org/onvenientsite/twitchuck.html" />
	</item>
	</channel>
</rss>

