OCテックノート

2018年6月22日

OpenStreetMapとは

OpenStreetMapは誰でも編集ができる、オープンソースの地図です。
Wikipediaの地図版とでも思ってみてください。
今やGoogle Mapより進化が早いのでは？と言われています。

なぜOpenStreetMapを使った方がよいか？という最大の理由は大変シンプルです。

”無料だから。”

Google Map APIは、ビジネスで利用するには有料となっています。

その金額は、年間　184万円（17500ドル）ドルと大変高額です。
3年利用する場合は552万円もかかるわけです。
5年間で920万円です。
大体のシステムは5年間ぐらいは使うでしょうから、1千万円近くGoogleに支払いをしないといけません。

しかも、Google Mapのセールスは大変不親切で質問や要望にまったく答えてもらえません。
こちらから電話は一切かけられません。かけると、英語の留守電になります。
普通の日本の会社のように、誰かが電話をとりついでくれたりはしません。

そんな会社から、1000万円もする買いものをしたくないですよね★

それに、Googleが将来的に利用規約などを改訂した場合、突然APIが止められたり、アプリが廃止になったり、という大きなビジネスリスクが存在します。

Google Map APIの利用規約が大変複雑なのを知っていますか？
http://www.google.co.jp/permissions/geoguidelines.html

法人が利用する場合、印刷していいのか悪いのかもまったくわかりませんね。

そんなコストやリスク、ストレスから、おさらばしましょう。
個人がホムペに地図を表示する分にはGoogle Mapでかまわないと思いますが、ビジネスユースで利用するにはリスクが大きいため、OpenStreetMapを利用することをお勧めします。

なお、地図のAPIは、他にも販売している会社がいくつかあり、Googleほど高いところはそんなにありませんが、月額10万円近くしたりという金額は似たりよったりです。

そんな地図を購入しなくても、OpenStreetMapには十分な機能と情報があります。
何より、一般の人々が自由に編集できるという強みがあります。
Wikipediaの進化に見るように、情報の価値は、どれだけ多くの人がその情報作りに参加しているか、ということで上がります。

他にも

オフラインで使える
外国の地図も英語で見れたりする

という利点があります。

OpenStreetMapの見本はこちら
弊社のある横浜が中心となっております。
http://osm.jp/map#zoom=12&lat=35.44371&lon=139.63803&layers=B00

OpenStreetMapでのシステム開発依頼はこちらへどうぞ

2018年6月22日

無料で出来るOffice環境 OpenOffice

Microsoft Word、Excel、PowerPoint、Accessを自宅のPCに導入しようとして
「ソフトが高いなぁ」なんて感じた事はないでしょうか

パソコンをメーカーから購入してプリインストールされている場合であればいいですが
ソフトを別途単体で購入しようとすると、ちょっとためらってしまう価格ですよね。

