<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>labs blog</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/" />
    <link rel="self" type="application/atom+xml" href="http://blog.kndb.jp/labo/atom.xml" />
    <id>tag:blog.kndb.jp,2008-04-07:/labo//3</id>
    <updated>2009-02-24T09:12:13Z</updated>
    <subtitle>株式会社ナレッジデータベース開発室blog</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.1</generator>

<entry>
    <title>モバイルサイトの作り方</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2009/02/post-4.php" />
    <id>tag:blog.kndb.jp,2009:/labo//3.150</id>

    <published>2009-02-17T10:16:09Z</published>
    <updated>2009-02-24T09:12:13Z</updated>

    <summary>3キャリアに対応したウェブサイトを手軽に作るにあたり 最低限、抑えておかなければ...</summary>
    <author>
        <name>fukushima</name>
        <uri>http://afsafdas</uri>
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<p>3キャリアに対応したウェブサイトを手軽に作るにあたり<br />
最低限、抑えておかなければいけない手順とポイントを記述します。</p>

<p><strong>●XHTMLで記述する</strong><br />
ほとんどの3Gの端末ではHTMLに加え、XHTMLを使うことができます。<br />
XHTMLを使うことによって、文字の背景色を設定できたりするなど、デザイン表現が多彩になっています。<br />
ただdocomoでは、外部CSSを使用することができないため、<br />
3キャリアで共通したhtmlを使用する場合、<br />
<strong>style="font-size:middle"</strong>など各要素にインラインで組み込むようにします。</p>

<p><br />
<strong>●DOCTYPE宣言</strong><br />
<strong>・DoCoMo</strong><br />
通常はiモードXHTMLのバージョンによってDOCTYPEが用意されているので、そちらに合わせた方が良いらしいですが<br />
基本はこの共通系で動作します。</p>

<pre>DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</pre>

<p><strong>・au</strong><br />
<pre>DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN"  "http://www.openwave.com/DTD/xhtml-basic.dtd"</pre></p>

<p><strong>・SoftBank</strong><br />
<pre>DOCTYPE html PUBLIC "-//JPHONE//DTD XHTML Basic 1.0 Plus//EN"  "xhtml-basic10-plus.dtd"</pre></p>

<p><br />
<strong>●ドコモ用にContent-Typeをapplication/xhtml+xmlを配信する。</strong><br />
auとSoftBankではPCサイトと同じようにtext/htmlでCSSを読むことができますが、<br />
Docomoの場合はapplication/xhtml+xmlで配信しなければCSSを読み込むことができません。<br />
方法としてはhead内に</p>

<pre>meta http-equiv="Content-Type" content="application/xhtml+xml;  charset=UTF-8" </pre>

<p>と記述し、動作しない場合.htaccessに</p>

<p> <pre>AddType application/xhtml+xml .html</pre></p>

<p>と一文を追加します。</p>

<p>上記をふまえた上でデザイン＆コーディングを進めていきます</p>

<p><br />
<strong>●各キャリアを考慮してデザインするには</strong><br />
・ベタ色のタイトル帯、画像回り込みで2カラム風レイアウトなどモバゲー、mixiモバイルなどを代表とするレイアウト。</p>

<p>・サイトロゴは自動縮小を回避するために横220ピクセル ～ 230ピクセルで作成。</p>

<p>・画像を使うよりは、絵文字に対応して見栄えを派手にするのがスタンダード・・・ですが、これにしてしまうと各種キャリアできちんと全ページの表示確認しないといけないので手軽ではなくなります。<br />
http://www.dspt.net/tools/emoji/<br />
http://dspt.blog59.fc2.com/blog-category-5.html</p>

<p>・画像は3キャリアすべてが対応しているjpg、gifを使用する。</p>

<p><strong>●Docomoの癖を考慮した上でのデザイン／マークアップをする</strong><br />
・i-modeではmargin、padding、border（hrでのborder指定は可）、背景画像等は未対応です。<br />
・liにするとなにかと面倒なので、基本div,pなどの要素でレイアウトしたほうが修正など効率が良い。</p>

<p><br />
<strong>【参考サイト】</strong><br />
・モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！<br />
http://dspt.blog59.fc2.com/blog-entry-39.html<br />
・3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン<br />
http://blog.livedoor.jp/ld_directors/archives/51104376.html<br />
・携帯でCCSを用いる場合<br />
http://34567.jpn.org/study1/sakusei/css.html</p>]]>
        
    </content>
</entry>

<entry>
    <title>Amazon Web Serviceでできることのまとめ</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2009/02/amazon-web-service.php" />
    <id>tag:blog.kndb.jp,2009:/labo//3.145</id>

    <published>2009-02-14T07:53:15Z</published>
    <updated>2009-02-14T07:57:31Z</updated>

    <summary><![CDATA[&nbsp; 社内でクラウドサービスをいろいろテストしてみようということでとりあ...]]></summary>
    <author>
        <name>fuji</name>
        
    </author>
    
    <category term="amazon" label="Amazon" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="aws" label="AWS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="cloud" label="cloud" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<p>&nbsp;</p>
