このブログを検索

大文字小文字を区別する 正規表現

Atelierで“Shift-JIS”が含まれるブログ記事

2016年7月18日

隠居のパソコン備忘録：Windows10 を使う：新しいブラウザ Microsft Edge で Google IME ユーザ辞書を使う

６月になって、しばらく無視していた　Windows10 へのアップグレードへの誘いで、無料アップグレードは７月一杯で打ち切ると言ってきた。パソコンのOSは、Windows にしているから、いずれアップグレードはしなければと思っていたので、暇を見てアップグレードを実行した。なにやかやと支障は出るだろうと覚悟はしていたが、今回はいつものアップグレード（例えば、XP から 7 に）に比べて、何事も無くすんなりと終わった。
　Windows10 には、Windows7 にはない（ちなみに私は、Windows8 は経験していない）機能が多くあるが、Windows7 でしていたことは、少々手順は異なるもののできるようだった。
　例えば、見失ったファイルの検索は、Win7 では、スタートメニューの下に表示される検索ボックスにファイル名（フォルダー名）の一部を入れて探していたが、Win10 では検索ボックスはパソコン画面下にツールバーに表示され、検索対象も Web も含まれる広範囲になっている。自分のPC内を検索するには、エクスプローラを開いて、目指す場所（例えば PC ドライブ ) を選択して、画面右上部に表示される検索枠にファイル名（フォルダー名）の一部を入力しすると検索を始めてくれる。実は、Win10にアップグレード時に見失ったフォルダーはこのようにして発見した。（実は、Win7 でも同様の方法で検索できることを今になって知ったのだが。）
詳細な方法については、「Windows 10で、フォルダー内のファイルを検索する方法について教えてください。」を参照。

　Win10 になって最も大きな変化は、インターネットのブラウザが、従来の Internet Explorer に変わる Microsoft Edge が出現したことである。もちろん、InternetExplorer（１１） も動くのであるが、どうやら Microsoft は Edge に移行していこうとしているようだ。
　 早速、Microsoft Edge でネットサーフィンを始めた。操作方法は、Google Chrome とほぼ同じである。新しいタグページを開くと、Chrome と同じように画面中央に検索ボックスが表示される。検索エンジンは、マイクロソフトのBingということである。（新しいタブページでの検索エンジンを Google に変更することを試みたが、現在のところ上手くいっていない。）
　ネットサーチするときには、この検索ボックスに検索ワードを入力して目標とするページを探すのであるが、 MS Edge では　Google IME による日本語入力ができない。
　Movable Type でのブログ記事作成は、ブラウザ Chrome で行う。 Chrome の作成画面の方が、Internet Explorer より何かと便利がいいからだ。それに、メールは専ら Gmail をつかっている。その結果として、Google IME のユーザー辞書にかなりの単語登録がされている。例えば、"さんくす"と入力し変換すると"ありがとうございます。"と表示される。また、ブログ作成では、しばしば HTML コードを入力するが、あまり使わないコード、例えば、フォントを青色にするときに使うコード "<font color="#0000ff">" は、"あお"と入力して変換すれば出てくるようにしておけば、６桁の番号を覚えていなくてもいい。だが、Microsoft Edge ではこの辞書が使えない。
　Google IME には、MS IME のユーザ辞書をインポートする機能はあるのだが、その逆はない。それで、ネットで方法を探ってみると次の方法で、できることが分かったので備忘録として記録しておきたい。

