カミュプリィの雑多なメモ

カテゴリー: 未分類

  • [HTML]サイトアイコン（ファビコン）を設定します

    [HTML]サイトアイコン（ファビコン）を設定します

    　ウェブサイト毎に独自のアイコンが設定されているサイトを目にしますが、ワードプレスのアイコンをそのまま使っているサイトも見かけます
    　このアイコンを変更してみましょう

    画像

    　サイズが異なる画像（シンボル）がいくつか必要になります

    favicon.ico（ふぁびこん）

    　縦横ともに48ピクセルの画像で用意します
    　ファイルをFTPでサイトのルートフォルダに保存します
    例：www.commuply.co.jp/favicon.ico

    apple-touch-icon.png

    　縦横ともに180ピクセルの画像で用意します
    　ファイルをFTPでサイトのルートフォルダに保存します
    例：www.commuply.co.jp/apple-touch-icon.png

    サイトアイコン

    　縦横ともに150ピクセル以上のアイコンを用意しましょう
    　検索エンジンは48ピクセルの倍数がよいそうなので、48ピクセルの4倍にあたる192ピクセルにします

    HTMLファイルのばあい

    HTMLの<head>の中に次の行を書きます。

    <link rel="icon" href="/favicon.ico.ico"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

    WordPress（ワードプレス）のばあい

    　[メディア]に192ピクセルの画像を登録します

    　192ピクセルの画像を、[外観]からテーマの[サイトアイコン]を設定します。テーマ毎に具体的な設定場所が異なります

    　[Ogp Plus]プラグインを登録して、デフォルトOGP画像に192ピクセルの画像を登録します

    　[Head & Footer Code]プラグインを登録して、[HEAD Code]欄に次のコードを登録します

    <link rel="icon" href="/favicon.ico.ico"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

    BaserCSM（ベーサーシーエムエス）のばあい

    サイトのフォルダ/app/webroot/favicon.icoを更新します。

  • [DNS]wwwなしをwww付きURLへリダイレクト

    　カミュプリィのウェブサイトwww.commuply.co.jpは、wwwなしのcommuply.co.jpでもアクセスできるように、DNSで同じIPアドレスを設定しています。
    ウェブサイトはwww付きのhttps://www.commuply.co.jp/ですよ！とご案内してますので、wwwなしでアクセスしてきたときはwww付きへ自動変換しています。

    （空欄） A IPアドレス
WWW A IPアドレス

    参考にしたページはつぎのものです。
    【.htaccess】httpからhttpsへリダイレクト、wwwありなし統一、index.html（php）ありなし統一の設定方法＆記述内容の意味

  • [HTML]テンプレート

    　HTMLの書き方は人それぞれ多種多様ではないかとおもいます。
    しかしながら初めてHTMLを書こうと思い立ったひとは、やることが多すぎて困ってしまうのかなとおもいます。
    そんなわけでこんな感じでどうでしょうか？というテンプレートをつくってみました。

    <!doctype html>
    <html lang=”ja”>
    <head>
    <meta charset=”utf-8″>
    <meta name=”viewport” content=”width=device-width,initial-scale=1″>
    <meta name=”description” content=”ページの要約”>
    <meta name=”keywords” content=”キーワード1,キーワード2″>
    <title>ページのタイトル</title>
    <link rel=”shortcut icon” href=”./favicon.ico”>
    <link rel=”stylesheet” href=”./スタイルシートのファイル名.css”>
    <script type=”text/javascript” src=”./スクリプトのファイル名.js”></script>
    <meta property=”og:site_name” content=”サイト名”>
    <meta property=”og:type” content=”website”>
    <meta property=”og:url” content=”サイトのパス”>
    <meta name=”twitter:card” content=”summary”>
    <meta name=”twitter:domain” content=”サイト名”>
    </head>
    <body>
    <header>
    /* ここにページの上部を書く */
    </header>
    <main>
    /* ここにページの本文を書く */
    </main>
    <footer>
    <small>Copyright &copy; 2022 <a href=”著作者のサイトのパス”>著作者名</a></small>
    </footer>
    </html>

  • [FTP]サーバへ保存するファイルは英数字にします

    　ファイル名が日本語のファイルをFTPでアップロード／ダウンロードすると文字化けします。
    ファイル名は英数字にするようお願いします。

  • [Edge]ファイルを更新したのにブラウザが更新されない

    　サーバに乗っけたCSSや.htaccessファイルなどを更新したのに、ブラウザで開いてみると更新されないってことが多々ありませんか？
    WindowsならMicrosoft Edgeの設定を変更して、ブラウザを閉じて開きなおせば最新のファイルを再読み込みしてくれるようにできます。

    まずMicrosoft Edgeを開きます。
    画面右上にある 『・・・』 から『設定』を選び、『プライバシー、検査、サービス』を開きます。
    『閲覧データをクリア』欄にある『ブラウザーを閉じるたびにクリアするデータを選択する』を開き、『キャッシュされた画像とファイル』をオンにします。

    　これでMicrosoft Edgeを開きなおすたびに変更内容が反映されます。

  • [Python]このプログラムのパス

    　CGIとして呼ばれるPythonプログラムをつくって、Cronからも呼び出すようにしました。
    Pythonプログラムから、プログラムと同じディレクトリにある別のファイルにアクセスするようにしました。この実行中のプログラムファイルの絶対パスを取得しようと試行錯誤したのですが、結果はダメでした。仕方なくプログラムの絶対パスを定数としてプログラムに埋め込みました。

    　カレントディレクトリを取得する方法は次のようなものですが、CGIから呼び出されるときはプログラムのあるディレクトリと同じでした。Cronから呼び出すとプログラムとは異なるディレクトリになりました。

    import os
    カレントディレクトリ = os.getcwd()

    または

    import os
    カレントディレクトリ = os.path.abspath('./')

  • [Python]文字コードや改行コード

    StarServerに配置するPythonのCGIは、文字コードUTF-8、改行コードLFにしないと動きませんでした。

  • [Python]先頭に書くコマンドパス

    Pythonプログラムの先頭に書くコマンドパスは次のようにします。

    !/usr/bin/python3.6

    StarServerでは次のようにすると動きませんでした

    !/usr/bin/env python

  • [Python]CGIが外部ファイルを指定するときのパスの書き方

    CGIはサーバ上で動かすものなので、http のパスではなく、FTPでアクセスするときのパスで書きます。

  • [Python]拡張子.pyのままCGIとして動かす方法

    .htaccessファイルに次の行を追記します。

    AddHandler cgi-script .py

  • [HTTP Server]httpからhttpsへの強制リダイレクト

    　誰かが http://www.commuply.co.jp/ へアクセスしようとしても、必ずセキュリティ付きの https://www.commuply.co.jp/ を表示するように設定することができます。

    　サイトの全体を変更するには、サイトの一番ルート部分にある .htaccess ファイルに次のおまじないを記載します。

    RewriteEngine on
    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

  • [Windows]UTF-8のファイルを簡単につくる方法

    　フォルダの空いているところでマウスの右ボタンをクリックし、[新規作成]-[テキスト ドキュメント]を選びます。

    　ちなみにメモ帳を新しく開くと『ANSI』のこともあれば『UTF-8』のこともありました。でも、今みると『UTF-8』でした！パソコンによって異なるのかなぁ？