<p>
<p>
<p><img class="mt-image-none" height="272" alt="amazon1_amall.png" src="http://blog.kndb.jp/labo/amazon1_amall.png" width="430" /></p>
<p>社内でクラウドサービスをいろいろテストしてみようということでとりあえずAmazon WEB Serviceでできることを調べてみました。<br />探してもEC2とS3以外はなかなか情報がでてこないため簡単にまとめておきます。</p>
<p></p>
<p></p>
<p>調査対象は</p>
<p>・Amazon Elastic Compute Cloud(Amazon EC2)<br />・Amazon Simple DB<br />・Amazon Simple Storage Service(Amazon S3)<br />・Amazon CloudFront<br />・Amazon Simple Queue Service(Amazon SQS)<br />・AWS Premium Support<br />・Amazon Flexible Payments Service(Amazon FPS)<br />・Amazon DevPay<br />・Amazon Mechanical Turk<br />・Amazon Fulfillment Web Service(Amazon FWS)<br />・Amazon Associates Web Service<br />・Alexa Web Information Service<br />・Alexa Top Sites<br /><br />詳細は以下から</p>
<p>&nbsp;</p>]]>
        <![CDATA[<p>1.Amazon Elastic Compute Cloud(Amazon EC2)</p>
<p>概要:<br />・仮想専用サーバー（VPS）のホスティングサービス</p>
<p>コスト:<br />・一番安いものでサーバー利用料は$0.1/時間<br />・回線利用料はデータ転送量に応じて課金。IN:$0.1/GB～、OUT:$0.1/GB～<br />・固定IPアドレスの割り振りはサービスを利用していない間は有料。$0.01/時間</p>
<p>メリット:<br />・専用サーバーなどと異なり、必要としなくなったものについては停止すれば料金を支払わなくてすむ<br />・将来のデータ量の増加を見込む必要がない（簡単にすぐ増設できる）<br />・料金が安い<br />・稼動率99.95％のSLA(サービス品質保証契約)を提供<br />・サーバの負荷などによって柔軟に構成台数を変えることができる<br />・サーバの立ち上げが数分で可能で、AMIという設定ファイルを保存することでサーバーの複製コピーが簡単。新しいサービスを多く立ち上げるベンチャー向き<br />・必要なサーバを必要なときに必要な分だけ用意でき、必要になれば1分で調達。不要になれば1分で破棄<br />・サーバのセキュリティがあらかじめ用意されており、設定する必要がない。セキュリティレベルの選択をするだけでよい。<br />・単純にサーバを追加すればそれに比例して処理性能がアップするように設計されている</p>
<p>デメリット:<br />・通常のレンタルサーバーと比べて価格的に必ず安いわけではない（用途による）<br />・サーバをshutdownしたら、サーバのデータはすべて消滅する（rebootは大丈夫）<br />・Amazon EBSかAmazon S3を併用するのが前提<br />・サーバがアメリカとヨーロッパにあるため，日本からだと遅い（対策として「CloudFront/後述」がある）<br />・Amazonが提供するサービス自体に問題があると、不可避でトラブルに遭う<br />・仮想サーバであるため、サーバにアクセスする入り口は管理者、ユーザに関わらずひとつしかない。また、物理的な機材を追加することはできない。<br />・簡便であるが故に、無計画にサーバを増やしすぎたり、設定作業が怠慢化するワナ<br /><br /><br />2.Amazon Simple DB</p>
<p>説明:<br />・巨大で単純なデータベースサービス<br />・構造化されたデータ上でリアルタイムでquery操作が可能</p>
<p>コスト:<br />・利用料は$0.14/h<br />・データ保存に1GB当たり$1.50/monthを課金<br />・データの転送料は$0.10～$0.18/GB</p>
<p>メリット:<br />・使っただけの従量制課金<br />・アマゾンS3・EC2と緊密に連携しており、全部が一つになってクラウド内のデータセットの保存・処理・クエリー機能を提供<br />・webサービスのため導入、管理、バックアップ不要<br />・スキーマを使うことなく，データを自動的にインデックス化して管理でき、メタ情報などを付加した構造化データも扱える<br />・どちらかというと疎結合のサービス構築に向いている</p>
<p>デメリット:<br />・あまり安くはない<br />・システムやDBの初期設定、トラフィックの増大に伴うチューニングをユーザー自身でしなければならない<br />・Amazon独自のAPIでアプリケーションを作らねばならない</p>
<p><br /><br />3.Amazon Simple Storage Service(Amazon S3)</p>
<p>説明:<br />・大容量のオンラインストレージサービス<br />・ホスティング型のストレージサービスで、Webアプリケーションで利用するデータを保存できる。<br />・データ転送料／リクエスト料をデータ要求実行者に課金できる「Requester Pays Buckets」の提供を開始。</p>
<p>コスト:<br />・データ転送料は<br />　　データのupload料金が<br />　　　$0.1／GB<br />　　データdownload料金は1GB単位の従量課金で月間のトラフィックにより下記のように料金が異なる<br />　　　$0.17／月（～10TB）<br />　　　$0.13／月（～50TB）<br />　　　$0.11／月（～150TB）<br />　　　$0.1／月（150TB超）<br />・ストレージ利用料は1GB単位の従量課金で月間のトラフィックにより下記のように料金が異なる<br />　　$0.15／月（～50TB）<br />　　$0.14／月（～100TB）<br />　　$0.13／月（～500TB）<br />　　$0.12／月（500TB超）<br />・データ処理のリクエスト回数に対しても下記のように課金される<br />　$0.01／1,000回（PUT）<br />　$0.01／10,000回（GET）</p>
<p>メリット:<br />・必要なだけ使える従量課金式<br />・容量無制限でデータの増加に対し、面倒なサーバー追加の作業を行わなくてよい<br />・高トラフィックにも耐えられる<br />・Amazonインフラなので信頼性がある<br />・簡単なAPIを利用することで利用可能<br />・Amazon自身のWebサイトと同程度の信頼性を確保し、99.99％のアベイラビリティを誇る<br />・障害が発生した場合にもダウンタイムなしに復旧される</p>
<p>デメリット:<br />・APIでの提供なので何らかのツールが必要となる<br />・海外のサーバーのためそんなに速くない（対策として「CloudFront/後述」がある）<br />・ちょこちょこ使うストレージとしてみると使いづらい<br />・ファイル操作は基本GET/PUT/DELETEしか用意されていない<br />・移動・名前変更を行おうとするとGET→名前を変えてPUT→DELETEとなるのでムダがある(時間的にも金銭的にも) <br />・過去に大規模な障害に見舞われ、復旧に3時間以上がかかるというトラブルが発生した。インフラを他者に依存するリスクは存在<br /><br /><br />4.Amazon CloudFront</p>
<p>説明:<br />・CDN(Content Delivery Network)サービス<br />・一言で言うとS3用のキャッシュサーバー</p>
<p>コスト:<br />・日本のエッジセンターを利用した場合のデータ転送料課金<br />$0.220/GB &nbsp; first 10 TB / month data transfer out<br />$0.168/GB &nbsp; next 40 TB / month data transfer out<br />$0.147/GB &nbsp; next 100 TB / month data transfer out<br />$0.137/GB &nbsp; data transfer out / month over 150 TB<br />・リクエスト数課金<br />$0.013/10,000リクエスト</p>
<p>メリット:<br />・コンテンツが設置される世界14ヶ所のエッジサーバに日本も含まれている<br />・制的ファイルをキャッシュするため高速にファイルを配信することが可能</p>
<p>デメリット:<br />・オリジナルサーバー側でファイルの内容を更新あるいは削除しても、エッジサーバーには、すぐ反映されない。<br />・エッジサーバー＋ユーザー間が１回しかないと、S3-&gt;エッジサーバーの転送料＋エッジサーバー-&gt;ユーザー間の転送料がかかる。かつ転送速度も速くない。<br />・日本に置かれたサーバの料金が一番高い。<br />・自前でsquidなどを構築すればそれほどコストは変わらない可能性も</p>
<p><br /><br />5.Amazon Simple Queue Service(Amazon SQS)</p>
<p>説明:<br />・分散コンピューティングのメッセージングをおこなうWebサービス<br />・インターネット経由でデータを安全に送信するシステムを開発者に提供する<br />・開発者がAmazon.comサーバ上でホストされるキューデータ構造を作成することを可能にする</p>
<p>コスト:<br />・$0.0001/1メッセージ<br />・転送量$0.20/1G</p>
<p>メリット:<br />・キュー構造を利用することにより、世界のどこからでもアプリケーションが互いにデータ共有することができる<br />・メッセージの送信、受信は、単純な REST ベースの HTTP リクエストを使用してどこからでも行える<br />・インストールや構成が必要ない<br />・Amazon Web Services との統合性に優れている<br />・SQS が提供する認証メカニズムを使用することで、キューに入れられたメッセージを無許可のアクセスから保護することができます</p>
<p>デメリット:<br />・いまのところ特になし</p>
<p><br /><br />6.AWS Premium Support</p>
<p>説明:<br />・Amazon S3、Amazon EC2、Amazon SQSの3つのサービスに対して提供される<br />・有料サポートには、シルバーとゴールドの2種類が提供される。<br />・シルバーサポートでは、営業日中のテクニカルサポートを提供。返答までの時間は、深刻なトラブルが発生した場合には4営業時間以内、それほど深刻でない問題の場合には2営業日以内。<br />・ゴールドプランでは、24時間の電話サポートが提供される。返答までの時間は、緊急の場合には1時間以内。</p>
<p>コスト:<br />シルバーサポート<br />・月額$100<br />・Amazon Web Serviceの各種サービス利用料$1あたり$0.10<br />(の2つのうち高いほうが適用される)</p>
<p>ゴールドサポート<br />・月額$400<br />・Amazon Web Service各種サービスの利用額$1あたり$0.01～0.20<br />(の2つのうち高いほうが適用される)</p>
<p>メリット:<br />・「Service Health Dashboard」でサービスの運営状況が「緑」「黄」「赤」で表示され、トラブルか発生しているかどうかを容易に確認できる<br />・ユーザーは利用するサービスの情報を選んでRSSフィードを登録できる<br />・開発者フォーラム、テクニカルFAQ、リソースセンターを含む無償の「AWS Basic Support」は提供を継続している</p>
<p>デメリット:<br />・最近、大規模な障害が何回か発生し、こうしたWebサービスに大きな影響を与えている</p>
<p><br /><br />7.Amazon Flexible Payments Service(Amazon FPS)</p>
<p>説明:<br />・柔軟なオンライン決済サービス<br />・AmazonのWebサービスAPIを使って独自の決済サービスを構築し、自身のサイトに組み込んで、商取引や寄付の受付、定期的な支払い処理などに利用できる。</p>
<p>コスト:<br />・3月15日までにAmazon FPSに登録し、6月1日までに決済アプリケーションを立ち上げた開発者は、90日間無料で支払い処理ができる（ただし、取引額合計50万ドルまで）。<br />（※2009年2月6日現在）</p>
<p>メリット:<br />・利用には初期費用などは掛からず、取引ごとに料金を支払う<br />・Amazon FPSを使った決済サービスでは、Amazonに登録済みのユーザーは、Amazonのログイン情報や配送先情報を使って支払いをすることができる</p>
<p>デメリット:<br />・現在はlimited betaの状態</p>
<p><br /><br />8.Amazon DevPay</p>
<p>説明:<br />・Amazon EC2上で動かすサービスに対して開発者が課金する手段を提供。</p>
<p>コスト:<br />・請求金額の3.0%<br />・$0.30/請求書<br />・顧客からお金を集められなかった分については課金しない<br />・Net Liabilityという制度もある(S3/EC2の支払い金額を合わせてマイナスにならないように補填する)</p>
<p>メリット:<br />・基本料金・手数料なし<br />・付加価値の高いデータを保持する企業などは、そのデータセットを公開することで収益を上げる方法を確保できる<br />・データを公開する提供者はストレージ利用料だけ支払い、転送量に応じたトラフィック課金は発生しない</p>
<p>デメリット:<br />・現在limited betaの状態<br />・Amazon S3か、EC2を使ったアプリケーションでなければいけない(順次他のサービスも追加予定される)</p>
<p><br /><br />9.Amazon Mechanical Turk</p>
<p>説明:<br />・ソフトウェアに実行させる処理のうち、人間の方が得意と思われる単純作業を開発者がウェブ上に掲示する<br />・人的タスクをAPIとして提供</p>
<p>コスト:<br />・開発者とユーザーの仲介料として開発者に支払った対価の10％</p>
<p>メリット:<br />・非常に小額でも人を集めることができる。<br />・単なるジョブマッチングではなく、仕事そのものができてしまう「職場」になっている。<br />・Web APIによってソフトウェア連携ができる。</p>
<p>デメリット:<br />・Amazonがサービスをモニターしない不介入の姿勢をとっており、不満が依頼者に向けられる<br />・アメリカでは、労働法や税法上の問題で非難の声もある</p>
<p><br /><br />10.Amazon Fulfillment Web Service(Amazon FWS)</p>
<p>説明:<br />・企業が自社のサイトからAmazonの配送ネットワークを利用できるサービス<br />・中小企業向け受注処理サービス「Fulfillment by Amazon」用のAPI</p>
<p>コスト:<br />・Fulfillment by Amazon(有料)の提携企業に無償で提供</p>
<p>メリット:<br />・企業はオンラインを介して，Amazon.comの受注処理業務インフラを簡単に利用できる<br />・Fulfillment by Amazonの利便性を拡大し，企業が自社Webサイトあるいは販売チャネルとFulfillment by Amazonを統合して，オンラインで在庫補充や出荷要求などが可能<br />・リアルタイムで受注をAmazon.comに流し，出荷や配送追跡，在庫管理といった一連の業務を委託できる<br />・オプションで，ブランド付きラベルを用いた商品梱包も可能</p>
<p>デメリット:<br />・通常の小売と違って、仕入れを行わないため利益率が低くなる<br />・個人情報を持つことができないことが多い<br />・個人情報を持てないとリピーターの囲い込みができない<br />・手元に商品がない状態で売るため、商品のことがよくわからない<br />・配送はベンダー、サービスプロバイダ任せなので、リードタイムの管理がしづらい</p>
<p><br /><br />11.Amazon Associates Web Service</p>
<p>説明:<br />・書籍情報などを提供するAPI群<br />・Amazonの商品情報を利用して独自のEコマースサイトを作成する</p>
<p>コスト:<br />無料</p>
<p>メリット:<br />・同時にアソシエイト・プログラムに参加すれば売り上げの何パーセントかを得ることもできる<br />・自分のwebサイトに関連するAmazonの商品を宣伝することができる</p>
<p>デメリット:<br />・ECSの仕様の変更や追加が多く対応が面倒なことがある</p>
<p><br /><br />12.Alexa Web Information Service</p>
<p>説明:<br />・Alexaで提供されているWebページに関する情報を返すAPI。</p>
<p>コスト:<br />・$0.00015/1リクエスト<br />・毎月10,000リクエストまで無料</p>
<p>メリット:<br />・特定のWebサイトのトラフィックランキング、アダルトコンテンツの有無、表示スピード、関連するWebサイトのリンク集などを入手したり、そのサイトが含まれているブラウズカテゴリーを取得できる。<br />・特定のWebページから出て行くリンクと入ってくるリンクをデータとして取得できるため、そのサイトが他のサイトとどのような関連で位置しているのかをデータとして見ることができる。<br />・特定のwebサイトの今までのトラフィックデータを分析することができ、webサイトの特定のイベント時の影響を理解することができる。</p>
<p>デメリット:<br />・Alexa によるトラフィック情報は、それほど正確なものではない。しかし他に適当な指標もないことからウェブサービス同士の人気比較などに参照されるているのが現状。</p>
<p><br /><br />13.Alexa Top Sites</p>
<p>説明:<br />・AlexaのWebページトラフィックランキングの情報を返すAPI</p>
<p>コスト:<br />・URL単位課金$0.0025/1URL</p>
<p>メリット:<br />・ランキングデータは世界規模のランキング、あるいは自国のランキングの利用が可能<br />・一度に100ページの一覧ページを提供することができ、1000、5000、または100000の<br />webサイトのランキングを任意のサイズで取得することができる<br />・ランキングからアプリケーションやサービスのトレンドを意識することができる。</p>
<p>デメリット:<br />・各国語で表示されるため文字化けする。</p>
<p><br /><br />14.Alexa Site Thumbnail</p>
<p>説明:<br />・サイトのスクリーンショットを提供<br />・Webページを収集する中で同時にWebページのサムネイル画像を収集し、そのデータを有料Webサービスとして公開する</p>
<p>コスト:<br />・$0.0002/サムネイル<br />・サムネイル画像が存在しない場合には無料</p>
<p>メリット:<br />・異常に安い。100万リクエストでも$200程度<br />・一度のリクエストで複数ページのサムネイル画像を取得することが可能<br />・サイトにリンク先の情報を載せる際、URLに加えてサムネイル画像も簡単に載せることができる。</p>
<p>デメリット:<br />・ドメインのトップページのサムネイルしか得られない</p>]]>
    </content>
