Web

Web

OGPとTwitter Cardのタグを埋め込む

The Open Graph Protocol(OGP)を勉強したのでメモ。 OGPの概要 FacebookやTwitter上でウェブページをリッチに表示するためのプロトコル。 基本的な指定で以下のような表示を作ることができる。Twi...
Web

Djangoアプリにfaviconを設定する

Djangoを使ったWebアプリにfaviconを設定する。 環境 Django==2.2.5 参考 How can I get a favicon to show up in my django app? - Stac...
Web

Webブラウザ上でmdをhtmlに変換する簡易エディタを作った

以前、記事をMarkdownで書いてhtmlに変換してからアップするという流れを作った。しかし、bash上でコマンドによりhtmlに変換しているので、bashが操作できる環境でないと、変換作業ができない。 そして最近では、iPadで記事を...
Web

CSS 内部要素のスクロールだけ可能にする

スクロールを禁止するが内部の大きい要素のなかをスクロール可能にする。 body { overflow: hidden; } div.long-content { height: -webkit-fill-a...
Web

ブックマークレットでURLとページタイトルを含んだaタグを生成

webページのタイトルとURLをブックマークレットで簡単コピーしたい。 Safariの更新により、自作拡張機能が使えなくなったため。 ブックマークレットなら基本的にはブラウザを問わず使用できるため利便性も高いと思う。 ブッ...
Web

Docker nginx-proxy Django https接続時のapp/settings.pyの設定

Dockerで、Django appとjwilder/nginx-proxyとjrcs/letsencrypt-nginx-proxy-companionの3コンテナを連携させる時の、Django appのsettings.pyの設定メモ。...
Web

Docker コンテナ内のコマンドをホスト側から定期実行する

Dockerコンテナ内のコマンドをホスト側のジョブスケジューリング(cron)で定期実行する。 cron用のコンテナを立てる方法もあるようだが、設定が面倒なのでホストのcronを使う。 docker-composeのサービスwe...
Web

Bootstrap4 要素の左右センタリング

bootstrap4での要素の左右センタリングを行う bootstrap3で使っていた、.center-blockが使えない。 調べると、 html - Bootstrap 4 center-block unable to c...
Web

CSS bootstrapのrowspanを使ったtableで上下センタリング

bootstrapでrow spanを使った時に、上下方向にセンタリングする。 CSSでvertical-align: middle;を使っても、うまくいかなかった。 /* これだとセンタリング不可 */ table.myta...
Web

HerokuにChromeとChrome driverを入れておく

Seleniumのwebdriverをphantomjsからgoogle chromeに変更した。 気づいたらphantomjsがメンテナンスが終了してた。 なので、Seleniumで使用しているwebdriverを別のものにしてお...
タイトルとURLをコピーしました