<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
   <channel>
      <title>sarusaruworld lab</title>
      <link>http://lab.sarusaruworld.com/</link>
      <description>Web Lab</description>
      <language>ja</language>
      <copyright>Copyright 2008</copyright>
      <lastBuildDate>Sat, 20 Sep 2008 15:42:37 +0900</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

      
      <item>
         <title>livedoor Clip＆Reader用ブックマークレット for iPhone/iPod touch</title>
         <description><![CDATA[<p>
    <img title="ライブドアクリップ用ブックマークレット for iPhone/iPod Touch" height="180" alt="livedoor Clip＆Reader用ブックマークレット for iPhone/iPod touch" hspace="0" src="http://lab.sarusaruworld.com/BW_Upload/iPhone_livedoor_title.jpg" width="460" border="0" /><br />
    ご要望にお応えして、「<a title="" href="http://lab.sarusaruworld.com/web_service/_for_iphone.html" target="_blank">はてなブックマーク用ブックマークレット for iPhone</a>」の、livedoor クリップ版をリリースしてみました。
</p>
<p>
    まったく同じだと、手間がかからなすぎるので、livedoor Reader用の機能も追加しています（悪くないようであれば、はてなの方にもつけようかと）。 <br />
</p>
<p>
    【機能＆特徴】<br />
    iPhone/iPod touchのSafariで見ているページの"上"に、以下のボタンを表示させるブックマークレット。
</p>
<dl>
    <dt>
        bookmark
    </dt>
    <dd>
        見ているページを、livedoorクリップへ追加するボタン
    </dd>
    <dt>
        comment
    </dt>
    <dd>
        見ているページの、livedoorクリップのコメントを表示するボタン　※画面遷移なし
    </dd>
    <dt>
        about
    </dt>
    <dd>
        見ているページの、詳細ページへ移動するボタン
    </dd>
    <dt>
        subscribe
    </dt>
    <dd>
        見ているページを、livedoor Readerへフィードを追加するボタン
    </dd>
    <dt>
        my feed
    </dt>
    <dd>
        livedoor Readerのマイページへ移動するボタン
    </dd>
    <dt>
        livedoor
    </dt>
    <dd>
        livedoor.comへ移動するボタン
    </dd>
    <dt>
        sarusaruBookmarklet
    </dt>
    <dd>
        【おまけ】<a title="" href="http://lab.sarusaruworld.com/web_service/_for_iphone_ipod_touch.html" target="_blank">まとめブックマークレット</a>を表示するボタン　※ここ経由で「<a title="" href="http://lab.sarusaruworld.com/web_service/_for_iphone.html" target="_blank">はてブ</a>」の方も呼び出せる
    </dd>
</dl>
<p align="left">
    <br />
    【画面イメージ】<br />
    ※黒い部分をクリックすると、画面が閉じます。
</p>
<p align="left">
    <img title="画面イメージ" height="300" alt="画面イメージ" src="http://lab.sarusaruworld.com/BW_Upload/tm_iPhone_livedoor.jpg" width="200" border="0" /><br />
</p>
<p align="left">
    【登録について】
</p>
<p>
    ・<a title="" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/iPhone_livedoor.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())" target="_blank">livedoorBookmarklet.iPhone</a>（Safariで登録するかた用）<br />
    ・<a title="" href="http://bookmark.sarusaruworld.com/iPhone_livedoor.html?javascript:void((function(){var e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/iPhone_livedoor.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())" target="_blank">livedoorBookmarklet.iPhone</a>（iPhone / iPod touchで登録するかた用）
</p>
<p>
    <br />
    ほかにも、del.ici.ouse、Yahooブックマークのも作ってほしい、と言われているので、近々やってみようと思います。でも、コメント表示させるAPIがなさそうな雰囲気ダ。
</p>
<p>
    「こんなで良ければ」と、なるべく応えるようにしようと思います。ただ、全体における、"広告バナーに負けるところ"とかを、ナントカしたい気がする日々。 メールもらった皆さん一通りに、お応えしたあと、なんか、考えますか。</p><ul>
</ul>]]></description>
         <link>http://lab.sarusaruworld.com/web_service/livedoor_clipreader_for_iphone.html</link>
         <guid>http://lab.sarusaruworld.com/web_service/livedoor_clipreader_for_iphone.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">10)Web Service</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">iPhone</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">livedoor</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">SBM</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">ブックマークレット</category>
        
         <pubDate>Sat, 20 Sep 2008 15:42:37 +0900</pubDate>
      </item>
      
      <item>
         <title>画面遷移せず、リンク先を表示させるブックマークレット for iPhone / iPod touch</title>
         <description><![CDATA[<p>
    <img title="lightboxみたいな感じで" height="180" alt="lightboxみたいな感じで" src="http://lab.sarusaruworld.com/BW_Upload/080915.jpg" width="460" border="0" /><br />
    ちょっとリンク先を見に行っただけでも、戻る同時にリロードするiPhoneのSafariに絶望し、例の「<a title="" href="http://lab.sarusaruworld.com/web_service/_for_iphone_ipod_touch.html" target="_blank">ブックマークレットをまとめたブックマークレット</a>」に、「Lightboxよろしく、画面遷移なしでリンク先のページを表示する機能」を追加しました。
</p>
<p>
    ホットエントリーは、ネイティブアプリの「<a title="" href="http://d.hatena.ne.jp/KishikawaKatsumi/20080914/1221382821" target="_blank">はてな touch</a>」が、かなりいい感じ！なのでケースバイケースですが、「<a title="" href="http://netamichelin.blog68.fc2.com/" target="_blank">ねたミシュラン</a>」とか、画像のリンクを見ていくときにはかなり便利になります。お試しあれあれ。
</p>
<br />
    【機能＆特徴】
<ul>
    <li>・リンク先のページを、画面遷移なしで表示させることができる
    </li>
    <li>・画面遷移させないことによって、リロード待ちをしなくて済む
    </li>
</ul>

<br />
<p>
    【画面イメージ】<br />
    <img title="photo.jpg" height="300" alt="photo.jpg" src="http://lab.sarusaruworld.com/BW_Upload/tm_photo.jpg" width="200" border="0" />　<img title="iPhone 232.png" height="300" alt="iPhone 232.png" src="http://lab.sarusaruworld.com/BW_Upload/tm_iPhone%20232.png" width="200" border="0" /><br />
    1. まず、リンク先の画像やWebサイトが、気になる場面に遭遇する<br />
    <br />
    <br />
    <img title="iPhone 233.png" height="300" alt="iPhone 233.png" src="http://lab.sarusaruworld.com/BW_Upload/tm_iPhone%20233.png" width="200" border="0" />　<img title="bt_displayMobile.jpg" height="70" alt="bt_displayMobile.jpg" src="http://lab.sarusaruworld.com/BW_Upload/bt_displayMobile.jpg" width="70" border="0" /><br />
    2. 「<a title="" href="http://lab.sarusaruworld.com/web_service/_for_iphone_ipod_touch.html" target="_blank">ブックマークレットをまとめたブックマークレット</a>」を呼び出し、右下「ポップアップリンク」を選択する<br />
    <br />
    <br />
    <img title="iPhone 229.png" height="300" alt="iPhone 229.png" src="http://lab.sarusaruworld.com/BW_Upload/tm_iPhone%20229.png" width="200" border="0" />　<img title="photo2.jpg" height="300" alt="photo2.jpg" src="http://lab.sarusaruworld.com/BW_Upload/tm_photo2.jpg" width="200" border="0" /><br />
    3. ページ内のリンクに、ポップアップ用リンク「<img alt="" src="http://bookmark.sarusaruworld.com/i/images/icon_popup.gif" style="border:none;margin:1px;padding:1px;" />」が表示される<br />
    <br />
    <br />
    <img title="iPhone 228.png" height="300" alt="iPhone 228.png" src="http://lab.sarusaruworld.com/BW_Upload/tm_iPhone%20228.png" width="200" border="0" />　<img title="iPhone 230.png" height="300" alt="iPhone 230.png" src="http://lab.sarusaruworld.com/BW_Upload/tm_iPhone%20230.png" width="200" border="0" /><br />
    4.&nbsp;&nbsp;「<img alt="" src="http://bookmark.sarusaruworld.com/i/images/icon_popup.gif" style="border:none;margin:1px;padding:1px;" />」をクリックすると、ページ内に別ページが呼び出される<br />
    <br />
    5. 「<img height="24" alt="" src="http://bookmark.sarusaruworld.com/i/images/bt_d_Popup_close.png" style="border:none;margin:1px;padding:1px;" width="24" />」 もしくは、暗くなっているところをクリックすると、消える
</p>
<br />
<p>
    【登録について】<br />
    ・<a title="" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/iPhone_sarusaru.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())" target="_blank">sarusaruBookmarklet.iPhone</a>（Safariで登録するかた用）<br />
    ・<a title="" href="http://bookmark.sarusaruworld.com/iPhone_sarusaru.html?javascript:void((function(){var e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/iPhone_sarusaru.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())" target="_blank">sarusaruBookmarklet.iPhone</a>（iPhone / iPod touchで登録するかた用）<br />
</p>
<p>
    <br />
    軽快な2.1になってから、iPhoneでWebを見ることが増えてきた。目の前にPCがあったりするんだけど、次のアクション（出かける、とか）が縛られないので、無意識にiPhoneを選んでいるようす。恐るべし・・・ユビキタス！
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_service/post_8.html</link>
         <guid>http://lab.sarusaruworld.com/web_service/post_8.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">10)Web Service</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">iPhone</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">ブックマークレット</category>
        
         <pubDate>Mon, 15 Sep 2008 00:02:20 +0900</pubDate>
      </item>
      
      <item>
         <title>ブックマークレットをまとめたブックマークレット for iPhone /  iPod touch</title>
         <description><![CDATA[<p>
    <img title="ブックまー暮れtお" height="180" alt="ブックマークレットをまとめたブックマークレット for iPhone /  iPod touch" hspace="0" src="http://lab.sarusaruworld.com/BW_Upload/bookmaklet.jpg" width="460" border="0" /><br />
    先日、なんの気なしに掲載してみた、「<a title="" href="http://lab.sarusaruworld.com/web_service/_for_iphone.html" target="_blank">はてなブックマーク用ブックマークレット for iPhone</a>」ですが、予想以上に反響を頂きました。ありがとうございます。
</p>
<p>
    調子に乗って、もうひとつ。自分＋友人用に使っていたツールがあるので、公開してみました（※見た目、なんとかしたい）。
</p>
<p>
    PC版でやってみて、泣かず飛ばずだった、「ブックマークレットをまとめたブックマークレット」のiPhone版。名づけて「sarusaruBookmarklet for iPhone / iPod touch」です！（さるさるさるさる・・・。我ながら、そろそろウザい・・・）。
</p><br />
【特徴＆メリット】
<ul>
    <li>・ひとつのブックマークレットから、様々な機能が呼び出せる（らくちん）
    </li>
    <li>・iPhone / iPod touchのブックマークが、ブックマークレットで埋め尽くされないで済む（やったぜ）
    </li>
    <li>・随時、機能の追加が行われる（できる範囲で、こんちくしょう）
    </li>
    <li>・はてブ用ブックマークレットとも連携している（どっちかひとつ登録すれば良いぜ）<br />
        　※はてブの方を登録しているかたは、右下の「sarusaruBookmarklet」のボタンで呼び出せます
    </li>
</ul><br />
【機能一覧】
<ul>
    <li>・Google検索
    </li>
    <li>・Googleイメージ検索
    </li>
    <li>・Yahoo検索
    </li>
    <li>・Amazon検索
    </li>
    <li>・Wikipedia検索
    </li>
    <li>・価格.com検索<br />
    </li>
    <li>・リンクサイズ拡大　（見ているページの、リンクボタンを押しやすく）
    </li>
    <li>・文字サイズ拡大　　（見ているページの、文字のサイズを大きく）
    </li>
    <li>・CSSを無効に　（見ているページの、スタイルシートを無効に）
    </li>
    <li>・英和翻訳　（見ているページを、Google英和翻訳につっこむ）
    </li>
    <li>・携帯サイト変換（見ているページを、Google携帯サイト変換につっこむ）
    </li>
    <li>・はてブメニュー（はてブブックマークレットを呼び出す）<br />
        ※随時、追加予定
    </li>
</ul><br />
【画面イメージ】
<p>
    <img title="画面イメージ" height="300" alt="画面イメージ" src="http://lab.sarusaruworld.com/BW_Upload/tm_photo.jpg.jpg" width="200" border="0" />
</p><br />
【登録について】
<p>
    ・<a title="" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/iPhone_sarusaru.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())" target="_blank">sarusaruBookmarklet.iPhone</a>（Safariで登録するかた用）<br />
    ・<a title="" href="http://bookmark.sarusaruworld.com/iPhone_sarusaru.html?javascript:void((function(){var e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/iPhone_sarusaru.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())" target="_blank">sarusaruBookmarklet.iPhone</a>（iPhone / iPod touchで登録するかた用）<br />
</p>
<p>
    他にも便利そうなブックマークレットがあるのですが、今は、自分で書いたものしか使っていません。徐々に、掲載をお願いしたり、自分なりに書いたりして、拡充しようと思っとります。
</p>
<p>
    ※はてブの方もそうだけど、サイトによってはレイヤが下になったりする・・・なんとかしよう。今度。
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_service/_for_iphone_ipod_touch.html</link>
         <guid>http://lab.sarusaruworld.com/web_service/_for_iphone_ipod_touch.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">10)Web Service</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">iPhone</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">ブックマークレット</category>
        
         <pubDate>Sun, 07 Sep 2008 18:59:30 +0900</pubDate>
      </item>
      
      <item>
         <title>「Google Spreadsheetでメールフォーム」を試した</title>
         <description><![CDATA[<p>
    <img title="titile.jpg" height="180" alt="titile.jpg" src="http://lab.sarusaruworld.com/BW_Upload/titile.jpg" width="460" border="0" /><br />
    いまさら感も漂いますが、気になっていたのでGoogleのSpreadsheetのフォーム機能を試してみました。Blogでアンケートしたい、などというライトなシーンにはジャストフィット。3分で作れます。ちなみに、Googleアカウントを持っていない方でも、回答することはできます。&nbsp;うーむ、ナイス。
</p>
<hr />
<p>
    <strong>1.Googleアカウントを作成し、ログインする</strong><br />
    　※アカウントを持っていない方は<a title="" href="https://www.google.com/accounts/NewAccount?service=writely&amp;continue=http%3A%2F%2Fdocs.google.com%2Fthanks.htm%3Fafter%3Dhttp%3A%2F%2Fdocs.google.com%2F&amp;followup=http%3A%2F%2Fdocs.google.com%2Fthanks.htm%3Fafter%3Dhttp%3A%2F%2Fdocs.google.com%2F" target="_blank">こちら</a>へ
</p>
<hr />
<p>
    <strong>2.</strong><a title="" href="http://docs.google.com/" target="_blank"><strong>Googleドキュメント</strong></a><strong>にアクセス</strong>
</p>
<hr />
<p>
    <strong>3.新規作成から「フォーム」を選択</strong><br />
    <img title="001.jpg" height="180" alt="001.jpg" src="http://lab.sarusaruworld.com/BW_Upload/001_1.jpg" width="460" border="0" />
</p>
<hr />
<p>
    <strong>4.質問内容を設定する</strong><br />
    　4-1.「フォームのタイトル」を設定<br />
    　4-2.「フォームの説明」を設定<br />
    　4-3.「各質問（質問タイトル／補足文／回答方式／必須項目」を設定<br />
    　4-4.必要に応じて、質問の追加（左上）＆順番の入替えを行います（各質問のD＆Dで入替）<br />
    　4-5.保存する（右上）<br />
    　4-6.フォームURLを控える（ページ最下部）<br />
    　※必要に応じて「その他の操作」から、「埋め込み」や、完了画面のコメント編集を行う<br />
    <img title="002.jpg" height="411" alt="002.jpg" src="http://lab.sarusaruworld.com/BW_Upload/002_1.jpg" width="460" border="0" />
</p>
<hr />
<p>
    <strong>5.ドキュメントトップで、保存されているか確認</strong><br />
    <img title="003.jpg" height="242" alt="003.jpg" src="http://lab.sarusaruworld.com/BW_Upload/003.jpg" width="460" border="0" />
</p>
<hr />
<p>
    <strong>6.ドキュメント内に、フォーム項目ができているか確認</strong><br />
    　※ここに、入力されたデータが記録されていきます<br />
    <img title="004.jpg" height="194" alt="004.jpg" src="http://lab.sarusaruworld.com/BW_Upload/004.jpg" width="460" border="0" />
</p>
<hr />
<p>
    <strong>7.通知メールが必要な場合は、右上の「共有」タブから、オプションを設定<br /></strong><img title="005.jpg" height="315" alt="005.jpg" src="http://lab.sarusaruworld.com/BW_Upload/005.jpg" width="460" border="0" />
</p>
<hr />
<p>
    <br />
    Googleってスゲーな、ということで、とてもザックリとまとめました。sarusaruMailFormも、どうぞよろしく（笑）。
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_creative/google_spreadsheet.html</link>
         <guid>http://lab.sarusaruworld.com/web_creative/google_spreadsheet.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">20)Web Creative</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">Google</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">メールフォーム</category>
        
         <pubDate>Sun, 07 Sep 2008 12:07:57 +0900</pubDate>
      </item>
      
      <item>
         <title>はてなブックマーク用ブックマークレット for iPhone</title>
         <description><![CDATA[<p>
    <img title="はてなブックマーク　ブックマークレット for iPhone" height="180" alt="はてなブックマーク　ブックマークレット for iPhone" src="http://lab.sarusaruworld.com/bw_uploads/IMG_00022.jpg" width="460" border="0" /><br />
    自分用ブックマークレットだったのですが、友達に見せたところ「はよ、載せろ」と言われたので載せます。
</p>
<p>
    "はてブユーザー"で、かつ"iPhoneユーザー"という、ごく限られた人にしか、使えもしないという、超ニッチ（？）ツールなので、ほとんどの方はスルーかもしれません。ご容赦を。
</p>
<p>
    機能＆特徴は以下のとおり、シンプルです。
</p>
<ul>
    <li>
        <div align="left">
            ・「はてブへ追加する（bookmark）」のリンクを表示
        </div>
    </li>
    <li>
        <div align="left">
            ・「はてブの詳細ページ（about）」へのリンクボタン表示　※なんて言うの？これ
        </div>
    </li>
    <li>
        <div align="left">
            ・はてブのコメントを表示（comment）　※画面遷移なし
        </div>
    </li>
    <li>
        <div align="left">
            ・被はてブ数の表示　※画面遷移なし
        </div>
    </li>
</ul>
<p align="left">
    <br />
    上記を、ひとつのブックマークレットでやりますよ、for　iPhone Safari。
</p>
<p align="left">
    <br />
    画面イメージはこんな感じ（※うっすら、下のサイトが透けて見えます） 。<br />
    黒い部分をクリックすると、画面が閉じます。
</p>
<p align="left">
    <img title="はてなブックマーク　ブックマークレット for iPhone" height="300" alt="はてなブックマーク　ブックマークレット for iPhone" src="http://lab.sarusaruworld.com/bw_uploads/IMG_0007.jpg" width="200" border="0" />
</p>
<p align="left">
    ・<a title="" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/iPhone_hatena.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())" target="_blank">hateb.iPhone</a>（Safariで登録するかた用）<br />
    ・<a title="" href="http://bookmark.sarusaruworld.com/iPhone_hatena.html?javascript:void((function(){var e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/iPhone_hatena.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())" target="_blank">hateb.iPhone</a>（iPhoneで登録するかた用）
</p>
<p align="left">
    ご要望があれば、はてなRSSの登録ボタンの追加なり、なんなりする用意はありますよ！こちらには！どんと来やがれ、こんちくしょう。できる範囲で、こんちくしょう。
</p>
<p align="left">
    手前ミソですが、なかなか手放せないツールになりつつあります。
</p>
<p align="left">
    はてブコメントが画面遷移なしで見れるのが良い！ちなみにiPhoneがすぐ再読み込みに行くの、なんとかならんかのぅ。&nbsp;
</p>
<p align="left">
    ※追記<br />
    関連ブックマークレット「<a title="" href="http://lab.sarusaruworld.com/web_service/_for_iphone_ipod_touch.html" target="_blank">ブックマークレットをまとめたブックマークレット for iPhone / iPod touch</a>」も公開しました（09/07）
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_service/_for_iphone.html</link>
         <guid>http://lab.sarusaruworld.com/web_service/_for_iphone.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">10)Web Service</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">iPhone</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">SBM</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">はてブ</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">ブックマークレット</category>
        
         <pubDate>Fri, 29 Aug 2008 23:15:43 +0900</pubDate>
      </item>
      
      <item>
         <title>静岡県東部におけるWeb勉強会</title>
         <description><![CDATA[<p>
    <img title="Web勉強会080809" height="180" alt="Web勉強会080809" src="http://lab.sarusaruworld.com/bw_uploads/V2VildeLrYnvMDgwODA5IDA2NQ_2.jpg" width="460" border="0" /><br />
    「<a title="" href="http://www.google.co.jp/search?q=%E4%B8%89%E5%B3%B6%E5%B8%82%E3%80%80%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E5%88%B6%E4%BD%9C&amp;sourceid=navclient-ff&amp;ie=UTF-8&amp;rlz=1B3GGGL_jaJP226JP226" target="_blank">三島市　ホームページ制作</a>(*1)」とGoogleで検索すると1位なのに、屋号の「<a title="" href="http://www.google.co.jp/search?hl=ja&amp;rlz=1B3GGGL_jaJP226JP226&amp;q=%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%82%B7%E3%82%B9%E3%83%88&amp;btnG=%E6%A4%9C%E7%B4%A2&amp;lr=" target="_blank">デジタルアシスト</a>」で検索すると7位という、興味深いWeb制作プロダクションの「<strong><a title="" href="http://www.digital-assist.net/" target="_blank">デジタルアシスト</a></strong>」さん主催の勉強会に参加してきた。
</p>
<p>
    静岡県東部におけるWeb関連の方々が10人強が集まった。都内では、毎週、なにかしら開かれている勉強会だが、地元での開催はとても珍しい。なかなか横の繋がりを作れる機会もないので、こういう場は大切に育てて行きたい。（※継続して開催していくことになったので、静岡東部で興味がある方はデジタルアシストさんまで）。
</p>
<p>
    やはり、ナショナルクライアントや、対象顧客が多い都内とくらべて、地方におけるWebサイトの活用提案は難しい。エリア検索がまだ浸透していない今、情報格差がもたらす影響はまだまだ大きく、「Google Street View」のような、リアルと連動させられそうなネタには目を光らせておく必要がある。
</p>
<p>
    いま、地方の中小企業に必要なのは、「ＩＴリテラシー」でも、「便利なツール」でもなく、間違いなく「成功体験」。なんとか、「演出」していきたいものだ。<br />
</p>
<p>
    *1 ・・・ 「Webサイト制作」としたいところだが、「ホームページ制作」の方が、検索実績で3倍ぐらい多いのですよ
</p>]]></description>
         <link>http://lab.sarusaruworld.com/others/web_3.html</link>
         <guid>http://lab.sarusaruworld.com/others/web_3.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">99)Others</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">勉強会</category>
        
         <pubDate>Sun, 10 Aug 2008 03:13:53 +0900</pubDate>
      </item>
      
      <item>
         <title>sarusaruMailForm0.95 - 画像アップロード追加</title>
         <description><![CDATA[<p>
    <a href="http://www.flickr.com/photos/pinksherbet/2177961471/" target="_blank"><img title="sarusaruMailForm 0.95" height="180" alt="sarusaruMailForm 0.95" src="http://lab.sarusaruworld.com/bw_uploads/lryPzJaikN2S6C0x_7.jpg" width="460" border="0" /></a><br />
    色々とご要望を頂き、画像のアップロード機能を追加しました。
</p>
<dl>
    <dt>
        formImageFile(項目名,必須フラグ,追加属性);
    </dt>
    <dd>
        画像のアップロード機能の追加（※JPG / GIF / PNGのみ）<br />
        ※添付ファイルとしての送信ではなく、指定ディレクトリへのアップロード<br />
        ※&lt;form&gt;属性に「enctype="multipart/form-data"」の追加を行ってください
    </dd>
</dl>
<p>
    <br />
    基本的な使い方は以前のままですが、念のため以下に再掲載。<br />
</p>
<p>
    【使い方】<br />
    ①入力フォーム用のHTMLファイルを用意する<br />
    ②ライブラリを読み込む<br />
    　　※ファイル先頭で以下のように読み込みます
</p>
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
</blockquote>
<p>
    <br />
    ③&lt;form&gt;タグ直下にcheckStatus() 、&lt;/form&gt;タグ直前にfromSubmit()を設定<br />
</p>
<blockquote>
    <p>
        &lt;form action="this.php" method="POST"&gt;<br />
        &lt;?php checkStatus();?&gt;<br />
        　　・<br />
        　　・<br />
        　　・　<br />
        　　・<br />
        &lt;?php foｒmSubmit();?&gt;<br />
        &lt;/form&gt;<br />
    </p>
</blockquote>
<p>
    <br />
    ④&lt;input&gt;タグ類を以下の関数に差し替える<br />
    ⑤拡張子を.phpにして保存。 ※PHPが動作する状態であればOK<br />
    ⑥完了
</p>
<p>
    ※送信先のメールアドレス等の設定「sarusaruMailForm_conf.php」で行うことができます。<br />
</p>【関数】<br />
<dl>
    <dt>
        formText(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;input type="text"&gt; を生成する
    </dd>
    <dt>
        formTextarea(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;textarea&gt;を生成する<br />
        ※行数等は引数[追加属性]で指定可能
    </dd>
    <dt>
        formRadio(項目名,追加属性)
    </dt>
    <dd>
        &lt;input type="radio"&gt;を生成する<br />
        ※項目は直前に　配列「list」に格納する
    </dd>
    <dt>
        formCheck(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;input type="radio"&gt;を生成する<br />
        ※項目は直前に　配列「list」に格納する
    </dd>
    <dt>
        formSelectMultiple(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;select multiple&gt;を生成する
    </dd>
    <dt>
        formSelect(項目名,追加属性)
    </dt>
    <dd>
        &lt;select&gt;を生成する
    </dd>
    <dt>
        formImageFile(項目名,必須フラグ,追加属性);
    </dt>
    <dd>
        画像のアップロード機能の追加（※JPG / GIF / PNGのみ）<br />
        ※添付ファイルとしての送信ではなく、指定ディレクトリへのアップロード
    </dd>
    <dt>
        formPost(項目名,必須フラグ)
    </dt>
    <dd>
        4桁 - 3桁の郵便番号入力欄を生成する
    </dd>
    <dt>
        formPref(項目名,追加属性)
    </dt>
    <dd>
        都道府県のプルダウンを生成する
    </dd>
    <dt>
        formNameKanji(項目名,必須フラグ)
    </dt>
    <dd>
        姓・名の入力欄を生成する
    </dd>
    <dt>
        formNameKana(項目名,必須フラグ)
    </dt>
    <dd>
        セイ・メイの入力欄を生成する
    </dd>
    <dt>
        formMail(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        メールアドレスの入力欄を生成する<br />
        ※自動返信機能を使う為にはこのフォームは必ず設置すること
    </dd>
    <dt>
        formBirthDay(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        年・月・日の誕生日のプルダウンを生成する
    </dd>
    <dt>
        inputComment(コメント)<br />
    </dt>
    <dd>
        入力状態の時のみコメントを表示する
    </dd>
    <dt>
        confirmComment(コメント)
    </dt>
    <dd>
        最終確認の時のみコメントを表示する
    </dd>
    <dt>
        checkStatus()
    </dt>
    <dd>
        ステータス管理関数<br />
        お約束事として&lt;form&gt;タグ直下に設置
    </dd>
    <dt>
        foｒmSubmit()
    </dt>
    <dd>
        送信ボタン生成<br />
        お約束事として&lt;/form&gt;直前に設置
    </dd>
</dl><br />
<br />
【オプション機能】<br />
※設定ファイル内のフラグでON/OFFする<br />
<dl>
    <dt>
        自動返信機能
    </dt>
    <dd>
        送信者に内容確認メールを自動返信する
    </dd>
    <dt>
        CSVファイル保存
    </dt>
    <dd>
        送信された内容をカンマ区切りにしてテキスト保存<br />
    </dd>
</dl><br />
<br />
【サンプル】<br />
以下のソースだけで、項目１つのメールフォームが作れる。<br />
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
    <font color="#C0C0C0">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;</font><br />
    <br />
    <font color="#C0C0C0">&lt;form action="index.php" method="POST"&gt;</font><br />
    &lt;?php checkStatus();?&gt;<br />
    <br />
    ■名前 ： &lt;?php formNameKanji('氏名','1'); ?&gt;<br />
    <br />
    &lt;?php formSubmit();?&gt;<br />
    <font color="#C0C0C0">&lt;/form&gt;<br />
    <br />
    &lt;/body&gt;&lt;/html&gt;</font><br />
</blockquote>
<p>
    <br />
    たとえば１つ項目を増やす場合はこうなる
</p>
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
    <font color="#C0C0C0">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;<br /></font><br />
    <font color="#C0C0C0">&lt;form action="index.php" method="POST"&gt;</font><br />
    &lt;?php checkStatus();?&gt;<br />
    <br />
    ■名前 ： &lt;?php formNameKanji('氏名','1'); ?&gt;&lt;br /&gt;<br />
    <strong>■感想 ： &lt;?php formText('感想','1',''); ?&gt;</strong><br />
    <br />
    &lt;?php formSubmit();?&gt;<br />
    <font color="#C0C0C0">&lt;/form&gt;<br />
    <br />
    &lt;/body&gt;&lt;/html&gt;<br /></font>
</blockquote>
<p>
    <br />
    その他もろもろ盛り込んだサンプル<br />
    ・<a title="" href="http://lab.sarusaruworld.com/form/s2m0.95/sample.php" target="_blank">動作サンプル</a>&nbsp;（<a title="" href="http://lab.sarusaruworld.com/form/s2m0.95/sample.txt" target="_blank">ソース</a>）<br />
</p>
<p>
    【ダウンロード】<br />
    ・<a title="" href="http://lab.sarusaruworld.com/form/s2m0.95/sarusaruMailForm0.95.zip" target="_blank">sarusaruMailForm</a> (Ver 0.95)
</p>
<p>
    <br />
    【その他】<br />
    ・heteml / ロリポで動いている。※たぶんPHPは動けばほぼ動く。<br />
    ・商用利用をされる場合は、<a href="mailto:info@sarusaruworld.com">info@sarusaruworld.com</a>&nbsp;までご一報ください。<br />
</p>
<p>
    <br />
    以前の記事はこちら(Ver. 0.9)。<br />
    <a title="" href="http://lab.sarusaruworld.com/web_creative/sarusarumailform09.html" target="_blank">sarusaruMailForm0.9 - 再編集機能追加</a>
</p>
<p>
    以前の記事はこちら(Ver. 0.85)。<br />
    <a title="" href="http://lab.sarusaruworld.com/web_creative/sarusarumailform_html.html" target="_blank">sarusaruMailForm - HTMLに関数を埋め込むだけで簡単に作れるメールフォーム</a>
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_creative/sarusarumailform095.html</link>
         <guid>http://lab.sarusaruworld.com/web_creative/sarusarumailform095.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">20)Web Creative</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">PHP</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">sarusaruMailform</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">メールフォーム</category>
        
         <pubDate>Mon, 11 Feb 2008 09:51:24 +0900</pubDate>
      </item>
      
      <item>
         <title>sarusaruMailForm0.9 - 再編集機能追加</title>
         <description><![CDATA[<p>
    <a href="http://www.flickr.com/photos/lyrical/45805450/" target="_blank"><img title="sarusaruMailForm0.9" height="180" alt="sarusaruMailForm0.9" src="http://lab.sarusaruworld.com/bw_uploads/lryPzJaikN2S6C0z_2.jpg" width="460" border="0" /></a>
<br />
    ※【追記】新しいVerを<a title="" href="http://lab.sarusaruworld.com/web_creative/sarusarumailform095.html" target="_blank">こちら</a>で公開しています
</p>
<p>
    sarusaruMailFormですが、各方面から色々と反響を頂きましてちょっと手を加えました。
</p>
<p>
    変更内容は以下の通りです。<br />
    ・一度確定した項目の再編集機能を追加<br />
    ・メールアドレス欄の簡易チェックを追加
</p>
<p>
    <br />
    基本的な使い方は以前のままですが、念のため以下に再掲載。<br />
</p>
<p>
    【使い方】<br />
    ①入力フォーム用のHTMLファイルを用意する<br />
    ②ライブラリを読み込む<br />
    　　※ファイル先頭で以下のように読み込みます
</p>
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
</blockquote>
<p>
    <br />
    ③&lt;form&gt;タグ直下にcheckStatus() 、&lt;/form&gt;タグ直前にfromSubmit()を設定<br />
</p>
<blockquote>
    <p>
        &lt;form action="this.php" method="POST"&gt;<br />
        &lt;?php checkStatus();?&gt;<br />
        　　・<br />
        　　・<br />
        　　・　<br />
        　　・<br />
        &lt;?php foｒmSubmit();?&gt;<br />
        &lt;/form&gt;<br />
    </p>
</blockquote>
<p>
    <br />
    ④&lt;input&gt;タグ類を以下の関数に差し替える<br />
    ⑤拡張子を.phpにして保存。 ※PHPが動作する状態であればOK<br />
    ⑥完了
</p>
<p>
    ※送信先のメールアドレス等の設定「sarusaruMailForm_conf.php」で行うことができます。<br />
</p>
<p>
    【関数】
</p>
<dl>
    <dt>
        formText(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;input type="text"&gt; を生成する
    </dd>
    <dt>
        formTextarea(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;textarea&gt;を生成する<br />
        ※行数等は引数[追加属性]で指定可能
    </dd>
    <dt>
        formRadio(項目名,追加属性)
    </dt>
    <dd>
        &lt;input type="radio"&gt;を生成する<br />
        ※項目は直前に　配列「list」に格納する
    </dd>
    <dt>
        formCheck(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;input type="radio"&gt;を生成する<br />
        ※項目は直前に　配列「list」に格納する
    </dd>
    <dt>
        formSelectMultiple(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;select multiple&gt;を生成する
    </dd>
    <dt>
        formSelect(項目名,追加属性)
    </dt>
    <dd>
        &lt;select&gt;を生成する
    </dd>
    <dt>
        formPost(項目名,必須フラグ)
    </dt>
    <dd>
        4桁3桁の郵便番号入力欄を生成する
    </dd>
    <dt>
        formPref(項目名,追加属性)
    </dt>
    <dd>
        都道府県のプルダウンを生成する
    </dd>
    <dt>
        formNameKanji(項目名,必須フラグ)
    </dt>
    <dd>
        姓・名の入力欄を生成する
    </dd>
    <dt>
        formNameKana(項目名,必須フラグ)
    </dt>
    <dd>
        セイ・メイの入力欄を生成する
    </dd>
    <dt>
        formMail(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        メールアドレスの入力欄を生成する<br />
        ※自動返信機能を使う為にはこのフォームは必ず設置すること
    </dd>
    <dt>
        formBirthDay(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        年・月・日の誕生日のプルダウンを生成する
    </dd>
    <dt>
        inputComment(コメント)<br />
    </dt>
    <dd>
        入力状態の時のみコメントを表示する
    </dd>
    <dt>
        confirmComment(コメント)
    </dt>
    <dd>
        最終確認の時のみコメントを表示する
    </dd>
    <dt>
        checkStatus()
    </dt>
    <dd>
        ステータス管理関数<br />
        お約束事として&lt;form&gt;タグ直下に設置
    </dd>
    <dt>
        foｒmSubmit()
    </dt>
    <dd>
        送信ボタン生成<br />
        お約束事として&lt;/form&gt;直前に設置
    </dd>
</dl>
<p>
    <br />
    【オプション機能】<br />
    ※設定ファイル内のフラグでON/OFFする
</p>
<dl>
    <dt>
        自動返信機能
    </dt>
    <dd>
        送信者に内容確認メールを自動返信する
    </dd>
    <dt>
        CSVファイル保存
    </dt>
    <dd>
        送信された内容をカンマ区切りにしてテキスト保存<br />
    </dd>
</dl>
<p>
    <br />
    【サンプル】<br />
    <br />
    以下のソースだけで、項目１つのメールフォームが作れる。
</p>
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
    <font color="#C0C0C0">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;</font><br />
    <br />
    <font color="#C0C0C0">&lt;form action="index.php" method="POST"&gt;</font><br />
    &lt;?php checkStatus();?&gt;<br />
    <br />
    ■名前 ： &lt;?php formNameKanji('氏名','1'); ?&gt;<br />
    <br />
    &lt;?php formSubmit();?&gt;<br />
    <font color="#C0C0C0">&lt;/form&gt;<br />
    <br />
    &lt;/body&gt;&lt;/html&gt;</font><br />
</blockquote>
<p>
    <br />
    たとえば１つ項目を増やす場合はこうなる
</p>
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
    <font color="#C0C0C0">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;<br /></font><br />
    <font color="#C0C0C0">&lt;form action="index.php" method="POST"&gt;</font><br />
    &lt;?php checkStatus();?&gt;<br />
    <br />
    ■名前 ： &lt;?php formNameKanji('氏名','1'); ?&gt;&lt;br /&gt;<br />
    <strong>■感想 ： &lt;?php formText('感想','1',''); ?&gt;</strong><br />
    <br />
    &lt;?php formSubmit();?&gt;<br />
    <font color="#C0C0C0">&lt;/form&gt;<br />
    <br />
    &lt;/body&gt;&lt;/html&gt;<br /></font>
</blockquote>
<p>
    <br />
    その他もろもろ盛り込んだサンプル<br />
    ・<a title="" href="http://lab.sarusaruworld.com/form/s2m0.9/sample.php" target="_blank">動作サンプル</a>&nbsp;（<a title="" href="http://lab.sarusaruworld.com/form/s2m0.9/sample.txt" target="_blank">ソース</a>）<br />
</p>
<p>
    【ダウンロード】<br />
    ・<a title="" href="http://lab.sarusaruworld.com/form/s2m0.9/sarusaruMailForm0.90.zip" target="_blank">sarusaruMailForm</a> (Ver 0.9)
</p>
<p>
    <br />
    【その他】<br />
    ・heteml / ロリポで動いている。※たぶんPHPは動けばほぼ動く。<br />
    ・商用利用をされる場合は、<a href="mailto:info@sarusaruworld.com">info@sarusaruworld.com</a>&nbsp;までご一報ください。<br />
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_creative/sarusarumailform09.html</link>
         <guid>http://lab.sarusaruworld.com/web_creative/sarusarumailform09.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">20)Web Creative</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">PHP</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">sarusaruMailform</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">メールフォーム</category>
        
         <pubDate>Sun, 03 Feb 2008 11:43:32 +0900</pubDate>
      </item>
      
      <item>
         <title>sarusaruMailForm - HTMLに関数を埋め込むだけで簡単に作れるメールフォーム</title>
         <description><![CDATA[<p>
    <a href="http://flickr.com/photos/bitzi/293673587/" target="_blank"><img title="sarusaruMailForm" height="180" alt="sarusaruMailForm" src="http://lab.sarusaruworld.com/bw_uploads/lryPzJaikN2S6C0x.png" width="460" border="0" /></a><br />
    ※【追記】新しいVerを<a title="" href="http://lab.sarusaruworld.com/web_creative/sarusarumailform095.html" target="_blank">こちら</a>で公開しています
</p>
<p>
    Webサイト制作を行うと、ほぼ必ず必要となるメールフォーム。
</p>
<p>
    たまに自分でやっつけようと思うと、毎回毎回地味に手間がかかる。<br />
    なんだか無意識レベルでストレスだな、と感じて1年前ぐらいにライブラリ（？）にした。
</p>
<p>
    しばらく忘れていたのだが、ちょっと引っ張り出す機会があったので公開。&nbsp;
</p>
<p>
    <img title="" height="310" alt="" hspace="0" src="http://lab.sarusaruworld.com/bw_uploads/080112.gif" width="350" align="left" border="0" />
</p>
<p>
    <br clear="both" />
    一般的なメールフォームはこんなイメージだろうか。
</p>
<p>
    【地味に手間がかかる理由】<br />
    ・フォーム項目が変わると、都度「入力」「確認」「送信」の繋ぎを調整する必要がある<br />
    　※仕様の途中変更があった場合も、ちょっと嫌<br />
    ・必須項目のチェックとかが必要<br />
    ・PerlやPHP内でのHTMLソースの管理が面倒<br />
    　※Dreamweaverのライブラリとかも適用しにくい<br />
</p>
<p>
    上げ連ねただけで、なんとも煩わしい。あー嫌だ嫌だ。<br />
</p>
<p>
    結局、項目の管理を「ページ単位」でやる事が問題なんだと思い至り<br />
    各項目をFlashのMCのような感覚で、各 input タグが自走するようなものを作ってみた。
</p>
<p>
    <img title="" height="310" alt="" src="http://lab.sarusaruworld.com/bw_uploads/0801122.gif" width="350" border="0" /><br />
    使い方はとても簡単で、基本的に&lt;input&gt;タグ類を関数に置き換えるだけで動作する。<br />
    <br />
    <br />
</p>
<p>
    【使い方】<br />
    ①入力フォーム用のHTMLファイルを用意する<br />
    ②ライブラリを読み込む<br />
    　　※ファイル先頭で以下のように読み込みます
</p>
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
</blockquote>
<p>
    <br />
    ③&lt;form&gt;タグ直下にcheckStatus() 、&lt;/form&gt;タグ直前にfromSubmit()を設定<br />
</p>
<blockquote>
    <p>
        &lt;form action="this.php" method="POST"&gt;<br />
        &lt;?php checkStatus();?&gt;<br />
        　　・<br />
        　　・<br />
        　　・　<br />
        　　・<br />
        &lt;?php foｒmSubmit();?&gt;<br />
        &lt;/form&gt;<br />
    </p>
</blockquote>
<p>
    <br />
    ④&lt;input&gt;タグ類を以下の関数に差し替える<br />
    ⑤拡張子を.phpにして保存。<br />
    ⑥完了<br />
    <br />
    一旦完了してしまえば、後は&lt;form&gt;内に関数を足したり引いたりするだけ。<br />
</p>
<p>
    【関数】
</p>
<dl>
    <dt>
        formText(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;input type="text"&gt; を生成する
    </dd>
    <dt>
        formTextarea(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;textarea&gt;を生成する<br />
        ※行数等は引数[追加属性]で指定可能
    </dd>
    <dt>
        formRadio(項目名,追加属性)
    </dt>
    <dd>
        &lt;input type="radio"&gt;を生成する<br />
        ※項目は直前に　配列「list」に格納する
    </dd>
    <dt>
        formCheck(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;input type="radio"&gt;を生成する<br />
        ※項目は直前に　配列「list」に格納する
    </dd>
    <dt>
        formSelectMultiple(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        &lt;select multiple&gt;を生成する
    </dd>
    <dt>
        formSelect(項目名,追加属性)
    </dt>
    <dd>
        &lt;select&gt;を生成する
    </dd>
    <dt>
        formPost(項目名,必須フラグ)
    </dt>
    <dd>
        4桁3桁の郵便番号入力欄を生成する
    </dd>
    <dt>
        formPref(項目名,追加属性)
    </dt>
    <dd>
        都道府県のプルダウンを生成する
    </dd>
    <dt>
        formNameKanji(項目名,必須フラグ)
    </dt>
    <dd>
        姓・名の入力欄を生成する
    </dd>
    <dt>
        formNameKana(項目名,必須フラグ)
    </dt>
    <dd>
        セイ・メイの入力欄を生成する
    </dd>
    <dt>
        formMail(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        メールアドレスの入力欄を生成する<br />
        ※自動返信機能を使う為にはこのフォームは必ず設置すること
    </dd>
    <dt>
        formBirthDay(項目名,必須フラグ,追加属性)
    </dt>
    <dd>
        年・月・日の誕生日のプルダウンを生成する
    </dd>
    <dt>
        checkStatus()
    </dt>
    <dd>
        ステータス管理関数<br />
        お約束事として&lt;form&gt;タグ直下に設置
    </dd>
    <dt>
        foｒmSubmit()
    </dt>
    <dd>
        送信ボタン生成<br />
        お約束事として&lt;/form&gt;直前に設置
    </dd>
</dl>
<p>
    <br />
    【オプション機能】<br />
    ※設定ファイル内のフラグでON/OFFする
</p>
<dl>
    <dt>
        自動返信機能
    </dt>
    <dd>
        送信者に内容確認メールを自動返信する
    </dd>
    <dt>
        CSVファイル保存
    </dt>
    <dd>
        送信された内容をカンマ区切りにしてテキスト保存<br />
    </dd>
</dl>
<p>
    <br />
    【サンプル】<br />
    <br />
    以下のソースだけで、項目１つのメールフォームが作れる。
</p>
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
    <font color="#C0C0C0">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;</font><br />
    <br />
    <font color="#C0C0C0">&lt;form action="index.php" method="POST"&gt;</font><br />
    &lt;?php checkStatus();?&gt;<br />
    <br />
    ■名前 ： &lt;?php formNameKanji('氏名','1'); ?&gt;<br />
    <br />
    &lt;?php formSubmit();?&gt;<br />
    <font color="#C0C0C0">&lt;/form&gt;<br />
    <br />
    &lt;/body&gt;&lt;/html&gt;</font><br />
</blockquote>
<p>
    <br />
    たとえば１つ項目を増やす場合はこうなる
</p>
<blockquote>
    &lt;?php<br />
    require './sarusaruMailForm_conf.php';&nbsp;//設定ファイル<br />
    require './sarusaruMailForm_lib.php';&nbsp;//ライブラリ<br />
    ?&gt;<br />
    <font color="#C0C0C0">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;<br /></font><br />
    <font color="#C0C0C0">&lt;form action="index.php" method="POST"&gt;</font><br />
    &lt;?php checkStatus();?&gt;<br />
    <br />
    ■名前 ： &lt;?php formNameKanji('氏名','1'); ?&gt;&lt;br /&gt;<br />
    <strong>■感想 ： &lt;?php formText('感想','1',''); ?&gt;</strong><br />
    <br />
    &lt;?php formSubmit();?&gt;<br />
    <font color="#C0C0C0">&lt;/form&gt;<br />
    <br />
    &lt;/body&gt;&lt;/html&gt;<br /></font>
</blockquote>
<p>
    <br />
    その他もろもろ盛り込んだサンプル<br />
    ・<a title="" href="http://lab.sarusaruworld.com/form/sample.php" target="_blank">動作サンプル</a>&nbsp;（<a title="" href="http://lab.sarusaruworld.com/form/sample.txt" target="_blank">ソース</a>）<br />
</p>
<p>
    【ダウンロード】<br />
    ・<a title="" href="http://lab.sarusaruworld.com/form/sarusaruMailForm0.85.zip" target="_blank">sarusaruMailForm</a>
</p>
<p>
    <br />
    【その他】<br />
    ・heteml / ロリポで動いている。たぶんPHPは動けばほぼ動く。<br />
    ・商用利用をされる場合は、ご一報くださいませ。<br />
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_creative/sarusarumailform_html.html</link>
         <guid>http://lab.sarusaruworld.com/web_creative/sarusarumailform_html.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">20)Web Creative</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">PHP</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">sarusaruMailform</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">メールフォーム</category>
        
         <pubDate>Sun, 13 Jan 2008 01:02:18 +0900</pubDate>
      </item>
      
      <item>
         <title>Webサービスにおける破壊的イノベーションについて考えてみる</title>
         <description><![CDATA[<p>
    <a href="http://flickr.com/photos/jamesjordan/660583916/" target="_blank"><img title="イノベーション" height="180" alt="イノベーション" src="http://lab.sarusaruworld.com/bw_uploads/blog071221.jpg" width="460" border="0" /></a><br />
    顧客満足度を高め続け、成長し続ける宿命を背負った企業よろしく、<br />
    多くのWebサービスは、機能の追加・改善を常に求められ続ける。
</p>
<p>
    最初は友達集めと日記を書くだけだったサービスが、いつの間にか写真管理ができて、音楽管理ができて、ニュースが見れたあげく、いろんな検索ができるようになる。
</p>
<p>
    真摯にユーザーの事を考えたサービスであればあるほど、機能の向上・追加は当然の事として行われる。そして厄介な事に、一度実装してしまったその機能を削除する事は難しい。つまり、肥大化は避けられない。そして、いつかは主流顧客の満足を越えた多機能サービスとして破壊的イノベーションの対象となってしまうのだ。
</p>
<p>
    恐らくではあるが、きっとこの考えは間違っていない。<br />
    どうだろう。<br />
</p>
<p>
    新しいサービスを考えて、あわよくばダシヌイテやろうという身なので、だとすれば次。<br />
    そもそも価格の勝負が仕掛けにくいWebサービスにおいて、主流顧客が求める次の価値とは何か、を考えてみる。
</p>
<p>
    彼らがWebサービスを利用するにあたって、支払っている一番の対価は何か。
</p>
<p>
    恐らく「時間」だ。
</p>
<p>
    インターネットを使う多くの人は、会社から帰って数時間しかない自分の時間で、Webサイト、画像、映像等々、玉石混交の膨大な情報から、自分を満足させるものを選択しなくてはならない。<br />
    <br />
    情報を探す、マニュアルを読む、デモを見てみる、会員登録する、これらの時間を支払う対価として成果を期待する。<br />
    そして支払った対価以上の成果を得られれば満足する。
</p>
<p>
    つまり、次の価値は「効率」と言ってもいい。
</p>
<p>
    <br />
    ワンストップで様々なサービスが提供される大きなWebサービスが、機能の肥大化によって、その効率の良さを失った時、スイッチングコストの低い、単機能・シンプルな（もしくはそう見える）Webサービスによって足元から崩されていく事は十分考え得る。
</p>
<p>
    その切り崩していく単機能は、”全く新しい何か”ではなく、<br />
    どこかの大きなWebサービスが内包している機能のひとつである可能性が高い。<br />
    そして、これを見つけ出すのって難しい事ではない気がする。<br />
</p>
<p>
    どうだろう。
</p>
<p>
    &nbsp;
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_service/web_2.html</link>
         <guid>http://lab.sarusaruworld.com/web_service/web_2.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">10)Web Service</category>
        
        
         <pubDate>Fri, 21 Dec 2007 03:41:38 +0900</pubDate>
      </item>
      
      <item>
         <title>QRコードと一緒にURLも書こうぜ、フツーに</title>
         <description><![CDATA[<p>
    <a href="http://flickr.com/photos/whoisstan/415594538/" target="_blank"><img title="QRコードだけでは足りないのさ" height="180" alt="QRコードだけでは足りないのさ" src="http://lab.sarusaruworld.com/bw_uploads/blog071211b.jpg" width="460" border="0" /></a><br />
    <a class="bookmark" href="http://d.hatena.ne.jp/fromdusktildawn/20071209/1197232409" target="_blank">「好きを貫く」</a>、結構。<br />
    <a title="" href="http://coliss.com/articles/build-websites/operation/design/676.html" target="_blank">汚れた感じがカッコイイフォント</a>、結構。<br />
    <a class="bookmark" href="http://anond.hatelabo.jp/20071209202029" target="_blank">今の彼女にどうやって別れを告げるかを考えてる</a>、結構。<br />
</p>
<p>
    とりあえず、もぅ、なんでもいいから、<br />
    Webサイト作る人は、QRコードの下にURLを書いてくれ。
</p>
<p>
    <br />
    「ケータイサイトへアクセス！！」
</p>
<p>
    　　- アクセスできないんです。<br />
</p>
<p>
    「今すぐ、アクセス」
</p>
<p>
    　　- だから、できないんですってば。<br />
</p>
<p>
    <br />
    くやしかったのでmixiコミュニティ作った。
</p>
<p>
    <a title="" href="http://mixi.jp/view_community.pl?id=2878922" target="_blank">QRコードだけじゃなくURLも</a>
</p>]]></description>
         <link>http://lab.sarusaruworld.com/web_creative/qrurl.html</link>
         <guid>http://lab.sarusaruworld.com/web_creative/qrurl.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">20)Web Creative</category>
        
        
         <pubDate>Tue, 11 Dec 2007 01:08:22 +0900</pubDate>
      </item>
      
      <item>
         <title>はてなブックマーク　サービス＆ツール関係まとめ</title>
         <description><![CDATA[2008年に向けて、はてなブックマーク関連のサービス＆ツール関係をまとめた。<br />
　※Greesmonkeyは使っていないので省略<br />
<h3>【オフィシャル】</h3>
<ul><li>・はてなのオフィシャルツール類</li></ul>
<dl>
<dt><a title="はてな 便利なツール" href="http://www.hatena.ne.jp/tool/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.hatena.ne.jp/tool/" width="90" height="90" style="border:none" align="right">はてな 便利なツール</a><a href="http://b.hatena.ne.jp/entry/http://www.hatena.ne.jp/tool/"><img src="http://b.hatena.ne.jp/entry/image/http://www.hatena.ne.jp/tool/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>オフィシャルの便利ツール。ツールバーやグリモンやブックマークレット等々。<br clear="all" /><br clear="all"></dd>
<dt><a title="注目のエントリーを登録ユーザー数で検索" href="http://b.hatena.ne.jp/entry/849570" target="_blank"><img src="http://img.simpleapi.net/small/http://b.hatena.ne.jp/entry/849570" width="90" height="90" style="border:none" align="right">注目のエントリーを登録ユーザー数で検索</a><a href="http://b.hatena.ne.jp/entry/http://b.hatena.ne.jp/entry/849570"><img src="http://b.hatena.ne.jp/entry/image/http://b.hatena.ne.jp/entry/849570" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>注目のエントリーの閾値を変更できます。ホットエントリーほど浮かび上がっていない注目のエントリーをピックアップできます。RSS登録もできる。結構便利。オフィシャル。<br clear="all"></dd>
<dt><a title="注目のエントリーを登録ユーザー数で検索" href="http://b.hatena.ne.jp/entry/849570" target="_blank"><img src="http://img.simpleapi.net/small/http://b.hatena.ne.jp/entry/849570" width="90" height="90" style="border:none" align="right">注目のエントリーを登録ユーザー数で検索</a><a href="http://b.hatena.ne.jp/entry/http://b.hatena.ne.jp/entry/849570"><img src="http://b.hatena.ne.jp/entry/image/http://b.hatena.ne.jp/entry/849570" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>注目のエントリーの閾値を変更できます。ホットエントリーほど浮かび上がっていない注目のエントリーをピックアップできます。RSS登録もできる。結構便利。オフィシャル。<br clear="all"></dd>
<dt><a title="はてなブックマーク - セットアップ" href="http://b.hatena.ne.jp/register" target="_blank"><img src="http://img.simpleapi.net/small/http://b.hatena.ne.jp/register" width="90" height="90" style="border:none" align="right">はてなブックマーク - セットアップ</a><a href="http://b.hatena.ne.jp/entry/http://b.hatena.ne.jp/register"><img src="http://b.hatena.ne.jp/entry/image/http://b.hatena.ne.jp/register" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>ブックマークレットの設定方法です。基本。<br clear="all"></dd>
</dl>
<h3>【エントリー閲覧関連】</h3>
<ul><li>・ブックマークされたエントリーを閲覧するサービスいろいろ</li></ul>
<dl>
<dt><a title="Yahoo!検索 はてブ順" href="http://k52.if.tv/tool/y_hateb/" target="_blank"><img src="http://img.simpleapi.net/small/http://k52.if.tv/tool/y_hateb/" width="90" height="90" style="border:none" align="right">Yahoo!検索 はてブ順</a><a href="http://b.hatena.ne.jp/entry/http://k52.if.tv/tool/y_hateb/"><img src="http://b.hatena.ne.jp/entry/image/http://k52.if.tv/tool/y_hateb/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>Yahoo検索の上位50位を被はてなブックマーク数でソートして表示。Firefoxの検索窓に設定するとかなり便利。<br clear="all"></dd>
<dt><a title="My はてなブックマークランキング" href="http://myb.zuzara.com/" target="_blank"><img src="http://img.simpleapi.net/small/http://myb.zuzara.com/" width="90" height="90" style="border:none" align="right">My はてなブックマークランキング</a><a href="http://b.hatena.ne.jp/entry/http://myb.zuzara.com/"><img src="http://b.hatena.ne.jp/entry/image/http://myb.zuzara.com/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>過去に登録したタグを考慮して、自分用ホットエントリを表示してくれる。RSS登録とかして有効利用しているうちにドンドン偏っていくという罠。間違いなく便利。<br clear="all"></dd>
<dt><a title="HATENA-TUBE 2.0" href="http://www.fladdict.net/app/hatenatube/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.fladdict.net/app/hatenatube/" width="90" height="90" style="border:none" align="right">HATENA-TUBE 2.0</a><a href="http://b.hatena.ne.jp/entry/http://www.fladdict.net/app/hatenatube/"><img src="http://b.hatena.ne.jp/entry/image/http://www.fladdict.net/app/hatenatube/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>はてな注目の動画を初めとした人気動画を画面移動せずに閲覧できる。FLVのダウンロードも可能。<br clear="all"></dd>
<dt><a title="はてブTV" href="http://hatebutv.com/" target="_blank"><img src="http://img.simpleapi.net/small/http://hatebutv.com/" width="90" height="90" style="border:none" align="right">はてブTV</a><a href="http://b.hatena.ne.jp/entry/http://hatebutv.com/"><img src="http://b.hatena.ne.jp/entry/image/http://hatebutv.com/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>ホットエントリーを自動的に切り替えて見せてくれる。はてブコメントがニコニコ動画風に流れてくる。椅子を倒してボーっと見れる。おもしろい。<br clear="all"></dd>
<dt><a title="Hateview" href="http://hateview.clonedoppelganger.net/" target="_blank"><img src="http://img.simpleapi.net/small/http://hateview.clonedoppelganger.net/" width="90" height="90" style="border:none" align="right">Hateview</a><a href="http://b.hatena.ne.jp/entry/http://hateview.clonedoppelganger.net/"><img src="http://b.hatena.ne.jp/entry/image/http://hateview.clonedoppelganger.net/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>IDを入力すると、RSSスクリーンセーバーのようにブックマークを表示してくれる。ちょっと恥ずかしい。<br clear="all"></dd>
<dt><a title="はてブニュース" href="http://labs.ceek.jp/hbnews/" target="_blank"><img src="http://img.simpleapi.net/small/http://labs.ceek.jp/hbnews/" width="90" height="90" style="border:none" align="right">はてブニュース</a><a href="http://b.hatena.ne.jp/entry/http://labs.ceek.jp/hbnews/"><img src="http://b.hatena.ne.jp/entry/image/http://labs.ceek.jp/hbnews/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>はてなブックマークの人気のエントリー＆注目のエントリーをニュースサイト風に分類して表示。普通にニュースチェックに便利。<br clear="all"></dd>
<dt><a title="はてなブックマーク - じわじわ来てるエントリー" href="http://k52.org/jwjw/" target="_blank"><img src="http://img.simpleapi.net/small/http://k52.org/jwjw/" width="90" height="90" style="border:none" align="right">はてなブックマーク - じわじわ来てるエントリー</a><a href="http://b.hatena.ne.jp/entry/http://k52.org/jwjw/"><img src="http://b.hatena.ne.jp/entry/image/http://k52.org/jwjw/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>急激にブックマークされないながらも、いい感じで伸びているエントリーをピックアップ。結構おもしろいエントリー多い。<br clear="all"></dd>
<dt><a title="これはすごい" href="http://xn--n8j3adt3ith.heypo.net/" target="_blank"><img src="http://img.simpleapi.net/small/http://xn--n8j3adt3ith.heypo.net/" width="90" height="90" style="border:none" align="right">これはすごい</a><a href="http://b.hatena.ne.jp/entry/http://xn--n8j3adt3ith.heypo.net/"><img src="http://b.hatena.ne.jp/entry/image/http://xn--n8j3adt3ith.heypo.net/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>はてなブックマークで「これはすごい」タグがついたものを集計。いろんな意味ですごいエントリーがUPされる。ポジティブ。<br clear="all"></dd>
<dt><a title="これはひどい" href="http://xn--n8j3a4dxap8m.gaasuu.com/" target="_blank"><img src="http://img.simpleapi.net/small/http://xn--n8j3a4dxap8m.gaasuu.com/" width="90" height="90" style="border:none" align="right">これはひどい</a><a href="http://b.hatena.ne.jp/entry/http://xn--n8j3a4dxap8m.gaasuu.com/"><img src="http://b.hatena.ne.jp/entry/image/http://xn--n8j3a4dxap8m.gaasuu.com/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>はてなブックマークで「これはひどい」タグがついたものを集計。いろんな意味でひどいエントリーがUPされる。ネガティブ・・・でもない。<br clear="all"></dd>
<dt><a title="はてブリーダー" href="http://vgzh.dtdns.net/hatebu/" target="_blank"><img src="http://img.simpleapi.net/small/http://vgzh.dtdns.net/hatebu/" width="90" height="90" style="border:none" align="right">はてブリーダー</a><a href="http://b.hatena.ne.jp/entry/http://vgzh.dtdns.net/hatebu/"><img src="http://b.hatena.ne.jp/entry/image/http://vgzh.dtdns.net/hatebu/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>カレンダー形式で過去の注目エントリーが読みやすい。コメントも一緒に見れるので便利。<br clear="all"></dd>
</dl>
<h3>【お気に入り関連】</h3>
<ul><li>・はてブをユーザー側から楽しむ為のサービスいろいろ</li></ul>
<dl>
<dt><a title="好みの近いはてなブックマーカーを探そう" href="http://k52.if.tv/tool/tikab/" target="_blank"><img src="http://img.simpleapi.net/small/http://k52.if.tv/tool/tikab/" width="90" height="90" style="border:none" align="right">好みの近いはてなブックマーカーを探そう</a><a href="http://b.hatena.ne.jp/entry/http://k52.if.tv/tool/tikab/"><img src="http://b.hatena.ne.jp/entry/image/http://k52.if.tv/tool/tikab/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>IDを入力すると、直近30件のブックマークの重複率から好みの近いユーザーをリストアップしてくれる。タグでの絞り込みもできるので目的を持って探す事ができる。<br clear="all"></dd>
<dt><a title="Hatebu Friends" href="http://www.kde.ics.tut.ac.jp/~sugiyama/sbm/hatebufriends.html" target="_blank"><img src="http://img.simpleapi.net/small/http://www.kde.ics.tut.ac.jp/~sugiyama/sbm/hatebufriends.html" width="90" height="90" style="border:none" align="right">Hatebu Friends</a><a href="http://b.hatena.ne.jp/entry/http://www.kde.ics.tut.ac.jp/~sugiyama/sbm/hatebufriends.html"><img src="http://b.hatena.ne.jp/entry/image/http://www.kde.ics.tut.ac.jp/~sugiyama/sbm/hatebufriends.html" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>IDを入力すると、直近200件から好みの似ているユーザーをリストアップ。Following（自分より先にブクマする事が多い人）／Friends（自分と同じようにでブクマする人）／Followers（自分より後にブクマする事が多い人）それぞれのリストが出るのが特徴<br clear="all"></dd>
<dt><a title="Zer0Reader" href="http://r.zeromemory.info/" target="_blank"><img src="http://img.simpleapi.net/small/http://r.zeromemory.info/" width="90" height="90" style="border:none" align="right">Zer0Reader</a><a href="http://b.hatena.ne.jp/entry/http://r.zeromemory.info/"><img src="http://b.hatena.ne.jp/entry/image/http://r.zeromemory.info/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>お気に入りユーザーを階層的に辿る事ができる。ブックマークとコメントが同時に見れるのも楽しい。ログがなんかフランク。「uchisukeさんお気に入り一覧が取得できませんでした。残念」。残念だ。<br clear="all"></dd>
<dt><a title="真のアルファブックマーカーは誰だ！『はてブ経験値』" href="http://htbexp.com/" target="_blank"><img src="http://img.simpleapi.net/small/http://htbexp.com/" width="90" height="90" style="border:none" align="right">真のアルファブックマーカーは誰だ！『はてブ経験値』</a><a href="http://b.hatena.ne.jp/entry/http://htbexp.com/"><img src="http://b.hatena.ne.jp/entry/image/http://htbexp.com/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>ブックマークの情報感度からはてなブックマーク経験地を算出。経験地の変化グラフや、近いユーザー、他のユーザーとの比較ができる。<br clear="all"></dd>
<dt><a title="Hatena Bookmarker Ranking" href="http://labs.ceek.jp/hbr/" target="_blank"><img src="http://img.simpleapi.net/small/http://labs.ceek.jp/hbr/" width="90" height="90" style="border:none" align="right">Hatena Bookmarker Ranking</a><a href="http://b.hatena.ne.jp/entry/http://labs.ceek.jp/hbr/"><img src="http://b.hatena.ne.jp/entry/image/http://labs.ceek.jp/hbr/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>はてブで頑張っている人ランキング。ホストのリストも出ます。<br clear="all"></dd>
</dl>
<h3>【便利ツール関連】</h3>
<ul><li>・コメントを見たりバックアップをしたりするサービス＆アプリいろいろ</li></ul>
<dl>
<dt><a title="ソーシャルブックマーク管理ツール「bookey」" href="http://watcher.moe-nifty.com/memo/2005/10/bookey.html" target="_blank"><img src="http://img.simpleapi.net/small/http://watcher.moe-nifty.com/memo/2005/10/bookey.html" width="90" height="90" style="border:none" align="right">ソーシャルブックマーク管理ツール「bookey」</a><a href="http://b.hatena.ne.jp/entry/http://watcher.moe-nifty.com/memo/2005/10/bookey.html"><img src="http://b.hatena.ne.jp/entry/image/http://watcher.moe-nifty.com/memo/2005/10/bookey.html" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>livedoorClip／Buzzurl／del.ciio.us等々の複数のソーシャルブックマークを一括管理できるアプリケーション。バックアップ／同期／削除等の管理が可能。要インストール。超便利。<br clear="all"></dd>
<dt><a title="sarusaruBookmark - はてなブックマークをもっと楽しく便利に。" href="http://bookmark.sarusaruworld.com/" target="_blank"><img src="http://img.simpleapi.net/small/http://bookmark.sarusaruworld.com/" width="90" height="90" style="border:none" align="right">sarusaruBookmark - はてなブックマークをもっと楽しく便利に。</a><a href="http://b.hatena.ne.jp/entry/http://bookmark.sarusaruworld.com/"><img src="http://b.hatena.ne.jp/entry/image/http://bookmark.sarusaruworld.com/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>ブックマーク登録画面とコメントを同時に表示。他の人のコメント見ながら追加できる。その他色々な便利機能あり。拙作です。すいません。<br clear="all"></dd>
<dt><a title="Hatena Bookmark Comment Reader Bookmarklet" href="http://aql.osx.cc/hatena/bookmark/comment.html" target="_blank"><img src="http://img.simpleapi.net/small/http://aql.osx.cc/hatena/bookmark/comment.html" width="90" height="90" style="border:none" align="right">Hatena Bookmark Comment Reader Bookmarklet</a><a href="http://b.hatena.ne.jp/entry/http://aql.osx.cc/hatena/bookmark/comment.html"><img src="http://b.hatena.ne.jp/entry/image/http://aql.osx.cc/hatena/bookmark/comment.html" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>はてなブックマークのコメントを表示させるブックマークレット。スタイリッシュ。<br clear="all"></dd>
<dt><a title="SBMカウンタ" href="http://miniturbo.org/product/extension/sbmcounter/" target="_blank"><img src="http://img.simpleapi.net/small/http://miniturbo.org/product/extension/sbmcounter/" width="90" height="90" style="border:none" align="right">SBMカウンタ</a><a href="http://b.hatena.ne.jp/entry/http://miniturbo.org/product/extension/sbmcounter/"><img src="http://b.hatena.ne.jp/entry/image/http://miniturbo.org/product/extension/sbmcounter/" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>Firefoxアドイン。追加するとステータスバーにSBMの被ブックマーク数が表示されます。チラっと人気を見るのに便利。<br clear="all"></dd>
</dl>


<!--
<dt><a title="■" href="■" target="_blank"><img src="http://img.simpleapi.net/small/■" width="90" height="90" style="border:none" align="right">■</a><a href="http://b.hatena.ne.jp/entry/■"><img src="http://b.hatena.ne.jp/entry/image/■" style="border:none;margin:0px;padding:0px;"/></a></dt><dd>■<br clear="all"></dd>
-->]]></description>
         <link>http://lab.sarusaruworld.com/others/post_6.html</link>
         <guid>http://lab.sarusaruworld.com/others/post_6.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">99)Others</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">はてブ</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">まとめ</category>
        
         <pubDate>Sun, 09 Dec 2007 10:49:24 +0900</pubDate>
      </item>
      
      <item>
         <title>はてなブックマーク　ブックマークレット改</title>
         <description><![CDATA[<p>
    <img title="はてなブックマーク　ブックマークレット" height="180" alt="はてなブックマーク　ブックマークレット" src="http://lab.sarusaruworld.com/BW_Upload/bookmarklet_1.jpg" width="460" border="0" /><br />
    <a title="" href="http://bookmark.sarusaruworld.com/" target="_blank">ブックマークレットをまとめたブックマークレット</a>は、なんか膨らみすぎて手がつかなくなってきた ＆はてブユーザーの友達からオーダーがあったのでとりあえずライトに作成。
</p>
<p>
    見た目含め、超テキトーです。
</p>
<p>
    オフィシャルのブックマークレットより優れている（と思う点）<br />
    ・ページ移動をしない<br />
    ・ブックマークする前に、一緒にコメントが見える<br />
    ・余裕があれば、徐々に機能が追加されるｗ
</p>
<p>
    <a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/bm.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())">動作サンプル</a>
</p>
<p>
    IE7、Firefox対応。<br />
    気にいったら<br />
    ↓このリンクを右クリックしてブックマーク。<br />
    　 　※IEだと警告でますが、気にせずに。
</p>
<p>
    <a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('src','http://bookmark.sarusaruworld.com/bm.js');e.setAttribute('id','s2b');document.body.appendChild(e)})())">sarusaruBookmark</a>
</p>
<p>
    &nbsp;
</p>]]></description>
         <link>http://lab.sarusaruworld.com/others/post_2.html</link>
         <guid>http://lab.sarusaruworld.com/others/post_2.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">99)Others</category>
        
        
          <category domain="http://www.sixapart.com/ns/types#tag">はてブ</category>
        
          <category domain="http://www.sixapart.com/ns/types#tag">ブックマークレット</category>
        
         <pubDate>Sun, 21 Oct 2007 22:34:59 +0900</pubDate>
      </item>
      
      <item>
         <title>mixiに足あとを残してもらうブログパーツ</title>
         <description><![CDATA[<p>
    例の、mixi足あとを記録する件をポジティブに使えないだろうか、<br />
    という事で、ブログ訪問者が足あとを残していけるブログパーツを作ってみました。<br />
</p>
<p>
    <script language="javascript" src="http://lab.sarusaruworld.com/mixi/footPrint.js?id=876912" charset="FTF-8" type="text/javascript">
</script>
</p>
<p>
    作りかけてすぐに「・・・これって意味なくね？」と思ったけど、<br />
    まぁ、せっかくなんだし、と思い作りました（制作15分）。<br />
</p>
<p>
    無理やり、良いところを探すとすれば・・・
</p>
<p>
    ■ブログを書く人<br />
    　　・mixiのマイページを知らせないで、足あとに記録を残してもらえる<br />
    　　　※解析されたらバレるかも、ですが・・・<br />
    　　・mixiユーザーの目を一瞬止めることができる<br />
    　　・あんまり普及してないので「何これ？」と思わせることができる<br />
    <br />
    ■ブログを見る人<br />
    　　・Web拍手的な、なんか、そんな感じ<br />
    　　・ブログを書いてる人と友達になれる、かもしれない<br />
    <br />
    こんなところかな。 ・・・無理あるわ～～。<br />
</p>
<p>
    設置するソースはこちら。<br />
　　※ご利用に関しては自己責任にてよろしくお願いします。
</p>
<p>
    <iframe src="http://lab.sarusaruworld.com/mixi/makeKey.php" style="border:0; width:460px; height:200px;"></iframe>
</p>
]]></description>
         <link>http://lab.sarusaruworld.com/others/mixi.html</link>
         <guid>http://lab.sarusaruworld.com/others/mixi.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">99)Others</category>
        
        
         <pubDate>Sat, 01 Sep 2007 11:51:08 +0900</pubDate>
      </item>
      
      <item>
         <title>prototype.jsのAjax.Updaterクラスをクロスドメインで使う</title>
         <description><![CDATA[<p>
    一度使ったら手放せないprototype.jsのAjax.Updaterクラス。<br />
    ただ、クロスドメインでの処理は許可されていない。
</p>
<p>
    Bookmarkletから利用する場合、どうしても<br />
    他ドメインからのコールになるので普通に要素を追加しても動作しない。
</p>
<p>
    と言う事で、コールバック関数を使って繋いだ。<br />
    他にも良い方法があれば良いんだけど・・・。<br />
</p>
<p>
<dl>
<dt>Callするjs</dt>
<dd>
<pre>
var api   = "http://sarusaruworld.com/sample.php";
var param = "?color=red&type=web";
var url   = api + param;
$('root').appendChild(Builder.node('script',{'id':'callSample','src':url} ));

onLoadFunction = function(json){
	alert("onLoad");
}
</pre>
</dd>
</dl>

<dl>
<dt>Callされるphp</dt>
<dd>
<pre>
$color = $_GET['color'];
$type  = $_GET['type'];

//DBから引き出したり
$return = json;
printf("onLoadFunction(%s)",$return);
</pre>
</dd>
</dl>
    </pre>
</blockquote>
</p>]]></description>
         <link>http://lab.sarusaruworld.com/prototypejs_ajaxupdater.html</link>
         <guid>http://lab.sarusaruworld.com/prototypejs_ajaxupdater.html</guid>
        
        
         <pubDate>Sun, 26 Aug 2007 12:13:13 +0900</pubDate>
      </item>
      
   </channel>
</rss>
