2019-12-13

cssをインライン化してくれるwebtool「Responsive Email Inliner」

web

https://foundation.zurb.com/emails/inliner-v2.html

メルマガ等ではcssはインライン化しないといけないことがあるのですが、開発時からインラインではしんどい。

なのであとからcssインライン化するのが吉。

ネタ元

https://blog.tsumikiinc.com/article/20150407_responsive-html-email.html

2019-12-11

Googleカレンダーに天気予報追加

web

・livedoor 天気情報で天気表示したい地域を探します。
　http://weather.livedoor.com/weather_hacks/ical
・地域を見つけたらicalを右クリックし、「リンクアドレス」をコピーします。

・Googleカレンダーの左メニューから他のカレンダーの「＋」クリックして、「URLで追加」をクリック
f:id:shikaku:20191211112802p:plain

・コピペで追加して終わり

ネタ元

https://blog-tips.sekenkodqx.jp/2019/01/20/google-calendar00004/

2019-11-07

Googleカレンダーに追加 / iCalに追加　リンクを作成する方法

tool web

ラジオNIKKEIのページにあったのを真似したい。

先人が作ったURLを作るライブラリとかあるみたい。

ネタ元

2019-09-20

Amazon Lightsailでwordpress作成＆ログイン方法

web

Amazon Lightsailで一番安いプランでWordpress作る。2019/9/20時点では $3.5 / 月。

SSHで接続。ログインパスワードを以下のコマンドで確認。

cat /home/bitnami/bitnami_application_password

最初なのでIPで直アクセス。https://XXX.XXX.XXX.XXX
ユーザー名は user でログインする。

ネタ元

https://qiita.com/na0AaooQ/items/781b3823b79fd3b747a3

2019-07-04

日本語ファイル名を含むURLからのダウンロードする方法

web

URLの文字コード(ファイル名)を、shift-jis→URLエンコードしないといけない。
ChromeなどではURL欄に日本語を手入力すると、UTF-8→URLエンコードするので、結果として違う文字列になる。

変換(エンコード)サイト：http://urlencode.net/result.cgi

ネタ元

https://www.messiahworks.com/archives/11379

2019-07-03

CloudFlareをムームードメインで利用する

web

cloudflareでアカウントとドメイン登録する。
- 無料プランもあるよ。
- 進めるとネームサーバー2つ出てくるのでメモる

ムームードメインのネームサーバ設定変更で「取得したドメインで使用する※上級者向け」を選択し、メモったネームサーバを登録

今はhttpsでも無料でつかえるっぽい

ネタ元

2019-05-14

ライブドアブログのメッセージボードで曜日ごとに切り替え

web

この欄でもjavascript使える

3割非表示というのもいれてみると意外といい。

<script>
function Settoday(){
  var today = new Date() ;
  var weekday = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ] ;  
 
  var random = Math.random();
  if( random < 0.3 ){
    // 3割は非表示にする
   document.getElementById("none").style.display="block";
  }else{
   document.getElementById(weekday[today.getDay()]).style.display="block";
  }
}

window.addEventListener("DOMContentLoaded", function(){
  Settoday();
}, false);

</script>
 
<div id="none" style="display:none;">
	<!-- 非表示 -->
</div>
<div id="Sun" style="display:none;">
	<!-- 日曜日 -->
</div>
<div id="Mon" style="display:none;">
	<!-- 月曜日 -->
</div>
<div id="Tue" style="display:none;">
	<!-- 火曜日 -->
</div>
<div id="Wed" style="display:none;">
	<!-- 水曜日 -->
</div>
<div id="Thu" style="display:none;">
	<!-- 木曜日 -->
</div>
<div id="Fri" style="display:none;">
	<!-- 金曜日 -->
</div>
<div id="Sat" style="display:none;">
	<!-- 土曜日 -->
</div>
</body>

ネタ元

https://peacepopo.net/blog-entry-151.html

2019-04-10

転送(リダイレクト)。スマホとPCのデバイスごと条件分岐するjavascript

web

シンプルにiOSとAndroidで分岐

<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
	// スマホ用のページにリダイレクトする
	location.href = '/sp/';
}else{
	// PC用のページにリダイレクトする
	location.href = 'hugehoge.com/';
}
</script>