ここでは、フリーで使える&color(#ff0000){マイクロソフトOffice互換};のソフトを紹介します。
どれもマイクロソフトの製品と殆ど同じ画面、同じ操作、同じ形式での保存ができます。
またマイクロソフト製品のOfficeで作成されたファイルを閲覧・編集もできます。

-インストール方法>#u861c2af
-OpenOfficeの概要>#icb05525
-OpenOfficeの画面>#e1231310
-ユーザーが増えてきたので書籍も沢山でてきてます！>#of62f17e

”インストール方法”

OpenOffice.org日本ユーザー会にジャンプ
こちらのホームページ画面右にある「最新版ダウンロード」ボタンを押下してページを遷移させてください。

インストールするOSを選択
ダウンロードが開始される。
保存時に指定したフォルダ内にカモメマークのアイコンができているので、こちらをダブルクリック
後は設問に答えていけばインストール完了です。

”補足：”　こちらのページに詳細なインストール手順書が掲載されています。

OpenOfficeの概要

OpenOffice(オープンオフィス)では以下の通りマイクロソフト　Office(以下　MS Office)と同等のソフトを用意しており
年々、MS Officeとの互換性が強化されています。
現在では同機能といっていい水準にまで達してきており、海外では官庁で導入されている事例があるほどです。
日本では、Linuxユーザーや漫画喫茶※１にあるパソコンでOpenOfficeをインストールしている例が多いです。

※１　余談ですが、マイクロソフトは漫画喫茶のような環境でMS Officeを使う場合、&br;ライセンス料と月額使用料を求めているので、設備費が相当かさんでしまう現実があるみたいです。
こんな理由から現在、大手漫画喫茶チェーン店では店舗にある全てのＰＣにMS Offieceをインストールしている所はないようです。

OpenOfficeの画面

　各画面をインストールする前に確認したいという方もいらっしゃると思います。
ここでは各ソフトの画面を紹介します。
　(Draw(ドロー)に関しては使い勝手がいまいち評価できなかったので未掲載です
　Writerとほぼ同等画面でImpressの図形描画機能が使えて、Jpeg形式などで保存ができるといった程度でしょうか・・）

ワープロ機能をもったWriter(ライター)画面

殆どWORDと同じ画面です。(一見するとどこが違うか分からないくらい)
WORDで使用される殆どの機能をそなえているので実際には違和感なく使えるはずです。

&ref(openoffice_writer.jpg);

表計算機能をもったCalc(カルク)画面

こちらも殆どEXCELと同じ画面です。
EXCELで使用できる代表的な関数は網羅しています。
「セルの書式設定」の構成が若干EXCELと異なるので違和感を感じるかもしれません。
注意！　EXCELマクロ・VBAによるプログラムは対応していません。

&ref(openoffice_cal.gif);

プレゼンテーション機能をもったImpress(インプレス)画面

こちらも殆どPowerPointと同等です。
ただ、デフォルトでインストールされているテンプレートの数が極端に
少ない事に違和感を感じるかもしれません。

&ref(openoffice_impless.jpg);

データベース機能をもったBase(ベース)画面

テーブル・クエリーの構成はAccessと同等です。
ただ、レポート・フォームに関してはテンプレートが少ない為に一から作ると考えた方がいいかもしれません。
注意! VBAによるプログラムはできません。SQLで作成する事になります。

&ref(openoffice_base.gif);

数学的表記に特化したMath(マス)画面

この機能はお勧めです。
通常、WordでもEXCELでも分数やルートの表記はなかなかうまくできません。
このMathを使うとこれらの表記が簡単に作成できます。

&ref(openoffice_math.jpg);

このソフトを使うと例えばこんな表記も作れたりします。
&ref(mimetex.gif);

よく理系の大学などで論文作成で使われるソフト
”TeX(テフ)”
に近いかもしれません。

ユーザーが増えてきたので書籍も沢山でてきてます！

OpenOfficeに関する書籍は近年徐々に増え始めています。
その使い勝手とフリーという点からユーザーが増えてきているからですね。
ここでは代表的な書籍を紹介します。

Amazon.co.jpで「openoffice」と入力すると20冊程度の書籍が表示されます。

2018年6月22日

OpenLayersでOpenStreetMapを利用する

Javascript

OpenLayersでOpenStreetMapを利用するはじめの一歩

OpenStreetMap（略してOSM）がアツイ！という話を以前していて、その際はAndroidアプリにOSMおりましたが、今度はWebにOSMを埋め込んで利用してみたいと思います。

まず、超はじめの一歩で、Hello WorldならぬｍHello Map!で、地図をさくっと表示させてみたいと思います。

WebサイトにOSMを埋め込んで利用するには、下記にあるように、他の表示用のJsライブラリと連動させて表示する必要があります。
http://wiki.openstreetmap.org/wiki/Develop/Frameworks#Webmaps

一覧がありますが、最初は一番上のLeafletが軽いと自称しているのでいいかな、と思ってたんだよね。
しかし、LeafletはCloudMadeという会社が作っているようですが、CloudMadeのAPIキーを取得して、Leafletを利用する、というのがLeafletの最初のチュートリアルで書いてありますが、
http://leafletjs.com/examples/quick-start.html
CloudMadeのページでこのAPIキーの登録のページとか、見つからないんですよね。ちょっと詳しい情報を見ようとすると、連絡先を入力するように、ということになってしまいます。
なんとなく不安を覚える雲行きですし、本当にオープンなものを利用したい、というのが最近の私の方向性なので、OpenLayersを使ってみることにしました。

ということで、ほぼこのページのコピペではありますが、
http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example
ちょっとした解説付きで載せておきます。

 <!DOCTYPE HTML>
 <html>
  <head>
    <title>OpenLayers Demo</title>
    <style type="text/css">
      html, body, #basicMap {
          width: 100%;
          height: 100%;
          margin: 0;
      }
    </style>
    <script src="http://openlayers.org/api/OpenLayers.js"></script>
    <script>
      function init() {
        map = new OpenLayers.Map("basicMap");
        var mapnik         = new OpenLayers.Layer.OSM();
        var fromProjection = new OpenLayers.Projection("EPSG:4326");   // Transform from WGS 1984　測地系というやつです
        var toProjection   = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection　メルカトル図法…的なやつです
        var position       = new OpenLayers.LonLat(139.632314,35.45797).transform( fromProjection, toProjection); //中心座標　みなとみらいです。
        var zoom           = 15; 
 
        map.addLayer(mapnik);
        map.setCenter(position, zoom );
      }
    </script>
  </head>
  <body onload="init();">
    <div id="basicMap"></div>
  </body>
 </html>

これを実行すると、横浜のみなとみらいを中心とした、OpenStreetMapが表示されます。

FONTが小さくて見えない；；携帯電話。。 — FONTER {2017-04-11 (火) 17:55:12}

OpenStreetMap]]を利用するアプリやシステムの開発依頼は[[こちら！

2018年6月22日

OpenLayers Mapのz-indexを変更する

Javascript

OpenLayers Mapのz-indexを変更する

OpenLayers]]＋[[OpenStreetMapに取り組んでいますが、困ったことに遭遇。

地図のちょうど上らへんにメニューバーがあり、プルダウンメニューがあるのですが、地図の下にプルダウンメニューが隠れてしまうんです。

z-indexを調整すればいいんだろうなーと思い、OpenLayers.LayerのsetIndexとかを使うのかと思い、ごにょごにょやっていましたが、なんか見当違いなのか治らず。
ちなみに、Mapの画像表示領域のz-indexはz-index:749となっていますね。

プルダウンメニューのz-index:1000とかにしても直らず。
地図をCSSで

 #map{
 	z-index:1;
 }

とやっても直りません。

あれー
と思っていたら、ここに答えがありました。
http://gis.stackexchange.com/questions/15033/why-would-openlayers-always-render-over-other-divs

z-indexはpositionを指定しないとダメ！

ぁっ…そんなことがあった気が…記憶の片隅に…

 #map{
 	z-index:1;
 	position:relative;
 }

これで解決です。

2018年6月22日

OpenLayers

OpenLayersとは

地図をWeb上にダイナミックに表示するためのオープンソースのjavascriptライブラリです。
Goole Mapなどにも使われています。

本家サイト
http://openlayers.org/

ドキュメントが整備されていて、使いやすいです。

例）OpenLayers.Mapのクラスについて
http://dev.openlayers.org/docs/files/OpenLayers/Map-js.html#OpenLayers.Map.setCenter

OpenStreetMapとは

無料で出来るOffice環境 OpenOffice

”インストール方法”

OpenOfficeの概要

OpenOfficeの画面

ワープロ機能をもったWriter(ライター)画面

表計算機能をもったCalc(カルク)画面

プレゼンテーション機能をもったImpress(インプレス)画面

データベース機能をもったBase(ベース)画面

数学的表記に特化したMath(マス)画面

ユーザーが増えてきたので書籍も沢山でてきてます！

OpenLayersでOpenStreetMapを利用する はじめの一歩

OpenLayers Mapのz-indexを変更する

OpenLayersとは

OpenLayersでOpenStreetMapを利用するはじめの一歩