Ivy SOHO.net

WeeblyにUIkitを追加すると便利です。

お問い合わせフォームのhtmlをアスメルから取り出して貼り付ける際にcssを調整するのに便利です。

ダウンロード：
https://getuikit.com/


アセット　＋
uikit.css, uikit.js, uikit-icons.js
この３つのファイルをアップロードします。

テーマー＞カスタマイズー＞header.html

以下を追加します。

head 内に
<link rel="stylesheet" href="/files/theme/uikit.css" />

</body>の前に以下を追加します。

<script language="javascript" src="/files/theme/uikit.js"></script>
<script language="javascript" src="/files/theme/uikit-icons.js"></script>


header.htmlだけでなく、活用しているテンプレートすべてにこの修正を行います。

WordやEXCELをHTMLフォーマットにオンラインで変換するサイト

https://wordhtml.com

Windowsから MACにとうとう乗り換えました。

使ってみると、標準でOfficeが用意されていて便利だし、何といっても画面キャプチャー機能やその描画機能がとても良いです。
Devasや秀丸に対応するアプリが今のところないのですが、それはWindowsアプリを動かせるようにするEasyWineで解決するので問題ないですね。

以下、主なアプリです。

・FileZilla FTP, SSH
　クロスプラットフォーム
　オープンソース

・Resizedit.app　画像一括縮小　
　ディレクトリー構造ごと一括処理。
　最大ピクセル数指定可能
　無料

　画像一括縮小は、様々ありますが、Resizedit.app が最も使いやすいです。
　ただし現在のところmacOS Mohave ver 10.14.5では、画像書き出し先を指定すると何も書き出されないというバグがあります。

・Atom+less plugin　Less書き出し　
　Atomはテキストエディタとしてタブ機能があるので便利。
　プラグインで様々拡張可能。
　オープンソース

・EasyWine.app 　Windowsアプリを実行
　Windowsでしか動かないアプリDevasを動かす時だけ利用
　他、マクロを使いたいときだけ秀丸も。
　正規表現で階層ごとファイルを一括置換できるアプリはMacでは見当たらない。

・Illustrator　やはり定番。

・Safari IE検証
　マルチブラウザー機能が便利。
　参照　
　https://blanche-toile.com/web/multibrowser-check

・FireAlpaca.app 筆圧タブレットを使って描画も

・7zX.app 圧縮・解凍　オープンソース
・Alfred 検索
・CotEditor　正規表現での検索・置換ができるテキストエディタ

他　macOS標準機能が便利

・メモ.app iPhoneと同期して便利
・メッセージ　iPhoneと同期して便利
・Numbers.app EXCEL互換
・Pages.app Word互換　
・Keynote.app Powerpoint互換　プレゼンテーション
・プレビュー.app

画面キャプチャーはShift+Command+5
※保存した後のスクリーンショット機能での描画機能が秀逸


試したいもの
・VirtualBox


入力機器：Wacom 筆圧タブレット

RSS feed をビジュアルに表示するWidjetサービスとしては
https://feed.mikle.com
このサイトが最も秀逸だと思います。

Google Maps表示は、緯度経度がわかっている場合は以下のソースをテンプレートに埋め込みます。

    <style>
       #map{code} {
      	border:solid 1px #666;
        height: 350px;
        width: 100%;
				background-color: grey;
       }
    </style>

    <div id="map{code}"></div>


   <script>
      // This example adds a marker to indicate the position of Bondi Beach in Sydney,
      // Australia.
      function initMap() {
        var map = new google.maps.Map(document.getElementById('map{code}'), {
          zoom: 15,
          center: {lat: {lat}, lng: {lng}}
        });

        var image = '{site_url}/images/maps/icons/icon_{data_type_mst_disp}.png';
        var beachMarker = new google.maps.Marker({
          position: {lat: {lat}, lng: {lng}},
          map: map,
          icon: image
        });
      }
    </script>


		<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=キー&callback=initMap">
    </script>