</entry>

<entry>
    <title>Amazon Web Services　でのアカウント作成方法</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2009/02/amazon-web-services.php" />
    <id>tag:blog.kndb.jp,2009:/labo//3.142</id>

    <published>2009-02-14T05:26:36Z</published>
    <updated>2009-02-14T06:16:56Z</updated>

    <summary>アマゾンが提供するEC２やS3を使うためには、Amazon　Web　Servic...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="amazonwebservices" label="Amazon Web Services" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ec2" label="EC2" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="s3" label="S3" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="アマゾン" label="アマゾン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<div>アマゾンが提供するEC２やS3を使うためには、Amazon　Web　Services のアカウントを作成する必要があります。以下はアカウントを作成するときの手順です。<br /><br /><b>1</b>　まず<a href="http://aws.amazon.com/">Amazon Web Services</a>にアクセスし SignUp します。<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.kndb.jp/public/img/amazon1.png"><img alt="amazon1_amall.png" src="http://blog.kndb.jp/labo/amazon1_amall.png" class="mt-image-none" style="" width="430" height="272" /></a></span><br /><b>2</b> 新規作成なのか既存ユーザなのか聞かれるので、新規作成を選択します。<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.kndb.jp/public/img/amazon2.png"><img alt="amazon2_small.png" src="http://blog.kndb.jp/labo/amazon2_small.png" class="mt-image-none" style="" width="430" height="206" /></a></span><br /></div><div><b>3 </b>メールアドレスとパスワードを入力します。<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.kndb.jp/public/img/amazon3.png"><img alt="amazon3_small.png" src="http://blog.kndb.jp/labo/amazon3_small.png" class="mt-image-none" style="" width="430" height="206" /></a></span><br /></div><div><br /><b>4 </b>住所や電話番号の個人情報を入力します。ここでは<b>Zip コードを３ケタ</b>にしないとバリデーションでエラーがでます。<br /><br /><br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.kndb.jp/public/img/amazon4.png"><img alt="amazon4_small.png" src="http://blog.kndb.jp/labo/amazon4_small.png" class="mt-image-none" style="" width="430" height="298" /></a></span><br /><b>5</b>　以上でAmazon Web Serviceのアカウントが作成できました。<br /><br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.kndb.jp/public/img/amazon5.png"><img alt="amazon5_small.png" src="http://blog.kndb.jp/labo/amazon5_small.png" class="mt-image-none" style="" width="430" height="217" /></a></span><br /></div><div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>サーバー仮想化 ~カンタンXen導入~</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2009/01/-xen.php" />
    <id>tag:blog.kndb.jp,2009:/labo//3.128</id>

    <published>2009-01-27T08:38:53Z</published>
    <updated>2009-01-27T09:33:35Z</updated>

    <summary>Xenを導入することで得られるメリットとして複数マシンを一台に集約することにより...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="centos" label="centOS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="server" label="server" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xen" label="xen" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="仮想化" label="仮想化" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="virtual.gif" src="http://blog.kndb.jp/labo/virtual.gif" class="mt-image-none" style="" width="430" height="197" /></span><br /><br />Xenを導入することで得られるメリットとして<br /><br />複数マシンを一台に集約することにより<br />-省スペース<br />-省電力<br />-管理コストの削減<br />を可能にし、かつ<br /><br />低利用率CPUを統合したり、大容量メモリを複数システムで分割共有することで<br />リソースの最適化を図ることができる。<br /><br />ということが挙げられます。<br /><br /><br />というわけで、上記のメリットを得るために実際にXenを導入してみました。<br /><br /><br />導入サーバ環境CentOS5.2<br /><br /><br />①まずXenをインストール<br /><br />yum install xen<br /><br /><br />②ドメインUをインストールする<br /><br />[root@localhost ~]# virt-install --nographics<br />↑インストールを開始する。<br />今回はCUIで利用するので --nographicsのオプションをつけました。<br /><br />What is the name of your virtual machine? vcentos<br />↑任意の仮想マシン名を決定する。<br /><br />Would you like a fully virtualized guest (yes or no)? This will allow you to run unmodified operating systems<br />↑完全仮想か準仮想かを選ぶことが出来る。準仮想にする場合は no を選択(今回はnoを選択しました)。<br /><br />How much <span class="caps"><span class="caps">RAM </span></span>should be allocated (in megabytes)?<br />↑仮想マシンへ割当てるメモリ量を決定する(単位:MB) 128で構築可能みたいですが今回は余裕をみて256と入力。<br /><br />What would you like to use as the disk (path)? /var/lib/xen/images/vcentos.img<br />↑仮想ディスクイメージのファイル名を決める。<br /><br />How large would you like the disk (/var/lib/xen/images/vcentos) to be (in gigabytes)?<br />50<br /><br />↑最低2GBくらいでシステム構築可能らしいです。<br /><br />What is the install location?<br />http://ftp.riken.jp/Linux/centos/5.2/os/i386/<br />↑仮想マシンインストールパッケージの取得先を入力する。<br /><br />ここまで入力するとインストールが始まります。<br /><br />OSのインストール画面がCUIで表示されるので、そこで自分の環境にあった環境設定を行ってください。<br /><br />ちなみに<br />カーソル移動はカーソルキーとTabで行い、選択はSPACEキー、決定はENTERキーです。<br />はじめは選択方法がわからず、少し嵌りました。。。<br /><br />インストールが終わると、rebootを要求してくるので、Rebootを選択してENTER<br /><br /><br />③ドメインUにログインする<br /><br />起動時に<br /><br />'仮想マシン名' login:<br />というプロンプトが立ち上がるので、<br />rootユーザー、パスワードはinstall時に決めたものでログインできます。<br /><br /><br />④必要最低限の使い方<br /><br />ドメイン一覧を見る<br />xm list<br /><br />ドメインOに戻る方法<br />Ctrl+]<br /><br />ドメインUへ接続<br />xm console &lt;仮想マシン名&gt;<br /><br />接続時に<br />xenconsole: Could not open tty `/dev/pts/1'<br /><br />とエラー表示され仮想マシンにつながらない場合はxenconsoledが落ちている可能性があります。<br />xenconsoledとコマンド入力した後<br />再度コンソール接続を行ってみると良いかもしれません。<br /><br /><br />⑤DomainUを削除する方法<br /><br />-仮想マシン設定ファイルを削除する<br />/etc/xen/"仮想マシン名"<br /><br />-仮想マシンインストール先のディスクイメージファイルを削除する<br />仮想マシン作成時に作成したimgファイルのこと<br />ex. /var/lib/xen/images/vcentos.img<br /><br />-上記のことを行いrebootする。<br /><br />xm listで先ほど削除したドメインUが一覧にないか確認してください。<br /><br /><br />Let's enjoy Xen!!<br /><br /><br />参考 http://centossrv.com/xen-domu-centos5.shtml <div><br /></div><div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>javascriptの様々なライブラリで便利なプラグインまとめ(テーブル編)</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2009/01/javascript.php" />
    <id>tag:blog.kndb.jp,2009:/labo//3.118</id>

    <published>2009-01-15T08:32:56Z</published>
    <updated>2009-01-16T04:47:27Z</updated>

    <summary>ソートは勿論のこと、列ごとの追加・削除、ドラッグアンドドロップでの並び替え、ペー...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="javascript" label="javascript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="jquery" label="jquery" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mootools" label="mootools" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="table" label="table" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="プラグイン" label="プラグイン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[ソートは勿論のこと、列ごとの追加・削除、ドラッグアンドドロップでの並び替え、ページ分割<br />など様々な機能を備えたjqueryのプラグイン<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="j1.png" src="http://blog.kndb.jp/labo/j1.png" class="mt-image-none" style="" width="400" height="100" /></span><br /><a href="http://maxblog.me/ajaxify/demo.php">flexgrid</a><br /><br /> <div><br />こちらも高機能でソート、並び替え、列ごとに固定が可能<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="j2.png" src="http://blog.kndb.jp/labo/j2.png" class="mt-image-none" style="" width="400" height="100" /></span><br /></div><div><a href="http://extjs.com/deploy/ext/examples/grid/from-markup.html">From Markup Grid</a><br /><br /><br />カラムごとの追加・削除、ソートが可能なyuiのプラグイン<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="j3.png" src="http://blog.kndb.jp/labo/j3.png" class="mt-image-none" style="" width="400" height="100" /></span><br /></div><div><a href="http://yuiblog.com/sandbox/yui/v222/examples/datatable/hidingColumns.php">Hiding Columns with DataTable and ContextMenu</a><br /><br /><br />実装が簡単でテーブルのソートが可能なjqueryプラグイン<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="j4.png" src="http://blog.kndb.jp/labo/j4.png" class="mt-image-none" style="" width="400" height="100" /></span><br /><a href="http://tablesorter.com/docs/">table sorter</a><br /><br /><br />こちらも実装が簡単で列のドラッグアンドドロップが可能なjqueryプラグイン<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="j5.png" src="http://blog.kndb.jp/labo/j5.png" class="mt-image-none" style="" width="400" height="100" /></span><br /></div><div><a href="http://www.danvk.org/wp/dragtable/">drag table</a><br /><br /><br />列の表示・非表示を操作できるjqueryのプラグイン<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="j6.png" src="http://blog.kndb.jp/labo/j6.png" class="mt-image-none" style="" width="400" height="100" /></span><br /></div><div><a href="http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html">jQuery columnManager plugin</a><br /><br /><br />ソート、テーブルデータの絞り込みができるmootoolsのプラグイン<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="j7.png" src="http://blog.kndb.jp/labo/j7.png" class="mt-image-none" style="" width="400" height="100" /></span><br /></div><div><a href="http://www.phatfusion.net/sortabletable/index.htm">phatfusion : sortableTable</a><br /><br /><br />行ごとのドラッグアンドドロップが可能なjqueryプラグイン<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="j8.png" src="http://blog.kndb.jp/labo/j8.png" class="mt-image-none" style="" width="400" height="100" /></span><br /></div><div><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/">Table Drag and Drop JQuery plugin</a><br /><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>Linuxをusbメモリからブートしてインストール</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2009/01/linuxusb.php" />
    <id>tag:blog.kndb.jp,2009:/labo//3.114</id>

    <published>2009-01-10T14:58:21Z</published>
    <updated>2009-01-11T00:41:59Z</updated>

    <summary>Fedora Core 10 を試してみようと思い、いつもやっているようにboo...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="fedora" label="fedora" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="linux" label="linux" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[Fedora Core 10 を試してみようと思い、いつもやっているようにbootファイルをsyslinuxを使ってusbに入れようと思っていると　<a href="http://docs.fedoraproject.org/install-guide/f10/en_US/sn-making-media.html#id3163538">Fedora LiveUSB Creater</a>　を発見した。起動してワンクリックでブートusbを作れるのでかなり便利です。<br /><br /><br /><br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="liveusb.png" src="http://blog.kndb.jp/labo/2009/01/11/liveusb.png" class="mt-image-none" style="" width="430" height="415" /></span><br /><br /><br /><br /> <div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>2009年は Django をやってみる</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2009/01/2009-python-django.php" />
    <id>tag:blog.kndb.jp,2009:/labo//3.112</id>

    <published>2009-01-08T23:51:43Z</published>
    <updated>2009-01-09T03:23:51Z</updated>

    <summary>「Django( pythonで作られたフレームワーク)はきれいにスマートにかけ...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="django" label="django" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mod_python" label="mod_python" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="python" label="python" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="開発環境" label="開発環境" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<br /><b>「Django( pythonで作られたフレームワーク)はきれいにスマートにかけますよ」</b><br /><br />という話を最近よく聞く。Google App EngineでもDjangoをサポートしているし、pythonやってみたという人もよく聞くので、もしかして流行っているかも。<br /><br />個人的な感想としてDjangoのいいところは<br /><br /><b>「Pythonで書かれているというのもあって、モデルとデータベースAPIの部分が簡単に記述できてわかりやすい」</b><br /><br />他にも良いところはありますが、それは日本語公式で（<a href="http://djangoproject.jp/doc/ja/1.0/">http://djangoproject.jp/doc/ja/1.0/</a>）。ただ、レンタルサーバなどでDjangoを使うための設定は少し面倒な気がします。（今度一度やってみますが）<br /><br />以下はDjangoの設定でつまりそうなところ<br />今回使用したサーバの環境はCentOS 5.2　Python2.5　Django-1.0.2<br /><br /><b>■Djangoインストール編</b><br /><a href="http://it.kndb.jp/entry/show/id/1096">Djangoについて</a><br /><a href="http://it.kndb.jp/entry/show/id/2439">Djangoのインストール手順</a><br /><a href="http://it.kndb.jp/entry/show/id/2448">DjangoでのMySQLの設定</a><br /><a href="http://it.kndb.jp/entry/show/id/2467">Djangoでsqliteの設定</a><br /><br /><br /><b>■Django開発編</b><br /><a href="http://it.kndb.jp/entry/show/id/1027">Djangoの開発サーバを数人で共有したい</a><br /><a href="http://it.kndb.jp/entry/show/id/1110">render_to_responseにRequestContextを指定するのが面倒くさい</a><br /><a href="http://it.kndb.jp/entry/show/id/2343">nohupを使ってDjangoのテストサーバをバックグラウンドで稼働させる方法</a><br /><br /><br /><b>■Djangoデプロイ編</b><br /><a href="http://it.kndb.jp/entry/show/id/2442">Apacheにmod_pythonをインストールして80番ポートでDjangoを動かす手順</a><br /><a href="http://it.kndb.jp/entry/show/id/2455">mod_python上のDjangoで管理画面のcssが読み込まれないときのメモ</a><br /><br /><br /><b>■その他</b><br /><a href="http://it.kndb.jp/search/django">Djangoカテゴリ</a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />]]>
        
    </content>
</entry>

<entry>
    <title>Flashでつくるシューティングゲーム</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2008/10/flash.php" />
    <id>tag:blog.kndb.jp,2008:/labo//3.55</id>

    <published>2008-10-29T15:30:15Z</published>
    <updated>2008-10-30T01:23:18Z</updated>

    <summary> ナレッジデータベースでは、通常の業務以外に作ってみたいサービスや興味のある分野...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="flash" label="Flash" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[
<div>ナレッジデータベースでは、通常の業務以外に作ってみたいサービスや興味のある分野の勉強に時間を使える制度を設けています。</div>
<div>（詳しくは広報ブログに記載）</div>
<div>&nbsp;</div>

<div>下のシューティングゲームは、その制度を利用してFlashの勉強をしたWebデザイナーが制作したものです。<br /><br />なかなか難しい・・・</div>
<div>&nbsp;</div>
<div>&nbsp;</div><embed pluginspage="http://www.adobe.com/go/getflashplayer_jp" src="http://blog.kndb.jp/labo/2008/10/30/3_01.swf" type="application/x-shockwave-flash" bgcolor="#ffffff" width="400" height="500">]]>
        
    </content>