Google IME ユーザ辞書をMS IME にインポートする方法

  1. Google日本語入力の辞書をエクスポートする
    • Google Chrome を開き、使用辞書をGoogle IME にすると下のように画面下段ツールバー右に、Google IME のアイコンと文字種（ここでは"あ"）が表示される。

      IME-01.JPG

    • この文字種"あ"（小文字の場合は"A"）を右クリックして出るセレクトボックスから「辞書ツール」を選択すると出る画面で、上の「管理」タブをクリックすると、下のような画面になる。

      IME-02.JPG

    • このセレクトボックスから、ユーザ辞書１を選んで「選択した辞書をエクスポート」をクリックすると名前をつけて保存することを要求してくるので、デスクトップにでも、"Google-IME"　とでも名前をつけて保存する。

  2. 辞書の文字コードを変更する
      　　
    • Google-IMEの辞書コードは、UTF-8 なので、MS IME の辞書コードである ANSI に変換する必要がある。この変換方法は、このエントリーを書くにあたって参考にさせてもらったTanweb.net というサイトの「Google日本語入力の辞書をMicrosoft IMEへ引き継ぐ方法」では、辞書保存の画面下部には、文字コードを示すボックスがあるが、私の環境では表示されない。表示する何か方法があるのかもしれないが、見つけられなかった。
      　それで、愛用しているテキストエディターの「秀丸」で、UTF-8 を Shift-JIS に変換した。Microsoft の ANSI というコードは、Shift-JIS をベースにMicrsoft 独自の加工をしている。
    • Shift-JIS に変換したファイルは、同じくデスクトップに保存する。

  3. Microsoft IME ユーザー辞書へインポートする
    • 今度は、MS Edge を開いて、日本語入力を Microsft IME にすると下のように画面下段ツールバー右に、Microsoft IME のアイコンと文字種（ここでは"あ"）が表示される。

      IME-03.JPG

    • この文字種"あ"（小文字の場合は"A"）を右クリックして出るセレクトボックスから「ユーザ辞書ツール」を選択すると出る画面で、上の「ツール」タブをクリックすると、下のような画面になる。

      IME-04.JPG

    • ここで、「テキストファイルからの登録」をクリックし、さきほどコード変換したテキストファイルを読み込むとユーザ辞書に Google IME の辞書が読み込まれている。


このように、Microsft IME と Google IME に同じユーザ辞書を登録しておけば、ブラウザが　Google Chrome でも、Microsft Edge でも同じユーザ辞書を使うことができる。 ただし、MicrosoftEdge では、Google IME 日本語入力はできない。　

タグ:

Permalink | Category : HP作成, MovableType, PC | Comments [1] | Trackbacks [0]

2012年7月21日

隠居のパソコン備忘録： Google Maps API JS V3 でXML ファイルを読み込む

　
　自作地図を作成するのに便利していた Google Maps API のバージョンが、 V2 から V3 に大幅に変更され、来年５月には V2 で作成した地図が動かなくなりそうだということは、隠居のパソコン備忘録：Google Maps API V3 で旅行地図を作成するで、記録した。

　 V2 で作成した多くの地図では、外部ファイルである XML ファイルを読み込んでマーカを立てる地点やマーカをクリックすると出てくる吹きだしの中に、リンク先などの情報を表示していた。年間の旅行先などマーカが順次増える場合には、XML ファイルに経度・緯度や必要なリンクを書き足すだけでいいので便利をしていた。
　今まで V2 で作成してきた地図を V3 にバージョンアップして XML ファイルを読み込むためのサンプル・コードを探し回したが、適切なコードが見つからなかった。一から、作成する能力はからきしない。途方に暮れて、上のブログに記録した前回の方法で、XML ファイルを使わず直接　JavaScript に書き込むことも挑戦しかけたが途方も無い作業のようなのでやめて、今までの XML ファイルが使えそうなサンプル・コードで、再度粘ってみることにした。

　拝借したサンプル・コードは、上のブログに記録した前回の方法ときにも拝借した、【Using the Google Maps API v3】　というページにある【lLoading the data from an XML file translated to v3】のソース・コードである。
　V3 のGoogle Maps API にXML ファイルを読み込む方法は、多くの場合、前回に lightbox 2.51 の導入で紹介した JavaScript のライブラリー jQuery が使われている。拝借したサンプル・コードでは、jQuery ではなく、downloadxml.js というライブラリーが使われている。どうも、ｊQuery の方が本流らしいが、私にとっては、V3 で今までの　XML ファイルが使えるサンプル・コードの方がありがたい。
　一週間以上かなりの時間を使って粘った甲斐があって、下のようなコードで XML が読み込めるようになった。
　 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps Javascript API v3 Example: Loading the data from an XML</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="http://n-shuhei.net/XXXXX/XXX/XXXXX/downloadxml.js"></script>

