モカモカ工房 http://mocamoca.biz/blog/ Web関連情報（CSS、SEO、ネットワーク等々） ja Copyright 2008 Mon, 23 Jun 2008 13:19:54 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification パスワードの入力に「Virtual Keyboard Interface」
  1. こちらよりJavascript、CSS、Keyboardのアイコンをダウンロードします
  2. ヘッダーにJavascriptとCSSへのリンクを入れます

    <script language="JavaScript" type="text/javascript" src="http://mocamoca.biz/sample/keyboard/keyboard.js"></script>
    <link href="http://mocamoca.biz/sample/keyboard/keyboard.css" rel="stylesheet" type="text/css" media="all" />
  3. フォームを下記のように作ります

     <input type="text" name="password" class="keyboardInput" value="" />
     <input type="hidden" name="hiddenField" />
  4. デモ

virtual_keyboard2.jpg


]]> http://mocamoca.biz/blog/2008/06/virtual-keyboard.html http://mocamoca.biz/blog/2008/06/virtual-keyboard.html Javascript ユーザビリティー Mon, 23 Jun 2008 13:19:54 +0900 Firefox3 for Macを入れてみた 環境
  • Mac OS10.4
  • プレファレンス
    /Users/User名/Library/Application Support/Firefox/Profiles/******.default
    ******.defaultというファイルをUSBメモリーに移動し、本来あった場所にはエイリアスを入れている
インストール
  • 公式ページでダウンロードし、イメージファイルからFirefoxのプログラムファイル（単体）をアプリケーションフォルダーに単純コピー
  • Firefoxのプログラムファイルをダブルクリックで起動
  • プラグインの更新を聞いてくるので、更新ボタンを押す
以上で完了。USBメモリーの中のプレファレンスフォルダーの中身を見てみると、多くが上書き更新されていました。
]]> http://mocamoca.biz/blog/2008/06/firefox3-for-mac.html http://mocamoca.biz/blog/2008/06/firefox3-for-mac.html アプリケーション Firefox Wed, 18 Jun 2008 15:01:49 +0900 Windows起動時「ようこそ」で停止→システムリカバリー（DELL）
  1. 起動時に「F8」を押して「セーフモードで起動」を選択
    →カーソルが点滅するだけで、セーフモードで立ち上がらず
  2. WindowsXPのシステムディスクを入れて立ち上げたところ自動的にchkdskが起動。
    →これでも状況は全く変わらず
  3. WindowsXPのシステムディスクから起動し、「r」キーを押してシステムの修復
    →やっとこれでセーフモードで立ち上がるようになった
  4. 「セーフモードとネットワーク」で立ち上げ、ネットワーク経由で必要なファイルをバックアップ
  5. 起動時に「Ctrl」「F11」を一緒に押し、
    1. 「コンピュータの修復」を選択し次へ
    2. 「デル出荷時のイメージに復元」をクリック
    3. リストアが始まり、再起動が完了すると、購入した時点のＰＣ状態に復帰
]]> http://mocamoca.biz/blog/2008/06/windowsdell.html http://mocamoca.biz/blog/2008/06/windowsdell.html トラブル Windows トラブル Thu, 12 Jun 2008 17:45:11 +0900 MacからダブルクリックでWindowsの共有フォルダーを開く
tell application "Finder"
    activate
    try
        set ping_result to (do shell script "ping -c 1 192.168.0.**")
        mount volume "smb://[user名]:[password]@192.168.0.**/[フォルダ名]"
    end try
   