</entry>

<entry>
    <title>デザイナーのためのフリーの素材サイト15選</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2008/10/15.php" />
    <id>tag:blog.kndb.jp,2008:/labo//3.51</id>

    <published>2008-10-28T07:23:10Z</published>
    <updated>2008-10-28T10:46:11Z</updated>

    <summary>用途別にフリーで素材がダウンロードできるサイトをまとめてみました。■ベクター素材...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[用途別にフリーで素材がダウンロードできるサイトをまとめてみました。<br /><br /><br />■ベクター素材<br /><br />Vecteezy<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img1.png" src="http://blog.kndb.jp/labo/site_img1.png" class="mt-image-none" style="" width="500" height="150" /></span><br /> <a href="http://www.vecteezy.com/">http://www.vecteezy.com/</a><br />カテゴリ別、ファイル別に絞って探すことができます。各ベクター素材のライセンスは、それぞれ異なるため個別に確認が必要です。（ライセンス別に絞って探すこともできます。）<br /><br />Vector 4 free.com<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img16.png" src="http://blog.kndb.jp/labo/site_img16.png" class="mt-image-none" style="" width="500" height="150" /></span><br /><div><a href="http://vector4free.com/">http://vector4free.com/</a><br />png、jpgファイルでのダウンロード可能なベクター素材もあります。また、各ベクター素材のライセンスは、それぞれ異なるため個別に確認が必要です。<br /><br />Vectorportal.com<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img3.png" src="http://blog.kndb.jp/labo/site_img3.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.vectorportal.com/stockvectors/">http://www.vectorportal.com/stockvectors/</a><br />Web素材としてそのまま使えそうなベクター素材がたくさんあります。<br /><br /><br />■アイコン素材<br /><br />iconeden<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img4.png" src="http://blog.kndb.jp/labo/site_img4.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.iconeden.com/icon/category/free">http://www.iconeden.com/icon/category/free</a><br />ロイヤリティーフリーで、商用でも使うことができます。<br /><br />famfamfam.com<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img17.png" src="http://blog.kndb.jp/labo/site_img17.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.famfamfam.com/lab/icons/">http://www.famfamfam.com/lab/icons/</a><br />よく見かけるアイコン素材ですね。<span id="attribution-container">使用する場合は原著作者のクレジットを表示する必要があります。</span><br /><br />instantShift<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img6.png" src="http://blog.kndb.jp/labo/site_img6.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.typenow.net/themed.htm">http://www.instantshift.com/2008/09/24/5-beautiful-icons-set-for-web-designers/</a><br />そのままWeb素材として利用できそうなアイコンがたくさんあります。<br /><br /><br />■フォント素材<br /><br />TypeNow.net<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img7.png" src="http://blog.kndb.jp/labo/site_img7.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.typenow.net/themed.htm">http://www.typenow.net/themed.htm</a><br />映画、アーティスト、企業など有名なロゴのフォントがたくさんあります。<br /><br />urbanfonts<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img8.png" src="http://blog.kndb.jp/labo/site_img8.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.urbanfonts.com/">http://www.urbanfonts.com/</a><br />国別のイメージで作られたフォントがユニークです。<br /><br />dafont<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img18.png" src="http://blog.kndb.jp/labo/site_img18.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.dafont.com/">http://www.dafont.com/</a><br />様々な字体、書体のフォントがあります。<br /></div><div><br /><br />■ブラシ素材<br /><br />Tutorial9 - Tutorial Bliss.<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img10.png" src="http://blog.kndb.jp/labo/site_img10.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.tutorial9.net/resources/free-download-dirty-spray-photoshop-brushes/">http://www.tutorial9.net/resources/free-download-dirty-spray-photoshop-brushes/</a><br />スプレータッチのブラシ素材です。<br /><br />Brusheezy<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img11.png" src="http://blog.kndb.jp/labo/site_img11.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.brusheezy.com/">http://www.brusheezy.com/</a><br />クオリティーの高いブラシ素材がたくさんあります。<br /><br />Web Resource Depot<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img12.png" src="http://blog.kndb.jp/labo/site_img12.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.webresourcesdepot.com/retro-photoshop-brushes-and-vector-images-giant-design-pack/">http://www.webresourcesdepot.com/retro-photoshop-brushes-and-vector-images-giant-design-pack/</a><br />レトロなデザインのブラシ素材がたくさんあります。また、各ブラシ素材のライセンスは、それぞれ異なるため個別に確認が必要です。<br /><br /><br />■写真素材<br /><br />フリー写真素材 Futta.NET<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img13.png" src="http://blog.kndb.jp/labo/site_img13.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.futta.net/">http://www.futta.net/</a><br />2500枚以上のフリー素材写真を無料でダウンロードできます。<br /><br />PUBLIC-DOMAIN-PHOTOS.com<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img14.png" src="http://blog.kndb.jp/labo/site_img14.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://public-domain-photos.com/">http://public-domain-photos.com/</a><br />こちらは5000枚以上のフリー素材写真を無料でダウンロードできます。<br /><br />Design-Desire - Free Photo Search<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="site_img15.png" src="http://blog.kndb.jp/labo/site_img15.png" class="mt-image-none" style="" width="500" height="150" /></span><br /></div><div><a href="http://www.design-desire.com/freephotos.html">http://www.design-desire.com/freephotos.html</a><br />フリー素材写真の検索サイトです。商用での利用はできません。<br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>vim中級者向け10のコマンド</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2008/10/vim30.php" />
    <id>tag:blog.kndb.jp,2008:/labo//3.48</id>

    <published>2008-10-27T14:17:28Z</published>
    <updated>2008-10-28T03:06:52Z</updated>

    <summary>先日のVim勉強会の中で、中級者として知っておいた方がよいコマンドをリストにしま...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="vim" label="vim" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="コマンド" label="コマンド" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="中級者" label="中級者" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="勉強会" label="勉強会" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<p>先日のVim勉強会の中で、<strong>中級者として知っておいた方がよいコマンド</strong>をリストにしました。</p>
<p>Vimの思想や理論については、下の勉強会動画をみてください。</p>
<p>それでは、以下よく使うコマンド</p>
<p>&nbsp;</p>
<p>■　<strong>zfa{&nbsp;</strong>&nbsp; カーソル位置のブロック{ }を折りたたむ。</p>
<p>　　CやPHPで見たくない関数を隠すことができます</p>
<p>■　<strong>zo&nbsp;</strong>&nbsp;&nbsp;&nbsp; 折りたたみを開く</p>
<p>&nbsp;</p>
<p><strong>折りたたみの例</strong></p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"><strong><img class="mt-image-left" style="FLOAT: left; MARGIN: 0px 20px 20px 0px" height="251" alt="sample3.png" src="http://blog.kndb.jp/labo/sample3.png" width="512" /></strong></span>&nbsp;</p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline">&nbsp;</span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span></p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"></span>■　<strong>Ctrl + v&nbsp;</strong> 短形選択</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>　　選択してからｄでコメントアウトなんかを美しく削除できます。</p>
<p>&nbsp;<strong>短形選択の例</strong></p>
<p>
<p><strong><img class="mt-image-left" style="FLOAT: left; MARGIN: 0px 20px 20px 0px" height="123" alt="sample4.png" src="http://blog.kndb.jp/labo/sample4.png" width="351" /></strong></p>
<p><strong></strong>&nbsp;</p>
<p><strong></strong>&nbsp;</p>
<p><strong></strong>&nbsp;</p>
<p><strong></strong>&nbsp;</p>
<p><strong></strong>&nbsp;</p>
<p><strong></strong>&nbsp;</p>
<p>■　<strong>:sp</strong>&nbsp; 画面を横に分割</p>
<p>■　<strong>:vsp</strong> 画面を縦に分割</p>
<p>■　<strong>Ctrl + w&nbsp;</strong> 分割したウィンドウを移動します。</p>
<p>　　h,j,k,l と組み合わせればもっと美しく移動できます。</p>
<p>&nbsp;</p>
<p><strong>ウィンドウ分割</strong></p>
<p>
<span class="mt-enclosure mt-enclosure-image" style="DISPLAY: inline"><img class="mt-image-left" style="FLOAT: left; MARGIN: 0px 20px 20px 0px" height="372" alt="sample5.png" src="http://blog.kndb.jp/labo/sample5.png" width="638" /></span>&nbsp;</p>
<p>■　<strong>q?</strong>&nbsp; (?はアルファベットならなんでもよい)　コマンドの記録を開始する。</p>
<p>　　行単位で同じ処理をする場合にかなり便利。</p>
<p>■　<strong>q&nbsp;</strong>&nbsp; コマンドの記録を終了する</p>
<p>■　<strong>@?</strong>&nbsp; 記録したコマンドを再生する。</p>
<p>&nbsp;</p>
<p>■　<strong>daw&nbsp;</strong>&nbsp;&nbsp; カーソル位置の単語を削除</p>
<p></p>
<p>　　長い変数を削除できます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>[勉強会動画]<br /></strong>&nbsp;vim勉強会　初級編&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (<a href="http://blog.kndb.jp/labo/2008/07/vim.php">http://blog.kndb.jp/labo/2008/07/vim.php</a>)<br />&nbsp;vim勉強会　中級編（前半）(<a href="http://blog.kndb.jp/labo/2008/07/vim-1.php">http://blog.kndb.jp/labo/2008/07/vim-1.php</a>)</p>
<p>&nbsp;<strong>[おすすめ書籍]<br /></strong>・<a href="http://www.amazon.co.jp/gp/product/4873110831?ie=UTF8&amp;tag=jamazon00-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4873110831">入門vi 第6版</a><img style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; MARGIN: 0px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none" height="1" alt="" src="http://www.assoc-amazon.jp/e/ir?t=jamazon00-22&amp;l=as2&amp;o=9&amp;a=4873110831" width="1" border="0" /> </p>
<p><strong>[パワーポイント資料]<br /></strong>またここにリンクをはっときます。</p>
<p>&nbsp;</p>]]>
        
    </content>
</entry>

<entry>
    <title>本社・支社間の企業ネットワーク構成（７つのVPN）</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2008/10/vpn.php" />
    <id>tag:blog.kndb.jp,2008:/labo//3.42</id>

    <published>2008-10-25T22:30:12Z</published>
    <updated>2008-10-26T02:36:23Z</updated>

    <summary>VPN（Virtual Private Network）とは、企業の拠点間を仮想...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="vpn" label="VPN" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ネットワーク" label="ネットワーク" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="メモ" label="メモ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="勉強会" label="勉強会" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<p><strong>VPN</strong>（Virtual Private Network）とは、企業の拠点間を仮想的に接続する技術のこと。</p>
<p>今では、安い端末で簡単にVPNを構築できるので、勉強会では自宅と実家をとりあえずVPNでつないでみます。</p>
<p>IT関係者なら必須の知識、そうでないひとも教養レベルでその仕組みを知っていても損はしないテーマだと思います。</p>
<p>&nbsp;</p>
<p>[目次]</p>
<p>1 VPNのいろいろ</p>
<p>2 プロトコルの詳細</p>
<p>3 今後の動向、IPv6の導入</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>とりあえずVPNについてまとめ。VPNはいろいろありますが、その中でも有名な7つです。</p>
<p>それぞれ簡単に説明します。</p>
<p>&nbsp;</p>
<p>1 広域Ethernet</p>
<p>　　タグVLANを利用する。IP-VPNよりは安価でかつ高速な仕組み。</p>
<p>　　ルーティングプロトコルにRIPやOSPFを使用することができる。</p>
<p>　　（面倒なBGP4使用しなくてよい）</p>
<p>　　&nbsp;</p>
<p>2 IPsec</p>
<p>　　現在最も利用されている。</p>
<p>　　暗号化や認証の方法が複数あり、セキュリティレベルを場合に応じで設定できる。</p>
<p>　　（AHやESPヘッダ、トランスやトンネルモード）</p>
<p>&nbsp;</p>
<p>3 SSL-VPN</p>
<p>　　アプリケーションレベルで暗号化できる。</p>
<p>　　httpsなので使う側は簡単だが、サーバへの負荷が高いので対応が必要。</p>
<p>&nbsp;</p>
<p>4 マネージドVPN</p>
<p>　　業者にすべて任せるやつ。</p>
<p>　　</p>
<p>5 IP-VPN</p>
<p>　　MPLSを使うのが特徴。通信事業者が提供しているため値段が高い。</p>
<p>　　</p>
<p>6 フレッツグループアクセス</p>
<p>　　NTTが提供しているサービス。（<a href="http://flets.com/groupaccess/index.html">http://flets.com/groupaccess/index.html</a>）</p>
<p>　　結構安いが東西をまたぐことができない。</p>
<p>&nbsp;</p>
<p>7 PPTP</p>
<p>　　Windowsに搭載されているあれ（<a href="http://e-words.jp/w/PPTP.html">http://e-words.jp/w/PPTP.html</a>）</p>
<p>　　そのままでは、暗号化されていないので</p>
<p>&nbsp;&nbsp;&nbsp; IPsecと組み合わせて使うこともある。（L2TP over IPsec）</p>
<p>　　</p>
<p>&nbsp;</p>
<p>以上、VPNについての簡単な説明。大事なのは、</p>
<p><strong>コストを抑えてセキュリティを高める技術</strong>。</p>
<p>専用線はまあ安全だけどコストがかかる。インターネットを使えば、コストは抑えられるが安全に</p>
<p>通信できるのか?&nbsp; ん～　可能な限りセキュリティを高めましょうという話。</p>
<p>&nbsp;</p>
<p>次回はそのセキュリティをどうやって高めるのかについての説明と</p>
<p>実際に安い端末でVPN構築、あとIPv6でどうなるかについて。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>]]>
        
    </content>