<style type="text/css">
html, body { height: 100%; } 
</style>

<script type="text/javascript"> 
//<![CDATA[
// this variable will collect the html which will eventually be placed in the side_bar 
      var side_bar_html = ""; 

      // arrays to hold copies of the markers and html used by the side_bar 
     // because the function closure trick doesnt work there 

      var gmarkers = []; 

     // global "map" variable
      var map = null;

// A function to create the marker and set up the event window function 
function createMarker(latlng, name, html) {
    var contentString = html;
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        zIndex: Math.round(latlng.lat()*-100000)<<5
        });

    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(contentString); 
        infowindow.open(map,marker);
        });

    // save the info we need to use later for the side_bar
    gmarkers.push(marker);

    // add a line to the side_bar html
    side_bar_html += '<a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<＼/a><br>';
}

// This function picks up the click and opens the corresponding info window
function myclick(i) {
  google.maps.event.trigger(gmarkers[i], "click");
}

function initialize() {
  // create the map
  var myOptions = {
    zoom: 12,
    center: new google.maps.LatLng(35.377556,134.534862),
    mapTypeControl: true,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }

  map = new google.maps.Map(document.getElementById("map_canvas"),
                                myOptions);

  google.maps.event.addListener(map, 'click', function() {
        infowindow.close();
        });

      // Read the data from hachi.xml
      downloadUrl("hachi.xml", function(doc) {
        var xmlDoc = xmlParse(doc);
        var markers = xmlDoc.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {

          // obtain the attribues of each marker
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new google.maps.LatLng(lat,lng);
          var html = markers[i].getAttribute("html");
          var label = markers[i].getAttribute("label");

          // create the marker
          var marker = createMarker(point,label,html);
        }

        // put the assembled side_bar_html contents into the side_bar div
        document.getElementById("side_bar").innerHTML = side_bar_html;
      });
    }

var infowindow = new google.maps.InfoWindow(
  { 
//    size:  new google.maps.Size(200,50)
  });

    // This Javascript is based on code provided by the
    // Community Church Javascript Team
    // http://www.bisphamchurch.org.uk/   
    // http://econym.org.uk/gmap/
    // from the v2 tutorial page at:
    // http://econym.org.uk/gmap/basic3.htm 

//]]>

</script> 
  </head> 

<body style="margin:0px; padding:0px;" onload="initialize()"> 

    <!-- you can use tables or divs for the overall layout --> 
    <table border="1"> 
<tr>
<td bgcolor="#FFFFCC" align="center" colspan="2"><font color="#000000"><strong><big>ハチ高原近辺私的観光地図</big></strong><br /></font></td></tr>      
<tr> 
        <td> 
           <div id="map_canvas" style="width: 800px; height: 600px"></div> 
        </td> 
        <td width = 200 valign="top"  bgcolor="#ffffe0" style="text-decoration: underline; color: #000000; font-size: small;" >
<!--<td valign="top" style="width:150px; text-decoration: underline; color: #4444ff;">-->
           <div id="side_bar"></div> 
        </td> 
      </tr> 
    </table> 

    <noscript><p><b>JavaScript must be enabled in order for you to use Google Maps.</b> 
      However, it seems JavaScript is either disabled or not supported by your browser. 
      To view Google Maps, enable JavaScript by changing your browser options, and then 
      try again.</p>
    </noscript> 

  </body> 
</html> 
サンプル地図

　試行錯誤は、拡張子の前につける . （ピリオド）が抜けていたり、ファイルのアップロード先を間違ったりなど実に単純なミスの連続であった。
　とくに、Geekなぺーじの【Google MAPS JavaScript APIでのデバッグ】にも書かれているように、日本語コードで最後までつまづいた。V2 のときには、Shift-JIS でも OK だったXML ファイルが、UTF-8 でないとエラーを起こすというより、全く読んでくれない。
　この試行錯誤のお陰で、Google Maps API について、少し理解が深まったが、JavaScript に十分な知識がない老人にはやっぱり難解な世界である。中断していた JavaScript の学習も再開せねばと思うが、なにしろやりたいことが多すぎる。
　来年５月までに、順次 V2 の地図を V3 にしていくつもりである。