CMSを独自にインストールしてサイトを運営するより、Weeblyで可能ならWeeblyを使ったほうが効率的なサイトは実はほとんどそうなんのではないかと思います。

ただ、Weeblyは、英語版がデフォルトでなので、日本語環境でははまりがちな点がいくつかあります。

１．サイトのエンコーディングをかならず日本語にすること。

設定で、かならず日本語に変更してください。
管理画面の日本語設定だけでなく、各サイトごとにエンコーディングを設定にて変更できます。

２．タイトルなどがHTMLエンコーディングされて出力されているので、デコードして、確認しておくこと。

特にタイトルは重要です。
デコードは、たとえば以下のサイトでデコードできます。

http://www.convertstring.com/ja/Encod...HtmlDecode

３．トップページの、SEO　タイトル　は必ず設定しておきましょう。これがサイトトップページのタイトルとなり、SEOで最も重要な文字列となります。

インスタグラムのサムネイルをサイトに埋め込む方法として、もっとも使われているサイトはPowrです。

日本の比較サイトでよく紹介されているSnapWdgetだと、インスタグラムへ直リンクにならず、広告も表示されてしまうに対して、Powrは直リンクになり、広告はなく、編集画面へのリンクのみとなります。Powrは、日本語で紹介されているサイトが見受けられませんが、実は最もおすすめのサービスです。

無料からはじめられ、有料サービスにより、更新頻度を高めたり、掲載数を増やしたりできます。

htmlコードを取得する方法のほか、Weeblyなど各種サービスでアプリをインストールして利用することもできます。

CSSをminifyするサービスはこちら。
https://syncer.jp/css-minifier

JSをminifyするサービスはこちら。
https://syncer.jp/js-minifier

＜準備する＞

1. Node.jsをWindows機(Windows 7)にインストールします。

ダウンロード：
https://nodejs.org/en/

nodejをインストールして、起動。

clean-cssをインストールする
> npm install -g less-plugin-clean-css


＜コンパイルする＞

2. nodejを起動し、lessファイルがあるディレクトリに移動します。

> cd カレントディレクトリ

３．コンパイルする

> lessc [入力ファイル(.less)] > [出力ファイル(.css)]

出力をminifyしたい場合は、--clean-cssオプションを使います。

> lessc --clean-css [入力ファイル(.less)] > [出力ファイル(.css)]

ISPConfigでG Suite(Google APPS)向けを登録する方法です。

DNS > ゾーン > ivywe.co.jp > レコード > MX

Hostname: ivywe.co.jp.
Mailserver hostname: aspmx.l.google.com.
Priority: 1
TTL: 3600
[保存する]

Googleが指定する以下を同様に追加します。

domain ivywe.co.jp の場合：

[unscaled1]

ivywe.co.jp. aspmx.l.google.com. 1 3600 <--上記の手順で追加します。以下同様。
ivywe.co.jp. alt1.aspmx.l.google.com. 5 3600
ivywe.co.jp. alt2.aspmx.l.google.com. 5 3600
ivywe.co.jp. alt3.aspmx.l.google.com. 10 3600
ivywe.co.jp. alt4.aspmx.l.google.com. 10 3600

Geeklog コントロールパネルでは、smtpsをセットします。
メール設定[backend] smtps
メール設定[sendmail_path] /usr/bin/sendmail
メール設定[sendmail_args]
メール設定[host] smtp.gmail.com
メール設定[port] 465
メール設定[auth] 1
メール設定[username] xxx@xxxxxx.xxx
メール設定[password] xxxxxxx

名前、ホスト、エイリアスは、Google のヘルプサイトでは空白または @で良いことになっていますが、ドメイン（最後にピリオド）を指定します。Mailserver hostnameの末尾にもピリオドを付ける必要があります。

Google のヘルプサイト：
G Suite の MX レコードの値
https://support.google.com/a/answer/174125?hl=ja
IMAP を使用して他のメール クライアントで Gmail のメールを読む
https://support.google.com/mail/answe...6229?hl=ja