</entry>

<entry>
    <title>Vim勉強会　中級編（前半）</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2008/07/vim-1.php" />
    <id>tag:blog.kndb.jp,2008:/labo//3.21</id>

    <published>2008-07-30T07:15:34Z</published>
    <updated>2008-07-30T07:16:44Z</updated>

    <summary>  最強のエディタVimをちょっと使えるようになった人がさらに使いこなすための勉...</summary>
    <author>
        <name>fuji</name>
        
    </author>
    
    <category term="vim" label="Vim" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="勉強会" label="勉強会" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[ <script type="text/javascript" src="http://www.zoome.jp/swfwrite?param=de3d1686fffdf7f5db4410227ae5ae3c72836cd15f5624836123656ca048827964542f5418e0cbde0f260d09b18e2a29e6a7826e3c&width=360&height=288"></script>
<BR/ ><BR />
最強のエディタVimをちょっと使えるようになった人がさらに使いこなすための勉強会の前半。
]]>
        
    </content>
</entry>

<entry>
    <title>Vim勉強会　初級編</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2008/07/vim.php" />
    <id>tag:blog.kndb.jp,2008:/labo//3.20</id>

    <published>2008-07-30T05:41:29Z</published>
    <updated>2008-07-30T05:46:25Z</updated>

    <summary> Vimの勉強会の初級編です。だいたい30分くらいでVimの基本的な使い方を解説...</summary>
    <author>
        <name>fuji</name>
        
    </author>
    
    <category term="vim" label="Vim" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="勉強会" label="勉強会" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<script type="text/javascript" src="http://www.zoome.jp/swfwrite?param=de3d1686fffdf7f5db4410227ae5ae3c72836cd15f5624836623656ca0488279325b780418e0cbde0f260d0ab18e2a29e6a7826e3c&width=360&height=288"></script>