end tell
]]> http://mocamoca.biz/blog/2008/06/macwindows-1.html http://mocamoca.biz/blog/2008/06/macwindows-1.html Mac Fri, 06 Jun 2008 15:17:52 +0900 検索エンジン用サイトマップ（sitemap）の作り方
  1. サイトマップの作成
    1. 注意点
      ファイルは UTF-8 エンコードで作成する必要があります
      サイトマップに含めるURLの数が50,000個を超える、またはファイルサイズが10 MBを超える場合は、複数のサイトマップファイルを作成し、サイトマップインデックスファイルにリストします
    2. サイトマップの種類
      1. ブログのRSS2.0、Atom 1.0 のフィードをそのまま利用
        →簡単ですが、最新記事しか提供できないという難点があります
      2. テキストにURLを並べる
      3. サイトマッププロトコルに基づいたサイトマップの作成
        →同じファイルをsitemaps.org のメンバーである MSN や Yahoo! などの他の検索エンジンに送信することが可能

        ◇形式　※繰り返し

        <?xml version="1.0" encoding="UTF-8"?>
        <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
        ┌<url>
        │   <loc>http://mocamoca.com/index.html</loc>
        ※   <lastmod>2007-04-08</lastmod>
        │   <changefreq>daily</changefreq>
        │   <priority>0.7</priority>
        └</url>
        </urlset>

]]> http://mocamoca.biz/blog/2008/05/sitemap.html http://mocamoca.biz/blog/2008/05/sitemap.html SEO SEO sitemap サイトマップ Wed, 21 May 2008 16:29:58 +0900 Yahoo!検索 サイトエクスプローラー（Yahoo!に効率的にサイトをクロールしてもらう） ウェブマスター ツール」と同様に、Yahoo！でも自分のサイトの更新情報を通知してクロールしてもらう「Yahoo!検索 サイトエクスプローラー」というのが出来ました。

  1. 「Yahoo!検索 サイトエクスプローラー」に自分のYahooアカウントでログインします。
  2. 登録したいサイトのURLを入力して「管理サイトに追加」をクリック

    yahoo_1.gif
]]> http://mocamoca.biz/blog/2008/05/yahoo-yahoo.html http://mocamoca.biz/blog/2008/05/yahoo-yahoo.html SEO Yahoo Mon, 19 May 2008 13:06:37 +0900 Macの任意のフォルダーをWindowsに公開 　任意のフォルダーを共有する方法です。

  1. ターミナルで下記のように入力します

    # cd /etc　　　　　　　　　　（/cdディレクトリに移動）
    # sudo chmod o+w smb.conf　（smbの設定ファイルを書き込み可能にする）
    # vi smb.conf　　　　　　　　（viエディターの起動）
  2. viエディターでsmb.confに設定を追加します

    最終行までカーソルを移動し、［ESC］を押して、vi を確実にコマンドモードにします
    「o」カーソルの次の行に空行ができ、そこにテキストを入力します

    [MP3]
     path = /Volumes/Mac HD/music/mp3
     public = yes
     writable = yes

    ［ESC］を押して、vi を確実にコマンドモードにします
    「wq」保存してvi を終了すします。


]]> http://mocamoca.biz/blog/2008/05/macwindows.html http://mocamoca.biz/blog/2008/05/macwindows.html Mac Mac Fri, 16 May 2008 14:48:17 +0900 NHKラジオの「ビジネス英語」シリーズをiPodで聴く方法
  • iTMSで買う
    お金は少々かかりますが、これが一番簡単です。
    例えば実践ビジネス英語5月←iTunesをインストールしている人はクリックしてください。
    131分、一ヶ月分でお値段は1,400円です。
  • radio SHARK 2のような録音機能付きUSB接続AM/ FMチューナーをパソコンに繋げ、留守録でHDDに保存する。
    感度良く入ればなかなか良いのですが、パソコンをその時間つけていなければいけないのがちょっと難点です。
    • ]]>     http://mocamoca.biz/blog/2008/05/nhkipod.html http://mocamoca.biz/blog/2008/05/nhkipod.html その他 英語 Thu, 15 May 2008 17:34:15 +0900     携帯サイトをxhtmlで作る時の文字入力モードの指定方法 input要素の属性で文字入力モードを指定する場合、htmlだと

    1. i-modeとez-web
      • istyle=1 （全角かな）
      • istyle=2 （半角カナ）
      • istyle=3 （英字/半角文字）
      • istyle=4 （数字/半角文字）
    2. softbank
      • mode="hiragana" （全角かな）
      • mode="katakana" （半角カナ）
      • mode="alphabet" （英字/半角文字）
      • mode="numeric" （数字/半角文字）
    　で良かったのですが、xhtmlではこれが機能しません。
    　そこで登場するのが-wap-input-formatです。
    ]]>     http://mocamoca.biz/blog/2008/04/xhtml.html http://mocamoca.biz/blog/2008/04/xhtml.html 携帯 xhtml 携帯サイト 文字入力モード Tue, 22 Apr 2008 14:23:50 +0900     Firefoxの環境（profile）を共有
    1. Google Browser Sync
      • Firefoxの拡張機能
      • 共有可能項目：ブックマーク、履歴、クッキー、パスワード、開いているタブとウインドウ
      • 保存先：サーバー
      • Mac OS XやWindowsなどが混在している環境でも大丈夫
      • ダウンロード
      • 使い方
    2. The Bookmark Synchronizer
      • Firefoxの拡張機能
      • 共有可能項目：ブックマーク
      • 保存先：サーバー
      • Mac OS XやWindowsなどが混在している環境でも大丈夫（たぶん）
      • 使い方
      • ダウンロード
    ]]>     http://mocamoca.biz/blog/2008/04/firefoxprofile.html http://mocamoca.biz/blog/2008/04/firefoxprofile.html アプリケーション Firefox Thu, 17 Apr 2008 11:43:21 +0900     Macでofficeを入れたらDreamweaverとFirefoxのフォント（括弧など）が変になった そうしたら、突然DreamweaverやFirefoxでフォント（括弧やアルファベット）の表示が変になってしまいました。

    こんな感じです
    Firefoxの変なフォント
    一体これはどうしたのでしょう！
    いろいろと調べたら、「ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係」に
    「マイクロソフトofficeを入れたMacではCSSでのフォントファミリーの設定によってはＭＳ　Ｐゴシックで表示されるようになってしまう」
    ということが書かれていました。
    ]]>     http://mocamoca.biz/blog/2008/04/macofficedreamweaverfirefox.html http://mocamoca.biz/blog/2008/04/macofficedreamweaverfirefox.html Mac Dreamweaver Firefox Fri, 11 Apr 2008 10:59:20 +0900     Dreamweaverの「ビューの切り替え」ショートカット変更 　Dreamweaverでは「コードビュー」「デザインビュー」を頻繁に切り替えながらページを制作します。
    　この時のコマンドはデフォルトでは「Ctrl+`」なのですが、これがMacでは事実上使えない組み合わせなのです。そこでこれを「Ctrl+Tab」に変更して使っています。

    1. Dreamweaver>キーボードショートカット...　でキーボードショートカットの一覧を出します。
      まだデフォルトのセットを使っている場合は新しいセットを作ります。
    2. 「ビューの切り替え」について、ショートカットを「Ctrl+Tab」に変更します。
      Dreamweaverショートカット
    ]]>     http://mocamoca.biz/blog/2008/04/dreamweaver.html http://mocamoca.biz/blog/2008/04/dreamweaver.html アプリケーション Dreamweaver Thu, 10 Apr 2008 14:42:20 +0900     Perlモジュール（HTML::Template）のインストール Movable Typeを携帯で見られるようにする「MT4i」を仕事先のサーバーにも入れたのですが、本体のCGIファイルである　mt4i.cgi　を動かそうとすると、Internal server errorになってしまいました。

    そこでシェルでmt4i.cgiを動かしてみたところ

    [root@sv mt]# perl mt4i.cgi
    Can't locate HTML/Template.pm in @INC (@INC contains: ...（後にディレクトリ名が延々と続く）

    というエラーが出ました。
    どうやら Templateというperlのモジュールがないようです。
    よくよくMT4iのインストール説明文を読んでみると、確かにHTML::Templateが必須だと書いてあります。

    ]]>     http://mocamoca.biz/blog/2008/04/perlhtmltemplate.html http://mocamoca.biz/blog/2008/04/perlhtmltemplate.html プログラミング Perl Wed, 02 Apr 2008 14:57:16 +0900     スカイプの安全性セキュリティーについて
    　スカイプの公式サイトの情報によると

    1. インターネット上で信号は暗号化されているため傍受されることはない。
    2. スカイプを介したファイルの送受信には、主要ウイルス対策製品によるスキャンが行われる。
    3. ファイアーウォールでポートに穴を開ける必要がない。
    4. プログラムの設定でコンタクト出来る相手を限定出来る。
    　という理由から安全性はかなり高く、そのため会社規模にかかわらず、世界中の会社が経費削減と生産性の向上のためにスカイプを活用している。

    　とのことでした。
    ]]>     http://mocamoca.biz/blog/2008/04/post.html http://mocamoca.biz/blog/2008/04/post.html アプリケーション skype スカイプ セキュリティー Tue, 01 Apr 2008 16:58:06 +0900     Movable Typeを携帯でも見られるように、「MT4i」の導入 　Movable Typeを携帯でも見られるようにする「MT4i」を使ってみました。
    　同じようなシステムには「MT-Mobile」などもありますが、「MT4i」の方が下記のような理由で使い勝手が良いようです。［nextglobaljungle］

    1. 「MT-Mobile」はMovable Typeのプラグインなので、プラグインディレクトリーに本体のcgiプログラムをいれなければいけない。そのため、携帯サイトのURLが長くなってしまう。
      「MT4i」は任意のディレクトリにに本体のcgiプログラムをいれることが出来るため、

      http://mocamoca.com/m/

      といった短いURLに出来る
    2. ページのカスタマイズがかなり自由に出来る
      設定画面でかなり細かい設定が出来る。
      さらに、テンプレートを改造することによって表示もカスタマイズ出来る
    ]]>     http://mocamoca.biz/blog/2008/03/movable-typemt4i.html http://mocamoca.biz/blog/2008/03/movable-typemt4i.html Movable Type 携帯 MT4i Movable Type 携帯 Fri, 28 Mar 2008 11:08:14 +0900