Web

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

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

CSS text-shadowメモ

CSSのtext-shadowメモ 仕様(簡単に) text-shadow: offset_x | offset_y | blur | color; offset_x 左右方向の影の位置。0だとテキストと重なる。このときでも、b...
Web

Djangoアプリにfaviconを設定する

Djangoを使ったWebアプリにfaviconを設定する。 追記 2021/01/19: faviconジェネレータサイトについて更新 環境 Django==2.2.5 参考 How can I get a...
Mac

Terminal.appのウィンドウグループが壊れたので修正する

ターミナル.appのウィンドウグループのロードがおかしくなったので修正した時のメモ。 ターミナル.appのバージョンは、2.8.3。 ウィンドウグループの概要 macOSのターミナルには、メニュー > ウィンドウのところに、ウィ...
Docker

docker上で動かすwordpressのサイトヘルスを改善する

wordpressのサイトヘルスを改善した。 レンタルサーバとかでなく、dockerで運用中なので、資料が少なくて難儀した。 解決すべき問題 主に2つ。他にも更新関係があるが、テーマやプラグインの更新などは、特別な理由がなければ、通知...
Mac

macosからcomicglassへファイルをランダムに転送したかった

comicglassへmacosからファイルを転送する 目的 ランダムにファイルを選択して転送したい。 結果 ダメだった。以降は、試したことを書いておくだけ。 ComicGlassについて ComicGlass|ComicRea...
Python3

pymongo findでできることはaggregateではしない

pymongoではなるべくaggregateでなく、findを使いたい。なので、findの引数をメモ。 aggregateは、パイプラインを使って色々できるが、個人的にはfindで実現できない場合だけ使いたい。($unwindなど) f...
CSS

CSSのdisplay: flex;で動的な幅変化に対応する

CSSのメモ。display: flex;で動的な横並べを行う。 実現したい動作 要素Aの隣にある程度の幅が空いていれば、隣に要素Bを表示したい。要素Aは固定幅を持ち、要素Bは最小幅を持ち、幅の空きに応じて横に広がる。 幅に余裕のない...
Vue

グローバルなCSSをVue CLIで使う

Vue CLIでグローバルで使えるCSSを設定する 環境 @vue/cli 4.0.4 sass-loader 8.0.0 簡潔に グローバルでというのはどの.vueファイルの<style></style...
Python3

python3 親兄弟フォルダのモジュールをインポート。ルートフォルダから実行。

Pythonのimportについて調べる。 想定 プロジェクトのルートディレクトリから、子孫のディレクトリにあるスクリプトの実行を想定する。 そのスクリプトでは、親兄弟のディレクトリのモジュールをインポートする。 参考 公式doc...
タイトルとURLをコピーしました