Web Tips Plus

2021年2月28日日曜日

CSS: Chromeで画像がぼやける

Chromeの場合、レスポンシブ対応にしていると画像がなんとなくぼやけてしまいます。

CSSで以下のようにすれば解決します。

img {

-webkit-backface-visibility: hidden;

}

2021年2月24日水曜日

Linux: ディレクトリ内を再帰的にgrepする

grep -lr 検索文字列 /var/www/html

-r は再帰的に実行するためのオプション
-l はファイルだけを探索するオプション

ファイル名を指定したい場合は --include= オプションを使用します。

grep -lr 検索文字列 --include="*.html" /var/www/html

2021年2月17日水曜日

Django 文字数制限した要約文の作成 Truncator()

例

from django.db import models

from django.utils.text import Truncator

class Board(models.Model):

# ...

def __str__(self):

return self.name

class Topic(models.Model):

# ...

def __str__(self):

return self.subject

class Post(models.Model):

# ...

def __str__(self):

truncated_message = Truncator(self.message)

return truncated_message.chars(30)

2021年2月14日日曜日

PythonをCGIとして実行する - CentOS7の場合

プロバイダ: さくらインターネットVPS

OS: CentOS7

Python3.6を手動でインストール済み

まず、Pythonがインストールされているパスを調べておきます。

通常は /usr/bin/python3.6

ですが、各自環境に合わせてください。

◆cgi-binディレクトリ内でPythonを実行させる場合

１．/etc/httpd/conf/httpd.conf 内の以下赤文字部分を追記

ScriptAlias /cgi-bin/ "/var/www/cgi-bin/"

</IfModule>

AllowOverride None

#Options None #無効化

Options ExecCGI #追記

Require all granted

AddHandler cgi-script .py .pyc #追記

</Directory>

※httpd.conf編集後、Apacheを再起動（$ systemctl restart httpd）すること。

２．/var/www/cgi-bin 内に以下の内容の hello.py を保存する。

#!/usr/bin/python3.6

import ioimport sys# 日本語を使用する場合、出力ストリームの文字エンコーディングを指定sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding='utf-8')

# HTTP ヘッダprint('Content-Type: text/html; charset=utf-8')print() # blank line, end of headers

# HTML 本文print('<html><body>')print('Hello, world.<br>')print('こんにちは、世界。<br>')print('</body></html>')

※hello.pyファイルは、改行コード：LF、パーミッション：755にすること。

３．http://ホスト名/cgi-bin/hello.py にアクセスすると実行される。

◆ドキュメントルート以下で実行する場合

ドキュメントルート例：/var/www/html/python

１．以下の内容で /var/www/html/python/.htaccessファイルを保存する。

Options +ExecCGI

AddHandler cgi-script .py .pyc

２．前述と同じ内容の /var/www/html/python/hello.py を保存する。

３．http://ホスト名/python/hello.py にアクセスすると実行される。

参考
CentOS7上でPython3をCGIとして動かすまで

https://qiita.com/kusyami_p/items/7ca4fd774c12fc6324a2

pythonファイルをCGIとしてレンタルサーバー上でphp経由でCorn実行することで「500 Internal Server Error」を回避する方法 - なろう分析記録

https://karupoimou.hatenablog.com/entry/2019/05/21/184126

2021年1月6日水曜日

「Wijmo（ウィジモ）」とElectron、Reactを組み合わせて、Web技術でデスクトップアプリをつくろう

「Wijmo（ウィジモ）」とElectron、Reactを組み合わせて、Web技術でデスクトップアプリをつくろう (1/4)：CodeZine（コードジン）

https://codezine.jp/article/detail/13182

2020年12月8日火曜日

SPA用のサーバー設定（Apache）

SPA（シングルページアプリケーション）を page.js で一生懸命作って、サーバー(Apache)のディレクトリにアップしたところ、ルーティングが全然うまくいかない。 WordPressの設定に倣って、以下のようにしたところ無事解決しました。

.htaccess

<ifmodule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /spa/
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /spa/index.html [L]
</ifmodule>

/spa/index.html がSPAのファイルです。

2020年11月10日火曜日

ChromeのCanvasアニメーションの動きが重い

ChromeでCanvasのアニメーションが、とても遅くてカクカクとしか動かない。

どうにも動作が遅いので、調査したところ以下の設定をEnabledにしてやると問題ないレベルで滑らかに動作するようになった。

ChromeのURL欄に chrome://flags/ と入力すると以下のような画面が現れる。

以下の4つをEnabledにした。

Override software rendering list
GPU rasterization
Out of process rasterization
Zero-copy rasterizer

とりあえず解決されてよかったですが、この現象が発生しているのは古めのPCで、何が原因で遅くなってしまったかが不明です。

登録: 投稿 (Atom)