<BR/><BR/>
Vimの勉強会の初級編です。だいたい30分くらいでVimの基本的な使い方を解説。]]>
        
    </content>
</entry>

<entry>
    <title>vistaにcolinuxで開発環境をつくる</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2008/07/vistacolinux-1.php" />
    <id>tag:blog.kndb.jp,2008:/labo//3.17</id>

    <published>2008-07-20T03:08:44Z</published>
    <updated>2008-07-21T06:42:01Z</updated>

    <summary>colinuxのバージョン0.7.3をvistaにインストールして、ローカルの開...</summary>
    <author>
        <name>labo</name>
        
    </author>
    
    <category term="開発環境　colinux　fedora" label="開発環境　colinux　Fedora" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<p>colinuxのバージョン0.7.3をvistaにインストールして、ローカルの開発環境をつくる手順です。</p>
<p>ディストリはfedora7を選択しました。</p>
<p> </p><a href="#aaa">1 colinuxのインストール</a><br /><a href="#bbb">2 confファイルの設定</a> <br /><a href="#ccc">3 ネットワークの設定</a> <br /><a href="#ddd">4 Windowsサービスへの登録</a><br />
<p> </p><a name="aaa"><strong>1  colinuxのインストール</strong> 
<p></p>
<p>まずは</a><a href="http://www.colinux.org/">colinux</a>からインストーラをダウンロードする。</p>
<p>今回はすべてデフォルトの設定でインストールしました。（ディストリビューションはFedoraを選択）</p>
<p> </p>
<p>インストール後、フォルダの中にFedora-7-xxxxxx.exe がダウンロードされているので</p>
<p>ダブルクリックして実行する。（このときStart-Fedora-7.bat が作成される。）</p>
<p> </p><a name="bbb"> <strong>2 conf ファイルの設定</strong></a> 
<p>Start-Fedora-7.bat に"eth1=tuntap"を下記のように追加する。</p>
<p>eth0=slirp,,tcp:5901:5900 eth1=tuntap ro<br /></p>
<p>これでeth0は外へeth1はローカルとなる。</p>
<p> </p><a name="ccc"><strong>3 ネットワークの設定</strong></a> 
<p>FedoraとWindowsのネットワークの設定を行う。</p>
<p>3.1　fedoraのネットワーク</p>
<p># vi /etc/sysconfig/network-scripts/ifcfg-eth1<br /></p>
<p>DEVICE=eth1<br />TYPE=Ethernet<br />ONBOOT=yes<br />IPADDR=192.168.1.2<br />BROADCAST=192.168.1.255<br />NETWORK=192.168.1.0<br />NETMASK=255.255.255.0<br />GATWEAY=192.168.1.1<br /></p>
<p># service network restart</p>
<p>3.2 Windowsのネットワーク設定</p>
<p>Windows側ではeth1=tuntapの設定を追加したので、「ネットワーク接続」のウィンドウには</p>
<p>「ローカルエリア接続２」のアイコンが作成されている。</p>
<p> </p>
<p>このプロパティからIPを以下のように編集する。</p>
<p>IPアドレス 192.168.1.1</p>
<p>サブネットマスク　255.255.255.0</p>
<p> </p>
<p>設定をしたら再起動して、Windowsのコマンドプロンプトからネットワークが通っているか確認する。</p>
<p>ping 192.168.1.2</p>
<p>で応答があればOK</p>
<p> </p><a name="ddd"><strong>4　Windowsサービスへの登録</strong></a> 
<p>Start-Fedora-7.bat を毎回ダブルクリックするのは面倒なうえに、ウィンドウが２つも立ち上がって</p>
<p>しまうので、Winowsのサービスとして電源ON時にバックエンドで自動的にFedoraが起動するように設定する。</p>
<p> </p>
<p>まずはインストールしたディレクトリにfedora.conf をつくり、Start-Fedora-7.bat のオプションの部分（"colinux-daemon.exe" 以外）をコピーする。コマンドプロンプトでインストールディレクトリに入り、下記コマンドを実行する。</p>
<p> </p>
<p>colinux-daemon.exe @fedora.conf --install-service</p>
<p> </p>
<p>コントロールパネルの「管理ツール」から「サービス」を選択しスタートアップの種類を自動にする。</p>
<p> </p>
<p>1~4によりパソコンを起動すると、Fedoraが自動で起動する。</p>]]>
        
    </content>
