highcharts Y軸タイトルを上部に水平に記述する

highchartsのグラフ横にタイトルが表示されると、幅が狭いとグラフが極端に小さくなるので、タイトル位置を変更したい。で、やり方は以下でOK。 yAxis: { lineWidth: 1, tickWidth: 1, title: { align: 'high', offset: 0, text: 'Rainfall (mm)', rotation: 0, y: -10 } },（参考サイト）Place the Y axis title on top of the axis...

highcharts seriesでtooltipの記述を変える方法

highchartsのtooltipをseriesで変えたいなと。seriesのtooltipで設定しても反応しないかった。結局はtooltipのformatterでseries.nameでifで分岐すればなんとかなった。 tooltip: { formatter: function() { if(this.series.name == 'AAA' ){ return false ; }else { return this.series.name + this.y + 'm'; } } ...

T2 Unlimited インスタンスに変更

バースト機能あるT2インスタンスは、結構便利で使っているのだけど、クレジット使い切るとへなへなになるので、クレジット残量をアラート等して、色々工夫していた。なんと、re:Invent2017でT2 Unlimited が発表されたので、ちょっと調べてみた。（参考サイト）新しいT2 Unlimited – バーストを超え、高い性能を発揮・T2 Unlimited インスタンスは、1日分に相当する将来のクレジットを利用して、追加のバースト実行が可能・クレジ...

datatables レイアウト変更 dom

jquery datatablesでフィルター、ページ、表の位置を変更したい場合、オプションのDOMで変更可能。$('#example').dataTable( {

wimax2+ Speed Wi-Fi NEXT W04 SSID パスワード変更の仕方

管理画面ログインの注意点（macの場合）はこちら。wimax2+ w04 wifi 管理画面 macの場合対処法で、管理画面ログイン後、[設定]↓[LAN設定]↓[セキュリティ設定]SSID1にSSID、WPA事前共有キーにパスワードを変更して、適用押せばOK。（参考サイト）マニュアル p60https://www.au.com/content/dam/au-com/static/designs/app/publish/torisetsu/pdf/w04_torisetsu.pdf...

wimax2+ w04 wifi 管理画面 macの場合対処法

ssidなど変更する場合は、wifiに接続したあとに、「http://speedwifi-next.home」にアクセスして・・・と説明書に書いてあるけど、エラー「このページは動作しません」これは、macだとこうなるみたい。macでの管理画面に接続仕方 解決策「http://speedwifi-next.home」の代わりに、「http://192.168.100.1/」でOK。参考サイトhttps://sosukeblog.com/2015/02/24/8796/...

Amazon S3 転送料が気になるので対策（conoha併用）

Amazon S3は安い！特に保存している分に対してはめっちゃ安い。1GBあたり月3円レベル。でも、転送料が結構するし、どのくらいかかるか見込めない。。。例えば1回インターネット上から1GBをダウンロードすると15円くらいかかる。回数あたりだからなかなか概算読めない。eラーニングの画像、動画コンテンツをユーザーが何度もダウンロードする場合は、月額費用算定する場合、いつもS3の転送料が想定以上になることがよくある。こ...

ELBにセットしているRapidSSLからAmazon Certtificate ManagerのSSL証明書に変更する

RapidSSLの証明書が有効期限きれるので、Amazon Certtificate Managerにしようかなと。自動更新してくれるし、無料なので。証明書の作成マネジメントコンソール↓Amazon Certtificate Manager↓[証明書のリクエスト]↓ドメイン名記入ワイルドカード使用の場合は、*.example.com↓[確認とリクエスト]↓admin@example.comに認証メールが送られる。ACMはドメイン認証型のSSL証明書になります。この管理者メールが受信できて認証（クリック...

jquery datatables 横スクロール時に列固定

横にも縦にも長いテーブルをスマホでも操作しやすくみれる表って自作すると結構難しい。ヘッダー固定して、さらに横スクロールする時に1番左の列は固定したまま、2列目以降はスクロールされたいなと。jqueryのdatatablesでscrollXとscrollYを指定して、fixedcolumnsを使うと実現できたので、メモ。（参考サイト）https://datatables.net/extensions/fixedcolumns/jsとcssをセットして、テーブルのパラメータはこんな感じで思い通...

leaflet.js ズームボタン位置変更

leafletでマップ作成のときに、zoomControl:trueにするとデフォルトで左上に＋、ーのズームボタンが表示させます。セット後に、googleマップみたいに右上にしたい場合は、以下のようにすればOK。map.zoomControl.setPosition('bottomright');（参考サイト）http://stackoverflow.com/questions/22926512/customize-zoom-in-out-button-in-leaflet-js...

leaflet.js レイヤ切り替えボタン位置変更

leafletのレイヤ切り替えボタンはデフォルトでは、右上にセットされるが、凡例おきたいとかで、場所を変えたいなと。オプションで変更可能positionプロパティを以下の四隅でセットできます。'topleft', 'topright', 'bottomleft' or 'bottomright'（参考サイト）http://leafletjs.com/reference-1.0.3.html#control左上にする場合は、こんな感じでセットすればOK。L.control.layers(map_baselayer,null,{position: 'topleft'}).add...

leaflet.js ホームボタン追加

leafletでホームボタンを用意する。以下のようなホームに戻るプラグインは用意しているけど、今後ホームというか複数ボタン用意してそれぞれのところに移動させたいので、今回はこれを使用しないことに。（参考サイト）https://github.com/torfsen/leaflet.zoomhomeこちらのボタンプラグインを使用。（参考サイト）https://github.com/CliffCloud/Leaflet.EasyButtoneasy-button.jsとeasy-button.cssをセットすればOK。 ...

leaflet.js ポリライン描画

ポリラインも描画してみる。var latlngs = [ [35.730679, 139.684527], [35.730011, 139.685845], [35.731058, 139.686326], [35.731074, 139.686579], [35.731517, 139.686726]];L.polyline(latlngs, {color: 'red'}).addTo(map);（参考サイト）http://leafletjs.com/reference-1.0.3.html#polyline...

leaflet.js 縮小地図追加

leafletで縮小地図を追加したいなと。プラグインが用意されています。（参考サイト）https://github.com/Norkart/Leaflet-MiniMapControl.MiniMap.jsとControl.MiniMap.cssをセットする。トグルボタン使用する場合はimagesの画像もセット。var minimap = new L.Control.MiniMap(base_osm_mini).addTo(map);オプションも用意されていて、スマホ画面の時に閉じたいとかあるので、閉じるボタンを有効にする場合はこんな感じ。縮小地図...

leaflet.js マーカー パルス

leafletでマーカーをパルスっぽく点滅するようにカスタムしたいなと。このプラグインを使うとそれっぽくなった。（参考サイト）https://github.com/mapshakers/leaflet-icon-pulse...

leaflet.js ポイントマーカー グルーピング マーカークラスタ

leafletでたくさんのポイントマーカーが重なると見えにくい場合にグルーピングする際のプラグインこちらのプラグインを使用すると、近いポイントをまとめて、個数を表示してくれる。拡大すると、各ポイントを表示して縮小表示の時にグルーピングになる。（参考サイト）https://github.com/Leaflet/Leaflet.markercluster使い方は、leaflet.markercluster.jsMarkerCluster.cssMarkerCluster.Default.cssをセット。var markers = L.m...

jquery バージョン確認する方法

jqueryファイル名等にバージョン記載されていない場合とかにチェックしたい時、以下をscriptに追加でアラートにバージョン表示されます。jqueryのバージョン確認する方法window.alert($.fn.jquery);...

leaflet.js スケール表示

leaflet地図にスケールを追加したいなと。単純にスケール追加L.control.scale().addTo(map);デフォルトでmetric（m/km表記）とimperial（mi/ft表記）がtrueになっている。今回、メートルだけで良いので、imperialを非表示に。L.control.scale({ imperial: false }).addTo(map);（参考サイト）http://leafletjs.com/reference.html#control-scale...

openlayers3 leaflet比較

今度作成するサービスのWebGIS的な部分をopenlayers3かleafletのどちらにしようかなと。openlayers3とleafletの比較をまとめてくれているサイトは以下。（参考サイト）OpenLayersとLeafletの比較OpenLayers vs. Leaflet・openlayers3の方ができることは多いっぽい。・openlayers2とopenlayers3は互換性がないメソッドがあったりする。・leafletの方が軽量で導入の敷居が低い。プラグインが充実。以下が開発用ドキュメント・openlay...

pythonでラズパイのシリアル番号取得

ラズパイ上でpythonでラズパイのシリアル番号（個体番号）を取得したいなと。import commandsprint(commands.getoutput(