日々学んだことを残しておこう。きっと未来の自分が探しにくる。 (ただ忘れっぽいだけです…)

スポンサーサイト


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-------- : スポンサー広告 :
Pagetop

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


RapidSSLの証明書が有効期限きれるので、Amazon Certtificate Managerにしようかなと。
自動更新してくれるし、無料なので。

証明書の作成


マネジメントコンソール

Amazon Certtificate Manager

[証明書のリクエスト]

ドメイン名記入
ワイルドカード使用の場合は、
*.example.com

[確認とリクエスト]

admin@example.comに認証メールが送られる。
ACMはドメイン認証型のSSL証明書になります。
この管理者メールが受信できて認証(クリック)できるということで、このドメインを申請した人は、申し込んだ人だと判定するので、admin@example.comを登録必要。このadmin部分は他のものに変更できなさそう。

届いたメールの、Amazon Certificate Approvalsの乱数リンクをクリック

OK


証明書をELBにセット


マネジメントコンソール

EC2

[ロードバランサー]

変更するロードバランサにチェック

[リスナー]

HTTPSのSSL証明書に既存のRapidSSLの証明書がセットされているので、[変更]をクリック

証明書タイプを
[AWS 証明書マネージャ (ACM) から、既存の証明書を選択する]
にチェック

修了書に作成したドメイン*.example.comを選択し、[保存]をクリックで完了


サイトにアクセスして、認証局を確認


ブラウザによって違うので以下を参考に。
https://jp.globalsign.com/service/ssl/knowledge/authentification.html

認証局がちゃんとAmazonになってますねー。
スポンサーサイト
2017-06-13 : AWS : コメント : 0 : トラックバック : 0
Pagetop

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


横にも縦にも長いテーブルをスマホでも操作しやすくみれる表って自作すると結構難しい。
ヘッダー固定して、さらに横スクロールする時に1番左の列は固定したまま、2列目以降はスクロールされたいなと。

jqueryのdatatablesでscrollXとscrollYを指定して、fixedcolumnsを使うと実現できたので、メモ。

(参考サイト)
https://datatables.net/extensions/fixedcolumns/

jsとcssをセットして、
テーブルのパラメータはこんな感じで思い通りにスマホでも、ヘッダー残ったまま、縦スクロールして、横には一番左列が残ったまま横スクロールできました。
jsとcssのバージョンがあっていないと、ヘッダーの下にもう一つヘッダーみたいなのが出てきたり、列や行が崩れたりしたけど、バージョンを合わせれば問題なくいきました。


$('#table0').DataTable( {
bInfo: false,
bFilter: false,
scrollY: '50vh',
scrollX: true,
scrollCollapse: true,
paging: false,
fixedColumns: {
leftColumns: 1
}
} );



2017-05-12 : JavaScript : コメント : 0 : トラックバック : 0
Pagetop

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


leafletでマップ作成のときに、
zoomControl:trueにするとデフォルトで左上に+、ーのズームボタンが表示させます。

セット後に、googleマップみたいに右上にしたい場合は、以下のようにすればOK。
map.zoomControl.setPosition('bottomright');

(参考サイト)
http://stackoverflow.com/questions/22926512/customize-zoom-in-out-button-in-leaflet-js

2017-05-11 : GIS : コメント : 0 : トラックバック : 0
Pagetop

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'}).addTo(map);
2017-05-11 : GIS : コメント : 0 : トラックバック : 0
Pagetop

leaflet.js ホームボタン追加


leafletでホームボタンを用意する。

以下のようなホームに戻るプラグインは用意しているけど、今後ホームというか複数ボタン用意してそれぞれのところに移動させたいので、今回はこれを使用しないことに。
(参考サイト)
https://github.com/torfsen/leaflet.zoomhome

こちらのボタンプラグインを使用。
(参考サイト)
https://github.com/CliffCloud/Leaflet.EasyButton

easy-button.jsとeasy-button.cssをセットすればOK。

var homelatlng = [35.726672, 139.691971];
//ホームボタン追加
L.easyButton('fa-home', function(btn, map){
map.panTo(homelatlng);
}).addTo( map );
2017-05-11 : GIS : コメント : 0 : トラックバック : 0
Pagetop
ホーム  次のページ »

広告

読みたいと思っている書籍

Amazon Web Services クラウドネイティブ・アプリケーション開発技法 一番大切な知識と技術が身につく Amazon Web Services 定番業務システム12パターン 設計ガイド イラストで学ぶ 機械学習 最小二乗法による識別モデル学習を中心に (KS情報科学専門書) イラストで学ぶ ディープラーニング (KS情報科学専門書)

カウンタ

メールフォーム

名前:
メール:
件名:
本文:

GoogleTranslate

管理人のつぶやき

人気記事ランキング

カテゴリ

openclose

ブログ内検索

全記事表示リンク

全ての記事を表示する

ブログパーツ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。