タグ:

Permalink | Category : Google, Google Map, HP作成, JavaScript, PC | Comments [4] | Trackbacks [3]

2008年7月20日

H?tte：Hachi でのDIY；古い和風壁に珪藻土を塗る

　共同所有者であるパートナーに時間ができたので、氷ノ山山麓にある Rabit House に補修にでかけた。海の日による連休前日の金曜日である。

　この Rabit House は「山小屋」と言ってきたが、何か名称が付けたくて、H?tte：Hachi としてみた。建っているところが、いわゆるハチ高原というところにあることや当初８人の共同所有であったことにちなんでいる。それに、八という字は縁起が良いことになっている。Hutte はドイツ語で山小屋の意であるが、山好きの友の指摘で「uはウムラウト付が正しい」と言ってくれたが、101英語キーボードで打つのは難しい。（ATOK の文字パレットunicode表に文字があるが、コードの種類によっては問題がでる。例えば、Shift-JIs での xml ファイルでは保存ができない。）

　今回の DIY は
  • よごれが目立つトイレの壁を珪藻土で塗ってみる。
  • これも汚くなった和室押し入れのふすまを張り替える。
  • モルタルが割れている入り口のたたきをやり直す。
がメインである。

　このような山行きのときの材料・食材は、もう３０分ほど走ったら H?tte：Hachi に着くところにある、国道９号線八鹿バイパスの入り口近くのショッピング・モールで買い求める。ホームセンターの「コーナン」やイオン系のスーパーマーケット「Max Value」などがある。
（ハチ高原近辺私的観光地図に掲載）

　珪藻土壁材の外箱には、畳２枚分が塗れるとある。きっちりと測ったわけではないが、足りそうに思われたが、結果として２箱で足らなかった。
　押し入れの襖は、のり付きの壁紙を使うことにした。
　入り口のたたきは、一坪弱だからと砂１袋とバラス１袋で足りると思ったが、これがとんでもない思い違いであった。結局、全然足りないので、足らない材料を求めて片道３０分ほどのホームセンターまで往復する羽目になってしまった。

クリックすると大きな写真になりますDSCN0345.JPG　やる仕事の分担は、これをしたいと言い出した方が担当する。二人でやらなければならないときは、二人でするが。
　今回、珪藻土塗りと襖紙の張り替えは彼が言い出していた。入り口のたたきの補修は私が言い出していた。
　珪藻土塗りは、Before の写真がないので比較がしにくいが、コテあとを残してなかなか上手く塗っている。ただ、このような塗り方をすると材料が沢山いるようだ。
クリックすると大きな写真になりますクリックすると大きな写真になります　入り口コンクリートの補修作業は単純な作業だが、炎天の下でバラスと砂とセメントを混ぜる作業は前期高齢者といえどもかなり苛酷であった。ミキサー車が入るなら頼むのがいいのだろうが。結局、１坪足らずの部分を厚さ 2 ? 3 cm程度に覆うのに、18kg 入りのバラスが4袋、砂が3袋、25kg セメントが約1袋では足らないくらいであった。
　プラ舟にバラス、砂、セメントを入れて中腰で混ぜ合わせる作業は腰が痛くなってもっともつらい。大阪に比べれば、多少温度は低く、ウグイスのさえずりや虫の音が心地よいが、日中はやっぱり夏だ。冷たいお茶を何回も飲み、一作業するたびに腰をかける。よくサボル、腕の悪い職人だ。

　２日目の午後２時ころ、どうやら作業も一段落した。ウグイスのさえずりや虫の音に混じってカナカナゼミが鳴き出した。カナカナゼミは夜明け前とこの時刻くらいから鳴き出すようだ。ひょっとしたら、夕立が来る前だったからかもしれない。夕立がトタン屋根をたたくのを聞きながら、汗を風呂で流して帰途についた。

　H?tte：Hachi は、DIY を試すには格好の場を提供してくれている。

ハチ高原近辺私的観光地図に掲載　

　

タグ:

Permalink | Category : DIY, Hutte | Comments [2] | Trackbacks [1]