Copyrightの記述

Diary
投稿者: 表示回数218 印刷用ページ

Copyrightの記述について、日本は万国著作権条約に加盟しているので本来記載不要ですが、今までの慣習からフッタにないと収まりが悪いかもしれません。 また、Copyrightと(c)は被っているので、(c)だけで大丈夫です。

All right reservedは古いブエノスアイレス条約で必要だったのが残っているだけで今では不要なので記載不要です。 年表記については、いつから、が必要なのですが、古い年号だけだとサイトが動いていないような印象を受けるので、2014-2020というように表記するのが無難でしょう。

現在の年号を毎年書き換えるのは面倒なのでjsで以下のように記述します。


<small>&copy; 2014-<span id="thisYear"></span> xxx inc.</small>

<script type="text/javascript">
  date = new Date();
  thisYear = date.getFullYear();
  document.getElementById("thisYear").innerHTML = thisYear;
</script>

実行した結果:
© 2014- xxx inc.

参考:
https://hajipion.com/2288.html

お名前メールを活用する際のDNS設定

おしらせ
投稿者: 表示回数248 印刷用ページ
お名前ドットコムには、メールだけ使うお名前メールというサービスがあります。ホームページは別のサーバーでメールだけお名前ドットコムを利用する場合の設定方法をご紹介します。


ホスト名 TYPE TTL VALUE / MX優先 状態 削除
hogehoge.com NS 86400 01.dnsv.jp 有効
hogehoge.com NS 86400 02.dnsv.jp 有効
hogehoge.com NS 86400 03.dnsv.jp 有効
hogehoge.com NS 86400 04.dnsv.jp 有効
imap.hogehoge.com CNAME 3600 imap22.gmoserver.jp 有効
pop.hogehoge.com CNAME 3600 pop22.gmoserver.jp 有効
pop3.hogehoge.com CNAME 3600 pop22.gmoserver.jp 有効
smtp.hogehoge.com CNAME 3600 smtp22.gmoserver.jp 有効
hogehoge.com MX 3600 mx22.gmoserver.jp /10 有効
hogehoge.com TXT 3600 v=spf1 include:spf22.gmoserver.jp ~all 有効


hogehoge.com は該当のドメイン名を入れてください。

WeeblyにUIkitを追加する方法

おしらせ
投稿者: 表示回数249 印刷用ページ
WeeblyにUIkitを追加すると便利です。
お問い合わせフォームのhtmlをアスメルから取り出して貼り付ける際にcssを調整するのに便利です。

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

テーマー>カスタマイズー>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だけでなく、活用しているテンプレートすべてにこの修正を行います。

wordhtml

Geeklog
投稿者: 表示回数594 印刷用ページ
WordやEXCELをHTMLフォーマットにオンラインで変換するサイト

https://wordhtml.com

MACのおすすめアプリ

Geeklog
投稿者: 表示回数875 印刷用ページ
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 筆圧タブレット

物件 Google Mapsの表示のしくみ

Geeklog
投稿者: 表示回数1,078 印刷用ページ

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>

Weeblyを活用する際に注意すべき点

Geeklog
投稿者: 表示回数1,608 印刷用ページ
CMSを独自にインストールしてサイトを運営するより、Weeblyで可能ならWeeblyを使ったほうが効率的なサイトは実はほとんどそうなんのではないかと思います。

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

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

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

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

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

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

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

[インスタグラム]instagramに直リンクする埋め込みコードを取得する方法

Geeklog
投稿者: 表示回数1,328 印刷用ページ

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

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

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

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

最初 | 前へ | 1 234567| 次へ | 最後