</entry>

<entry>
    <title>プログラマが生産性を上げるためにoperaを使うべき11の理由</title>
    <link rel="alternate" type="text/html" href="http://blog.kndb.jp/labo/2008/07/opera11.php" />
    <id>tag:blog.kndb.jp,2008:/labo//3.14</id>

    <published>2008-07-20T00:50:51Z</published>
    <updated>2008-07-21T12:13:06Z</updated>

    <summary>プログラマとかだとfirefoxを使ってる人が多いと思いますがナレッジデータベー...</summary>
    <author>
        <name>fuji</name>
        
    </author>
    
    <category term="javascript" label="javascript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="opera" label="opera" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="tips" label="tips" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.kndb.jp/labo/">
        <![CDATA[<p><font style="FONT-SIZE: 1em">プログラマとかだとfirefoxを使ってる人が多いと思いますがナレッジデータベースでは昔からoperaを社内の公式ブラウザとして採用しています。<br /></font></p>
<p><font style="FONT-SIZE: 1em">理由は以下。</font></p>
<p>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">１.カスタマイズなしに早い<br /></font>firefoxユーザーがよくそれ「firefoxでもできるよ」というケースはほとんどがアドオンを追加したりabout:configを変更したりするものです。<br />そのような作業をすることで得られる効率と、なにもいじらなくても得られる効率では後者のほうが削減時間の絶対値が多いことがほとんどです。<br />なので多くのケースではoperaを使うほうが合理的です。</p>
<p><font style="FONT-SIZE: 1.25em"></font>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">２.高セキュリティ<br /></font>IE向けの攻撃とは無縁です。<br />ユーザーが少ないためセキュリティホールをつかれることも少ないですし。セキュリティ関係のアップデートも比較的早いです。</p>
<p><font style="FONT-SIZE: 1.25em"></font>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">３.FireBug相当の機能がデフォルトで入っている<br /></font>Firefox のアドオンのなかでも、人気の高いFireBugに類する機能のDragonFlyが、Operaにはデフォルトで実装されています（9.5以降）</p>
<p>（関連）<a href="http://it.kndb.jp/entry/show/id/2331" show http: it.kndb.jp entry 2331?>OperaでFireBug相当の機能を使う方法</a></p>
<p><font style="FONT-SIZE: 1.25em"></font>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">４．開発者向けツールがデフォルトで充実している<br /></font>Drafonfly以外にも、開発者向けのツールがデフォルトで実装されています。</p>
<p>（関連）<a href="http://it.kndb.jp/entry/show/id/2332">Operaに実装されている開発者向けツール一覧</a></p>
<p><font style="FONT-SIZE: 1.25em"></font>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">５.使える履歴検索<br /></font>アドレスバーをGoogleツールバーと同様に使うと、履歴検索が可能になります。<br />文字をアドレスバーに入力するだけで履歴のページ全体から拾ってくれるので、「こないだみたサイトＵＲＬなんだっけな」って時に非常に使えます。</p>
<p><br /><font style="FONT-SIZE: 1.25em">６.充実したショートカットキー<br /><font style="FONT-SIZE: 0.8em">opera 9.5以降は設定を行うことでそれ以前まで利用できたキーボードショートカットを利用することができます。</font></font><font style="FONT-SIZE: 1.25em"><font style="FONT-SIZE: 0.8em">（参考）<a href="http://it.kndb.jp/entry/show/id/2327">Operaを使いこなすために最低限必要な2つの設定<br /></a></font></font><font style="FONT-SIZE: 1.25em"><br /></font>タブを作成：Ctrl+T<br />右のタブへ移動：（フォーカスがブラウザ画面で）「２」打鍵<br />左のタブへ移動：（フォーカスがブラウザ画面で）「１」打鍵<br />戻る：（フォーカスがブラウザ画面で）「ｚ」打鍵<br />進む：（フォーカスがブラウザ画面で）「ｘ」打鍵<br />任意の&lt;a&gt;タグにフォーカスをあてる：「a」打鍵<br />クリックできるものなら、どこでも移動：shift+方向キー<br />Ctrl+Shift+クリック：リンク先をバックグラウンドで新しいタブに開く<br />（アイコンを画像の上にもっ来て）Ctrl+クリック：画像をダウンロードして保存</p>
<p>戻る進むがzxキーで操作できるのは、左利きユーザにはうれしいです。</p>
<p>（関連）<a href="http://it.kndb.jp/entry/show/id/2322">Opera マウス操作無しでブラウザ画面にフォーカスする方法</a>、<a href="http://it.kndb.jp/entry/show/id/2326">Opera マウス操作無しで「新しいタブを作成する」方法</a>、<a href="http://it.kndb.jp/entry/show/id/2324">Opera マウス操作無しで「右のタブに行く」方法</a> 、<a href="http://it.kndb.jp/entry/show/id/2317">Opera マウス操作無しで「左のタブに行く」方法</a>、<a href="http://it.kndb.jp/entry/show/id/2319">Opera マウス操作無しで「戻る」方法</a> 、<a href="http://it.kndb.jp/entry/show/id/2325">Opera マウス操作無しで「進む」方法</a>、<a href="http://it.kndb.jp/entry/show/id/2321">右クリック操作なしで画像を保存する方法</a> 、<a href="http://it.kndb.jp/entry/show/id/2320">Opera マウス操作無しでリンクをバックグラウンドの新規タブで開く方法</a>、<a href="http://it.kndb.jp/entry/show/id/2322">Opera マウス操作無しでブラウザ画面にフォーカスする方法</a></p>
<p><br /><font style="FONT-SIZE: 1.25em">７.携帯＆Wiiブラウザの表示確認<br /></font>PCブラウザとしてのシェアは少ないOperaですが、Wiiのデフォルトブラウザに使われていたり、ケータイブラウザのシェアは高いです。直接PC版operaで表示するわけではありませんがwiiやモバイルコンテンツを開発する際にOperaの特徴を知っておいたほうが役に立ちます。</p>
<p><br /><font style="FONT-SIZE: 1.25em">８.スピードダイヤル<br /></font>新規タブを立ち上げたときに出てくる最初のページです。所定の位置にURLを書き込むだけで、サムネイル付きリンクが自動生成されます。軽いので、快適に使えます。<br />この機能だけでoperaを使う価値があると思います。<br /><font style="FONT-SIZE: 1.25em"></font>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">９.高機能RSSリーダー<br /></font>Operaに実装されているRSSリーダーが、非常によくできています。</p>
<p>特徴としては<br />１．購読記事のなかから、検索をかける事ができる。<br />２．動作が軽い<br />３．UIがいい</p>
<p>などがあります。</p>
<p>（関連）<a href="http://it.kndb.jp/entry/show/id/2334">OperaのRSSリーダを使ってみた</a></p>
<p><br /><font style="FONT-SIZE: 1.25em">１０.デフォルトでUser.jsが利用できる<br /></font>Greasemonkeyなんかをインストールしなくてもそのまま同様のUser.jsを利用することができます。<br /><font style="FONT-SIZE: 1.25em"></font>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">１１.gmailが1.7倍速で使える<br /></font>Operaのメーラー：M2をGmailのメーラーとして使うと、Gmailをそのまま使うより、1.7倍は速くなります。<br />UIなどのユーザビリティを考えると、体感速度は10倍以上違います。</p>
<p>（関連）<a href="http://it.kndb.jp/entry/show/id/2333">OperaでGmailを1.7倍速くする方法</a></p>
<p>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">番外編.javascriptで不具合が起こりやすい<br /><font style="FONT-SIZE: 0.8em">javascriptでブラウザ互換の問題が発生した場合はたいがいoperaでその異常は発生しますw<br />そのためoperaを使っていればそうしたケースに非常に気付きやすいです。</font></font></p>
<p>&nbsp;</p>
<p><font style="FONT-SIZE: 1.25em">追記：2008.07.20.15：30<br />一部作成中の段階の間違った記事の内容がそのまま出ていた部分を修正しました。</font></p>
<p><font style="FONT-SIZE: 1.25em">&nbsp;</font></p>]]>
        
    </content>
</entry>

</feed>
